@lime-bundles/widget 4.0.0 → 4.1.1

package/dist/index.cjs

@@ -26,7 +26,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/lime-bundle.ts
-var import_core5 = require("@lime-bundles/core");
+var import_core6 = require("@lime-bundles/core");
 
 // ../render/src/adapt.ts
 var import_core = require("@lime-bundles/core");
@@ -511,7 +511,7 @@ function buildWidgetShell(typeClass, opts) {
       "data-countdown": ""
     });
     const label2 = box("span", "lb-bundle-countdown-label");
-    label2.textContent = opts.countdownLabel ?? "Ends in";
+    label2.textContent = opts.countdownLabel ?? "Limited time offer";
     countdown.appendChild(label2);
     countdown.appendChild(
       box("span", "lb-bundle-countdown-timer", {
@@ -523,10 +523,12 @@ function buildWidgetShell(typeClass, opts) {
   const products = box("div", typeClass + "__products lb-edge-fade");
   root.appendChild(products);
   root.appendChild(box("div", "lb-bundle-divider"));
-  const summary = box("div", "lb-bundle-summary");
+  const summary = box("div", "lb-bundle-summary", {
+    "data-pricing-section": ""
+  });
   const text = box("div", "lb-bundle-summary__text");
   const label = box("span", "lb-bundle-summary__label");
-  label.textContent = opts.summaryLabel ?? "Bundle price";
+  label.textContent = opts.summaryLabel ?? "Bundle total";
   text.appendChild(label);
   if (opts.withItemCount) {
     label.appendChild(box("span", "", { "data-item-count": "" }));
@@ -557,6 +559,7 @@ function buildWidgetShell(typeClass, opts) {
   summary.appendChild(prices);
   root.appendChild(summary);
   const cta = box("button", "lb-bundle-cta", {
+    "data-cta-text": opts.ctaText,
     type: "button",
     "data-add-bundle": ""
   });
@@ -575,7 +578,9 @@ function buildWidgetShell(typeClass, opts) {
   );
   return { root, products, cta };
 }
-function buildVolumeTiers(tiers, groupLabel) {
+function buildVolumeTiers(tiers, groupLabel, opts = {}) {
+  const showCompare = opts.showCompare !== false;
+  const showPriceEach = opts.showPriceEach !== false;
   const group = box("div", "lb-volume__tiers lb-edge-fade", {
     role: "radiogroup",
     "aria-label": groupLabel,
@@ -600,8 +605,17 @@ function buildVolumeTiers(tiers, groupLabel) {
     label.textContent = tier.label;
     info.appendChild(label);
     const price = box("span", "lb-volume__tier-price");
-    price.appendChild(box("span", "lb-volume__tier-compare"));
-    price.appendChild(box("span", "", { "data-tier-price-each": "" }));
+    if (showCompare && (tier.percent > 0 || tier.amountCents > 0)) {
+      price.appendChild(box("span", "lb-volume__tier-compare"));
+    }
+    if (showPriceEach) {
+      price.appendChild(box("span", "", { "data-tier-price-each": "" }));
+      if (opts.unitLabel) {
+        const unit = box("span", "lb-volume__tier-unit");
+        unit.textContent = opts.unitLabel;
+        price.appendChild(unit);
+      }
+    }
     info.appendChild(price);
     el2.appendChild(info);
     if (tier.badgeLabel || tier.savingsLabel) {
@@ -710,7 +724,10 @@ var DEFAULT_STRINGS = {
   required: "Required",
   soldOut: "Sold out",
   outOfStock: "Out of stock",
-  itemsOutOfStock: "__COUNT__ items out of stock",
+  itemsOutOfStock: {
+    one: "__COUNT__ item out of stock",
+    other: "__COUNT__ items out of stock"
+  },
   quantity: "Quantity",
   increaseQuantity: "Increase quantity",
   decreaseQuantity: "Decrease quantity",
@@ -730,11 +747,26 @@ var DEFAULT_STRINGS = {
   stepsCompleted: "__COUNT__ of __TOTAL__ steps completed",
   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");
@@ -1191,7 +1223,7 @@ function renderFixedBundle(container, bundle, outOfStockBehavior, onAddToCart, o
     shell.cta.disabled = true;
     const label = shell.cta.querySelector("[data-cta-label]");
     if (label) {
-      label.textContent = (t.itemsOutOfStock || "__COUNT__ items out of stock").split("__COUNT__").join(String(oosProducts.length));
+      label.textContent = formatItemsOutOfStock(t, oosProducts.length);
     }
   } else {
     shell.cta.addEventListener("click", () => {
@@ -1249,15 +1281,38 @@ function formatSubtitle(remaining, discountType, discountValue, t) {
 
 // ../render/src/picker/rules.ts
 var DEFAULT_RULE = { min: 1, max: 99 };
-function ruleFor(productId, rulesMap) {
+function ruleFor(productId, rulesMap, variantId) {
+  if (variantId != null) {
+    const vRule = rulesMap["gid://shopify/ProductVariant/" + variantId];
+    if (vRule && typeof vRule.min === "number" && typeof vRule.max === "number") {
+      return vRule;
+    }
+  }
   const rule = rulesMap["gid://shopify/Product/" + productId];
   if (!rule || typeof rule.min !== "number" || typeof rule.max !== "number") {
     return DEFAULT_RULE;
   }
   return rule;
 }
-function defaultPickQuantity(productId, rulesMap) {
-  return ruleFor(productId, rulesMap).min;
+function variantRuleFor(variantId, rulesMap) {
+  if (variantId == null) return void 0;
+  const rule = rulesMap["gid://shopify/ProductVariant/" + variantId];
+  if (!rule || typeof rule.min !== "number" || typeof rule.max !== "number") {
+    return void 0;
+  }
+  return rule;
+}
+function mergeRuleMaps(productRules, variantRules) {
+  const products = productRules ?? {};
+  if (!variantRules) return products;
+  const keys = Object.keys(variantRules);
+  if (keys.length === 0) return products;
+  const merged = { ...products };
+  for (const key of keys) merged[key] = variantRules[key];
+  return merged;
+}
+function defaultPickQuantity(productId, rulesMap, variantId) {
+  return ruleFor(productId, rulesMap, variantId).min;
 }
 function totalUnits(items) {
   let qty = 0;
@@ -1277,11 +1332,9 @@ function committedQtyForVariant(items, variantId) {
 function isRowAddable(rule, remainingSpots) {
   return rule.min <= remainingSpots;
 }
-function stepperCeiling(rule, remainingSpots, stock, ownQty = 0, productOtherUnits = 0) {
-  const ceiling = Math.min(
-    rule.max - productOtherUnits,
-    ownQty + remainingSpots
-  );
+function stepperCeiling(rule, remainingSpots, stock, ownQty = 0, productOtherUnits = 0, variantMax) {
+  let ceiling = Math.min(rule.max - productOtherUnits, ownQty + remainingSpots);
+  if (typeof variantMax === "number") ceiling = Math.min(ceiling, variantMax);
   return typeof stock === "number" ? Math.min(ceiling, stock) : ceiling;
 }
 
@@ -1360,7 +1413,8 @@ function buildPickerRow(p, rowIndex, ctx) {
   }
   infoDiv.appendChild(titleEl);
   let currentVariant = firstAvailable ?? (p.variants.length > 0 ? p.variants[0] : null);
-  const modalQty = currentVariant ? pRule.min : 1;
+  const ruleForVariant = (v) => ruleFor(p.id, rulesMap, v ? v.id : null);
+  const modalQty = currentVariant ? ruleForVariant(currentVariant).min : 1;
   const priceEl = document.createElement("p");
   priceEl.className = "lb-mix-match__modal-product-price";
   priceEl.setAttribute("data-row-price", "");
@@ -1396,8 +1450,8 @@ function buildPickerRow(p, rowIndex, ctx) {
   infoDiv.appendChild(unitPriceEl);
   let qtyGroup = null;
   let qtyValueEl = null;
-  let current = pRule.min;
-  let effectiveMax = pRule.max;
+  let current = ruleForVariant(currentVariant).min;
+  let effectiveMax = ruleForVariant(currentVariant).max;
   let paint = null;
   let setBoundsForVariant = null;
   if (p.available && ctx.showQtySelector) {
@@ -1419,7 +1473,7 @@ function buildPickerRow(p, rowIndex, ctx) {
     qtyValueEl.className = "lb-mix-match__qty-stepper-value";
     qtyValueEl.setAttribute("data-row-qty", "");
     qtyValueEl.setAttribute("aria-live", "polite");
-    qtyValueEl.textContent = String(pRule.min);
+    qtyValueEl.textContent = String(ruleForVariant(currentVariant).min);
     const qtyPlusBtn = document.createElement("button");
     qtyPlusBtn.type = "button";
     qtyPlusBtn.className = "lb-mix-match__qty-stepper-button lb-mix-match__qty-stepper-button--plus";
@@ -1436,7 +1490,7 @@ function buildPickerRow(p, rowIndex, ctx) {
     paint = () => {
       valueEl.textContent = String(current);
       valueEl.setAttribute("data-qty", String(current));
-      qtyMinusBtn.disabled = stepperDisabled || current <= pRule.min;
+      qtyMinusBtn.disabled = stepperDisabled || current <= ruleForVariant(currentVariant).min;
       qtyPlusBtn.disabled = stepperDisabled || current >= effectiveMax;
     };
     setBoundsForVariant = (variant, alreadyInBundle = 0) => {
@@ -1447,18 +1501,21 @@ function buildPickerRow(p, rowIndex, ctx) {
       const stock = variant ? variant.inventoryQuantity : null;
       const othersInBundle = Math.max(0, alreadyInBundle - ownQty);
       const stockCap = typeof stock === "number" ? Math.max(0, stock - othersInBundle) : void 0;
+      const vMax = variantRuleFor(variantId, rulesMap)?.max;
+      const rMin = ruleForVariant(variant).min;
       effectiveMax = swapUnits > 0 ? typeof stockCap === "number" ? Math.min(swapUnits, stockCap) : swapUnits : stepperCeiling(
         pRule,
         capacity.remainingSpots(),
         stockCap,
         ownQty,
-        otherUnits
+        otherUnits,
+        vMax
       );
-      if (effectiveMax < pRule.min) {
-        current = pRule.min;
+      if (effectiveMax < rMin) {
+        current = rMin;
       } else {
         if (current > effectiveMax) current = effectiveMax;
-        if (current < pRule.min) current = pRule.min;
+        if (current < rMin) current = rMin;
       }
       paint();
     };
@@ -1469,7 +1526,7 @@ function buildPickerRow(p, rowIndex, ctx) {
       }
     };
     qtyMinusBtn.addEventListener("click", () => {
-      if (current > pRule.min) current -= 1;
+      if (current > ruleForVariant(currentVariant).min) current -= 1;
       paint();
       commitQtyToBundle();
     });
@@ -1539,7 +1596,7 @@ function buildPickerRow(p, rowIndex, ctx) {
       }
       currentVariant = v;
       row.setAttribute("data-selected-variant-id", String(v.id));
-      const resolvedQty = pRule.min;
+      const resolvedQty = ruleForVariant(v).min;
       priceSaleEl.textContent = formatMoney(v.price * resolvedQty);
       paintRowCompare(priceCompareEl, v, resolvedQty);
       if (v.unitPrice) {
@@ -1641,17 +1698,19 @@ function buildPickerRow(p, rowIndex, ctx) {
     if (setBoundsForVariant) {
       const committed = capacity.ownQty(variant.id);
       if (committed > 0) current = committed;
-      else if (lastVariantId !== variant.id) current = pRule.min;
+      else if (lastVariantId !== variant.id)
+        current = ruleForVariant(variant).min;
       lastVariantId = variant.id;
       setBoundsForVariant(variant, already);
     }
     const rowSwapUnits = capacity.swapUnits(p.id, variant.id);
-    const inSwapState = rowSwapUnits >= pRule.min;
+    const vRule = ruleForVariant(variant);
+    const inSwapState = rowSwapUnits >= vRule.min;
     const remaining = capacity.remainingSpots();
-    const needsMoreSpots = !inBundle && !inSwapState && !isRowAddable(pRule, remaining);
+    const needsMoreSpots = !inBundle && !inSwapState && !isRowAddable(vRule, remaining);
     if (needsSpotsEl) {
       if (needsMoreSpots && remaining > 0) {
-        needsSpotsEl.textContent = formatNeedsSpots(pRule.min, t);
+        needsSpotsEl.textContent = formatNeedsSpots(vRule.min, t);
         needsSpotsEl.hidden = false;
       } else {
         needsSpotsEl.hidden = true;
@@ -1688,11 +1747,11 @@ function buildPickerRow(p, rowIndex, ctx) {
         addBtn.classList.remove("lb-mix-match__modal-add--required");
         row.classList.remove("lb-mix-match__modal-product--in-bundle");
         addedBadge.hidden = true;
-        const noStock = typeof stock === "number" ? Math.max(0, stock - already) < pRule.min : false;
+        const noStock = typeof stock === "number" ? Math.max(0, stock - already) < vRule.min : false;
         if (inSwapState) {
           addBtn.disabled = noStock;
         } else {
-          const productMaxed = pRule.max - capacity.productUnitsElsewhere(p.id, variant.id) < pRule.min;
+          const productMaxed = pRule.max - capacity.productUnitsElsewhere(p.id, variant.id) < vRule.min;
           addBtn.disabled = noStock || productMaxed || needsMoreSpots || capacity.isFull();
         }
       }
@@ -1844,7 +1903,7 @@ function createPickerModal(deps) {
         rowQtyEl.getAttribute("data-qty") || rowQtyEl.textContent || "",
         10
       ) || 1
-    ) : defaultPickQuantity(prod.id, deps.rulesMap);
+    ) : defaultPickQuantity(prod.id, deps.rulesMap, selectedVariant.id);
     const newItem = {
       productId: prod.id,
       variantId: selectedVariant.id,
@@ -2053,6 +2112,7 @@ function productUnitsInOtherSlots(items, productId, excludeVariantId) {
   return qty;
 }
 function canRemovePick(items, item, rulesMap) {
+  if (variantRuleFor(item.variantId, rulesMap)?.required) return false;
   const rule = ruleFor(item.productId, rulesMap);
   if (!rule.required) return true;
   let unitsElsewhere = 0;
@@ -2317,8 +2377,17 @@ function seedSelection(eligibleProducts, rulesMap, requiredQty, courtesy) {
   });
   const required = [];
   for (const p of eligibleProducts) {
+    if (!p.available || !p.variants) continue;
+    let seededVariant = false;
+    for (const v3 of p.variants) {
+      const vRule = variantRuleFor(v3.id, rulesMap);
+      if (!vRule?.required || !v3.available) continue;
+      required.push(pick(p, v3, Math.max(1, vRule.min)));
+      seededVariant = true;
+    }
+    if (seededVariant) continue;
     const rule = ruleFor(p.id, rulesMap);
-    if (!rule.required || !p.available || !p.variants) continue;
+    if (!rule.required) continue;
     const v2 = firstAvailable(p);
     if (!v2) continue;
     required.push(pick(p, v2, Math.max(1, rule.min)));
@@ -2519,17 +2588,17 @@ function buildPickerModal(opts) {
 }
 
 // src/renderers/mix-match.ts
-function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart, onCleanup) {
+function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart, onCleanup, currentProductHandle) {
   const wc = bundle.widgetConfig;
   const t = DEFAULT_STRINGS;
   const requiredQty = bundle.minQuantity || 1;
-  const rulesMap = bundle.productRules ?? {};
+  const rulesMap = mergeRuleMaps(bundle.productRules, bundle.variantRules);
   const adapted = adaptProducts(bundle);
-  const eligibleProducts = adapted.map((p) => ({
+  const eligibleProducts = adapted.map((p, i) => ({
     id: Number(p.productId),
     title: p.title ?? "",
     url: p.url ?? null,
-    type: "",
+    type: bundle.products[i]?.productType ?? "",
     featuredImage: p.featuredImage ?? null,
     available: p.variants.some((v) => v.available),
     optionNames: p.optionNames,
@@ -2574,16 +2643,21 @@ function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart
   const overlay = buildPickerModal({
     bundleGid: bundle.id,
     domId: bundle.id.replace(/\D/g, ""),
-    showSearch: true,
-    showTypeFilters: false,
+    showSearch: wc.showSearch !== false,
+    showTypeFilters: wc.mixMatchShowTypeFilters !== false,
     segmentCount: requiredQty,
     wizard: false
   });
   shell.root.appendChild(overlay);
+  const currentIdx = currentProductHandle ? bundle.products.findIndex((p) => p.handle === currentProductHandle) : -1;
   const selectedItems = seedSelection(
     eligibleProducts,
     rulesMap,
-    requiredQty
+    requiredQty,
+    {
+      enabled: !!currentProductHandle,
+      currentProductId: currentIdx !== -1 ? eligibleProducts[currentIdx]?.id ?? null : null
+    }
   );
   const rowCapacity = {
     remainingSpots: () => remainingUnits(selectedItems, requiredQty),
@@ -2620,7 +2694,13 @@ function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart
       shell.root,
       selectedItems,
       requiredQty,
-      bundle,
+      // The shared updater reads the theme data-block shape: discount fields
+      // flat, not nested under discountConfig. Passing the bundle itself left
+      // `discountType` undefined, so the summary never painted.
+      {
+        discountType: bundle.discountConfig.discountType,
+        discountValue: bundle.discountConfig.discountValue
+      },
       (total, type, value) => (0, import_core3.calculateDiscount)(total, type, value),
       updatePricing2(formatMoney)
     );
@@ -2633,7 +2713,7 @@ function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart
     rulesMap,
     eligibleProducts,
     requiredQty,
-    showQtySelector: true,
+    showQtySelector: wc.mixMatchShowQuantitySelector !== false,
     items: selectedItems,
     formatMoney,
     rowCapacity,
@@ -2644,7 +2724,9 @@ function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart
     onSelectionChanged: updateAll,
     addSelection: (item) => {
       if (totalUnits(selectedItems) + (item.quantity || 1) > requiredQty) return;
-      const headroom = ruleFor(item.productId, rulesMap).max - productUnitsInOtherSlots(selectedItems, item.productId, item.variantId);
+      const vMax = variantRuleFor(item.variantId, rulesMap)?.max;
+      let headroom = ruleFor(item.productId, rulesMap).max - productUnitsInOtherSlots(selectedItems, item.productId, item.variantId);
+      if (typeof vMax === "number") headroom = Math.min(headroom, vMax);
       if ((item.quantity || 1) > headroom) return;
       selectedItems.push(item);
       updateAll();
@@ -2694,6 +2776,9 @@ function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart
   onCleanup?.(bindDropdowns(shell.root));
 }
 
+// src/renderers/volume.ts
+var import_core4 = require("@lime-bundles/core");
+
 // ../render/src/volume/pricing.ts
 function calcTierPrice(basePrice, discountType, tierEl) {
   if (discountType === "fixed_amount") {
@@ -2722,6 +2807,23 @@ function formatItemCount(qty, translations) {
   const tpl = translations.itemCount[form] || translations.itemCount.other || "__COUNT__";
   return " (" + tpl.split("__COUNT__").join(String(qty)) + ")";
 }
+function updateAllTierPrices(allTiers, basePrice, discountType, formatMoney) {
+  for (let i = 0; i < allTiers.length; i++) {
+    const tierEl = allTiers[i];
+    const priceEachEl = tierEl.querySelector(
+      "[data-tier-price-each]"
+    );
+    if (priceEachEl) {
+      priceEachEl.textContent = formatMoney(
+        calcTierPrice(basePrice, discountType, tierEl)
+      );
+    }
+    const compareEl = tierEl.querySelector(
+      ".lb-volume__tier-compare"
+    );
+    if (compareEl) compareEl.textContent = formatMoney(basePrice);
+  }
+}
 function selectTier(container, allTiers, basePrice, discountType, index, translations, formatMoney) {
   for (let i = 0; i < allTiers.length; i++) {
     allTiers[i].setAttribute("aria-checked", i === index ? "true" : "false");
@@ -2779,8 +2881,17 @@ function renderVolumeBundle(container, bundle, outOfStockBehavior, onAddToCart)
   const discountType = bundle.discountConfig.discountType;
   const formatMoney = intlFormatMoney(product.priceRange.minVariantPrice.currencyCode);
   const t = DEFAULT_STRINGS;
-  const popularIdx = wc.popularBadge?.visible ? Math.floor((bundle.volumeTiers.length - 1) / 2) : -1;
-  const defaultIdx = 0;
+  const bestIdx = (0, import_core4.bestValueTierIndex)(bundle.volumeTiers, discountType);
+  const defaultIdx = (0, import_core4.resolveDefaultTierIndex)(
+    wc.defaultTier,
+    bundle.volumeTiers.length,
+    bestIdx
+  );
+  const popularIdx = (0, import_core4.resolvePopularTierIndex)(
+    wc.popularBadge?.tierIndex,
+    wc.popularBadge?.visible !== false,
+    bestIdx
+  );
   const tiers = bundle.volumeTiers.map((tier, i) => {
     const percent = discountType === "fixed_amount" ? 0 : Math.round(tier.percentage ?? 0);
     const amountCents = discountType === "fixed_amount" ? Math.round((tier.amount ?? 0) * 100) : 0;
@@ -2801,16 +2912,21 @@ function renderVolumeBundle(container, bundle, outOfStockBehavior, onAddToCart)
     title: bundle.title,
     subtitle: bundle.description,
     summaryLabel: "Total",
-    withItemCount: true,
+    withItemCount: wc.pricing?.showItemCount !== false,
     totalPriceSlot: true,
     showSavingsBar: wc.savingsBar?.visible !== false,
     showComparePrice: wc.pricing?.showCompareAtPrice !== false,
     ctaText: wc.cta?.ctaText || t.addToCart || "Add to cart",
     endsAt: wc.countdown?.showCountdown === false ? null : bundle.endsAt
   });
-  const group = buildVolumeTiers(tiers, "Select quantity");
+  const group = buildVolumeTiers(tiers, "Select quantity", {
+    showCompare: wc.pricing?.showComparePrice !== false,
+    showPriceEach: wc.pricing?.showPerUnitPrice !== false,
+    unitLabel: (t.each || "each").trim()
+  });
   shell.products.replaceWith(group);
   const tierEls = group.querySelectorAll("[data-tier-index]");
+  updateAllTierPrices(tierEls, basePrice, discountType, formatMoney);
   let selectedIndex = defaultIdx;
   const apply = () => selectTier(shell.root, tierEls, basePrice, discountType, selectedIndex, t, formatMoney);
   group.addEventListener("click", (e) => {
@@ -2960,6 +3076,13 @@ function buildBogoCartItems(sides, percent, buyQty, getQty) {
 }
 
 // src/renderers/bogo.ts
+function buildBogoPlus() {
+  const plus = document.createElement("div");
+  plus.className = "lb-bogo__plus";
+  plus.setAttribute("aria-hidden", "true");
+  plus.innerHTML = '<svg width="12" height="12" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><line x1="9" y1="3" x2="9" y2="15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><line x1="3" y1="9" x2="15" y2="9" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>';
+  return plus;
+}
 function renderBogoBundle(container, bundle, outOfStockBehavior, onAddToCart, onCleanup) {
   const wc = bundle.widgetConfig;
   const buyProduct = bundle.products.find((p) => p.id === bundle.buyProductId);
@@ -3008,6 +3131,7 @@ function renderBogoBundle(container, bundle, outOfStockBehavior, onAddToCart, on
   const badgeText = percent >= 100 ? "Free" : percent + "% off";
   sides.forEach((side, i) => {
     const isGet = i === 1;
+    if (isGet) shell.products.appendChild(buildBogoPlus());
     const isOos = !side.variants.some((v) => v.available);
     const row = buildRowSkeleton(side, t, {
       isOos,
@@ -3036,7 +3160,7 @@ function renderBogoBundle(container, bundle, outOfStockBehavior, onAddToCart, on
     shell.cta.disabled = true;
     const label = shell.cta.querySelector("[data-cta-label]");
     if (label) {
-      label.textContent = (t.itemsOutOfStock || "__COUNT__ items out of stock").split("__COUNT__").join(String(oosCount));
+      label.textContent = formatItemsOutOfStock(t, oosCount);
     }
   } else {
     shell.cta.addEventListener("click", () => {
@@ -3056,7 +3180,7 @@ function renderBogoBundle(container, bundle, outOfStockBehavior, onAddToCart, on
 }
 
 // src/renderers/multi-step.ts
-var import_core4 = require("@lime-bundles/core");
+var import_core5 = require("@lime-bundles/core");
 
 // ../render/src/multi-step/i18n.ts
 function stepOfLabel(i, total, t) {
@@ -3104,6 +3228,7 @@ function allSatisfied(selections, steps) {
   return true;
 }
 function canRemovePick2(selections, item, rulesMap) {
+  if (variantRuleFor(item.variantId, rulesMap)?.required) return false;
   const rule = ruleFor(item.productId, rulesMap);
   if (!rule.required) return true;
   let unitsElsewhere = 0;
@@ -3456,7 +3581,7 @@ function createWizard(deps) {
         rowQtyEl.getAttribute("data-qty") || rowQtyEl.textContent || "",
         10
       ) || 1
-    ) : defaultPickQuantity(prod.id, deps.rulesMap);
+    ) : defaultPickQuantity(prod.id, deps.rulesMap, selectedVariant.id);
     const newItem = {
       productId: prod.id,
       variantId: selectedVariant.id,
@@ -3676,7 +3801,7 @@ function createWizard(deps) {
 function renderMultiStepBundle(container, bundle, outOfStockBehavior, onAddToCart, onCleanup) {
   const wc = bundle.widgetConfig;
   const t = DEFAULT_STRINGS;
-  const rulesMap = bundle.productRules ?? {};
+  const rulesMap = mergeRuleMaps(bundle.productRules, bundle.variantRules);
   const steps = bundle.steps ?? [];
   if (!steps.length) return;
   const quantities = {
@@ -3684,7 +3809,7 @@ function renderMultiStepBundle(container, bundle, outOfStockBehavior, onAddToCar
     variantQuantities: bundle.variantQuantities
   };
   const pools = steps.map(
-    (_, i) => (0, import_core4.productsForStep)(bundle, i).map((product) => {
+    (_, i) => (0, import_core5.productsForStep)(bundle, i).map((product) => {
       const p = adaptProduct(product, bundle.id, {
         quantities,
         allowedVariantIds: null
@@ -3758,8 +3883,8 @@ function renderMultiStepBundle(container, bundle, outOfStockBehavior, onAddToCar
   const overlay = buildPickerModal({
     bundleGid: bundle.id,
     domId: bundle.id.replace(/\D/g, ""),
-    showSearch: true,
-    showTypeFilters: true,
+    showSearch: wc.showSearch !== false,
+    showTypeFilters: wc.mixMatchShowTypeFilters !== false,
     segmentCount: null,
     wizard: true
   });
@@ -3794,7 +3919,7 @@ function renderMultiStepBundle(container, bundle, outOfStockBehavior, onAddToCar
         discountType: bundle.discountConfig.discountType,
         discountValue: bundle.discountConfig.discountValue
       },
-      (total, type, value) => (0, import_core4.calculateDiscount)(total, type, value),
+      (total, type, value) => (0, import_core5.calculateDiscount)(total, type, value),
       updatePricing2(formatMoney)
     );
     updateProgress2(bodyDeps);
@@ -3806,8 +3931,8 @@ function renderMultiStepBundle(container, bundle, outOfStockBehavior, onAddToCar
     selections,
     t,
     rulesMap,
-    showQtySelector: true,
-    showTypeFilters: true,
+    showQtySelector: wc.mixMatchShowQuantitySelector !== false,
+    showTypeFilters: wc.mixMatchShowTypeFilters !== false,
     formatMoney,
     dropdown: void 0,
     portalTarget: null,
@@ -3857,7 +3982,7 @@ function renderMultiStepBundle(container, bundle, outOfStockBehavior, onAddToCar
 }
 
 // src/lime-bundle.ts
-var import_core6 = require("@lime-bundles/core");
+var import_core7 = require("@lime-bundles/core");
 
 // src/utils/input-mode.ts
 var NAV_KEYS = /* @__PURE__ */ new Set([
@@ -4196,7 +4321,10 @@ a.lb-bundle-product-name:focus-visible {
    toggle: present in admin \u2192 shown; absent \u2192 hidden. Styled as muted
    secondary text beneath the price row so it doesn't compete visually. */
 .lb-bundle-product-unit-price {
-  display: block;
+  /* Fallback is the "on" branch; Liquid sets 'none' when the merchant disables
+     productList.showUnitPrice. The [hidden] rule below still wins for rows
+     whose variant has no unit price at all. */
+  display: var(--lb-product-unit-price-display, block);
   font-size: 12px;
   line-height: 16px;
   color: color-mix(in srgb, var(--lb-text) 60%, transparent);
@@ -4375,6 +4503,10 @@ a.lb-bundle-product-name:focus-visible {
    cards). Quiet, theme-inherited; the fixed widget uses .lb-bundle-qty-chip in
    the card's right slot instead. */
 .lb-bundle-qty-inline {
+  /* Fallback is the "on" branch; Liquid sets 'none' when the merchant disables
+     productList.showQuantity. The fixed widget's chip carries its own var
+     because it is a flex box, not inline text. */
+  display: var(--lb-product-qty-inline-display, inline);
   font-size: 13px;
   font-weight: 400;
   color: color-mix(in srgb, var(--lb-text) 55%, transparent);
@@ -4607,6 +4739,10 @@ a.lb-bundle-product-name:focus-visible {
 .lb-bundle-thumbnail[style*="--lb-row-thumb-ratio"] {
   aspect-ratio: var(--lb-row-thumb-ratio);
 }
+/* This selector outranks the \`.lb-bundle-thumbnail\` rule above, so Liquid must
+   emit the inline var for the "original" ratio and nothing else. Emitting it
+   unconditionally silently replaced every merchant ratio with the image's own,
+   which looks like the setting being ignored. */
 `;
 var BUNDLE_FIXED_CSS = `/* Lime Bundles \u2014 Fixed bundle styles */
 
@@ -4656,7 +4792,10 @@ var BUNDLE_FIXED_CSS = `/* Lime Bundles \u2014 Fixed bundle styles */
   min-width: 34px;
   height: 28px;
   padding: 0 8px;
-  display: inline-flex;
+  /* Fallback is the "on" branch; Liquid sets 'none' when the merchant disables
+     productList.showQuantity. Separate from --lb-product-qty-inline-display
+     because this chip is a flex box and the other counts are inline text. */
+  display: var(--lb-product-qty-chip-display, inline-flex);
   align-items: center;
   justify-content: center;
   border-radius: var(--lb-radius-sm);
@@ -6499,6 +6638,13 @@ var LimeBundleElement = class extends HTMLElement {
   buyer = void 0;
   shadow;
   bundles = [];
+  /**
+   * The product handle this embed is standing on, when one can be resolved
+   * (attribute → meta tag → /products/<handle> path). The mix-and-match
+   * courtesy seed uses it to pre-add the current product the way the theme
+   * widget does; null on pages with no product context.
+   */
+  currentProductHandle = null;
   abortController = null;
   impressionCleanups = [];
   /**
@@ -6518,7 +6664,7 @@ var LimeBundleElement = class extends HTMLElement {
    * before the first render. Defaults to `show_greyed_out` so a failed or
    * missing fetch degrades to "bundles still render".
    */
-  outOfStockBehavior = import_core5.DEFAULT_OUT_OF_STOCK_BEHAVIOR;
+  outOfStockBehavior = import_core6.DEFAULT_OUT_OF_STOCK_BEHAVIOR;
   constructor() {
     super();
     this.shadow = this.attachShadow({ mode: "open" });
@@ -6580,13 +6726,13 @@ var LimeBundleElement = class extends HTMLElement {
    * no buyer/country/language is set.
    */
   wrapQueryForContext(query) {
-    return (0, import_core5.hasInContext)({
+    return (0, import_core6.hasInContext)({
       shopDomain: this.shopDomain,
       accessToken: this.storefrontToken,
       country: this.country,
       language: this.language,
       buyer: this.buyer
-    }) ? (0, import_core5.withInContext)(query) : query;
+    }) ? (0, import_core6.withInContext)(query) : query;
   }
   /**
    * Returns true if this bundle should be hidden for the current market.
@@ -6595,7 +6741,7 @@ var LimeBundleElement = class extends HTMLElement {
    * marketIds doesn't include the configured market.
    */
   isMarketHidden(bundle) {
-    return !(0, import_core5.isVisibleInMarket)(bundle, this.marketId);
+    return !(0, import_core6.isVisibleInMarket)(bundle, this.marketId);
   }
   async fetchBundle() {
     if (!this.shopDomain || !this.storefrontToken) {
@@ -6608,7 +6754,7 @@ var LimeBundleElement = class extends HTMLElement {
     const controller = new AbortController();
     this.abortController = controller;
     this.renderLoading();
-    const client = (0, import_core5.createStorefrontClient)({
+    const client = (0, import_core6.createStorefrontClient)({
       shopDomain: this.shopDomain,
       accessToken: this.storefrontToken,
       country: this.country,
@@ -6618,11 +6764,12 @@ var LimeBundleElement = class extends HTMLElement {
     try {
       let bundlePromise;
       let singleBundleMode = false;
+      this.currentProductHandle = resolveProductHandle(this.productHandleAttr);
       if (this.bundleGid) {
         singleBundleMode = true;
         bundlePromise = this.fetchSingleBundle(client, controller.signal);
       } else {
-        const handle = resolveProductHandle(this.productHandleAttr);
+        const handle = this.currentProductHandle;
         if (!handle) {
           this.teardownImpressions();
           this.renderError(
@@ -6636,7 +6783,7 @@ var LimeBundleElement = class extends HTMLElement {
           handle
         );
       }
-      const shopSettingsPromise = client.query(import_core5.SHOP_SETTINGS_QUERY, void 0, {
+      const shopSettingsPromise = client.query(import_core6.SHOP_SETTINGS_QUERY, void 0, {
         signal: controller.signal
       }).catch(() => null);
       await bundlePromise;
@@ -6649,11 +6796,11 @@ var LimeBundleElement = class extends HTMLElement {
       const shopSettings = await shopSettingsPromise;
       const customCss = shopSettings?.shop?.customCss?.value;
       if (customCss) {
-        (0, import_core5.injectCustomCss)(this.shopDomain, customCss);
-        const sanitized = (0, import_core5.sanitizeCustomCss)(customCss);
+        (0, import_core6.injectCustomCss)(this.shopDomain, customCss);
+        const sanitized = (0, import_core6.sanitizeCustomCss)(customCss);
         if (sanitized.ok) this.shopCustomCss = sanitized.css;
       }
-      this.outOfStockBehavior = (0, import_core5.parseOutOfStockBehavior)(
+      this.outOfStockBehavior = (0, import_core6.parseOutOfStockBehavior)(
         shopSettings?.shop?.outOfStockBehavior?.value
       );
       this.renderBundles();
@@ -6668,7 +6815,7 @@ var LimeBundleElement = class extends HTMLElement {
   }
   async fetchSingleBundle(client, signal) {
     const data = await client.query(
-      this.wrapQueryForContext(import_core5.BUNDLE_METAOBJECT_QUERY),
+      this.wrapQueryForContext(import_core6.BUNDLE_METAOBJECT_QUERY),
       { id: this.bundleGid },
       { signal }
     );
@@ -6676,7 +6823,7 @@ var LimeBundleElement = class extends HTMLElement {
       this.bundles = [];
       return;
     }
-    const parsed = (0, import_core5.parseMetaobjectBundle)(
+    const parsed = (0, import_core6.parseMetaobjectBundle)(
       data.metaobject.id,
       data.metaobject.fields
     );
@@ -6684,7 +6831,7 @@ var LimeBundleElement = class extends HTMLElement {
   }
   async fetchProductBundles(client, signal, productHandle) {
     const data = await client.query(
-      this.wrapQueryForContext(import_core5.BUNDLES_FOR_PRODUCT_QUERY),
+      this.wrapQueryForContext(import_core6.BUNDLES_FOR_PRODUCT_QUERY),
       { handle: productHandle },
       { signal }
     );
@@ -6695,10 +6842,10 @@ var LimeBundleElement = class extends HTMLElement {
     const refs = data.product.metafield?.references?.nodes ?? [];
     const bundles = [];
     for (const ref of refs) {
-      const parsed = (0, import_core5.parseMetaobjectBundle)(ref.id, ref.fields);
+      const parsed = (0, import_core6.parseMetaobjectBundle)(ref.id, ref.fields);
       if (parsed && !this.isMarketHidden(parsed)) bundles.push(parsed);
     }
-    this.bundles = bundles;
+    this.bundles = (0, import_core6.resolveAbTests)(bundles, (0, import_core6.getVisitorId)());
   }
   /**
    * Dispatch add-to-cart with a cancelable event, then — unless a listener
@@ -6728,7 +6875,7 @@ var LimeBundleElement = class extends HTMLElement {
    */
   async defaultAddToCart(lines) {
     if (typeof window === "undefined") return;
-    const client = (0, import_core5.createStorefrontClient)({
+    const client = (0, import_core6.createStorefrontClient)({
       shopDomain: this.shopDomain,
       accessToken: this.storefrontToken
     });
@@ -6739,7 +6886,7 @@ var LimeBundleElement = class extends HTMLElement {
       let checkoutUrl = null;
       if (existingCartId) {
         const res = await client.query(
-          import_core5.CART_LINES_ADD_MUTATION,
+          import_core6.CART_LINES_ADD_MUTATION,
           { cartId: existingCartId, lines }
         );
         const payload = res.cartLinesAdd;
@@ -6751,7 +6898,7 @@ var LimeBundleElement = class extends HTMLElement {
       }
       if (!checkoutUrl) {
         const res = await client.query(
-          import_core5.CART_CREATE_MUTATION,
+          import_core6.CART_CREATE_MUTATION,
           { input: { lines } }
         );
         const payload = res.cartCreate;
@@ -6797,7 +6944,7 @@ var LimeBundleElement = class extends HTMLElement {
       const price = variant ? parseFloat(variant.price.amount) : 0;
       return sum + price * line.quantity;
     }, 0);
-    (0, import_core5.reportAddToCart)(
+    (0, import_core6.reportAddToCart)(
       { shopDomain: this.shopDomain, appUrl: this.appUrl },
       {
         bundleGid: bundle.id,
@@ -6836,7 +6983,8 @@ var LimeBundleElement = class extends HTMLElement {
       container.setAttribute("aria-label", bundle.title);
       container.setAttribute("data-bundle-type", bundle.bundleType);
       container.setAttribute("data-bundle-gid", bundle.id);
-      (0, import_core6.applyWidgetConfigVars)(container, bundle.widgetConfig);
+      if (bundle.endsAt) container.setAttribute("data-ends-at", bundle.endsAt);
+      (0, import_core7.applyWidgetConfigVars)(container, bundle.widgetConfig);
       this.renderCleanups.push(trackInputMode(container));
       const dispatch = (lines) => this.handleAddToCart(bundle, lines);
       const registerCleanup = (fn) => this.renderCleanups.push(fn);
@@ -6856,7 +7004,8 @@ var LimeBundleElement = class extends HTMLElement {
             bundle,
             this.outOfStockBehavior,
             dispatch,
-            registerCleanup
+            registerCleanup,
+            this.currentProductHandle
           );
           break;
         case "volume":
@@ -6902,8 +7051,8 @@ var LimeBundleElement = class extends HTMLElement {
   }
   setupImpressionFor(bundle, element) {
     if (!this.analyticsEnabled || !this.appUrl) return;
-    const cleanup = (0, import_core5.observeImpression)(element, () => {
-      (0, import_core5.reportImpression)(
+    const cleanup = (0, import_core6.observeImpression)(element, () => {
+      (0, import_core6.reportImpression)(
         { shopDomain: this.shopDomain, appUrl: this.appUrl },
         {
           bundleGid: bundle.id,