initContactButton({data: {"title":"Button","texts":{"title":"How Can We Help?","header":"How Can We Help?","subheader":"We help you find your ideal franchise!"},"header_logo":null,"header":1,"position":"bottom_right","colors":{"text_color":"#ffffff","inside_color":"#2c3b8d","outside_color":"#2c3b8d"},"font_family":"Inter","display_option":"columns","default_state":"text_button","shadow":"button_and_menu_shadow","after_scrolling":0,"after_scrolling_mobile":0,"desktop":1,"mobile":1,"icon_status":1,"icon":{"type":"font_icon","class":"question","custom_icon":null,"button_icon_color":"#ffffff"},"margin":{"vertical":"20","horizontal":"20"},"rules":null,"rule_status":0,"open_menu_status":0,"open_menu_delay":null,"custom_css_status":0,"custom_css":null,"badge_status":0,"badge_options":null,"popups":[],"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6","statistic_view_link":"https:\/\/app.contactbutton.com\/statistic\/view\/b5527233abf30c04d0d10231a1500cd6","timezone":{"timezone":"UTC","offset":"+0","offset_human":"00:00"},"branding_link":"https:\/\/contactbutton.com\/?via=cb","external_id":"86403f937bada1e557eb15e995dcb207","svg_icon":"\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022\n id=\u0022question\u0022\n style=\u0022fill: var(--button_icon_color, black);\u0022\n viewBox=\u00220 0 320 512\u0022\u003E\u003C!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--\u003E\n\u003Cpath\nd=\u0022M80 160c0-35.3 28.7-64 64-64l32 0c35.3 0 64 28.7 64 64l0 3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74l0 1.4c0 17.7 14.3 32 32 32s32-14.3 32-32l0-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7l0-3.6c0-70.7-57.3-128-128-128l-32 0C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z\u0022\/\u003E\n\u003C\/svg\u003E\n","website_widgets":[{"title":"Call Us","fields":{"icon":"font_icon","title":"Call Us","border":"no_border","content":"Need help or have a question? Give us a call.","file_name":"","fill_color":"#ffffff","icon_class":"fa-solid fa-phone","description":null,"border_color":"#f22e45","image_widget":"","phone_number":"+12029028065","shadow_color":"#a61f2f","action_mobile":"call_number","action_desktop":"display_text","gradient_angle":"180","gradient_first":"#f22e45","background_type":"solid_color","call_font_color":"#009ff4","gradient_second":"#a61f2f","uploaded_images":"","background_color":"#892123"},"scheduling":{"days":[{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false}],"all_times":true},"rules":null,"rule_status":0,"model_type":null,"model_id":null,"desktop":1,"mobile":1,"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6\/7350144e78ab47daea040dd2f9584839","unique_id":"6872831134b76","script":"","external_id":"7350144e78ab47daea040dd2f9584839","icon_link":"https:\/\/app.contactbutton.com\/assets\/icons\/font_icon.svg","widget":{"sort_order":10,"widget_type_id":null,"title":"Click-to-Call","slug":"call","icon":"\/assets\/icons\/click-to-call","fields":[{"name":"title","type":"text","label":"App Display Name","rules":["required"],"status":true,"default":"","placeholder":"App name shown in menu"},{"name":"description","type":"text","label":"App Description","rules":["nullable"],"fields":[],"status":true,"default":"","placeholder":"Description only shows when row layout selected"},{"name":"phone_number","type":"text","label":"Phone Number","rules":["required"],"notice":{"href":["https:\/\/trengo.com\/en\/register\/?ref=contactbutton"],"text":"Need an app to help you manage your Inbound Phone Calls? Contact Button uses Trengo.com.","to_href":["Trengo.com."]},"status":true,"default":"","placeholder":"Example +121xxxxxxxx"},{"name":"content","rows":4,"type":"textarea","colls":10,"label":"Display Text \u0026 Phone Number","rules":["required"],"value":"Need help or have a question? Give us a call.","status":true,"placeholder":"Insert your text here"},{"name":"action_desktop","type":"select","label":"Action on Desktop","rules":["required"],"status":true,"default":"display_text","options":[{"label":"Call Phone Number","value":"call_number"},{"label":"Display Text \u0026 Phone Number","value":"display_text"}],"placeholder":"Action on Desktop"},{"name":"action_mobile","type":"select","label":"Action on Mobile","rules":["required"],"status":true,"default":"call_number","options":[{"label":"Call Phone Number","value":"call_number"},{"label":"Display Text \u0026 Phone Number","value":"display_text"}],"placeholder":"Action on Mobile"},{"name":"call_font_color","type":"color","label":"Icon \u0026 Text Color","rules":["required"],"status":true,"default":"#009ff4","placeholder":"Icon \u0026 Text Color"}],"integrations":null,"templates":null,"description":"Make it easy for visitors to call your number via a mobile device.","script":{"call":""},"addons":null,"help_link":"https:\/\/help.contactbutton.com\/support\/article\/app-guides\/app-setup-guide-click-to-call\/","show":{"mobile":{"default":true,"disabled":false},"desktop":{"default":true,"disabled":false}}}},{"title":"Schedule","fields":{"icon":"font_icon","title":"Schedule","border":"no_border","content":"\u003Ciframe src=\u0022https:\/\/app.acuityscheduling.com\/schedule.php?owner=14797050\u0026appointmentType=category:Blue%20Star%20Franchise\u0022 width=\u0022100%\u0022 height=\u0022800\u0022 frameBorder=\u00220\u0022\u003E\u003C\/iframe\u003E\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u003Cscript src=\u0022https:\/\/embed.acuityscheduling.com\/js\/embed.js\u0022 type=\u0022text\/javascript\u0022\u003E\u003C\/script\u003E","fill_color":"#ffffff","icon_class":"fas fa-calendar-days","description":null,"border_color":"#2d2d2d","shadow_color":"#666666","uploaded_images":"","background_color":"#0062ff","chat_integrations":"html_code"},"scheduling":{"days":[{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false}],"all_times":true},"rules":null,"rule_status":0,"model_type":null,"model_id":null,"desktop":1,"mobile":1,"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6\/b28f31c895dacfc8b96172837ff3d709","unique_id":"687283113543a","script":"","external_id":"b28f31c895dacfc8b96172837ff3d709","icon_link":"https:\/\/app.contactbutton.com\/assets\/icons\/font_icon.svg","widget":{"sort_order":15,"widget_type_id":null,"title":"HTML Embed","slug":"html","icon":"\/assets\/icons\/embed","fields":[{"name":"title","type":"text","label":"App Display Name","rules":["required"],"status":true,"default":"","placeholder":"App name shown in menu"},{"name":"description","type":"text","label":"App Description","rules":["nullable"],"fields":[],"status":true,"default":"","placeholder":"Description only shows when row layout selected"}],"integrations":[{"slug":"html_code","title":"HTML Code","fields":[{"name":"content","type":"textarea","label":"Content","rules":["required"],"status":true,"default":"","placeholder":"Insert your HTML embed code here"}],"status":true,"description":""},{"slug":"iframe","title":"iFrame Embed","fields":[{"name":"url","type":"text","label":"iFrame URL","rules":["required"],"status":true,"default":"","placeholder":"Url"}],"status":true,"description":""},{"slug":"javascript","title":"JavaScript Action","fields":[{"name":"content","type":"textarea","label":"Content","rules":["required"],"status":true,"default":"console.log(\u0022I am test!\u0022)","placeholder":"Insert your Javascript code here"}],"status":true,"description":""},{"slug":"rich_text","title":"Rich Text","fields":[{"name":"content","type":"quill","label":"Content","rules":["required"],"status":true,"default":"","placeholder":"Create rich webpage content here"}],"status":true,"description":""}],"templates":null,"description":"Insert 3rd party code or iframes inside your contact button menu.","script":{"html":""},"addons":null,"help_link":"https:\/\/help.contactbutton.com\/support\/article\/app-guides\/app-setup-guide-html-embed\/","show":{"mobile":{"default":true,"disabled":false},"desktop":{"default":true,"disabled":false}}}},{"title":"Email","fields":{"icon":"font_icon","email":"info@bluestarfranchise.com","title":"Email","border":"no_border","message":null,"subject":"Contact Button Form","cc_address":null,"fill_color":"#ffffff","icon_class":"fa-solid fa-paper-plane","description":null,"border_color":"#f95d2c","shadow_color":"#ad401f","uploaded_images":"","background_color":"#f95d2c","chat_integrations":"email"},"scheduling":{"days":[{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false}],"all_times":true},"rules":null,"rule_status":0,"model_type":null,"model_id":null,"desktop":1,"mobile":1,"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6\/0e2ce16e65ceff98ee3325f252207026","unique_id":"6872831135d8b","script":"let a = document.createElement(\u0022a\u0022);\na.href = \u0022mailto:info@bluestarfranchise.com\u0022;\na.style.display = \u0022none\u0022;\ndocument.body.appendChild(a);\na.click();\na.remove();","external_id":"0e2ce16e65ceff98ee3325f252207026","icon_link":"https:\/\/app.contactbutton.com\/assets\/icons\/font_icon.svg","widget":{"sort_order":12,"widget_type_id":null,"title":"Send Messages","slug":"message","icon":"\/assets\/icons\/message","fields":[{"name":"title","type":"text","label":"App Display Name","rules":["required"],"status":true,"default":"","placeholder":"App name shown in menu"},{"name":"description","type":"text","label":"App Description","rules":["nullable"],"fields":[],"status":true,"default":"","placeholder":"Description only shows when row layout selected"}],"integrations":[{"icon":"fa-solid fa-paper-plane","slug":"email","title":"Email","fields":[{"name":"email","type":"text","label":"Email Address","rules":["required","email"],"notice":{"href":["https:\/\/trengo.com\/en\/register\/?ref=contactbutton"],"text":"Need an app to help you manage your Shared Email Inbox? Contact Button uses Trengo.com.","to_href":["Trengo.com."]},"status":true,"default":"","placeholder":"example@example.com"},{"name":"subject","type":"text","label":"Email Subject","rules":["nullable"],"status":true,"default":"","placeholder":"Optional Subject Text"},{"name":"message","type":"textarea","label":"Email Message","rules":["nullable"],"status":true,"default":"","placeholder":"Optional Message Text"},{"name":"cc_address","type":"text","label":"Add CC Address","rules":["nullable","email"],"status":true,"default":"","placeholder":"Optional CC Recipient"}],"status":true,"description":"","background_color":"#f95d2c"},{"icon":"fa-solid fa-comment-sms","slug":"sms","title":"SMS","fields":[{"name":"phone_number","type":"text","label":"Phone Number","rules":["required"],"notice":{"href":["https:\/\/trengo.com\/en\/register\/?ref=contactbutton"],"text":"Need an app to help you manage your SMS messages? Contact Button uses Trengo.com.","to_href":["Trengo.com."]},"status":true,"default":"","placeholder":"Example: +121xxxxxxxx"}],"status":true,"description":"","background_color":"#0089fc"}],"templates":null,"description":"Make it easy for leads to reach you via SMS or email.","script":{"sms":"let a = document.createElement(\u0022a\u0022);\na.href = \u0022sms:%phone_number%\u0022;\na.style.display = \u0022none\u0022;\ndocument.body.appendChild(a);\na.click();\na.remove();","email":"let a = document.createElement(\u0022a\u0022);\na.href = \u0022mailto:%email%\u0022;\na.style.display = \u0022none\u0022;\ndocument.body.appendChild(a);\na.click();\na.remove();"},"addons":null,"help_link":"https:\/\/help.contactbutton.com\/support\/article\/app-guides\/app-setup-guide-send-messages\/","show":{"mobile":{"default":true,"disabled":false},"desktop":{"default":true,"disabled":false}}}},{"title":"Chat with AI","fields":{"icon":"font_icon","title":"Chat with AI","border":"no_border","content":"\u003Ciframe id=\u0022chat-widget\u0022 src=\u0022https:\/\/chatwith.tools\/embed\/2329f6f6-d12c-4a35-8e3e-154c33a41fe7\u0022 width=\u0022100%\u0022 height=\u0022500\u0022\u003E\u003C\/iframe\u003E","fill_color":"#ffffff","icon_class":"fas fa-comments","description":null,"border_color":"#2d2d2d","shadow_color":"#666666","uploaded_images":"","background_color":"#2d2d2d","chat_integrations":"html_code"},"scheduling":{"days":[{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false}],"all_times":true},"rules":null,"rule_status":0,"model_type":null,"model_id":null,"desktop":1,"mobile":1,"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6\/adb132905f987e49cd65a4820462876b","unique_id":"6872831136821","script":"","external_id":"adb132905f987e49cd65a4820462876b","icon_link":"https:\/\/app.contactbutton.com\/assets\/icons\/font_icon.svg","widget":{"sort_order":15,"widget_type_id":null,"title":"HTML Embed","slug":"html","icon":"\/assets\/icons\/embed","fields":[{"name":"title","type":"text","label":"App Display Name","rules":["required"],"status":true,"default":"","placeholder":"App name shown in menu"},{"name":"description","type":"text","label":"App Description","rules":["nullable"],"fields":[],"status":true,"default":"","placeholder":"Description only shows when row layout selected"}],"integrations":[{"slug":"html_code","title":"HTML Code","fields":[{"name":"content","type":"textarea","label":"Content","rules":["required"],"status":true,"default":"","placeholder":"Insert your HTML embed code here"}],"status":true,"description":""},{"slug":"iframe","title":"iFrame Embed","fields":[{"name":"url","type":"text","label":"iFrame URL","rules":["required"],"status":true,"default":"","placeholder":"Url"}],"status":true,"description":""},{"slug":"javascript","title":"JavaScript Action","fields":[{"name":"content","type":"textarea","label":"Content","rules":["required"],"status":true,"default":"console.log(\u0022I am test!\u0022)","placeholder":"Insert your Javascript code here"}],"status":true,"description":""},{"slug":"rich_text","title":"Rich Text","fields":[{"name":"content","type":"quill","label":"Content","rules":["required"],"status":true,"default":"","placeholder":"Create rich webpage content here"}],"status":true,"description":""}],"templates":null,"description":"Insert 3rd party code or iframes inside your contact button menu.","script":{"html":""},"addons":null,"help_link":"https:\/\/help.contactbutton.com\/support\/article\/app-guides\/app-setup-guide-html-embed\/","show":{"mobile":{"default":true,"disabled":false},"desktop":{"default":true,"disabled":false}}}},{"title":"FAQ","fields":{"url":"http:\/\/bluestarfranchise.com\/faq","icon":"font_icon","title":"FAQ","border":"no_border","target":"_blank","fill_color":"#ffffff","icon_class":"fas fa-circle-question","description":null,"border_color":"#21759b","shadow_color":"#113b4f","uploaded_images":"","background_color":"#21759b"},"scheduling":{"days":[{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false}],"all_times":true},"rules":null,"rule_status":0,"model_type":null,"model_id":null,"desktop":1,"mobile":1,"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6\/1d6099f6282720f8b2236610ea42b78d","unique_id":"687283113715e","script":"let type = \u0022_blank\u0022;\nif (type == \u0022_self\u0022) {\nwindow.location.href = \u0022http:\/\/bluestarfranchise.com\/faq\u0022;\n} else if(type == \u0022_blank\u0022){\nwindow.open(\u0022http:\/\/bluestarfranchise.com\/faq\u0022, \u0022_blank\u0022);\n}","external_id":"1d6099f6282720f8b2236610ea42b78d","icon_link":"https:\/\/app.contactbutton.com\/assets\/icons\/font_icon.svg","widget":{"sort_order":9,"widget_type_id":null,"title":"Website Links","slug":"link","icon":"\/assets\/icons\/link","fields":[{"name":"title","type":"text","label":"App Display Name","rules":["required"],"status":true,"default":"","placeholder":"App name shown in menu"},{"name":"description","type":"text","label":"App Description","rules":["nullable"],"fields":[],"status":true,"default":"","placeholder":"Description only shows when row layout selected"},{"name":"url","type":"text","label":"Link URL","rules":["required","url"],"status":true,"default":"","placeholder":"Link URL"},{"name":"target","type":"select","label":"Target","rules":["required"],"status":true,"default":"","options":[{"label":"Blank","value":"_blank"},{"label":"Self","value":"_self"}],"placeholder":"Target"}],"integrations":null,"templates":null,"description":"Send people to the internal or external website URL of your choice.","script":{"link":"let type = \u0022%target%\u0022;\nif (type == \u0022_self\u0022) {\nwindow.location.href = \u0022%url%\u0022;\n} else if(type == \u0022_blank\u0022){\nwindow.open(\u0022%url%\u0022, \u0022_blank\u0022);\n}"},"addons":null,"help_link":"https:\/\/help.contactbutton.com\/support\/article\/app-guides\/app-setup-guide-website-links\/","show":{"mobile":{"default":true,"disabled":false},"desktop":{"default":true,"disabled":false}}}},{"title":"Text Us","fields":{"icon":"font_icon","title":"Text Us","border":"no_border","fill_color":"#ffffff","icon_class":"fa-solid fa-comment-sms","description":null,"border_color":"#f95d2c","phone_number":"2028188583","shadow_color":"#ad401f","uploaded_images":"","background_color":"#0089fc","chat_integrations":"sms"},"scheduling":{"days":[{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false}],"all_times":true},"rules":null,"rule_status":0,"model_type":null,"model_id":null,"desktop":1,"mobile":1,"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6\/7495857d6a6c49ddc2585cf8b4ade34c","unique_id":"6872831137a26","script":"let a = document.createElement(\u0022a\u0022);\na.href = \u0022sms:2028188583\u0022;\na.style.display = \u0022none\u0022;\ndocument.body.appendChild(a);\na.click();\na.remove();","external_id":"7495857d6a6c49ddc2585cf8b4ade34c","icon_link":"https:\/\/app.contactbutton.com\/assets\/icons\/font_icon.svg","widget":{"sort_order":12,"widget_type_id":null,"title":"Send Messages","slug":"message","icon":"\/assets\/icons\/message","fields":[{"name":"title","type":"text","label":"App Display Name","rules":["required"],"status":true,"default":"","placeholder":"App name shown in menu"},{"name":"description","type":"text","label":"App Description","rules":["nullable"],"fields":[],"status":true,"default":"","placeholder":"Description only shows when row layout selected"}],"integrations":[{"icon":"fa-solid fa-paper-plane","slug":"email","title":"Email","fields":[{"name":"email","type":"text","label":"Email Address","rules":["required","email"],"notice":{"href":["https:\/\/trengo.com\/en\/register\/?ref=contactbutton"],"text":"Need an app to help you manage your Shared Email Inbox? Contact Button uses Trengo.com.","to_href":["Trengo.com."]},"status":true,"default":"","placeholder":"example@example.com"},{"name":"subject","type":"text","label":"Email Subject","rules":["nullable"],"status":true,"default":"","placeholder":"Optional Subject Text"},{"name":"message","type":"textarea","label":"Email Message","rules":["nullable"],"status":true,"default":"","placeholder":"Optional Message Text"},{"name":"cc_address","type":"text","label":"Add CC Address","rules":["nullable","email"],"status":true,"default":"","placeholder":"Optional CC Recipient"}],"status":true,"description":"","background_color":"#f95d2c"},{"icon":"fa-solid fa-comment-sms","slug":"sms","title":"SMS","fields":[{"name":"phone_number","type":"text","label":"Phone Number","rules":["required"],"notice":{"href":["https:\/\/trengo.com\/en\/register\/?ref=contactbutton"],"text":"Need an app to help you manage your SMS messages? Contact Button uses Trengo.com.","to_href":["Trengo.com."]},"status":true,"default":"","placeholder":"Example: +121xxxxxxxx"}],"status":true,"description":"","background_color":"#0089fc"}],"templates":null,"description":"Make it easy for leads to reach you via SMS or email.","script":{"sms":"let a = document.createElement(\u0022a\u0022);\na.href = \u0022sms:%phone_number%\u0022;\na.style.display = \u0022none\u0022;\ndocument.body.appendChild(a);\na.click();\na.remove();","email":"let a = document.createElement(\u0022a\u0022);\na.href = \u0022mailto:%email%\u0022;\na.style.display = \u0022none\u0022;\ndocument.body.appendChild(a);\na.click();\na.remove();"},"addons":null,"help_link":"https:\/\/help.contactbutton.com\/support\/article\/app-guides\/app-setup-guide-send-messages\/","show":{"mobile":{"default":true,"disabled":false},"desktop":{"default":true,"disabled":false}}}},{"title":"Youtube","fields":{"icon":"font_icon","title":"Youtube","border":"no_border","social_id":"cbnationtv","fill_color":"#ffffff","icon_class":"fa-brands fa-youtube","description":null,"border_color":"#ff0050","shadow_color":"#b30039","uploaded_images":"","background_color":"#ff0000","chat_integrations":"youtube"},"scheduling":{"days":[{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false}],"all_times":true},"rules":null,"rule_status":0,"model_type":null,"model_id":null,"desktop":1,"mobile":1,"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6\/d6b35e6bec41a0e18de35c447bd9ab59","unique_id":"687283113856a","script":"","external_id":"d6b35e6bec41a0e18de35c447bd9ab59","icon_link":"https:\/\/app.contactbutton.com\/assets\/icons\/font_icon.svg","widget":{"sort_order":8,"widget_type_id":null,"title":"Social Links","slug":"social","icon":"\/assets\/icons\/social","fields":[{"name":"title","type":"hidden","rules":["nullable"],"notice":{"href":[{"route":"add.selected.widget","parameters":[{"widget_slug":"link"}]}],"text":"Don\u2019t see your Social App listed? Try using the Custom Link app instead!","to_href":["Custom Link"]},"element_id":"noticeWithNotChat"},{"name":"title","type":"text","label":"App Display Name","rules":["required"],"status":true,"default":"","placeholder":"App name shown in menu"},{"name":"description","type":"text","label":"App Description","rules":["nullable"],"fields":[],"status":true,"default":"","placeholder":"Description only shows when row layout selected"}],"integrations":[{"icon":"fa-brands fa-discord","link":"https:\/\/discordapp.com\/users\/{social_id}","slug":"discord","title":"Discord","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"discordapp.com\/users\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#5865f2"},{"icon":"fa-brands fa-facebook","link":"https:\/\/facebook.com\/{social_id}","slug":"facebook","title":"Facebook","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"facebook.com\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#4460a0"},{"icon":"fa-brands fa-instagram","link":"https:\/\/instagram.com\/{social_id}","slug":"instagram","title":"Instagram","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"instagram.com\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#e44958"},{"icon":"fa-brands fa-line","link":"https:\/\/line.me\/R\/ti\/p\/{social_id}","slug":"line","title":"Line","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"line.me\/R\/ti\/p\/","right":""},"placeholder":"LineID"}],"status":true,"description":"","background_color":"#2ccf54"},{"icon":"fa-brands fa-linkedin","link":"https:\/\/linkedin.com\/{social_id}","slug":"linkedin","title":"LinkedIn","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"linkedin.com\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#007ebb"},{"icon":"fa-brands fa-pinterest","link":"https:\/\/pinterest.com\/{social_id}","slug":"pinterest","title":"Pinterest","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"pinterest.com\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#cc2127"},{"icon":"fa-brands fa-reddit","link":"https:\/\/reddit.com\/user\/{social_id}","slug":"reddit","title":"Reddit","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","position":"left","text_label":{"left":"reddit.com\/user\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#ff5700"},{"icon":"fa-brands fa-slack","link":"https:\/\/{social_id}\/slack.com","slug":"slack","title":"Slack","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"","right":"\/slack.com"},"placeholder":"WorkspaceID"}],"status":true,"description":"","background_color":"#e01e5a"},{"icon":"fa-brands fa-snapchat","link":"https:\/\/snapchat.com\/add\/{social_id}","slug":"snapchat","title":"Snapchat","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"snapchat.com\/add\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#FFFC00"},{"icon":"fa-brands fa-spotify","link":"https:\/\/open.spotify.com\/user\/{social_id}","slug":"spotify","title":"Spotify","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"open.spotify.com\/user\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#00da5a"},{"icon":"fa-brands fa-soundcloud","link":"https:\/\/soundcloud.com\/{social_id}","slug":"soundcloud","title":"Soundcloud","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"soundcloud.com\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#ff4300"},{"icon":"fa-brands fa-telegram","link":"https:\/\/t.me\/{social_id}","slug":"telegram","title":"Telegram","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"t.me\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#0088cc"},{"icon":"fa-brands fa-tiktok","link":"https:\/\/tiktok.com\/@{social_id}","slug":"tiktok","title":"TikTok","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"tiktok.com\/@","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#ff0050"},{"icon":"fa-brands fa-twitch","link":"https:\/\/twitch.tv\/{social_id}","slug":"twitch","title":"Twitch","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"twitch.tv\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#9146ff"},{"icon":"fa-brands fa-x-twitter","link":"https:\/\/twitter.com\/{social_id}","slug":"twitter","title":"Twitter \/ X","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"twitter.com\/","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#000000"},{"icon":"fa-brands fa-youtube","link":"https:\/\/youtube.com\/@{social_id}","slug":"youtube","title":"YouTube","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"youtube.com\/@","right":""},"placeholder":"UserID"}],"status":true,"description":"","background_color":"#ff0000"},{"icon":"fa-brands fa-threads","link":"https:\/\/www.threads.net\/@{social_id}","slug":"threads","title":"Threads","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"threads.net\/@","right":""},"placeholder":"Username"}],"status":true,"description":"","background_color":"#101010"},{"icon":"fa-brands fa-threads","link":"https:\/\/zalo.me\/{social_id}","slug":"zalo","title":"Zalo","fields":[{"name":"social_id","type":"text_label","label":"Link","rules":["required"],"status":true,"default":"","text_label":{"left":"zalo.me\/","right":""},"placeholder":"Phone Number"}],"status":true,"icon_svg":"\u003Csvg width=\u002250\u0022 height=\u002250\u0022 viewBox=\u00220 0 50 50\u0022 fill=\u0022none\u0022 xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022\u003E\n\u003Cpath fill-rule=\u0022evenodd\u0022 clip-rule=\u0022evenodd\u0022 d=\u0022M22.782 0.166016H27.199C33.2653 0.166016 36.8103 1.05701 39.9572 2.74421C43.1041 4.4314 45.5875 6.89585 47.2557 10.0428C48.9429 13.1897 49.8339 16.7347 49.8339 22.801V27.1991C49.8339 33.2654 48.9429 36.8104 47.2557 39.9573C45.5685 43.1042 43.1041 45.5877 39.9572 47.2559C36.8103 48.9431 33.2653 49.8341 27.199 49.8341H22.8009C16.7346 49.8341 13.1896 48.9431 10.0427 47.2559C6.89583 45.5687 4.41243 43.1042 2.7442 39.9573C1.057 36.8104 0.166016 33.2654 0.166016 27.1991V22.801C0.166016 16.7347 1.057 13.1897 2.7442 10.0428C4.43139 6.89585 6.89583 4.41245 10.0427 2.74421C13.1707 1.05701 16.7346 0.166016 22.782 0.166016Z\u0022 fill=\u0022#0068FF\u0022\/\u003E\n\u003Cpath opacity=\u00220.12\u0022 fill-rule=\u0022evenodd\u0022 clip-rule=\u0022evenodd\u0022 d=\u0022M49.8336 26.4736V27.1994C49.8336 33.2657 48.9427 36.8107 47.2555 39.9576C45.5683 43.1045 43.1038 45.5879 39.9569 47.2562C36.81 48.9434 33.265 49.8344 27.1987 49.8344H22.8007C17.8369 49.8344 14.5612 49.2378 11.8104 48.0966L7.27539 43.4267L49.8336 26.4736Z\u0022 fill=\u0022#001A33\u0022\/\u003E\n\u003Cpath fill-rule=\u0022evenodd\u0022 clip-rule=\u0022evenodd\u0022 d=\u0022M7.779 43.5892C10.1019 43.846 13.0061 43.1836 15.0682 42.1825C24.0225 47.1318 38.0197 46.8954 46.4923 41.4732C46.8209 40.9803 47.1279 40.4677 47.4128 39.9363C49.1062 36.7779 50.0004 33.22 50.0004 27.1316V22.7175C50.0004 16.629 49.1062 13.0711 47.4128 9.91273C45.7385 6.75436 43.2461 4.28093 40.0877 2.58758C36.9293 0.894239 33.3714 0 27.283 0H22.8499C17.6644 0 14.2982 0.652754 11.4699 1.89893C11.3153 2.03737 11.1636 2.17818 11.0151 2.32135C2.71734 10.3203 2.08658 27.6593 9.12279 37.0782C9.13064 37.0921 9.13933 37.1061 9.14889 37.1203C10.2334 38.7185 9.18694 41.5154 7.55068 43.1516C7.28431 43.399 7.37944 43.5512 7.779 43.5892Z\u0022 fill=\u0022white\u0022\/\u003E\n\u003Cpath d=\u0022M20.5632 17H10.8382V19.0853H17.5869L10.9329 27.3317C10.7244 27.635 10.5728 27.9194 10.5728 28.5639V29.0947H19.748C20.203 29.0947 20.5822 28.7156 20.5822 28.2606V27.1421H13.4922L19.748 19.2938C19.8428 19.1801 20.0134 18.9716 20.0893 18.8768L20.1272 18.8199C20.4874 18.2891 20.5632 17.8341 20.5632 17.2844V17Z\u0022 fill=\u0022#0068FF\u0022\/\u003E\n\u003Cpath d=\u0022M32.9416 29.0947H34.3255V17H32.2402V28.3933C32.2402 28.7725 32.5435 29.0947 32.9416 29.0947Z\u0022 fill=\u0022#0068FF\u0022\/\u003E\n\u003Cpath d=\u0022M25.814 19.6924C23.1979 19.6924 21.0747 21.8156 21.0747 24.4317C21.0747 27.0478 23.1979 29.171 25.814 29.171C28.4301 29.171 30.5533 27.0478 30.5533 24.4317C30.5723 21.8156 28.4491 19.6924 25.814 19.6924ZM25.814 27.2184C24.2785 27.2184 23.0273 25.9672 23.0273 24.4317C23.0273 22.8962 24.2785 21.645 25.814 21.645C27.3495 21.645 28.6007 22.8962 28.6007 24.4317C28.6007 25.9672 27.3685 27.2184 25.814 27.2184Z\u0022 fill=\u0022#0068FF\u0022\/\u003E\n\u003Cpath d=\u0022M40.4867 19.6162C37.8516 19.6162 35.7095 21.7584 35.7095 24.3934C35.7095 27.0285 37.8516 29.1707 40.4867 29.1707C43.1217 29.1707 45.2639 27.0285 45.2639 24.3934C45.2639 21.7584 43.1217 19.6162 40.4867 19.6162ZM40.4867 27.2181C38.9322 27.2181 37.681 25.9669 37.681 24.4124C37.681 22.8579 38.9322 21.6067 40.4867 21.6067C42.0412 21.6067 43.2924 22.8579 43.2924 24.4124C43.2924 25.9669 42.0412 27.2181 40.4867 27.2181Z\u0022 fill=\u0022#0068FF\u0022\/\u003E\n\u003Cpath d=\u0022M29.4562 29.0944H30.5747V19.957H28.6221V28.2793C28.6221 28.7153 29.0012 29.0944 29.4562 29.0944Z\u0022 fill=\u0022#0068FF\u0022\/\u003E\n\u003C\/svg\u003E\n","icon_image":"https:\/\/app.contactbutton.com\/assets\/icons\/zalo.svg","description":"","shadow_color":"#7FB4F2","background_color":"#0068ff"}],"templates":null,"description":"Link to your profile pages on the most popular social apps.","script":{"social":""},"addons":null,"help_link":"https:\/\/help.contactbutton.com\/support\/article\/app-guides\/app-setup-guide-social-links\/","show":{"mobile":{"default":true,"disabled":false},"desktop":{"default":true,"disabled":false}}}},{"title":"Free Course","fields":{"url":"http:\/\/bluestarfranchise.com\/course","icon":"font_icon","title":"Free Course","border":"no_border","target":"_self","file_name":"","fill_color":"#ffffff","icon_class":"fas fa-landmark","description":null,"border_color":"#21759b","image_widget":"","shadow_color":"#113b4f","uploaded_images":"","background_color":"#d7d014"},"scheduling":{"days":[{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false}],"all_times":true},"rules":null,"rule_status":0,"model_type":null,"model_id":null,"desktop":1,"mobile":1,"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6\/c5506d7865802a8b104dd95bd66b665b","unique_id":"6872831138d93","script":"let type = \u0022_self\u0022;\nif (type == \u0022_self\u0022) {\nwindow.location.href = \u0022http:\/\/bluestarfranchise.com\/course\u0022;\n} else if(type == \u0022_blank\u0022){\nwindow.open(\u0022http:\/\/bluestarfranchise.com\/course\u0022, \u0022_blank\u0022);\n}","external_id":"c5506d7865802a8b104dd95bd66b665b","icon_link":"https:\/\/app.contactbutton.com\/assets\/icons\/font_icon.svg","widget":{"sort_order":9,"widget_type_id":null,"title":"Website Links","slug":"link","icon":"\/assets\/icons\/link","fields":[{"name":"title","type":"text","label":"App Display Name","rules":["required"],"status":true,"default":"","placeholder":"App name shown in menu"},{"name":"description","type":"text","label":"App Description","rules":["nullable"],"fields":[],"status":true,"default":"","placeholder":"Description only shows when row layout selected"},{"name":"url","type":"text","label":"Link URL","rules":["required","url"],"status":true,"default":"","placeholder":"Link URL"},{"name":"target","type":"select","label":"Target","rules":["required"],"status":true,"default":"","options":[{"label":"Blank","value":"_blank"},{"label":"Self","value":"_self"}],"placeholder":"Target"}],"integrations":null,"templates":null,"description":"Send people to the internal or external website URL of your choice.","script":{"link":"let type = \u0022%target%\u0022;\nif (type == \u0022_self\u0022) {\nwindow.location.href = \u0022%url%\u0022;\n} else if(type == \u0022_blank\u0022){\nwindow.open(\u0022%url%\u0022, \u0022_blank\u0022);\n}"},"addons":null,"help_link":"https:\/\/help.contactbutton.com\/support\/article\/app-guides\/app-setup-guide-website-links\/","show":{"mobile":{"default":true,"disabled":false},"desktop":{"default":true,"disabled":false}}}},{"title":"Free Business Community","fields":{"url":"http:\/\/community.cbnation.co","icon":"font_icon","title":"Free Business Community","border":"no_border","target":"_self","fill_color":"#ffffff","icon_class":"fas fa-people-group","description":null,"border_color":"#21759b","shadow_color":"#113b4f","uploaded_images":"","background_color":"#4800f0"},"scheduling":{"days":[{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false},{"end":"1439","start":"0","enabled":true,"after_hours":false}],"all_times":true},"rules":null,"rule_status":0,"model_type":null,"model_id":null,"desktop":1,"mobile":1,"statistic_click_link":"https:\/\/app.contactbutton.com\/statistic\/click\/b5527233abf30c04d0d10231a1500cd6\/e3b4b067a2221525822a0b5d93a2a87e","unique_id":"687283113951b","script":"let type = \u0022_self\u0022;\nif (type == \u0022_self\u0022) {\nwindow.location.href = \u0022http:\/\/community.cbnation.co\u0022;\n} else if(type == \u0022_blank\u0022){\nwindow.open(\u0022http:\/\/community.cbnation.co\u0022, \u0022_blank\u0022);\n}","external_id":"e3b4b067a2221525822a0b5d93a2a87e","icon_link":"https:\/\/app.contactbutton.com\/assets\/icons\/font_icon.svg","widget":{"sort_order":9,"widget_type_id":null,"title":"Website Links","slug":"link","icon":"\/assets\/icons\/link","fields":[{"name":"title","type":"text","label":"App Display Name","rules":["required"],"status":true,"default":"","placeholder":"App name shown in menu"},{"name":"description","type":"text","label":"App Description","rules":["nullable"],"fields":[],"status":true,"default":"","placeholder":"Description only shows when row layout selected"},{"name":"url","type":"text","label":"Link URL","rules":["required","url"],"status":true,"default":"","placeholder":"Link URL"},{"name":"target","type":"select","label":"Target","rules":["required"],"status":true,"default":"","options":[{"label":"Blank","value":"_blank"},{"label":"Self","value":"_self"}],"placeholder":"Target"}],"integrations":null,"templates":null,"description":"Send people to the internal or external website URL of your choice.","script":{"link":"let type = \u0022%target%\u0022;\nif (type == \u0022_self\u0022) {\nwindow.location.href = \u0022%url%\u0022;\n} else if(type == \u0022_blank\u0022){\nwindow.open(\u0022%url%\u0022, \u0022_blank\u0022);\n}"},"addons":null,"help_link":"https:\/\/help.contactbutton.com\/support\/article\/app-guides\/app-setup-guide-website-links\/","show":{"mobile":{"default":true,"disabled":false},"desktop":{"default":true,"disabled":false}}}}],"website":{"url":"https:\/\/bluestarfranchise.com","branding":1,"affiliate_url":"https:\/\/contactbutton.com\/?via=cb","billing_cycle_anchor":"2024-10-01T00:00:00.000000Z"}},is_branding: +"1",backend: 'https://app.contactbutton.com',triggerMenuId: 'showContactButtonMenu',click_url:'https://app.contactbutton.com/statistic/click/b5527233abf30c04d0d10231a1500cd6',view_url: 'https://app.contactbutton.com/statistic/view/b5527233abf30c04d0d10231a1500cd6',popup_url: 'https://app.contactbutton.com/statistic/popup/b5527233abf30c04d0d10231a1500cd6',can_show_popup: true,website: 'https://bluestarfranchise.com',billing_cycle_anchor: '2024-10-01 00:00:00',fontAwesomeLink: 'https://app.contactbutton.com/fontawesome/css/all.min.css?version=1.0.2',map_key: 'AIzaSyBBRPz-UnY3iVVK5-5_sx4hUJpYduXRPfk',styles: `.menu-root-jfskDFf5dK2gDdff, .menu-root-jfskDFf5dK2gDdff * {font-family: Inter, sans-serif;}.menu-modal-prod {--anim-duration: 500ms;--outside-color: #2c3b8d;--inside-color: #2c3b8d;--inside-outline-color: #2c3b8d;--inner-ring-color: white;--btn-size: 50px;--btn-border-width: 2px;--text-color: #ffffff;--margin-horizontal: 20px;--margin-vertical: 20px;--badge-color: #bf1212}@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");.menu-root-jfskDFf5dK2gDdff .menu-modal-prod {--light-color: white;--shadow-content: 0 6px 10px 0 rgba(0, 0, 0, 0.15);--border-color: #ebebeb;--success-color: #47be7d;--error-color: #f1416c;--link-color: #009ef7;--light-text: #a1a5b7;--text-color-2: #828282;--dark-text: black;}.menu-root-jfskDFf5dK2gDdff .menu-modal-prod {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;position: fixed;box-sizing: border-box;width: 100%;max-width: 360px;transition: all var(--anim-duration);pointer-events: none;z-index: 2147483645;max-height: calc(95vh - (var(--margin-horizontal) + 20px)) ;}.menu-root-jfskDFf5dK2gDdff .top_right {right: var(--margin-horizontal);top: var(--margin-vertical);flex-direction: column-reverse;}.menu-root-jfskDFf5dK2gDdff .top_left {left: var(--margin-horizontal);top: var(--margin-vertical);align-items: flex-start;flex-direction: column-reverse;}.menu-root-jfskDFf5dK2gDdff .bottom_left {left: var(--margin-horizontal);bottom: var(--margin-vertical);align-items: flex-start;}.menu-root-jfskDFf5dK2gDdff .bottom_right {right: var(--margin-horizontal);bottom: var(--margin-vertical);}.menu-root-jfskDFf5dK2gDdff .top_right .menu-btn,.menu-root-jfskDFf5dK2gDdff .top_left .menu-btn {margin-top: 0;margin-bottom: 20px;}.menu-root-jfskDFf5dK2gDdff .bottom_left .menu-btn,.menu-root-jfskDFf5dK2gDdff .top_left .menu-btn {flex-direction: row-reverse;}.menu-root-jfskDFf5dK2gDdff .menu-btn {position: relative;display: flex;align-items: center;justify-content: flex-end;cursor: pointer;background-color: var(--outside-color);color: var(--light-color);border-radius: calc(var(--btn-size) + var(--btn-border-width) / 2);width: auto;font-size: 20px;border: 0;flex: 0 0 auto;margin-top: 10px;box-sizing: border-box;/*overflow: hidden;*/overflow: visible;padding: var(--btn-border-width);transition: all var(--anim-duration);pointer-events: all;outline: none;-webkit-tap-highlight-color: transparent;}.menu-root-jfskDFf5dK2gDdff .menu-btn .btn-text {color: var(--text-color);font-size: 14px;font-weight: bold;transition: all var(--anim-duration);text-align: center;white-space: nowrap;overflow: hidden;margin: 0 15px;opacity: 1;line-height: 1.5;}.menu-root-jfskDFf5dK2gDdff .menu-btn .circle-btn {width: 50px;height: 50px;border-radius: 50%;background-color: var(--inner-ring-color);z-index: 2;flex: 0 0 auto;}.menu-root-jfskDFf5dK2gDdff .menu-btn .circle-btn .inner-circle {cx: 25px;cy: 25px;r: 20px;stroke-width: 2;stroke: var(--inside-outline-color);fill: var(--inside-color);}.menu-root-jfskDFf5dK2gDdff .menu-btn .close-btn-circle {display: inherit;position: absolute;right: calc(var(--btn-size) / 3.4);top: 50%;transform: translate(0, -50%);font-size: 24px;z-index: 3;color: var(--text-color);}.menu-root-jfskDFf5dK2gDdff .menu-btn .svg-btn-icon,.menu-root-jfskDFf5dK2gDdff .menu-btn .img-btn-icon {display: none;position: absolute;top: 50%;transform: translate(0, -50%);font-size: 24px;z-index: 3;color: var(--text-color);}.menu-root-jfskDFf5dK2gDdff .menu-btn .img-btn-icon {border-radius: 50%;object-fit: cover;}.menu-root-jfskDFf5dK2gDdff .menu-btn .svg-btn-icon {right: calc(var(--btn-size) / 3.4);}.menu-root-jfskDFf5dK2gDdff .menu-btn .img-btn-icon {right: calc(var(--btn-size) / 7.4);}.menu-root-jfskDFf5dK2gDdff .bottom_left .menu-btn .svg-btn-icon,.menu-root-jfskDFf5dK2gDdff .top_left .menu-btn .svg-btn-icon {left: calc(var(--btn-size) / 3.4) !important;right: auto;}.menu-root-jfskDFf5dK2gDdff .bottom_left .menu-btn .img-btn-icon,.menu-root-jfskDFf5dK2gDdff .top_left .menu-btn .img-btn-icon {left: calc(var(--btn-size) / 7.4) !important;right: auto;}.menu-root-jfskDFf5dK2gDdff .hidden-menu {/* width: auto;min-width: 0; */}.menu-root-jfskDFf5dK2gDdff .hidden-menu.hidden-after-scroll {transform: translateY(100%);}.menu-root-jfskDFf5dK2gDdff .top_left.hidden-menu.hidden-after-scroll,.menu-root-jfskDFf5dK2gDdff .top_right.hidden-menu.hidden-after-scroll {transform: translateY(-100%);}.menu-root-jfskDFf5dK2gDdff .hidden-menu .menu-btn .close-btn-circle {display: none;}.menu-root-jfskDFf5dK2gDdff .hidden-menu .menu-btn .img-btn-icon,.menu-root-jfskDFf5dK2gDdff .hidden-menu .menu-btn .svg-btn-icon {display: block !important;}.menu-root-jfskDFf5dK2gDdff .hidden-menu .menu-btn.hidden-btn .btn-text {width: 0;margin: -100%;opacity: 0;}.menu-root-jfskDFf5dK2gDdff .menu-wrapper {position: relative;display: flex;flex-direction: column;overflow: auto;/* background-color: #f8f9fa; */background-color: transparent;width: 100%;border-radius: 10px;max-height: 650px;box-sizing: border-box;cursor: default;/* transform: translate(0, 0); */transform: scale(1);transform-origin: right bottom;transition: all var(--anim-duration);min-width: 320px;left: 0;pointer-events: all;}.menu-root-jfskDFf5dK2gDdff .popup-wrapper {position: relative;display: flex;flex-direction: column;/*overflow: auto;*//* background-color: #f8f9fa; *//*background-color: transparent;*/background-color: var(--light-color);width: 100%;border-radius: 10px;max-height: 650px;box-sizing: border-box;cursor: default;/* transform: translate(0, 0); */transform: scale(1);transform-origin: right bottom;transition: all var(--anim-duration);min-width: 320px;left: 0;pointer-events: all;margin-bottom: 20px;box-shadow: var(--shadow-content);}.menu-root-jfskDFf5dK2gDdff .menu-wrapper .by-line {text-align: center;width: 100%;font-size: 14px;color: var(--light-text);line-height: 20px;padding: 5px 0;font-family: "Inter";background-color: var(--light-color);display: block !important;margin: 0 !important;}.menu-root-jfskDFf5dK2gDdff .center {justify-content: center;}.by-link {font-weight: bold;}.menu-root-jfskDFf5dK2gDdff .menu-wrapper .by-line .by-link {text-align: center;width: 100%;text-decoration: none;color: var(--light-text);font-family: "Inter";}.menu-root-jfskDFf5dK2gDdff .hidden-menu .menu-wrapper {/* transform: translate(0, -100%); */transform: scale(0);opacity: 0;pointer-events: none;}.menu-root-jfskDFf5dK2gDdff .bottom_left .menu-wrapper {transform-origin: left bottom;}.menu-root-jfskDFf5dK2gDdff .top_left .menu-wrapper {transform-origin: left top;}.menu-root-jfskDFf5dK2gDdff .top_right .menu-wrapper {transform-origin: right top;}.menu-root-jfskDFf5dK2gDdff .top_left .menu-btn .close-btn-circle,.menu-root-jfskDFf5dK2gDdff .bottom_left .menu-btn .close-btn-circle {left: calc(var(--btn-size) / 3.35);right: auto;}.menu-root-jfskDFf5dK2gDdff .showed-form .menu-wrapper {/* transform: translate(0, -100%); */transform: scale(0);transform-origin: right bottom;opacity: 0;height: 0;padding: 0;overflow: hidden;max-width: 660px !important;}.menu-root-jfskDFf5dK2gDdff .showed-iframe .menu-wrapper {/* transform: translate(0, -100%); */transform: scale(0);transform-origin: right bottom;opacity: 0;height: 0;padding: 0;overflow: hidden;}.menu-root-jfskDFf5dK2gDdff .menu-header {display: flex;align-items: center;background-color: var(--outside-color);width: 100%;border-top-right-radius: 10px;border-top-left-radius: 10px;padding: 20px;box-sizing: border-box;flex: 0 0 auto;gap: 15px;}.menu-root-jfskDFf5dK2gDdff .menu-header .header-logo {max-width: 50px;width: 100%;margin: 0;}.menu-root-jfskDFf5dK2gDdff .menu-header .header-logo img {width: 100%;/*height: 100%;*/object-fit: contain;}.menu-root-jfskDFf5dK2gDdff .menu-header .header-col {display: flex;flex-direction: column;justify-content: center;}.menu-root-jfskDFf5dK2gDdff .close-btn {position: absolute;display: none;justify-content: center;align-items: center;color: var(--light-color);right: 15px;top: 15px;border: 0;border-radius: 18px;width: 36px;height: 36px;font-size: 18px;cursor: pointer;background-color: transparent;}.menu-root-jfskDFf5dK2gDdff .close-popup-btn {position: absolute;display: block;justify-content: center;align-items: center;/*color: var(--light-color);*/right: 0px;/*top: 15px;*/border: 0;border-radius: 18px;width: 36px;height: 36px;font-size: 18px;cursor: pointer;background-color: transparent;}.menu-root-jfskDFf5dK2gDdff .header-title {color: var(--text-color);font-size: 24px;margin: 0 0 5px;word-break: break-word;}.menu-root-jfskDFf5dK2gDdff .header-description {color: var(--text-color);font-size: 16px;margin: 0;word-break: break-word;}.menu-root-jfskDFf5dK2gDdff .menu-list {display: flex;flex-wrap: wrap;width: 100%;padding: 20px;box-sizing: border-box;overflow: auto;scroll-behavior: auto;gap: 19px;background-color: var(--light-color);}.menu-root-jfskDFf5dK2gDdff .popup-inside {display: flex;flex-wrap: wrap;width: 100%;padding: 20px;box-sizing: border-box;overflow: auto;scroll-behavior: auto;gap: 19px;/*background-color: var(--light-color);*/}.menu-root-jfskDFf5dK2gDdff .menu-item {display: flex;flex-direction: column;align-items: center;background-color: var(--light-color);color: var(--dark-text);border-radius: 10px;width: calc(33.3% - 13px);box-sizing: border-box;/* height: 120px; */cursor: pointer;transition: all var(--anim-duration);border: 2px solid transparent;text-align: center;}.menu-root-jfskDFf5dK2gDdff .menu-item:hover {transform: scale(1.03);/* color: var(--inside-color); */opacity: 0.8;}.menu-root-jfskDFf5dK2gDdff .menu-icon {display: flex;margin: 0 0 10px;flex: 0 0 auto;width: 60px;height: 60px;padding: 10px;border-radius: 10px;transition: all 0.3s;box-sizing: border-box;border: 2px solid transparent;}.menu-root-jfskDFf5dK2gDdff .menu-icon.cb-icon-full {padding: 0 !important;border: 0 !important;}.menu-root-jfskDFf5dK2gDdff .stacked-buttons .menu-icon {margin: 0;}.menu-root-jfskDFf5dK2gDdff .menu-icon.no_border {border-color: transparent !important;/* border: 0 !important; */}.menu-root-jfskDFf5dK2gDdff .menu-icon.border {}.menu-root-jfskDFf5dK2gDdff .menu-icon.shadow {border-width: 0 !important;border-bottom-width: 5px !important;box-shadow: none !important;}.menu-root-jfskDFf5dK2gDdff .items-size-1 .menu-icon {width: 100px;height: 100px;}.menu-root-jfskDFf5dK2gDdff .items-size-1 .menu-icon .cb-icon {/* width: 100px;height: 100px; */font-size: 50px;}.menu-root-jfskDFf5dK2gDdff .items-size-2 .menu-icon {width: 80px;height: 80px;}.menu-root-jfskDFf5dK2gDdff .items-size-3 .menu-icon {width: 60px;height: 60px;}.menu-root-jfskDFf5dK2gDdff .items-size-3 .menu-icon .cb-icon{font-size: 32px;}.menu-root-jfskDFf5dK2gDdff .items-size-4 {gap: 20px;justify-content: space-around;}.menu-root-jfskDFf5dK2gDdff .items-size-4 .menu-icon {width: 80px;height: 80px;}.menu-root-jfskDFf5dK2gDdff .menu-icon .cb-icon{display: flex;align-items: center;justify-content: center;position: relative;-webkit-mask-size: 95% !important;width: 100%;height: 100%;font-size: 36px;}.menu-root-jfskDFf5dK2gDdff .menu-icon .cb-icon.cb-icon-fullsize{border-radius: 10px;}.menu-root-jfskDFf5dK2gDdff .info {display: flex;flex-direction: column;}.menu-root-jfskDFf5dK2gDdff .menu-title {font-size: 14px;line-height: 18px;font-weight: 600;overflow-wrap: break-word;word-break: keep-all;}.menu-root-jfskDFf5dK2gDdff .menu-subtitle {display: none;color: var(--text-color-2);font-size: 14px;margin-top: 5px;}.menu-root-jfskDFf5dK2gDdff .menu-button {display: none;align-items: center;justify-content: center;font-size: 22px;text-align: center;background-color: transparent;border-radius: 10px;border: 0;margin: 0 0 0 auto;color: gray;}.menu-root-jfskDFf5dK2gDdff .active-menu-item .menu-icon,.menu-root-jfskDFf5dK2gDdff .active-menu-item .menu-title {color: var(--inside-color);}.menu-root-jfskDFf5dK2gDdff .list .menu-list {flex-direction: column;flex-wrap: nowrap;margin-top: 0;justify-content: flex-start;gap: 0;padding-top: 0;}.menu-root-jfskDFf5dK2gDdff .list .menu-header {/* height: 180px; */}.menu-root-jfskDFf5dK2gDdff .list .menu-item {flex-direction: row;justify-content: flex-start;align-items: center;width: 100%;margin: 0;background-color: transparent;/* border-bottom: 1px dashed lightgray; */border-radius: 0;padding: 15px 15px 0;height: auto;}.menu-root-jfskDFf5dK2gDdff .list .menu-icon {margin: 0 20px 0 0;border-radius: 10px;width: 60px;height: 60px;}.menu-root-jfskDFf5dK2gDdff .list .menu-icon .cb-icon{font-size: 32px;}.menu-root-jfskDFf5dK2gDdff .list .menu-title,.menu-root-jfskDFf5dK2gDdff .list .menu-subtitle {text-align: left;}.menu-root-jfskDFf5dK2gDdff .list .menu-subtitle {display: inherit;}.menu-root-jfskDFf5dK2gDdff .list .menu-button {display: none;}.menu-root-jfskDFf5dK2gDdff .button_and_menu_shadow .menu-btn {box-shadow: var(--shadow-content);}.menu-root-jfskDFf5dK2gDdff .button_and_menu_shadow .menu-wrapper,.menu_shadow .menu-wrapper {box-shadow: var(--shadow-content);}.menu-root-jfskDFf5dK2gDdff .no_shadow .menu-wrapper {border: 1px solid var(--border-color);}.menu-root-jfskDFf5dK2gDdff .icons-only {min-width: 221px;width: fit-content;height: auto;max-width: 320px;}.menu-root-jfskDFf5dK2gDdff .icons-only.no-header {background-color: transparent !important;box-shadow: none !important;border: 0 !important;}.menu-root-jfskDFf5dK2gDdff .icons-only.no-header .close-btn {display: none !important;}.menu-root-jfskDFf5dK2gDdff .icons-only.no-header .menu-list {justify-content: flex-end;padding: 0;max-width: 221px;}.menu-root-jfskDFf5dK2gDdff .icons-only .menu-list {/*max-width: 252px;*/gap: 10px;margin: 0 auto;}.menu-root-jfskDFf5dK2gDdff .stacked-buttons .menu-list {max-width: 100%;padding: 14px;gap: 0;}.menu-root-jfskDFf5dK2gDdff .icons-only .menu-item {width: auto;height: auto;padding: 0;align-items: center;justify-content: center;background-color: transparent;}.menu-root-jfskDFf5dK2gDdff .stacked-buttons .menu-item {display: flex;flex-direction: row-reverse;column-gap: inherit;align-items: center;background: #f5f5f5;margin-bottom: 8px;cursor: pointer;transition: background 0.3s ease;width: 100%;justify-content: space-between;padding-left: 14px;color: var(--light-color);}.menu-root-jfskDFf5dK2gDdff .stacked-buttons .menu-icon {width: 40px;height: 40px;}.menu-root-jfskDFf5dK2gDdff .stacked-buttons .menu-icon .cb-icon {font-size: 24px;}.menu-root-jfskDFf5dK2gDdff .icons-only .menu-item:hover {transform: scale(1);}.menu-root-jfskDFf5dK2gDdff .icons-only .menu-icon {width: 82px;height: 82px;margin: 0;-webkit-mask-size: contain !important;}.menu-root-jfskDFf5dK2gDdff .icons-only .menu-item .menu-title,.menu-root-jfskDFf5dK2gDdff .icons-only .menu-item .menu-subtitle {display: none;}.menu-root-jfskDFf5dK2gDdff .scroll::-webkit-scrollbar,.menu-root-jfskDFf5dK2gDdff .menu-list::-webkit-scrollbar {width: 6px;height: 0;}.menu-root-jfskDFf5dK2gDdff .scroll::-webkit-scrollbar-track,.menu-root-jfskDFf5dK2gDdff .menu-list::-webkit-scrollbar-track {background-color: #e2e3e5;border: 1px solid transparent;}.menu-root-jfskDFf5dK2gDdff .scroll::-webkit-scrollbar-thumb,.menu-root-jfskDFf5dK2gDdff .menu-list::-webkit-scrollbar-thumb {background-color: #494949;outline: 0;border-radius: 6px;}.menu-root-jfskDFf5dK2gDdff .dialog-wrapper {display: flex;flex-direction: column;width: 100%;max-width: 600px;z-index: 2;opacity: 0;/* transform: translate(0, -100%); */transform: scale(0);transform-origin: right bottom;}.menu-root-jfskDFf5dK2gDdff .showed-form .dialog-wrapper {/* transform: translate(0, 0); */transform: scale(1);transform-origin: right bottom;opacity: 1;height: auto;}.menu-root-jfskDFf5dK2gDdff .showed-iframe .dialog-wrapper {/* transform: translate(0, 0); */max-width: 1000px;width: 90vw;transform: scale(1);transform-origin: right bottom;opacity: 1;height: auto;}.menu-root-jfskDFf5dK2gDdff .dialog-wrapper .dialog-header {display: flex;justify-content: space-between;align-items: center;border-top-right-radius: 10px;border-top-left-radius: 10px;background-color: var(--outside-color);padding: 10px 17px;}.menu-root-jfskDFf5dK2gDdff .dialog-wrapper .dialog-header .close-icon {cursor: pointer;margin: 0 0 0 auto;}.menu-root-jfskDFf5dK2gDdff .dialog-wrapper .dialog-header .dialog-title {font-size: 20px;color: var(--text-color);margin: 0;padding: 10px 0;}.max-width-600 {max-width:600px !important;}.menu-root-jfskDFf5dK2gDdff .dialog-wrapper .dialog-content {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background-color: white;/*min-height: 400px;*/padding: 17px;box-sizing: border-box;overflow-y: auto;}.menu-root-jfskDFf5dK2gDdff .dialog-wrapper .dialog-content-subscribe {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background-color: white;padding: 17px;box-sizing: border-box;}.menu-root-jfskDFf5dK2gDdff.dialog-wrapper.dialog-content.dialog-description {font-size: 16px;/* font-weight: 700; */}.menu-root-jfskDFf5dK2gDdff .dialog-wrapper.with-pdf {max-height: 1800px;height: calc(100vh - 100px);/*width: 50vw;*/min-width: 320px;max-width: 680px;}@media (min-width: 451px) {.menu-root-jfskDFf5dK2gDdff .dialog-wrapper.with-pdf {width: 50vw;}}.menu-root-jfskDFf5dK2gDdff .dialog-wrapper.with-pdf .dialog-content {padding: 0;}.menu-root-jfskDFf5dK2gDdff .dialog-wrapper.with-pdf iframe {width: 100%;height: 100%;}.menu-root-jfskDFf5dK2gDdff .form-wrapper {overflow-x: scroll;display: flex;flex-direction: column;width: 100%;gap: 15px;padding: 17px 17px 40px !important;}.menu-root-jfskDFf5dK2gDdff .form-wrapper .field-wrapper {display: flex;flex-direction: column;width: 100%;}.menu-root-jfskDFf5dK2gDdff .form-wrapper .field-wrapper .field-label {font-weight: bolder;font-size: 14px;margin-bottom: 5px;color: var(--dark-text);}.menu-root-jfskDFf5dK2gDdff .form-wrapper .html-wrapper {font-size: 14px;}.menu-root-jfskDFf5dK2gDdff .form-wrapper .html-wrapper ul,.menu-root-jfskDFf5dK2gDdff .form-wrapper .html-wrapper p {margin: 0;}.menu-root-jfskDFf5dK2gDdff .form-wrapper .field-wrapper input,.menu-root-jfskDFf5dK2gDdff .form-wrapper .field-wrapper textarea,.menu-root-jfskDFf5dK2gDdff .form-wrapper .field-wrapper select,.menu-root-jfskDFf5dK2gDdff .input {border-radius: 5px;border: 1px solid #dddddd;padding: 10px;outline: none;resize: none;}.menu-root-jfskDFf5dK2gDdff .mx-w-540px {max-width: 540px !important;}.menu-root-jfskDFf5dK2gDdff .btn {display: flex;justify-content: center;align-items: center;background-color: var(--inside-color);border-radius: 5px;padding: 10px;color: var(--text-color);font-weight: bolder;font-size: 14px;text-decoration: none;border: 0;outline: none;cursor: pointer;transition: all 0.3s;}.menu-root-jfskDFf5dK2gDdff .form-wrapper .field-wrapper .btn:hover {opacity: 0.8;}.menu-root-jfskDFf5dK2gDdff .form-wrapper .field-wrapper .btn:disabled {opacity: 0.4;cursor: default;}.menu-root-jfskDFf5dK2gDdff .custom-select {position: relative;display: flex;width: 100%;height: 100%;cursor: pointer;padding: 0;}.menu-root-jfskDFf5dK2gDdff .custom-select input {padding-left: 0;padding-right: 0;cursor: pointer;color: var(--dark-text);border: 0 !important;width: 100%;}.menu-root-jfskDFf5dK2gDdff .custom-select .angle-icon {transform: rotate(180deg);transform-origin: center;filter: grayscale(1);width: 17px;transition: all 0.3s;z-index: 2;margin: auto 13px auto 0;}.menu-root-jfskDFf5dK2gDdff .custom-select .list {position: absolute;display: none;flex-direction: column;top: 100%;background-color: var(--light-color);width: 100%;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;z-index: 10;box-shadow: var(--shadow-content);border: 1px solid #dddddd;border-top: 0;left: -1px;max-height: 250px;overflow: auto;}.menu-root-jfskDFf5dK2gDdff .custom-select .list.on-top-list {top: auto;bottom: 100%;border-radius: 5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;box-shadow: 0 -6px 10px 0 rgb(0 0 0 / 15%);}.menu-root-jfskDFf5dK2gDdff .custom-select .list::-webkit-scrollbar {width: 2px;height: 0;}.menu-root-jfskDFf5dK2gDdff .custom-select .list::-webkit-scrollbar-track {background-color: transparent;border: 1px solid transparent;width: 2px;}.menu-root-jfskDFf5dK2gDdff .custom-select .list::-webkit-scrollbar-thumb {background-color: lightgray;outline: 0;}.menu-root-jfskDFf5dK2gDdff .custom-select .list .item {font-size: 14px;line-height: 16px;padding: 12px;cursor: pointer;transition: all 0.3s;color: var(--dark-text);border-bottom: 1px solid var(--border-color);}.menu-root-jfskDFf5dK2gDdff .custom-select .list .item:last-child {border-bottom: 0;}.menu-root-jfskDFf5dK2gDdff .custom-select .list .item:hover {color: var(--inside-color);}.menu-root-jfskDFf5dK2gDdff .custom-select.focused-select {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}.menu-root-jfskDFf5dK2gDdff .custom-select.focused-select .angle-icon {transform: rotate(0);}.menu-root-jfskDFf5dK2gDdff .custom-select.focused-select .list {display: flex;}.menu-root-jfskDFf5dK2gDdff .toggle-wrapper {display: flex;align-items: center;flex-direction: row !important;cursor: pointer;}.menu-root-jfskDFf5dK2gDdff .toggle-wrapper .field-label {margin-bottom: 0;cursor: pointer;}.menu-root-jfskDFf5dK2gDdff .toggle-wrapper .toggle {display: flex;background-color: var(--border-color);width: 36px;padding: 2px;border-radius: 28px;cursor: pointer;transition: all 0.3s;margin-right: 10px;}.menu-root-jfskDFf5dK2gDdff .toggle-wrapper .toggle .toggler {--size: 18px;transition: all 0.3s;text-align: center;width: var(--size);height: var(--size);border-radius: calc(var(--size) / 2);background-color: var(--light-color);font-family: "Roboto Medium";font-size: 0;border: 0;cursor: pointer;outline: none;user-select: none;color: transparent;padding: 0 !important;}.menu-root-jfskDFf5dK2gDdff .toggle-wrapper .active-toggle {background-color: var(--inside-color);}.menu-root-jfskDFf5dK2gDdff .toggle-wrapper .active-toggle .toggler {margin-left: auto;}/* CHECKBOX */.menu-root-jfskDFf5dK2gDdff .custom-checkbox {display: flex;align-items: center;cursor: pointer;user-select: none;font-size: 16px;line-height: 19px;}.menu-root-jfskDFf5dK2gDdff .custom-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}.menu-root-jfskDFf5dK2gDdff .custom-checkbox input:checked ~ .checkmark {background-color: var(--inside-color);border-color: var(--inside-color);}.menu-root-jfskDFf5dK2gDdff .custom-checkbox input:checked ~ .checkmark:after {display: block !important;}.menu-root-jfskDFf5dK2gDdff .custom-checkbox .checkmark {display: flex;align-items: center;justify-content: center;height: 18px;width: 18px;background-color: var(--light-color);margin-right: 10px;padding-right: 16px;border: 1px solid var(--inside-color);border-radius: 4px;}.menu-root-jfskDFf5dK2gDdff .custom-checkbox .checkmark::after {content: "";display: none;width: 5px;height: 10px;border: solid var(--light-color);border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);padding-top: 10px;padding-left: 5px;margin-left: 14px;margin-top: -2px;background-color: var(--inside-color);}.menu-root-jfskDFf5dK2gDdff .message-wrapper {--icon-size: 90px;display: flex;flex-direction: column;align-items: center;width: 100%;}.menu-root-jfskDFf5dK2gDdff .message-wrapper .message-icon {width: var(--icon-size);height: var(--icon-size);border-radius: 50%;background-color: var(--success-color);display: flex;align-items: center;justify-content: center;padding: 15px;box-sizing: border-box;margin-bottom: 20px;}.menu-root-jfskDFf5dK2gDdff .message-wrapper .message-icon .check-icon {width: 100%;height: 100%;}.menu-root-jfskDFf5dK2gDdff .message-wrapper .message-title {font-size: 18px;font-weight: bolder;text-align: center;margin-bottom: 10px;}.menu-root-jfskDFf5dK2gDdff .message-wrapper .message-text {font-size: 16px;text-align: center;margin-bottom: 10px;}.menu-root-jfskDFf5dK2gDdff .required:after {content: "*";position: relative;font-size: inherit;color: var(--error-color);padding-left: 0.25rem;font-weight: 400;}.menu-root-jfskDFf5dK2gDdff .errors {display: flex;flex-direction: column;width: 100%;}.menu-root-jfskDFf5dK2gDdff .errors .error {color: var(--error-color);font-size: 12px;margin-bottom: 5px;}.menu-root-jfskDFf5dK2gDdff .errors .error:first-child {margin-top: 5px;}.menu-root-jfskDFf5dK2gDdff .showed-form:has(> .embed-wrapper) {max-width: none;}.menu-root-jfskDFf5dK2gDdff .embed-wrapper {min-height: 80vh;}.auto-height {min-height: auto !important;}.chat_box {min-height: 310px !important;width: 0px !important;min-width: 360px !important;}.chat_box .dialog-content{padding: 0px !important;}.height-310px {min-height: 310px !important;}.menu-root-jfskDFf5dK2gDdff .embed-wrapper .dialog-content {display: flex;flex-direction: column;width: 100%;gap: 15px;padding: 17px 17px 17px !important;overflow-y: auto;overflow-x: hidden;word-break: break-word;}.menu-root-jfskDFf5dK2gDdff .embed-wrapper iframe {width: 100% !important;}.menu-root-jfskDFf5dK2gDdff .embed-wrapper .dialog-content::-webkit-scrollbar {width: 0;height: 0;}.menu-root-jfskDFf5dK2gDdff .embed-wrapper .dialog-content::-webkit-scrollbar-track {background-color: transparent;border: 1px solid transparent;}.menu-root-jfskDFf5dK2gDdff .embed-wrapper .dialog-content::-webkit-scrollbar-thumb {background-color: transparent;outline: 0;}.menu-root-jfskDFf5dK2gDdff .hours-wrapper {display: flex;flex-direction: column;overflow: auto;}.menu-root-jfskDFf5dK2gDdff .hours-wrapper .day-item {display: flex;flex-direction: column;margin-bottom: 10px;}.menu-root-jfskDFf5dK2gDdff .hours-wrapper .day-item .day-title {font-weight: 700;margin-bottom: 7px;font-size: 14px;}.menu-root-jfskDFf5dK2gDdff .hours-wrapper .day-item .value {font-size: 18px;}.menu-root-jfskDFf5dK2gDdff .qr-code-wrapper {display: flex;flex-direction: column;height: 100%;justify-content: center;}.menu-root-jfskDFf5dK2gDdff .embedded-map-wrapper {display: flex;width: 100%;height: 100%;}.menu-root-jfskDFf5dK2gDdff .mailing-title {font-size: 18px;font-weight: 700;text-align: center;margin-top: 40px;}.menu-root-jfskDFf5dK2gDdff .mailing-subtitle {text-align: center;}.menu-root-jfskDFf5dK2gDdff .mailing-field {border-radius: 10px;border: 1px solid var(--inside-color);padding: 10px;outline: none;text-align: center;}.menu-root-jfskDFf5dK2gDdff .mailing-submit {display: flex;align-items: center;justify-content: center;border-radius: 10px;background-color: var(--inside-color);color: var(--light-color);border: 0;padding: 10px;cursor: pointer;transition: all 0.3s;line-height: 17px;}.menu-root-jfskDFf5dK2gDdff .mailing-submit:hover {opacity: 0.8;}.menu-root-jfskDFf5dK2gDdff .mailing-submit:disabled {opacity: 0.8;pointer-events: none;}.menu-root-jfskDFf5dK2gDdff .mailing-error-field {color: var(--error-color);text-align: center;font-size: 12px;}.menu-root-jfskDFf5dK2gDdff .mailing-title-success-field {color: var(--success-color);text-align: center;}.menu-root-jfskDFf5dK2gDdff .mailing-subtitle-success-field {color: var(--success-color);text-align: center;font-size: 12px;}/* QUILL */.menu-root-jfskDFf5dK2gDdff .ql-editor p,.menu-root-jfskDFf5dK2gDdff .ql-editor ol,.menu-root-jfskDFf5dK2gDdff .ql-editor ul,.menu-root-jfskDFf5dK2gDdff .ql-editor pre,.menu-root-jfskDFf5dK2gDdff .ql-editor blockquote,.menu-root-jfskDFf5dK2gDdff .ql-editor h1,.menu-root-jfskDFf5dK2gDdff .ql-editor h2,.menu-root-jfskDFf5dK2gDdff .ql-editor h3,.menu-root-jfskDFf5dK2gDdff .ql-editor h4,.menu-root-jfskDFf5dK2gDdff .ql-editor h5,.menu-root-jfskDFf5dK2gDdff .ql-editor h6 {margin: 0;padding: 0;}.menu-root-jfskDFf5dK2gDdff .ql-editor pre.ql-syntax {background-color: #181c32;color: #a1a5b7;overflow: visible;border-radius: 0.95rem;white-space: pre-wrap;margin-bottom: 5px;margin-top: 5px;padding: 5px 10px;font-size: 0.875em;}.menu-root-jfskDFf5dK2gDdff .ql-editor img {max-width: 100%;}.menu-root-jfskDFf5dK2gDdff .ql-editor ol,.menu-root-jfskDFf5dK2gDdff .ql-editor ul {padding-left: 1.5em;}.menu-root-jfskDFf5dK2gDdff .ql-editor ol li:not(.ql-direction-rtl),.menu-root-jfskDFf5dK2gDdff .ql-editor ul li:not(.ql-direction-rtl) {padding-left: 1.5em;}.list .menu-list {padding-left: 0 !important;padding-right: 0 !important;padding-bottom: 20px;}.dialog-content.embedded-map-wrapper > div:first-child {margin: auto;}/* LOADER */.menu-root-jfskDFf5dK2gDdff .lds-ring {--size: 17px;display: inline-block;position: relative;width: var(--size);height: var(--size);}.menu-root-jfskDFf5dK2gDdff .lds-ring div {box-sizing: border-box;display: block;position: absolute;width: calc(var(--size) * 0.8);height: calc(var(--size) * 0.8);margin: calc(var(--size) * 0.1);border: calc(var(--size) * 0.15) solid #fff;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: #fff transparent transparent transparent;}.menu-root-jfskDFf5dK2gDdff .lds-ring div:nth-child(1) {animation-delay: -0.45s;}.menu-root-jfskDFf5dK2gDdff .lds-ring div:nth-child(2) {animation-delay: -0.3s;}.menu-root-jfskDFf5dK2gDdff .lds-ring div:nth-child(3) {animation-delay: -0.15s;}.whatsapp {display: inline-block;position: fixed;bottom: 0px;z-index: 9999999;right: 0px;left: auto;}.eapp-whatsapp-chat-root-layout-component, .whatsapp-chat-component * {box-sizing: border-box !important;outline: none!important;font-family: -apple-system, BlinkMacSystemFont, Roboto, "Open Sans", "Helvetica Neue", sans-serif;}/*.popup {*//*!*box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 24px 0px;*!*//*display: flex;*//*flex-direction: column;*//*width: 100%;*//*background-color: rgb(255, 255, 255);*//*transform: translate3d(0px, 0px, 0px);*//*opacity: 1;*//*pointer-events: all;*//*visibility: visible;*//*touch-action: auto;*//*!*margin-bottom: 96px;*!*//*!*position: fixed;*!*//*bottom: 0px;*//*right: 0px;*//*left: auto;*//*!*margin-right: 16px;*!*//*border-radius: 10px;*//*overflow: hidden;*//*transition: opacity 0.3s ease 0s, margin 0.3s ease 0s, visibility 0.3s ease 0s;*//*}*/.close-whats {position: absolute;top: 8px;right: 8px;width: 20px;height: 20px;opacity: 0.4;cursor: pointer;display: flex !important;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;transition: all 0.3s ease 0s;outline: transparent;}.close-whats::before {transform: rotate(45deg);}.close-whats::after {transform: rotate(-45deg);}.close-whats::before, .close-whats::after {content: "";position: absolute;width: 12px;height: 2px;background-color: rgb(255, 255, 255);display: block;border-radius: 2px;}.header-whats {color: rgb(17, 17, 17);display: flex;-webkit-box-align: center;align-items: center;background: rgb(9, 94, 84);padding: 24px 20px;}.ava-whats {width: 52px;height: 52px;display: block;position: relative;flex-shrink: 0;}.ava-whats::before {content: "";bottom: 0px;right: 0px;width: 12px;height: 12px;box-sizing: border-box;background-color: rgb(74, 213, 4);display: block;position: absolute;z-index: 1;border-radius: 50%;border-width: 2px;border-style: solid;border-color: rgb(9, 94, 84);border-image: initial;}.photo-whats {height: 100%;width: 100%;position: relative;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;overflow: hidden;border-radius: 50%;}.user-photo-whats {min-width: 100%;height: 100%;flex-shrink: 0;background-size: cover;/*background-image: url(https://files.elfsight.com/storage/f7e9a9de-578a-404d-9755-29717c16030a/eb729ca2-22f1-44be-adf5-9034322e5ee0.png);*/background-position: center center;background-repeat: no-repeat;}.user-photo-whats::after {top: 0px;left: 0px;right: 0px;bottom: 0px;position: absolute;content: "";border-radius: 50%;border-width: 1px;border-style: solid;border-color: rgba(0, 0, 0, 0.1);border-image: initial;overflow: hidden;}.right-header-whats {margin-left: 16px;margin-right: 16px;}.name-whats {font-size: 16px;font-weight: 700;line-height: 20px;color: rgb(255, 255, 255);}.desc-whats {font-size: 13px;line-height: 18px;margin-top: 4px;color: rgb(255, 255, 255);}.sms-whats {max-height: 35vh;overflow-y: auto;background-color: rgb(230, 221, 212);position: relative;padding: 20px 20px 20px 10px;}.sms-whats::before {display: block;position: absolute;content: "";left: 0px;top: 0px;height: 100%;width: 100%;z-index: 0;opacity: 0.08;background-image: url(https://app.contactbutton.com/assets/whatsapp.png);}.sms-block-whats {display: flex;z-index: 1;}.eJJEeC {background-color: rgb(255, 255, 255);width: 52.5px;height: 32px;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;margin-left: 10px;opacity: 0;z-index: 1;box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;border-radius: 16px;transition: all 0.1s ease 0s;}.hFENyl {position: relative;display: flex;}.sms_whats {background-color: rgb(255, 255, 255);position: relative;opacity: 0;transform-origin: center top;z-index: 2;box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;margin-top: 4px;margin-left: 10px;max-width: calc(100% - 66px);padding: 7px 14px 6px;border-radius: 0px 8px 8px;transition: all 0.3s ease 0s;}.sms_whats::before {position: absolute;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC);background-size: contain;content: "";top: 0px;left: -12px;width: 12px;height: 19px;background-position: 50% 50%;background-repeat: no-repeat;}.sms_name_whats {font-size: 13px;font-weight: 700;line-height: 18px;color: rgba(0, 0, 0, 0.4);}.sms_desc_whats {font-size: 14px;line-height: 19px;margin-top: 4px;color: rgb(17, 17, 17);white-space: pre-line;}.time_sms_whats {text-align: right;margin-top: 4px;font-size: 12px;line-height: 16px;color: rgba(17, 17, 17, 0.5);margin-right: -8px;margin-bottom: -4px;}.eapp-whatsapp-chat-root-layout-component a {text-decoration: none;}.button-whats {color: rgb(255, 255, 255);font-size: 15px;font-weight: 700;line-height: 20px;cursor: pointer;position: relative;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;-webkit-appearance: none;padding: 8px 12px;border-radius: 20px;border-width: initial;border-style: none;border-color: initial;border-image: initial;background: rgb(79, 206, 93);margin: 20px;overflow: hidden;text-decoration: none;}.whats-ta {width: 16px;height: 16px;fill: rgb(255, 255, 255);z-index: 1;flex: 0 0 16px;}.whats-chat-open {margin-left: 8px;margin-right: 8px;z-index: 1;color: rgb(255, 255, 255);}.open-whats {height: 60px;box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;cursor: pointer;user-select: none;position: relative;background-color: rgb(79, 206, 93);margin-bottom: 16px;margin-right: 16px;margin-left: 16px;width: 60px;border-radius: 50%;outline: transparent;}.open-whats::before {content: "";width: 10px;height: 10px;background-color: rgb(255, 0, 0);display: block;position: absolute;z-index: 1;right: 4px;top: 4px;border-radius: 50%;}.open_whats {display: flex;}.dot-pulse {position: relative;left: -9999px;width: 6px;height: 6px;border-radius: 5px;background-color: #cbcbcb;color: #cbcbcb;box-shadow: 9999px 0 0 -5px #cbcbcb;animation: dotPulse 1.5s infinite linear;animation-delay: .25s;}.dot-pulse::before, .dot-pulse::after {content: '';display: inline-block;position: absolute;top: 0;width: 6px;height: 6px;border-radius: 5px;background-color: #cbcbcb;color: #cbcbcb;}.dot-pulse::before {box-shadow: 9984px 0 0 -5px #cbcbcb;animation: dotPulseBefore 1.5s infinite linear;animation-delay: 0s;}.dot-pulse::after {box-shadow: 10014px 0 0 -5px #cbcbcb;animation: dotPulseAfter 1.5s infinite linear;animation-delay: .5s;}@keyframes dotPulseBefore {0% {box-shadow: 9984px 0 0 -5px #cbcbcb;}30% {box-shadow: 9984px 0 0 2px #cbcbcb;}60%,100% {box-shadow: 9984px 0 0 -5px #cbcbcb;}}.loading-animation {/*background-color: rgb(255, 255, 255);*//*width: 52.5px;*//*height: 32px;*//*border-radius: 16px;*//*display: flex;*/-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;/*margin-left: 10px;*//* opacity: 0; */transition: all 0.1s ease 0s;z-index: 1;box-shadow: rgb(0 0 0 / 13%) 0px 1px 0.5px;}@keyframes dotPulse {0% {box-shadow: 9999px 0 0 -5px #cbcbcb;}30% {box-shadow: 9999px 0 0 2px #cbcbcb;}60%,100% {box-shadow: 9999px 0 0 -5px #cbcbcb;}}@keyframes dotPulseAfter {0% {box-shadow: 10014px 0 0 -5px #cbcbcb;}30% {box-shadow: 10014px 0 0 2px #cbcbcb;}60%,100% {box-shadow: 10014px 0 0 -5px #cbcbcb;}}@keyframes lds-ring {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@media (max-width: 450px) {.menu-root-jfskDFf5dK2gDdff .menu-modal-prod {width: 100%;height: 100%;max-height: -webkit-fill-available;max-width: none;padding: 20px;bottom: 0;right: 0;}.menu-root-jfskDFf5dK2gDdff .bottom_left,.menu-root-jfskDFf5dK2gDdff .top_left {right: auto;left: 0;}.menu-root-jfskDFf5dK2gDdff .top_left,.menu-root-jfskDFf5dK2gDdff .top_right {top: 0;}.menu-root-jfskDFf5dK2gDdff .menu-wrapper {min-width: 0;/*max-height: calc(100vh - 200px);*/max-height: 100vh;}.menu-root-jfskDFf5dK2gDdff .menu-wrapper .menu-list {min-width: 0;/* gap: 14px; */}.menu-root-jfskDFf5dK2gDdff .menu-wrapper.no-header {/* padding-top: 50px; */}.menu-root-jfskDFf5dK2gDdff .menu-wrapper.no-header .close-btn {color: var(--dark-text);}.menu-root-jfskDFf5dK2gDdff .menu-header {}.menu-root-jfskDFf5dK2gDdff :not(.hidden-menu) .menu-btn {/* width: 100%; */}.menu-root-jfskDFf5dK2gDdff .menu-btn .circle-btn {/* width: calc(var(--btn-size) / 1.5);height: calc(var(--btn-size) / 1.5); *//* padding: 5px; */}.menu-root-jfskDFf5dK2gDdff .menu-btn .close-btn-circle {/* font-size: 18px;right: calc(var(--btn-size) / 3.85); */}.menu-root-jfskDFf5dK2gDdff .top_left .menu-btn .close-btn-circle,.menu-root-jfskDFf5dK2gDdff .bottom_left .menu-btn .close-btn-circle {left: calc(var(--btn-size) / 3.35);right: auto;}.menu-root-jfskDFf5dK2gDdff .menu-btn .circle-btn .inner-circle {/* cx: calc(var(--btn-size) / 2 / 1.5);cy: calc(var(--btn-size) / 2 / 1.5);r: calc(var(--btn-size) / 2.5 / 1.5); */}.menu-root-jfskDFf5dK2gDdff .close-btn {/* display: flex; */}}@media (max-width: 375px) {.menu-root-jfskDFf5dK2gDdff .menu-wrapper .menu-list {/* gap: 6px; */}.menu-root-jfskDFf5dK2gDdff .menu-wrapper .items-size-4 {/* gap: 8px; */}/* .menu-wrapper .menu-list .menu-item {width: 100%;} */}.menu-root-jfskDFf5dK2gDdff .fa-classic,.menu-root-jfskDFf5dK2gDdff .fa-regular,.menu-root-jfskDFf5dK2gDdff .fa-solid,.menu-root-jfskDFf5dK2gDdff .far,.menu-root-jfskDFf5dK2gDdff .fas {font-family: "Font Awesome 6 Free" !important;}.menu-root-jfskDFf5dK2gDdff .fa-brands {font-family:"Font Awesome 6 Brands" !important;}.click-to-call-container {text-align: center;/*margin-top: 14px;*//*margin-bottom: 14px;*/}.click-to-call-text {white-space: pre-wrap;overflow-wrap: break-word;margin-bottom: 18px;line-height: 1.4;font-size: 16px !important;font-weight: bolder;}.click-to-call-number {background-color: rgb(246 248 250);display: inline-flex;text-decoration: none;padding: 2px 20px;margin-top: 0;border-radius: 200px;align-items: center;transition: .3s ease all;font-size: 20px;font-weight: bold;}.clear-link {text-decoration: none;color: var(--call-font-color)}.pr-6 {padding-right: 6px;}.tidyCallFrame {overflow-y: scroll;}.initial-message-avatar justify-cente {position: absolute;left: 0;right: 0;}.cb-justify-center {display: flex;justify-content: center !important;}.chat-head {position: relative;}.bRPUuH {display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;box-sizing: content-box;font-size: initial;overflow: hidden;position: relative;border-radius: 50%;height: 48px;width: 48px;}.bxAWJb {background-image: url(https://www.hubspot.com/hs-fs/hubfs/Avatars_update-02-1.png?width=108&height=108);background-position: center center;background-size: cover;height: 100%;width: 100%;}.initial-message-bubble {cursor: pointer;position: relative;border: 1px solid #eaf0f6;background: #fff;box-shadow: 0 4px 16px rgba(0, 0, 0, .1);border-radius: 4px;width: 240px;padding: 24px 16px 16px;}.cb-popup-container {position: relative;width: 300px;height: 300px;background-color: #f0f0f0;}.half-bottom-image {position: absolute;bottom: -50%; /* Moves the image halfway below the container */left: 50%;transform: translateX(-50%);width: 100px; /* Adjust the size as needed */height: auto; /* Maintain the aspect ratio */}/* Basic styling for popup container */.cb-popup-help {color: black !important;pointer-events: auto;position: relative;/*width: 300px;*/padding: 20px;background-color: white;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);border-radius: 8px;text-align: center;margin-top: 18px; /* To allow space for the image above */}.cp-popup-text {margin: revert;}/* Image container and positioning */.cb-popup-image-container {position: absolute;top: -28px; /* Move the image above the div */left: 50%;transform: translateX(-50%);width: 48px;height: 48px;border-radius: 50%;overflow: hidden;border: 4px solid white; /* Optional border around the image */}/* Image styling */.cb-popup-image {width: 100%;height: 100%;object-fit: cover; /* Ensure the image covers the circle */}/* Close button styling */.cb-close-button {font-size: 0 !important;width: 24px;height: 24px;position: absolute;top: -13px;right: -12px;background: none;border: none;cursor: pointer;color: #333;background-color: rgb(190 192 194);border-radius: 24px;}.cb-popup-content {/*padding-top: 60px; !* Ensure content stays below the image *!*/}.cb-badge {height: 1.25rem;width: 1.25rem;font-size: .687rem;line-height: 1.25rem;background: var(--badge-color);color: #fff;border-radius: 50%;position: absolute;top: -7px;right: -6px;z-index: 2147483646;box-sizing: border-box;vertical-align: middle;text-align: center;}.cbPopup {height: 100%;display: flex;justify-content: center;align-items: center;pointer-events: auto;}.cbPopup.fullscreen {position: fixed;top: 0;left: 0;width: 100%;/*display: flex;*/z-index: 2147483647;background-color: rgba(0, 0, 0, 0.6);}.cbPopup.inline {/*display: block;*//*position: absolute;*/top: auto;left: auto;/*width: 350px;*//*background-color: #000;*//*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/z-index: 1000;}.cbPopupBase {position: relative;display: flex;gap: 1rem;background: white;padding: 1rem;margin: 1rem;border-radius:6px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);max-width: 90vw; /* Use viewport width to be responsive */width: auto; /* Let width grow */text-align: center;flex-wrap: wrap; /* Allow wrapping */justify-content: center; /* center on wrap */align-items: center;}.cbPopup-close {position: absolute;top: 0px;right: 5px;background: none;border: none;font-size: 1.5rem;color: #2d2d2d;cursor: pointer;transition: color 0.3s ease;}.cbPopup-close:hover {color: #000;}.cbPopup-title {font-size: 2.5rem;margin-bottom: 1rem;}.cbPopup-subtext {font-size: 1rem;margin-bottom: 1.5rem;white-space: pre-line;}.cbPopup-button {background-color: #3B7ACA;color: white;border: none;padding: 0.75rem 1.5rem;font-size: 1rem;border-radius: 5px;cursor: pointer;text-decoration: none;}.cbPopupVideo-button {display: block;margin-top: 10px;border: none;padding: 0.75rem 1.5rem;font-size: 1rem;border-radius: 5px;cursor: pointer;text-decoration: none;text-align: center;}.cbPopupButtonContainer {padding-top: 40px;padding-bottom: 40px}.popup-image {width: 50%;height: auto;object-fit: contain; /* contain to avoid cropping */border-radius: 8px;flex-shrink: 0; /* prevent shrinking */}.cbPopupContent {flex: 1 1 45%;min-width: 250px;}.img-left {flex-direction: row;text-align: left;/*width: 700px;*/}.img-right {flex-direction: row-reverse;text-align: right;/*width: 700px;*/}.img-top {flex-direction: column;text-align: center;}.img-top .popup-image,.img-bottom .popup-image {width: 50%;height: auto;border-radius: 8px 8px 0 0;object-fit: cover;}.img-bottom {/*width: 100% !important;*/flex-direction: column-reverse;text-align: center;}.cbPopup.inline .cbPopupBase.img-left {width: 700px;}.cbPopup.inline .cbPopupBase.img-right {width: 700px;}@keyframes cbPopupZoomIn {0% {transform: scale(0.8);opacity: 0;}100% {transform: scale(1);opacity: 1;}}.cbPopupBase {animation: cbPopupZoomIn 0.3s ease-out;transform-origin: center;}@media (max-width: 600px) {.cbPopupBase {flex-direction: column;width: 90%;padding: 1rem;}.popup-image {width: 100%;border-radius: 8px 8px 0 0;}.cbPopupContent {flex: 1 1 100%;text-align: center;}}`,});function initContactButton(config) {let isMobile = false;let isOriginWebsite = false;let isOpenedBtn = false;let isFirstOpened = false;const showPopup = (popupId) => {if ( !isOriginWebsite) {return true;}if ( !config.can_show_popup) {return false;}const storedTime = localStorage.getItem(popupId);const currentTime = Date.now();const oneHourInMilliseconds = 60 * 60 * 1000;if (storedTime) {if (currentTime - storedTime <= oneHourInMilliseconds) {return false;}}localStorage.setItem(popupId, currentTime);return true;};const badgeId = config.data.external_id + '-cb-badge';const showBadge = () => {if ( !config.data.badge_status) {return false;}const storedTime = localStorage.getItem(badgeId);const currentTime = Date.now();const oneHourInMilliseconds = 60 * 60 * 1000;if (storedTime) {if (currentTime - storedTime <= oneHourInMilliseconds) {return false;}}return true;};const createMenu = () => {let style = document.createElement("style");contactButtonExample.menuContainer = createElement("div", {class: "menu-root-jfskDFf5dK2gDdff",id: contactButtonExample.data.external_id,});contactButtonExample.menuContainer.style ="z-index: 2147483647; position: fixed; display: block !important;";style.innerHTML = contactButtonExample.styles;let htmlTest = document.createElement("div");contactButtonExample.menu = createElement("div", {class: `menu-modal-prod ${contactButtonExample.data.position} ${contactButtonExample.data.shadow} hidden-menu`,id: "menuContainer",});let menuBtn = createElement("btn", {class: "menu-btn",id: "menuBtn",});let cbBadge = createElement("span", {class: "cb-badge"});cbBadge.innerHTML = config.data.badge_options?.number ?? 1;let closeCircle = document.createElementNS("http://www.w3.org/2000/svg", "svg");closeCircle.setAttribute("xmlns", "http://www.w3.org/2000/svg");closeCircle.setAttribute("height", "24");closeCircle.setAttribute("width", "24");closeCircle.setAttribute("viewBox", "0 -960 960 960");closeCircle.setAttribute("class", "close-btn-circle");closeCircle.setAttribute("fill", config.data.colors.x ?? 'white');var path = document.createElementNS("http://www.w3.org/2000/svg", "path");path.setAttribute("d", "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z");closeCircle.appendChild(path);let menuBtnCircle = document.createElementNS("http://www.w3.org/2000/svg","svg");let innerCircle = document.createElementNS("http://www.w3.org/2000/svg","circle");menuBtnCircle.classList.add("circle-btn");innerCircle.classList.add("inner-circle");if (showBadge()) {menuBtn.appendChild(cbBadge);}menuBtn.appendChild(closeCircle);if (config.data.icon_status) {switch (config.data.icon.type) {case 'font_icon' :const parser = new DOMParser();const svgDocument = parser.parseFromString(config.data.svg_icon, "image/svg+xml");const svgElement = svgDocument.documentElement;svgElement.setAttribute("height", "24");svgElement.setAttribute("width", "24");svgElement.setAttribute("style", "fill:" +config.data.icon.button_icon_color);svgElement.setAttribute("class", "svg-btn-icon");menuBtn.appendChild(svgElement);break;case 'custom_icon' :let icon = document.createElement('img');icon.setAttribute("height", "40");icon.setAttribute("width", "40");icon.setAttribute("alt", "button_icon");icon.src = config.backend + '/storage/images/' +config.data.icon.custom_icon;icon.setAttribute("class", "img-btn-icon");menuBtn.appendChild(icon);break;}}document.body.prepend(menuBtnCircle);let menuBtnText;if ('closed_circle' !== contactButtonExample.data.default_state) {menuBtnText = createElement("span", { class: "btn-text" });menuBtnText.innerText = contactButtonExample.data.texts.title || "";menuBtn.appendChild(menuBtnText);}menuBtnCircle.appendChild(innerCircle);menuBtn.appendChild(menuBtnCircle);if ('single_app' !== config.data.display_option) {contactButtonExample.menu.appendChild(createMenuWrapper());}let popupDiv = null;if (config.data.popups && config.data.popups.length > 0) {popupDiv = document.createElement('div');contactButtonExample.menu.appendChild(popupDiv);config.data.popups.forEach((popup) => {const popupId = config.data.external_id + '-' + popup.external_id;let show;if (isMobileDevice()) {show = popup.mobile;} else {show = popup.desktop;}if (show && showPopup(popupId)) {if (isOriginWebsite) {fetch(contactButtonExample.popup_url + '?external_id=' + popup.external_id, {method: "POST"});};setTimeout(() => {let nodePopup = createPopup(popup);if (nodePopup) {popupDiv.appendChild(nodePopup);}}, popup.fields.delay * 1000);}});}contactButtonExample.menu.appendChild(menuBtn);menuBtn.addEventListener("click", () => {if (popupDiv) {popupDiv.remove();}if (cbBadge) {localStorage.setItem(badgeId, Date.now());cbBadge.remove();}toggleContactButtonMenu();});document.querySelectorAll("#" + contactButtonExample.triggerMenuId).forEach((trigger) => {trigger.addEventListener("click", () =>toggleContactButtonMenu());});setFonts2(document.head, contactButtonExample.fontAwesomeLink);setFonts2(htmlTest, contactButtonExample.fontAwesomeLink);contactButtonExample.menuContainer.appendChild(style);htmlTest.appendChild(contactButtonExample.menu);contactButtonExample.menuContainer.appendChild(htmlTest);document.body.appendChild(contactButtonExample.menuContainer);if ('single_app' !== config.data.display_option) {generateMenu();}if (isMobileDevice()) {contactButtonExample.data.after_scrolling = contactButtonExample.data.after_scrolling_mobile;}if (contactButtonExample.data.after_scrolling > 0) {contactButtonExample.menu.classList.add("hidden-after-scroll");}if ('button_with_text' === contactButtonExample.data.default_state ||'text_button' === contactButtonExample.data.default_state ||'closed_circle' === contactButtonExample.data.default_state) {window.addEventListener("scroll", (e) => {if (!isFirstOpened && 'text_button' === contactButtonExample.data.default_state) {let scrollSize = window.innerHeight;if (window.scrollY >= scrollSize &&!menuBtn.classList.contains("hidden-btn")) {menuBtn.classList.add("hidden-btn");} else if (window.scrollY <= scrollSize &&menuBtn.classList.contains("hidden-btn")) {menuBtn.classList.remove("hidden-btn");}}if (contactButtonExample.data.after_scrolling > 0) {if (window.scrollY >= contactButtonExample.data.after_scrolling) {contactButtonExample.menu.classList.remove("hidden-after-scroll");} else {contactButtonExample.menu.classList.add("hidden-after-scroll");}}});}if (isFirstOpened && 'text_button' === contactButtonExample.data.default_state) {contactButtonExample.menu.querySelector(".menu-btn").classList.add("hidden-btn");}if (config.data.open_menu_status) {let time = config.data.open_menu_delay.desktop * 1000;if (isMobile) {time = config.data.open_menu_delay.mobile * 1000;}setTimeout(() => {openContactButton(config.data.external_id);}, time);}};const findCssVariable = (cssString, className, variableName) => {const pattern = new RegExp(`\\.${className}\\s*{([^}]*)}`, 'g');const classMatch = pattern.exec(cssString);if (classMatch) {const variablePattern = new RegExp(`${variableName}\\s*:\\s*([^;]*)`, 'g');const variableMatch = variablePattern.exec(classMatch[1]);return variableMatch ? [variableMatch[1].trim()] : [`${variableName} not found in ${className}`];} else {return [`${className} not found`];}};const toggleContactButtonMenu = () => {contactButtonExample.menu.classList.toggle("hidden-menu");if (contactButtonExample.menu.classList.contains("hidden-menu")) {removeAdditioanlClasses();contactButtonExample.menu.querySelectorAll(".dialog-wrapper").forEach((form) => {form.remove();});} else {if ('single_app' === config.data.display_option) {singleAppAction(config.data.website_widgets[0]);}}if ('text_button' === contactButtonExample.data.default_state) {isFirstOpened = true;contactButtonExample.menu.querySelector(".menu-btn").classList.add("hidden-btn");}let subsDate = contactButtonExample.data.website.billing_cycle_anchor;let savedDate = localStorage.getItem("subscribe_date_click");if (subsDate !== savedDate && isOriginWebsite) {fetch(contactButtonExample.click_url, { method: "POST" });savedDate = localStorage.setItem("subscribe_date_click", subsDate);}};const popUpBuilder = {'welcome-message' : (popup) => {let popupHelp = document.createElement('div');let popupImageContainer = document.createElement('div');let image = document.createElement('img');let popupContent = document.createElement('div');let closeBtn = document.createElement('button');let p = document.createElement('p');popupContent.classList = 'cb-popup-content';let imageSrc = 'https://app.contactbutton.com/cb-icon.png';if (popup.fields.logo) {imageSrc = contactButtonExample.backend + '/storage/images/' + popup.fields.logo;}image.src = imageSrc;image.alt = 'Popup Image';image.classList = 'cb-popup-image';popupHelp.classList = 'cb-popup-help';popupHelp.id = 'popupHelp';popupImageContainer.classList = 'cb-popup-image-container';popupImageContainer.appendChild(image);p.classList = 'cp-popup-text';p.innerText = popup.fields.popup_message;closeBtn.id = "closePopupBtn";closeBtn.classList = "cb-close-button";closeBtn.innerHTML = '';closeBtn.addEventListener("click", () => {popupHelp.remove();});popupContent.appendChild(closeBtn);popupContent.appendChild(p);if (popup.fields.logo) {popupHelp.appendChild(popupImageContainer);}popupHelp.appendChild(popupContent);return popupHelp;},'basic-popup' : (popup) => {const popupOverlay = document.createElement('div');popupOverlay.className = 'cbPopup';if (popup.fields.display_type == 'full_screen') {popupOverlay.classList.add('fullscreen');} else {popupOverlay.classList.add('inline');}popupOverlay.id = 'popup';const popupBase = document.createElement('div');popupBase.className = 'cbPopupBase img-' + popup.fields?.image?.position ?? 'left';popupBase.style.backgroundColor = popup.fields.background_color ?? '#bababa';const closePopupBtn = document.createElement('button');closePopupBtn.className = 'cbPopup-close';closePopupBtn.innerHTML = '×';closePopupBtn.onclick = () => {popupOverlay.remove();};const img = document.createElement('img');img.src = contactButtonExample.backend + '/storage/images/' + popup.fields.image.img;img.alt = 'Placeholder';img.className = 'popup-image';const content = document.createElement('div');content.className = 'cbPopupContent';content.style.textAlign = popup.fields.text_alignment ?? 'center';const title = document.createElement('h1');title.className = 'cbPopup-title';title.textContent = popup.fields.title ?? '';title.style.fontSize = popup.fields.title_font_size + 'px';title.style.color = popup.fields.title_color;const paragraph = document.createElement('p');paragraph.className = 'cbPopup-subtext';paragraph.textContent = popup.fields.description ?? '';paragraph.style.fontSize = popup.fields.description_font_size + 'px';paragraph.style.color = popup.fields.description_color;const button = document.createElement('a');button.className = 'cbPopup-button';button.target = '_blank';button.href = popup.fields?.link.url ?? '';button.textContent = popup?.fields.link.name ?? '';button.style.backgroundColor = popup?.fields.link.color ?? '';button.style.color = popup?.fields.link.text_color ?? '';const buttonContainer = document.createElement('div');buttonContainer.className = 'cbPopupButtonContainer';content.appendChild(title);content.appendChild(paragraph);if (popup.fields.link.status) {buttonContainer.appendChild(button);content.appendChild(buttonContainer);}popupBase.appendChild(closePopupBtn);if (popup.fields.image.status) {popupBase.appendChild(img);}popupBase.appendChild(content);popupOverlay.appendChild(popupBase);return popupOverlay;},'video' : (popup) => {let embedUrl = '';let videoUrl = popup.fields.url;if (videoUrl.includes('youtube.com') || videoUrl.includes('youtu.be')) {const videoId = videoUrl.includes('v=') ? videoUrl.split('v=')[1].split('&')[0] : videoUrl.split('/').pop();if (popup.fields.autoplay) {embedUrl = `https://www.youtube.com/embed/${videoId}?autoplay=1&mute=1&modestbranding=1&showinfo=0&autohide=1`;} else embedUrl = `https://www.youtube.com/embed/${videoId}?modestbranding=1&showinfo=0&autohide=1`;} else if (videoUrl.includes('vimeo.com')) {const videoId = videoUrl.split('/').pop();if (popup.fields.autoplay) {embedUrl = `https://player.vimeo.com/video/${videoId}?autoplay=1&mute=1`;} else embedUrl = `https://player.vimeo.com/video/${videoId}`;} else {console.log('Unsupported video URL');return;}const overlay = document.createElement('div');overlay.id = 'overlay';overlay.style = `top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;pointer-events:auto;`;const popupContainer = document.createElement('div');popupContainer.id = 'videoPopup';popupContainer.classList.add('cbPopVideoContainer');popupContainer.style = `border-radius: 6px;top:10%;left:50%;max-width:85vw;padding:10px;z-index:1000;pointer-events:auto;position: sticky;`;popupContainer.style.width = (popup.fields.width + 'px') ?? '300px';popupContainer.style.background = popup.fields.background_color ?? '#000';const closeBtn = document.createElement('button');closeBtn.innerText = '×';closeBtn.classList.add('cbCloseBtnVideo');closeBtn.style = ` position: absolute; top:10px; right: 10px; background: transparent; color: white; border: none; font-size: 24px; cursor: pointer; z-index: 1001;`;closeBtn.onclick = () => {popupContainer.remove();overlay.remove();};popupContainer.appendChild(closeBtn);const iframeWrapper = document.createElement('div');iframeWrapper.style = 'position:relative;padding-bottom:56.25%;height:0;overflow:hidden;';const iframe = document.createElement('iframe');iframe.src = embedUrl;iframe.style = 'position:absolute;top:0;left:0;width:100%;height:100%;pointer-events: auto;';iframe.frameBorder = '0';iframe.allow = 'autoplay; encrypted-media; fullscreen; picture-in-picture';iframe.allowFullscreen = true;iframeWrapper.appendChild(iframe);popupContainer.appendChild(iframeWrapper);if (popup.fields?.link?.status === true) {const button = document.createElement('a');button.className = 'cbPopupVideo-button';button.target = '_blank';button.href = popup.fields?.link.url ?? '';button.textContent = popup?.fields.link.name ?? '';button.style.backgroundColor = popup?.fields.link.color ?? '';button.style.color = popup?.fields.link.text_color ?? '';popupContainer.appendChild(button);}return popupContainer;}};const createPopup = (popup) => {if (typeof popUpBuilder[popup.popup_type.slug] === 'function') {return popUpBuilder[popup.popup_type.slug](popup);}return false;};const createMenuWrapper = () => {let menuWrapper = document.createElement("div");let menuList = document.createElement("div");let closeBtn = document.createElement("button");closeBtn.id = "closeMenuBtn";closeBtn.className = "close-btn";closeBtn.innerHTML = '';menuWrapper.classList.add("menu-wrapper");menuList.className = "menu-list";closeBtn.addEventListener("click", () => {contactButtonExample.menu.classList.add("hidden-menu");});menuWrapper.appendChild(closeBtn);if (contactButtonExample.data.header) {let menuHeader = document.createElement("div");let menuHeaderCol = document.createElement("div");let headerTitle = document.createElement("h3");let headerDesc = document.createElement("p");menuHeader.className = "menu-header";menuHeaderCol.className = "header-col";if (contactButtonExample.data.header_logo) {let headerLogo = document.createElement("figure");headerLogo.classList.add("header-logo");headerLogo.innerHTML = ``;menuHeader.appendChild(headerLogo);}headerTitle.className = "header-title";headerTitle.innerText =contactButtonExample.data.texts.header || "";headerDesc.className = "header-description";headerDesc.innerText =contactButtonExample.data.texts.subheader || "";menuHeaderCol.appendChild(headerTitle);menuHeaderCol.appendChild(headerDesc);menuHeader.appendChild(menuHeaderCol);menuWrapper.appendChild(menuHeader);} else {menuWrapper.classList.add("no-header");}menuWrapper.appendChild(menuList);if (contactButtonExample.is_branding) {menuWrapper.appendChild(branding());}return menuWrapper;};const branding = () => {let byLine = createElement("span", { class: "by-line" });byLine.innerHTML = `Powered by Contact Button`;return byLine;};const renderBranding = (item) => {if ('single_app' === config.data.display_option && contactButtonExample.is_branding) {item.appendChild(branding());}};const generateMenu = () => {let listEl = contactButtonExample.menu.querySelector(".menu-list");switch (contactButtonExample.data.display_option) {case "rows":contactButtonExample.menu.querySelector(".menu-wrapper").classList.add("list");break;case "icons_only":contactButtonExample.menu.querySelector(".menu-wrapper").classList.add("icons-only");break;case "stacked_buttons":contactButtonExample.menu.querySelector(".menu-wrapper").classList.add("stacked-buttons");break;default:break;}contactButtonExample.data.website_widgets =contactButtonExample.data.website_widgets.filter((widget) =>(widget.desktop && !isMobile) || (widget.mobile && isMobile));contactButtonExample.data.website_widgets =contactButtonExample.data.website_widgets.filter((widget) => showAppByRule(widget));let len = contactButtonExample.data.website_widgets.length;if (len > 0 && len < 5) {listEl.classList.add("items-size-" + len);}for (let i = 0;i < contactButtonExample.data.website_widgets.length;i++) {let widget = contactButtonExample.data.website_widgets[i];let now = new Date();if (widget.scheduling && !widget.scheduling.all_times) {let dayIndex = now.getUTCDay() === 0 ? 6 : now.getUTCDay() - 1;let day = widget.scheduling.days[dayIndex];if (day && day.enabled) {let tz = contactButtonExample.data.timezone?.offset || 0;let nowMins =now.getUTCHours() * 60 + now.getUTCMinutes() + tz / 60;if ((!day.after_hours &&(nowMins < day.start || nowMins > day.end)) ||(day.after_hours &&nowMins > day.start &&nowMins < day.end)) {continue;}} else if (!day.enabled) {continue;}}let itemDom = document.createElement("div");itemDom.classList.add("menu-item");itemDom.id = "item-menu-" + i;itemDom.setAttribute("onclick","widgetFunc_" + widget.unique_id + "();");if ('stacked_buttons' === contactButtonExample.data.display_option) {if ('gradient' === widget.fields.background_type) {itemDom.style.background = `linear-gradient(${widget.fields.gradient_angle}deg, ${widget.fields.gradient_first}, ${widget.fields.gradient_second})`;switch (widget.fields.border) {case 'no_border':itemDom.style.border = 'transparent';break;case 'shadow':itemDom.style.border = 'transparent';itemDom.style.borderWidth = '0';itemDom.style.borderBottomWidth = '5px';itemDom.style.boxShadow = 'none';itemDom.style.borderColor = widget.fields.shadow_color;itemDom.style.borderStyle = 'inset';break;case 'border':itemDom.style.borderColor = widget.fields.border_color;break;};} else {itemDom.style.backgroundColor = widget.fields.background_color;}}let firstSpan = document.createElement('span');let secondSpan = document.createElement('span');let divInfo = document.createElement('div');firstSpan.classList.add('menu-title');if (widget.fields.title_color) {firstSpan.style.color = widget.fields.title_color ?? 'white';}secondSpan.classList.add('menu-subtitle');if (widget.fields.title_color) {secondSpan.style.color = widget.fields.title_color ?? 'white';}divInfo.classList.add('info');firstSpan.innerText = widget.fields.title ?? "";secondSpan.innerText = widget.fields.description ?? "";divInfo.appendChild(firstSpan);divInfo.appendChild(secondSpan);itemDom.innerHTML = `${widget.fields.icon ? getMenuIcon(widget) : ""}`;itemDom.appendChild(divInfo);let words = widget.fields.title.split(/\s+/);words.forEach((word) => {let newFontSize = '12px';if (word.length > 12) {itemDom.querySelector('.menu-title').style.fontSize = newFontSize;}});if (contactButtonExample.data.type === "rows") {let linkBtn = document.createElement("button");linkBtn.innerHTML = ">";linkBtn.className = "menu-button";itemDom.appendChild(linkBtn);}itemDom.addEventListener("click", () => {if (isOriginWebsite) {fetch(widget.statistic_click_link, { method: "POST" });}});appsActions(widget, itemDom);listEl.appendChild(itemDom);}setTimeout(() => {if (document.querySelector('[name="toOpenedMenu"]')) {toggleContactButtonMenu();}}, 100);};const appsActions = (widget, itemDom) => {if (widget.widget.slug === "form") {itemDom.addEventListener("click", () => {showFormModal(widget);});} else if (widget.widget.slug === "html") {itemDom.addEventListener("click", () => {showHtmlEmbededModal(widget);});} else if (widget.widget.slug === "hours") {itemDom.addEventListener("click", () => {showHoursModal(widget);});} else if (widget.widget.slug === "images") {itemDom.addEventListener("click", () => {showImageModal(widget);});} else if (widget.widget.slug === "list") {itemDom.addEventListener("click", () => {showMenuWidget(widget);});} else if (widget.widget.slug === "social") {itemDom.addEventListener("click", () => {toSocialLink(widget);});} else if (widget.widget.slug === "chat") {itemDom.addEventListener("click", () => {hideContactButton(contactButtonExample.data.external_id);});} else if (widget.widget.slug === "whatsapp") {itemDom.addEventListener("click", () => {if (widget.fields.chat_integrations === "whatsapp_qrcode") {showQrCode(widget.external_id, widget.title);} else if (widget.fields.chat_integrations === "chat_box") {chatBox(widget);}});} else if (widget.widget.slug === "map") {itemDom.addEventListener("click", () => {if (widget.fields.chat_integrations === "embedded") {showEmbeddedMap(widget);}});} else if (widget.widget.slug === "bookings") {if (widget.fields.chat_integrations === "resy") {let script = document.createElement("script");script.src = "https://widgets.resy.com/embed.js";contactButtonExample.menu.appendChild(script);let hiddenEl = document.createElement("div");hiddenEl.style = "display: none;";itemDom.appendChild(hiddenEl);setTimeout(() => {resyWidget.addButton(hiddenEl, {venueId: widget.fields.venue_id," apiKey": widget.fields.api_key,replace: false,});itemDom.addEventListener("click", () => {contactButtonExample.menu.classList.add("hidden-menu");hiddenEl.firstChild.click();});}, 1000);} else {itemDom.addEventListener("click", () => {showReservation(widget);});}} else if (widget.widget.slug === "subscribe") {itemDom.addEventListener("click", () => {showMailingModal(widget);});} else if (widget.widget.slug === "call") {itemDom.addEventListener("click", () => {call(widget)});};};const singleAppAction = (widget) => {switch (widget.widget.slug) {case "form":showFormModal(widget);break;case "html":showHtmlEmbededModal(widget);break;case "hours":showHoursModal(widget);break;case "images":showImageModal(widget);break;case "list":showMenuWidget(widget);break;case "social":toSocialLink(widget);break;case "chat":hideContactButton(contactButtonExample.data.external_id);break;case "whatsapp":if (widget.fields.chat_integrations === "whatsapp_qrcode") {showQrCode(widget.external_id, widget.title);} else if (widget.fields.chat_integrations === "2chat_button") {hideContactButton(contactButtonExample.data.external_id);} else {chatBox(widget);}break;case "map":if (widget.fields.chat_integrations === "embedded") {showEmbeddedMap(widget);}break;case "bookings":if (widget.fields.chat_integrations === "resy") {let script = document.createElement("script");script.src = "https://widgets.resy.com/embed.js";contactButtonExample.menu.appendChild(script);let hiddenEl = document.createElement("div");hiddenEl.style = "display: none;";itemDom.appendChild(hiddenEl);setTimeout(() => {resyWidget.addButton(hiddenEl, {venueId: widget.fields.venue_id,apiKey: widget.fields.api_key,replace: false,});contactButtonExample.menu.classList.add("hidden-menu");hiddenEl.firstChild.click();}, 1000);} else {showReservation(widget);}break;case "subscribe":showMailingModal(widget);break;case "call":call(widget);break;default:eval('widgetFunc_' + widget.unique_id + '();');}};const destroyMenu = () => {contactButtonExample.menuContainer.remove();};const getMenuIcon = (item) => {let itemColor = item.fields.border_color;if ('shadow' === item.fields.border) {itemColor = item.fields.shadow_color}let borderColor = itemColor || item.fields.border_color;let icon = "";if (item.fields.icon === "custom_icon")if (item.fields?.image_design === 'full') {icon = ``;} else {icon = ``;}else if (item.fields.icon === "font_icon")icon = ``;let classes = 'menu-icon';if (item.fields?.image_design === 'full') {classes += ' cb-icon-full';}if ('stacked_buttons' === contactButtonExample.data.display_option) {return `
${icon}
`}if ('gradient' === item.fields.background_type) {if (item.fields?.image_design === 'full') {return `
${icon}
`;}return `
${icon}
`;}return `
${icon}
`;};const setFont = (parent, fontName) => {let encodedFont = encodeURIComponent(fontName || "Inter");let font = `${config.backend}/css2?family=${encodedFont}:wght@100;200;300;400;500;600;700;800;900`;let apis = document.createElement("link");let static = document.createElement("link");apis.rel = "preconect";apis.href = "https://fonts.googleapis.com";static.rel = "preconect";static.href = "https://fonts.gstatic.com";static.crossorigin = true;parent.appendChild(apis);parent.appendChild(static);let fontEl = document.createElement("link");fontEl.href = font;fontEl.rel = "stylesheet";parent.appendChild(fontEl);};const setFonts2 = (parent, link) => {let linkEl = document.createElement("link");linkEl.rel = "stylesheet";linkEl.crossorigin = "anonymous";linkEl.href = link;parent.appendChild(linkEl);};const setJs = (parent, link) => {let linkEl = document.createElement("script");linkEl.type = "text/javascript";linkEl.async = true;linkEl.src = link;parent.appendChild(linkEl);};let showFormModal = (field) => {let dialogWrapper = getDialog(field.fields.form_header, field.fields?.title_color);let dialogContent = createElement("form", {class: "dialog-content form-wrapper",});dialogContent.style.setProperty('--inside-color', field.fields.submit_button_color ?? '#009ef7');if (typeof field.fields.custom_fields === "object") {let fields = [];Object.keys(field.fields.custom_fields).forEach((key) =>fields.push(field.fields.custom_fields[key]));field.fields.custom_fields = fields;}contactButtonExample.exampleForm = ExampleForm(dialogContent, field);contactButtonExample.exampleForm.updateExampleForm();dialogContent.addEventListener("submit", (e) => {onSendForm(e, contactButtonExample.exampleForm);});dialogWrapper.appendChild(dialogContent);renderBranding(dialogWrapper);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);};let showHtmlEmbededModal = (field) => {let dialogWrapper = getDialog(field.title, field.fields?.title_color);if ('iframe' === field.fields.chat_integrations) {let dialogWrapper = getDialog(field.title, field.fields?.title_color);const iframe = document.createElement("iframe");iframe.setAttribute("src", field.fields.url);iframe.style.height = "100vh";dialogWrapper.appendChild(iframe);dialogWrapper.classList.add("auto-height");contactButtonExample.menu.prepend(dialogWrapper);return setTimeout(() => {contactButtonExample.menu.classList.add("showed-iframe");}, 50);}if ('javascript' === field.fields.chat_integrations) {const userFunction = new Function(field.fields.content);return userFunction();}dialogWrapper.classList.add("embed-wrapper");dialogWrapper.classList.add("auto-height");let dialogContent = createElement("div", {class: "dialog-content ql-editor",});setTimeout(() => {setInnerHTML(dialogContent, field.fields.content);renderBranding(dialogContent);}, 300);dialogWrapper.appendChild(dialogContent);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);};let showHoursModal = (field) => {let dialogWrapper = getDialog(field.fields.title, field.fields?.title_color);let dialogContent = createElement("div", {class: "dialog-content hours-wrapper scroll",});if (field.fields.hours.days) {field.fields.hours.days.forEach((day) => {let dayItem = createElement("div", { class: "day-item" });dayItem.innerHTML += `${day.label}`;if (day.times && day.times.length > 0) {day.times.forEach((time) => {dayItem.innerHTML += `${time.start} - ${time.end}`;});} else {dayItem.innerHTML += `${field.fields.hours.closed_label}`;}dialogContent.appendChild(dayItem);});}dialogWrapper.appendChild(dialogContent);renderBranding(dialogWrapper);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);};let showQrCode = (id_widget, modal_title) => {let dialogWrapper = getDialog(modal_title);let dialogContent = createElement("div", {class: "dialog-content qr-code-wrapper",});let widget = contactButtonExample.data.website_widgets.find((w) => w.external_id === id_widget);if (widget && widget.fields.qr_instructions) {let dialog_desc = createElement("span", {class: "dialog-description",});dialog_desc.innerText = widget.fields.qr_instructions;dialogContent.appendChild(dialog_desc);}fetch(contactButtonExample.backend + "/get-qr-code/" + id_widget, {method: "POST",body: {},}).then((res) => res.json()).then((data) => {let qrCode = createElement("img", {src: data.qrcode,});dialogContent.appendChild(qrCode);});dialogWrapper.appendChild(dialogContent);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);};let showImageModal = (widget) => {let dialogWrapper = getDialog(widget.title, widget.fields?.title_color);let dialogContent = createElement("div", {class: "dialog-content qr-code-wrapper",});let image;let format;try {format =widget.fields.image_widget.split(".")[widget.fields.image_widget.split(".").length - 1];} catch {}if (format === "pdf") {image = createElement("iframe", {src: `https://docs.google.com/viewer?url=${contactButtonExample.backend}/storage/images/${widget.fields.image_widget}&embedded=true`,frameborder: 0,});dialogWrapper.classList.add("with-pdf");} else {image = createElement("img", {src: `${contactButtonExample.backend}/storage/images/${widget.fields.image_widget}`,});}dialogContent.appendChild(image);dialogWrapper.appendChild(dialogContent);renderBranding(dialogWrapper);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);};let showMenuWidget = (widget) => {let dialogWrapper = getDialog(widget.title, widget.fields?.title_color);let dialogContent = createElement("div", {class: "dialog-content qr-code-wrapper",});let menu = createElement("iframe", {src: widget.menu_link,frameborder: 0,});dialogWrapper.classList.add("with-pdf", "mx-w-540px");dialogContent.appendChild(menu);dialogWrapper.appendChild(dialogContent);renderBranding(dialogWrapper);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);};let showEmbeddedMap = (widget) => {let dialogWrapper = getDialog(widget.fields.title, widget.fields?.title_color);let dialogContent = createElement("div", {class: "dialog-content qr-code-wrapper",});dialogContent.innerHTML = ``;dialogWrapper.appendChild(dialogContent);renderBranding(dialogWrapper);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");contactButtonExample.menu.classList.add("max-width-600");}, 50);};let showReservation = (widget) => {let dialogWrapper = getDialog(widget.fields.title, widget.fields?.title_color);let dialogContent = createElement("div", {class: "dialog-content embedded-map-wrapper",});switch (widget.fields.chat_integrations) {case 'calendly':setInnerHTML(dialogContent,`
`);setTimeout(() => {Calendly.initInlineWidget({url: `${widget.fields.url}`,parentElement:dialogContent.querySelector("#calendlyWidget"),});}, 1000);dialogWrapper.classList.add("with-pdf");break;case 'opentable':let script = document.createElement("script");script.src = `//www.opentable.com/widget/reservation/loader?rid=${widget.fields.rid}&type=standard&theme=standard&color=1&iframe=true&domain=com&lang=en-US&newtab=true&ot_source=Restaurant%20website`;dialogContent.appendChild(script);break;case 'calendar':setInnerHTML(dialogContent,`
`);dialogWrapper.classList.add("with-pdf");setTimeout(() => {var source,iframe,widgetElement =contactButtonExample.menu.querySelector(".zoomai-inline-widget") ||contactButtonExample.menu.querySelector(".calendarhero-inline-widget");widgetElement &&((source = widgetElement.getAttribute("data-url")),((iframe = document.createElement("iframe")).src =source + "?embedded=true"),(iframe.width = "100%"),(iframe.height = "100%"),(iframe.frameBorder = "0"),widgetElement.appendChild(iframe));}, 300);break;case 'tidycal':if (window.TidyCal) {window.TidyCal = null;}const tidycalDiv = document.createElement('div');tidycalDiv.className = 'tidycal-embed';tidycalDiv.setAttribute('data-path', widget.fields.data_path);const observer = new MutationObserver((mutationsList, observer) => {mutationsList.forEach(mutation => {if (mutation.type === 'attributes') {mutation.target.style.height = '1200px';}});});const config = {attributes: true,childList: true,subtree: true};const newScript = document.createElement('script');newScript.src = 'https://asset-tidycal.b-cdn.net/js/embed.js';newScript.async = true;dialogContent.classList.add("tidyCallFrame");dialogContent.appendChild(tidycalDiv);setTimeout(() => {dialogContent.appendChild(newScript);let iframe = document.querySelector('.tidycal-embed');observer.observe(dialogContent, config);}, 500);break;case 'googleAppointments':switch (widget.fields.type) {case 'inline':let iframe = document.createElement('iframe');iframe.src = widget.fields.link + '?gv=true';iframe.width = '100%';iframe.height = '600';iframe.setAttribute('frameborder', '0');dialogWrapper.classList.add("with-pdf");dialogContent.appendChild(iframe);break;case 'popup':var link = document.createElement('link');link.rel = 'stylesheet';link.href = 'https://calendar.google.com/calendar/scheduling-button-script.css';dialogContent.appendChild(link);var scriptScheduling = document.createElement('script');scriptScheduling.src = 'https://calendar.google.com/calendar/scheduling-button-script.js';scriptScheduling.async = true;dialogContent.appendChild(scriptScheduling);var target = document.currentScript;setTimeout(() => {let baseButton = document.getElementById(contactButtonExample.data.external_id);baseButton.style.zIndex = 9999;var target = document.createElement('script');dialogContent.classList.add('center');dialogContent.appendChild(target);calendar.schedulingButton.load({url: widget.fields.link + '?gv=true',color: '#18bcb1',label: "BOOK A CALL",target,});}, 500);break;case 'link':window.open(widget.fields.link, '_blank');return;break;}break;}dialogWrapper.appendChild(dialogContent);renderBranding(dialogWrapper);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);};let showMailingModal = (widget) => {let dialogWrapper = getDialog(widget.title, widget.fields?.title_color);let dialogContent = createElement("form", {class: "dialog-content-subscribe form-wrapper",});dialogContent.style.setProperty('--inside-color', widget.fields.submit_button_color ?? '#009ef7');let divField = createElement("div", { class: `field-wrapper` });let label = createElement("label", { class: `field-label required` });label.innerText = "Email";let input = createElement("input", {placeholder: "Enter Your Email",name: "email",type: "email",class: "mailing-field",required: false,});let submitBtn = createElement("button", {class: "mailing-submit",type: "submit",});submitBtn.innerHTML = "Subscribe";let submitBtnContent = submitBtn?.innerHTML || "";let errorField = createElement("div", { class: "mailing-error-field" });let successTitleField = createElement("div", {class: "mailing-title-success-field",});let successSubTitleField = createElement("div", {class: "mailing-subtitle-success-field",});input.addEventListener("input", (e) => {errorField.innerHTML = "";});divField.appendChild(label);divField.appendChild(input);dialogContent.appendChild(divField);dialogContent.appendChild(submitBtn);dialogContent.appendChild(errorField);dialogContent.appendChild(successTitleField);dialogContent.appendChild(successSubTitleField);dialogContent.addEventListener("submit", (e) => {e.preventDefault();let obj = {};let formData = new FormData(dialogContent);const data = Array.from(formData.entries());data.forEach((item) => {obj[item[0]] = item[1];});if (submitBtn) {submitBtn.innerHTML = "";submitBtn.appendChild(getLoader());submitBtn.disabled = true;}fetch(widget.compact_form_link, {method: "POST",body: formData,headers: { "Access-Control-Allow-Origin": "*" },}).then((res) => res.json()).then((data) => {submitBtn.innerHTML = submitBtnContent;submitBtn.disabled = false;if (data.status === "success") {successTitleField.innerHTML =widget.fields.success_message_title;successSubTitleField.innerHTML =widget.fields.success_message_text;divField.remove();submitBtn.type = "button";submitBtn.innerText = "Close";submitBtn.addEventListener("click", () => {hideFormDialog();});} else if (data.status === "error") {errorField.innerText = data.message;}}).catch((error) => {submitBtn.innerHTML = submitBtnContent;submitBtn.disabled = false;});});dialogWrapper.appendChild(dialogContent);renderBranding(dialogWrapper);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);};let getDialog = (title = "", color = null) => {let dialogWrapper = createElement("div", {class: "menu-wrapper dialog-wrapper",});let dialogHeader = createElement("div", { class: "dialog-header" });let dialogClose = createElement("span", {class: "close-icon",role: "button"});let closeCircle = document.createElementNS("http://www.w3.org/2000/svg", "svg");closeCircle.setAttribute("xmlns", "http://www.w3.org/2000/svg");closeCircle.setAttribute("height", "24");closeCircle.setAttribute("width", "24");closeCircle.setAttribute("viewBox", "0 -960 960 960");closeCircle.setAttribute("class", "close-btn-circle");closeCircle.setAttribute("fill", config.data.colors.x ?? 'white');var path = document.createElementNS("http://www.w3.org/2000/svg", "path");path.setAttribute("d", "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z");closeCircle.appendChild(path);dialogClose.appendChild(closeCircle);if (title) {let dialogTitle = createElement("h3", { class: "dialog-title" });dialogTitle.innerText = title || "";if (color) {dialogTitle.style.color = color;};dialogHeader.appendChild(dialogTitle);}dialogClose.addEventListener("click", () => {hideFormDialog();});dialogHeader.appendChild(dialogClose);dialogWrapper.appendChild(dialogHeader);return dialogWrapper;};let removeAdditioanlClasses = () => {let classList = ['showed-form','showed-iframe','max-width-600'];classList.forEach((item) => {contactButtonExample.menu.classList.remove(item);});};let hideFormDialog = () => {let dialogWrapper = contactButtonExample.menu.querySelector(".menu-wrapper.dialog-wrapper");if (dialogWrapper) dialogWrapper.remove();removeAdditioanlClasses();if ('single_app' === config.data.display_option) {toggleContactButtonMenu();}};let toSocialLink = (widget) => {if (widget.widget && widget.widget.integrations && !widget.script) {let integration = widget.widget.integrations.find((integ) => integ.slug === widget.fields.chat_integrations);if (integration) {let link = integration.link.replace("{social_id}",widget.fields.social_id);window.open(link, "_blank");}}};let onSendForm = (e, exampleForm) => {let submitBtn = contactButtonExample.exampleForm.formEl.querySelector('button[type="submit"]');let submitBtnContent = submitBtn?.innerHTML || "";e.preventDefault();let obj = {};let formData = new FormData(contactButtonExample.exampleForm.formEl);const data = Array.from(formData.entries());data.forEach((item) => {obj[item[0]] = item[1];});if (submitBtn) {submitBtn.innerHTML = "";submitBtn.appendChild(getLoader());submitBtn.disabled = true;}fetch(contactButtonExample.exampleForm.widget.form_link, {method: "POST",body: formData,headers: { "Access-Control-Allow-Origin": "*" },}).then((res) => res.json()).then((data) => {submitBtn.innerHTML = submitBtnContent;submitBtn.disabled = false;if (data.status === "success") {contactButtonExample.exampleForm.formEl.innerHTML = "";contactButtonExample.exampleForm.formEl.appendChild(contactButtonExample.exampleForm.createSuccessMessage({title:contactButtonExample.exampleForm.widget.fields.success_message_title || "Form Submitted",message:contactButtonExample.exampleForm.widget.fields.success_message_text ||"Your message has been delivered. We will contact you shortly.",}));} else {Object.keys(data.errors || {}).forEach((key) => {contactButtonExample.exampleForm.setFormError(contactButtonExample.exampleForm.formEl.querySelector(`[data-name="${key}"]`),data.errors[key]);});}}).catch(() => {submitBtn.innerHTML = submitBtnContent;submitBtn.disabled = false;});};let ExampleForm = (formEl, widget) => {let newExampleForm = {fields: widget.fields.custom_fields,widget,formEl,};newExampleForm.updateExampleForm = () => {newExampleForm.formEl.innerHTML = "";newExampleForm.fields.forEach((field, index) => {let fieldEl;if (field.type_component === "button") {fieldEl = createFormButton(field);} else if (field.type_component === "link") {fieldEl = createFormLink(field);} else if (field.type_component === "input") {fieldEl = createFormInput(field);} else if (field.type_component === "textarea") {fieldEl = createFormTextarea(field);} else if (field.type_component === "select") {fieldEl = createFormSelect(field);} else if (field.type_component === "checkbox") {fieldEl = createFormCheckbox(field);} else if (field.type_component === "html") {fieldEl = createFormHTML(field);} else if (field.type_component === "hidden") {fieldEl = $(``);}if (fieldEl) {newExampleForm.formEl.append(fieldEl);}});};let createFormButton = (data) => {let fieldWrapper = getFieldWrapper(data);let btn = createElement("button", { class: "btn", type: "submit" });btn.innerText = data.label || "";fieldWrapper.appendChild(btn);return fieldWrapper;};let createFormLink = (data) => {let fieldWrapper = getFieldWrapper(data);let link = createElement("a", {class: "btn link",href: data.link,target: data.target,});link.innerText = data.label || "";fieldWrapper.appendChild(link);return fieldWrapper;};let createFormInput = (data) => {let fieldWrapper = getFieldWrapper(data);let label = getLabel(data);let input = createElement("input", {placeholder: data.placeholder,name: data.name,});input.addEventListener("input", (e) => {onFieldInput(e);});fieldWrapper.appendChild(label);fieldWrapper.appendChild(input);return fieldWrapper;};let createFormTextarea = (data) => {let fieldWrapper = getFieldWrapper(data);let label = getLabel(data);let textarea = createElement("textarea", {placeholder: data.placeholder,name: data.name,rows: 4,});textarea.addEventListener("input", (e) => {onFieldInput(e);});fieldWrapper.appendChild(label);fieldWrapper.appendChild(textarea);return fieldWrapper;};let createFormSelect = (data) => {let fieldWrapper = getFieldWrapper(data);let label = getLabel(data);let selectWrapper = createElement("div", {class: "custom-select input",});let listWrapper = createElement("div", { class: "list" });let inpValue = createElement("input", {type: "hidden",value: data.value,name: data.name,});let inpLabel = createElement("input", {class: "label-field",type: "text",readonly: "true",placeholder: data.placeholder,});let angleWrapper = createElement("figure", {class: "icon angle-icon",});let angle = createElement("img", {src: contactButtonExample.backend + "/assets/icons/angle.svg",alt: "angle",});inpValue.addEventListener("input", (e) => {onFieldInput(e);});angleWrapper.appendChild(angle);selectWrapper.appendChild(inpValue);selectWrapper.appendChild(inpLabel);selectWrapper.appendChild(angleWrapper);selectWrapper.appendChild(listWrapper);initSelect(selectWrapper, data.options || []);fieldWrapper.appendChild(label);fieldWrapper.appendChild(selectWrapper);return fieldWrapper;};let createFormCheckbox = (data) => {let fieldWrapper = getFieldWrapper(data);fieldWrapper.classList.add("checkbox-wrapper");let label = getLabel(data);let checkmark = createElement("span", { class: "checkmark" });label.classList.add("custom-checkbox");label.setAttribute("for", data.name);let checkboxInp = createElement("input", {type: "checkbox",id: data.name,name: data.name,});label.prepend(checkmark);label.prepend(checkboxInp);fieldWrapper.appendChild(label);return fieldWrapper;};let createFormToggle = (data) => {let fieldWrapper = getFieldWrapper(data);fieldWrapper.classList.add("toggle-wrapper");let label = getLabel(data);let toggler = createElement("div", { class: "toggle" });let togglerInp = createElement("input", {type: "readonly",name: data.name,value: data.value || "false",class: "toggler",});fieldWrapper.addEventListener("click", (e) => {let status = !["false"].includes(togglerInp.value);if (status) {togglerInp.value = "false";toggler.classList.remove("active-toggle");} else {togglerInp.value = "true";toggler.classList.add("active-toggle");}onFieldInput(e);});toggler.appendChild(togglerInp);fieldWrapper.appendChild(toggler);fieldWrapper.appendChild(label);return fieldWrapper;};let createFormHTML = (data) => {let fieldWrapper = getFieldWrapper(data);fieldWrapper.classList.add("html-wrapper");fieldWrapper.innerHTML = data.html;return fieldWrapper;};let getFieldWrapper = (field) => {return createElement("div", {class: "field-wrapper","data-name": field.name,});};let getLabel = (data) => {let label = createElement("label", {class: `field-label ${data.rules && data.rules.includes("required")? "required": ""}`,});label.innerText = data.label || "";return label;};let onFieldInput = (e) => {let field = newExampleForm.formEl.querySelector(`[data-name="${e.target.name}"]`);if (field) {newExampleForm.removeErrors(field);}};newExampleForm.setFormError = (field, errors = []) => {if (!errors.length) return;newExampleForm.removeErrors(field);let errorsWrapper = createElement("div", { class: "errors" });errors.forEach((error) => {let errorEl = createElement("span", { class: "error" });errorEl.innerText = error;errorsWrapper.appendChild(errorEl);});field.appendChild(errorsWrapper);};newExampleForm.removeErrors = (field) => {let errorsWrapper = field.querySelector(".errors");if (errorsWrapper) {errorsWrapper.remove();}};newExampleForm.createSuccessMessage = (message = { title: "", message: "" }) => {let messageWrapper = createElement("div", {class: "message-wrapper",});let messageIconWrapper = createElement("figure", {class: "message-icon",});let messageIcon = createElement("img", {class: "check-icon",src:contactButtonExample.backend +"/assets/icons/check_icon.svg",});let messageTitleEl = createElement("span", {class: "message-title",});let messageTextEl = createElement("span", {class: "message-text",});let messageCloseBtn = createElement("button", {class: "btn",type: "button",});messageTitleEl.innerText = message.title;messageTextEl.innerText = message.message;messageCloseBtn.innerText = "Close";messageCloseBtn.addEventListener("click", () => {hideFormDialog();});messageIconWrapper.appendChild(messageIcon);messageWrapper.appendChild(messageIconWrapper);messageWrapper.appendChild(messageTitleEl);messageWrapper.appendChild(messageTextEl);messageWrapper.appendChild(messageCloseBtn);return messageWrapper;};return newExampleForm;};let createElement = (tag, options = {}) => {let element = document.createElement(tag);Object.keys(options).forEach((key) => {element.setAttribute(key, options[key]);});return element;};let getLoader = () => {let loader = createElement("div", { class: "lds-ring" });loader.innerHTML = "
";return loader;};let initSelect = (element, values = []) => {let isFocused = false;if (element) {element.querySelector(".list").innerHTML = "";let angle = element.querySelector(".angle-icon");let inp = element.querySelector(".label-field");if (angle)angle.addEventListener("click", (e) => {if (isFocused) {inp.blur();} else {inp.focus();}});element.querySelector(".label-field").addEventListener("focus", (e) => {isFocused = true;element.classList.add("focused");element.classList.add("focused-select");});element.querySelector(".label-field").addEventListener("blur", (e) => {element.classList.remove("focused-select");setTimeout(() => {isFocused = false;}, 100);});if (element.querySelector("input").value) {let val = values.find((v) => v.value == element.querySelector("input").value);if (val) {element.querySelector(".label-field").value = val.label;} else {element.querySelector("input").value = "";element.querySelector(".label-field").value = "";}}values.forEach((val) => {let el = document.createElement("div");el.className = "item";el.innerText = val.label || "";el.dataset.value = val.value;el.addEventListener("mousedown", (e) => {element.querySelector("input").value =e.currentTarget.dataset.value;element.querySelector(".label-field").value =e.currentTarget.innerText || "";});element.querySelector(".list").appendChild(el);});setTimeout(() => {let height = element.parentNode.parentNode.clientHeight;let selectPos = element.parentNode.offsetTop;if (selectPos > height / 2) {element.querySelector(".list").classList.add("on-top-list");}}, 100);}};let isMobileDevice = () => {if (navigator.userAgent.match(/Android/i) ||navigator.userAgent.match(/webOS/i) ||navigator.userAgent.match(/iPhone/i) ||navigator.userAgent.match(/iPad/i) ||navigator.userAgent.match(/iPod/i) ||navigator.userAgent.match(/BlackBerry/i) ||navigator.userAgent.match(/Windows Phone/i)) {a = true;} else {a = false;}return a;};let setInnerHTML = (elm, html) => {elm.innerHTML = html;Array.from(elm.querySelectorAll("script")).forEach((oldScriptEl) => {const newScriptEl = document.createElement("script");Array.from(oldScriptEl.attributes).forEach((attr) => {newScriptEl.setAttribute(attr.name, attr.value);});const scriptText = document.createTextNode(oldScriptEl.innerHTML);newScriptEl.appendChild(scriptText);oldScriptEl.parentNode.replaceChild(newScriptEl, oldScriptEl);});};let checkOrigin = (url) => {let shortLink = url.replace("https://", "").replace("http://", "").toLowerCase();let isSub = window.location.host.endsWith(shortLink);return window.location.host === url.toLowerCase() || isSub;};let chatBox = (widget) => {let image = contactButtonExample.backend + '/storage/images/' + widget.fields.uploaded_images.whatsapp_icon;let imageDiv = '';if (widget.fields.uploaded_images.whatsapp_icon) { imageDiv = `
`;}let tempDiv = document.createElement('div');let childDiv = document.createElement('div');let date = new Date();let hours = date.getHours();let minutes = date.getMinutes();let time = hours + ":" + (minutes < 10 ? "0" : "") + minutes;tempDiv.classList.add('menu-wrapper');tempDiv.classList.add('dialog-wrapper');tempDiv.classList.add('chat_box');childDiv.classList.add('dialog-content');childDiv.innerHTML = `
${imageDiv}
${widget.fields.header_title ?? ''}
${widget.fields.header_description ?? ''}
${widget.fields.header_title ?? ''}
${widget.fields.prefilled_message ?? ''}
${time}
Chat on WhatsApp
`;tempDiv.append(childDiv);tempDiv.querySelector('#whatsappCloseButton').addEventListener("click", () => {hideFormDialog();});renderBranding(tempDiv);contactButtonExample.menu.prepend(tempDiv);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);};let contactButtonExample = config;if (contactButtonExample.data.default_state === "text_button" || contactButtonExample.data.default_state === "button_with_text") {isFirstOpened = false;}isOriginWebsite = checkOrigin(config.website);isMobile = isMobileDevice();setTimeout(() => {setFont(document.head, "Inter");setFont(document.head, config.data.font_family);});const showAppByRule = (app) => {if (window.location.origin === config.backend) {return true;}if (app.rule_status === 0) {return true;}let action = null;let conditions = [];const path = new URL(window.location).pathname;app.rules.forEach(rule => {let condition = null;let url;if (rule.url) {url = '/' + rule.url;} else {url = '/';}if (rule.operator === 'include') {condition = path.includes(rule.url);conditions.push(condition);} else if (rule.operator === 'not_include') {condition = !path.includes(rule.url);conditions.push(condition);} else if (rule.operator === 'exact') {if (rule.url.includes('http')) {condition = window.location.href === rule.url;} else {if (rule.url.includes(window.location.host)) {condition = window.location.href === window.location.protocol + '//' + rule.url + '/';} else {if (rule.url) {condition = window.location.pathname === rule.url;} else {condition = window.location.pathname === '/';}}}conditions.push(condition);} else if (rule.operator === 'not_exact') {if (rule.url.includes('http')) {condition = window.location.href !== rule.url;} else {if (rule.url.includes(window.location.host)) {condition = window.location.href !== window.location.protocol + '//' + rule.url + '/';} else {if (rule.url) {condition = window.location.pathname !== rule.url;} else {condition = window.location.pathname !== '/';}}}conditions.push(condition);};if (condition) {action = rule;};});if (action && action.action === 'show') {return true;} else if (action && action.action === 'hide') {return false;}return false;};const showButtonByRule = () => {if (window.location.origin === config.backend) {return true;}let action = null;let invertAction = null;let conditions = [];const path = new URL(window.location).pathname;if ( !config.data.rule_status ?? true) {return true;};config.data.rules.forEach(rule => {let condition = null;let url;if (rule.url) {if (!rule.url.includes('http')) {if (rule.url.includes(window.location.host)) {url = rule.url;} else {url = rule.url;}} else {url = rule.url;}} else {url = '/';}if (rule.operator === 'include') {condition = path.includes(rule.url);conditions.push(condition);} else if (rule.operator === 'not_include') {condition = !path.includes(rule.url);conditions.push(condition);} else if (rule.operator === 'exact') {if (rule.url.includes('http')) {condition = window.location.href === rule.url;} else {if (rule.url.includes(window.location.host)) {if (x === '/') {condition = window.location.href === window.location.protocol + '//' + rule.url + '/';} else {condition = window.location.href === window.location.protocol + '//' + rule.url;}} else {if (rule.url) {if (window.location.pathname.slice(-1) === '/') {condition = window.location.pathname === '/' + rule.url + '/';} else {condition = window.location.pathname === '/' + rule.url;}} else {condition = window.location.pathname === '/';}}}conditions.push(condition);} else if (rule.operator === 'not_exact') {if (rule.url.includes('http')) {condition = window.location.href !== rule.url;} else {if (rule.url.includes(window.location.host)) {if (window.location.pathname.slice(-1) === '/') {condition = window.location.href !== window.location.protocol + '//' + rule.url + '/';} else {condition = window.location.href !== window.location.protocol + '//' + rule.url;}} else {if (window.location.pathname.slice(-1) === '/') {condition = window.location.pathname !== '/' + rule.url + '/';} else {condition = window.location.pathname !== '/' + rule.url;}}}conditions.push(condition);};if (condition) {action = rule;} else {invertAction = rule;};});if (action && action.action === 'show') {return true;} else if (action && action.action === 'hide') {return false;} else if (action && action.action === 'delay') {return action;}return 'hide' == invertAction.action ? true : false;};let originVerify = isOriginWebsite || window.location.origin == config.backend;let isTrueDevice =!!config.data.mobile === isMobile || !!config.data.desktop !== isMobile;if (originVerify && isTrueDevice) {let showButtonRule = showButtonByRule();if (showButtonRule === true) {createMenu();}if (showButtonRule instanceof Object) {setTimeout(() => {createMenu();}, showButtonRule.delay * 1000);}} else {console.log('originVerify False: isTrueDevice False');}let call = (app) => {let action = isMobile ? app.fields.action_mobile : app.fields.action_desktop;let clearPhoneNumber = (number) => {return number.replace(/\D/g, '');};if ( !action) {action = isMobile ? 'call_number' : 'display_text';}if ('call_number' === action) {let a = document.createElement("a");a.href = "tel:+" + clearPhoneNumber(app.fields.phone_number);a.style.display = "none";document.body.appendChild(a);a.click();a.remove();} else if ('display_text' === action) {let dialogWrapper = getDialog(app.name, app.fields?.title_color);dialogWrapper.classList.add("auto-height");let dialogContent = createElement("div", {class: "dialog-content ql-editor click-to-call-container",});dialogContent.style.setProperty('--call-font-color', app.fields.call_font_color ?? '#009ff4');let phoneNumberContainer = createElement('div', {class: 'click-to-call-number',});let icon = createElement('i', {class: app.fields.icon_class + " pr-6" ?? "fa-solid fa-phone pr-6"});let a = document.createElement("a", {class: "clear-link"});a.href = "tel:+" + clearPhoneNumber(app.fields.phone_number);a.className = "clear-link";a.appendChild(icon);a.appendChild(document.createTextNode(app.fields.phone_number));phoneNumberContainer.appendChild(a);let content = createElement('div', {class: 'click-to-call-text',});content.appendChild(document.createTextNode(app.fields.content));dialogContent.appendChild(content);dialogContent.appendChild(phoneNumberContainer);setTimeout(() => {renderBranding(dialogWrapper);}, 300);dialogWrapper.appendChild(dialogContent);contactButtonExample.menu.prepend(dialogWrapper);setTimeout(() => {contactButtonExample.menu.classList.add("showed-form");}, 50);}}}window.hideContactButton = (id) => {if (document.getElementById(id))document.getElementById(id).style = "display: none;";};window.showContactButton = (id) => {if (document.getElementById(id))document.getElementById(id).style = "display: block;";};window.closeContactButton = (id) => {let contactButton = document.getElementById(id);if (contactButton) {let menu = contactButton.querySelector('#menuContainer');if (menu) {if (3 === menu.childNodes.length) {const lastClass = menu.classList[menu.classList.length - 1];menu.classList.remove(lastClass);menu.firstElementChild.remove();}menu.classList.add('hidden-menu');};};};window.openContactButton = (id) => {let contactButton = document.getElementById(id);if (contactButton) {let menu = contactButton.querySelector('#menuContainer');if (menu) {menu.classList.remove('hidden-menu');};};};function jivo_onLoadCallback() {jivo_api.open();}function onTidioChatApiReady() {window.tidioChatApi.open();}function onReadyLiveChat(initialData) {LiveChatWidget.call("maximize");}let widgetFunc_6872831134b76 = () => {};let widgetFunc_687283113543a = () => {};let widgetFunc_6872831135d8b = () => {let a = document.createElement("a");a.href = "mailto:info@bluestarfranchise.com";a.style.display = "none";document.body.appendChild(a);a.click();a.remove();};let widgetFunc_6872831136821 = () => {};let widgetFunc_687283113715e = () => {let type = "_blank";if (type == "_self") {window.location.href = "http://bluestarfranchise.com/faq";} else if(type == "_blank"){window.open("http://bluestarfranchise.com/faq", "_blank");}};let widgetFunc_6872831137a26 = () => {let a = document.createElement("a");a.href = "sms:2028188583";a.style.display = "none";document.body.appendChild(a);a.click();a.remove();};let widgetFunc_687283113856a = () => {};let widgetFunc_6872831138d93 = () => {let type = "_self";if (type == "_self") {window.location.href = "http://bluestarfranchise.com/course";} else if(type == "_blank"){window.open("http://bluestarfranchise.com/course", "_blank");}};let widgetFunc_687283113951b = () => {let type = "_self";if (type == "_self") {window.location.href = "http://community.cbnation.co";} else if(type == "_blank"){window.open("http://community.cbnation.co", "_blank");}};