@cimplify/sdk 0.18.0 → 0.20.0

package/dist/react.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { getVariantDisplayName, createCimplifyClient } from './chunk-KTTQC5HG.mjs';
-export { getVariantDisplayName } from './chunk-KTTQC5HG.mjs';
-import { ELEMENT_TYPES, EVENT_TYPES } from './chunk-2JI47EYJ.mjs';
-import { isSupportedCurrency, formatPrice, parsePrice, isOnSale, getDiscountPercentage, getBasePrice } from './chunk-FTL2SXCG.mjs';
+import { getVariantDisplayName, createCimplifyClient } from './chunk-676BJ3EU.mjs';
+export { getVariantDisplayName } from './chunk-676BJ3EU.mjs';
+import { ELEMENT_TYPES, EVENT_TYPES } from './chunk-7KH2XJIW.mjs';
+import { isSupportedCurrency, formatPrice, parsePrice, isOnSale, getDiscountPercentage, getBasePrice } from './chunk-HG7GG3TT.mjs';
 import React3, { createContext, useContext, useState, useEffect, useRef, useMemo, useSyncExternalStore, useCallback, useId } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { NumberField } from '@base-ui/react/number-field';
@@ -532,7 +532,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 {
@@ -2089,7 +2094,7 @@ function useOrder(orderId, options = {}) {
     return () => {
       window.clearInterval(timer);
     };
-  }, [enabled, load, normalizedOrderId.length, poll, pollInterval]);
+  }, [enabled, load, normalizedOrderId, poll, pollInterval]);
   const refetch = useCallback(async () => {
     orderCache.delete(cacheKey);
     await load(true);
@@ -3989,6 +3994,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 = useMemo(() => buildCacheKey(client, namespace), [client, namespace]);
+  const cached = definitionsCache.get(cacheKey);
+  const [definitions, setDefinitions] = useState(cached ?? []);
+  const [isLoading, setIsLoading] = useState(enabled && !cached);
+  const [error, setError] = useState(null);
+  const load = 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]
+  );
+  useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = 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 = 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] = useState(cached ?? []);
+  const [isLoading, setIsLoading] = useState(enabled && !cached);
+  const [error, setError] = useState(null);
+  const load = 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]
+  );
+  useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = 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 = useRef(0);
+  const [plans, setPlans] = useState([]);
+  const [isLoading, setIsLoading] = useState(enabled && !!productId);
+  const [error, setError] = useState(null);
+  const customerId = options.customerId;
+  const quantity = options.quantity;
+  const orderValue = options.orderValue;
+  const load = 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]
+  );
+  useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = useCallback(async () => {
+    await load(true);
+  }, [load]);
+  const subscriptionPlans = useMemo(
+    () => plans.filter((p) => p.plan_type === "subscription"),
+    [plans]
+  );
+  const installmentPlans = 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] = useState({});
+  const selectValue = useCallback(
+    (axisId, valueId) => {
+      setSelectedValues((prev) => {
+        if (prev[axisId] === valueId) {
+          const next = { ...prev };
+          delete next[axisId];
+          return next;
+        }
+        return { ...prev, [axisId]: valueId };
+      });
+    },
+    []
+  );
+  const reset = useCallback(() => setSelectedValues({}), []);
+  const selectedVariant = useMemo(
+    () => findMatchingVariant(variants, selectedValues),
+    [variants, selectedValues]
+  );
+  const variantImage = useMemo(
+    () => selectedVariant?.images?.[0] ?? null,
+    [selectedVariant]
+  );
+  const availableValues = 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 = useMemo(() => buildActivityStateCacheKey(client), [client]);
+  const cached = activityStateCache.get(cacheKey);
+  const [state, setState] = useState(cached ?? null);
+  const [isLoading, setIsLoading] = useState(enabled && !cached);
+  const [error, setError] = useState(null);
+  const load = 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]
+  );
+  useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = useCallback(async () => {
+    activityStateCache.delete(cacheKey);
+    await load(true);
+  }, [cacheKey, load]);
+  const dismissMessage = 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 = useRef(locationId);
+  const cacheKey = useMemo(
+    () => buildRecommendationsCacheKey(client, locationId, limit),
+    [client, locationId, limit]
+  );
+  const cached = recommendationsCache.get(cacheKey);
+  const [response, setResponse] = useState(cached ?? null);
+  const [isLoading, setIsLoading] = useState(enabled && !cached);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (previousLocationIdRef.current !== locationId) {
+      recommendationsCache.clear();
+      recommendationsInflight.clear();
+      previousLocationIdRef.current = locationId;
+    }
+  }, [locationId]);
+  const load = 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]
+  );
+  useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = 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 = useMemo(
+    () => buildDeliveryFeeCacheKey(client, latitude, longitude, country),
+    [client, latitude, longitude, country]
+  );
+  const cached = deliveryFeeCache.get(cacheKey);
+  const [fee, setFee] = useState(cached ?? null);
+  const [isLoading, setIsLoading] = useState(enabled && !cached);
+  const [error, setError] = useState(null);
+  const requestIdRef = useRef(0);
+  const load = 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]
+  );
+  useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = 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 = useMemo(
+    () => buildFxRateCacheKey(client, from, to),
+    [client, from, to]
+  );
+  const cached = fxRateCache.get(cacheKey);
+  const [rate, setRate] = useState(cached ?? null);
+  const [isLoading, setIsLoading] = useState(enabled && !cached);
+  const [error, setError] = useState(null);
+  const load = 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]
+  );
+  useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = 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 = useMemo(() => buildBootstrapCacheKey(client), [client]);
+  const cached = bootstrapCache.get(cacheKey);
+  const [bootstrap, setBootstrap] = useState(cached ?? null);
+  const [isLoading, setIsLoading] = useState(enabled && !cached);
+  const [error, setError] = useState(null);
+  const load = 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]
+  );
+  useEffect(() => {
+    void load(false);
+  }, [load]);
+  const refetch = useCallback(async () => {
+    bootstrapCache.delete(cacheKey);
+    await load(true);
+  }, [cacheKey, load]);
+  return { bootstrap, isLoading, error, refetch };
+}
 var ElementsContext = createContext({
   elements: null,
   isReady: false
@@ -4732,6 +5413,17 @@ function getComponentPrice(component, selectedVariantId) {
   if (!selectedAdj) return parsePrice(component.effective_price);
   return parsePrice(component.effective_price) - parsePrice(bakedAdj?.price_adjustment ?? "0") + 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,
   selectedVariantId,
@@ -4777,6 +5469,43 @@ function BundleComponentCard({
                     className: cn("text-sm", classNames?.componentName),
                     children: component.product_name
                   }
+                ),
+                component.product_type === "service" && /* @__PURE__ */ 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__ */ 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__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+                        /* @__PURE__ */ jsx("path", { d: "M8 4v4l2.5 1.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                      ] }),
+                      "Service",
+                      component.duration_minutes != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        " \xB7 ",
+                        formatDuration(component.duration_minutes, component.duration_unit)
+                      ] })
+                    ]
+                  }
+                ),
+                component.product_type === "digital" && /* @__PURE__ */ 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__ */ 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__ */ jsx("path", { d: "M9 2L4 9h4l-1 5 5-7H8l1-5z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+                      "Digital"
+                    ]
+                  }
                 )
               ] }),
               /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(Price, { amount: displayPrice }) })
@@ -5101,6 +5830,39 @@ function CompositeSelector({
                                   children: displayName
                                 }
                               ),
+                              component.product_type === "service" && /* @__PURE__ */ 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__ */ 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__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+                                      /* @__PURE__ */ jsx("path", { d: "M8 4v4l2.5 1.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                                    ] }),
+                                    "Service"
+                                  ]
+                                }
+                              ),
+                              component.product_type === "digital" && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(
                                 "span",
                                 {
@@ -5265,6 +6027,7 @@ function CompositeSelector({
 function ProductCustomizer({
   product,
   onAddToCart,
+  showSpecialInstructions = true,
   className,
   classNames
 }) {
@@ -5280,10 +6043,13 @@ function ProductCustomizer({
   const [bundleSelections, setBundleSelections] = useState([]);
   const [bundleTotalPrice, setBundleTotalPrice] = useState(null);
   const [bundleReady, setBundleReady] = useState(false);
+  const [specialInstructions, setSpecialInstructions] = 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;
@@ -5300,6 +6066,7 @@ function ProductCustomizer({
     setBundleSelections([]);
     setBundleTotalPrice(null);
     setBundleReady(false);
+    setSpecialInstructions("");
   }, [product.id]);
   const selectedAddOnOptions = useMemo(() => {
     if (!product.add_ons) return [];
@@ -5396,7 +6163,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) {
@@ -5457,6 +6225,43 @@ function ProductCustomizer({
         onOptionsChange: setSelectedAddOnOptionIds
       }
     ),
+    product.deposit_type && product.deposit_type !== "none" && product.deposit_amount && /* @__PURE__ */ jsx("div", { "data-cimplify-customizer-deposit": true, className: cn("text-sm text-muted-foreground", classNames?.depositInfo), children: product.deposit_type === "fixed" ? /* @__PURE__ */ jsxs("span", { children: [
+      "Deposit required: ",
+      /* @__PURE__ */ jsx(Price, { amount: product.deposit_amount })
+    ] }) : /* @__PURE__ */ jsxs("span", { children: [
+      "Deposit required: ",
+      parsePrice(product.deposit_amount),
+      "%"
+    ] }) }),
+    product.allergies && product.allergies.length > 0 && /* @__PURE__ */ jsx("div", { "data-cimplify-customizer-allergens": true, className: cn("flex flex-wrap gap-1.5", classNames?.allergens), children: product.allergies.map((allergen) => /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { "data-cimplify-customizer-special-instructions": true, children: /* @__PURE__ */ 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__ */ jsxs(
       "div",
       {
@@ -5591,7 +6396,8 @@ function ProductImageGallery({
 function CartLineItemRow({
   item,
   onRemove,
-  onQuantityChange
+  onQuantityChange,
+  classNames
 }) {
   const { unitPrice } = useProductPrice({
     product: item.product,
@@ -5600,18 +6406,60 @@ function CartLineItemRow({
   });
   const hasComposite = item.compositeSelections && item.compositeSelections.length > 0;
   const hasBundle = item.bundleSelections && item.bundleSelections.length > 0;
-  return /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-item": true, children: [
+  return /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-item": true, className: classNames?.item, children: [
     /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-item-info": true, children: [
-      /* @__PURE__ */ jsx("span", { "data-cimplify-cart-item-name": true, children: item.product.name }),
+      /* @__PURE__ */ jsx("span", { "data-cimplify-cart-item-name": true, className: classNames?.itemName, children: item.product.name }),
       item.variant && /* @__PURE__ */ jsx("span", { "data-cimplify-cart-item-variant": true, children: getVariantDisplayName(item.variant, item.product.name) }),
       item.addOnOptions && item.addOnOptions.length > 0 && /* @__PURE__ */ jsxs("span", { "data-cimplify-cart-item-addons": true, children: [
         "+ ",
         item.addOnOptions.map((opt) => opt.name).join(", ")
       ] }),
       (hasComposite || hasBundle) && /* @__PURE__ */ jsx("span", { "data-cimplify-cart-item-badge": true, children: hasComposite ? "Custom" : "Bundle" }),
-      /* @__PURE__ */ jsx(Price, { amount: unitPrice })
+      item.specialInstructions && /* @__PURE__ */ 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__ */ jsxs("div", { "data-cimplify-cart-service-info": true, className: classNames?.serviceInfo, children: [
+        /* @__PURE__ */ 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__ */ jsxs("span", { children: [
+          "Confirmation: ",
+          item.confirmationCode
+        ] }),
+        item.serviceStatus && /* @__PURE__ */ jsx("span", { "data-status": item.serviceStatus, children: item.serviceStatus })
+      ] }),
+      (item.lineType === "digital" || item.product.type === "digital") && /* @__PURE__ */ jsx("div", { "data-cimplify-cart-digital-info": true, className: classNames?.digitalInfo, children: /* @__PURE__ */ jsxs("span", { children: [
+        "\u26A1",
+        " Instant digital delivery"
+      ] }) }),
+      item.bundleResolved && /* @__PURE__ */ jsx("div", { "data-cimplify-cart-bundle-breakdown": true, className: classNames?.bundleBreakdown, children: item.bundleResolved.selections.map((sel) => /* @__PURE__ */ jsxs("div", { "data-product-type": sel.product_type, children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          sel.quantity,
+          "\xD7 ",
+          sel.product_name
+        ] }),
+        sel.product_type === "service" && sel.scheduling?.scheduled_start && /* @__PURE__ */ jsxs("span", { children: [
+          " \u2014 ",
+          new Date(sel.scheduling.scheduled_start).toLocaleDateString()
+        ] }),
+        sel.product_type === "digital" && /* @__PURE__ */ jsx("span", { children: " \u2014 Digital" })
+      ] }, sel.component_id)) }),
+      item.compositeResolved && /* @__PURE__ */ jsx("div", { "data-cimplify-cart-composite-breakdown": true, className: classNames?.compositeBreakdown, children: item.compositeResolved.selections.map((sel) => /* @__PURE__ */ jsxs("div", { "data-product-type": sel.product_type, children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          sel.quantity,
+          "\xD7 ",
+          sel.component_name
+        ] }),
+        sel.product_type === "service" && sel.scheduling?.scheduled_start && /* @__PURE__ */ jsxs("span", { children: [
+          " \u2014 ",
+          new Date(sel.scheduling.scheduled_start).toLocaleDateString()
+        ] })
+      ] }, sel.component_id)) }),
+      /* @__PURE__ */ jsx(Price, { amount: unitPrice, className: classNames?.itemPrice })
     ] }),
-    /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-item-controls": true, children: [
+    /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-item-controls": true, className: classNames?.quantity, children: [
       /* @__PURE__ */ jsx(
         QuantitySelector,
         {
@@ -5626,6 +6474,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"
         }
@@ -5634,13 +6483,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);
@@ -5655,18 +6509,19 @@ function CartSummary({
       void updateQuantity(itemId, qty);
     }
   };
-  return /* @__PURE__ */ jsx("div", { "data-cimplify-cart-summary": true, className, children: isEmpty ? /* @__PURE__ */ jsx("div", { "data-cimplify-cart-empty": true, children: /* @__PURE__ */ jsx("p", { children: emptyMessage }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { "data-cimplify-cart-summary": true, className: cn(className, classNames?.root), children: isEmpty ? /* @__PURE__ */ jsx("div", { "data-cimplify-cart-empty": true, className: classNames?.empty, children: /* @__PURE__ */ jsx("p", { children: emptyMessage }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { "data-cimplify-cart-items": true, children: items.map((item) => /* @__PURE__ */ jsx(
       CartLineItemRow,
       {
         item,
         onRemove: handleRemove,
-        onQuantityChange: handleQuantityChange
+        onQuantityChange: handleQuantityChange,
+        classNames
       },
       item.id
     )) }),
-    /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-totals": true, children: [
-      /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-subtotal": true, children: [
+    /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-totals": true, className: classNames?.totals, children: [
+      /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-subtotal": true, className: classNames?.subtotal, children: [
         /* @__PURE__ */ jsxs("span", { children: [
           "Subtotal (",
           itemCount,
@@ -5676,11 +6531,23 @@ function CartSummary({
         ] }),
         /* @__PURE__ */ jsx(Price, { amount: subtotal })
       ] }),
-      /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-tax": true, children: [
+      totalDiscounts != null && parsePrice(totalDiscounts) > 0 && /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-discount": true, className: classNames?.discount, children: [
+        /* @__PURE__ */ jsx("span", { children: "Discount" }),
+        /* @__PURE__ */ jsx(Price, { amount: totalDiscounts, prefix: "-" })
+      ] }),
+      deliveryFee != null && /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-delivery-fee": true, className: classNames?.deliveryFee, children: [
+        /* @__PURE__ */ jsx("span", { children: "Delivery fee" }),
+        parsePrice(deliveryFee) > 0 ? /* @__PURE__ */ jsx(Price, { amount: deliveryFee }) : /* @__PURE__ */ jsx("span", { children: "Free delivery" })
+      ] }),
+      serviceCharge != null && parsePrice(serviceCharge) > 0 && /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-service-charge": true, className: classNames?.serviceCharge, children: [
+        /* @__PURE__ */ jsx("span", { children: "Service charge" }),
+        /* @__PURE__ */ jsx(Price, { amount: serviceCharge })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-tax": true, className: classNames?.tax, children: [
         /* @__PURE__ */ jsx("span", { children: "Tax" }),
         /* @__PURE__ */ jsx(Price, { amount: tax })
       ] }),
-      /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-total": true, children: [
+      /* @__PURE__ */ jsxs("div", { "data-cimplify-cart-total": true, className: classNames?.total, children: [
         /* @__PURE__ */ jsx("span", { children: "Total" }),
         /* @__PURE__ */ jsx(Price, { amount: total })
       ] })
@@ -5691,6 +6558,7 @@ function CartSummary({
         type: "button",
         onClick: onCheckout,
         "data-cimplify-cart-checkout": true,
+        className: classNames?.checkout,
         children: "Proceed to Checkout"
       }
     )
@@ -5700,21 +6568,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__ */ 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__ */ jsx(
@@ -5730,7 +6603,12 @@ function AvailabilityBadge({
             }
           }
         ),
-        /* @__PURE__ */ jsx("span", { "data-cimplify-availability-label": true, className: classNames?.label, children: label })
+        /* @__PURE__ */ jsx("span", { "data-cimplify-availability-label": true, className: classNames?.label, children: label }),
+        stockQuantity !== void 0 && isLowStock && /* @__PURE__ */ jsxs("span", { "data-cimplify-availability-stock-count": true, className: classNames?.stockCount, children: [
+          "Only ",
+          stockQuantity,
+          " left"
+        ] })
       ]
     }
   );
@@ -6199,10 +7077,16 @@ function SearchInput({
   onResultClick,
   renderResult,
   showResults = true,
+  categoryId,
+  categoryName,
   className,
   classNames
 }) {
-  const { results, isLoading, query, setQuery, clear } = useSearch(searchOptions);
+  const mergedOptions = useMemo(
+    () => categoryId ? { ...searchOptions, category: categoryId } : searchOptions ?? {},
+    [searchOptions, categoryId]
+  );
+  const { results, isLoading, query, setQuery, clear } = useSearch(mergedOptions);
   const handleValueChange = useCallback(
     (value) => {
       setQuery(value);
@@ -6255,6 +7139,10 @@ function SearchInput({
             }
           )
         ] }),
+        categoryId && /* @__PURE__ */ jsxs("div", { "data-cimplify-search-category-filter": true, className: classNames?.categoryFilter, children: [
+          "Filtered by: ",
+          categoryName || categoryId
+        ] }),
         showResults && query.length > 0 && /* @__PURE__ */ jsxs("div", { "data-cimplify-search-results": true, className: classNames?.results, children: [
           isLoading && /* @__PURE__ */ jsx("div", { "data-cimplify-search-loading": true, className: classNames?.loading, "aria-busy": "true", children: "Searching..." }),
           !isLoading && results.length === 0 && query.length >= 2 && /* @__PURE__ */ jsx("div", { "data-cimplify-search-empty": true, className: classNames?.empty, children: "No results found" }),
@@ -6265,7 +7153,21 @@ function SearchInput({
               onClick: () => onResultClick?.(product),
               "data-cimplify-search-result": true,
               className: classNames?.resultItem,
-              children: renderResult ? renderResult(product) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+                (product.images?.[0] || product.image_url) && /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { "data-cimplify-search-result-price": true, className: classNames?.resultPrice, style: { flexShrink: 0 }, children: formatPrice(product.default_price) })
+              ] })
             },
             product.id
           ))
@@ -6604,6 +7506,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,
@@ -6645,8 +7553,25 @@ function OrderSummary({
           className: classNames?.status,
           children: STATUS_LABELS[order.status] ?? order.status
         }
+      ),
+      order.payment_state && /* @__PURE__ */ 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__ */ jsx("div", { "data-cimplify-order-fulfillment": true, className: classNames?.fulfillmentDetails, children: /* @__PURE__ */ jsxs("span", { children: [
+      "Pickup time: ",
+      new Date(order.pickup_time).toLocaleString()
+    ] }) }),
+    order.order_type === "dine-in" && order.table_number && /* @__PURE__ */ jsx("div", { "data-cimplify-order-fulfillment": true, className: classNames?.fulfillmentDetails, children: /* @__PURE__ */ jsxs("span", { children: [
+      "Table: ",
+      order.table_number
+    ] }) }),
     /* @__PURE__ */ jsx("time", { "data-cimplify-order-date": true, dateTime: order.created_at, children: new Date(order.created_at).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long",
@@ -6658,6 +7583,10 @@ function OrderSummary({
       order.customer_name && /* @__PURE__ */ jsx("span", { "data-cimplify-order-customer-name": true, children: order.customer_name }),
       order.customer_email && /* @__PURE__ */ jsx("span", { "data-cimplify-order-customer-email": true, children: order.customer_email })
     ] }),
+    order.delivery_address && /* @__PURE__ */ jsxs("div", { "data-cimplify-order-delivery-address": true, className: classNames?.deliveryAddress, children: [
+      /* @__PURE__ */ jsx("span", { children: "Delivery address" }),
+      /* @__PURE__ */ jsx("p", { children: order.delivery_address })
+    ] }),
     /* @__PURE__ */ jsx("div", { "data-cimplify-order-items": true, className: classNames?.items, children: order.items.map(
       (item) => renderLineItem ? /* @__PURE__ */ jsx(React3.Fragment, { children: renderLineItem(item) }, item.id) : /* @__PURE__ */ jsxs("div", { "data-cimplify-order-line-item": true, className: classNames?.lineItem, children: [
         /* @__PURE__ */ jsxs("div", { "data-cimplify-order-line-info": true, children: [
@@ -6667,14 +7596,75 @@ function OrderSummary({
           ] }),
           /* @__PURE__ */ jsx("span", { "data-cimplify-order-line-key": true, children: item.line_key })
         ] }),
-        /* @__PURE__ */ jsx(Price, { amount: item.price })
+        /* @__PURE__ */ jsx(Price, { amount: item.price }),
+        item.fulfillment_type === "digital" && item.fulfillment_id && /* @__PURE__ */ 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__ */ jsxs("div", { "data-cimplify-order-service-info": true, className: classNames?.serviceInfo, children: [
+          item.configuration.scheduled_start && /* @__PURE__ */ 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__ */ jsxs("span", { children: [
+            "Confirmation: ",
+            item.configuration.confirmation_code
+          ] }),
+          item.configuration.service_status && /* @__PURE__ */ jsx("span", { "data-status": item.configuration.service_status, children: item.configuration.service_status })
+        ] }),
+        item.configuration.type === "digital" && /* @__PURE__ */ jsx("div", { "data-cimplify-order-digital-info": true, className: classNames?.digitalInfo, children: /* @__PURE__ */ jsxs("span", { children: [
+          "\u26A1",
+          " Instant digital delivery"
+        ] }) }),
+        item.configuration.type === "bundle" && item.configuration.resolved && /* @__PURE__ */ jsx("div", { "data-cimplify-order-bundle-breakdown": true, className: classNames?.bundleBreakdown, children: item.configuration.resolved.selections.map((sel) => /* @__PURE__ */ jsxs("div", { "data-product-type": sel.product_type, children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            sel.quantity,
+            "\xD7 ",
+            sel.product_name
+          ] }),
+          sel.product_type === "service" && sel.scheduling?.scheduled_start && /* @__PURE__ */ jsxs("span", { children: [
+            " \u2014 ",
+            new Date(sel.scheduling.scheduled_start).toLocaleDateString()
+          ] }),
+          sel.product_type === "digital" && /* @__PURE__ */ jsx("span", { children: " \u2014 Digital" })
+        ] }, sel.component_id)) }),
+        item.configuration.type === "composite" && item.configuration.resolved && /* @__PURE__ */ jsx("div", { "data-cimplify-order-composite-breakdown": true, className: classNames?.compositeBreakdown, children: item.configuration.resolved.selections.map((sel) => /* @__PURE__ */ jsxs("div", { "data-product-type": sel.product_type, children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            sel.quantity,
+            "\xD7 ",
+            sel.component_name
+          ] }),
+          sel.product_type === "service" && sel.scheduling?.scheduled_start && /* @__PURE__ */ jsxs("span", { children: [
+            " \u2014 ",
+            new Date(sel.scheduling.scheduled_start).toLocaleDateString()
+          ] }),
+          /* @__PURE__ */ jsx(Price, { amount: sel.unit_price })
+        ] }, sel.component_id)) })
       ] }, item.id)
     ) }),
+    order.customer_notes && order.customer_notes.length > 0 && /* @__PURE__ */ jsxs("div", { "data-cimplify-order-notes": true, className: classNames?.notes, children: [
+      /* @__PURE__ */ jsx("span", { children: "Notes" }),
+      order.customer_notes.map((note, index) => /* @__PURE__ */ jsx("p", { "data-cimplify-order-note": true, children: note }, index))
+    ] }),
     /* @__PURE__ */ jsxs("div", { "data-cimplify-order-totals": true, className: classNames?.totals, children: [
       order.total_discount != null && parsePrice(order.total_discount) !== 0 && /* @__PURE__ */ jsxs("div", { "data-cimplify-order-discount": true, children: [
         /* @__PURE__ */ jsx("span", { children: "Discount" }),
         /* @__PURE__ */ jsx(Price, { amount: order.total_discount, prefix: "-" })
       ] }),
+      order.delivery_fee != null && parsePrice(order.delivery_fee) > 0 && /* @__PURE__ */ jsxs("div", { "data-cimplify-order-delivery-fee": true, children: [
+        /* @__PURE__ */ jsx("span", { children: "Delivery fee" }),
+        /* @__PURE__ */ jsx(Price, { amount: order.delivery_fee })
+      ] }),
       order.service_charge != null && parsePrice(order.service_charge) !== 0 && /* @__PURE__ */ jsxs("div", { "data-cimplify-order-service-charge": true, children: [
         /* @__PURE__ */ jsx("span", { children: "Service charge" }),
         /* @__PURE__ */ jsx(Price, { amount: order.service_charge })
@@ -6695,6 +7685,7 @@ function OrderSummary({
         target: "_blank",
         rel: "noopener noreferrer",
         "data-cimplify-order-tracking": true,
+        className: classNames?.trackingLink,
         children: "Track your order"
       }
     )
@@ -7360,6 +8351,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" },
@@ -7421,10 +8429,7 @@ function ServiceCard({
         }
       ),
       /* @__PURE__ */ jsxs("div", { "data-cimplify-service-card-meta": true, className: classNames?.meta, children: [
-        /* @__PURE__ */ jsxs("span", { "data-cimplify-service-card-duration": true, className: classNames?.duration, children: [
-          service.duration_minutes,
-          " min"
-        ] }),
+        /* @__PURE__ */ jsx("span", { "data-cimplify-service-card-duration": true, className: classNames?.duration, children: formatDuration2(service.duration_minutes, service.duration_unit) }),
         service.price && /* @__PURE__ */ jsx("span", { "data-cimplify-service-card-price": true, className: classNames?.price, children: /* @__PURE__ */ jsx(Price, { amount: service.price }) })
       ] })
     ] }),
@@ -8194,16 +9199,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] = useState("select-slot");
   const [selectedSlot, setSelectedSlot] = useState(null);
   const [selectedDate, setSelectedDate] = useState(null);
@@ -8211,6 +9221,11 @@ function BookingPage({
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [error, setError] = 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 && parsePrice(depositAmount) !== 0;
+  const cancellationMinutes = product?.cancellation_window_minutes;
+  const noShowFee = product?.no_show_fee;
   const handleSlotSelect = useCallback(
     (slot, date) => {
       setSelectedSlot(slot);
@@ -8243,34 +9258,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__ */ jsxs("div", { "data-cimplify-booking-page": true, className: cn(className, classNames?.root), children: [
     /* @__PURE__ */ jsxs("div", { "data-cimplify-booking-page-header": true, className: classNames?.header, children: [
       onBack && step === "select-slot" && /* @__PURE__ */ jsx(
@@ -8293,15 +9325,29 @@ function BookingPage({
           children: "Back"
         }
       ),
-      /* @__PURE__ */ jsx("h1", { "data-cimplify-booking-page-title": true, className: classNames?.title, children: title || `Book ${service.name}` })
+      /* @__PURE__ */ jsx("h1", { "data-cimplify-booking-page-title": true, className: classNames?.title, children: title || (isReschedule ? "Reschedule Booking" : `Book ${service.name}`) })
     ] }),
+    isReschedule && existingBooking && /* @__PURE__ */ jsx("div", { "data-cimplify-booking-reschedule-info": true, className: classNames?.rescheduleInfo, children: /* @__PURE__ */ jsxs("span", { children: [
+      "Rescheduling booking from ",
+      new Date(existingBooking.service_items[0]?.scheduled_start ?? existingBooking.created_at).toLocaleDateString()
+    ] }) }),
     /* @__PURE__ */ jsxs("div", { "data-cimplify-booking-service-info": true, className: classNames?.serviceInfo, children: [
       /* @__PURE__ */ jsx("span", { "data-cimplify-booking-service-name": true, children: service.name }),
-      /* @__PURE__ */ jsxs("span", { "data-cimplify-booking-service-duration": true, children: [
-        service.duration_minutes,
-        " min"
+      /* @__PURE__ */ jsx("span", { "data-cimplify-booking-service-duration": true, children: formatDuration2(service.duration_minutes, service.duration_unit) }),
+      service.price && /* @__PURE__ */ jsx("span", { "data-cimplify-booking-service-price": true, children: /* @__PURE__ */ jsx(Price, { amount: service.price }) }),
+      hasDeposit && /* @__PURE__ */ jsxs("span", { "data-cimplify-booking-deposit-info": true, className: classNames?.depositInfo, children: [
+        "Deposit: ",
+        depositType === "percentage" ? `${parsePrice(depositAmount)}%` : /* @__PURE__ */ jsx(Price, { amount: depositAmount })
+      ] }),
+      cancellationMinutes !== void 0 && cancellationMinutes > 0 && /* @__PURE__ */ 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__ */ jsx("span", { "data-cimplify-booking-service-price": true, children: /* @__PURE__ */ jsx(Price, { amount: service.price }) })
+      noShowFee !== void 0 && parsePrice(noShowFee) !== 0 && /* @__PURE__ */ jsxs("span", { "data-cimplify-booking-no-show-fee": true, className: classNames?.cancellationPolicy, children: [
+        "No-show fee: ",
+        /* @__PURE__ */ jsx(Price, { amount: noShowFee })
+      ] })
     ] }),
     error && /* @__PURE__ */ jsx("div", { "data-cimplify-booking-error": true, className: classNames?.error, children: error }),
     step === "select-slot" && /* @__PURE__ */ jsxs("div", { "data-cimplify-booking-step": "select-slot", className: classNames?.step, children: [
@@ -8348,10 +9394,7 @@ function BookingPage({
         ] }),
         /* @__PURE__ */ jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
           /* @__PURE__ */ jsx("span", { children: "Duration" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            service.duration_minutes,
-            " min"
-          ] })
+          /* @__PURE__ */ jsx("span", { children: formatDuration2(service.duration_minutes, service.duration_unit) })
         ] }),
         selectedStaffId && staff && /* @__PURE__ */ jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
           /* @__PURE__ */ jsx("span", { children: "Provider" }),
@@ -8360,6 +9403,10 @@ function BookingPage({
         (selectedSlot.price || service.price) && /* @__PURE__ */ jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
           /* @__PURE__ */ jsx("span", { children: "Price" }),
           /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Price, { amount: selectedSlot.price || service.price }) })
+        ] }),
+        hasDeposit && /* @__PURE__ */ jsxs("div", { "data-cimplify-booking-summary-row": true, className: cn(classNames?.summaryRow, classNames?.depositInfo), children: [
+          /* @__PURE__ */ jsx("span", { children: "Deposit" }),
+          /* @__PURE__ */ jsx("span", { children: depositType === "percentage" ? `${parsePrice(depositAmount)}%` : /* @__PURE__ */ jsx(Price, { amount: depositAmount }) })
         ] })
       ] }),
       /* @__PURE__ */ jsx(
@@ -8370,7 +9417,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"
         }
       )
     ] })
@@ -8462,5 +9509,459 @@ 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__ */ 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__ */ jsx(
+      "div",
+      {
+        "data-cimplify-location-picker": true,
+        "data-empty": true,
+        className: cn(className, classNames?.root, classNames?.empty),
+        children: /* @__PURE__ */ jsx("p", { children: emptyMessage ?? "No locations available" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { "data-cimplify-location-picker": true, className: cn(className, classNames?.root), children: locations.map((location) => {
+    const isActive = currentLocation?.id === location.id;
+    return /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onProductClick?.(rec),
+            "data-cimplify-recommendation-item": true,
+            className: classNames?.item,
+            style: { flexShrink: 0 },
+            children: renderProduct ? renderProduct(rec) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { "data-cimplify-recommendation-name": true, children: rec.product?.name ?? rec.product?.id ?? "Product" }),
+              rec.reason && /* @__PURE__ */ 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__ */ jsx(
+      "div",
+      {
+        "data-cimplify-session-message-banner": true,
+        "aria-busy": "true",
+        className: cn(className, classNames?.root)
+      }
+    );
+  }
+  if (messages.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { "data-cimplify-session-message-banner": true, className: cn(className, classNames?.root), children: messages.map((msg) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-cimplify-session-message": true,
+      "data-level": msg.level,
+      className: classNames?.message,
+      children: renderMessage ? renderMessage(msg) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { "data-cimplify-session-message-text": true, className: classNames?.text, children: msg.text }),
+        msg.dismissible && /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { "data-cimplify-recently-viewed": true, className: cn(className, classNames?.root), children: viewed.map((product) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onProductClick?.(product),
+      "data-cimplify-recently-viewed-item": true,
+      className: classNames?.item,
+      children: renderProduct ? renderProduct(product) : /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { "data-cimplify-billing-plan-selector": true, className: cn(className, classNames?.root), children: [
+    showOneTimePurchase && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "data-cimplify-billing-frequency": true, className: classNames?.frequency, children: FREQUENCY_LABELS[plan.frequency] }),
+            markup && /* @__PURE__ */ jsx("span", { "data-cimplify-billing-markup": true, className: classNames?.price, children: markup }),
+            plan.markup_type === "fixed" && plan.markup_amount != null && /* @__PURE__ */ jsxs("span", { "data-cimplify-billing-markup": true, className: classNames?.price, children: [
+              "+",
+              /* @__PURE__ */ jsx(Price, { amount: plan.markup_amount })
+            ] }),
+            plan.trial_days > 0 && /* @__PURE__ */ jsxs("span", { "data-cimplify-billing-trial": true, className: classNames?.trialBadge, children: [
+              plan.trial_days,
+              "-day trial"
+            ] }),
+            plan.setup_fee > 0 && /* @__PURE__ */ jsxs("span", { "data-cimplify-billing-setup-fee": true, className: classNames?.setupFee, children: [
+              "Setup fee: ",
+              /* @__PURE__ */ jsx(Price, { amount: plan.setup_fee })
+            ] }),
+            plan.plan_type === "installment" && plan.installment_periods != null && /* @__PURE__ */ 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] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const requestIdRef = useRef(0);
+  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__ */ jsx(
+      "div",
+      {
+        "data-cimplify-delivery-estimate": true,
+        "data-serviceable": "false",
+        "aria-busy": "true",
+        className: cn(className, classNames?.root, classNames?.loading)
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-cimplify-delivery-estimate": true,
+        "data-serviceable": "false",
+        className: cn(className, classNames?.root, classNames?.error),
+        children: /* @__PURE__ */ jsx("span", { children: error.message })
+      }
+    );
+  }
+  if (!result || !result.serviceable) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-cimplify-delivery-estimate": true,
+        "data-serviceable": "false",
+        className: cn(className, classNames?.root, classNames?.notServiceable),
+        children: /* @__PURE__ */ jsx("span", { children: "Not serviceable" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-cimplify-delivery-estimate": true,
+      "data-serviceable": "true",
+      className: cn(className, classNames?.root),
+      children: [
+        result.fee != null && /* @__PURE__ */ jsx("span", { "data-cimplify-delivery-fee": true, className: classNames?.fee, children: /* @__PURE__ */ jsx(Price, { amount: result.fee }) }),
+        result.currency && /* @__PURE__ */ 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] = useState({});
+  const [isLoadingRates, setIsLoadingRates] = useState(false);
+  const requestIdRef = useRef(0);
+  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__ */ 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__ */ 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__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "data-cimplify-currency-label": true, className: classNames?.label, children: currency }),
+          showRate && baseCurrency && currency !== baseCurrency && /* @__PURE__ */ jsx("span", { "data-cimplify-currency-rate": true, className: classNames?.rate, children: isLoadingRates ? "..." : rate ? `1 ${baseCurrency} = ${rate.rate.toFixed(4)} ${currency}` : null })
+        ] })
+      },
+      currency
+    );
+  }) });
+}
 
-export { Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, AvailabilityBadge, BookingCard, BookingList, BookingPage, BookingsPage, BundleSelector, CartPage, CartSummary, CataloguePage, CategoryFilter, CategoryGrid, CheckoutPage, CimplifyCheckout, CimplifyProvider, CollectionPage, CompositeSelector, DateSlotPicker, DealBanner, DealsPage, DiscountInput, ElementsProvider, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderSummary, PaymentElement, Price, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductPage, ProductSheet, QuantitySelector, SaleBadge, SearchInput, SearchPage, ServiceCard, ServiceGrid, SlotPicker, StaffPicker, StoreNav, VariantSelector, cn, useAds, useAvailableSlots, useBookings, useBundles, useCart, useCategories, useCheckout, useCimplify, useCimplifyClient, useCollection, useCollections, useDeals, useElements, useElementsReady, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, useQuote, useSearch, useServiceAvailability, useServices, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount };
+export { Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, AvailabilityBadge, BillingPlanSelector, BookingCard, BookingList, BookingPage, BookingsPage, BundleSelector, CartPage, CartSummary, CataloguePage, CategoryFilter, CategoryGrid, CheckoutPage, CimplifyCheckout, CimplifyProvider, CollectionPage, CompositeSelector, CurrencySelector, DateSlotPicker, DealBanner, DealsPage, DeliveryEstimate, DiscountInput, ElementsProvider, LocationPicker, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderSummary, PaymentElement, Price, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductPage, ProductSheet, QuantitySelector, RecentlyViewed, RecommendationCarousel, SaleBadge, SearchInput, SearchPage, ServiceCard, ServiceGrid, SessionMessageBanner, SlotPicker, StaffPicker, StoreNav, VariantSelector, cn, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCategories, useCheckout, useCimplify, useCimplifyClient, useCollection, useCollections, useDeals, useDeliveryFee, useElements, useElementsReady, useFxRate, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };