// 1. Create the container var qc_container = document.createElement( 'div' ); qc_container.id = 'qc-container'; document.body.appendChild( qc_container ); var widget_script = ''; var origin_url = window.document.location.origin; // 2. Create a iframe to load the react App var qc_iframe = document.createElement( 'iframe' ); qc_iframe.id = 'qc-frame'; // position: fixed; remove a white space which was added at the bottom of the page qc_iframe.style.position = 'fixed'; // Cannot use display: none; otherwise the autogrow textarea will not work qc_iframe.style.visibility = 'hidden'; document.body.appendChild( qc_iframe ); qc_iframe.contentWindow.document.write( '' + widget_script + '' ); qc_iframe.contentWindow.document.close(); qc_iframe.contentWindow.context = { baseUrl: 'https://onelocal.com', environment: 'production', merchantId: '62537f9b9db1cc3f3656c2fb', merchantName: 'Sky's Med Spa', originUrl: origin_url, sentry: 'https://ec0b927b3ee742b1ac32f546edbe3cad@app.getsentry.com/20033', widgetSettings: {"hipaa_enabled":false,"auto_response":{"enabled":true,"text":"Auto response: Hey! Thanks for reaching out to us at Sky's Med Spa. Feel free to reply to this message, and we'll respond upon our return! Our response may be delayed if we are in treatment with a client. "},"intro":{"enabled":true,"text":"Hi there! Send us a message if you want to know more about our service."},"message_form":{"name_optional":false,"title":"Message Us","text":"Send us a message and we will get back to you shortly by text message.","cta_text":"Send"},"mobile":{"call_cta_enabled":true,"title":"Contact Sky's Med Spa","text":"How would you like to contact us?"},"style":{"primary_color":"#8eb8d0"},"call_phone_number":{"national_format":"(207) 349-4203","value":"+12073494203"},"chatbot":{"auto_load":true,"enabled":false,"name":"SparkAI","intro":{"enabled":false,"text":"Have a question? Ask our chatbot, SparkAI"}},"phone_number":{"national_format":"(866) 677-1870","value":"+18666771870"},"locations":[],"location_selection":{"title":"Location Selection","text":"Select the location which you would like to contact","skip_text":"Skip"},"confirmation":{"title":"Thanks for your message","text":"We will follow up with you shortly by text message."}} }; window.addEventListener( "message", ( event ) => { if( event.origin.indexOf( origin_url ) === -1 || ! event.data?.event_name ) { return; } if( typeof gtag !== "undefined" ) { gtag( "event", event.data.event_name, { name: event.data.event_name } ); } }, false );