@cimplify/sdk 0.18.0 → 0.20.0

package/dist/react.js

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunkMJECWMOY_js = require('./chunk-MJECWMOY.js');
-var chunkDYKFSV77_js = require('./chunk-DYKFSV77.js');
-var chunkRYQ5IPWX_js = require('./chunk-RYQ5IPWX.js');
+var chunkAVVLN353_js = require('./chunk-AVVLN353.js');
+var chunkKSN3RJFL_js = require('./chunk-KSN3RJFL.js');
+var chunk2BSYTQAY_js = require('./chunk-2BSYTQAY.js');
 var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var numberField = require('@base-ui/react/number-field');
@@ -447,13 +447,13 @@ function buildLineKey(productId, options) {
   return parts.join("|");
 }
 function calculateLineSubtotal(item) {
-  let unitPrice = chunkRYQ5IPWX_js.parsePrice(item.product.default_price);
+  let unitPrice = chunk2BSYTQAY_js.parsePrice(item.product.default_price);
   if (item.variant?.price_adjustment) {
-    unitPrice += chunkRYQ5IPWX_js.parsePrice(item.variant.price_adjustment);
+    unitPrice += chunk2BSYTQAY_js.parsePrice(item.variant.price_adjustment);
   }
   for (const option of item.addOnOptions || []) {
     if (option.default_price) {
-      unitPrice += chunkRYQ5IPWX_js.parsePrice(option.default_price);
+      unitPrice += chunk2BSYTQAY_js.parsePrice(option.default_price);
     }
   }
   return roundMoney(unitPrice * item.quantity);
@@ -537,7 +537,12 @@ function mapServerCart(serverCart) {
       specialInstructions: item.special_instructions,
       scheduledStart: item.scheduled_start || void 0,
       scheduledEnd: item.scheduled_end || void 0,
-      staffId: item.staff_id || void 0
+      staffId: item.staff_id || void 0,
+      lineType: item.line_type,
+      confirmationCode: item.confirmation_code || void 0,
+      serviceStatus: item.service_status || void 0,
+      bundleResolved: item.bundle_resolved || void 0,
+      compositeResolved: item.composite_resolved || void 0
     });
   });
   return {
@@ -1011,7 +1016,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkMJECWMOY_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkAVVLN353_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1094,7 +1099,7 @@ function CimplifyProvider({
   const setDisplayCurrency = React3.useCallback(
     (currency) => {
       const normalized = currency?.trim().toUpperCase() || null;
-      if (normalized && !chunkRYQ5IPWX_js.isSupportedCurrency(normalized)) {
+      if (normalized && !chunk2BSYTQAY_js.isSupportedCurrency(normalized)) {
         return;
       }
       setDisplayCurrencyOverride(normalized);
@@ -1656,7 +1661,7 @@ function Price({ amount, className, prefix }) {
   const { displayCurrency, convertPrice } = useCimplify();
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className, children: [
     prefix,
-    chunkRYQ5IPWX_js.formatPrice(convertPrice(amount), displayCurrency)
+    chunk2BSYTQAY_js.formatPrice(convertPrice(amount), displayCurrency)
   ] });
 }
 var productsCache = /* @__PURE__ */ new Map();
@@ -2094,7 +2099,7 @@ function useOrder(orderId, options = {}) {
     return () => {
       window.clearInterval(timer);
     };
-  }, [enabled, load, normalizedOrderId.length, poll, pollInterval]);
+  }, [enabled, load, normalizedOrderId, poll, pollInterval]);
   const refetch = React3.useCallback(async () => {
     orderCache.delete(cacheKey);
     await load(true);
@@ -3499,16 +3504,16 @@ function useProductPrice(input) {
     if (bundleTotalPrice != null) {
       unitPrice = bundleTotalPrice;
     } else if (compositePrice) {
-      unitPrice = chunkRYQ5IPWX_js.parsePrice(compositePrice.final_price);
+      unitPrice = chunk2BSYTQAY_js.parsePrice(compositePrice.final_price);
     } else {
-      unitPrice = chunkRYQ5IPWX_js.parsePrice(product.default_price);
+      unitPrice = chunk2BSYTQAY_js.parsePrice(product.default_price);
       if (variant?.price_adjustment) {
-        unitPrice += chunkRYQ5IPWX_js.parsePrice(variant.price_adjustment);
+        unitPrice += chunk2BSYTQAY_js.parsePrice(variant.price_adjustment);
       }
       if (addOnOptions) {
         for (const option of addOnOptions) {
           if (option.default_price) {
-            unitPrice += chunkRYQ5IPWX_js.parsePrice(option.default_price);
+            unitPrice += chunk2BSYTQAY_js.parsePrice(option.default_price);
           }
         }
       }
@@ -3994,6 +3999,682 @@ function useBookings(options = {}) {
   );
   return { bookings, isLoading, error, refetch, cancelBooking };
 }
+var definitionsCache = /* @__PURE__ */ new Map();
+var definitionsInflight = /* @__PURE__ */ new Map();
+function buildCacheKey(client, namespace) {
+  return `attr_defs_${client.getPublicKey() || "__demo__"}${namespace ? `_${namespace}` : ""}`;
+}
+function useAttributeDefinitions(options = {}) {
+  const context = useOptionalCimplifyClient();
+  const client = options.client ?? context?.client;
+  if (!client) {
+    throw new Error(
+      "useAttributeDefinitions must be used within CimplifyProvider or passed { client }."
+    );
+  }
+  const enabled = options.enabled ?? true;
+  const namespace = options.namespace;
+  const cacheKey = React3.useMemo(() => buildCacheKey(client, namespace), [client, namespace]);
+  const cached = definitionsCache.get(cacheKey);
+  const [definitions, setDefinitions] = React3.useState(cached ?? []);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  const load = React3.useCallback(
+    async (force = false) => {
+      if (!enabled) {
+        setIsLoading(false);
+        return;
+      }
+      setError(null);
+      if (!force) {
+        const cachedDefs = definitionsCache.get(cacheKey);
+        if (cachedDefs) {
+          setDefinitions(cachedDefs);
+          setIsLoading(false);
+          return;
+        }
+      }
+      setIsLoading(true);
+      try {
+        const existing = definitionsInflight.get(cacheKey);
+        const promise = existing ?? (async () => {
+          const result = await client.catalogue.getAttributeDefinitions(namespace);
+          if (!result.ok) {
+            throw result.error;
+          }
+          return result.value;
+        })();
+        if (!existing) {
+          definitionsInflight.set(
+            cacheKey,
+            promise.finally(() => {
+              definitionsInflight.delete(cacheKey);
+            })
+          );
+        }
+        const value = await promise;
+        definitionsCache.set(cacheKey, value);
+        setDefinitions(value);
+      } catch (loadError) {
+        setError(loadError);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [cacheKey, client, enabled]
+  );
+  React3.useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = React3.useCallback(async () => {
+    definitionsCache.delete(cacheKey);
+    await load(true);
+  }, [cacheKey, load]);
+  return { definitions, isLoading, error, refetch };
+}
+var facetsCache = /* @__PURE__ */ new Map();
+var facetsInflight = /* @__PURE__ */ new Map();
+function usePropertyFacets(options = {}) {
+  const context = useOptionalCimplifyClient();
+  const client = options.client ?? context?.client;
+  if (!client) {
+    throw new Error(
+      "usePropertyFacets must be used within CimplifyProvider or passed { client }."
+    );
+  }
+  const enabled = options.enabled ?? true;
+  const cacheKey = React3.useMemo(
+    () => `facets_${client.getPublicKey() || "__demo__"}_${options.category_id ?? ""}_${options.product_type ?? ""}`,
+    [client, options.category_id, options.product_type]
+  );
+  const cached = facetsCache.get(cacheKey);
+  const [facets, setFacets] = React3.useState(cached ?? []);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  const load = React3.useCallback(
+    async (force = false) => {
+      if (!enabled) {
+        setIsLoading(false);
+        return;
+      }
+      setError(null);
+      if (!force) {
+        const cachedFacets = facetsCache.get(cacheKey);
+        if (cachedFacets) {
+          setFacets(cachedFacets);
+          setIsLoading(false);
+          return;
+        }
+      }
+      setIsLoading(true);
+      try {
+        const existing = facetsInflight.get(cacheKey);
+        const promise = existing ?? (async () => {
+          const result = await client.catalogue.getPropertyFacets({
+            category_id: options.category_id,
+            product_type: options.product_type
+          });
+          if (!result.ok) {
+            throw result.error;
+          }
+          return result.value;
+        })();
+        if (!existing) {
+          facetsInflight.set(
+            cacheKey,
+            promise.finally(() => {
+              facetsInflight.delete(cacheKey);
+            })
+          );
+        }
+        const value = await promise;
+        facetsCache.set(cacheKey, value);
+        setFacets(value);
+      } catch (loadError) {
+        setError(loadError);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [cacheKey, client, enabled, options.category_id, options.product_type]
+  );
+  React3.useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = React3.useCallback(async () => {
+    facetsCache.delete(cacheKey);
+    await load(true);
+  }, [cacheKey, load]);
+  return { facets, isLoading, error, refetch };
+}
+function useBillingPlans(productId, options = {}) {
+  const context = useOptionalCimplifyClient();
+  const client = options.client ?? context?.client;
+  if (!client) {
+    throw new Error("useBillingPlans must be used within CimplifyProvider or passed { client }.");
+  }
+  const enabled = options.enabled ?? true;
+  const requestIdRef = React3.useRef(0);
+  const [plans, setPlans] = React3.useState([]);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !!productId);
+  const [error, setError] = React3.useState(null);
+  const customerId = options.customerId;
+  const quantity = options.quantity;
+  const orderValue = options.orderValue;
+  const load = React3.useCallback(
+    async (force = false) => {
+      if (!enabled || !productId) {
+        setPlans([]);
+        setIsLoading(false);
+        return;
+      }
+      const nextRequestId = ++requestIdRef.current;
+      setError(null);
+      setIsLoading(true);
+      try {
+        const result = await client.catalogue.getEligibleBillingPlans(productId, {
+          customer_id: customerId,
+          quantity,
+          order_value: orderValue
+        });
+        if (!result.ok) {
+          throw result.error;
+        }
+        if (nextRequestId === requestIdRef.current) {
+          setPlans(result.value);
+          setError(null);
+        }
+      } catch (loadError) {
+        if (nextRequestId === requestIdRef.current) {
+          setError(loadError);
+        }
+      } finally {
+        if (nextRequestId === requestIdRef.current) {
+          setIsLoading(false);
+        }
+      }
+    },
+    [client, enabled, productId, customerId, quantity, orderValue]
+  );
+  React3.useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = React3.useCallback(async () => {
+    await load(true);
+  }, [load]);
+  const subscriptionPlans = React3.useMemo(
+    () => plans.filter((p) => p.plan_type === "subscription"),
+    [plans]
+  );
+  const installmentPlans = React3.useMemo(
+    () => plans.filter((p) => p.plan_type === "installment"),
+    [plans]
+  );
+  return { plans, subscriptionPlans, installmentPlans, isLoading, error, refetch };
+}
+function findMatchingVariant(variants, selections) {
+  const axisCount = Object.keys(selections).length;
+  if (axisCount === 0) return null;
+  return variants.find((v) => {
+    const sel = v.axis_selections;
+    if (!sel) return false;
+    return Object.entries(selections).every(([axisId, valueId]) => sel[axisId] === valueId);
+  }) ?? null;
+}
+function computeAvailableValues(variants, axes, selections) {
+  const result = {};
+  for (const axis of axes) {
+    const otherSelections = Object.entries(selections).filter(([id]) => id !== axis.id);
+    const candidates = variants.filter((v) => {
+      const sel = v.axis_selections;
+      if (!sel) return false;
+      return otherSelections.every(([axisId, valueId]) => sel[axisId] === valueId);
+    });
+    const available = /* @__PURE__ */ new Set();
+    for (const v of candidates) {
+      const val = v.axis_selections?.[axis.id];
+      if (val) available.add(val);
+    }
+    result[axis.id] = available;
+  }
+  return result;
+}
+function useVariantSelector(options) {
+  const { variants, axes } = options;
+  const [selectedValues, setSelectedValues] = React3.useState({});
+  const selectValue = React3.useCallback(
+    (axisId, valueId) => {
+      setSelectedValues((prev) => {
+        if (prev[axisId] === valueId) {
+          const next = { ...prev };
+          delete next[axisId];
+          return next;
+        }
+        return { ...prev, [axisId]: valueId };
+      });
+    },
+    []
+  );
+  const reset = React3.useCallback(() => setSelectedValues({}), []);
+  const selectedVariant = React3.useMemo(
+    () => findMatchingVariant(variants, selectedValues),
+    [variants, selectedValues]
+  );
+  const variantImage = React3.useMemo(
+    () => selectedVariant?.images?.[0] ?? null,
+    [selectedVariant]
+  );
+  const availableValues = React3.useMemo(
+    () => computeAvailableValues(variants, axes, selectedValues),
+    [variants, axes, selectedValues]
+  );
+  return {
+    selectedValues,
+    selectedVariant,
+    variantImage,
+    availableValues,
+    selectValue,
+    reset
+  };
+}
+var activityStateCache = /* @__PURE__ */ new Map();
+var activityStateInflight = /* @__PURE__ */ new Map();
+function buildActivityStateCacheKey(client) {
+  return JSON.stringify({ key: client.getPublicKey(), type: "activity_state" });
+}
+function useActivityState(options = {}) {
+  const context = useOptionalCimplifyClient();
+  const client = options.client ?? context?.client;
+  if (!client) {
+    throw new Error("useActivityState must be used within CimplifyProvider or passed { client }.");
+  }
+  const enabled = options.enabled ?? true;
+  const cacheKey = React3.useMemo(() => buildActivityStateCacheKey(client), [client]);
+  const cached = activityStateCache.get(cacheKey);
+  const [state, setState] = React3.useState(cached ?? null);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  const load = React3.useCallback(
+    async (force = false) => {
+      if (!enabled) {
+        setIsLoading(false);
+        return;
+      }
+      setError(null);
+      if (!force) {
+        const cachedState = activityStateCache.get(cacheKey);
+        if (cachedState) {
+          setState(cachedState);
+          setIsLoading(false);
+          return;
+        }
+      }
+      setIsLoading(true);
+      try {
+        const existing = activityStateInflight.get(cacheKey);
+        const promise = existing ?? (async () => {
+          const result = await client.activity.getState();
+          if (!result.ok) {
+            throw result.error;
+          }
+          return result.value;
+        })();
+        if (!existing) {
+          activityStateInflight.set(
+            cacheKey,
+            promise.finally(() => {
+              activityStateInflight.delete(cacheKey);
+            })
+          );
+        }
+        const value = await promise;
+        activityStateCache.set(cacheKey, value);
+        setState(value);
+      } catch (loadError) {
+        setError(loadError);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [cacheKey, client, enabled]
+  );
+  React3.useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = React3.useCallback(async () => {
+    activityStateCache.delete(cacheKey);
+    await load(true);
+  }, [cacheKey, load]);
+  const dismissMessage = React3.useCallback(
+    async (code) => {
+      const result = await client.activity.dismissMessage(code);
+      if (!result.ok) {
+        setError(result.error);
+        return;
+      }
+      setState((prev) => {
+        if (!prev) return prev;
+        return { ...prev, messages: result.value.messages };
+      });
+      activityStateCache.delete(cacheKey);
+      await load(true);
+    },
+    [cacheKey, client, load]
+  );
+  const messages = state?.messages ?? [];
+  const intent = state?.intent ?? "";
+  return { state, messages, intent, isLoading, error, refetch, dismissMessage };
+}
+var recommendationsCache = /* @__PURE__ */ new Map();
+var recommendationsInflight = /* @__PURE__ */ new Map();
+function buildRecommendationsCacheKey(client, locationId, limit) {
+  return JSON.stringify({
+    key: client.getPublicKey(),
+    type: "recommendations",
+    location_id: locationId,
+    limit
+  });
+}
+function useRecommendations(options = {}) {
+  const context = useOptionalCimplifyClient();
+  const client = options.client ?? context?.client;
+  if (!client) {
+    throw new Error(
+      "useRecommendations must be used within CimplifyProvider or passed { client }."
+    );
+  }
+  const enabled = options.enabled ?? true;
+  const locationId = options.locationId ?? client.getLocationId() ?? void 0;
+  const limit = options.limit;
+  const previousLocationIdRef = React3.useRef(locationId);
+  const cacheKey = React3.useMemo(
+    () => buildRecommendationsCacheKey(client, locationId, limit),
+    [client, locationId, limit]
+  );
+  const cached = recommendationsCache.get(cacheKey);
+  const [response, setResponse] = React3.useState(cached ?? null);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  React3.useEffect(() => {
+    if (previousLocationIdRef.current !== locationId) {
+      recommendationsCache.clear();
+      recommendationsInflight.clear();
+      previousLocationIdRef.current = locationId;
+    }
+  }, [locationId]);
+  const load = React3.useCallback(
+    async (force = false) => {
+      if (!enabled) {
+        setIsLoading(false);
+        return;
+      }
+      setError(null);
+      if (!force) {
+        const cachedResponse = recommendationsCache.get(cacheKey);
+        if (cachedResponse) {
+          setResponse(cachedResponse);
+          setIsLoading(false);
+          return;
+        }
+      }
+      setIsLoading(true);
+      try {
+        const existing = recommendationsInflight.get(cacheKey);
+        const promise = existing ?? (async () => {
+          const result = await client.activity.getRecommendations({
+            location_id: locationId,
+            limit
+          });
+          if (!result.ok) {
+            throw result.error;
+          }
+          return result.value;
+        })();
+        if (!existing) {
+          recommendationsInflight.set(
+            cacheKey,
+            promise.finally(() => {
+              recommendationsInflight.delete(cacheKey);
+            })
+          );
+        }
+        const value = await promise;
+        recommendationsCache.set(cacheKey, value);
+        setResponse(value);
+      } catch (loadError) {
+        setError(loadError);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [cacheKey, client, enabled, locationId, limit]
+  );
+  React3.useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = React3.useCallback(async () => {
+    recommendationsCache.delete(cacheKey);
+    await load(true);
+  }, [cacheKey, load]);
+  const recommendations = response?.recommendations ?? [];
+  const intent = response?.intent ?? "";
+  return { recommendations, intent, isLoading, error, refetch };
+}
+var deliveryFeeCache = /* @__PURE__ */ new Map();
+function buildDeliveryFeeCacheKey(client, latitude, longitude, country) {
+  return JSON.stringify({
+    key: client.getPublicKey(),
+    lat: latitude,
+    lng: longitude,
+    country
+  });
+}
+function useDeliveryFee(options) {
+  const context = useOptionalCimplifyClient();
+  const client = options.client ?? context?.client;
+  if (!client) {
+    throw new Error("useDeliveryFee must be used within CimplifyProvider or passed { client }.");
+  }
+  const enabled = options.enabled ?? true;
+  const { latitude, longitude, country } = options;
+  const cacheKey = React3.useMemo(
+    () => buildDeliveryFeeCacheKey(client, latitude, longitude, country),
+    [client, latitude, longitude, country]
+  );
+  const cached = deliveryFeeCache.get(cacheKey);
+  const [fee, setFee] = React3.useState(cached ?? null);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  const requestIdRef = React3.useRef(0);
+  const load = React3.useCallback(
+    async (force = false) => {
+      if (!enabled) {
+        setIsLoading(false);
+        return;
+      }
+      setError(null);
+      if (!force) {
+        const cachedFee = deliveryFeeCache.get(cacheKey);
+        if (cachedFee) {
+          setFee(cachedFee);
+          setIsLoading(false);
+          return;
+        }
+      }
+      setIsLoading(true);
+      const currentRequestId = ++requestIdRef.current;
+      try {
+        const result = await client.delivery.getFee(latitude, longitude, country);
+        if (currentRequestId !== requestIdRef.current) return;
+        if (!result.ok) {
+          throw result.error;
+        }
+        deliveryFeeCache.set(cacheKey, result.value);
+        setFee(result.value);
+      } catch (loadError) {
+        if (currentRequestId !== requestIdRef.current) return;
+        setError(loadError);
+      } finally {
+        if (currentRequestId === requestIdRef.current) {
+          setIsLoading(false);
+        }
+      }
+    },
+    [cacheKey, client, country, enabled, latitude, longitude]
+  );
+  React3.useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = React3.useCallback(async () => {
+    deliveryFeeCache.delete(cacheKey);
+    await load(true);
+  }, [cacheKey, load]);
+  return { fee, isLoading, error, refetch };
+}
+var fxRateCache = /* @__PURE__ */ new Map();
+var fxRateInflight = /* @__PURE__ */ new Map();
+function buildFxRateCacheKey(client, from, to) {
+  return JSON.stringify({ key: client.getPublicKey(), from, to });
+}
+function useFxRate(options) {
+  const context = useOptionalCimplifyClient();
+  const client = options.client ?? context?.client;
+  if (!client) {
+    throw new Error("useFxRate must be used within CimplifyProvider or passed { client }.");
+  }
+  const enabled = options.enabled ?? true;
+  const { from, to } = options;
+  const cacheKey = React3.useMemo(
+    () => buildFxRateCacheKey(client, from, to),
+    [client, from, to]
+  );
+  const cached = fxRateCache.get(cacheKey);
+  const [rate, setRate] = React3.useState(cached ?? null);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  const load = React3.useCallback(
+    async (force = false) => {
+      if (!enabled) {
+        setIsLoading(false);
+        return;
+      }
+      setError(null);
+      if (!force) {
+        const cachedRate = fxRateCache.get(cacheKey);
+        if (cachedRate) {
+          setRate(cachedRate);
+          setIsLoading(false);
+          return;
+        }
+      }
+      setIsLoading(true);
+      try {
+        const existing = fxRateInflight.get(cacheKey);
+        const promise = existing ?? (async () => {
+          const result = await client.fx.getRate(from, to);
+          if (!result.ok) {
+            throw result.error;
+          }
+          return result.value;
+        })();
+        if (!existing) {
+          fxRateInflight.set(
+            cacheKey,
+            promise.finally(() => {
+              fxRateInflight.delete(cacheKey);
+            })
+          );
+        }
+        const value = await promise;
+        fxRateCache.set(cacheKey, value);
+        setRate(value);
+      } catch (loadError) {
+        setError(loadError);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [cacheKey, client, enabled, from, to]
+  );
+  React3.useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = React3.useCallback(async () => {
+    fxRateCache.delete(cacheKey);
+    await load(true);
+  }, [cacheKey, load]);
+  return { rate, isLoading, error, refetch };
+}
+var bootstrapCache = /* @__PURE__ */ new Map();
+var bootstrapInflight = /* @__PURE__ */ new Map();
+function buildBootstrapCacheKey(client) {
+  return JSON.stringify({ key: client.getPublicKey(), type: "bootstrap" });
+}
+function useBootstrap(options = {}) {
+  const context = useOptionalCimplifyClient();
+  const client = options.client ?? context?.client;
+  if (!client) {
+    throw new Error("useBootstrap must be used within CimplifyProvider or passed { client }.");
+  }
+  const enabled = options.enabled ?? true;
+  const cacheKey = React3.useMemo(() => buildBootstrapCacheKey(client), [client]);
+  const cached = bootstrapCache.get(cacheKey);
+  const [bootstrap, setBootstrap] = React3.useState(cached ?? null);
+  const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
+  const [error, setError] = React3.useState(null);
+  const load = React3.useCallback(
+    async (force = false) => {
+      if (!enabled) {
+        setIsLoading(false);
+        return;
+      }
+      setError(null);
+      if (!force) {
+        const cachedBootstrap = bootstrapCache.get(cacheKey);
+        if (cachedBootstrap) {
+          setBootstrap(cachedBootstrap);
+          setIsLoading(false);
+          return;
+        }
+      }
+      setIsLoading(true);
+      try {
+        const existing = bootstrapInflight.get(cacheKey);
+        const promise = existing ?? (async () => {
+          const result = await client.business.getBootstrap();
+          if (!result.ok) {
+            throw result.error;
+          }
+          return result.value;
+        })();
+        if (!existing) {
+          bootstrapInflight.set(
+            cacheKey,
+            promise.finally(() => {
+              bootstrapInflight.delete(cacheKey);
+            })
+          );
+        }
+        const value = await promise;
+        bootstrapCache.set(cacheKey, value);
+        setBootstrap(value);
+      } catch (loadError) {
+        setError(loadError);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [cacheKey, client, enabled]
+  );
+  React3.useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = React3.useCallback(async () => {
+    bootstrapCache.delete(cacheKey);
+    await load(true);
+  }, [cacheKey, load]);
+  return { bootstrap, isLoading, error, refetch };
+}
 var ElementsContext = React3.createContext({
   elements: null,
   isReady: false
@@ -4069,19 +4750,19 @@ function AuthElement({
   }, [onReady, onAuthenticated, onRequiresOtp, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkDYKFSV77_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkKSN3RJFL_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkDYKFSV77_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkKSN3RJFL_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkDYKFSV77_js.EVENT_TYPES.AUTHENTICATED,
+      chunkKSN3RJFL_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkDYKFSV77_js.EVENT_TYPES.REQUIRES_OTP,
+      chunkKSN3RJFL_js.EVENT_TYPES.REQUIRES_OTP,
       (data) => onRequiresOtpRef.current?.(data)
     );
     element.on(
-      chunkDYKFSV77_js.EVENT_TYPES.ERROR,
+      chunkKSN3RJFL_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -4110,15 +4791,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkDYKFSV77_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkKSN3RJFL_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkDYKFSV77_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkKSN3RJFL_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkDYKFSV77_js.EVENT_TYPES.CHANGE,
+      chunkKSN3RJFL_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkDYKFSV77_js.EVENT_TYPES.ERROR,
+      chunkKSN3RJFL_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -4148,15 +4829,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React3.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkDYKFSV77_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkKSN3RJFL_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkDYKFSV77_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkKSN3RJFL_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkDYKFSV77_js.EVENT_TYPES.CHANGE,
+      chunkKSN3RJFL_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkDYKFSV77_js.EVENT_TYPES.ERROR,
+      chunkKSN3RJFL_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -4315,7 +4996,7 @@ function VariantSelector({
   if (!variants || variants.length <= 1) {
     return null;
   }
-  basePrice != null ? chunkRYQ5IPWX_js.parsePrice(basePrice) : 0;
+  basePrice != null ? chunk2BSYTQAY_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}`;
@@ -4391,7 +5072,7 @@ function VariantSelector({
         className: cn("divide-y divide-border", classNames?.list),
         children: variants.map((variant) => {
           const isSelected = selectedVariantId === variant.id;
-          const adjustment = chunkRYQ5IPWX_js.parsePrice(variant.price_adjustment);
+          const adjustment = chunk2BSYTQAY_js.parsePrice(variant.price_adjustment);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             radio.Radio.Root,
             {
@@ -4419,7 +5100,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkMJECWMOY_js.getVariantDisplayName(variant, productName)
+                    children: chunkAVVLN353_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -4657,16 +5338,16 @@ function BundleSelector({
   }, [components, selections, onReady]);
   const totalPrice = React3.useMemo(() => {
     if (pricingType === "fixed" && bundlePrice) {
-      return chunkRYQ5IPWX_js.parsePrice(bundlePrice);
+      return chunk2BSYTQAY_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 - chunkRYQ5IPWX_js.parsePrice(discountValue) / 100);
+      return componentsTotal * (1 - chunk2BSYTQAY_js.parsePrice(discountValue) / 100);
     }
     if (pricingType === "fixed_discount" && discountValue) {
-      return componentsTotal - chunkRYQ5IPWX_js.parsePrice(discountValue);
+      return componentsTotal - chunk2BSYTQAY_js.parsePrice(discountValue);
     }
     return componentsTotal;
   }, [components, variantChoices, pricingType, bundlePrice, discountValue]);
@@ -4727,15 +5408,26 @@ function BundleSelector({
 }
 function getComponentPrice(component, selectedVariantId) {
   if (!selectedVariantId || component.available_variants.length === 0) {
-    return chunkRYQ5IPWX_js.parsePrice(component.effective_price);
+    return chunk2BSYTQAY_js.parsePrice(component.effective_price);
   }
   if (selectedVariantId === component.variant_id) {
-    return chunkRYQ5IPWX_js.parsePrice(component.effective_price);
+    return chunk2BSYTQAY_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 chunkRYQ5IPWX_js.parsePrice(component.effective_price);
-  return chunkRYQ5IPWX_js.parsePrice(component.effective_price) - chunkRYQ5IPWX_js.parsePrice(bakedAdj?.price_adjustment ?? "0") + chunkRYQ5IPWX_js.parsePrice(selectedAdj.price_adjustment);
+  if (!selectedAdj) return chunk2BSYTQAY_js.parsePrice(component.effective_price);
+  return chunk2BSYTQAY_js.parsePrice(component.effective_price) - chunk2BSYTQAY_js.parsePrice(bakedAdj?.price_adjustment ?? "0") + chunk2BSYTQAY_js.parsePrice(selectedAdj.price_adjustment);
+}
+function formatDuration(minutes, unit) {
+  if (unit === "hours" || !unit && minutes >= 60 && minutes % 60 === 0) {
+    const h = Math.round(minutes / 60);
+    return `${h}h`;
+  }
+  if (unit === "days" || unit === "nights") {
+    const d = Math.round(minutes / 1440);
+    return `${d}${unit === "nights" ? "n" : "d"}`;
+  }
+  return `${minutes}min`;
 }
 function BundleComponentCard({
   component,
@@ -4782,6 +5474,43 @@ function BundleComponentCard({
                     className: cn("text-sm", classNames?.componentName),
                     children: component.product_name
                   }
+                ),
+                component.product_type === "service" && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    "data-cimplify-bundle-type-badge": "service",
+                    className: cn(
+                      "text-[10px] uppercase tracking-wider font-medium text-blue-600",
+                      classNames?.typeBadge,
+                      classNames?.serviceBadge
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 16 16", fill: "none", className: "inline-block w-3 h-3 mr-0.5 -mt-px", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 4v4l2.5 1.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                      ] }),
+                      "Service",
+                      component.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        " \xB7 ",
+                        formatDuration(component.duration_minutes, component.duration_unit)
+                      ] })
+                    ]
+                  }
+                ),
+                component.product_type === "digital" && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    "data-cimplify-bundle-type-badge": "digital",
+                    className: cn(
+                      "text-[10px] uppercase tracking-wider font-medium text-violet-600",
+                      classNames?.typeBadge,
+                      classNames?.digitalBadge
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 16 16", fill: "none", className: "inline-block w-3 h-3 mr-0.5 -mt-px", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 2L4 9h4l-1 5 5-7H8l1-5z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+                      "Digital"
+                    ]
+                  }
                 )
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: displayPrice }) })
@@ -4800,7 +5529,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 = chunkRYQ5IPWX_js.parsePrice(variant.price_adjustment);
+              const adjustment = chunk2BSYTQAY_js.parsePrice(variant.price_adjustment);
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 radio.Radio.Root,
                 {
@@ -5106,6 +5835,39 @@ function CompositeSelector({
                                   children: displayName
                                 }
                               ),
+                              component.product_type === "service" && /* @__PURE__ */ jsxRuntime.jsxs(
+                                "span",
+                                {
+                                  "data-cimplify-composite-type-badge": "service",
+                                  className: cn(
+                                    "text-[10px] uppercase tracking-wider font-medium text-blue-600",
+                                    classNames?.typeBadge,
+                                    classNames?.serviceBadge
+                                  ),
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 16 16", fill: "none", className: "inline-block w-3 h-3 mr-0.5 -mt-px", "aria-hidden": "true", children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+                                      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 4v4l2.5 1.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                                    ] }),
+                                    "Service"
+                                  ]
+                                }
+                              ),
+                              component.product_type === "digital" && /* @__PURE__ */ jsxRuntime.jsxs(
+                                "span",
+                                {
+                                  "data-cimplify-composite-type-badge": "digital",
+                                  className: cn(
+                                    "text-[10px] uppercase tracking-wider font-medium text-violet-600",
+                                    classNames?.typeBadge,
+                                    classNames?.digitalBadge
+                                  ),
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 16 16", fill: "none", className: "inline-block w-3 h-3 mr-0.5 -mt-px", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 2L4 9h4l-1 5 5-7H8l1-5z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+                                    "Digital"
+                                  ]
+                                }
+                              ),
                               component.is_popular && /* @__PURE__ */ jsxRuntime.jsx(
                                 "span",
                                 {
@@ -5213,7 +5975,7 @@ function CompositeSelector({
         "data-cimplify-composite-summary": true,
         className: cn("border-t border-border pt-4 space-y-1 text-sm", classNames?.summary),
         children: [
-          chunkRYQ5IPWX_js.parsePrice(priceResult.base_price) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk2BSYTQAY_js.parsePrice(priceResult.base_price) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               "data-cimplify-composite-summary-line": true,
@@ -5224,7 +5986,7 @@ function CompositeSelector({
               ]
             }
           ),
-          chunkRYQ5IPWX_js.parsePrice(priceResult.components_total) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          chunk2BSYTQAY_js.parsePrice(priceResult.components_total) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               "data-cimplify-composite-summary-line": true,
@@ -5270,6 +6032,7 @@ function CompositeSelector({
 function ProductCustomizer({
   product,
   onAddToCart,
+  showSpecialInstructions = true,
   className,
   classNames
 }) {
@@ -5285,10 +6048,13 @@ function ProductCustomizer({
   const [bundleSelections, setBundleSelections] = React3.useState([]);
   const [bundleTotalPrice, setBundleTotalPrice] = React3.useState(null);
   const [bundleReady, setBundleReady] = React3.useState(false);
+  const [specialInstructions, setSpecialInstructions] = React3.useState("");
   const cart = useCart();
   const productType = product.type || "product";
   const isComposite = productType === "composite";
   const isBundle = productType === "bundle";
+  const isDigital = productType === "digital";
+  const isService = productType === "service";
   const isStandard = !isComposite && !isBundle;
   const hasVariants = isStandard && product.variants && product.variants.length > 0;
   const hasAddOns = isStandard && product.add_ons && product.add_ons.length > 0;
@@ -5305,6 +6071,7 @@ function ProductCustomizer({
     setBundleSelections([]);
     setBundleTotalPrice(null);
     setBundleReady(false);
+    setSpecialInstructions("");
   }, [product.id]);
   const selectedAddOnOptions = React3.useMemo(() => {
     if (!product.add_ons) return [];
@@ -5324,18 +6091,18 @@ function ProductCustomizer({
   }, [selectedAddOnOptionIds]);
   const localTotalPrice = React3.useMemo(() => {
     if (isComposite && compositePrice) {
-      return chunkRYQ5IPWX_js.parsePrice(compositePrice.final_price) * quantity;
+      return chunk2BSYTQAY_js.parsePrice(compositePrice.final_price) * quantity;
     }
     if (isBundle && bundleTotalPrice != null) {
       return bundleTotalPrice * quantity;
     }
-    let price = chunkRYQ5IPWX_js.parsePrice(product.default_price);
+    let price = chunk2BSYTQAY_js.parsePrice(product.default_price);
     if (selectedVariant?.price_adjustment) {
-      price += chunkRYQ5IPWX_js.parsePrice(selectedVariant.price_adjustment);
+      price += chunk2BSYTQAY_js.parsePrice(selectedVariant.price_adjustment);
     }
     for (const option of selectedAddOnOptions) {
       if (option.default_price) {
-        price += chunkRYQ5IPWX_js.parsePrice(option.default_price);
+        price += chunk2BSYTQAY_js.parsePrice(option.default_price);
       }
     }
     return price * quantity;
@@ -5376,7 +6143,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 chunkRYQ5IPWX_js.parsePrice(perUnit) * quantity;
+    return chunk2BSYTQAY_js.parsePrice(perUnit) * quantity;
   }, [quote, quantity]);
   const displayTotalPrice = quotedTotalPrice ?? localTotalPrice;
   const handleVariantChange = React3.useCallback(
@@ -5401,7 +6168,8 @@ function ProductCustomizer({
         default_price: opt.default_price
       })) : void 0,
       compositeSelections: isComposite && compositeSelections.length > 0 ? compositeSelections : void 0,
-      bundleSelections: isBundle && bundleSelections.length > 0 ? bundleSelections : void 0
+      bundleSelections: isBundle && bundleSelections.length > 0 ? bundleSelections : void 0,
+      specialInstructions: specialInstructions.trim() || void 0
     };
     try {
       if (onAddToCart) {
@@ -5462,6 +6230,43 @@ function ProductCustomizer({
         onOptionsChange: setSelectedAddOnOptionIds
       }
     ),
+    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: ",
+      chunk2BSYTQAY_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(
+      "span",
+      {
+        "data-cimplify-allergen-tag": true,
+        className: "inline-block text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground",
+        children: allergen
+      },
+      allergen
+    )) }),
+    isService && product.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customizer-duration": true, className: cn("text-sm text-muted-foreground", classNames?.duration), children: [
+      "Duration: ",
+      product.duration_minutes,
+      " ",
+      product.duration_unit ?? "minutes"
+    ] }),
+    showSpecialInstructions && !isDigital && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-customizer-special-instructions": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        value: specialInstructions,
+        onChange: (e) => setSpecialInstructions(e.target.value),
+        placeholder: "Special instructions (e.g., no onions, extra sauce)",
+        rows: 2,
+        "data-cimplify-customizer-textarea": true,
+        className: cn(
+          "w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring resize-none",
+          classNames?.specialInstructions
+        )
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -5596,7 +6401,8 @@ function ProductImageGallery({
 function CartLineItemRow({
   item,
   onRemove,
-  onQuantityChange
+  onQuantityChange,
+  classNames
 }) {
   const { unitPrice } = useProductPrice({
     product: item.product,
@@ -5605,18 +6411,60 @@ function CartLineItemRow({
   });
   const hasComposite = item.compositeSelections && item.compositeSelections.length > 0;
   const hasBundle = item.bundleSelections && item.bundleSelections.length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item": true, children: [
+  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, children: item.product.name }),
-      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkMJECWMOY_js.getVariantDisplayName(item.variant, item.product.name) }),
+      /* @__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: chunkAVVLN353_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(", ")
       ] }),
       (hasComposite || hasBundle) && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-badge": true, children: hasComposite ? "Custom" : "Bundle" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: unitPrice })
+      item.specialInstructions && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-instructions": true, className: "text-xs text-muted-foreground", children: item.specialInstructions }),
+      (item.lineType === "service" || item.product.type === "service") && item.scheduledStart && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-info": true, className: classNames?.serviceInfo, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          "\u{1F4C5}",
+          " ",
+          new Date(item.scheduledStart).toLocaleDateString(),
+          " at ",
+          new Date(item.scheduledStart).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
+        ] }),
+        item.confirmationCode && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          "Confirmation: ",
+          item.confirmationCode
+        ] }),
+        item.serviceStatus && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-status": item.serviceStatus, children: item.serviceStatus })
+      ] }),
+      (item.lineType === "digital" || item.product.type === "digital") && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-digital-info": true, className: classNames?.digitalInfo, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "\u26A1",
+        " Instant digital delivery"
+      ] }) }),
+      item.bundleResolved && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-bundle-breakdown": true, className: classNames?.bundleBreakdown, children: item.bundleResolved.selections.map((sel) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-product-type": sel.product_type, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          sel.quantity,
+          "\xD7 ",
+          sel.product_name
+        ] }),
+        sel.product_type === "service" && sel.scheduling?.scheduled_start && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          " \u2014 ",
+          new Date(sel.scheduling.scheduled_start).toLocaleDateString()
+        ] }),
+        sel.product_type === "digital" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: " \u2014 Digital" })
+      ] }, sel.component_id)) }),
+      item.compositeResolved && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-composite-breakdown": true, className: classNames?.compositeBreakdown, children: item.compositeResolved.selections.map((sel) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-product-type": sel.product_type, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          sel.quantity,
+          "\xD7 ",
+          sel.component_name
+        ] }),
+        sel.product_type === "service" && sel.scheduling?.scheduled_start && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          " \u2014 ",
+          new Date(sel.scheduling.scheduled_start).toLocaleDateString()
+        ] })
+      ] }, sel.component_id)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: unitPrice, className: classNames?.itemPrice })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item-controls": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item-controls": true, className: classNames?.quantity, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         QuantitySelector,
         {
@@ -5631,6 +6479,7 @@ function CartLineItemRow({
           type: "button",
           onClick: () => onRemove(item.id),
           "data-cimplify-cart-item-remove": true,
+          className: classNames?.removeButton,
           "aria-label": `Remove ${item.product.name}`,
           children: "Remove"
         }
@@ -5639,13 +6488,18 @@ function CartLineItemRow({
   ] });
 }
 function CartSummary({
+  cart: serverCart,
   onCheckout,
   onItemRemove,
   onQuantityChange,
   emptyMessage = "Your cart is empty",
-  className
+  className,
+  classNames
 }) {
   const { items, itemCount, subtotal, tax, total, isEmpty, removeItem, updateQuantity } = useCart();
+  const deliveryFee = serverCart?.delivery_fee;
+  const serviceCharge = serverCart?.service_charge;
+  const totalDiscounts = serverCart?.total_discounts;
   const handleRemove = (itemId) => {
     if (onItemRemove) {
       onItemRemove(itemId);
@@ -5660,18 +6514,19 @@ function CartSummary({
       void updateQuantity(itemId, qty);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-summary": true, className, children: isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-empty": true, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: emptyMessage }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-summary": true, className: cn(className, classNames?.root), children: isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-empty": true, className: classNames?.empty, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: emptyMessage }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-items": true, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
       CartLineItemRow,
       {
         item,
         onRemove: handleRemove,
-        onQuantityChange: handleQuantityChange
+        onQuantityChange: handleQuantityChange,
+        classNames
       },
       item.id
     )) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-totals": true, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-subtotal": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-totals": true, className: classNames?.totals, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-subtotal": true, className: classNames?.subtotal, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
           "Subtotal (",
           itemCount,
@@ -5681,11 +6536,23 @@ function CartSummary({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: subtotal })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-tax": true, children: [
+      totalDiscounts != null && chunk2BSYTQAY_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" }),
+        chunk2BSYTQAY_js.parsePrice(deliveryFee) > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: deliveryFee }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Free delivery" })
+      ] }),
+      serviceCharge != null && chunk2BSYTQAY_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 })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-tax": true, className: classNames?.tax, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Tax" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: tax })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-total": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-total": true, className: classNames?.total, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Total" }),
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: total })
       ] })
@@ -5696,6 +6563,7 @@ function CartSummary({
         type: "button",
         onClick: onCheckout,
         "data-cimplify-cart-checkout": true,
+        className: classNames?.checkout,
         children: "Proceed to Checkout"
       }
     )
@@ -5705,21 +6573,26 @@ function AvailabilityBadge({
   product,
   isAvailable,
   isInStock,
+  stockQuantity,
+  lowStockThreshold = 5,
+  locationId,
   className,
   classNames
 }) {
   if (product.is_tracked !== true) {
     return null;
   }
-  const outOfStock = isInStock === false || isAvailable === false;
-  const stockState = outOfStock ? "out_of_stock" : "in_stock";
+  const outOfStock = isInStock === false || isAvailable === false || stockQuantity !== void 0 && stockQuantity <= 0;
+  const isLowStock = !outOfStock && stockQuantity !== void 0 && stockQuantity > 0 && stockQuantity <= lowStockThreshold;
+  const stockState = outOfStock ? "out_of_stock" : isLowStock ? "low_stock" : "in_stock";
   const label = outOfStock ? "Out of Stock" : "In Stock";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
       "data-cimplify-availability-badge": true,
       "data-stock-state": stockState,
-      className: cn(className, classNames?.root),
+      ...locationId ? { "data-location-id": locationId } : void 0,
+      className: cn(className, classNames?.root, isLowStock && classNames?.lowStock),
       style: { display: "inline-flex", alignItems: "center", gap: "0.375rem" },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -5735,7 +6608,12 @@ function AvailabilityBadge({
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-availability-label": true, className: classNames?.label, children: label })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-availability-label": true, className: classNames?.label, children: label }),
+        stockQuantity !== void 0 && isLowStock && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-availability-stock-count": true, className: classNames?.stockCount, children: [
+          "Only ",
+          stockQuantity,
+          " left"
+        ] })
       ]
     }
   );
@@ -5749,16 +6627,16 @@ function SaleBadge({
   className,
   classNames
 }) {
-  const onSale = chunkRYQ5IPWX_js.isOnSale(product);
+  const onSale = chunk2BSYTQAY_js.isOnSale(product);
   const hasDeal = dealInfo !== void 0;
   if (!hasDeal && !onSale && !label) {
     return null;
   }
   let percentage = null;
   if (hasDeal && dealInfo.benefit_type === "percentage") {
-    percentage = chunkRYQ5IPWX_js.parsePrice(dealInfo.value);
+    percentage = chunk2BSYTQAY_js.parsePrice(dealInfo.value);
   } else if (onSale) {
-    percentage = chunkRYQ5IPWX_js.getDiscountPercentage(product);
+    percentage = chunk2BSYTQAY_js.getDiscountPercentage(product);
   }
   const badgeText = label ?? dealInfo?.label ?? (percentage != null && percentage > 0 ? `${percentage}% off` : null);
   if (!badgeText) {
@@ -5777,7 +6655,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: chunkRYQ5IPWX_js.getBasePrice(product) }) })
+        showOriginalPrice && onSale && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-original-price": true, className: classNames?.originalPrice, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunk2BSYTQAY_js.getBasePrice(product) }) })
       ]
     }
   );
@@ -6204,10 +7082,16 @@ function SearchInput({
   onResultClick,
   renderResult,
   showResults = true,
+  categoryId,
+  categoryName,
   className,
   classNames
 }) {
-  const { results, isLoading, query, setQuery, clear } = useSearch(searchOptions);
+  const mergedOptions = React3.useMemo(
+    () => categoryId ? { ...searchOptions, category: categoryId } : searchOptions ?? {},
+    [searchOptions, categoryId]
+  );
+  const { results, isLoading, query, setQuery, clear } = useSearch(mergedOptions);
   const handleValueChange = React3.useCallback(
     (value) => {
       setQuery(value);
@@ -6260,6 +7144,10 @@ function SearchInput({
             }
           )
         ] }),
+        categoryId && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-search-category-filter": true, className: classNames?.categoryFilter, children: [
+          "Filtered by: ",
+          categoryName || categoryId
+        ] }),
         showResults && query.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-search-results": true, className: classNames?.results, children: [
           isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-search-loading": true, className: classNames?.loading, "aria-busy": "true", children: "Searching..." }),
           !isLoading && results.length === 0 && query.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-search-empty": true, className: classNames?.empty, children: "No results found" }),
@@ -6270,7 +7158,21 @@ function SearchInput({
               onClick: () => onResultClick?.(product),
               "data-cimplify-search-result": true,
               className: classNames?.resultItem,
-              children: renderResult ? renderResult(product) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-search-result-name": true, children: product.name }) })
+              style: !renderResult ? { display: "flex", alignItems: "center", gap: "0.5rem", width: "100%" } : void 0,
+              children: renderResult ? renderResult(product) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                (product.images?.[0] || product.image_url) && /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: product.images?.[0] || product.image_url,
+                    alt: "",
+                    "data-cimplify-search-result-image": true,
+                    className: classNames?.resultImage,
+                    style: { width: "2rem", height: "2rem", objectFit: "cover", borderRadius: "0.25rem", flexShrink: 0 }
+                  }
+                ),
+                /* @__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: chunk2BSYTQAY_js.formatPrice(product.default_price) })
+              ] })
             },
             product.id
           ))
@@ -6609,6 +7511,12 @@ var STATUS_LABELS = {
   cancelled: "Cancelled",
   refunded: "Refunded"
 };
+var PAYMENT_STATE_LABELS = {
+  not_paid: "Not Paid",
+  paid: "Paid",
+  partially_refunded: "Partially Refunded",
+  refunded: "Refunded"
+};
 function OrderSummary({
   order: orderProp,
   orderId,
@@ -6650,8 +7558,25 @@ function OrderSummary({
           className: classNames?.status,
           children: STATUS_LABELS[order.status] ?? order.status
         }
+      ),
+      order.payment_state && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "data-cimplify-order-payment-state": true,
+          "data-payment-state": order.payment_state,
+          className: classNames?.paymentState,
+          children: PAYMENT_STATE_LABELS[order.payment_state] ?? order.payment_state
+        }
       )
     ] }),
+    order.order_type === "pickup" && order.pickup_time && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-order-fulfillment": true, className: classNames?.fulfillmentDetails, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Pickup time: ",
+      new Date(order.pickup_time).toLocaleString()
+    ] }) }),
+    order.order_type === "dine-in" && order.table_number && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-order-fulfillment": true, className: classNames?.fulfillmentDetails, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Table: ",
+      order.table_number
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx("time", { "data-cimplify-order-date": true, dateTime: order.created_at, children: new Date(order.created_at).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long",
@@ -6663,6 +7588,10 @@ function OrderSummary({
       order.customer_name && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-order-customer-name": true, children: order.customer_name }),
       order.customer_email && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-order-customer-email": true, children: order.customer_email })
     ] }),
+    order.delivery_address && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-delivery-address": true, className: classNames?.deliveryAddress, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Delivery address" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: order.delivery_address })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-order-items": true, className: classNames?.items, children: order.items.map(
       (item) => renderLineItem ? /* @__PURE__ */ jsxRuntime.jsx(React3__default.default.Fragment, { children: renderLineItem(item) }, item.id) : /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-line-item": true, className: classNames?.lineItem, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-line-info": true, children: [
@@ -6672,19 +7601,80 @@ function OrderSummary({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-order-line-key": true, children: item.line_key })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: item.price })
+        /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: item.price }),
+        item.fulfillment_type === "digital" && item.fulfillment_id && /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: item.fulfillment_id,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "data-cimplify-order-line-download": true,
+            className: "text-sm text-primary underline",
+            children: "Download"
+          }
+        ),
+        item.configuration.type === "service" && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-service-info": true, className: classNames?.serviceInfo, children: [
+          item.configuration.scheduled_start && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "\u{1F4C5}",
+            " ",
+            new Date(item.configuration.scheduled_start).toLocaleDateString(),
+            " at ",
+            new Date(item.configuration.scheduled_start).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
+          ] }),
+          item.configuration.confirmation_code && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "Confirmation: ",
+            item.configuration.confirmation_code
+          ] }),
+          item.configuration.service_status && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-status": item.configuration.service_status, children: item.configuration.service_status })
+        ] }),
+        item.configuration.type === "digital" && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-order-digital-info": true, className: classNames?.digitalInfo, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          "\u26A1",
+          " Instant digital delivery"
+        ] }) }),
+        item.configuration.type === "bundle" && item.configuration.resolved && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-order-bundle-breakdown": true, className: classNames?.bundleBreakdown, children: item.configuration.resolved.selections.map((sel) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-product-type": sel.product_type, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            sel.quantity,
+            "\xD7 ",
+            sel.product_name
+          ] }),
+          sel.product_type === "service" && sel.scheduling?.scheduled_start && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            " \u2014 ",
+            new Date(sel.scheduling.scheduled_start).toLocaleDateString()
+          ] }),
+          sel.product_type === "digital" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: " \u2014 Digital" })
+        ] }, sel.component_id)) }),
+        item.configuration.type === "composite" && item.configuration.resolved && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-order-composite-breakdown": true, className: classNames?.compositeBreakdown, children: item.configuration.resolved.selections.map((sel) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-product-type": sel.product_type, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            sel.quantity,
+            "\xD7 ",
+            sel.component_name
+          ] }),
+          sel.product_type === "service" && sel.scheduling?.scheduled_start && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            " \u2014 ",
+            new Date(sel.scheduling.scheduled_start).toLocaleDateString()
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: sel.unit_price })
+        ] }, sel.component_id)) })
       ] }, item.id)
     ) }),
+    order.customer_notes && order.customer_notes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-notes": true, className: classNames?.notes, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Notes" }),
+      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 && chunkRYQ5IPWX_js.parsePrice(order.total_discount) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-discount": true, children: [
+      order.total_discount != null && chunk2BSYTQAY_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.service_charge != null && chunkRYQ5IPWX_js.parsePrice(order.service_charge) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-service-charge": true, children: [
+      order.delivery_fee != null && chunk2BSYTQAY_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 && chunk2BSYTQAY_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 && chunkRYQ5IPWX_js.parsePrice(order.tax) !== 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-tax": true, children: [
+      order.tax != null && chunk2BSYTQAY_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 })
       ] }),
@@ -6700,6 +7690,7 @@ function OrderSummary({
         target: "_blank",
         rel: "noopener noreferrer",
         "data-cimplify-order-tracking": true,
+        className: classNames?.trackingLink,
         children: "Track your order"
       }
     )
@@ -7365,6 +8356,23 @@ function BookingList({
     booking.order_id
   )) });
 }
+
+// src/react/utils/format-duration.ts
+var UNIT_LABELS = {
+  minutes: { singular: "min", plural: "min" },
+  hours: { singular: "hr", plural: "hrs" },
+  days: { singular: "day", plural: "days" },
+  nights: { singular: "night", plural: "nights" },
+  weeks: { singular: "week", plural: "weeks" },
+  months: { singular: "month", plural: "months" },
+  years: { singular: "year", plural: "years" }
+};
+function formatDuration2(value, unit) {
+  const resolved = unit ?? "minutes";
+  const labels = UNIT_LABELS[resolved];
+  const label = value === 1 ? labels.singular : labels.plural;
+  return `${value} ${label}`;
+}
 var ASPECT_STYLES3 = {
   square: { aspectRatio: "1/1" },
   "4/3": { aspectRatio: "4/3" },
@@ -7426,10 +8434,7 @@ function ServiceCard({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-service-card-meta": true, className: classNames?.meta, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-service-card-duration": true, className: classNames?.duration, children: [
-          service.duration_minutes,
-          " min"
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-service-card-duration": true, className: classNames?.duration, children: formatDuration2(service.duration_minutes, service.duration_unit) }),
         service.price && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-service-card-price": true, className: classNames?.price, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: service.price }) })
       ] })
     ] }),
@@ -8199,16 +9204,21 @@ function DealsPage({
 }
 function BookingPage({
   service,
+  product,
   staff,
   participantCount,
   title,
   onBooked,
   onBack,
+  existingBooking,
+  onRescheduled,
   showPrice = true,
   className,
   classNames
 }) {
   const { addItem } = useCart();
+  const { client } = useCimplifyClient();
+  const isReschedule = existingBooking !== void 0;
   const [step, setStep] = React3.useState("select-slot");
   const [selectedSlot, setSelectedSlot] = React3.useState(null);
   const [selectedDate, setSelectedDate] = React3.useState(null);
@@ -8216,6 +9226,11 @@ function BookingPage({
   const [isSubmitting, setIsSubmitting] = React3.useState(false);
   const [error, setError] = React3.useState(null);
   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 && chunk2BSYTQAY_js.parsePrice(depositAmount) !== 0;
+  const cancellationMinutes = product?.cancellation_window_minutes;
+  const noShowFee = product?.no_show_fee;
   const handleSlotSelect = React3.useCallback(
     (slot, date) => {
       setSelectedSlot(slot);
@@ -8248,34 +9263,51 @@ function BookingPage({
     setIsSubmitting(true);
     setError(null);
     try {
-      const serviceProduct = {
-        id: service.product_id || service.id,
-        business_id: service.business_id || "",
-        category_id: service.category_id || void 0,
-        name: service.name,
-        slug: service.id,
-        description: service.description || void 0,
-        image_url: service.image_url || void 0,
-        default_price: service.price || "0",
-        type: "service",
-        inventory_type: "none",
-        variant_strategy: "fetch_all",
-        is_active: service.is_available,
-        created_at: (/* @__PURE__ */ new Date()).toISOString(),
-        updated_at: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      await addItem(serviceProduct, 1, {
-        scheduledStart: selectedSlot.start_time,
-        scheduledEnd: selectedSlot.end_time,
-        staffId: selectedStaffId || void 0
-      });
-      onBooked?.(selectedSlot, selectedStaffId);
+      if (isReschedule && existingBooking) {
+        const serviceItem = existingBooking.service_items[0];
+        const result = await client.scheduling.rescheduleBooking({
+          order_id: existingBooking.order_id,
+          line_item_id: serviceItem?.service_id ?? existingBooking.order_id,
+          new_start_time: selectedSlot.start_time,
+          new_end_time: selectedSlot.end_time,
+          new_staff_id: selectedStaffId || void 0,
+          reschedule_type: "customer"
+        });
+        if (!result.ok) {
+          throw result.error;
+        }
+        onRescheduled?.(existingBooking, selectedSlot);
+      } else {
+        const serviceProduct = {
+          id: service.product_id || service.id,
+          business_id: service.business_id || "",
+          category_id: service.category_id || void 0,
+          name: service.name,
+          slug: service.id,
+          description: service.description || void 0,
+          image_url: service.image_url || void 0,
+          default_price: service.price || "0",
+          type: "service",
+          inventory_type: "none",
+          variant_strategy: "fetch_all",
+          is_active: service.is_available,
+          created_at: (/* @__PURE__ */ new Date()).toISOString(),
+          updated_at: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        await addItem(serviceProduct, 1, {
+          scheduledStart: selectedSlot.start_time,
+          scheduledEnd: selectedSlot.end_time,
+          staffId: selectedStaffId || void 0
+        });
+        onBooked?.(selectedSlot, selectedStaffId);
+      }
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to add booking to cart");
+      const fallbackMessage = isReschedule ? "Failed to reschedule booking" : "Failed to add booking to cart";
+      setError(err instanceof Error ? err.message : fallbackMessage);
     } finally {
       setIsSubmitting(false);
     }
-  }, [selectedSlot, selectedDate, selectedStaffId, service, addItem, onBooked]);
+  }, [selectedSlot, selectedDate, selectedStaffId, service, addItem, onBooked, isReschedule, existingBooking, client, onRescheduled]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-page": true, className: cn(className, classNames?.root), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-page-header": true, className: classNames?.header, children: [
       onBack && step === "select-slot" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -8298,15 +9330,29 @@ function BookingPage({
           children: "Back"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-booking-page-title": true, className: classNames?.title, children: title || `Book ${service.name}` })
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-booking-page-title": true, className: classNames?.title, children: title || (isReschedule ? "Reschedule Booking" : `Book ${service.name}`) })
     ] }),
+    isReschedule && existingBooking && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-booking-reschedule-info": true, className: classNames?.rescheduleInfo, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Rescheduling booking from ",
+      new Date(existingBooking.service_items[0]?.scheduled_start ?? existingBooking.created_at).toLocaleDateString()
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-service-info": true, className: classNames?.serviceInfo, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-booking-service-name": true, children: service.name }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-booking-service-duration": true, children: [
-        service.duration_minutes,
-        " min"
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-booking-service-duration": true, children: formatDuration2(service.duration_minutes, service.duration_unit) }),
+      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" ? `${chunk2BSYTQAY_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"
       ] }),
-      service.price && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-booking-service-price": true, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: service.price }) })
+      noShowFee !== void 0 && chunk2BSYTQAY_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 })
+      ] })
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-booking-error": true, className: classNames?.error, children: error }),
     step === "select-slot" && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-step": "select-slot", className: classNames?.step, children: [
@@ -8353,10 +9399,7 @@ function BookingPage({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Duration" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            service.duration_minutes,
-            " min"
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDuration2(service.duration_minutes, service.duration_unit) })
         ] }),
         selectedStaffId && staff && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Provider" }),
@@ -8365,6 +9408,10 @@ function BookingPage({
         (selectedSlot.price || service.price) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Price" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: selectedSlot.price || service.price }) })
+        ] }),
+        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" ? `${chunk2BSYTQAY_js.parsePrice(depositAmount)}%` : /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount }) })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -8375,7 +9422,7 @@ function BookingPage({
           disabled: isSubmitting,
           "data-cimplify-booking-confirm": true,
           className: classNames?.confirmButton,
-          children: isSubmitting ? "Adding to cart\u2026" : "Add to cart"
+          children: isSubmitting ? isReschedule ? "Rescheduling\u2026" : "Adding to cart\u2026" : isReschedule ? "Reschedule" : "Confirm Booking"
         }
       )
     ] })
@@ -8467,10 +9514,464 @@ function BookingsPage({
     ) })
   ] });
 }
+function LocationPicker({
+  locations: locationsProp,
+  currentLocation: currentLocationProp,
+  onLocationChange,
+  renderLocation,
+  emptyMessage,
+  className,
+  classNames
+}) {
+  const {
+    locations: fetched,
+    currentLocation: fetchedCurrent,
+    setCurrentLocation,
+    isLoading
+  } = useLocations();
+  const locations = locationsProp ?? fetched;
+  const currentLocation = currentLocationProp ?? fetchedCurrent;
+  const handleSelect = (location) => {
+    if (onLocationChange) {
+      onLocationChange(location);
+    } else {
+      setCurrentLocation(location);
+    }
+  };
+  if (isLoading && locations.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-location-picker": true,
+        "aria-busy": "true",
+        className: cn(className, classNames?.root, classNames?.loading)
+      }
+    );
+  }
+  if (locations.length <= 1) {
+    return null;
+  }
+  if (locations.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-location-picker": true,
+        "data-empty": true,
+        className: cn(className, classNames?.root, classNames?.empty),
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: emptyMessage ?? "No locations available" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-location-picker": true, className: cn(className, classNames?.root), children: locations.map((location) => {
+    const isActive = currentLocation?.id === location.id;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleSelect(location),
+        "data-cimplify-location-item": true,
+        "data-active": isActive || void 0,
+        "aria-pressed": isActive,
+        className: cn(classNames?.item, isActive && classNames?.activeItem),
+        children: renderLocation ? renderLocation(location, isActive) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: location.name })
+      },
+      location.id
+    );
+  }) });
+}
+function RecommendationCarousel({
+  recommendations: recommendationsProp,
+  locationId,
+  limit,
+  onProductClick,
+  renderProduct,
+  emptyMessage,
+  className,
+  classNames
+}) {
+  const { recommendations: fetched, isLoading } = useRecommendations({
+    locationId,
+    limit,
+    enabled: recommendationsProp === void 0
+  });
+  const recommendations = recommendationsProp ?? fetched;
+  if (isLoading && recommendations.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-recommendation-carousel": true,
+        "aria-busy": "true",
+        className: cn(className, classNames?.root, classNames?.loading)
+      }
+    );
+  }
+  if (recommendations.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-cimplify-recommendation-carousel": true,
+      className: cn(className, classNames?.root),
+      style: { display: "flex", overflowX: "auto", gap: "1rem" },
+      children: recommendations.map((rec, index) => {
+        const productId = rec.product?.id ?? String(index);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onProductClick?.(rec),
+            "data-cimplify-recommendation-item": true,
+            className: classNames?.item,
+            style: { flexShrink: 0 },
+            children: renderProduct ? renderProduct(rec) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-recommendation-name": true, children: rec.product?.name ?? rec.product?.id ?? "Product" }),
+              rec.reason && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-recommendation-reason": true, className: classNames?.reason, children: rec.reason })
+            ] })
+          },
+          String(productId)
+        );
+      })
+    }
+  );
+}
+function SessionMessageBanner({
+  messages: messagesProp,
+  onDismiss,
+  renderMessage,
+  className,
+  classNames
+}) {
+  const { messages: fetched, isLoading, dismissMessage } = useActivityState({
+    enabled: messagesProp === void 0
+  });
+  const messages = messagesProp ?? fetched;
+  const handleDismiss = async (code) => {
+    if (onDismiss) {
+      onDismiss(code);
+    } else {
+      await dismissMessage(code);
+    }
+  };
+  if (isLoading && messages.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-session-message-banner": true,
+        "aria-busy": "true",
+        className: cn(className, classNames?.root)
+      }
+    );
+  }
+  if (messages.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-session-message-banner": true, className: cn(className, classNames?.root), children: messages.map((msg) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-cimplify-session-message": true,
+      "data-level": msg.level,
+      className: classNames?.message,
+      children: renderMessage ? renderMessage(msg) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-session-message-text": true, className: classNames?.text, children: msg.text }),
+        msg.dismissible && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => void handleDismiss(msg.code),
+            "data-cimplify-session-message-dismiss": true,
+            className: classNames?.dismissButton,
+            "aria-label": "Dismiss message",
+            children: "\xD7"
+          }
+        )
+      ] })
+    },
+    msg.code
+  )) });
+}
+function RecentlyViewed({
+  limit,
+  onProductClick,
+  renderProduct,
+  emptyMessage,
+  className,
+  classNames
+}) {
+  const { state, isLoading } = useActivityState();
+  const rawViewed = state?.activity?.viewed_products ?? [];
+  const viewed = limit ? rawViewed.slice(0, limit) : rawViewed;
+  if (isLoading && viewed.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-recently-viewed": true,
+        "aria-busy": "true",
+        className: cn(className, classNames?.root, classNames?.loading)
+      }
+    );
+  }
+  if (viewed.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-recently-viewed": true, className: cn(className, classNames?.root), children: viewed.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onProductClick?.(product),
+      "data-cimplify-recently-viewed-item": true,
+      className: classNames?.item,
+      children: renderProduct ? renderProduct(product) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: product.product_name ?? product.product_id })
+    },
+    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,
+  country,
+  onFeeCalculated,
+  className,
+  classNames
+}) {
+  const context = useOptionalCimplifyClient();
+  const client = context?.client ?? null;
+  const [result, setResult] = React3.useState(null);
+  const [isLoading, setIsLoading] = React3.useState(true);
+  const [error, setError] = React3.useState(null);
+  const requestIdRef = React3.useRef(0);
+  React3.useEffect(() => {
+    if (!client) return;
+    const nextRequestId = ++requestIdRef.current;
+    setIsLoading(true);
+    setError(null);
+    void (async () => {
+      const res = await client.delivery.getFee(latitude, longitude, country);
+      if (nextRequestId !== requestIdRef.current) return;
+      if (!res.ok) {
+        setError(res.error);
+        setResult(null);
+        setIsLoading(false);
+        return;
+      }
+      setResult(res.value);
+      setError(null);
+      setIsLoading(false);
+      onFeeCalculated?.(res.value);
+    })();
+  }, [client, latitude, longitude, country]);
+  if (!client) {
+    return null;
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-delivery-estimate": true,
+        "data-serviceable": "false",
+        "aria-busy": "true",
+        className: cn(className, classNames?.root, classNames?.loading)
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-delivery-estimate": true,
+        "data-serviceable": "false",
+        className: cn(className, classNames?.root, classNames?.error),
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: error.message })
+      }
+    );
+  }
+  if (!result || !result.serviceable) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-cimplify-delivery-estimate": true,
+        "data-serviceable": "false",
+        className: cn(className, classNames?.root, classNames?.notServiceable),
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Not serviceable" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-delivery-estimate": true,
+      "data-serviceable": "true",
+      className: cn(className, classNames?.root),
+      children: [
+        result.fee != null && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-delivery-fee": true, className: classNames?.fee, children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: result.fee }) }),
+        result.currency && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-delivery-currency": true, className: classNames?.currency, children: result.currency })
+      ]
+    }
+  );
+}
+function CurrencySelector({
+  currencies,
+  currentCurrency,
+  onCurrencyChange,
+  showRate = false,
+  baseCurrency,
+  renderCurrency,
+  className,
+  classNames
+}) {
+  const context = useOptionalCimplifyClient();
+  const client = context?.client ?? null;
+  const [rates, setRates] = React3.useState({});
+  const [isLoadingRates, setIsLoadingRates] = React3.useState(false);
+  const requestIdRef = React3.useRef(0);
+  React3.useEffect(() => {
+    if (!showRate || !baseCurrency || !client) return;
+    const targets = currencies.filter((c) => c !== baseCurrency);
+    if (targets.length === 0) return;
+    const nextRequestId = ++requestIdRef.current;
+    setIsLoadingRates(true);
+    void (async () => {
+      const fetched = {};
+      await Promise.all(
+        targets.map(async (currency) => {
+          const res = await client.fx.getRate(baseCurrency, currency);
+          if (res.ok) {
+            fetched[currency] = res.value;
+          }
+        })
+      );
+      if (nextRequestId !== requestIdRef.current) return;
+      setRates(fetched);
+      setIsLoadingRates(false);
+    })();
+  }, [client, showRate, baseCurrency, currencies]);
+  if (currencies.length <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-currency-selector": true, className: cn(className, classNames?.root), children: currencies.map((currency) => {
+    const isActive = currentCurrency === currency;
+    const rate = rates[currency] ?? null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onCurrencyChange?.(currency),
+        "data-cimplify-currency-option": true,
+        "data-active": isActive || void 0,
+        "aria-pressed": isActive,
+        className: cn(
+          classNames?.option,
+          isActive && classNames?.activeOption
+        ),
+        children: renderCurrency ? renderCurrency(currency, isActive, rate) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-currency-label": true, className: classNames?.label, children: currency }),
+          showRate && baseCurrency && currency !== baseCurrency && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-currency-rate": true, className: classNames?.rate, children: isLoadingRates ? "..." : rate ? `1 ${baseCurrency} = ${rate.rate.toFixed(4)} ${currency}` : null })
+        ] })
+      },
+      currency
+    );
+  }) });
+}
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkMJECWMOY_js.getVariantDisplayName; }
+  get: function () { return chunkAVVLN353_js.getVariantDisplayName; }
 });
 exports.Ad = Ad;
 exports.AdProvider = AdProvider;
@@ -8478,6 +9979,7 @@ exports.AddOnSelector = AddOnSelector;
 exports.AddressElement = AddressElement;
 exports.AuthElement = AuthElement;
 exports.AvailabilityBadge = AvailabilityBadge;
+exports.BillingPlanSelector = BillingPlanSelector;
 exports.BookingCard = BookingCard;
 exports.BookingList = BookingList;
 exports.BookingPage = BookingPage;
@@ -8493,11 +9995,14 @@ exports.CimplifyCheckout = CimplifyCheckout;
 exports.CimplifyProvider = CimplifyProvider;
 exports.CollectionPage = CollectionPage;
 exports.CompositeSelector = CompositeSelector;
+exports.CurrencySelector = CurrencySelector;
 exports.DateSlotPicker = DateSlotPicker;
 exports.DealBanner = DealBanner;
 exports.DealsPage = DealsPage;
+exports.DeliveryEstimate = DeliveryEstimate;
 exports.DiscountInput = DiscountInput;
 exports.ElementsProvider = ElementsProvider;
+exports.LocationPicker = LocationPicker;
 exports.OrderDetailPage = OrderDetailPage;
 exports.OrderHistory = OrderHistory;
 exports.OrderHistoryPage = OrderHistoryPage;
@@ -8511,19 +10016,26 @@ exports.ProductImageGallery = ProductImageGallery;
 exports.ProductPage = ProductPage;
 exports.ProductSheet = ProductSheet;
 exports.QuantitySelector = QuantitySelector;
+exports.RecentlyViewed = RecentlyViewed;
+exports.RecommendationCarousel = RecommendationCarousel;
 exports.SaleBadge = SaleBadge;
 exports.SearchInput = SearchInput;
 exports.SearchPage = SearchPage;
 exports.ServiceCard = ServiceCard;
 exports.ServiceGrid = ServiceGrid;
+exports.SessionMessageBanner = SessionMessageBanner;
 exports.SlotPicker = SlotPicker;
 exports.StaffPicker = StaffPicker;
 exports.StoreNav = StoreNav;
 exports.VariantSelector = VariantSelector;
 exports.cn = cn;
+exports.useActivityState = useActivityState;
 exports.useAds = useAds;
+exports.useAttributeDefinitions = useAttributeDefinitions;
 exports.useAvailableSlots = useAvailableSlots;
+exports.useBillingPlans = useBillingPlans;
 exports.useBookings = useBookings;
+exports.useBootstrap = useBootstrap;
 exports.useBundles = useBundles;
 exports.useCart = useCart;
 exports.useCategories = useCategories;
@@ -8533,8 +10045,10 @@ exports.useCimplifyClient = useCimplifyClient;
 exports.useCollection = useCollection;
 exports.useCollections = useCollections;
 exports.useDeals = useDeals;
+exports.useDeliveryFee = useDeliveryFee;
 exports.useElements = useElements;
 exports.useElementsReady = useElementsReady;
+exports.useFxRate = useFxRate;
 exports.useLocations = useLocations;
 exports.useOptionalCimplify = useOptionalCimplify;
 exports.useOrder = useOrder;
@@ -8546,7 +10060,9 @@ exports.useProductPrice = useProductPrice;
 exports.useProductSchedules = useProductSchedules;
 exports.useProducts = useProducts;
 exports.useProductsOnSale = useProductsOnSale;
+exports.usePropertyFacets = usePropertyFacets;
 exports.useQuote = useQuote;
+exports.useRecommendations = useRecommendations;
 exports.useSearch = useSearch;
 exports.useServiceAvailability = useServiceAvailability;
 exports.useServices = useServices;
@@ -8554,3 +10070,4 @@ exports.useTaxonomies = useTaxonomies;
 exports.useTaxonomy = useTaxonomy;
 exports.useTaxonomyPath = useTaxonomyPath;
 exports.useValidateDiscount = useValidateDiscount;
+exports.useVariantSelector = useVariantSelector;