@cimplify/sdk 0.22.5 → 0.24.0

package/dist/react.js

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunkKLRTWBDF_js = require('./chunk-KLRTWBDF.js');
-var chunkYMXFVI3N_js = require('./chunk-YMXFVI3N.js');
-var chunk5FK7MDHS_js = require('./chunk-5FK7MDHS.js');
+var chunkIYQGGFVQ_js = require('./chunk-IYQGGFVQ.js');
+var chunkI4F4Y3D4_js = require('./chunk-I4F4Y3D4.js');
+var chunkPEDLCL72_js = require('./chunk-PEDLCL72.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 = chunk5FK7MDHS_js.parsePrice(item.product.default_price);
+  let unitPrice = chunkPEDLCL72_js.parsePrice(item.product.default_price);
   if (item.variant?.price_adjustment) {
-    unitPrice += chunk5FK7MDHS_js.parsePrice(item.variant.price_adjustment);
+    unitPrice += chunkPEDLCL72_js.parsePrice(item.variant.price_adjustment);
   }
   for (const option of item.addOnOptions || []) {
     if (option.default_price) {
-      unitPrice += chunk5FK7MDHS_js.parsePrice(option.default_price);
+      unitPrice += chunkPEDLCL72_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 chunkKLRTWBDF_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkIYQGGFVQ_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 && !chunk5FK7MDHS_js.isSupportedCurrency(normalized)) {
+      if (normalized && !chunkPEDLCL72_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,
-    chunk5FK7MDHS_js.formatPrice(convertPrice(amount), displayCurrency)
+    chunkPEDLCL72_js.formatPrice(convertPrice(amount), displayCurrency)
   ] });
 }
 function createCachedQuery(config) {
@@ -2713,16 +2713,16 @@ function useProductPrice(input) {
     if (bundleTotalPrice != null) {
       unitPrice = bundleTotalPrice;
     } else if (compositePrice) {
-      unitPrice = chunk5FK7MDHS_js.parsePrice(compositePrice.final_price);
+      unitPrice = chunkPEDLCL72_js.parsePrice(compositePrice.final_price);
     } else {
-      unitPrice = chunk5FK7MDHS_js.parsePrice(product.default_price);
+      unitPrice = chunkPEDLCL72_js.parsePrice(product.default_price);
       if (variant?.price_adjustment) {
-        unitPrice += chunk5FK7MDHS_js.parsePrice(variant.price_adjustment);
+        unitPrice += chunkPEDLCL72_js.parsePrice(variant.price_adjustment);
       }
       if (addOnOptions) {
         for (const option of addOnOptions) {
           if (option.default_price) {
-            unitPrice += chunk5FK7MDHS_js.parsePrice(option.default_price);
+            unitPrice += chunkPEDLCL72_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(chunkYMXFVI3N_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkI4F4Y3D4_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkYMXFVI3N_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkI4F4Y3D4_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkYMXFVI3N_js.EVENT_TYPES.AUTHENTICATED,
+      chunkI4F4Y3D4_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkYMXFVI3N_js.EVENT_TYPES.REQUIRES_OTP,
+      chunkI4F4Y3D4_js.EVENT_TYPES.REQUIRES_OTP,
       (data) => onRequiresOtpRef.current?.(data)
     );
     element.on(
-      chunkYMXFVI3N_js.EVENT_TYPES.ERROR,
+      chunkI4F4Y3D4_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(chunkYMXFVI3N_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkI4F4Y3D4_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkYMXFVI3N_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkI4F4Y3D4_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkYMXFVI3N_js.EVENT_TYPES.CHANGE,
+      chunkI4F4Y3D4_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkYMXFVI3N_js.EVENT_TYPES.ERROR,
+      chunkI4F4Y3D4_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(chunkYMXFVI3N_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkI4F4Y3D4_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkYMXFVI3N_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkI4F4Y3D4_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkYMXFVI3N_js.EVENT_TYPES.CHANGE,
+      chunkI4F4Y3D4_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkYMXFVI3N_js.EVENT_TYPES.ERROR,
+      chunkI4F4Y3D4_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 ? chunk5FK7MDHS_js.parsePrice(basePrice) : 0;
+  basePrice != null ? chunkPEDLCL72_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 = chunk5FK7MDHS_js.parsePrice(variant.price_adjustment);
+          const adjustment = chunkPEDLCL72_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: chunkKLRTWBDF_js.getVariantDisplayName(variant, productName)
+                    children: chunkIYQGGFVQ_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 chunk5FK7MDHS_js.parsePrice(bundlePrice);
+      return chunkPEDLCL72_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 - chunk5FK7MDHS_js.parsePrice(discountValue) / 100);
+      return componentsTotal * (1 - chunkPEDLCL72_js.parsePrice(discountValue) / 100);
     }
     if (pricingType === "fixed_discount" && discountValue) {
-      return componentsTotal - chunk5FK7MDHS_js.parsePrice(discountValue);
+      return componentsTotal - chunkPEDLCL72_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 chunk5FK7MDHS_js.parsePrice(component.effective_price);
+    return chunkPEDLCL72_js.parsePrice(component.effective_price);
   }
   if (selectedVariantId === component.variant_id) {
-    return chunk5FK7MDHS_js.parsePrice(component.effective_price);
+    return chunkPEDLCL72_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 chunk5FK7MDHS_js.parsePrice(component.effective_price);
-  return chunk5FK7MDHS_js.parsePrice(component.effective_price) - chunk5FK7MDHS_js.parsePrice(bakedAdj?.price_adjustment ?? "0") + chunk5FK7MDHS_js.parsePrice(selectedAdj.price_adjustment);
+  if (!selectedAdj) return chunkPEDLCL72_js.parsePrice(component.effective_price);
+  return chunkPEDLCL72_js.parsePrice(component.effective_price) - chunkPEDLCL72_js.parsePrice(bakedAdj?.price_adjustment ?? "0") + chunkPEDLCL72_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 = chunk5FK7MDHS_js.parsePrice(variant.price_adjustment);
+              const adjustment = chunkPEDLCL72_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: [
-          chunk5FK7MDHS_js.parsePrice(priceResult.base_price) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkPEDLCL72_js.parsePrice(priceResult.base_price) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               "data-cimplify-composite-summary-line": true,
@@ -4448,7 +4448,7 @@ function CompositeSelector({
               ]
             }
           ),
-          chunk5FK7MDHS_js.parsePrice(priceResult.components_total) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkPEDLCL72_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 chunk5FK7MDHS_js.parsePrice(compositePrice.final_price) * quantity;
+      return chunkPEDLCL72_js.parsePrice(compositePrice.final_price) * quantity;
     }
     if (isBundle && bundleTotalPrice != null) {
       return bundleTotalPrice * quantity;
     }
-    let price = chunk5FK7MDHS_js.parsePrice(product.default_price);
+    let price = chunkPEDLCL72_js.parsePrice(product.default_price);
     if (selectedVariant?.price_adjustment) {
-      price += chunk5FK7MDHS_js.parsePrice(selectedVariant.price_adjustment);
+      price += chunkPEDLCL72_js.parsePrice(selectedVariant.price_adjustment);
     }
     for (const option of selectedAddOnOptions) {
       if (option.default_price) {
-        price += chunk5FK7MDHS_js.parsePrice(option.default_price);
+        price += chunkPEDLCL72_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 chunk5FK7MDHS_js.parsePrice(perUnit) * quantity;
+    return chunkPEDLCL72_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: ",
-      chunk5FK7MDHS_js.parsePrice(product.deposit_amount),
+      chunkPEDLCL72_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: chunkPEDLCL72_js.getUnitPriceAtQuantity(product.quantity_pricing, quantity, chunkPEDLCL72_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: chunkKLRTWBDF_js.getVariantDisplayName(item.variant, item.product.name) }),
+      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkIYQGGFVQ_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 && chunk5FK7MDHS_js.parsePrice(totalDiscounts) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-discount": true, className: classNames?.discount, children: [
+      totalDiscounts != null && chunkPEDLCL72_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" }),
-        chunk5FK7MDHS_js.parsePrice(deliveryFee) > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: deliveryFee }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Free delivery" })
+        chunkPEDLCL72_js.parsePrice(deliveryFee) > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: deliveryFee }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Free delivery" })
       ] }),
-      serviceCharge != null && chunk5FK7MDHS_js.parsePrice(serviceCharge) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-charge": true, className: classNames?.serviceCharge, children: [
+      serviceCharge != null && chunkPEDLCL72_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 = chunk5FK7MDHS_js.isOnSale(product);
+  const onSale = chunkPEDLCL72_js.isOnSale(product);
   const hasDeal = dealInfo !== void 0;
   if (!hasDeal && !onSale && !label) {
     return null;
   }
   let percentage = null;
   if (hasDeal && dealInfo.benefit_type === "percentage") {
-    percentage = chunk5FK7MDHS_js.parsePrice(dealInfo.value);
+    percentage = chunkPEDLCL72_js.parsePrice(dealInfo.value);
   } else if (onSale) {
-    percentage = chunk5FK7MDHS_js.getDiscountPercentage(product);
+    percentage = chunkPEDLCL72_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: chunk5FK7MDHS_js.getBasePrice(product) }) })
+        showOriginalPrice && onSale && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-original-price": true, className: classNames?.originalPrice, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunkPEDLCL72_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: chunk5FK7MDHS_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: chunkPEDLCL72_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 && chunk5FK7MDHS_js.parsePrice(order.total_discount) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-discount": true, children: [
+      order.total_discount != null && chunkPEDLCL72_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 && chunk5FK7MDHS_js.parsePrice(order.delivery_fee) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-delivery-fee": true, children: [
+      order.delivery_fee != null && chunkPEDLCL72_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 && chunk5FK7MDHS_js.parsePrice(order.service_charge) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-service-charge": true, children: [
+      order.service_charge != null && chunkPEDLCL72_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 && chunk5FK7MDHS_js.parsePrice(order.tax) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-tax": true, children: [
+      order.tax != null && chunkPEDLCL72_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 })
       ] }),
@@ -7268,84 +7487,769 @@ function useDebounce(value, delay) {
   }, [value, delay]);
   return debounced;
 }
-function ProductPage({
-  productId,
-  product: productProp,
-  relatedProducts,
-  onAddToCart,
-  renderImage,
-  showAvailability = true,
-  showSaleBadge = true,
-  showRelated = true,
-  relatedTitle = "You might also like",
-  className,
-  classNames
+function TwoColumnGrid({
+  left,
+  right,
+  className
 }) {
-  const { product: fetched, isLoading } = useProduct(productId, {
-    enabled: !productProp
-  });
-  const product = productProp ?? fetched;
-  if (isLoading && !product) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-product-layout-grid": true,
+      className: cn("grid lg:grid-cols-2 gap-8 lg:gap-12", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-product-layout-media": true, children: left }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-product-layout-info": true, children: right })
+      ]
+    }
+  );
+}
+function MetadataStringList({
+  items,
+  label,
+  icon,
+  className
+}) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-metadata-list": true, className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "flex items-center gap-2 text-sm font-medium", children: [
+      icon,
+      label
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
       {
-        "data-cimplify-product-page": true,
-        "aria-busy": "true",
-        className: cn(className, classNames?.root, classNames?.loading),
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-page-skeleton": true, style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { aspectRatio: "4/3", backgroundColor: "rgba(0,0,0,0.06)", borderRadius: "0.5rem" } }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "2rem", width: "60%", backgroundColor: "rgba(0,0,0,0.06)", borderRadius: "0.25rem" } }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "1rem", width: "30%", backgroundColor: "rgba(0,0,0,0.06)", borderRadius: "0.25rem" } })
-        ] })
-      }
-    );
-  }
-  if (!product) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-product-page": true, className: cn(className, classNames?.root), children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Product not found." }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-page": true, className: cn(className, classNames?.root), children: [
-    (showAvailability || showSaleBadge) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-page-badges": true, className: classNames?.badges, children: [
-      showAvailability && /* @__PURE__ */ jsxRuntime.jsx(AvailabilityBadge, { product }),
-      showSaleBadge && /* @__PURE__ */ jsxRuntime.jsx(SaleBadge, { product })
+        className: "text-xs text-muted-foreground px-2.5 py-1 bg-muted",
+        children: item
+      },
+      `${item}-${i}`
+    )) })
+  ] });
+}
+function CustomAttributesTable({
+  attributes,
+  className
+}) {
+  if (!attributes || attributes.length === 0) return null;
+  const groups = /* @__PURE__ */ new Map();
+  for (const attr of attributes) {
+    const group = attr.group_name || "Details";
+    if (!groups.has(group)) groups.set(group, []);
+    groups.get(group).push(attr);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-custom-attributes": true, className: cn("space-y-4", className), children: Array.from(groups.entries()).map(([groupName, attrs]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-cimplify-attribute-group": true, className: "text-sm font-semibold mb-2", children: groupName }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border border-border divide-y divide-border", children: attrs.map((attr) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2.5 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: attr.name }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: formatAttributeValue(attr) })
+    ] }, attr.definition_id)) })
+  ] }, groupName)) });
+}
+function formatAttributeValue(attr) {
+  if (attr.value === null || attr.value === void 0) return "\u2014";
+  if (typeof attr.value === "boolean") return attr.value ? "Yes" : "No";
+  if (Array.isArray(attr.value)) return attr.value.join(", ");
+  if (typeof attr.value === "object" && "value" in attr.value) {
+    return `${attr.value.value}${attr.unit ? ` ${attr.unit}` : ""}`;
+  }
+  const str = String(attr.value);
+  return attr.unit ? `${str} ${attr.unit}` : str;
+}
+function PropertiesTable({
+  properties,
+  className
+}) {
+  if (!properties || properties.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-properties": true, className, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border border-border divide-y divide-border", children: properties.map((prop) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2.5 text-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: prop.name }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
+      prop.values.filter(Boolean).join(", "),
+      prop.unit ? ` ${prop.unit}` : ""
+    ] })
+  ] }, prop.slug)) }) });
+}
+function TagPills({
+  tags,
+  className
+}) {
+  if (!tags || tags.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-tags": true, className: cn("flex flex-wrap gap-1.5", className), children: tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "text-xs font-medium text-muted-foreground px-2.5 py-1 bg-muted rounded-full",
+      children: tag
+    },
+    tag
+  )) });
+}
+function InventoryBadge({
+  product,
+  className
+}) {
+  const status = product.inventory_status;
+  if (!status) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-inventory-badge": true, className: cn("flex items-center gap-2 text-sm", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+      "w-2 h-2 rounded-full",
+      status.in_stock ? "bg-green-500" : "bg-red-500"
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: status.in_stock ? "text-green-700 font-medium" : "text-red-700 font-medium", children: status.in_stock ? "In stock" : "Out of stock" }),
+    status.in_stock && status.stock_level != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+      "\xB7 ",
+      status.stock_level.toLocaleString(),
+      " available"
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-product-page-main": true, className: classNames?.main, children: /* @__PURE__ */ jsxRuntime.jsx(
-      ProductSheet,
+    status.low_stock && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-amber-600 font-medium", children: "\xB7 Low stock" })
+  ] });
+}
+function RelatedProductsSection({
+  products,
+  title = "You might also like",
+  renderImage,
+  className
+}) {
+  if (products.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-related": true, className: cn("mt-12 pt-8 border-t border-border", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "h2",
       {
-        product,
-        onAddToCart,
-        renderImage
+        "data-cimplify-product-layout-related-title": true,
+        className: "text-xl font-semibold mb-6",
+        children: title
       }
-    ) }),
-    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-page-related": true, className: classNames?.relatedSection, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-cimplify-product-page-related-title": true, className: classNames?.relatedTitle, children: relatedTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ProductGrid,
-        {
-          products: relatedProducts,
-          renderImage
-        }
-      )
-    ] })
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ProductGrid, { products, renderImage })
   ] });
 }
-function CartPage({
-  title = "Your Cart",
-  onCheckout,
-  onContinueShopping,
-  onDiscountApply,
-  onDiscountClear,
-  showDiscount = true,
-  showContinueShopping = true,
-  checkoutLabel = "Proceed to Checkout",
-  className,
-  classNames
+function getMetadataStringList(metadata, key) {
+  const value = metadata?.[key];
+  if (!Array.isArray(value)) return [];
+  return value.filter((item) => typeof item === "string");
+}
+function PriceRange({ product, className }) {
+  const { displayCurrency } = useCimplify();
+  const range = chunkPEDLCL72_js.getPriceRange(product);
+  if (!range) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-price-range": true, className, children: chunkPEDLCL72_js.formatPriceRange(range.min, range.max, displayCurrency) });
+}
+function DefaultProductLayout({
+  product,
+  onAddToCart,
+  renderBreadcrumb,
+  relatedProducts,
+  showRelated = true,
+  className
 }) {
-  const { isEmpty, subtotal } = useCart();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-page": true, className: cn(className, classNames?.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-page-header": true, className: classNames?.header, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-cart-page-title": true, className: classNames?.title, children: title }),
-      showContinueShopping && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
+  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const hasRange = product.quantity_pricing && product.quantity_pricing.length > 1 || product.variants && product.variants.length > 1;
+  const onSale = chunkPEDLCL72_js.isOnSale(product);
+  const hasPhysicalDetails = product.sku || product.vendor || product.material;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout": "default", className: cn("space-y-8", className), children: [
+    renderBreadcrumb?.(product),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TwoColumnGrid,
+      {
+        left: /* @__PURE__ */ jsxRuntime.jsx(
+          ProductImageGallery,
+          {
+            images,
+            productName: product.name
+          }
+        ),
+        right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            product.vendor && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-widest", children: product.vendor }),
+            /* @__PURE__ */ jsxRuntime.jsx(TagPills, { tags: product.tags || [] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-extrabold tracking-tight", children: product.name }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-baseline gap-3", children: hasRange ? /* @__PURE__ */ jsxRuntime.jsx(PriceRange, { product, className: "text-2xl font-extrabold" }) : onSale ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "text-2xl font-extrabold" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunkPEDLCL72_js.getBasePrice(product), className: "text-lg text-muted-foreground line-through" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5", children: [
+              "Save ",
+              chunkPEDLCL72_js.getDiscountPercentage(product),
+              "%"
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "text-2xl font-semibold" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(InventoryBadge, { product }),
+          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-product-layout-description": true, className: "text-muted-foreground leading-relaxed", children: product.description }),
+          hasPhysicalDetails && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-details": true, className: "space-y-1 text-sm text-muted-foreground", children: [
+            product.sku && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "SKU: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-foreground", children: product.sku })
+            ] }),
+            product.barcode && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "Barcode: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-foreground", children: product.barcode })
+            ] }),
+            product.material && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "Material: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: product.material })
+            ] }),
+            product.vendor && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "Brand: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: product.vendor })
+            ] }),
+            (product.length_mm || product.width_mm || product.height_mm) && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "Dimensions: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: [product.length_mm, product.width_mm, product.height_mm].filter(Boolean).map((d) => `${(d / 10).toFixed(1)} cm`).join(" x ") })
+            ] }),
+            product.item_condition && product.item_condition !== "new" && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "Condition: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground capitalize", children: product.item_condition })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CustomAttributesTable, { attributes: product.custom_attributes || [] }),
+          /* @__PURE__ */ jsxRuntime.jsx(PropertiesTable, { properties: product.properties || [] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCustomizer,
+            {
+              product,
+              onAddToCart
+            }
+          )
+        ] })
+      }
+    ),
+    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      RelatedProductsSection,
+      {
+        products: relatedProducts
+      }
+    )
+  ] });
+}
+var DIETARY_TAGS = /* @__PURE__ */ new Set([
+  "vegetarian",
+  "vegan",
+  "gluten-free",
+  "dairy-free",
+  "nut-free",
+  "spicy",
+  "halal",
+  "kosher",
+  "organic",
+  "sugar-free"
+]);
+function FoodProductLayout({
+  product,
+  onAddToCart,
+  renderBreadcrumb,
+  relatedProducts,
+  showRelated = true,
+  className
+}) {
+  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const allTags = product.tags || [];
+  const dietaryTags = allTags.filter((t) => DIETARY_TAGS.has(t));
+  const otherTags = allTags.filter((t) => !DIETARY_TAGS.has(t));
+  const ingredients = getMetadataStringList(product.metadata, "ingredients");
+  const pairings = getMetadataStringList(product.metadata, "pairings");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout": "food", className: cn("space-y-8", className), children: [
+    renderBreadcrumb?.(product),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TwoColumnGrid,
+      {
+        left: /* @__PURE__ */ jsxRuntime.jsx(
+          ProductImageGallery,
+          {
+            images,
+            productName: product.name
+          }
+        ),
+        right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+            dietaryTags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-green-100 text-green-800 text-xs font-medium rounded-full", children: tag }, tag)),
+            product.allergies && product.allergies.map((allergy) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-amber-100 text-amber-800 text-xs font-medium rounded-full", children: [
+              "Contains ",
+              allergy
+            ] }, allergy))
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(TagPills, { tags: otherTags }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-bold tracking-tight", children: product.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "text-2xl font-semibold mt-2 block" })
+          ] }),
+          (product.calories != null || product.preparation_time_minutes != null) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-stats": true, className: "flex flex-wrap gap-4 py-3 border-y border-border", children: [
+            product.preparation_time_minutes != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("strong", { className: "text-foreground", children: [
+                product.preparation_time_minutes,
+                " min"
+              ] }),
+              " prep time"
+            ] }),
+            product.calories != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground", children: product.calories }),
+              " calories"
+            ] })
+          ] }),
+          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-product-layout-description": true, className: "text-muted-foreground leading-relaxed", children: product.description }),
+          (ingredients.length > 0 || pairings.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid sm:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(MetadataStringList, { items: ingredients, label: "Key Ingredients" }),
+            /* @__PURE__ */ jsxRuntime.jsx(MetadataStringList, { items: pairings, label: "Pairings" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CustomAttributesTable, { attributes: product.custom_attributes || [] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCustomizer,
+            {
+              product,
+              onAddToCart
+            }
+          )
+        ] })
+      }
+    ),
+    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      RelatedProductsSection,
+      {
+        products: relatedProducts,
+        title: "You may also enjoy"
+      }
+    )
+  ] });
+}
+function WholesaleProductLayout({
+  product,
+  onAddToCart,
+  renderBreadcrumb,
+  relatedProducts,
+  showRelated = true,
+  className
+}) {
+  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const hasTiers = product.quantity_pricing && product.quantity_pricing.length > 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout": "wholesale", className: cn("space-y-8", className), children: [
+    renderBreadcrumb?.(product),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TwoColumnGrid,
+      {
+        left: /* @__PURE__ */ jsxRuntime.jsx(
+          ProductImageGallery,
+          {
+            images,
+            productName: product.name
+          }
+        ),
+        right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TagPills, { tags: product.tags || [] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            product.sku && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground font-medium uppercase tracking-wider mb-1", children: [
+              "SKU: ",
+              product.sku
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-extrabold tracking-tight", children: product.name })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: hasTiers ? /* @__PURE__ */ jsxRuntime.jsx(PriceRange, { product, className: "text-2xl font-extrabold" }) : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "text-2xl font-semibold" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(InventoryBadge, { product }),
+          product.min_order_quantity != null && product.min_order_quantity > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-moq": true, className: "flex items-center gap-3 p-3 bg-amber-50 border border-amber-200 text-sm text-amber-800", children: [
+            "Minimum order quantity: ",
+            /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+              product.min_order_quantity,
+              " units"
+            ] })
+          ] }),
+          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-product-layout-description": true, className: "text-muted-foreground leading-relaxed", children: product.description }),
+          hasTiers && /* @__PURE__ */ jsxRuntime.jsx(
+            VolumePricing,
+            {
+              tiers: product.quantity_pricing,
+              defaultOpen: true
+            }
+          ),
+          (product.sku || product.barcode || product.vendor) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-details": true, className: "space-y-1 text-sm text-muted-foreground", children: [
+            product.barcode && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "Barcode: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-foreground", children: product.barcode })
+            ] }),
+            product.vendor && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "Supplier: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: product.vendor })
+            ] }),
+            product.hs_code && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "HS Code: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-foreground", children: product.hs_code })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CustomAttributesTable, { attributes: product.custom_attributes || [] }),
+          /* @__PURE__ */ jsxRuntime.jsx(PropertiesTable, { properties: product.properties || [] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCustomizer,
+            {
+              product,
+              onAddToCart
+            }
+          )
+        ] })
+      }
+    ),
+    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      RelatedProductsSection,
+      {
+        products: relatedProducts,
+        title: "Related products"
+      }
+    )
+  ] });
+}
+function formatMinutes(minutes) {
+  if (minutes >= 1440) return `${Math.floor(minutes / 1440)} day${minutes >= 2880 ? "s" : ""}`;
+  if (minutes >= 60) {
+    const h = Math.floor(minutes / 60);
+    const m = minutes % 60;
+    return m > 0 ? `${h}h ${m}min` : `${h} hour${h > 1 ? "s" : ""}`;
+  }
+  return `${minutes} min`;
+}
+function ServiceProductLayout({
+  product,
+  onAddToCart,
+  renderBreadcrumb,
+  relatedProducts,
+  showRelated = true,
+  className
+}) {
+  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const hasDeposit = product.deposit_type && product.deposit_type !== "none" && product.deposit_amount;
+  const depositAmount = hasDeposit ? chunkPEDLCL72_js.parsePrice(product.deposit_amount) : 0;
+  const cancellationHours = product.cancellation_window_minutes ? Math.floor(product.cancellation_window_minutes / 60) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout": "service", className: cn("space-y-8", className), children: [
+    renderBreadcrumb?.(product),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TwoColumnGrid,
+      {
+        left: /* @__PURE__ */ jsxRuntime.jsx(
+          ProductImageGallery,
+          {
+            images,
+            productName: product.name
+          }
+        ),
+        right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TagPills, { tags: product.tags || [] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-extrabold tracking-tight", children: product.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "text-2xl font-bold text-primary mt-2 block" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-service-info": true, className: "flex flex-wrap gap-2", children: [
+            product.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-1.5 px-3 py-1.5 bg-muted text-sm text-muted-foreground rounded-full", children: formatMinutes(product.duration_minutes) }),
+            hasDeposit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-3 py-1.5 bg-muted text-sm text-muted-foreground rounded-full", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount }),
+              " deposit"
+            ] }),
+            product.general_service_capacity != null && product.general_service_capacity > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-3 py-1.5 bg-muted text-sm text-muted-foreground rounded-full", children: [
+              "Up to ",
+              product.general_service_capacity,
+              " people"
+            ] }),
+            product.buffer_before_minutes != null && product.buffer_before_minutes > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-3 py-1.5 bg-muted text-sm text-muted-foreground rounded-full", children: [
+              product.buffer_before_minutes,
+              " min buffer"
+            ] })
+          ] }),
+          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-product-layout-description": true, className: "text-muted-foreground leading-relaxed", children: product.description }),
+          (product.requires_specific_staff || product.requires_specific_resource) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-requirements": true, className: "text-sm text-muted-foreground space-y-1", children: [
+            product.requires_specific_staff && /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Staff selection required" }),
+            product.requires_specific_resource && /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Resource selection required" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CustomAttributesTable, { attributes: product.custom_attributes || [] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCustomizer,
+            {
+              product,
+              onAddToCart,
+              showSpecialInstructions: false
+            }
+          ),
+          (cancellationHours != null || product.no_show_fee) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-cancellation": true, className: "border border-border p-4 space-y-2 text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: "Cancellation Policy" }),
+            cancellationHours != null && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
+              "Free cancellation up to ",
+              /* @__PURE__ */ jsxRuntime.jsxs("strong", { className: "text-foreground", children: [
+                cancellationHours,
+                " hours"
+              ] }),
+              " before the appointment"
+            ] }),
+            product.no_show_fee && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
+              "No-show fee: ",
+              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.no_show_fee, className: "font-medium text-foreground" })
+            ] }),
+            hasDeposit && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: product.deposit_type === "fixed" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount, className: "font-medium text-foreground" }),
+              " deposit charged at booking"
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              chunkPEDLCL72_js.parsePrice(product.deposit_amount),
+              "% deposit charged at booking"
+            ] }) })
+          ] })
+        ] })
+      }
+    ),
+    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      RelatedProductsSection,
+      {
+        products: relatedProducts,
+        title: "Other services"
+      }
+    )
+  ] });
+}
+var DIGITAL_TYPE_LABELS = {
+  download: "Digital download",
+  license: "Software license",
+  event_ticket: "Event ticket",
+  access_pass: "Access pass",
+  gift_card: "Gift card"
+};
+function DigitalProductLayout({
+  product,
+  onAddToCart,
+  renderBreadcrumb,
+  relatedProducts,
+  showRelated = true,
+  className
+}) {
+  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const typeLabel = product.digital_type ? DIGITAL_TYPE_LABELS[product.digital_type] || product.digital_type : "Digital product";
+  const isTicket = product.digital_type === "event_ticket";
+  const isAccessPass = product.digital_type === "access_pass";
+  const isDownload = product.digital_type === "download" || product.digital_type === "license";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout": "digital", className: cn("space-y-8", className), children: [
+    renderBreadcrumb?.(product),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TwoColumnGrid,
+      {
+        left: /* @__PURE__ */ jsxRuntime.jsx(
+          ProductImageGallery,
+          {
+            images,
+            productName: product.name
+          }
+        ),
+        right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-product-layout-badge": true, className: "text-xs font-semibold uppercase tracking-wider text-primary bg-primary/10 px-2.5 py-1 rounded-full", children: typeLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(TagPills, { tags: product.tags || [] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-extrabold tracking-tight", children: product.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "text-2xl font-bold mt-2 block" })
+          ] }),
+          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-cimplify-product-layout-description": true, className: "text-muted-foreground leading-relaxed", children: product.description }),
+          isDownload && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-delivery": true, className: "flex items-center gap-3 px-4 py-3 bg-muted rounded-lg", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5 text-primary shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Instant delivery" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Download immediately after purchase" })
+            ] })
+          ] }),
+          isTicket && (product.event_date || product.venue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-event": true, className: "border border-border p-4 space-y-2", children: [
+            product.event_date && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Date:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: new Date(product.event_date).toLocaleDateString(void 0, { weekday: "long", year: "numeric", month: "long", day: "numeric" }) })
+            ] }),
+            product.venue && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Venue:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: product.venue })
+            ] }),
+            product.ticket_type && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Type:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium capitalize", children: product.ticket_type })
+            ] })
+          ] }),
+          isAccessPass && (product.access_type || product.access_duration_days) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-access": true, className: "border border-border p-4 space-y-2", children: [
+            product.access_type && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Access:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium capitalize", children: product.access_type })
+            ] }),
+            product.access_level && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Level:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium capitalize", children: product.access_level })
+            ] }),
+            product.access_duration_days && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Duration:" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
+                product.access_duration_days,
+                " days"
+              ] })
+            ] })
+          ] }),
+          isDownload && (product.file_size_mb || product.file_type || product.version || product.max_downloads) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-file-details": true, className: "grid grid-cols-2 gap-3", children: [
+            product.file_type && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2 bg-muted text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Format" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: product.file_type.toUpperCase() })
+            ] }),
+            product.file_size_mb != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2 bg-muted text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Size" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: product.file_size_mb >= 1024 ? `${(product.file_size_mb / 1024).toFixed(1)} GB` : `${product.file_size_mb} MB` })
+            ] }),
+            product.max_downloads != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2 bg-muted text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Downloads" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: product.max_downloads })
+            ] }),
+            product.version && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2 bg-muted text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Version" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-semibold", children: [
+                "v",
+                product.version
+              ] })
+            ] }),
+            product.download_expires_days != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2 bg-muted text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Expires" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-semibold", children: [
+                product.download_expires_days,
+                " days"
+              ] })
+            ] }),
+            product.max_activations != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2 bg-muted text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Activations" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: product.max_activations })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CustomAttributesTable, { attributes: product.custom_attributes || [] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ProductCustomizer,
+            {
+              product,
+              onAddToCart,
+              showSpecialInstructions: false
+            }
+          )
+        ] })
+      }
+    ),
+    showRelated && relatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      RelatedProductsSection,
+      {
+        products: relatedProducts,
+        title: "More digital products"
+      }
+    )
+  ] });
+}
+var ProductTemplate = /* @__PURE__ */ ((ProductTemplate2) => {
+  ProductTemplate2["Default"] = "default";
+  ProductTemplate2["Food"] = "food";
+  ProductTemplate2["Wholesale"] = "wholesale";
+  ProductTemplate2["Service"] = "service";
+  ProductTemplate2["Digital"] = "digital";
+  ProductTemplate2["Physical"] = "physical";
+  return ProductTemplate2;
+})(ProductTemplate || {});
+var BUILT_IN_LAYOUTS = {
+  ["food" /* Food */]: FoodProductLayout,
+  ["wholesale" /* Wholesale */]: WholesaleProductLayout,
+  ["service" /* Service */]: ServiceProductLayout,
+  ["digital" /* Digital */]: DigitalProductLayout,
+  ["default" /* Default */]: DefaultProductLayout
+};
+function resolveTemplateKey(product) {
+  const metaTemplate = product.metadata?.page_template;
+  if (typeof metaTemplate === "string" && metaTemplate.trim()) {
+    return metaTemplate.trim();
+  }
+  if (product.quantity_pricing && product.quantity_pricing.length > 1) {
+    return "wholesale" /* Wholesale */;
+  }
+  if (product.type === "service") {
+    return "service" /* Service */;
+  }
+  if (product.type === "digital") {
+    return "digital" /* Digital */;
+  }
+  if (product.render_hint === "food") {
+    return "food" /* Food */;
+  }
+  if (product.render_hint === "physical") {
+    return "physical" /* Physical */;
+  }
+  return "default" /* Default */;
+}
+function resolveLayout(product, pages, templates) {
+  if (pages?.[product.slug]) {
+    return pages[product.slug];
+  }
+  const key = resolveTemplateKey(product);
+  if (templates?.[key]) {
+    return templates[key];
+  }
+  if (BUILT_IN_LAYOUTS[key]) {
+    return BUILT_IN_LAYOUTS[key];
+  }
+  return DefaultProductLayout;
+}
+function ProductPage({
+  productId,
+  product: productProp,
+  pages,
+  templates,
+  onAddToCart,
+  renderImage,
+  renderBreadcrumb,
+  relatedProducts,
+  showRelated = true,
+  className,
+  classNames
+}) {
+  const resolvedId = productId || productProp?.slug || productProp?.id || "";
+  const { product: fetched, isLoading } = useProduct(resolvedId, {
+    enabled: !productProp && resolvedId.length > 0
+  });
+  const product = productProp ?? fetched;
+  if (isLoading && !product) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-product-page": true,
+        "aria-busy": "true",
+        className: cn(className, classNames?.root, classNames?.loading),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid lg:grid-cols-2 gap-8 lg:gap-12 animate-pulse", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-square bg-muted" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 py-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-3/5 bg-muted" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-2/5 bg-muted" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4/5 bg-muted" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-3/5 bg-muted" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-14 w-full bg-muted mt-8" })
+          ] })
+        ] })
+      }
+    );
+  }
+  if (!product) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-product-page": true, className: cn(className, classNames?.root), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Product not found." }) });
+  }
+  const Layout = resolveLayout(product, pages, templates);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-product-page": true, className: cn(className, classNames?.root), children: /* @__PURE__ */ jsxRuntime.jsx(
+    Layout,
+    {
+      product,
+      onAddToCart,
+      renderImage,
+      renderBreadcrumb,
+      relatedProducts,
+      showRelated
+    }
+  ) });
+}
+function CartPage({
+  title = "Your Cart",
+  onCheckout,
+  onContinueShopping,
+  onDiscountApply,
+  onDiscountClear,
+  showDiscount = true,
+  showContinueShopping = true,
+  checkoutLabel = "Proceed to Checkout",
+  className,
+  classNames
+}) {
+  const { isEmpty, subtotal } = useCart();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-page": true, className: cn(className, classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-page-header": true, className: classNames?.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-cart-page-title": true, className: classNames?.title, children: title }),
+      showContinueShopping && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
         {
           type: "button",
           onClick: onContinueShopping,
@@ -7825,7 +8729,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 && chunk5FK7MDHS_js.parsePrice(depositAmount) !== 0;
+  const hasDeposit = depositType !== void 0 && depositType !== "none" && depositAmount !== void 0 && chunkPEDLCL72_js.parsePrice(depositAmount) !== 0;
   const cancellationMinutes = product?.cancellation_window_minutes;
   const noShowFee = product?.no_show_fee;
   const handleSlotSelect = React3.useCallback(
@@ -7957,14 +8861,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" ? `${chunk5FK7MDHS_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount })
+        depositType === "percentage" ? `${chunkPEDLCL72_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 && chunk5FK7MDHS_js.parsePrice(noShowFee) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-booking-no-show-fee": true, className: classNames?.cancellationPolicy, children: [
+      noShowFee !== void 0 && chunkPEDLCL72_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 +8945,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" ? `${chunk5FK7MDHS_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: depositType === "percentage" ? `${chunkPEDLCL72_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount }) })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -8356,102 +9260,6 @@ 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 DeliveryEstimate({
   latitude,
   longitude,
@@ -8601,7 +9409,7 @@ function CurrencySelector({
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkKLRTWBDF_js.getVariantDisplayName; }
+  get: function () { return chunkIYQGGFVQ_js.getVariantDisplayName; }
 });
 exports.Ad = Ad;
 exports.AdProvider = AdProvider;
@@ -8626,39 +9434,54 @@ exports.CimplifyProvider = CimplifyProvider;
 exports.CollectionPage = CollectionPage;
 exports.CompositeSelector = CompositeSelector;
 exports.CurrencySelector = CurrencySelector;
+exports.CustomAttributesTable = CustomAttributesTable;
 exports.DateSlotPicker = DateSlotPicker;
 exports.DealBanner = DealBanner;
 exports.DealsPage = DealsPage;
+exports.DefaultProductLayout = DefaultProductLayout;
 exports.DeliveryEstimate = DeliveryEstimate;
+exports.DigitalProductLayout = DigitalProductLayout;
 exports.DiscountInput = DiscountInput;
 exports.ElementsProvider = ElementsProvider;
+exports.FoodProductLayout = FoodProductLayout;
+exports.InventoryBadge = InventoryBadge;
 exports.LocationPicker = LocationPicker;
+exports.MetadataStringList = MetadataStringList;
 exports.OrderDetailPage = OrderDetailPage;
 exports.OrderHistory = OrderHistory;
 exports.OrderHistoryPage = OrderHistoryPage;
 exports.OrderSummary = OrderSummary;
 exports.PaymentElement = PaymentElement;
 exports.Price = Price;
+exports.PriceRange = PriceRange;
 exports.ProductCard = ProductCard;
 exports.ProductCustomizer = ProductCustomizer;
 exports.ProductGrid = ProductGrid;
 exports.ProductImageGallery = ProductImageGallery;
 exports.ProductPage = ProductPage;
 exports.ProductSheet = ProductSheet;
+exports.ProductTemplate = ProductTemplate;
+exports.PropertiesTable = PropertiesTable;
 exports.QuantitySelector = QuantitySelector;
 exports.RecentlyViewed = RecentlyViewed;
 exports.RecommendationCarousel = RecommendationCarousel;
+exports.RelatedProductsSection = RelatedProductsSection;
 exports.ResourcePicker = ResourcePicker;
 exports.SaleBadge = SaleBadge;
 exports.SearchInput = SearchInput;
 exports.SearchPage = SearchPage;
 exports.ServiceCard = ServiceCard;
 exports.ServiceGrid = ServiceGrid;
+exports.ServiceProductLayout = ServiceProductLayout;
 exports.SessionMessageBanner = SessionMessageBanner;
 exports.SlotPicker = SlotPicker;
 exports.StaffPicker = StaffPicker;
 exports.StoreNav = StoreNav;
+exports.TagPills = TagPills;
+exports.TwoColumnGrid = TwoColumnGrid;
 exports.VariantSelector = VariantSelector;
+exports.VolumePricing = VolumePricing;
+exports.WholesaleProductLayout = WholesaleProductLayout;
 exports.cn = cn;
 exports.roomToResource = roomToResource;
 exports.useActivityState = useActivityState;