@lime-bundles/widget 4.6.6 → 4.6.8

package/dist/index.cjs

@@ -52,6 +52,121 @@ function bundleLineAttributes(bundleGid, bundleType) {
   ];
 }
 
+// ../render/src/cart.ts
+var CART_STOCK_WARNING_CODES = [
+  "MERCHANDISE_NOT_ENOUGH_STOCK",
+  "MERCHANDISE_OUT_OF_STOCK"
+];
+function isStockWarning(warning) {
+  return !!warning.code && CART_STOCK_WARNING_CODES.indexOf(warning.code) !== -1;
+}
+function hasStockWarning(warnings) {
+  const list = warnings || [];
+  for (let i = 0; i < list.length; i++) {
+    if (isStockWarning(list[i])) return true;
+  }
+  return false;
+}
+function stockWarningMessage(warnings) {
+  const list = warnings || [];
+  for (let i = 0; i < list.length; i++) {
+    const warning = list[i];
+    if (isStockWarning(warning) && warning.message) return warning.message;
+  }
+  return void 0;
+}
+function totalPerVariant(lines) {
+  const totals = /* @__PURE__ */ Object.create(null);
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    totals[line.variantId] = (totals[line.variantId] || 0) + (line.quantity || 0);
+  }
+  return totals;
+}
+function bundleAddFellShort(requested, before, after) {
+  const wanted = totalPerVariant(requested);
+  const had = totalPerVariant(before);
+  const has = totalPerVariant(after);
+  for (const variantId in wanted) {
+    if ((has[variantId] || 0) - (had[variantId] || 0) < wanted[variantId]) {
+      return true;
+    }
+  }
+  return false;
+}
+
+// ../render/src/strings.ts
+var DEFAULT_STRINGS = {
+  locale: "en",
+  addItem: "Add",
+  addedItem: "Added",
+  removeItem: "Remove",
+  swapItem: "Swap",
+  required: "Required",
+  soldOut: "Sold out",
+  outOfStock: "Out of stock",
+  itemsOutOfStock: {
+    one: "__COUNT__ item out of stock",
+    other: "__COUNT__ items out of stock"
+  },
+  cartStockError: "We couldn't add this bundle to your cart. __MESSAGE__",
+  quantity: "Quantity",
+  increaseQuantity: "Increase quantity",
+  decreaseQuantity: "Decrease quantity",
+  allTypes: "All",
+  editSelection: "Edit selection",
+  addToCart: "Add to cart",
+  bundlePrice: "Bundle total",
+  save: "Save",
+  complete: "Complete",
+  ofSelected: "__COUNT__ of __TOTAL__ added",
+  moreToGo: "__COUNT__ more to go",
+  nProductsShown: "__COUNT__ products shown",
+  bundleComplete: "Your bundle is complete",
+  chooseMoreUnlock: "Choose __COUNT__ more to unlock __PCT__% off",
+  chooseMoreComplete: "Choose __COUNT__ more to complete your bundle",
+  stepOf: "Step __STEP__ of __TOTAL__",
+  stepsCompleted: "__COUNT__ of __TOTAL__ steps completed",
+  doorChoose: "Choose your products",
+  doorContinue: "Continue building",
+  doorQuickSteps: {
+    one: "__COUNT__ quick step",
+    other: "__COUNT__ quick steps"
+  },
+  doorStepsToGo: {
+    one: "__COUNT__ step to go",
+    other: "__COUNT__ steps to go"
+  },
+  each: " each",
+  buyQty: "Buy __COUNT__",
+  itemCount: {
+    one: "__COUNT__ item",
+    other: "__COUNT__ items"
+  },
+  needsSpots: {
+    one: "Needs __COUNT__ spot",
+    other: "Needs __COUNT__ spots"
+  }
+};
+function formatItemsOutOfStock(t, count) {
+  const raw = t.itemsOutOfStock;
+  let tpl;
+  if (raw && typeof raw === "object") {
+    const form = new Intl.PluralRules(t.locale || "en").select(count);
+    tpl = raw[form] || raw.other;
+  } else {
+    tpl = raw;
+  }
+  return (tpl || "__COUNT__ items out of stock").split("__COUNT__").join(String(count));
+}
+var CART_STOCK_ERROR_FALLBACK = "We couldn't add this bundle to your cart. __MESSAGE__";
+function formatCartStockError(template, message) {
+  const tpl = (template || "").trim() || CART_STOCK_ERROR_FALLBACK;
+  const warning = (message || "").trim();
+  const composed = tpl.indexOf("__MESSAGE__") === -1 ? tpl + " " + warning : tpl.split("__MESSAGE__").join(warning);
+  return composed.replace(/\s+/g, " ").trim();
+}
+
 // ../render/src/adapt.ts
 var import_core = require("@lime-bundles/core");
 function numericId(gid) {
@@ -803,70 +918,6 @@ function initCountdown(container) {
   }
 }
 
-// ../render/src/strings.ts
-var DEFAULT_STRINGS = {
-  locale: "en",
-  addItem: "Add",
-  addedItem: "Added",
-  removeItem: "Remove",
-  swapItem: "Swap",
-  required: "Required",
-  soldOut: "Sold out",
-  outOfStock: "Out of stock",
-  itemsOutOfStock: {
-    one: "__COUNT__ item out of stock",
-    other: "__COUNT__ items out of stock"
-  },
-  quantity: "Quantity",
-  increaseQuantity: "Increase quantity",
-  decreaseQuantity: "Decrease quantity",
-  allTypes: "All",
-  editSelection: "Edit selection",
-  addToCart: "Add to cart",
-  bundlePrice: "Bundle total",
-  save: "Save",
-  complete: "Complete",
-  ofSelected: "__COUNT__ of __TOTAL__ added",
-  moreToGo: "__COUNT__ more to go",
-  nProductsShown: "__COUNT__ products shown",
-  bundleComplete: "Your bundle is complete",
-  chooseMoreUnlock: "Choose __COUNT__ more to unlock __PCT__% off",
-  chooseMoreComplete: "Choose __COUNT__ more to complete your bundle",
-  stepOf: "Step __STEP__ of __TOTAL__",
-  stepsCompleted: "__COUNT__ of __TOTAL__ steps completed",
-  doorChoose: "Choose your products",
-  doorContinue: "Continue building",
-  doorQuickSteps: {
-    one: "__COUNT__ quick step",
-    other: "__COUNT__ quick steps"
-  },
-  doorStepsToGo: {
-    one: "__COUNT__ step to go",
-    other: "__COUNT__ steps to go"
-  },
-  each: " each",
-  buyQty: "Buy __COUNT__",
-  itemCount: {
-    one: "__COUNT__ item",
-    other: "__COUNT__ items"
-  },
-  needsSpots: {
-    one: "Needs __COUNT__ spot",
-    other: "Needs __COUNT__ spots"
-  }
-};
-function formatItemsOutOfStock(t, count) {
-  const raw = t.itemsOutOfStock;
-  let tpl;
-  if (raw && typeof raw === "object") {
-    const form = new Intl.PluralRules(t.locale || "en").select(count);
-    tpl = raw[form] || raw.other;
-  } else {
-    tpl = raw;
-  }
-  return (tpl || "__COUNT__ items out of stock").split("__COUNT__").join(String(count));
-}
-
 // ../render/src/dropdown/bind.ts
 var import_core2 = require("@lime-bundles/core");
 
@@ -6612,14 +6663,14 @@ var BUNDLE_BOGO_CSS = `/* Lime Bundles \u2014 BOGO (Buy X Get Y) bundle styles *
   opacity: 0.6;
 }
 
-/* The reward row's struck original is emitted empty and filled on hydration,
-   so anything sharing its line moves when it appears. The count is the only
-   such thing, and it is a count, not part of the price phrase: pinning it to
-   the row's right edge makes its position independent of the price text \u2014 the
-   same right-slot treatment the fixed widget gives its quantity chip. */
-.lb-bogo .lb-bundle-qty-inline {
-  margin-left: auto;
-}
+/* The count sits beside the price, like every other inline-quantity widget
+   (mix & match, multi-step). It used to be pinned to the row's right edge:
+   this row's prices are emitted empty and filled on hydration, so a
+   server-rendered count was painted and then shoved sideways when the price
+   landed beside it. Pinning bought zero layout shift at the cost of a number
+   floating in space, unattached to the figure it multiplies. The count is now
+   emitted empty and filled with the rest of the price line, so it has no
+   first-paint position to be moved from and needs no pinning. */
 `;
 var BUNDLE_MULTI_STEP_CSS = `/**
  * Lime Bundles \u2014 Multi-step bundle widget styles (wizard chrome ONLY).
@@ -7656,7 +7707,33 @@ var LimeBundleElement = class extends HTMLElement {
     const key = cartStorageKey(this.shopDomain);
     let cartId = storage?.getItem(key) ?? null;
     const isStaleCartError = (errors) => errors.length > 0 && errors.every((e) => (e.field ?? []).includes("cartId"));
-    const stockCapped = (warnings) => (warnings ?? []).some((w) => w.code === "MERCHANDISE_NOT_ENOUGH_STOCK");
+    const requested = lines.map((line) => ({
+      variantId: line.merchandiseId,
+      quantity: line.quantity
+    }));
+    const bundleLinesOf = (payload) => {
+      const nodes = payload?.cart?.lines?.nodes;
+      if (!nodes) return null;
+      const found = [];
+      for (const node of nodes) {
+        if (!node.attributes.some((a) => a.key === BUNDLE_GID_ATTRIBUTE)) {
+          continue;
+        }
+        const variantId = node.merchandise?.id;
+        if (!variantId) continue;
+        found.push({ variantId, quantity: node.quantity });
+      }
+      return found;
+    };
+    const fellShort = (payload) => {
+      const after = bundleLinesOf(payload);
+      if (!after) return hasStockWarning(payload?.warnings);
+      return bundleAddFellShort(requested, [], after);
+    };
+    const stockError = (payload) => formatCartStockError(
+      DEFAULT_STRINGS.cartStockError,
+      stockWarningMessage(payload?.warnings)
+    );
     const fail = (message) => {
       this.dispatchEvent(
         new CustomEvent("lime-bundle:error", {
@@ -7687,8 +7764,8 @@ var LimeBundleElement = class extends HTMLElement {
             return;
           }
           storage?.removeItem(key);
-        } else if (stockCapped(payload?.warnings)) {
-          fail("Some items in this bundle are out of stock.");
+        } else if (fellShort(payload)) {
+          fail(stockError(payload));
           return;
         } else if (payload?.cart) {
           checkoutUrl = payload.cart.checkoutUrl;
@@ -7704,8 +7781,8 @@ var LimeBundleElement = class extends HTMLElement {
           fail(payload.userErrors[0].message);
           return;
         }
-        if (stockCapped(payload?.warnings)) {
-          fail("Some items in this bundle are out of stock.");
+        if (fellShort(payload)) {
+          fail(stockError(payload));
           return;
         }
         if (payload?.cart) {

package/dist/index.js

@@ -46,6 +46,121 @@ function bundleLineAttributes(bundleGid, bundleType) {
   ];
 }
 
+// ../render/src/cart.ts
+var CART_STOCK_WARNING_CODES = [
+  "MERCHANDISE_NOT_ENOUGH_STOCK",
+  "MERCHANDISE_OUT_OF_STOCK"
+];
+function isStockWarning(warning) {
+  return !!warning.code && CART_STOCK_WARNING_CODES.indexOf(warning.code) !== -1;
+}
+function hasStockWarning(warnings) {
+  const list = warnings || [];
+  for (let i = 0; i < list.length; i++) {
+    if (isStockWarning(list[i])) return true;
+  }
+  return false;
+}
+function stockWarningMessage(warnings) {
+  const list = warnings || [];
+  for (let i = 0; i < list.length; i++) {
+    const warning = list[i];
+    if (isStockWarning(warning) && warning.message) return warning.message;
+  }
+  return void 0;
+}
+function totalPerVariant(lines) {
+  const totals = /* @__PURE__ */ Object.create(null);
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    totals[line.variantId] = (totals[line.variantId] || 0) + (line.quantity || 0);
+  }
+  return totals;
+}
+function bundleAddFellShort(requested, before, after) {
+  const wanted = totalPerVariant(requested);
+  const had = totalPerVariant(before);
+  const has = totalPerVariant(after);
+  for (const variantId in wanted) {
+    if ((has[variantId] || 0) - (had[variantId] || 0) < wanted[variantId]) {
+      return true;
+    }
+  }
+  return false;
+}
+
+// ../render/src/strings.ts
+var DEFAULT_STRINGS = {
+  locale: "en",
+  addItem: "Add",
+  addedItem: "Added",
+  removeItem: "Remove",
+  swapItem: "Swap",
+  required: "Required",
+  soldOut: "Sold out",
+  outOfStock: "Out of stock",
+  itemsOutOfStock: {
+    one: "__COUNT__ item out of stock",
+    other: "__COUNT__ items out of stock"
+  },
+  cartStockError: "We couldn't add this bundle to your cart. __MESSAGE__",
+  quantity: "Quantity",
+  increaseQuantity: "Increase quantity",
+  decreaseQuantity: "Decrease quantity",
+  allTypes: "All",
+  editSelection: "Edit selection",
+  addToCart: "Add to cart",
+  bundlePrice: "Bundle total",
+  save: "Save",
+  complete: "Complete",
+  ofSelected: "__COUNT__ of __TOTAL__ added",
+  moreToGo: "__COUNT__ more to go",
+  nProductsShown: "__COUNT__ products shown",
+  bundleComplete: "Your bundle is complete",
+  chooseMoreUnlock: "Choose __COUNT__ more to unlock __PCT__% off",
+  chooseMoreComplete: "Choose __COUNT__ more to complete your bundle",
+  stepOf: "Step __STEP__ of __TOTAL__",
+  stepsCompleted: "__COUNT__ of __TOTAL__ steps completed",
+  doorChoose: "Choose your products",
+  doorContinue: "Continue building",
+  doorQuickSteps: {
+    one: "__COUNT__ quick step",
+    other: "__COUNT__ quick steps"
+  },
+  doorStepsToGo: {
+    one: "__COUNT__ step to go",
+    other: "__COUNT__ steps to go"
+  },
+  each: " each",
+  buyQty: "Buy __COUNT__",
+  itemCount: {
+    one: "__COUNT__ item",
+    other: "__COUNT__ items"
+  },
+  needsSpots: {
+    one: "Needs __COUNT__ spot",
+    other: "Needs __COUNT__ spots"
+  }
+};
+function formatItemsOutOfStock(t, count) {
+  const raw = t.itemsOutOfStock;
+  let tpl;
+  if (raw && typeof raw === "object") {
+    const form = new Intl.PluralRules(t.locale || "en").select(count);
+    tpl = raw[form] || raw.other;
+  } else {
+    tpl = raw;
+  }
+  return (tpl || "__COUNT__ items out of stock").split("__COUNT__").join(String(count));
+}
+var CART_STOCK_ERROR_FALLBACK = "We couldn't add this bundle to your cart. __MESSAGE__";
+function formatCartStockError(template, message) {
+  const tpl = (template || "").trim() || CART_STOCK_ERROR_FALLBACK;
+  const warning = (message || "").trim();
+  const composed = tpl.indexOf("__MESSAGE__") === -1 ? tpl + " " + warning : tpl.split("__MESSAGE__").join(warning);
+  return composed.replace(/\s+/g, " ").trim();
+}
+
 // ../render/src/adapt.ts
 import {
   formatUnitPrice,
@@ -802,70 +917,6 @@ function initCountdown(container) {
   }
 }
 
-// ../render/src/strings.ts
-var DEFAULT_STRINGS = {
-  locale: "en",
-  addItem: "Add",
-  addedItem: "Added",
-  removeItem: "Remove",
-  swapItem: "Swap",
-  required: "Required",
-  soldOut: "Sold out",
-  outOfStock: "Out of stock",
-  itemsOutOfStock: {
-    one: "__COUNT__ item out of stock",
-    other: "__COUNT__ items out of stock"
-  },
-  quantity: "Quantity",
-  increaseQuantity: "Increase quantity",
-  decreaseQuantity: "Decrease quantity",
-  allTypes: "All",
-  editSelection: "Edit selection",
-  addToCart: "Add to cart",
-  bundlePrice: "Bundle total",
-  save: "Save",
-  complete: "Complete",
-  ofSelected: "__COUNT__ of __TOTAL__ added",
-  moreToGo: "__COUNT__ more to go",
-  nProductsShown: "__COUNT__ products shown",
-  bundleComplete: "Your bundle is complete",
-  chooseMoreUnlock: "Choose __COUNT__ more to unlock __PCT__% off",
-  chooseMoreComplete: "Choose __COUNT__ more to complete your bundle",
-  stepOf: "Step __STEP__ of __TOTAL__",
-  stepsCompleted: "__COUNT__ of __TOTAL__ steps completed",
-  doorChoose: "Choose your products",
-  doorContinue: "Continue building",
-  doorQuickSteps: {
-    one: "__COUNT__ quick step",
-    other: "__COUNT__ quick steps"
-  },
-  doorStepsToGo: {
-    one: "__COUNT__ step to go",
-    other: "__COUNT__ steps to go"
-  },
-  each: " each",
-  buyQty: "Buy __COUNT__",
-  itemCount: {
-    one: "__COUNT__ item",
-    other: "__COUNT__ items"
-  },
-  needsSpots: {
-    one: "Needs __COUNT__ spot",
-    other: "Needs __COUNT__ spots"
-  }
-};
-function formatItemsOutOfStock(t, count) {
-  const raw = t.itemsOutOfStock;
-  let tpl;
-  if (raw && typeof raw === "object") {
-    const form = new Intl.PluralRules(t.locale || "en").select(count);
-    tpl = raw[form] || raw.other;
-  } else {
-    tpl = raw;
-  }
-  return (tpl || "__COUNT__ items out of stock").split("__COUNT__").join(String(count));
-}
-
 // ../render/src/dropdown/bind.ts
 import { dropdown } from "@lime-bundles/core";
 
@@ -6622,14 +6673,14 @@ var BUNDLE_BOGO_CSS = `/* Lime Bundles \u2014 BOGO (Buy X Get Y) bundle styles *
   opacity: 0.6;
 }
 
-/* The reward row's struck original is emitted empty and filled on hydration,
-   so anything sharing its line moves when it appears. The count is the only
-   such thing, and it is a count, not part of the price phrase: pinning it to
-   the row's right edge makes its position independent of the price text \u2014 the
-   same right-slot treatment the fixed widget gives its quantity chip. */
-.lb-bogo .lb-bundle-qty-inline {
-  margin-left: auto;
-}
+/* The count sits beside the price, like every other inline-quantity widget
+   (mix & match, multi-step). It used to be pinned to the row's right edge:
+   this row's prices are emitted empty and filled on hydration, so a
+   server-rendered count was painted and then shoved sideways when the price
+   landed beside it. Pinning bought zero layout shift at the cost of a number
+   floating in space, unattached to the figure it multiplies. The count is now
+   emitted empty and filled with the rest of the price line, so it has no
+   first-paint position to be moved from and needs no pinning. */
 `;
 var BUNDLE_MULTI_STEP_CSS = `/**
  * Lime Bundles \u2014 Multi-step bundle widget styles (wizard chrome ONLY).
@@ -7666,7 +7717,33 @@ var LimeBundleElement = class extends HTMLElement {
     const key = cartStorageKey(this.shopDomain);
     let cartId = storage?.getItem(key) ?? null;
     const isStaleCartError = (errors) => errors.length > 0 && errors.every((e) => (e.field ?? []).includes("cartId"));
-    const stockCapped = (warnings) => (warnings ?? []).some((w) => w.code === "MERCHANDISE_NOT_ENOUGH_STOCK");
+    const requested = lines.map((line) => ({
+      variantId: line.merchandiseId,
+      quantity: line.quantity
+    }));
+    const bundleLinesOf = (payload) => {
+      const nodes = payload?.cart?.lines?.nodes;
+      if (!nodes) return null;
+      const found = [];
+      for (const node of nodes) {
+        if (!node.attributes.some((a) => a.key === BUNDLE_GID_ATTRIBUTE)) {
+          continue;
+        }
+        const variantId = node.merchandise?.id;
+        if (!variantId) continue;
+        found.push({ variantId, quantity: node.quantity });
+      }
+      return found;
+    };
+    const fellShort = (payload) => {
+      const after = bundleLinesOf(payload);
+      if (!after) return hasStockWarning(payload?.warnings);
+      return bundleAddFellShort(requested, [], after);
+    };
+    const stockError = (payload) => formatCartStockError(
+      DEFAULT_STRINGS.cartStockError,
+      stockWarningMessage(payload?.warnings)
+    );
     const fail = (message) => {
       this.dispatchEvent(
         new CustomEvent("lime-bundle:error", {
@@ -7697,8 +7774,8 @@ var LimeBundleElement = class extends HTMLElement {
             return;
           }
           storage?.removeItem(key);
-        } else if (stockCapped(payload?.warnings)) {
-          fail("Some items in this bundle are out of stock.");
+        } else if (fellShort(payload)) {
+          fail(stockError(payload));
           return;
         } else if (payload?.cart) {
           checkoutUrl = payload.cart.checkoutUrl;
@@ -7714,8 +7791,8 @@ var LimeBundleElement = class extends HTMLElement {
           fail(payload.userErrors[0].message);
           return;
         }
-        if (stockCapped(payload?.warnings)) {
-          fail("Some items in this bundle are out of stock.");
+        if (fellShort(payload)) {
+          fail(stockError(payload));
           return;
         }
         if (payload?.cart) {