const openOnLoad = false

				let chatOpen = false;
				let chatLoaded = false;

				function preloadChat() {
					const chat = document.getElementById('chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat');
					if (!chatLoaded) {
						chat.innerHTML += '<iframe id="inner-iframe" src="//embed.chatnode.ai/1c104426-b79a-41d3-b7a5-71f194cf1d02" allow="autoplay; clipboard-read; clipboard-write" width="100%" height="100%" onload="iframeLoaded()" style="border: none; margin: 0px !important; height: 100%;" class="rounded-bottom"></iframe>';
						
						chatLoaded = true;
					}
				}

				function closePoppupMsg(event) {
					localStorage.setItem('closePopupMsg', true)
					const msgPoppup = document.getElementsByClassName('cnx-glow-container');
					for (let i = 0; i < msgPoppup.length; i++) {
						const msg = msgPoppup[i];
						msg.style.display = 'none';
					}
				}
				

				function toggleChat() {
					localStorage.setItem('closePopupMsg', true)
					const chat = document.getElementById('chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat');
					const tooltips = document.getElementsByClassName('cnx-glow-container');
					const chatButton = document.getElementById('toggle-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02');
					const closeButton = document.getElementById('close-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02');

					for (let i = 0; i < tooltips.length; i++) {
						const tooltip = tooltips[i];
						if (tooltip){
							tooltip.style.visibility = 'hidden';
						}
	
					}




					if (!chatLoaded) {
						chat.innerHTML += '<iframe id="inner-iframe" src="//embed.chatnode.ai/1c104426-b79a-41d3-b7a5-71f194cf1d02" allow="autoplay; clipboard-read; clipboard-write" width="100%" height="100%" onload="iframeLoaded()" style="border: none; margin: 0px !important; height: 100%;" class="rounded-bottom"></iframe>';
					
						chatLoaded = true;
					}

					if (chatOpen) {
						chat.classList.remove('open');
						chatButton.classList.remove('open');
						//chatButton.classList.add('cnx-fade-in');
						//setTimeout(() => chatButton.classList.remove('cnx-fade-in'), 1500);
					} else {
						chat.classList.add('open');
						chatButton.classList.add('open');

					}
					chatOpen = !chatOpen;
				}

				let configs = {};

				function iframeLoaded() {
					const chat = document.getElementById('chatbot-' + '1c104426-b79a-41d3-b7a5-71f194cf1d02' + '-chat');
				}

				function getSearchParams() {
					const url = new URL(window.location.href);
					const params = new URLSearchParams(url.search);
					const queryParamsArray = [];
					for (const [key, value] of params.entries()) {
						queryParamsArray.push({ key, value });
					}
					return queryParamsArray
				}

				function handleDOMContentReady() {
					const currentScript = document.currentScript;
					if (currentScript) {
						const attributes = currentScript.getAttributeNames().filter(x => x.startsWith('data-'))
						if (attributes.length) {
							for (const attribute of attributes) {
								configs[attribute.replace('data-', '')] = currentScript.getAttribute(attribute);
							}
						}
						const searchParams = getSearchParams()
						if (searchParams.length) {
							for (const searchParam of searchParams) {
								configs[searchParam.key.replace('data-', '')] = searchParam.value;
							}
						}
					}
					
					try {
					const allowedDomains = ["*"];
					if (allowedDomains.includes('*') || allowedDomains.includes(window.location.host)) {
						const body = document.querySelector('body');
						body.insertAdjacentHTML('beforeend', `
	<div id="chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02">
	<div id="chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat">

	</div>
		<div id="toggle-btn-container-1c104426-b79a-41d3-b7a5-71f194cf1d02">
			<div id="cnx-glow-main" class="cnx-glow-container" onclick="toggleChat()";><div id="close-btn-glow-id" class="close-btn-glow" style="display: none" onclick="event.stopPropagation(); closePoppupMsg()" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="close-btn-glow-svg">
		<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
	  </svg></div><div class="cnx-glow-sub-container"><div id="first-glow-box" class="cnx-glow-box">Aide / Support?</div></div></div>
			<div id="toggle-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02" role="button" onclick="toggleChat();" onclick="preloadChat()" aria-label="Open AI Chat" style="">
			<div style="width: 100%; height: 100%;"><svg style="height: 100%; width: 100%;" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" version="1.1" width="24" height="24" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g><path d="m0 32c0-17.673 14.327-32 32-32s32 14.327 32 32-14.327 32-32 32-32-14.327-32-32z" fill="#0c4a6e"/><path d="m26 16c-5.5228 0-10 4.4772-10 10v12c0 5.5228 4.4772 10 10 10h19.5c1.3807 0 2.5-1.1193 2.5-2.5v-19.5c0-5.5228-4.4772-10-10-10h-12zm-0.75 16c0 1.1046-0.8954 2-2 2s-2-0.8954-2-2 0.8954-2 2-2 2 0.8954 2 2zm8.75 0c0 1.1046-0.8954 2-2 2s-2-0.8954-2-2 0.8954-2 2-2 2 0.8954 2 2zm6.75 2c1.1046 0 2-0.8954 2-2s-0.8954-2-2-2-2 0.8954-2 2 0.8954 2 2 2z" fill="#FFFFFF" fill-rule="evenodd"/></g></svg></div>
				<div style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;"><svg width="24" height="24" viewBox="0 0 24 24" fill="#0c4a6e" xmlns="http://www.w3.org/2000/svg" stroke="#FFFFFF"  stroke-width="0.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.601 8.39897C18.269 8.06702 17.7309 8.06702 17.3989 8.39897L12 13.7979L6.60099 8.39897C6.26904 8.06702 5.73086 8.06702 5.39891 8.39897C5.06696 8.73091 5.06696 9.2691 5.39891 9.60105L11.3989 15.601C11.7309 15.933 12.269 15.933 12.601 15.601L18.601 9.60105C18.9329 9.2691 18.9329 8.73091 18.601 8.39897Z" fill="#FFFFFF"></path></svg></div>
				
			</div>
		</div>
		<style>
			.rounded-bottom {
				border-bottom-left-radius: 16px;
				border-bottom-right-radius: 16px;
			}
			
			#chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02 {
				z-index:9999999;
				overflow: visible;
				user-select: none;
			}

			#chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat {
				position: fixed;
				border-radius: 18px 18px 0 0;
				overflow: hidden;
				bottom: 0;
				right: 0;
				left: 0;
				height: 0;
				z-index: 9999999;
				display: none;
				transition: transform 0.35s ease-out, opacity 0.1s ease-in, display allow-discrete;
				box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
				transform: translateY(40px);
				opacity: 0;
			}
			
			#chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat.open{
				display: block;
				height: 75vh;
				bottom: 95px;
				right: 25px;
				opacity: 1;
				transform: translateY(0);
			}

			@starting-style {
				#chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat.open {
					opacity: 0;
					transform: translateY(40px);
				}
			}

			@media only screen and (max-width: 767px) {
				#chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat.open{
					height: 100%;
					width: 100vw;
					top: 0;
					right: 0;

					padding-top: env(safe-area-inset-top);
					padding-bottom: env(safe-area-inset-bottom);
					padding-left: env(safe-area-inset-left);
					padding-right: env(safe-area-inset-right);

					box-sizing: border-box; 
					overflow-y: auto;
				}

				.rounded-bottom {
					border-radius: 0;
				}

				#chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat{
					border-radius: 0px;
				}
			}

			#toggle-btn-container-1c104426-b79a-41d3-b7a5-71f194cf1d02{
				position: fixed;
				outline: 0;
				border: none;
				bottom: 20px;
				display: flex;
				flex-direction: column;
				gap: 10px;
				align-items: end;
				right: 20px;
				z-index: 9999998;
				cursor: pointer;
			}

			#toggle-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02 > div:first-child {
				transition: margin-top 250ms;
			}

			#toggle-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02.open > div:first-child {
				margin-top: -100%;
			}

			#toggle-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02{
				box-sizing: content-box;
				outline: 0;
				border: none;
				width: 48px;
				height: 48px;
				cursor: pointer;
				overflow: hidden;
				border-radius: 50%;
				background-color: #0c4a6e
			}

			#toggle-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02 img {
				width: 100%;
				height:  100%;
			}

			#chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02 iframe{
				border: none;
			}

			@media(min-width: 768px){
				#chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat{
					width: 400px;
					bottom: 84px;
					left: auto;
					top: auto !important;
					right: 20px;
					max-height: min(704px, 100% - 104px);
					border-radius: 18px;
				}
				#chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat.open{
					height: calc(100vh - 114px);
				}
			}

			// #chat-popup-tooltip {
			// 	background-color: #0c4a6e;
			// 	color: #FFFFFF;
			// 	border-radius: 4px;
			// 	padding: 8px 16px;
			// 	font-weight: 500;
			// 	z-index: 9999999;
			// 	max-width: calc(100vw - 20px); 
      		// 	max-height: calc(100vh - 20px); 
			// }

			.cnx-glow-container{
				cursor: pointer;
				max-width: 70vw;
				font-family: sans-serif;
				font-weight: 500;				
				font-size: 14px;
			}

			.close-btn-glow-svg {
				box-sizing: content-box;
			}

			.close-btn-glow {
				box-sizing: content-box;
				position: absolute;
				top: -14px;
				z-index: 10;
				background: white;
				border-radius: 50%;
				height: 14px;
				width: 14px;
				//border: 1px solid #0c4a6e;
				border: 1px solid  #0c4a6e;
				background-color: #0c4a6e;
				color: #FFFFFF;
				padding: 3px;
				justify-content: center;
				align-items: center;
				right: -12px;
			}


			.cnx-glow-sub-container{
				display: flex;
				flex-direction: column;
				gap: 16px;
			}

			.cnx-glow-box {
				align-self: flex-end;
				overflow-wrap: break-word;
				//background-color: white;
				//color: black;
				background-color: #0c4a6e;
				color: #FFFFFF;
				//box-shadow: #0c4a6e 0px 5px 20px 0px, #0c4a6e 0px 0px 0px 1px;
				//box-shadow: rgba(150, 150, 150, 0.2) 0px 10px 30px 0px, rgba(150, 150, 150, 0.2) 0px 0px 0px 1px;
				border: 1px solid  #0c4a6e;
				border-radius: 10px;
				padding: 20px;
				opacity: 0;
				transform: scale(1);
				transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
			}

			/* Specific styles for the first div */
			#first-glow-box {
				transition-delay: 0s;  /* Starts immediately */
			}

			/* Specific styles for the second div */
			#second-glow-box {
				transition-delay: 0s;  /* Starts after the first one has finished fading in */
			}
			
			
			/* .cnx-glow-box {
				box-shadow: 2px 2px 20px #0c4a6e, 0px 0px 5px #0c4a6e;
			}

			#arrow,
			#arrow::before {
				position: absolute;
				left: 8px;
				width: 12px;
				height: 12px;
				background: inherit;
			}

			#arrow {
				visibility: hidden;
			}

			#arrow::before {
				visibility: visible;
				content: '';
				transform: rotate(45deg);
			}

			#chat-popup-tooltip[data-popper-placement^='top'] > #arrow {
				bottom: -4px;
			}
			
			#chat-popup-tooltip[data-popper-placement^='left'] > #arrow {
				right: -4px;
			}
			
			#chat-popup-tooltip[data-popper-placement^='right'] > #arrow {
				left: -4px;
			} */

			.cnx-grow-button { 
				transition: all .2s ease-in-out; 
			}
				
			.cnx-grow-button:hover { 
				transform: scale(1.1); 
			}

			@keyframes fadeOut {
				from {
						opacity: 1;
				}
				to {
						opacity: 0;
				}
			}
			
			.fade-out {
					animation: fadeOut 1s forwards; /* 'forwards' keeps the element in the final state of the animation */
			}

			@keyframes fadeIn {
				from {
						opacity: 0;
				}
				to {
						opacity: 1;
				}
			}
			
			.cnx-fade-in {
				animation: fadeIn 1.75s forwards;
			}

			@-webkit-keyframes loading-dash {
				0% {
					stroke-dasharray: 1, 200;
					stroke-dashoffset: 0;
				}
				50% {
					stroke-dasharray: 90, 150;
					stroke-dashoffset: -40px;
				}
				to {
					stroke-dasharray: 90, 150;
					stroke-dashoffset: -120px;
				}
			}

			@-moz-keyframes loading-dash {
				0% {
					stroke-dasharray: 1, 200;
					stroke-dashoffset: 0;
				}
				50% {
					stroke-dasharray: 90, 150;
					stroke-dashoffset: -40px;
				}
				to {
					stroke-dasharray: 90, 150;
					stroke-dashoffset: -120px;
				}
			}

			@-o-keyframes loading-dash {
				0% {
					stroke-dasharray: 1, 200;
					stroke-dashoffset: 0;
				}
				50% {
					stroke-dasharray: 90, 150;
					stroke-dashoffset: -40px;
				}
				to {
					stroke-dasharray: 90, 150;
					stroke-dashoffset: -120px;
				}
			}

			@keyframes loading-dash {
				0% {
					stroke-dasharray: 1, 200;
					stroke-dashoffset: 0;
				}
				50% {
					stroke-dasharray: 90, 150;
					stroke-dashoffset: -40px;
				}
				to {
					stroke-dasharray: 90, 150;
					stroke-dashoffset: -120px;
				}
			}
		</style>
	</div>`);
						body.style.margin = '0';

						if (openOnLoad) {
							toggleChat();
						}

						setupPopper();

						const btnClose = document.getElementById('close-btn-glow-id');
						const containerPoppup = document.getElementById('cnx-glow-main');
						containerPoppup?.addEventListener('mouseenter', function () {
							btnClose.style.display = 'flex';
						});

						containerPoppup?.addEventListener('mouseleave', function () {
							btnClose.style.display = 'none';
						});

						if(localStorage.getItem('1c104426-b79a-41d3-b7a5-71f194cf1d02-for-agent')) {
							preloadChat();
						}
					}
				}catch (error) {
					console.error("Error initializing the chatbot script:", error);
				}
				};

				if (document.readyState === 'loading') {
					// The document is still loading, add the event listener
					document.addEventListener('DOMContentLoaded', handleDOMContentReady);
				} else {
					// DOMContentLoaded has already fired
					handleDOMContentReady();
				}

				function sleep(milliseconds) {
					return new Promise(resolve => setTimeout(resolve, milliseconds));
				}

				async function setupPopper() {
					const chatButton = document.getElementById('toggle-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02');
					chatButton.classList.add('cnx-grow-button');
					
					const closePopupMsg = Boolean(localStorage.getItem('closePopupMsg'));
					const containerPoppup = document.getElementById('cnx-glow-main');
					if(containerPoppup) containerPoppup.style.display = 'none';
					if(!closePopupMsg) {
						const tooltips = document.getElementsByClassName('cnx-glow-box');
						sleep(2000).then(() => {
							if (containerPoppup) containerPoppup.style.display = 'flex';

							for (let i = 0; i < tooltips.length; i++) {
								(function (index) {
								setTimeout(() => {
									const tooltip = tooltips[index];
									if (tooltip) {
									tooltip.style.opacity = 1;
									}
								}, index * 300); // Delay each iteration by 300ms times the index
								})(i);
							}
						});
					}

				function initializeChat() {
					const inner_iframe = document.getElementById('inner-iframe');
					if(inner_iframe) {
						const inner_iframe_window = inner_iframe.contentWindow;
						inner_iframe_window.postMessage({ 
							type: 'initializeChat',
							...configs
						}, '*');
					}
				}
				function sendDimensions() {
					const inner_iframe = document.getElementById('inner-iframe');
					if(inner_iframe) {
						const inner_iframe_window = inner_iframe.contentWindow;
						inner_iframe_window.postMessage({ 
							type: 'parentSize',
							width: window.innerWidth,
							height: window.innerHeight
						}, '*');

					}
				}

				function closeChat() {
					const chat = document.getElementById('chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat');
					const chatButton = document.getElementById('toggle-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02');
					const tooltip = document.getElementById('chat-popup-tooltip');
					const closeButton = document.getElementById('close-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02');

					if (chatOpen) {
						chat.classList.remove('open');

						// Reset the chat button to its original state
						chatButton.innerHTML = '<svg style="height: 100%; width: 100%;" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" version="1.1" width="24" height="24" viewBox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g><path d="m0 32c0-17.673 14.327-32 32-32s32 14.327 32 32-14.327 32-32 32-32-14.327-32-32z" fill="#0c4a6e"/><path d="m26 16c-5.5228 0-10 4.4772-10 10v12c0 5.5228 4.4772 10 10 10h19.5c1.3807 0 2.5-1.1193 2.5-2.5v-19.5c0-5.5228-4.4772-10-10-10h-12zm-0.75 16c0 1.1046-0.8954 2-2 2s-2-0.8954-2-2 0.8954-2 2-2 2 0.8954 2 2zm8.75 0c0 1.1046-0.8954 2-2 2s-2-0.8954-2-2 0.8954-2 2-2 2 0.8954 2 2zm6.75 2c1.1046 0 2-0.8954 2-2s-0.8954-2-2-2-2 0.8954-2 2 0.8954 2 2 2z" fill="#FFFFFF" fill-rule="evenodd"/></g></svg>';
						chatButton.classList.add('cnx-fade-in');
						setTimeout(() => chatButton.classList.remove('cnx-fade-in'), 1500);

						// Optionally, hide the tooltip if it was displayed
						if (tooltip) {
								tooltip.style.display = 'none';
						}

						// Ensure the global state reflects the chat is now closed
						chatOpen = false;
					}
				}

				function resizeMobileChat() {
					const chat = document.getElementById('chatbot-1c104426-b79a-41d3-b7a5-71f194cf1d02-chat');
					const initalViewportHeight = window.innerHeight;
					chat.style.height = initalViewportHeight + 'px';
				}


				// Window event listeners

				window.addEventListener('message', (event) => {
					if (event.data.type === 'closeChat') {
						closeChat();
					} else if (event.data.type === 'headerReady') {
						sendDimensions();
						initializeChat();
					}
				});
				
				window.addEventListener('resize', () => {
					resizeMobileChat();
					sendDimensions();
				});				

				const toggleButton = document.getElementById('toggle-btn-1c104426-b79a-41d3-b7a5-71f194cf1d02');
				toggleButton.addEventListener('click', (event) => {
					if (document.documentElement.clientWidth < 767) {
						resizeMobileChat();
					}
				});

				// Tooltip positioning & extra

				// if (tooltip && 'top' === 'top'  && true === false) {
				// 	tooltip.classList.add('cnx-move-left');
				// } else if (tooltip && 'top' === 'top' && true === true) {
				// 	tooltip.classList.add('cnx-move-right');
				// }

				//tooltip.classList.add('cnx-fade-in');
				//setTimeout(() => tooltip.classList.remove('cnx-fade-in'), 1000);

				if (document.documentElement.clientWidth < 767) {
					setTimeout(() => {
						const tooltip = document.getElementById('cnx-glow-main');
						tooltip.style.display = 'none';
					}, 5000);
				}
			}