@lime-bundles/react 6.0.0 → 6.1.0

package/dist/index.cjs

@@ -1155,9 +1155,16 @@ function useFocusTrap({
 
 // src/components/MixMatchPicker.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-function ruleFor(bundle, productId) {
+function ruleFor(bundle, productId, variantId) {
+  if (variantId) {
+    const vRule = bundle.variantRules[variantId];
+    if (vRule) return vRule;
+  }
   return bundle.productRules[productId] ?? import_core10.DEFAULT_PRODUCT_RULE;
 }
+function variantRuleFor(bundle, variantId) {
+  return variantId ? bundle.variantRules[variantId] : void 0;
+}
 function sanitizeId(gid) {
   return gid.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
@@ -1462,6 +1469,8 @@ function MixMatchPickerRow({
   const showPicker = variants.length > 1 && optionNames.length > 0;
   const { selectedValues, selectedVariant, setOptionValue, optionsFor } = useVariantSelection({ variants, optionNames });
   const currentVariant = selectedVariant ?? variants.find((v) => (0, import_core10.isVariantFulfillable)(v, rule.min)) ?? eligible.firstAvailableVariant ?? variants[0] ?? null;
+  const vRule = ruleFor(bundle, product.id, currentVariant?.id);
+  const variantMax = variantRuleFor(bundle, currentVariant?.id)?.max;
   const alreadyInBundle = (0, import_react11.useMemo)(() => {
     if (!currentVariant) return 0;
     let sum = 0;
@@ -1489,22 +1498,26 @@ function MixMatchPickerRow({
     return sum;
   }, [selections, product.id, currentVariant]);
   const swapUnits = currentVariant ? swapUnitsFor?.(product.id, currentVariant.id) ?? 0 : 0;
-  const inSwapState = swapUnits >= rule.min;
-  const spotCeiling = inSwapState ? swapUnits : Math.min(rule.max - productOtherUnits, committedQty + remainingUnits);
+  const inSwapState = swapUnits >= vRule.min;
+  const spotCeiling = inSwapState ? swapUnits : Math.min(
+    rule.max - productOtherUnits,
+    committedQty + remainingUnits,
+    variantMax ?? Infinity
+  );
   const cap = currentVariant ? (0, import_core10.maxAddableQuantity)(
     currentVariant,
     spotCeiling,
     Math.max(0, alreadyInBundle - committedQty)
   ) : 0;
-  const stepperMax = Math.max(rule.min, cap);
-  const [qty, setQty] = (0, import_react11.useState)(rule.min);
+  const stepperMax = Math.max(vRule.min, cap);
+  const [qty, setQty] = (0, import_react11.useState)(vRule.min);
   (0, import_react11.useEffect)(() => {
-    setQty((prev) => Math.max(rule.min, Math.min(prev, stepperMax)));
-  }, [stepperMax, rule.min]);
+    setQty((prev) => Math.max(vRule.min, Math.min(prev, stepperMax)));
+  }, [stepperMax, vRule.min]);
   const currentVariantId = currentVariant?.id ?? null;
   (0, import_react11.useEffect)(() => {
-    if (!variantInBundle) setQty(rule.min);
-  }, [variantInBundle, currentVariantId, rule.min]);
+    if (!variantInBundle) setQty(vRule.min);
+  }, [variantInBundle, currentVariantId, vRule.min]);
   if (!currentVariant) return null;
   const thumbImage = currentVariant.image ?? product.featuredImage ?? null;
   const unitPriceText = (0, import_core10.formatUnitPrice)(
@@ -1512,8 +1525,8 @@ function MixMatchPickerRow({
     currentVariant.unitPriceMeasurement,
     currency
   );
-  const noStock = cap < rule.min;
-  const needsMoreSpots = !variantInBundle && !inSwapState && rule.min > remainingUnits;
+  const noStock = cap < vRule.min;
+  const needsMoreSpots = !variantInBundle && !inSwapState && vRule.min > remainingUnits;
   const addDisabled = !variantInBundle && (inSwapState ? noStock : atCapacity || noStock || needsMoreSpots);
   const lockedRequired = variantInBundle && currentVariant != null && !(canRemoveVariant?.(currentVariant.id) ?? true);
   const stepperDisabled = isOos || !variantInBundle && addDisabled;
@@ -1524,7 +1537,7 @@ function MixMatchPickerRow({
       return;
     }
     if (!currentVariant || noStock) return;
-    const pickedQty = showStepper ? qty : rule.min;
+    const pickedQty = showStepper ? qty : vRule.min;
     const item = {
       productId: product.id,
       variantId: currentVariant.id,
@@ -1724,10 +1737,18 @@ function SearchClearIcon() {
 
 // src/components/MixMatchBundle.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function ruleFor2(bundle, productId) {
+function ruleFor2(bundle, productId, variantId) {
+  if (variantId) {
+    const vRule = bundle.variantRules[variantId];
+    if (vRule) return vRule;
+  }
   return bundle.productRules[productId] ?? import_core11.DEFAULT_PRODUCT_RULE;
 }
+function variantRuleFor2(bundle, variantId) {
+  return variantId ? bundle.variantRules[variantId] : void 0;
+}
 function canRemoveItem(bundle, selections, item) {
+  if (variantRuleFor2(bundle, item.variantId)?.required) return false;
   const rule = ruleFor2(bundle, item.productId);
   if (!rule.required) return true;
   const unitsElsewhere = selections.filter((s) => s.productId === item.productId && s !== item).reduce((sum, s) => sum + s.quantity, 0);
@@ -2889,9 +2910,16 @@ var import_react15 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_core14 = require("@lime-bundles/core");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function ruleFor3(bundle, productId) {
+function ruleFor3(bundle, productId, variantId) {
+  if (variantId) {
+    const vRule = bundle.variantRules[variantId];
+    if (vRule) return vRule;
+  }
   return bundle.productRules[productId] ?? import_core14.DEFAULT_PRODUCT_RULE;
 }
+function variantRuleFor3(bundle, variantId) {
+  return variantId ? bundle.variantRules[variantId] : void 0;
+}
 function sanitizeId2(gid) {
   return gid.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
@@ -3244,6 +3272,8 @@ function MultiStepPickerRow({
   const showPicker = variants.length > 1 && optionNames.length > 0;
   const { selectedValues, selectedVariant, setOptionValue, optionsFor } = useVariantSelection({ variants, optionNames });
   const currentVariant = selectedVariant ?? variants.find((v) => (0, import_core14.isVariantFulfillable)(v, rule.min)) ?? eligible.firstAvailableVariant ?? variants[0] ?? null;
+  const vRule = ruleFor3(bundle, product.id, currentVariant?.id);
+  const variantMax = variantRuleFor3(bundle, currentVariant?.id)?.max;
   const stepPicks = (0, import_react15.useMemo)(
     () => selections[stepIndex] ?? [],
     [selections, stepIndex]
@@ -3278,24 +3308,27 @@ function MultiStepPickerRow({
     return Math.max(0, sum - committedQty);
   }, [selections, currentVariant, committedQty]);
   const swapUnits = currentVariant ? swapUnitsFor?.(stepIndex, product.id, currentVariant.id) ?? 0 : 0;
-  const inSwapState = swapUnits >= rule.min;
+  const inSwapState = swapUnits >= vRule.min;
   const room = (0, import_core14.stepHeadroom)(step?.maxQuantity ?? null, unitsInStep);
-  const productHeadroom = rule.max - productOtherUnits;
+  const productHeadroom = Math.min(
+    rule.max - productOtherUnits,
+    variantMax ?? Infinity
+  );
   const spotCeiling = inSwapState ? swapUnits : Math.min(
     productHeadroom,
     room === Number.POSITIVE_INFINITY ? productHeadroom : committedQty + room
   );
   const stockRemaining = currentVariant ? (0, import_core14.maxAddableQuantity)(currentVariant, Number.MAX_SAFE_INTEGER, variantOtherUnits) : 0;
   const cap = Math.max(0, Math.min(spotCeiling, stockRemaining));
-  const stepperMax = Math.max(rule.min, cap);
-  const [qty, setQty] = (0, import_react15.useState)(rule.min);
+  const stepperMax = Math.max(vRule.min, cap);
+  const [qty, setQty] = (0, import_react15.useState)(vRule.min);
   (0, import_react15.useEffect)(() => {
-    setQty((prev) => Math.max(rule.min, Math.min(prev, stepperMax)));
-  }, [stepperMax, rule.min]);
+    setQty((prev) => Math.max(vRule.min, Math.min(prev, stepperMax)));
+  }, [stepperMax, vRule.min]);
   const currentVariantId = currentVariant?.id ?? null;
   (0, import_react15.useEffect)(() => {
-    if (!variantInStep) setQty(rule.min);
-  }, [variantInStep, currentVariantId, rule.min]);
+    if (!variantInStep) setQty(vRule.min);
+  }, [variantInStep, currentVariantId, vRule.min]);
   if (!currentVariant || !step) return null;
   const thumbImage = currentVariant.image ?? product.featuredImage ?? null;
   const unitPriceText = (0, import_core14.formatUnitPrice)(
@@ -3303,8 +3336,8 @@ function MultiStepPickerRow({
     currentVariant.unitPriceMeasurement,
     currency
   );
-  const noStock = cap < rule.min;
-  const needsMoreSpots = !variantInStep && !inSwapState && room !== Number.POSITIVE_INFINITY && rule.min > room;
+  const noStock = cap < vRule.min;
+  const needsMoreSpots = !variantInStep && !inSwapState && room !== Number.POSITIVE_INFINITY && vRule.min > room;
   const addDisabled = !variantInStep && (inSwapState ? noStock : noStock || needsMoreSpots);
   const lockedRequired = variantInStep && currentVariant != null && !(canRemoveVariant?.(currentVariant.id) ?? true);
   const stepperDisabled = isOos || !variantInStep && addDisabled;
@@ -3315,7 +3348,7 @@ function MultiStepPickerRow({
       return;
     }
     if (!currentVariant || noStock) return;
-    const pickedQty = showStepper ? qty : rule.min;
+    const pickedQty = showStepper ? qty : vRule.min;
     const item = {
       productId: product.id,
       variantId: currentVariant.id,
@@ -3400,7 +3433,7 @@ function MultiStepPickerRow({
             );
           }) }),
           !showPicker && variants.length === 1 && currentVariant.title !== "Default Title" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lb-mix-match__filled-variant", children: currentVariant.title }),
-          !isOos && needsMoreSpots && room > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lb-mix-match__modal-needs-spots", children: rule.min === 1 ? "Needs 1 spot" : `Needs ${rule.min} spots` }),
+          !isOos && needsMoreSpots && room > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lb-mix-match__modal-needs-spots", children: vRule.min === 1 ? "Needs 1 spot" : `Needs ${vRule.min} spots` }),
           isOos ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lb-mix-match__modal-sold-out-label", children: "Sold out" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lb-mix-match__modal-product-actions", children: [
             showStepper && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lb-bundle-variant-option-group lb-mix-match__qty-stepper-group", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "div",
@@ -3415,17 +3448,17 @@ function MultiStepPickerRow({
                       type: "button",
                       className: "lb-mix-match__qty-stepper-button lb-mix-match__qty-stepper-button--minus",
                       "aria-label": "Decrease quantity",
-                      disabled: stepperDisabled || shownQty <= rule.min,
+                      disabled: stepperDisabled || shownQty <= vRule.min,
                       onClick: () => {
                         if (variantInStep && currentVariant) {
                           onUpdateQuantity(
                             stepIndex,
                             product.id,
                             currentVariant.id,
-                            Math.max(rule.min, committedQty - 1)
+                            Math.max(vRule.min, committedQty - 1)
                           );
                         } else {
-                          setQty((q) => Math.max(rule.min, q - 1));
+                          setQty((q) => Math.max(vRule.min, q - 1));
                         }
                       },
                       children: "\u2212"
@@ -3517,10 +3550,18 @@ function SearchClearIcon2() {
 
 // src/components/MultiStepBundle.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function ruleFor4(bundle, productId) {
+function ruleFor4(bundle, productId, variantId) {
+  if (variantId) {
+    const vRule = bundle.variantRules[variantId];
+    if (vRule) return vRule;
+  }
   return bundle.productRules[productId] ?? import_core15.DEFAULT_PRODUCT_RULE;
 }
+function variantRuleFor4(bundle, variantId) {
+  return variantId ? bundle.variantRules[variantId] : void 0;
+}
 function canRemoveItem2(bundle, selections, item) {
+  if (variantRuleFor4(bundle, item.variantId)?.required) return false;
   const rule = ruleFor4(bundle, item.productId);
   if (!rule.required) return true;
   let unitsElsewhere = 0;