@runwell/shopify-toolkit 0.24.2 → 0.24.4

package/modules/runwell-bundle-system/assets/runwell-bundle-quantity-builder.css

@@ -155,7 +155,10 @@
   display: flex;
   flex-direction: column;
   gap: 10px;
-  margin-bottom: 1.2rem;
+  margin: 0 0 1.2rem 0;
+  padding: 0;
+  border: 0;
+  min-inline-size: 0;
 }
 
 .runwell-bundle-quantity-builder__option {
@@ -175,8 +178,7 @@
 }
 
 .runwell-bundle-quantity-builder__option--selected {
-  border-color: #2A2622;
-  box-shadow: 0 0 0 1px #2A2622;
+  border-color: #3F5B4C;
 }
 
 .runwell-bundle-quantity-builder__option--popular {

package/modules/runwell-bundle-system/assets/runwell-bundle-system.js

@@ -151,27 +151,63 @@
             items.push({ id: parseInt(giftVariantId, 10), quantity: 1 });
           }
 
+          // Dawn's cart-drawer needs the cart-drawer + cart-icon-bubble
+          // sections re-rendered before .open() will show the new items
+          // (it starts in is-empty state and renderContents() updates +
+          // opens in one call). We pass `sections` to /cart/add.js so the
+          // response includes the freshly rendered HTML for each.
+          const drawer = document.querySelector('cart-drawer');
+          const cartSections = drawer && typeof drawer.getSectionsToRender === 'function'
+            ? drawer.getSectionsToRender().map(function (s) { return s.section || s.id; }).filter(Boolean)
+            : ['cart-drawer', 'cart-icon-bubble'];
+
           fetch('/cart/add.js', {
             method: 'POST',
+            credentials: 'same-origin',
             headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
-            body: JSON.stringify({ items: items }),
+            body: JSON.stringify({ items: items, sections: cartSections, sections_url: window.location.pathname }),
           })
             .then(function (r) {
-              if (!r.ok) throw new Error('add failed');
+              if (!r.ok) {
+                return r.text().then(function (text) {
+                  throw new Error('cart/add ' + r.status + ': ' + text.slice(0, 200));
+                });
+              }
               return r.json();
             })
-            .then(function () {
+            .then(function (json) {
               setAtcState(atc, 'added');
               document.dispatchEvent(new CustomEvent('cart:updated', { bubbles: true }));
-              // Open Dawn cart drawer if present
-              const drawer = document.querySelector('cart-drawer');
-              if (drawer && typeof drawer.open === 'function') drawer.open();
-              setTimeout(function () {
-                setAtcState(atc, 'idle');
-              }, 2000);
+
+              // Dawn pattern: renderContents(parsedState) updates each
+              // section's DOM from json.sections and opens the drawer.
+              if (drawer && typeof drawer.renderContents === 'function') {
+                drawer.renderContents(json);
+                setTimeout(function () { setAtcState(atc, 'idle'); }, 2000);
+                return;
+              }
+              // Fallback A: drawer exists but no renderContents (older
+              // theme). Open and hope the drawer fetches fresh state.
+              if (drawer && typeof drawer.open === 'function') {
+                drawer.open();
+                setTimeout(function () { setAtcState(atc, 'idle'); }, 2000);
+                return;
+              }
+              // Fallback B: send customer to /cart so they always land
+              // somewhere they can verify the items.
+              setTimeout(function () { window.location.href = '/cart'; }, 600);
             })
-            .catch(function () {
+            .catch(function (err) {
+              console.error('[runwell-bundle] ATC failed:', err);
               setAtcState(atc, 'idle');
+              if (atc) {
+                const textEl = atc.querySelector('.runwell-bundle-quantity-builder__atc-text');
+                if (textEl) {
+                  const original = textEl.textContent;
+                  textEl.textContent = 'Could not add. Try again.';
+                  setTimeout(function () { textEl.textContent = original; }, 3000);
+                }
+              }
             });
         });
       });

package/modules/runwell-bundle-system/module.json

@@ -1,6 +1,6 @@
 {
   "name": "runwell-bundle-system",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "category": "catalog",
   "source": "runwell",
   "base": "bundle-system",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runwell/shopify-toolkit",
-  "version": "0.24.2",
+  "version": "0.24.4",
   "description": "Reusable Shopify theme modules from Runwell. Replaces typically app-driven features (reviews, wishlist, urgency, FAQ, post-purchase upsell, exit popups, free-ship progress, sticky ATC, testimonials, badges, bundles) with native Liquid + JS + CSS that ship across multiple client themes via a config-driven sync CLI.",
   "type": "module",
   "main": "lib/index.js",