zz-shopify-components 0.24.1-beta.2 → 0.24.1-beta.3

package/package.json

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

package/snippets/zz-accessories-preview-swiper.liquid

@@ -191,32 +191,51 @@
   });
 
   window.accessoriesPointClickHandler = async function(variantId) {
-    try {
-      const res = await fetch(window.routes.cart_add_url, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'Accept': 'application/json'
+    const data = {
+      items: [
+        {
+          id: variantId,
+          quantity: 1,
         },
-        body: JSON.stringify({
-          items: [{ id: variantId, quantity: 1 }]
-        })
+      ],
+      sections: 'cart-drawer,cart-icon-bubble',
+    };
+    const cart = document.querySelector('cart-drawer');
+
+    await fetch(`${routes.cart_add_url}`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/javascript',
+      },
+      body: JSON.stringify(data),
+    })
+      .then((response) => response.json())
+      .then((response) => {
+        if (response.status) {
+          publish(PUB_SUB_EVENTS.cartError, {
+            source: 'product-form',
+            productVariantId: variantId,
+            errors: response.errors || response.description,
+            message: response.message,
+          });
+        } 
+
+          publish(PUB_SUB_EVENTS.cartUpdate, {
+            source: 'product-form',
+            productVariantId: variantId,
+            cartData: response,
+          });
+        cart.renderContents(response, false);
+        zzShowToast('1 item added to Cart', { type: 'success' });
+
+      })
+      .catch((e) => {
+        console.error(e);
+      })
+      .finally(() => {
+        if (cart && cart.classList.contains('is-empty'))
+          cart.classList.remove('is-empty');
       });
-      const data = await res.json();
-      if (data && data.status) {
-        console.error('Add to cart error:', data);
-        alert(data.message || 'Failed to add to cart');
-        return;
-      }
-      const cartDrawer = document.querySelector('cart-drawer');
-      if (cartDrawer && typeof cartDrawer.renderContents === 'function') {
-        cartDrawer.renderContents(data);
-        if (typeof cartDrawer.open === 'function') cartDrawer.open();
-      } else {
-        window.location.href = window.routes.cart_url;
-      }
-    } catch (e) {
-      console.error(e);
-    }
   };
 </script>