@lime-bundles/react 6.0.0 → 6.1.0

package/dist/index.js

@@ -1131,9 +1131,16 @@ function useFocusTrap({
 
 // src/components/MixMatchPicker.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "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] ?? 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, "-");
 }
@@ -1438,6 +1445,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) => isVariantFulfillable2(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 = useMemo5(() => {
     if (!currentVariant) return 0;
     let sum = 0;
@@ -1465,22 +1474,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 ? maxAddableQuantity(
     currentVariant,
     spotCeiling,
     Math.max(0, alreadyInBundle - committedQty)
   ) : 0;
-  const stepperMax = Math.max(rule.min, cap);
-  const [qty, setQty] = useState7(rule.min);
+  const stepperMax = Math.max(vRule.min, cap);
+  const [qty, setQty] = useState7(vRule.min);
   useEffect10(() => {
-    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;
   useEffect10(() => {
-    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 = formatUnitPrice2(
@@ -1488,8 +1501,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;
@@ -1500,7 +1513,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,
@@ -1700,10 +1713,18 @@ function SearchClearIcon() {
 
 // src/components/MixMatchBundle.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "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] ?? DEFAULT_PRODUCT_RULE2;
 }
+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);
@@ -2898,9 +2919,16 @@ import {
   DEFAULT_PRODUCT_RULE as DEFAULT_PRODUCT_RULE3
 } from "@lime-bundles/core";
 import { jsx as jsx7, jsxs as jsxs7 } from "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] ?? DEFAULT_PRODUCT_RULE3;
 }
+function variantRuleFor3(bundle, variantId) {
+  return variantId ? bundle.variantRules[variantId] : void 0;
+}
 function sanitizeId2(gid) {
   return gid.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
@@ -3253,6 +3281,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) => isVariantFulfillable6(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 = useMemo9(
     () => selections[stepIndex] ?? [],
     [selections, stepIndex]
@@ -3287,24 +3317,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 = 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 ? maxAddableQuantity2(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] = useState11(rule.min);
+  const stepperMax = Math.max(vRule.min, cap);
+  const [qty, setQty] = useState11(vRule.min);
   useEffect14(() => {
-    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;
   useEffect14(() => {
-    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 = formatUnitPrice6(
@@ -3312,8 +3345,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;
@@ -3324,7 +3357,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,
@@ -3409,7 +3442,7 @@ function MultiStepPickerRow({
             );
           }) }),
           !showPicker && variants.length === 1 && currentVariant.title !== "Default Title" && /* @__PURE__ */ jsx7("span", { className: "lb-mix-match__filled-variant", children: currentVariant.title }),
-          !isOos && needsMoreSpots && room > 0 && /* @__PURE__ */ jsx7("span", { className: "lb-mix-match__modal-needs-spots", children: rule.min === 1 ? "Needs 1 spot" : `Needs ${rule.min} spots` }),
+          !isOos && needsMoreSpots && room > 0 && /* @__PURE__ */ jsx7("span", { className: "lb-mix-match__modal-needs-spots", children: vRule.min === 1 ? "Needs 1 spot" : `Needs ${vRule.min} spots` }),
           isOos ? /* @__PURE__ */ jsx7("span", { className: "lb-mix-match__modal-sold-out-label", children: "Sold out" }) : /* @__PURE__ */ jsxs7("div", { className: "lb-mix-match__modal-product-actions", children: [
             showStepper && /* @__PURE__ */ jsx7("div", { className: "lb-bundle-variant-option-group lb-mix-match__qty-stepper-group", children: /* @__PURE__ */ jsxs7(
               "div",
@@ -3424,17 +3457,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"
@@ -3526,10 +3559,18 @@ function SearchClearIcon2() {
 
 // src/components/MultiStepBundle.tsx
 import { jsx as jsx8, jsxs as jsxs8 } from "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] ?? DEFAULT_PRODUCT_RULE4;
 }
+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;