@cimplify/sdk 0.22.4 → 0.23.0

package/dist/react.js

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunkRRO6ZDZI_js = require('./chunk-RRO6ZDZI.js');
-var chunk4M2D57C3_js = require('./chunk-4M2D57C3.js');
-var chunk64OCG2TJ_js = require('./chunk-64OCG2TJ.js');
+var chunkRAKLT6J2_js = require('./chunk-RAKLT6J2.js');
+var chunkTXQHTHY5_js = require('./chunk-TXQHTHY5.js');
+var chunkKRNWMUBN_js = require('./chunk-KRNWMUBN.js');
 var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var numberField = require('@base-ui/react/number-field');
@@ -475,13 +475,13 @@ function buildLineKey(productId, options) {
   return parts.join("|");
 }
 function calculateLineSubtotal(item) {
-  let unitPrice = chunk64OCG2TJ_js.parsePrice(item.product.default_price);
+  let unitPrice = chunkKRNWMUBN_js.parsePrice(item.product.default_price);
   if (item.variant?.price_adjustment) {
-    unitPrice += chunk64OCG2TJ_js.parsePrice(item.variant.price_adjustment);
+    unitPrice += chunkKRNWMUBN_js.parsePrice(item.variant.price_adjustment);
   }
   for (const option of item.addOnOptions || []) {
     if (option.default_price) {
-      unitPrice += chunk64OCG2TJ_js.parsePrice(option.default_price);
+      unitPrice += chunkKRNWMUBN_js.parsePrice(option.default_price);
     }
   }
   return roundMoney(unitPrice * item.quantity);
@@ -1061,7 +1061,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkRRO6ZDZI_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkRAKLT6J2_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1144,7 +1144,7 @@ function CimplifyProvider({
   const setDisplayCurrency = React3.useCallback(
     (currency) => {
       const normalized = currency?.trim().toUpperCase() || null;
-      if (normalized && !chunk64OCG2TJ_js.isSupportedCurrency(normalized)) {
+      if (normalized && !chunkKRNWMUBN_js.isSupportedCurrency(normalized)) {
         return;
       }
       setDisplayCurrencyOverride(normalized);
@@ -1706,7 +1706,7 @@ function Price({ amount, className, prefix }) {
   const { displayCurrency, convertPrice } = useCimplify();
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className, children: [
     prefix,
-    chunk64OCG2TJ_js.formatPrice(convertPrice(amount), displayCurrency)
+    chunkKRNWMUBN_js.formatPrice(convertPrice(amount), displayCurrency)
   ] });
 }
 function createCachedQuery(config) {
@@ -2713,16 +2713,16 @@ function useProductPrice(input) {
     if (bundleTotalPrice != null) {
       unitPrice = bundleTotalPrice;
     } else if (compositePrice) {
-      unitPrice = chunk64OCG2TJ_js.parsePrice(compositePrice.final_price);
+      unitPrice = chunkKRNWMUBN_js.parsePrice(compositePrice.final_price);
     } else {
-      unitPrice = chunk64OCG2TJ_js.parsePrice(product.default_price);
+      unitPrice = chunkKRNWMUBN_js.parsePrice(product.default_price);
       if (variant?.price_adjustment) {
-        unitPrice += chunk64OCG2TJ_js.parsePrice(variant.price_adjustment);
+        unitPrice += chunkKRNWMUBN_js.parsePrice(variant.price_adjustment);
       }
       if (addOnOptions) {
         for (const option of addOnOptions) {
           if (option.default_price) {
-            unitPrice += chunk64OCG2TJ_js.parsePrice(option.default_price);
+            unitPrice += chunkKRNWMUBN_js.parsePrice(option.default_price);
           }
         }
       }
@@ -3212,19 +3212,19 @@ function AuthElement({
   }, [onReady, onAuthenticated, onRequiresOtp, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunk4M2D57C3_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkTXQHTHY5_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunk4M2D57C3_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkTXQHTHY5_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunk4M2D57C3_js.EVENT_TYPES.AUTHENTICATED,
+      chunkTXQHTHY5_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunk4M2D57C3_js.EVENT_TYPES.REQUIRES_OTP,
+      chunkTXQHTHY5_js.EVENT_TYPES.REQUIRES_OTP,
       (data) => onRequiresOtpRef.current?.(data)
     );
     element.on(
-      chunk4M2D57C3_js.EVENT_TYPES.ERROR,
+      chunkTXQHTHY5_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3253,15 +3253,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunk4M2D57C3_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkTXQHTHY5_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunk4M2D57C3_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkTXQHTHY5_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunk4M2D57C3_js.EVENT_TYPES.CHANGE,
+      chunkTXQHTHY5_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunk4M2D57C3_js.EVENT_TYPES.ERROR,
+      chunkTXQHTHY5_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3291,15 +3291,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunk4M2D57C3_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkTXQHTHY5_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunk4M2D57C3_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkTXQHTHY5_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunk4M2D57C3_js.EVENT_TYPES.CHANGE,
+      chunkTXQHTHY5_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunk4M2D57C3_js.EVENT_TYPES.ERROR,
+      chunkTXQHTHY5_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -3458,7 +3458,7 @@ function VariantSelector({
   if (!variants || variants.length <= 1) {
     return null;
   }
-  basePrice != null ? chunk64OCG2TJ_js.parsePrice(basePrice) : 0;
+  basePrice != null ? chunkKRNWMUBN_js.parsePrice(basePrice) : 0;
   if (variantAxes && variantAxes.length > 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-variant-selector": true, className: cn("space-y-5", className, classNames?.root), children: variantAxes.map((axis) => {
       const labelId = `${idPrefix}-axis-${axis.id}`;
@@ -3534,7 +3534,7 @@ function VariantSelector({
         className: cn("divide-y divide-border", classNames?.list),
         children: variants.map((variant) => {
           const isSelected = selectedVariantId === variant.id;
-          const adjustment = chunk64OCG2TJ_js.parsePrice(variant.price_adjustment);
+          const adjustment = chunkKRNWMUBN_js.parsePrice(variant.price_adjustment);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             radio.Radio.Root,
             {
@@ -3562,7 +3562,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkRRO6ZDZI_js.getVariantDisplayName(variant, productName)
+                    children: chunkRAKLT6J2_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -3800,16 +3800,16 @@ function BundleSelector({
   }, [components, selections, onReady]);
   const totalPrice = React3.useMemo(() => {
     if (pricingType === "fixed" && bundlePrice) {
-      return chunk64OCG2TJ_js.parsePrice(bundlePrice);
+      return chunkKRNWMUBN_js.parsePrice(bundlePrice);
     }
     const componentsTotal = components.reduce((sum, comp) => {
       return sum + getComponentPrice(comp, variantChoices[comp.id]) * comp.quantity;
     }, 0);
     if (pricingType === "percentage_discount" && discountValue) {
-      return componentsTotal * (1 - chunk64OCG2TJ_js.parsePrice(discountValue) / 100);
+      return componentsTotal * (1 - chunkKRNWMUBN_js.parsePrice(discountValue) / 100);
     }
     if (pricingType === "fixed_discount" && discountValue) {
-      return componentsTotal - chunk64OCG2TJ_js.parsePrice(discountValue);
+      return componentsTotal - chunkKRNWMUBN_js.parsePrice(discountValue);
     }
     return componentsTotal;
   }, [components, variantChoices, pricingType, bundlePrice, discountValue]);
@@ -3870,15 +3870,15 @@ function BundleSelector({
 }
 function getComponentPrice(component, selectedVariantId) {
   if (!selectedVariantId || component.available_variants.length === 0) {
-    return chunk64OCG2TJ_js.parsePrice(component.effective_price);
+    return chunkKRNWMUBN_js.parsePrice(component.effective_price);
   }
   if (selectedVariantId === component.variant_id) {
-    return chunk64OCG2TJ_js.parsePrice(component.effective_price);
+    return chunkKRNWMUBN_js.parsePrice(component.effective_price);
   }
   const bakedAdj = component.variant_id ? component.available_variants.find((v) => v.id === component.variant_id) : void 0;
   const selectedAdj = component.available_variants.find((v) => v.id === selectedVariantId);
-  if (!selectedAdj) return chunk64OCG2TJ_js.parsePrice(component.effective_price);
-  return chunk64OCG2TJ_js.parsePrice(component.effective_price) - chunk64OCG2TJ_js.parsePrice(bakedAdj?.price_adjustment ?? "0") + chunk64OCG2TJ_js.parsePrice(selectedAdj.price_adjustment);
+  if (!selectedAdj) return chunkKRNWMUBN_js.parsePrice(component.effective_price);
+  return chunkKRNWMUBN_js.parsePrice(component.effective_price) - chunkKRNWMUBN_js.parsePrice(bakedAdj?.price_adjustment ?? "0") + chunkKRNWMUBN_js.parsePrice(selectedAdj.price_adjustment);
 }
 function formatDuration(minutes, unit) {
   if (unit === "hours" || !unit && minutes >= 60 && minutes % 60 === 0) {
@@ -3991,7 +3991,7 @@ function BundleComponentCard({
             className: cn("mt-3 divide-y divide-border", classNames?.variantPicker),
             children: component.available_variants.map((variant) => {
               const isSelected = selectedVariantId === variant.id;
-              const adjustment = chunk64OCG2TJ_js.parsePrice(variant.price_adjustment);
+              const adjustment = chunkKRNWMUBN_js.parsePrice(variant.price_adjustment);
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 radio.Radio.Root,
                 {
@@ -4437,7 +4437,7 @@ function CompositeSelector({
         "data-cimplify-composite-summary": true,
         className: cn("border-t border-border pt-4 space-y-1 text-sm", classNames?.summary),
         children: [
-          chunk64OCG2TJ_js.parsePrice(priceResult.base_price) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkKRNWMUBN_js.parsePrice(priceResult.base_price) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               "data-cimplify-composite-summary-line": true,
@@ -4448,7 +4448,7 @@ function CompositeSelector({
               ]
             }
           ),
-          chunk64OCG2TJ_js.parsePrice(priceResult.components_total) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkKRNWMUBN_js.parsePrice(priceResult.components_total) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               "data-cimplify-composite-summary-line": true,
@@ -4491,6 +4491,195 @@ function CompositeSelector({
     )
   ] });
 }
+var FREQUENCY_LABELS = {
+  weekly: "Weekly",
+  monthly: "Monthly",
+  quarterly: "Quarterly",
+  annually: "Annually"
+};
+function formatMarkup(plan) {
+  if (!plan.markup_type || plan.markup_amount == null) return null;
+  if (plan.markup_type === "percentage") return `+${plan.markup_amount}%`;
+  return null;
+}
+function BillingPlanSelector({
+  productId,
+  plans: plansProp,
+  onPlanSelect,
+  selectedPlanId,
+  showOneTimePurchase = false,
+  oneTimePurchaseLabel = "One-time purchase",
+  renderPlan,
+  className,
+  classNames
+}) {
+  const { plans: fetched, isLoading } = useBillingPlans(productId, {
+    enabled: plansProp === void 0
+  });
+  const plans = plansProp ?? fetched;
+  if (isLoading && plans.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-billing-plan-selector": true,
+        "aria-busy": "true",
+        className: cn(className, classNames?.root, classNames?.loading)
+      }
+    );
+  }
+  if (plans.length === 0 && !showOneTimePurchase) {
+    return null;
+  }
+  const isOneTimePurchaseSelected = selectedPlanId === null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-billing-plan-selector": true, className: cn(className, classNames?.root), children: [
+    showOneTimePurchase && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPlanSelect?.(null),
+        "data-cimplify-billing-plan": true,
+        "data-plan-type": "one-time",
+        "data-active": isOneTimePurchaseSelected || void 0,
+        "aria-pressed": isOneTimePurchaseSelected,
+        className: cn(
+          classNames?.plan,
+          isOneTimePurchaseSelected && classNames?.activePlan
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-billing-frequency": true, className: classNames?.frequency, children: oneTimePurchaseLabel })
+      }
+    ),
+    plans.map((plan) => {
+      const isActive = selectedPlanId === plan.id;
+      const markup = formatMarkup(plan);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPlanSelect?.(plan),
+          "data-cimplify-billing-plan": true,
+          "data-plan-type": plan.plan_type,
+          "data-active": isActive || void 0,
+          "aria-pressed": isActive,
+          className: cn(classNames?.plan, isActive && classNames?.activePlan),
+          children: renderPlan ? renderPlan(plan, isActive) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-billing-frequency": true, className: classNames?.frequency, children: FREQUENCY_LABELS[plan.frequency] }),
+            markup && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-billing-markup": true, className: classNames?.price, children: markup }),
+            plan.markup_type === "fixed" && plan.markup_amount != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-billing-markup": true, className: classNames?.price, children: [
+              "+",
+              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: plan.markup_amount })
+            ] }),
+            plan.trial_days > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-billing-trial": true, className: classNames?.trialBadge, children: [
+              plan.trial_days,
+              "-day trial"
+            ] }),
+            plan.setup_fee > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-billing-setup-fee": true, className: classNames?.setupFee, children: [
+              "Setup fee: ",
+              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: plan.setup_fee })
+            ] }),
+            plan.plan_type === "installment" && plan.installment_periods != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-billing-periods": true, children: [
+              plan.installment_periods,
+              " payments"
+            ] })
+          ] })
+        },
+        plan.id
+      );
+    })
+  ] });
+}
+function formatRange(tier) {
+  if (tier.max_quantity != null) {
+    return `${tier.min_quantity}\u2013${tier.max_quantity} units`;
+  }
+  return `${tier.min_quantity}+ units`;
+}
+function isActiveTier(tier, quantity) {
+  if (quantity < tier.min_quantity) return false;
+  if (tier.max_quantity != null && quantity > tier.max_quantity) return false;
+  return true;
+}
+function VolumePricing({
+  tiers,
+  currentQuantity,
+  defaultOpen = false,
+  className,
+  classNames
+}) {
+  if (tiers.length < 2) return null;
+  const sorted = [...tiers].sort((a, b) => a.min_quantity - b.min_quantity);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "details",
+    {
+      open: defaultOpen || void 0,
+      "data-cimplify-volume-pricing": true,
+      className: cn("border border-border", className, classNames?.root),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "summary",
+          {
+            "data-cimplify-volume-pricing-trigger": true,
+            className: cn(
+              "flex items-center justify-between px-4 py-3 cursor-pointer select-none text-sm font-medium list-none [&::-webkit-details-marker]:hidden",
+              classNames?.trigger
+            ),
+            children: [
+              "Volume pricing",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  viewBox: "0 0 12 12",
+                  fill: "none",
+                  "aria-hidden": "true",
+                  className: cn(
+                    "w-3.5 h-3.5 text-muted-foreground transition-transform [[open]>&]:rotate-180",
+                    classNames?.triggerIcon
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 4.5l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-cimplify-volume-pricing-panel": true,
+            className: cn("border-t border-border divide-y divide-border", classNames?.panel),
+            children: sorted.map((tier, i) => {
+              const active = currentQuantity != null && isActiveTier(tier, currentQuantity);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  "data-cimplify-volume-pricing-tier": true,
+                  "data-active": active || void 0,
+                  className: cn(
+                    "flex items-center justify-between px-4 py-2.5 text-sm",
+                    active ? cn("bg-primary/5 font-medium", classNames?.tierActive) : classNames?.tier
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        "data-cimplify-volume-pricing-range": true,
+                        className: cn("text-muted-foreground", classNames?.tierRange),
+                        children: formatRange(tier)
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-volume-pricing-price": true, className: classNames?.tierPrice, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: tier.unit_price, prefix: "" }),
+                      " /ea"
+                    ] })
+                  ]
+                },
+                i
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+}
 function ProductCustomizer({
   product,
   onAddToCart,
@@ -4498,7 +4687,7 @@ function ProductCustomizer({
   className,
   classNames
 }) {
-  const [quantity, setQuantity] = React3.useState(1);
+  const [quantity, setQuantity] = React3.useState(product.min_order_quantity ?? 1);
   const [isAdded, setIsAdded] = React3.useState(false);
   const [isSubmitting, setIsSubmitting] = React3.useState(false);
   const [selectedVariantId, setSelectedVariantId] = React3.useState();
@@ -4510,6 +4699,7 @@ function ProductCustomizer({
   const [bundleSelections, setBundleSelections] = React3.useState([]);
   const [bundleTotalPrice, setBundleTotalPrice] = React3.useState(null);
   const [bundleReady, setBundleReady] = React3.useState(false);
+  const [selectedBillingPlan, setSelectedBillingPlan] = React3.useState(null);
   const [specialInstructions, setSpecialInstructions] = React3.useState("");
   const cart = useCart();
   const productType = product.type || "product";
@@ -4521,7 +4711,7 @@ function ProductCustomizer({
   const hasVariants = isStandard && product.variants && product.variants.length > 0;
   const hasAddOns = isStandard && product.add_ons && product.add_ons.length > 0;
   React3.useEffect(() => {
-    setQuantity(1);
+    setQuantity(product.min_order_quantity ?? 1);
     setIsAdded(false);
     setIsSubmitting(false);
     setSelectedVariantId(void 0);
@@ -4533,8 +4723,9 @@ function ProductCustomizer({
     setBundleSelections([]);
     setBundleTotalPrice(null);
     setBundleReady(false);
+    setSelectedBillingPlan(null);
     setSpecialInstructions("");
-  }, [product.id]);
+  }, [product.id, product.min_order_quantity]);
   const selectedAddOnOptions = React3.useMemo(() => {
     if (!product.add_ons) return [];
     const options = [];
@@ -4553,18 +4744,18 @@ function ProductCustomizer({
   }, [selectedAddOnOptionIds]);
   const localTotalPrice = React3.useMemo(() => {
     if (isComposite && compositePrice) {
-      return chunk64OCG2TJ_js.parsePrice(compositePrice.final_price) * quantity;
+      return chunkKRNWMUBN_js.parsePrice(compositePrice.final_price) * quantity;
     }
     if (isBundle && bundleTotalPrice != null) {
       return bundleTotalPrice * quantity;
     }
-    let price = chunk64OCG2TJ_js.parsePrice(product.default_price);
+    let price = chunkKRNWMUBN_js.parsePrice(product.default_price);
     if (selectedVariant?.price_adjustment) {
-      price += chunk64OCG2TJ_js.parsePrice(selectedVariant.price_adjustment);
+      price += chunkKRNWMUBN_js.parsePrice(selectedVariant.price_adjustment);
     }
     for (const option of selectedAddOnOptions) {
       if (option.default_price) {
-        price += chunk64OCG2TJ_js.parsePrice(option.default_price);
+        price += chunkKRNWMUBN_js.parsePrice(option.default_price);
       }
     }
     return price * quantity;
@@ -4605,7 +4796,7 @@ function ProductCustomizer({
     const priceInfo = quote.quoted_total_price_info ?? quote.final_price_info;
     const perUnit = priceInfo.pre_tax_price;
     if (perUnit === void 0 || perUnit === null) return void 0;
-    return chunk64OCG2TJ_js.parsePrice(perUnit) * quantity;
+    return chunkKRNWMUBN_js.parsePrice(perUnit) * quantity;
   }, [quote, quantity]);
   const displayTotalPrice = quotedTotalPrice ?? localTotalPrice;
   const handleVariantChange = React3.useCallback(
@@ -4631,6 +4822,7 @@ function ProductCustomizer({
       })) : void 0,
       compositeSelections: isComposite && compositeSelections.length > 0 ? compositeSelections : void 0,
       bundleSelections: isBundle && bundleSelections.length > 0 ? bundleSelections : void 0,
+      billingPlanId: selectedBillingPlan?.id,
       specialInstructions: specialInstructions.trim() || void 0
     };
     try {
@@ -4692,12 +4884,29 @@ function ProductCustomizer({
         onOptionsChange: setSelectedAddOnOptionIds
       }
     ),
+    product.billing_plans && product.billing_plans.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      BillingPlanSelector,
+      {
+        productId: product.id,
+        plans: product.billing_plans,
+        onPlanSelect: setSelectedBillingPlan,
+        selectedPlanId: selectedBillingPlan?.id ?? null,
+        showOneTimePurchase: true
+      }
+    ),
+    product.quantity_pricing && product.quantity_pricing.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+      VolumePricing,
+      {
+        tiers: product.quantity_pricing,
+        currentQuantity: quantity
+      }
+    ),
     product.deposit_type && product.deposit_type !== "none" && product.deposit_amount && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-customizer-deposit": true, className: cn("text-sm text-muted-foreground", classNames?.depositInfo), children: product.deposit_type === "fixed" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
       "Deposit required: ",
       /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.deposit_amount })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
       "Deposit required: ",
-      chunk64OCG2TJ_js.parsePrice(product.deposit_amount),
+      chunkKRNWMUBN_js.parsePrice(product.deposit_amount),
       "%"
     ] }) }),
     product.allergies && product.allergies.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-customizer-allergens": true, className: cn("flex flex-wrap gap-1.5", classNames?.allergens), children: product.allergies.map((allergen) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -4745,14 +4954,24 @@ function ProductCustomizer({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              QuantitySelector,
-              {
-                value: quantity,
-                onChange: setQuantity,
-                min: 1
-              }
-            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                QuantitySelector,
+                {
+                  value: quantity,
+                  onChange: setQuantity,
+                  min: product.min_order_quantity ?? 1
+                }
+              ),
+              product.min_order_quantity && product.min_order_quantity > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-customizer-min-hint": true, className: "text-xs text-muted-foreground text-center", children: [
+                "Min. ",
+                product.min_order_quantity
+              ] })
+            ] }),
+            product.quantity_pricing && product.quantity_pricing.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customizer-unit-price": true, className: "text-sm text-muted-foreground text-right shrink-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunkKRNWMUBN_js.getUnitPriceAtQuantity(product.quantity_pricing, quantity, chunkKRNWMUBN_js.parsePrice(product.default_price)), className: "font-medium text-foreground" }),
+              " ea."
+            ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
               button.Button,
               {
@@ -4876,7 +5095,7 @@ function CartLineItemRow({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item": true, className: classNames?.item, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item-info": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-name": true, className: classNames?.itemName, children: item.product.name }),
-      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkRRO6ZDZI_js.getVariantDisplayName(item.variant, item.product.name) }),
+      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkRAKLT6J2_js.getVariantDisplayName(item.variant, item.product.name) }),
       item.addOnOptions && item.addOnOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-cart-item-addons": true, children: [
         "+ ",
         item.addOnOptions.map((opt) => opt.name).join(", ")
@@ -4998,15 +5217,15 @@ function CartSummary({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: subtotal })
       ] }),
-      totalDiscounts != null && chunk64OCG2TJ_js.parsePrice(totalDiscounts) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-discount": true, className: classNames?.discount, children: [
+      totalDiscounts != null && chunkKRNWMUBN_js.parsePrice(totalDiscounts) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-discount": true, className: classNames?.discount, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Discount" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: totalDiscounts, prefix: "-" })
       ] }),
       deliveryFee != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-delivery-fee": true, className: classNames?.deliveryFee, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Delivery fee" }),
-        chunk64OCG2TJ_js.parsePrice(deliveryFee) > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: deliveryFee }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Free delivery" })
+        chunkKRNWMUBN_js.parsePrice(deliveryFee) > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: deliveryFee }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Free delivery" })
       ] }),
-      serviceCharge != null && chunk64OCG2TJ_js.parsePrice(serviceCharge) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-charge": true, className: classNames?.serviceCharge, children: [
+      serviceCharge != null && chunkKRNWMUBN_js.parsePrice(serviceCharge) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-charge": true, className: classNames?.serviceCharge, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Service charge" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: serviceCharge })
       ] }),
@@ -5089,16 +5308,16 @@ function SaleBadge({
   className,
   classNames
 }) {
-  const onSale = chunk64OCG2TJ_js.isOnSale(product);
+  const onSale = chunkKRNWMUBN_js.isOnSale(product);
   const hasDeal = dealInfo !== void 0;
   if (!hasDeal && !onSale && !label) {
     return null;
   }
   let percentage = null;
   if (hasDeal && dealInfo.benefit_type === "percentage") {
-    percentage = chunk64OCG2TJ_js.parsePrice(dealInfo.value);
+    percentage = chunkKRNWMUBN_js.parsePrice(dealInfo.value);
   } else if (onSale) {
-    percentage = chunk64OCG2TJ_js.getDiscountPercentage(product);
+    percentage = chunkKRNWMUBN_js.getDiscountPercentage(product);
   }
   const badgeText = label ?? dealInfo?.label ?? (percentage != null && percentage > 0 ? `${percentage}% off` : null);
   if (!badgeText) {
@@ -5117,7 +5336,7 @@ function SaleBadge({
           "%"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-label": true, className: classNames?.label, children: badgeText }),
-        showOriginalPrice && onSale && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-original-price": true, className: classNames?.originalPrice, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunk64OCG2TJ_js.getBasePrice(product) }) })
+        showOriginalPrice && onSale && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-original-price": true, className: classNames?.originalPrice, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunkKRNWMUBN_js.getBasePrice(product) }) })
       ]
     }
   );
@@ -5623,7 +5842,7 @@ function SearchInput({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-search-result-name": true, className: classNames?.resultName, style: { flex: 1, textAlign: "left" }, children: product.name }),
-                product.default_price !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-search-result-price": true, className: classNames?.resultPrice, style: { flexShrink: 0 }, children: chunk64OCG2TJ_js.formatPrice(product.default_price) })
+                product.default_price !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-search-result-price": true, className: classNames?.resultPrice, style: { flexShrink: 0 }, children: chunkKRNWMUBN_js.formatPrice(product.default_price) })
               ] })
             },
             product.id
@@ -6117,19 +6336,19 @@ function OrderSummary({
       order.customer_notes.map((note, index) => /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-order-note": true, children: note }, index))
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-totals": true, className: classNames?.totals, children: [
-      order.total_discount != null && chunk64OCG2TJ_js.parsePrice(order.total_discount) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-discount": true, children: [
+      order.total_discount != null && chunkKRNWMUBN_js.parsePrice(order.total_discount) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-discount": true, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Discount" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: order.total_discount, prefix: "-" })
       ] }),
-      order.delivery_fee != null && chunk64OCG2TJ_js.parsePrice(order.delivery_fee) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-delivery-fee": true, children: [
+      order.delivery_fee != null && chunkKRNWMUBN_js.parsePrice(order.delivery_fee) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-delivery-fee": true, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Delivery fee" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: order.delivery_fee })
       ] }),
-      order.service_charge != null && chunk64OCG2TJ_js.parsePrice(order.service_charge) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-service-charge": true, children: [
+      order.service_charge != null && chunkKRNWMUBN_js.parsePrice(order.service_charge) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-service-charge": true, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Service charge" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: order.service_charge })
       ] }),
-      order.tax != null && chunk64OCG2TJ_js.parsePrice(order.tax) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-tax": true, children: [
+      order.tax != null && chunkKRNWMUBN_js.parsePrice(order.tax) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-tax": true, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Tax" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: order.tax })
       ] }),
@@ -7825,7 +8044,7 @@ function BookingPage({
   const hasStaffStep = staff && staff.length > 0;
   const depositType = product?.deposit_type;
   const depositAmount = product?.deposit_amount;
-  const hasDeposit = depositType !== void 0 && depositType !== "none" && depositAmount !== void 0 && chunk64OCG2TJ_js.parsePrice(depositAmount) !== 0;
+  const hasDeposit = depositType !== void 0 && depositType !== "none" && depositAmount !== void 0 && chunkKRNWMUBN_js.parsePrice(depositAmount) !== 0;
   const cancellationMinutes = product?.cancellation_window_minutes;
   const noShowFee = product?.no_show_fee;
   const handleSlotSelect = React3.useCallback(
@@ -7957,14 +8176,14 @@ function BookingPage({
       service.price && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-booking-service-price": true, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: service.price }) }),
       hasDeposit && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-booking-deposit-info": true, className: classNames?.depositInfo, children: [
         "Deposit: ",
-        depositType === "percentage" ? `${chunk64OCG2TJ_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount })
+        depositType === "percentage" ? `${chunkKRNWMUBN_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount })
       ] }),
       cancellationMinutes !== void 0 && cancellationMinutes > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-booking-cancellation-policy": true, className: classNames?.cancellationPolicy, children: [
         "Free cancellation up to ",
         cancellationMinutes >= 60 ? `${Math.floor(cancellationMinutes / 60)} hour${Math.floor(cancellationMinutes / 60) !== 1 ? "s" : ""}` : `${cancellationMinutes} minute${cancellationMinutes !== 1 ? "s" : ""}`,
         " before"
       ] }),
-      noShowFee !== void 0 && chunk64OCG2TJ_js.parsePrice(noShowFee) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-booking-no-show-fee": true, className: classNames?.cancellationPolicy, children: [
+      noShowFee !== void 0 && chunkKRNWMUBN_js.parsePrice(noShowFee) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-booking-no-show-fee": true, className: classNames?.cancellationPolicy, children: [
         "No-show fee: ",
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: noShowFee })
       ] })
@@ -8041,7 +8260,7 @@ function BookingPage({
         ] }),
         hasDeposit && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: cn(classNames?.summaryRow, classNames?.depositInfo), children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Deposit" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: depositType === "percentage" ? `${chunk64OCG2TJ_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: depositType === "percentage" ? `${chunkKRNWMUBN_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount }) })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -8356,101 +8575,11 @@ function RecentlyViewed({
     product.product_id
   )) });
 }
-var FREQUENCY_LABELS = {
-  weekly: "Weekly",
-  monthly: "Monthly",
-  quarterly: "Quarterly",
-  annually: "Annually"
-};
-function formatMarkup(plan) {
-  if (!plan.markup_type || plan.markup_amount == null) return null;
-  if (plan.markup_type === "percentage") return `+${plan.markup_amount}%`;
-  return null;
-}
-function BillingPlanSelector({
-  productId,
-  plans: plansProp,
-  onPlanSelect,
-  selectedPlanId,
-  showOneTimePurchase = false,
-  oneTimePurchaseLabel = "One-time purchase",
-  renderPlan,
-  className,
-  classNames
-}) {
-  const { plans: fetched, isLoading } = useBillingPlans(productId, {
-    enabled: plansProp === void 0
-  });
-  const plans = plansProp ?? fetched;
-  if (isLoading && plans.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        "data-cimplify-billing-plan-selector": true,
-        "aria-busy": "true",
-        className: cn(className, classNames?.root, classNames?.loading)
-      }
-    );
-  }
-  if (plans.length === 0 && !showOneTimePurchase) {
-    return null;
-  }
-  const isOneTimePurchaseSelected = selectedPlanId === null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-billing-plan-selector": true, className: cn(className, classNames?.root), children: [
-    showOneTimePurchase && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => onPlanSelect?.(null),
-        "data-cimplify-billing-plan": true,
-        "data-plan-type": "one-time",
-        "data-active": isOneTimePurchaseSelected || void 0,
-        "aria-pressed": isOneTimePurchaseSelected,
-        className: cn(
-          classNames?.plan,
-          isOneTimePurchaseSelected && classNames?.activePlan
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-billing-frequency": true, className: classNames?.frequency, children: oneTimePurchaseLabel })
-      }
-    ),
-    plans.map((plan) => {
-      const isActive = selectedPlanId === plan.id;
-      const markup = formatMarkup(plan);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => onPlanSelect?.(plan),
-          "data-cimplify-billing-plan": true,
-          "data-plan-type": plan.plan_type,
-          "data-active": isActive || void 0,
-          "aria-pressed": isActive,
-          className: cn(classNames?.plan, isActive && classNames?.activePlan),
-          children: renderPlan ? renderPlan(plan, isActive) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-billing-frequency": true, className: classNames?.frequency, children: FREQUENCY_LABELS[plan.frequency] }),
-            markup && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-billing-markup": true, className: classNames?.price, children: markup }),
-            plan.markup_type === "fixed" && plan.markup_amount != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-billing-markup": true, className: classNames?.price, children: [
-              "+",
-              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: plan.markup_amount })
-            ] }),
-            plan.trial_days > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-billing-trial": true, className: classNames?.trialBadge, children: [
-              plan.trial_days,
-              "-day trial"
-            ] }),
-            plan.setup_fee > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-billing-setup-fee": true, className: classNames?.setupFee, children: [
-              "Setup fee: ",
-              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: plan.setup_fee })
-            ] }),
-            plan.plan_type === "installment" && plan.installment_periods != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-billing-periods": true, children: [
-              plan.installment_periods,
-              " payments"
-            ] })
-          ] })
-        },
-        plan.id
-      );
-    })
-  ] });
+function PriceRange({ product, className }) {
+  const { displayCurrency } = useCimplify();
+  const range = chunkKRNWMUBN_js.getPriceRange(product);
+  if (!range) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-price-range": true, className, children: chunkKRNWMUBN_js.formatPriceRange(range.min, range.max, displayCurrency) });
 }
 function DeliveryEstimate({
   latitude,
@@ -8601,7 +8730,7 @@ function CurrencySelector({
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkRRO6ZDZI_js.getVariantDisplayName; }
+  get: function () { return chunkRAKLT6J2_js.getVariantDisplayName; }
 });
 exports.Ad = Ad;
 exports.AdProvider = AdProvider;
@@ -8639,6 +8768,7 @@ exports.OrderHistoryPage = OrderHistoryPage;
 exports.OrderSummary = OrderSummary;
 exports.PaymentElement = PaymentElement;
 exports.Price = Price;
+exports.PriceRange = PriceRange;
 exports.ProductCard = ProductCard;
 exports.ProductCustomizer = ProductCustomizer;
 exports.ProductGrid = ProductGrid;
@@ -8659,6 +8789,7 @@ exports.SlotPicker = SlotPicker;
 exports.StaffPicker = StaffPicker;
 exports.StoreNav = StoreNav;
 exports.VariantSelector = VariantSelector;
+exports.VolumePricing = VolumePricing;
 exports.cn = cn;
 exports.roomToResource = roomToResource;
 exports.useActivityState = useActivityState;