document.addEventListener("DOMContentLoaded",(()=>{const n=document.bubbleSettings;n.hide_coco_mention=!0,n.custom_css="#OJIAJ978617_coco-body {     z-index: 10 !important; }  #OJIAJ978617_notification-bubble {     height: 30px; }  #OJIAJ978617_chat-widget-content button {     font-size: 16px !important; }  #OJIAJ978617_chat-widget-footer input {     font-size: 16px !important; }  #OJIAJ978617_coco-body {     margin-bottom: 80px !important; }  #OJIAJ978617_notification-bubble, #OJIAJ978617_chat-widget {     margin-bottom: 100px !important; }  #OJIAJ978617_whatsapp-icon {     height: 28px;     width: 28px; }  #OJIAJ978617_whatsapp-icon img {     height: 24px;     width: 24px; }",n.phone_number="33756855311";let t="";n.show_mobile_only&&(t+="\n      @media (min-width: 768px) {\n        #OJIAJ978617_coco-body {\n          display: none !important;\n        }\n      }\n    ");const e="full-coco-left"===n.tooltip_position?"left: 15px; right: auto;":"right: 15px; left: auto;",o=n.custom_css||"",i=n.disable_breathe?"":"animation: breathe 2s infinite ease-in-out;";let a=document.getElementById("OJIAJ978617_coco-body");a||(a=document.createElement("div"),a.id="OJIAJ978617_coco-body",document.body.appendChild(a));const s=`\n    <style>\n      @import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap');\n\n      ${o}\n\n      #OJIAJ978617_coco-body {\n        font-family: 'Karla', sans-serif;\n        display: none;\n        font-weight: 600;\n        position: fixed;\n        bottom: 15px;\n        ${e}\n        z-index: 1000;\n      }\n\n      #OJIAJ978617_notification-bubble {\n        position: fixed;\n        bottom: 90px;\n        ${e}\n        background-color: ${n.text_color_background};\n        color: ${n.text_color};\n        padding: 8px 20px;\n        border-radius: 20px;\n        box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n        align-items: center;\n        justify-content: space-between;\n        white-space: nowrap;\n        font-size: 14px;\n        display: ${localStorage.getItem("notificationBubbleHidden")?"none":"flex"};\n      }\n\n      #OJIAJ978617_notification-bubble-close {\n        margin-left: 10px;\n        cursor: pointer;\n        color: ${n.cross_notification_color};\n        font-size: 20px;\n      }\n\n      #OJIAJ978617_whatsapp-icon {\n        width: 62px;\n        height: 62px;\n        background-color: ${n.bubble_color};\n        border-radius: 50%;\n        box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        ${i}\n        position: relative;\n      }\n\n      #OJIAJ978617_whatsapp-icon img {\n        width: 44px;\n        height: 44px;\n        ${i}\n      }\n\n      #OJIAJ978617_chat-widget-container {\n        display: none;\n        position: fixed;\n        bottom: 90px;\n        ${e}\n        max-width: 400px;\n        width: 100%;\n        z-index: 1001;\n      }\n\n      @media (max-width: 768px) {\n        #OJIAJ978617_chat-widget-container {\n          max-width: 340px;\n        }\n      }\n\n      #OJIAJ978617_chat-widget {\n        background: white;\n        border-radius: 20px;\n        box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n      }\n\n      #OJIAJ978617_chat-widget-header {\n        background: ${n.header_color};\n        padding: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n\n      #OJIAJ978617_chat-widget-profile {\n        display: flex;\n        align-items: center;\n        color: white;\n      }\n\n      #OJIAJ978617_chat-widget-profile img {\n        border-radius: 50%;\n        margin-right: 10px;\n        margin-left: 5px;\n        height: 32px;\n        width: 32px;\n      }\n\n      #OJIAJ978617_chat-widget-status-dot {\n        height: 10px;\n        width: 10px;\n        background-color: green;\n        color: green;\n        border-radius: 50%;\n        margin-left: 5px;\n        margin-right: 5px;\n        animation: blink 2s infinite;\n      }\n\n      #OJIAJ978617_chat-widget-close {\n        font-size: 24px;\n        cursor: pointer;\n        color: ${n.cross_color};\n        margin-right: 10px;\n      }\n\n      #OJIAJ978617_chat-messages {\n        flex: 1;\n        padding: 20px;\n        overflow-y: auto;\n      }\n\n      #OJIAJ978617_chat-widget-content button {\n        display: block;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        padding: 10px;\n        margin: 5px 10px;\n        background: ${n.buttons_color};\n        color: white;\n        border: 1px solid white;\n        border-radius: 20px;\n        cursor: pointer;\n      }\n\n      #OJIAJ978617_chat-widget-footer {\n        border-top: 1px solid #ccc;\n        background: #F0F0F0;\n        padding: 10px;\n        display: flex;\n        align-items: center;\n      }\n\n      #OJIAJ978617_chat-widget-footer input {\n        flex: 1;\n        padding: 10px;\n        border: none;\n        margin: 0 10px;\n        border-radius: 10px;\n      }\n\n      #OJIAJ978617_chat-widget-footer button {\n        background: none;\n        border: none;\n        font-size: 20px;\n        cursor: pointer;\n      }\n        #OJIAJ978617_ai-mention {\n        text-align: center;\n        font-size: 10px;\n        color: grey;\n        margin-top: 5px;\n      }\n\n\n      #OJIAJ978617_chat-widget-send {\n        padding: 0 15px;\n      }\n\n      #OJIAJ978617_chat-widget-profile .online-status {\n        display: flex;\n        align-items: center;\n        color: ${n.status_color};\n        font-size: 14px;\n        margin-left: 5px;\n      }\n\n      #OJIAJ978617_powered-by {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 12px;\n        margin-top: 3px;\n        margin-bottom: 5px;\n      }\n\n      #OJIAJ978617_powered-by img {\n        margin-right: 5px;\n      }\n\n      #OJIAJ978617_message-notification {\n        position: absolute;\n        top: -5px;\n        right: -5px;\n        width: 20px;\n        height: 20px;\n        background-color: red;\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 12px;\n      }\n\n      .typing-indicator,\n      .welcome-message {\n        padding: 10px;\n        margin-bottom: 10px;\n        border-radius: 15px;\n        background-color: #f1f0f0;\n        color: black;\n        margin-left: 20px;\n      }\n\n    .no-underline-link {\n      text-decoration: none; /* Removes the underline */\n      color: inherit; /* Keeps the default text color */\n      }\n\n\n      @keyframes breathe {\n        0%, 100% { transform: scale(1); }\n        50% { transform: scale(1.05); }\n      }\n\n      @keyframes blink {\n        0%, 100% { opacity: 1; }\n        50% { opacity: 0; }\n      }\n    </style>\n\n    <div id="OJIAJ978617_notification-bubble">\n      <span id="OJIAJ978617_notification-bubble-text">${n.whatsapp_message}</span>\n      <span id="OJIAJ978617_notification-bubble-close">×</span>\n    </div>\n    <div id="OJIAJ978617_whatsapp-icon">\n      <img src="https://my-coco.ai/wp-content/uploads/2024/07/whatsapp-ia-coco-sale-e-commerce-shopify-e1722250914921.png" alt="WhatsApp"/>\n      <div id="OJIAJ978617_message-notification">1</div>\n    </div>\n\n    <div id="OJIAJ978617_chat-widget-container">\n      <div id="OJIAJ978617_chat-widget">\n        <header id="OJIAJ978617_chat-widget-header">\n          <div id="OJIAJ978617_chat-widget-profile">\n            <img src="${n.shop_pic}" alt="Profile" />\n            <span>${n.shop_name}</span>\n            <div class="online-status">\n              <div id="OJIAJ978617_chat-widget-status-dot"> </div>\n              <span>${n.status}</span>\n            </div>\n          </div>\n          <div id="OJIAJ978617_chat-widget-close">&times;</div>\n        </header>\n        <div id="OJIAJ978617_chat-messages"></div>\n        <div id="OJIAJ978617_chat-widget-content">\n          <button data-message="${n.button_one}">${n.button_one}</button>\n          <button data-message="${n.button_two}">${n.button_two}</button>\n          <button data-message="${n.button_three}">${n.button_three}</button>\n        </div>\n        <div id="OJIAJ978617_chat-widget-footer">\n          <input type="text" placeholder="${n.pre_message_input}" />\n          <button id="OJIAJ978617_chat-widget-send">〉</button>\n        </div>\n        <div id="OJIAJ978617_ai-mention">\n          <span>Je suis une IA, je peux faire des erreurs</span>\n        </div>\n        <div id="OJIAJ978617_powered-by">\n          <img src="https://my-coco.ai/wp-content/uploads/2024/07/2light-min.png" alt="CoCo Logo" width="18" height="18">\n          <a href="https://my-coco.ai" class="no-underline-link" title="CoCo - ChatBot AI on WhatsApp for Shopify" aria-label="It's a Shopify widget and app that enables an AI chatbot to work on WhatsApp with Shopify online stores. Users can interact and chat with the bot for personalized advice. Carts are automatically followed up, and customers receive tailored recommendations. This bubble allows customers to connect directly with the online store on WhatsApp through the CoCo app." target="_blank">Powered by CoCo</a>\n        </div>\n\n      </div>\n    </div>\n  `;if(a.innerHTML=s,t){const n=document.createElement("style");n.type="text/css",n.innerText=t,document.head.appendChild(n)}if(!n.show_ai_mention){const n=document.getElementById("OJIAJ978617_ai-mention");n&&(n.style.display="none")}const c={cocoBody:a,chatWidget:document.getElementById("OJIAJ978617_chat-widget-container"),whatsappIcon:document.getElementById("OJIAJ978617_whatsapp-icon"),notificationBubble:document.getElementById("OJIAJ978617_notification-bubble"),closeChat:document.getElementById("OJIAJ978617_chat-widget-close"),sendMessageButton:document.getElementById("OJIAJ978617_chat-widget-send"),messageInput:document.querySelector("#OJIAJ978617_chat-widget-footer input"),chatMessages:document.getElementById("OJIAJ978617_chat-messages"),closeAllMessages:document.getElementById("OJIAJ978617_notification-bubble-close"),notificationText:document.getElementById("OJIAJ978617_notification-bubble-text"),headerChatBox:document.getElementById("OJIAJ978617_chat-widget-header"),cartDrawer:document.querySelector(".drawer.is-empty"),poweredBy:document.getElementById("OJIAJ978617_powered-by"),messageNotification:document.getElementById("OJIAJ978617_message-notification"),chatWidgetContent:document.getElementById("OJIAJ978617_chat-widget-content")};if(setTimeout((()=>{c.cocoBody.style.display="block"}),n.delay),c.cartDrawer){new MutationObserver((n=>{n.forEach((n=>{if("class"===n.attributeName){const n=c.cartDrawer.classList.contains("active");c.cocoBody.style.display=n?"none":"block"}}))})).observe(c.cartDrawer,{attributes:!0})}function d(t){let e=n.phone_number;n.is_relayed&&(t=`@[${n.relaying_slug_name}]\n${t}`,e=n.relaying_phone_number);const o=`https://api.whatsapp.com/send/?phone=${e}&text=${encodeURIComponent(t)}`;window.open(o,"_blank")}function r(){const t=document.createElement("div");t.textContent="...",t.className="typing-indicator",c.chatMessages.appendChild(t),setTimeout((()=>{c.chatMessages.removeChild(t),function(){const t=document.createElement("div");t.textContent=n.whatsapp_message_inside,t.className="welcome-message",c.chatMessages.appendChild(t)}()}),2e3)}function l(t=!1){"block"===c.chatWidget.style.display?function(t=!1){c.chatWidget.style.display="none",c.notificationBubble.style.display="flex",localStorage.removeItem("notificationBubbleHidden"),c.chatMessages.innerHTML="",m(),n.show_notification_bubble||(c.notificationBubble.style.display="none");t&&localStorage.setItem("keepClosed","true")}(t):(c.chatWidget.style.display="block",function(n=!1){c.notificationBubble.style.display="none",n&&localStorage.setItem("notificationBubbleHidden","true")}(),r(),u&&(clearInterval(u),c.notificationText.textContent=n.whatsapp_message,u=null))}const p=window.location.href,g=n.path_filter,h=!g||function(n,t){try{return new RegExp(t).test(n)}catch(n){return console.error("Invalid regex pattern:",t),!1}}(p,g);c.notificationText.addEventListener("click",(()=>l())),c.headerChatBox.addEventListener("click",(()=>l())),c.closeAllMessages.addEventListener("click",(()=>{n.show_notification_bubble=!1,localStorage.setItem("notificationBubbleHidden","true"),c.notificationBubble.style.display="none"})),c.sendMessageButton.addEventListener("click",(()=>{const n=c.messageInput.value.trim();n&&(d(n),c.messageInput.value="")})),c.messageInput.addEventListener("keypress",(n=>{"Enter"===n.key&&(n.preventDefault(),c.sendMessageButton.click())})),n.hide_coco_mention&&c.poweredBy&&(c.poweredBy.style.display="none"),n.show_notification_bubble||(c.notificationBubble.style.display="none"),c.chatWidgetContent.addEventListener("click",(n=>{if("BUTTON"===n.target.tagName){d(n.target.getAttribute("data-message"))}})),c.whatsappIcon.addEventListener("click",(()=>l()));let u=null;function m(){if(u)return;let t=1;const e=[n.whatsapp_message,n.button_one,n.button_two,n.button_three];u=setInterval((()=>{c.notificationText.textContent=e[t],t=(t+1)%e.length}),3500)}m(),h||(c.cocoBody.style.display="none",c.whatsappIcon.style.display="none",c.messageNotification&&(c.messageNotification.style.display="none"),c.notificationBubble.style.display="none")}));