@runwell/shopify-toolkit 0.24.3 → 0.24.5

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 {
@@ -179,7 +182,9 @@
 }
 
 .runwell-bundle-quantity-builder__option--popular {
-  border-color: #3F5B4C;
+  /* Visual emphasis lives in the MOST POPULAR badge; do not stack a
+     colored border here, since that would still read as 'selected'
+     when the customer has actually picked a different tier. */
   position: relative;
 }
 

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

@@ -151,11 +151,21 @@
             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) {
@@ -165,25 +175,27 @@
               }
               return r.json();
             })
-            .then(function () {
+            .then(function (json) {
               setAtcState(atc, 'added');
               document.dispatchEvent(new CustomEvent('cart:updated', { bubbles: true }));
-              // Open the cart drawer when the theme exposes one. Fall back to
-              // /cart so the customer always lands somewhere they can verify
-              // the items landed.
-              const drawer = document.querySelector('cart-drawer');
+
+              // 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);
-              } else if (drawer) {
-                drawer.classList.add('active');
-                document.body.classList.add('overflow-hidden');
-                setTimeout(function () { setAtcState(atc, 'idle'); }, 2000);
-              } else {
-                // No drawer wired up. Send the customer to /cart so they can
-                // see what was added rather than being stuck on the PDP.
-                setTimeout(function () { window.location.href = '/cart'; }, 600);
+                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 (err) {
               console.error('[runwell-bundle] ATC failed:', err);

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runwell/shopify-toolkit",
-  "version": "0.24.3",
+  "version": "0.24.5",
   "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",