// 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: '63f67af6b84242336b19798d', merchantName: 'Oakville Moving & Storage LTD', originUrl: origin_url, sentry: 'https://ec0b927b3ee742b1ac32f546edbe3cad@app.getsentry.com/20033', widgetSettings: {"hipaa_enabled":false,"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 Oakville Moving & Storage LTD","text":"How would you like to contact us?"},"style":{"primary_color":"#e5cf15"},"auto_response":{"enabled":true,"text":"Thank you for messaging us! A member of our team will follow up with you as soon as we can, but in the meantime you can say things like \"quote\", \"services\", or \"referral\" to learn more about these items. Speak soon! "},"chatbot":{"enabled":false,"auto_load":true,"name":"SparkAI","intro":{"enabled":false,"text":"Have a question? Ask our chatbot, SparkAI"}},"phone_number":{"national_format":"(289) 812-8448","value":"+12898128448"},"call_phone_number":{"national_format":"(289) 230-2544","value":"+12892302544"},"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 );