zz-shopify-components 0.35.1-beta.0 → 0.35.1-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zz-shopify-components",
-  "version": "0.35.1-beta.0",
+  "version": "0.35.1-beta.2",
   "description": "Reusable Shopify components for theme projects",
   "keywords": [
     "shopify",

package/sections/zz-live-chat.liquid

@@ -85,15 +85,20 @@
     const closeButton = section.querySelector('[data-live-chat-close]');
     const chatNowButton = section.querySelector('[data-live-chat-open]');
     const emailLink = section.querySelector('[data-live-chat-email]');
-    const isDesktop = window.matchMedia('(min-width: 1024px)');
+    const isDesktop = window.matchMedia('(min-width: 1025px)');
 
     if (!wrapper || !floatingButton || !promptPanel) {
       return;
     }
 
+    const desktopAutoPromptDelay = 10000;
+    const mobileAutoPromptDelay = 30000;
+
     let scrollTimeout;
     let hasInsertedStyle = false;
     let isLogin = false;
+    let loginCheckInterval = null;
+    let loginCheckCount = 0;
     let promptTimer = null;
     let autoTriggerTimer = null;
     let promptVisible = false;
@@ -293,7 +298,7 @@
 
         hasAutoPrompted = true;
         showPrompt('auto');
-      }, 10000);
+      }, isDesktop.matches ? desktopAutoPromptDelay : mobileAutoPromptDelay);
     }
 
     function handleFloatingButtonClick(event) {
@@ -343,6 +348,7 @@
 
     function checkLogin() {
       if (isLogin) {
+        stopCheckLoginPolling();
         return;
       }
 
@@ -371,6 +377,42 @@
       }
     }
 
+    function stopCheckLoginPolling() {
+      if (!loginCheckInterval) {
+        return;
+      }
+
+      clearInterval(loginCheckInterval);
+      loginCheckInterval = null;
+    }
+
+    function startCheckLoginPolling() {
+      stopCheckLoginPolling();
+      loginCheckCount = 0;
+
+      checkLogin();
+      loginCheckCount += 1;
+
+      if (isLogin || loginCheckCount >= 5) {
+        stopCheckLoginPolling();
+        return;
+      }
+
+      loginCheckInterval = window.setInterval(function() {
+        if (isLogin || loginCheckCount >= 5) {
+          stopCheckLoginPolling();
+          return;
+        }
+
+        checkLogin();
+        loginCheckCount += 1;
+
+        if (isLogin || loginCheckCount >= 5) {
+          stopCheckLoginPolling();
+        }
+      }, 1500);
+    }
+
     function handleLogin(params) {
       const { email_verified } = params;
       isLogin = true;
@@ -441,11 +483,12 @@
       isDesktop.addEventListener('change', handleViewportChange);
     }
 
-    closeButton.addEventListener('click', function(event) {
+    if (closeButton) {
+      closeButton.addEventListener('click', function(event) {
         event.preventDefault();
-        console.log('closeButton click');
         closePrompt();
-    });
+      });
+    }
 
     if (chatNowButton) {
       chatNowButton.addEventListener('click', function(event) {
@@ -465,7 +508,7 @@
     }
 
     bindMessengerEvents();
-    checkLogin();
+    startCheckLoginPolling();
     scheduleAutoPrompt();
   });
 </script>
@@ -720,7 +763,7 @@
     pointer-events: none;
   }
 
-  @media (min-width: 1024px) {
+  @media (min-width: 1025px) {
     #shopify-section-{{ section.id }} .live-chat-entry {
       bottom: {{ section.settings.pc_bottom }}px;
     }
@@ -731,7 +774,7 @@
 
   }
 
-  @media (max-width: 1023px) {
+  @media (max-width: 1024px) {
     #shopify-section-{{ section.id }} .live-chat-entry {
       right: 16px;
       align-items: flex-end;