zz-shopify-components 0.35.0 → 0.35.1-beta.1

package/package.json

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

package/sections/zz-live-chat.liquid

@@ -94,6 +94,8 @@
     let scrollTimeout;
     let hasInsertedStyle = false;
     let isLogin = false;
+    let loginCheckInterval = null;
+    let loginCheckCount = 0;
     let promptTimer = null;
     let autoTriggerTimer = null;
     let promptVisible = false;
@@ -343,6 +345,7 @@
 
     function checkLogin() {
       if (isLogin) {
+        stopCheckLoginPolling();
         return;
       }
 
@@ -371,6 +374,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 +480,13 @@
       isDesktop.addEventListener('change', handleViewportChange);
     }
 
-    closeButton.addEventListener('click', function(event) {
+    if (closeButton) {
+      closeButton.addEventListener('click', function(event) {
         event.preventDefault();
-        console.log('closeButton click');
         closePrompt();
-    });
+        wrapper.classList.add('hidden');
+      });
+    }
 
     if (chatNowButton) {
       chatNowButton.addEventListener('click', function(event) {
@@ -465,7 +506,7 @@
     }
 
     bindMessengerEvents();
-    checkLogin();
+    startCheckLoginPolling();
     scheduleAutoPrompt();
   });
 </script>
@@ -473,7 +514,7 @@
 {% if section.settings.button_image %}
   <div class="live-chat-entry" data-live-chat-wrapper>
     <div
-      class="live-chat-prompt is-visible"
+      class="live-chat-prompt"
       data-live-chat-panel
       role="dialog"
       aria-modal="false"