@cimplify/sdk 0.67.0 → 0.69.0

package/dist/react.js

@@ -2,12 +2,12 @@
 'use strict';
 
 var chunkIQLJJW2H_js = require('./chunk-IQLJJW2H.js');
-var chunkSSLFZPAI_js = require('./chunk-SSLFZPAI.js');
-var chunk3QSW33RG_js = require('./chunk-3QSW33RG.js');
+var chunk5HAUJBOK_js = require('./chunk-5HAUJBOK.js');
+var chunkWCSAZRNC_js = require('./chunk-WCSAZRNC.js');
 var chunk7Y2O3E4D_js = require('./chunk-7Y2O3E4D.js');
 var chunkXA3ZNR75_js = require('./chunk-XA3ZNR75.js');
 require('./chunk-OWW5GUSB.js');
-var React12 = require('react');
+var React14 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -27,7 +27,7 @@ var input = require('@base-ui/react/input');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React12__default = /*#__PURE__*/_interopDefault(React12);
+var React14__default = /*#__PURE__*/_interopDefault(React14);
 
 // src/ads/identity.ts
 var COOKIE_NAME = "_cimplify_uid";
@@ -204,7 +204,7 @@ function deriveAdsApiUrl() {
   }
   return "https://api.cimplify.io";
 }
-var AdContext = React12.createContext({
+var AdContext = React14.createContext({
   siteId: null,
   config: null,
   isLoading: true,
@@ -212,7 +212,7 @@ var AdContext = React12.createContext({
   apiBase: "https://api.cimplify.io"
 });
 function useAds() {
-  return React12.useContext(AdContext);
+  return React14.useContext(AdContext);
 }
 function AdProvider({
   siteId,
@@ -221,10 +221,10 @@ function AdProvider({
   children
 }) {
   const resolvedApiBase = apiBase || deriveAdsApiUrl();
-  const [config, setConfig] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [identity, setIdentity] = React12.useState(null);
-  React12.useEffect(() => {
+  const [config, setConfig] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [identity, setIdentity] = React14.useState(null);
+  React14.useEffect(() => {
     const userIdentity = getUserIdentity(authenticatedAccountId);
     setIdentity(userIdentity);
     fetch(`${resolvedApiBase}/ads/config/${siteId}`).then((r) => r.json()).then((data) => {
@@ -247,11 +247,11 @@ function Ad({
   onClick
 }) {
   const { siteId, config, isLoading, identity, apiBase } = useAds();
-  const [ad, setAd] = React12.useState(null);
-  const [error, setError] = React12.useState(false);
-  const impressionTracked = React12.useRef(false);
-  const containerRef = React12.useRef(null);
-  React12.useEffect(() => {
+  const [ad, setAd] = React14.useState(null);
+  const [error, setError] = React14.useState(false);
+  const impressionTracked = React14.useRef(false);
+  const containerRef = React14.useRef(null);
+  React14.useEffect(() => {
     if (isLoading || !config?.enabled || !siteId || !identity) return;
     const path = typeof window !== "undefined" ? window.location.pathname : "/";
     const referrer = typeof document !== "undefined" ? document.referrer : "";
@@ -294,7 +294,7 @@ function Ad({
       }
     }).catch(() => setError(true));
   }, [siteId, config, isLoading, slot, identity, apiBase]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!ad || impressionTracked.current || typeof window === "undefined" || !identity) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -623,7 +623,7 @@ function applyCartPatch(base, patch) {
   }
 }
 function useCollectionStore(collection) {
-  return React12.useSyncExternalStore(
+  return React14.useSyncExternalStore(
     (listener) => collection.subscribe(listener),
     () => collection.getSnapshot(),
     () => collection.getSnapshot()
@@ -993,7 +993,7 @@ function useCart(options = {}) {
   const locationId = options.locationId ?? client.getLocationId();
   const currency = options.currency ?? context?.currency ?? "USD";
   const optimisticEnabled = context?.optimistic ?? true;
-  const entry = React12.useMemo(
+  const entry = React14.useMemo(
     () => getOrCreateStore({
       client,
       locationId,
@@ -1003,44 +1003,44 @@ function useCart(options = {}) {
     [client, currency, locationId, optimisticEnabled]
   );
   const view = useCollectionStore(entry.collection);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     void ensureInitialized(entry);
   }, [entry]);
-  const addItem = React12.useCallback(
+  const addItem = React14.useCallback(
     async (product, quantity, addOptions) => {
       await performAddItem(entry, product, quantity ?? 1, addOptions ?? {});
     },
     [entry]
   );
-  const removeItem = React12.useCallback(
+  const removeItem = React14.useCallback(
     async (itemId) => {
       await performRemoveItem(entry, itemId);
     },
     [entry]
   );
-  const updateQuantity = React12.useCallback(
+  const updateQuantity = React14.useCallback(
     async (itemId, quantity) => {
       await performUpdateQuantity(entry, itemId, quantity);
     },
     [entry]
   );
-  const clearCart = React12.useCallback(async () => {
+  const clearCart = React14.useCallback(async () => {
     await performClear(entry);
   }, [entry]);
-  const sync = React12.useCallback(async () => {
+  const sync = React14.useCallback(async () => {
     await syncFromServer(entry);
   }, [entry]);
-  const reorder = React12.useCallback(
+  const reorder = React14.useCallback(
     async (orderId) => {
       return performReorder(entry, orderId);
     },
     [entry]
   );
-  const itemCount = React12.useMemo(
+  const itemCount = React14.useMemo(
     () => view.items.reduce((sum, item) => sum + item.quantity, 0),
     [view.items]
   );
-  return React12.useMemo(
+  return React14.useMemo(
     () => ({
       items: view.items,
       itemCount,
@@ -1086,7 +1086,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkSSLFZPAI_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunk5HAUJBOK_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1143,30 +1143,30 @@ function resolveInitialLocation(locations) {
   }
   return locations[0];
 }
-var CimplifyClientContext = React12.createContext(null);
-var CimplifyStateContext = React12.createContext(null);
+var CimplifyClientContext = React14.createContext(null);
+var CimplifyStateContext = React14.createContext(null);
 function CimplifyProvider({
   client,
   children,
   onLocationChange,
   optimistic = true
 }) {
-  const resolvedClient = React12.useMemo(() => client ?? createDefaultClient(), [client]);
-  const onLocationChangeRef = React12.useRef(onLocationChange);
-  const [business, setBusiness] = React12.useState(null);
-  const [locations, setLocations] = React12.useState([]);
-  const [currentLocation, setCurrentLocationState] = React12.useState(null);
-  const [isReady, setIsReady] = React12.useState(false);
-  React12.useEffect(() => {
+  const resolvedClient = React14.useMemo(() => client ?? createDefaultClient(), [client]);
+  const onLocationChangeRef = React14.useRef(onLocationChange);
+  const [business, setBusiness] = React14.useState(null);
+  const [locations, setLocations] = React14.useState([]);
+  const [currentLocation, setCurrentLocationState] = React14.useState(null);
+  const [isReady, setIsReady] = React14.useState(false);
+  React14.useEffect(() => {
     onLocationChangeRef.current = onLocationChange;
   }, [onLocationChange]);
   const baseCurrency = business?.default_currency || DEFAULT_CURRENCY;
-  const [displayCurrencyOverride, setDisplayCurrencyOverride] = React12.useState(
+  const [displayCurrencyOverride, setDisplayCurrencyOverride] = React14.useState(
     () => getStoredDisplayCurrency()
   );
-  const [fxRate, setFxRate] = React12.useState(null);
+  const [fxRate, setFxRate] = React14.useState(null);
   const displayCurrency = displayCurrencyOverride && displayCurrencyOverride !== baseCurrency ? displayCurrencyOverride : baseCurrency;
-  const setDisplayCurrency = React12.useCallback(
+  const setDisplayCurrency = React14.useCallback(
     (currency) => {
       const normalized = currency?.trim().toUpperCase() || null;
       if (normalized && !chunkXA3ZNR75_js.isSupportedCurrency(normalized)) {
@@ -1180,7 +1180,7 @@ function CimplifyProvider({
     },
     [baseCurrency]
   );
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (displayCurrency === baseCurrency) {
       setFxRate(null);
       return;
@@ -1205,7 +1205,7 @@ function CimplifyProvider({
       clearInterval(intervalId);
     };
   }, [resolvedClient, baseCurrency, displayCurrency]);
-  const convertPrice = React12.useCallback(
+  const convertPrice = React14.useCallback(
     (amount) => {
       const num = typeof amount === "string" ? parseFloat(amount) : amount;
       if (isNaN(num)) return 0;
@@ -1214,7 +1214,7 @@ function CimplifyProvider({
     },
     [fxRate, displayCurrency, baseCurrency]
   );
-  const setCurrentLocation = React12.useCallback(
+  const setCurrentLocation = React14.useCallback(
     (location) => {
       const previousLocationId = resolvedClient.getLocationId();
       if (previousLocationId && previousLocationId !== location.id) {
@@ -1227,7 +1227,7 @@ function CimplifyProvider({
     },
     [resolvedClient]
   );
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     let cancelled = false;
     async function bootstrap() {
       setIsReady(false);
@@ -1272,7 +1272,7 @@ function CimplifyProvider({
       cancelled = true;
     };
   }, [resolvedClient]);
-  const clientContextValue = React12.useMemo(
+  const clientContextValue = React14.useMemo(
     () => ({
       client: resolvedClient,
       business,
@@ -1292,7 +1292,7 @@ function CimplifyProvider({
       optimistic
     ]
   );
-  const stateContextValue = React12.useMemo(
+  const stateContextValue = React14.useMemo(
     () => ({
       currentLocation,
       setCurrentLocation,
@@ -1313,20 +1313,20 @@ function CimplifyProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(CimplifyClientContext.Provider, { value: clientContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(CimplifyStateContext.Provider, { value: stateContextValue, children }) });
 }
 function useCimplify() {
-  const clientContext = React12.useContext(CimplifyClientContext);
-  const stateContext = React12.useContext(CimplifyStateContext);
+  const clientContext = React14.useContext(CimplifyClientContext);
+  const stateContext = React14.useContext(CimplifyStateContext);
   if (!clientContext || !stateContext) {
     throw new Error("useCimplify must be used within CimplifyProvider");
   }
-  return React12.useMemo(
+  return React14.useMemo(
     () => ({ ...clientContext, ...stateContext }),
     [clientContext, stateContext]
   );
 }
 function useOptionalCimplify() {
-  const clientContext = React12.useContext(CimplifyClientContext);
-  const stateContext = React12.useContext(CimplifyStateContext);
-  return React12.useMemo(() => {
+  const clientContext = React14.useContext(CimplifyClientContext);
+  const stateContext = React14.useContext(CimplifyStateContext);
+  return React14.useMemo(() => {
     if (!clientContext || !stateContext) {
       return null;
     }
@@ -1334,14 +1334,14 @@ function useOptionalCimplify() {
   }, [clientContext, stateContext]);
 }
 function useCimplifyClient() {
-  const context = React12.useContext(CimplifyClientContext);
+  const context = React14.useContext(CimplifyClientContext);
   if (!context) {
     throw new Error("useCimplifyClient must be used within CimplifyProvider");
   }
   return context;
 }
 function useOptionalCimplifyClient() {
-  return React12.useContext(CimplifyClientContext);
+  return React14.useContext(CimplifyClientContext);
 }
 function shellColors(isDark) {
   return {
@@ -1392,34 +1392,34 @@ function CimplifyCheckout({
   appearance,
   className
 }) {
-  const resolvedOrderTypes = React12.useMemo(
+  const resolvedOrderTypes = React14.useMemo(
     () => orderTypes && orderTypes.length > 0 ? orderTypes : ["pickup", "delivery"],
     [orderTypes]
   );
-  const resolvedDefaultOrderType = React12.useMemo(() => {
+  const resolvedDefaultOrderType = React14.useMemo(() => {
     if (defaultOrderType && resolvedOrderTypes.includes(defaultOrderType)) {
       return defaultOrderType;
     }
     return resolvedOrderTypes[0] || "pickup";
   }, [defaultOrderType, resolvedOrderTypes]);
-  const [orderType, setOrderType] = React12.useState(resolvedDefaultOrderType);
-  const [status, setStatus] = React12.useState(null);
-  const [statusText, setStatusText] = React12.useState("");
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
-  const [isInitializing, setIsInitializing] = React12.useState(false);
-  const [errorMessage, setErrorMessage] = React12.useState(null);
-  const [resolvedBusinessId, setResolvedBusinessId] = React12.useState(businessId ?? null);
-  const [resolvedCartId, setResolvedCartId] = React12.useState(cartId ?? null);
-  const [resolvedCart, setResolvedCart] = React12.useState(null);
-  const checkoutMountRef = React12.useRef(null);
-  const elementsRef = React12.useRef(null);
-  const activeCheckoutRef = React12.useRef(null);
-  const initialAppearanceRef = React12.useRef(appearance);
-  const hasWarnedInlineAppearanceRef = React12.useRef(false);
-  const isMountedRef = React12.useRef(true);
+  const [orderType, setOrderType] = React14.useState(resolvedDefaultOrderType);
+  const [status, setStatus] = React14.useState(null);
+  const [statusText, setStatusText] = React14.useState("");
+  const [isSubmitting, setIsSubmitting] = React14.useState(false);
+  const [isInitializing, setIsInitializing] = React14.useState(false);
+  const [errorMessage, setErrorMessage] = React14.useState(null);
+  const [resolvedBusinessId, setResolvedBusinessId] = React14.useState(businessId ?? null);
+  const [resolvedCartId, setResolvedCartId] = React14.useState(cartId ?? null);
+  const [resolvedCart, setResolvedCart] = React14.useState(null);
+  const checkoutMountRef = React14.useRef(null);
+  const elementsRef = React14.useRef(null);
+  const activeCheckoutRef = React14.useRef(null);
+  const initialAppearanceRef = React14.useRef(appearance);
+  const hasWarnedInlineAppearanceRef = React14.useRef(false);
+  const isMountedRef = React14.useRef(true);
   const isTestMode = client.isTestMode();
   const cimplifyCtx = useOptionalCimplify();
-  const fxOptions = React12.useMemo(() => {
+  const fxOptions = React14.useMemo(() => {
     if (!cimplifyCtx?.fxRate) return void 0;
     if (cimplifyCtx.displayCurrency === cimplifyCtx.baseCurrency) return void 0;
     return {
@@ -1427,29 +1427,29 @@ function CimplifyCheckout({
       convertPrice: cimplifyCtx.convertPrice
     };
   }, [cimplifyCtx?.fxRate, cimplifyCtx?.displayCurrency, cimplifyCtx?.baseCurrency, cimplifyCtx?.convertPrice]);
-  const fxOptionsRef = React12.useRef(fxOptions);
+  const fxOptionsRef = React14.useRef(fxOptions);
   fxOptionsRef.current = fxOptions;
-  const resolvedCartRef = React12.useRef(resolvedCart);
+  const resolvedCartRef = React14.useRef(resolvedCart);
   resolvedCartRef.current = resolvedCart;
   const isDark = appearance?.theme === "dark";
-  const emitStatus = React12__default.default.useEffectEvent(
+  const emitStatus = React14__default.default.useEffectEvent(
     (nextStatus, context = {}) => {
       setStatus(nextStatus);
       setStatusText(context.display_text || "");
       onStatusChange?.(nextStatus, context);
     }
   );
-  const fireError = React12__default.default.useEffectEvent(
+  const fireError = React14__default.default.useEffectEvent(
     (error) => {
       onError?.(error);
     }
   );
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!resolvedOrderTypes.includes(orderType)) {
       setOrderType(resolvedDefaultOrderType);
     }
   }, [resolvedOrderTypes, resolvedDefaultOrderType, orderType]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (appearance && appearance !== initialAppearanceRef.current && !hasWarnedInlineAppearanceRef.current) {
       hasWarnedInlineAppearanceRef.current = true;
       console.warn(
@@ -1457,7 +1457,7 @@ function CimplifyCheckout({
       );
     }
   }, [appearance]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     let cancelled = false;
     async function bootstrap() {
       const needsBusinessResolve = !businessId;
@@ -1528,14 +1528,14 @@ function CimplifyCheckout({
       cancelled = true;
     };
   }, [businessId, cartId, client]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     return () => {
       isMountedRef.current = false;
       activeCheckoutRef.current?.abort();
       activeCheckoutRef.current = null;
     };
   }, []);
-  const handleSubmit = React12__default.default.useEffectEvent(async () => {
+  const handleSubmit = React14__default.default.useEffectEvent(async () => {
     if (isSubmitting || isInitializing || !resolvedCartId) {
       if (!resolvedCartId && !isInitializing) {
         const message = "Your cart is empty. Add items before checkout.";
@@ -1580,7 +1580,7 @@ function CimplifyCheckout({
       }
     }
   });
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!resolvedBusinessId) {
       elementsRef.current = null;
       return;
@@ -1626,7 +1626,7 @@ function CimplifyCheckout({
     resolvedDefaultOrderType,
     submitLabel
   ]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!resolvedCart || !elementsRef.current) return;
     const checkoutElement = elementsRef.current.getElement("checkout");
     if (checkoutElement) {
@@ -1662,100 +1662,6 @@ function CimplifyCheckout({
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var DEFAULT_LINK_URL = "https://link.cimplify.io";
-function CimplifyAccount({
-  client: clientProp,
-  linkUrl,
-  section,
-  businessId: businessIdProp,
-  merchantName,
-  appearance,
-  onLogout,
-  className
-}) {
-  const context = useOptionalCimplify();
-  const client = clientProp ?? context?.client;
-  const resolvedLinkUrl = linkUrl || DEFAULT_LINK_URL;
-  const resolvedBusinessId = businessIdProp || client?.getBusinessId?.() || "";
-  const iframeRef = React12.useRef(null);
-  const [height, setHeight] = React12.useState(400);
-  const [isReady, setIsReady] = React12.useState(false);
-  const iframeSrc = React12.useMemo(() => {
-    const path = section ? `/elements/account/${section}` : "/elements/account";
-    const url = new URL(path, resolvedLinkUrl);
-    if (resolvedBusinessId) url.searchParams.set("businessId", resolvedBusinessId);
-    return url.toString();
-  }, [resolvedLinkUrl, section, resolvedBusinessId]);
-  React12.useEffect(() => {
-    function handleMessage(event) {
-      if (!event.data || typeof event.data !== "object") return;
-      if (iframeRef.current?.contentWindow && event.source !== iframeRef.current.contentWindow) {
-        return;
-      }
-      switch (event.data.type) {
-        case "ready":
-          setIsReady(true);
-          if (typeof event.data.height === "number") {
-            setHeight(event.data.height);
-          }
-          sendInit();
-          break;
-        case "height_change":
-          if (typeof event.data.height === "number") {
-            setHeight(event.data.height);
-          }
-          break;
-        case "logout_complete":
-          onLogout?.();
-          break;
-      }
-    }
-    window.addEventListener("message", handleMessage);
-    return () => window.removeEventListener("message", handleMessage);
-  }, [appearance, client, onLogout]);
-  function sendInit() {
-    const contentWindow = iframeRef.current?.contentWindow;
-    if (!contentWindow) return;
-    const token = client?.getAccessToken?.();
-    contentWindow.postMessage(
-      {
-        type: "init",
-        token: token ?? void 0,
-        appearance: appearance ?? void 0,
-        businessId: resolvedBusinessId || void 0,
-        merchantName: merchantName ?? void 0
-      },
-      resolvedLinkUrl
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-cimplify-account": true,
-      className: cn("relative overflow-hidden", className),
-      children: [
-        !isReady && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 border-2 border-border border-t-foreground rounded-full animate-spin" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "iframe",
-          {
-            ref: iframeRef,
-            src: iframeSrc,
-            style: {
-              border: "none",
-              width: "100%",
-              height: `${height}px`,
-              display: isReady ? "block" : "none",
-              overflow: "hidden",
-              background: "transparent"
-            },
-            allow: "geolocation",
-            sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
-          }
-        )
-      ]
-    }
-  );
-}
 var BUTTON_BASE = "inline-flex items-center justify-center gap-2 font-semibold leading-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 disabled:opacity-50 disabled:cursor-not-allowed [font-family:inherit] cursor-pointer rounded-[10px]";
 var BUTTON_VARIANTS = {
   primary: "bg-foreground text-background hover:bg-foreground/90",
@@ -1767,7 +1673,7 @@ var BUTTON_SIZES = {
   sm: "px-[13px] py-[7px] text-[12.5px]",
   md: "px-[18px] py-[10px] text-[13.5px]"
 };
-var Button = React12__default.default.forwardRef(function Button2({ variant = "primary", size = "md", className, children, ...props }, ref) {
+var Button = React14__default.default.forwardRef(function Button2({ variant = "primary", size = "md", className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -1987,6 +1893,17 @@ function Toast({ title, description, onUndo, onDismiss, className }) {
     }
   );
 }
+
+// src/react/utils/avatar.ts
+function avatarGradient(seed) {
+  let hash = 0;
+  for (let i = 0; i < seed.length; i++) hash = (hash << 5) - hash + seed.charCodeAt(i) | 0;
+  const hue = (Math.abs(hash) % 60 + 20) % 360;
+  return `linear-gradient(135deg, oklch(0.78 0.10 ${hue}), oklch(0.55 0.16 ${hue - 8}))`;
+}
+function initials(name) {
+  return name.trim().split(/\s+/).map((p) => p[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+}
 function AccountShell({ sidebar, children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2021,15 +1938,6 @@ function AccountSidebar({ children, scopeNote, className }) {
     }
   );
 }
-function avatarGradient(seed) {
-  let hash = 0;
-  for (let i = 0; i < seed.length; i++) hash = (hash << 5) - hash + seed.charCodeAt(i) | 0;
-  const hue = (Math.abs(hash) % 60 + 20) % 360;
-  return `linear-gradient(135deg, oklch(0.78 0.10 ${hue}), oklch(0.55 0.16 ${hue - 8}))`;
-}
-function initials(name) {
-  return name.trim().split(/\s+/).map((p) => p[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
-}
 function AccountIdentityStrip({
   name,
   email,
@@ -2546,6 +2454,560 @@ function ContextCard({ rows, className }) {
     }
   );
 }
+function RiderAvatar({ rider, size }) {
+  if (rider.photoUrl) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: rider.photoUrl,
+        alt: "",
+        className: "rounded-full object-cover",
+        style: { width: size, height: size }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: "grid place-items-center rounded-full font-serif font-semibold text-white",
+      style: { width: size, height: size, fontSize: size * 0.38, background: avatarGradient(rider.name) },
+      children: initials(rider.name)
+    }
+  );
+}
+function RiderMeta({ rider }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: rider.name }),
+      rider.rating !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-xs font-semibold text-amber-500", children: [
+        "\u2605 ",
+        rider.rating.toFixed(1)
+      ] })
+    ] }),
+    rider.vehicle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-xs text-foreground/55", children: rider.vehicle })
+  ] });
+}
+function DotStep({ steps }) {
+  const current = steps.find((s) => s.state === "current") ?? [...steps].reverse().find((s) => s.state === "done");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs(React14__default.default.Fragment, { children: [
+      i > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: cn(
+            "h-0.5 flex-1 rounded-full",
+            steps[i - 1].state === "done" ? "bg-primary" : "bg-border"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: cn(
+            "block size-[7px] shrink-0 rounded-full",
+            step.state === "done" && "bg-primary",
+            step.state === "current" && "bg-primary ring-4 ring-primary/15",
+            step.state === "pending" && "bg-border"
+          )
+        }
+      )
+    ] }, step.label)) }),
+    current && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 truncate text-center text-[11.5px] font-semibold text-primary", children: current.label })
+  ] });
+}
+function DeliveryTracker({
+  steps,
+  statusLabel,
+  etaLabel,
+  rider,
+  live,
+  onTrackLive,
+  onContactRider,
+  variant = "card",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-cimplify-delivery-tracker": true,
+      "data-mode": live ? "live" : "steps",
+      className: cn(
+        "overflow-hidden",
+        variant === "card" && "rounded-[var(--radius,12px)] border border-border/60 bg-card",
+        className
+      ),
+      children: live ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-[216px] w-full overflow-hidden bg-muted", children: [
+          live.map,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-3 top-3 inline-flex items-center gap-1.5 rounded-full border border-border/40 bg-background/90 px-2.5 py-1 text-xs font-semibold shadow-sm backdrop-blur", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative size-[7px] rounded-full bg-emerald-500", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 animate-ping rounded-full bg-emerald-500" }) }),
+            "Live"
+          ] }),
+          (live.etaLabel ?? etaLabel) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-3 rounded-full bg-foreground px-3 py-1.5 text-xs font-semibold text-background shadow-lg", children: live.etaLabel ?? etaLabel })
+        ] }),
+        rider && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-[2] -mt-6 mx-3.5 mb-3.5 rounded-2xl border border-border/60 bg-card p-3.5 shadow-[0_10px_30px_-16px_rgba(16,24,40,0.32)]", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative shrink-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(RiderAvatar, { rider, size: 46 }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-px -right-px size-3 rounded-full border-[2.5px] border-card bg-emerald-500" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(RiderMeta, { rider }) }),
+            (rider.etaLabel || rider.distanceLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+              rider.etaLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[15px] font-semibold tabular-nums text-foreground", children: rider.etaLabel }),
+              rider.distanceLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11.5px] text-foreground/55", children: rider.distanceLabel })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onTrackLive,
+                className: "h-10 flex-1 rounded-xl bg-primary text-sm font-semibold text-[var(--color-primary-foreground,#fff)] hover:brightness-105",
+                children: "Track live"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onContactRider,
+                "aria-label": `Contact ${rider.name}`,
+                className: "grid size-10 place-items-center rounded-xl border border-border bg-card text-foreground hover:bg-muted/50",
+                children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z" }) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(DotStep, { steps })
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: variant === "card" ? "p-4 sm:p-5" : "", children: [
+        (statusLabel || etaLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
+          statusLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-amber-500/10 px-2.5 py-1 text-xs font-semibold text-amber-600", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-current" }),
+            statusLabel
+          ] }),
+          etaLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-semibold tabular-nums text-foreground", children: etaLabel })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "relative ml-[9px] border-l-2 border-border", children: steps.map((step) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "relative pb-4 pl-6 last:pb-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: cn(
+                "absolute -left-[9px] top-px grid size-[18px] place-items-center rounded-full border-2 bg-card",
+                step.state === "done" && "border-primary bg-primary",
+                step.state === "current" && "border-primary ring-4 ring-primary/15",
+                step.state === "pending" && "border-border"
+              ),
+              children: [
+                step.state === "done" && /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", strokeWidth: "3.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" }) }),
+                step.state === "current" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-[7px] rounded-full bg-primary" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "text-[13px] font-semibold",
+                step.state === "pending" ? "text-foreground/45" : "text-foreground"
+              ),
+              children: step.label
+            }
+          ),
+          step.time && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-foreground/55", children: step.time })
+        ] }, step.label)) }),
+        rider && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center gap-3 border-t border-border/60 pt-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RiderAvatar, { rider, size: 42 }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(RiderMeta, { rider }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onContactRider,
+              className: "h-9 rounded-[10px] border border-border bg-card px-4 text-[13px] font-semibold text-foreground hover:bg-muted/50",
+              children: "Contact"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var STATE_TONE = {
+  preparing: "text-amber-600",
+  ready: "text-emerald-600",
+  delivered: "text-emerald-600",
+  booked: "text-primary",
+  cancelled: "text-destructive",
+  default: "text-foreground/55"
+};
+function StateDot({ label, tone = "default" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("inline-flex items-center gap-1.5 text-xs font-medium", STATE_TONE[tone]), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-current" }),
+    label
+  ] });
+}
+var TYPE_GLYPH = {
+  product: null,
+  bundle: null,
+  composite: null,
+  service: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "19", height: "19", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "17", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 9h18M8 2v4M16 2v4" })
+  ] }),
+  digital: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "19", height: "19", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4h11l5 5v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 4v5h5" })
+  ] })
+};
+function Thumb({ item }) {
+  const glyph = item.lineType ? TYPE_GLYPH[item.lineType] : null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-px size-[46px] shrink-0 overflow-hidden rounded-[10px] bg-muted/50", children: item.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.imageUrl, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid size-full place-items-center text-foreground/35", children: glyph }) });
+}
+function AccountLineItem({ item, className }) {
+  const [open, setOpen] = React14.useState(false);
+  const subtitle = item.subtitle ?? ([item.variant, item.addOns?.length ? `+ ${item.addOns.map((a) => a.name).join(", ")}` : null].filter(Boolean).join(" \xB7 ") || void 0);
+  const hasDetail = !!item.customerInputs?.length || !!item.includes?.length || !!item.customisations?.length;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-line-item": true, "data-type": item.lineType, className: cn("py-[15px]", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[46px_minmax(0,1fr)_auto] items-start gap-x-[13px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Thumb, { item }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold leading-tight tracking-[-0.01em] text-foreground", children: item.name }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-[12.5px] text-foreground/55", children: subtitle }),
+      item.scheduling && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 text-[12.5px] text-foreground/55", children: [
+        item.scheduling.whenLabel,
+        item.scheduling.staffName && ` \xB7 with ${item.scheduling.staffName}`
+      ] }),
+      (item.stateLabel || item.scheduling?.confirmationCode || hasDetail || item.digital) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1.5", children: [
+        item.stateLabel && /* @__PURE__ */ jsxRuntime.jsx(StateDot, { label: item.stateLabel, tone: item.stateTone }),
+        item.scheduling?.confirmationCode && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground/45", children: [
+          "#",
+          item.scheduling.confirmationCode
+        ] }),
+        item.digital && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            StateDot,
+            {
+              label: item.digital.statusLabel,
+              tone: item.digital.tone === "revoked" ? "cancelled" : "ready"
+            }
+          ),
+          item.digital.usageSummary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11.5px] text-foreground/55", children: item.digital.usageSummary }),
+          item.digital.onDownload && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: item.digital.onDownload,
+              className: "inline-flex items-center gap-1.5 text-xs font-semibold text-primary hover:underline",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3v12m0 0 4-4m-4 4-4-4M5 21h14" }) }),
+                "Download"
+              ]
+            }
+          )
+        ] }),
+        hasDetail && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpen((v) => !v),
+            "aria-expanded": open,
+            className: "inline-flex items-center gap-1.5 text-[12.5px] font-semibold text-foreground/55 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  width: "13",
+                  height: "13",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  className: cn("transition-transform", open && "rotate-90"),
+                  children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
+                }
+              ),
+              item.customisations?.length || item.customerInputs?.length ? "Customisations & details" : "What's included"
+            ]
+          }
+        )
+      ] }),
+      open && hasDetail && /* @__PURE__ */ jsxRuntime.jsx(LineItemDetails, { item, className: "ml-[1px] mt-2.5" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold tabular-nums text-foreground", children: item.priceLabel })
+  ] }) });
+}
+function ChildRow({ sel }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2 py-1.5 [&:not(:first-child)]:border-t [&:not(:first-child)]:border-border/50", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-[11px] font-semibold tabular-nums text-foreground/55", children: [
+      sel.quantity ?? 1,
+      "\xD7"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12.5px] font-medium text-foreground", children: sel.name }),
+      sel.variantName && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-foreground/55", children: sel.variantName })
+    ] }),
+    sel.priceLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[11.5px] tabular-nums text-foreground/55", children: sel.priceLabel })
+  ] });
+}
+function LineItemDetails({
+  item,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-3", className), children: [
+    item.includes && item.includes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-[10px] font-bold uppercase tracking-wider text-foreground/45", children: "Bundle includes" }),
+      item.includes.map((sel, i) => /* @__PURE__ */ jsxRuntime.jsx(ChildRow, { sel }, i))
+    ] }),
+    item.customisations && item.customisations.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-[10px] font-bold uppercase tracking-wider text-foreground/45", children: "Customisations" }),
+      item.customisations.map((sel, i) => /* @__PURE__ */ jsxRuntime.jsx(ChildRow, { sel }, i))
+    ] }),
+    item.customerInputs && item.customerInputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-[84px_minmax(0,1fr)] items-start gap-x-2.5 gap-y-1 text-xs sm:grid-cols-[104px_minmax(0,1fr)]", children: item.customerInputs.map((input) => /* @__PURE__ */ jsxRuntime.jsxs(React14__default.default.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize text-foreground/55", children: input.fieldName }),
+      /* @__PURE__ */ jsxRuntime.jsx(CustomerInputValue, { input })
+    ] }, input.fieldId)) })
+  ] });
+}
+function asObject(v) {
+  return v && typeof v === "object" && !Array.isArray(v) ? v : null;
+}
+function CustomerInputValue({ input }) {
+  const v = input.value;
+  const obj = asObject(v);
+  if (input.semanticKind === "allergen" || input.semanticKind === "sensitivity") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 font-medium text-amber-600", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v4M12 17h.01M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z" }) }),
+      String(v ?? "")
+    ] });
+  }
+  switch (input.fieldType) {
+    case "textarea":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block whitespace-pre-wrap rounded-md bg-muted/40 px-2.5 py-1.5 leading-relaxed text-foreground/90", children: String(v ?? "") });
+    case "number":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold tabular-nums text-foreground", children: String(v ?? "") });
+    case "select":
+    case "radio":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex w-fit items-center rounded-full border border-primary/20 bg-primary/[0.12] px-2 py-0.5 text-[11.5px] font-medium text-primary", children: String(v ?? "") });
+    case "multi_select":
+    case "checkbox": {
+      if (typeof v === "boolean") return /* @__PURE__ */ jsxRuntime.jsx(BooleanBadge, { value: v });
+      const list = Array.isArray(v) ? v.map(String) : [String(v ?? "")];
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex flex-wrap gap-1", children: list.filter(Boolean).map((label, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-full border border-border bg-muted/40 px-2 py-0.5 text-[11px] font-medium", children: label }, i)) });
+    }
+    case "color": {
+      const hex = String(v ?? "");
+      const label = obj?.label ? String(obj.label) : hex;
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block size-3.5 rounded-full border border-black/10", style: { background: hex } }),
+        label,
+        hex && hex !== label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[11px] text-foreground/55", children: hex })
+      ] });
+    }
+    case "date":
+    case "date_time":
+    case "time":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium tabular-nums text-foreground", children: String(v ?? "") });
+    case "date_range": {
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 font-medium tabular-nums text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: String(obj?.start ?? "") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground/55", children: "\u2192" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: String(obj?.end ?? "") })
+      ] });
+    }
+    case "file": {
+      const url = String(v ?? "");
+      const filename = url.split("/").pop() || "Attachment";
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex w-fit max-w-full items-center gap-1.5 rounded-md border border-border bg-muted/40 px-2 py-1 text-foreground hover:border-primary hover:text-primary",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 3v5h5M15 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[11.5px] font-medium", children: filename })
+          ]
+        }
+      );
+    }
+    case "image": {
+      const url = typeof v === "string" ? v : "";
+      if (!url) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic text-foreground/55", children: "No image" });
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "block size-14 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: url, alt: input.fieldName, className: "size-full object-cover" }) });
+    }
+    case "url": {
+      const url = String(v ?? "");
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex max-w-full items-center gap-1 truncate text-primary hover:underline", children: url.replace(/^https?:\/\//, "").replace(/\/$/, "") });
+    }
+    case "email":
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${String(v ?? "")}`, className: "text-primary hover:underline", children: String(v ?? "") });
+    case "phone": {
+      const display = obj?.formatted ? String(obj.formatted) : String(v ?? "");
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `tel:${display}`, className: "tabular-nums text-primary hover:underline", children: display });
+    }
+    case "address": {
+      const formatted = obj?.formatted_address ? String(obj.formatted_address) : String(v ?? "");
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block whitespace-pre-line rounded-md bg-muted/40 px-2.5 py-1.5 text-[11.5px] leading-relaxed", children: formatted });
+    }
+    case "location": {
+      const label = obj?.label ? String(obj.label) : null;
+      const lat = obj?.latitude;
+      const lng = obj?.longitude;
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "text-destructive", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11Z" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "2.5" })
+        ] }),
+        label ?? `${lat ?? "?"}, ${lng ?? "?"}`
+      ] });
+    }
+    case "signature": {
+      const signer = obj?.signer_name ? String(obj.signer_name) : null;
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex w-fit items-center gap-1 rounded-full border border-emerald-500/20 bg-emerald-500/[0.12] px-2 py-0.5 text-[11px] font-semibold text-emerald-600", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" }) }),
+        signer ? `Signed by ${signer}` : "Signed"
+      ] });
+    }
+    case "text":
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "italic text-foreground/90", children: [
+        "\u201C",
+        String(v ?? ""),
+        "\u201D"
+      ] });
+  }
+}
+function BooleanBadge({ value }) {
+  return value ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex w-fit items-center gap-1 rounded-full border border-emerald-500/20 bg-emerald-500/[0.12] px-2 py-0.5 text-[11px] font-semibold text-emerald-600", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" }) }),
+    "Yes"
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex w-fit items-center rounded-full bg-muted/40 px-2 py-0.5 text-[11px] font-medium text-foreground/55", children: "No" });
+}
+function AccountLineItems({ items, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-line-items": true, className: cn("divide-y divide-border/60", className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(AccountLineItem, { item }, item.id)) });
+}
+var STATUS_TONE = {
+  progress: "bg-amber-500/10 text-amber-600",
+  positive: "bg-emerald-500/10 text-emerald-600",
+  muted: "bg-muted/60 text-foreground/60"
+};
+function SectionLabel({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] font-bold uppercase tracking-wider text-foreground/45", children });
+}
+function AccountOrderView({
+  orderNumber,
+  placedLabel,
+  statusLabel,
+  statusTone = "progress",
+  items,
+  itemsLabel = "Items",
+  delivery,
+  payment,
+  shipTo,
+  actions,
+  onBack,
+  backLabel = "Back to orders",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-view": true, className: cn("min-w-0", className), children: [
+    onBack && /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        className: "mb-5 inline-flex items-center gap-1.5 text-[13px] font-medium text-foreground/55 hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 18-6-6 6-6" }) }),
+          backLabel
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "font-serif text-2xl font-semibold tracking-[-0.02em] tabular-nums text-foreground", children: [
+          "Order #",
+          orderNumber
+        ] }),
+        placedLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-[13px] text-foreground/55", children: placedLabel })
+      ] }),
+      statusLabel && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: cn(
+            "shrink-0 rounded-full px-2.5 py-1 text-xs font-semibold",
+            STATUS_TONE[statusTone]
+          ),
+          children: statusLabel
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-8 lg:grid-cols-[minmax(0,1fr)_300px] lg:gap-14", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: itemsLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(AccountLineItems, { items, className: "mt-2.5" })
+        ] }),
+        delivery && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-6 border-t border-border/60 pt-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: delivery.label ?? "Delivery" }) }),
+          delivery.note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-[11.5px] text-foreground/55", children: delivery.note }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DeliveryTracker,
+            {
+              variant: "plain",
+              steps: delivery.steps,
+              statusLabel: delivery.statusLabel,
+              etaLabel: delivery.etaLabel,
+              rider: delivery.rider,
+              live: delivery.live,
+              onTrackLive: delivery.onTrackLive,
+              onContactRider: delivery.onContactRider
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-[var(--radius,12px)] bg-muted/40 p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "Payment" }),
+            payment.stateLabel && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "rounded-full px-2 py-0.5 text-[11.5px] font-semibold",
+                  payment.stateTone === "warning" ? "bg-amber-500/10 text-amber-600" : payment.stateTone === "muted" ? "bg-muted/70 text-foreground/60" : "bg-emerald-500/10 text-emerald-600"
+                ),
+                children: payment.stateLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 text-[13px]", children: [
+            payment.rows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground/55", children: row.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("tabular-nums", row.tone === "positive" && "text-emerald-600"), children: row.value })
+            ] }, i)),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-2 h-px bg-border" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-[15px] font-semibold", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: payment.total.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: payment.total.value })
+            ] })
+          ] }),
+          payment.method && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-3 h-px bg-border" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12.5px] text-foreground", children: payment.method })
+          ] })
+        ] }),
+        shipTo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-7", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: shipTo.heading ?? "Delivering to" }),
+          shipTo.name && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-[13px] font-semibold text-foreground", children: shipTo.name }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-[12.5px] leading-relaxed text-foreground/55", children: shipTo.lines })
+        ] }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-7 space-y-2.5", children: actions })
+      ] })
+    ] })
+  ] });
+}
 function SubscriptionRow({
   subscription,
   onSelect,
@@ -2711,11 +3173,11 @@ function CimplifySignInButton({
   onError,
   ...signInOpts
 }) {
-  const [busy, setBusy] = React12.useState(false);
+  const [busy, setBusy] = React14.useState(false);
   const onClick = async () => {
     if (busy || disabled) return;
     setBusy(true);
-    await chunk3QSW33RG_js.startSignIn({
+    await chunkWCSAZRNC_js.startSignIn({
       ...signInOpts,
       onSuccess: () => {
         setBusy(false);
@@ -3327,9 +3789,9 @@ function AccountSubscriptionDetailPage({
 }
 function useCimplifySession(options) {
   const sessionUri = options?.sessionUri ?? "/auth/session";
-  const [session, setSession] = React12.useState(null);
-  const [loading, setLoading] = React12.useState(true);
-  const fetchSession = React12.useCallback(async () => {
+  const [session, setSession] = React14.useState(null);
+  const [loading, setLoading] = React14.useState(true);
+  const fetchSession = React14.useCallback(async () => {
     setLoading(true);
     try {
       const res = await fetch(sessionUri, { credentials: "include" });
@@ -3345,11 +3807,218 @@ function useCimplifySession(options) {
       setLoading(false);
     }
   }, [sessionUri]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     void fetchSession();
   }, [fetchSession]);
   return { session, loading, refresh: fetchSession };
 }
+var DEFAULT_LINKS = [
+  {
+    label: "Your orders",
+    href: "/account/orders",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 6h18" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 10a4 4 0 0 1-8 0" })
+    ] })
+  },
+  {
+    label: "Subscriptions",
+    href: "/account/subscriptions",
+    icon: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 9h18M8 2v4M16 2v4" })
+    ] })
+  }
+];
+var LinkIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 13.5a4 4 0 0 0 5.6 0l3-3a4 4 0 0 0-5.6-5.6L11.5 6.4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 10.5a4 4 0 0 0-5.6 0l-3 3a4 4 0 0 0 5.6 5.6l1.5-1.5" })
+] });
+var ExternalIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, className: "ml-auto opacity-50", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 17 17 7M9 7h8v8" }) });
+function Avatar({ seed, name, size }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: "grid place-items-center rounded-full font-serif font-semibold text-white shrink-0",
+      style: { width: size, height: size, fontSize: size * 0.4, background: avatarGradient(seed) },
+      children: initials(name)
+    }
+  );
+}
+function CimplifyUserButton({
+  session: controlledSession,
+  sessionUri,
+  links = DEFAULT_LINKS,
+  identityUrl = "https://link.cimplify.io",
+  signOutHref = "/auth/signout",
+  onSignOut,
+  clientId,
+  redirectUri,
+  signInLabel,
+  onSignIn,
+  hideName,
+  align = "end",
+  className
+}) {
+  const controlled = controlledSession !== void 0;
+  const hook = useCimplifySession({ sessionUri });
+  const session = controlled ? controlledSession : hook.session;
+  const loading = controlled ? false : hook.loading;
+  const [open, setOpen] = React14.useState(false);
+  const rootRef = React14.useRef(null);
+  const menuId = React14.useId();
+  React14.useEffect(() => {
+    if (!open) return;
+    const onDocClick = (e) => {
+      if (!rootRef.current?.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onDocClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDocClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center", className), "data-cimplify-user-button": "loading", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-8 rounded-full bg-muted/60 animate-pulse" }) });
+  }
+  if (!session) {
+    if (!clientId || !redirectUri) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CimplifySignInButton,
+      {
+        variant: "outline",
+        label: signInLabel ?? "Sign in",
+        clientId,
+        redirectUri,
+        onSuccess: onSignIn,
+        className
+      }
+    );
+  }
+  const name = session.name?.trim() || session.email || "Account";
+  const seed = session.sub || name;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: cn("relative inline-block", className), "data-cimplify-user-button": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((v) => !v),
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-controls": menuId,
+        className: cn(
+          "inline-flex items-center gap-2 rounded-full border border-border bg-card p-1 pr-2.5",
+          "shadow-[0_1px_2px_rgba(16,24,40,0.06)] transition-colors cursor-pointer",
+          "hover:border-foreground/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+          hideName && "pr-1"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Avatar, { seed, name, size: 28 }),
+          !hideName && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[120px] truncate text-[13px] font-semibold text-foreground", children: session.name?.split(/\s+/)[0] || name }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              width: "13",
+              height: "13",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2.2",
+              "aria-hidden": true,
+              className: cn("text-foreground/45 transition-transform", open && "rotate-180"),
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        id: menuId,
+        role: "menu",
+        className: cn(
+          "absolute top-[calc(100%+8px)] z-50 w-[280px] max-w-[calc(100vw-1.5rem)] overflow-hidden",
+          "rounded-[14px] border border-border bg-card",
+          "shadow-[0_1px_2px_rgba(16,24,40,0.04),0_16px_40px_-16px_rgba(16,24,40,0.24)]",
+          align === "end" ? "right-0" : "left-0"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 border-b border-border/60 p-3.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Avatar, { seed, name, size: 40 }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[14px] font-semibold text-foreground", children: name }),
+              session.email && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[12px] text-foreground/55", children: session.email })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-1.5", children: [
+            links.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                role: "menuitem",
+                href: link.href,
+                target: link.external ? "_blank" : void 0,
+                rel: link.external ? "noreferrer" : void 0,
+                className: "flex items-center gap-3 rounded-[9px] px-3 py-2 text-[13.5px] text-foreground hover:bg-muted/50",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground/45", children: link.icon }),
+                  link.label,
+                  link.external && ExternalIcon
+                ]
+              },
+              link.href
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1.5 h-px bg-border/60" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                role: "menuitem",
+                href: identityUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                className: "flex items-center gap-3 rounded-[9px] px-3 py-2 text-[13.5px] text-foreground hover:bg-muted/50",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground/45", children: LinkIcon }),
+                  "Manage Cimplify identity",
+                  ExternalIcon
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "form",
+              {
+                method: "post",
+                action: signOutHref,
+                onSubmit: onSignOut ? () => onSignOut() : void 0,
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "submit",
+                    role: "menuitem",
+                    className: "flex w-full items-center gap-3 rounded-[9px] px-3 py-2 text-[13.5px] text-destructive hover:bg-destructive/10",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16 17 5-5-5-5M21 12H9" })
+                      ] }),
+                      "Sign out"
+                    ]
+                  }
+                )
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
 function Price({ amount, currency, className, prefix }) {
   const context = useOptionalCimplify();
   const resolvedCurrency = currency ?? context?.displayCurrency ?? "USD";
@@ -3384,9 +4053,9 @@ function createCachedQuery(config) {
     }
     const enabled = options.enabled ?? true;
     const locationId = client.getLocationId();
-    const previousLocationRef = React12.useRef(locationId);
-    const requestIdRef = React12.useRef(0);
-    const optionsRef = React12.useRef(options);
+    const previousLocationRef = React14.useRef(locationId);
+    const requestIdRef = React14.useRef(0);
+    const optionsRef = React14.useRef(options);
     optionsRef.current = options;
     if (config.locationSensitive && previousLocationRef.current !== locationId) {
       cache.clear();
@@ -3396,10 +4065,10 @@ function createCachedQuery(config) {
     sweep();
     const cacheKey2 = config.key(client, options);
     const cached = cache.get(cacheKey2);
-    const [data, setData] = React12.useState(cached?.data ?? null);
-    const [isLoading, setIsLoading] = React12.useState(enabled && !cached);
-    const [error, setError] = React12.useState(null);
-    const load = React12.useCallback(
+    const [data, setData] = React14.useState(cached?.data ?? null);
+    const [isLoading, setIsLoading] = React14.useState(enabled && !cached);
+    const [error, setError] = React14.useState(null);
+    const load = React14.useCallback(
       async (force = false) => {
         if (!enabled) {
           setIsLoading(false);
@@ -3442,10 +4111,10 @@ function createCachedQuery(config) {
       },
       [cacheKey2, client, enabled]
     );
-    React12.useEffect(() => {
+    React14.useEffect(() => {
       void load(false);
     }, [load]);
-    const refetch = React12.useCallback(async () => {
+    const refetch = React14.useCallback(async () => {
       cache.delete(cacheKey2);
       await load(true);
     }, [cacheKey2, load]);
@@ -3575,25 +4244,25 @@ function useOrder(orderId, options = {}) {
   if (!client) {
     throw new Error("useOrder must be used within CimplifyProvider or passed { client }.");
   }
-  const normalizedOrderId = React12.useMemo(() => (orderId || "").trim(), [orderId]);
+  const normalizedOrderId = React14.useMemo(() => (orderId || "").trim(), [orderId]);
   const enabled = options.enabled ?? true;
   const poll = options.poll ?? false;
   const pollInterval = options.pollInterval ?? 5e3;
-  const requestIdRef = React12.useRef(0);
-  const previousStatusRef = React12.useRef(null);
-  const onStatusChangeRef = React12.useRef(options.onStatusChange);
+  const requestIdRef = React14.useRef(0);
+  const previousStatusRef = React14.useRef(null);
+  const onStatusChangeRef = React14.useRef(options.onStatusChange);
   onStatusChangeRef.current = options.onStatusChange;
-  const cacheKey2 = React12.useMemo(
+  const cacheKey2 = React14.useMemo(
     () => buildOrderCacheKey(client, normalizedOrderId),
     [client, normalizedOrderId]
   );
   const cached = orderCache.get(cacheKey2);
-  const [order, setOrder] = React12.useState(cached?.order ?? null);
-  const [isLoading, setIsLoading] = React12.useState(
+  const [order, setOrder] = React14.useState(cached?.order ?? null);
+  const [isLoading, setIsLoading] = React14.useState(
     enabled && normalizedOrderId.length > 0 && !cached
   );
-  const [error, setError] = React12.useState(null);
-  const load = React12.useCallback(
+  const [error, setError] = React14.useState(null);
+  const load = React14.useCallback(
     async (force = false) => {
       if (!enabled || normalizedOrderId.length === 0) {
         setOrder(null);
@@ -3652,11 +4321,11 @@ function useOrder(orderId, options = {}) {
     },
     [cacheKey2, client, enabled, normalizedOrderId]
   );
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     void load(false);
   }, [load]);
   const isTerminal = order ? TERMINAL_STATUSES.has(order.status) : false;
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!poll || !enabled || normalizedOrderId.length === 0 || isTerminal) {
       return;
     }
@@ -3667,7 +4336,7 @@ function useOrder(orderId, options = {}) {
       window.clearInterval(timer);
     };
   }, [enabled, isTerminal, load, normalizedOrderId, poll, pollInterval]);
-  const refetch = React12.useCallback(async () => {
+  const refetch = React14.useCallback(async () => {
     orderCache.delete(cacheKey2);
     await load(true);
   }, [cacheKey2, load]);
@@ -3718,10 +4387,10 @@ function useLocations(options = {}) {
     };
   }
   const client = options.client;
-  const [locations, setLocations] = React12.useState([]);
-  const [currentLocation, setCurrentLocationState] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const setCurrentLocation = React12.useCallback(
+  const [locations, setLocations] = React14.useState([]);
+  const [currentLocation, setCurrentLocationState] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const setCurrentLocation = React14.useCallback(
     (location) => {
       setCurrentLocationState(location);
       if (client) {
@@ -3731,7 +4400,7 @@ function useLocations(options = {}) {
     },
     [client]
   );
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!client) {
       setLocations([]);
       setCurrentLocationState(null);
@@ -3835,14 +4504,14 @@ function useSearch(options = {}) {
   const minLength = Math.max(0, options.minLength ?? 2);
   const debounceMs = Math.max(0, options.debounceMs ?? 300);
   const limit = Math.max(1, options.limit ?? 20);
-  const [query, setQueryState] = React12.useState("");
-  const [results, setResults] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const requestIdRef = React12.useRef(0);
-  const timerRef = React12.useRef(null);
+  const [query, setQueryState] = React14.useState("");
+  const [results, setResults] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(false);
+  const [error, setError] = React14.useState(null);
+  const requestIdRef = React14.useRef(0);
+  const timerRef = React14.useRef(null);
   const tagsSignature = options.tags?.join(",") ?? "";
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
@@ -3897,10 +4566,10 @@ function useSearch(options = {}) {
       }
     };
   }, [client, debounceMs, limit, minLength, options.category, options.taxonomy, tagsSignature, options.featured, options.in_stock, options.min_price, options.max_price, options.sort_by, options.sort_order, query]);
-  const setQuery = React12.useCallback((nextQuery) => {
+  const setQuery = React14.useCallback((nextQuery) => {
     setQueryState(nextQuery);
   }, []);
-  const clear = React12.useCallback(() => {
+  const clear = React14.useCallback(() => {
     requestIdRef.current += 1;
     if (timerRef.current) {
       clearTimeout(timerRef.current);
@@ -3991,34 +4660,34 @@ function useQuote(input, options = {}) {
   const autoRefresh = options.autoRefresh ?? true;
   const refreshBeforeExpiryMs = Math.max(0, options.refreshBeforeExpiryMs ?? 3e4);
   const locationId = client.getLocationId();
-  const requestIdRef = React12.useRef(0);
-  const debounceTimerRef = React12.useRef(null);
+  const requestIdRef = React14.useRef(0);
+  const debounceTimerRef = React14.useRef(null);
   const inputSignature = buildQuoteInputSignature(input);
-  const normalizedInput = React12.useMemo(() => {
+  const normalizedInput = React14.useMemo(() => {
     if (!input) {
       return null;
     }
     const normalized = normalizeInput(input, locationId);
     return normalized.product_id.length > 0 ? normalized : null;
   }, [inputSignature, locationId]);
-  const cacheKey2 = React12.useMemo(
+  const cacheKey2 = React14.useMemo(
     () => buildQuoteCacheKey(client, locationId, inputSignature),
     [client, inputSignature, locationId]
   );
   const cached = quoteCache.get(cacheKey2);
-  const [quote, setQuote] = React12.useState(cached?.quote ?? null);
-  const [isLoading, setIsLoading] = React12.useState(enabled && normalizedInput !== null && !cached);
-  const [error, setError] = React12.useState(null);
-  const [isExpired, setIsExpired] = React12.useState(isQuoteExpired(cached?.quote ?? null));
-  const [messages, setMessages] = React12.useState(cached?.quote?.ui_messages ?? []);
-  const quoteExpiryTimestamp = React12.useMemo(() => {
+  const [quote, setQuote] = React14.useState(cached?.quote ?? null);
+  const [isLoading, setIsLoading] = React14.useState(enabled && normalizedInput !== null && !cached);
+  const [error, setError] = React14.useState(null);
+  const [isExpired, setIsExpired] = React14.useState(isQuoteExpired(cached?.quote ?? null));
+  const [messages, setMessages] = React14.useState(cached?.quote?.ui_messages ?? []);
+  const quoteExpiryTimestamp = React14.useMemo(() => {
     if (!quote?.expires_at) {
       return Number.NaN;
     }
     const expiresAt = Date.parse(quote.expires_at);
     return Number.isFinite(expiresAt) ? expiresAt : Number.NaN;
   }, [quote?.expires_at]);
-  const load = React12.useCallback(
+  const load = React14.useCallback(
     async (force = false) => {
       if (!enabled || !normalizedInput) {
         setQuote(null);
@@ -4078,7 +4747,7 @@ function useQuote(input, options = {}) {
     },
     [cacheKey2, client, enabled, normalizedInput]
   );
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (debounceTimerRef.current) {
       clearTimeout(debounceTimerRef.current);
     }
@@ -4097,7 +4766,7 @@ function useQuote(input, options = {}) {
       }
     };
   }, [load, cacheKey2, enabled, normalizedInput]);
-  const refresh = React12.useCallback(async () => {
+  const refresh = React14.useCallback(async () => {
     if (!enabled || !normalizedInput) {
       return;
     }
@@ -4134,7 +4803,7 @@ function useQuote(input, options = {}) {
       }
     }
   }, [cacheKey2, client, enabled, load, normalizedInput, quote]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!Number.isFinite(quoteExpiryTimestamp)) {
       setIsExpired(false);
       return;
@@ -4310,9 +4979,9 @@ function useValidateDiscount(options = {}) {
   if (!client) {
     throw new Error("useValidateDiscount must be used within CimplifyProvider or passed { client }.");
   }
-  const [isValidating, setIsValidating] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const validate = React12.useCallback(
+  const [isValidating, setIsValidating] = React14.useState(false);
+  const [error, setError] = React14.useState(null);
+  const validate = React14.useCallback(
     async (code, orderSubtotal, locationId) => {
       setError(null);
       setIsValidating(true);
@@ -4359,7 +5028,7 @@ function useProductPrice(input) {
     compositePrice,
     bundleTotalPrice
   } = input;
-  return React12.useMemo(() => {
+  return React14.useMemo(() => {
     let unitPrice;
     if (bundleTotalPrice != null) {
       unitPrice = bundleTotalPrice;
@@ -4408,10 +5077,10 @@ function useOrders(options = {}) {
 function useSubscriptions(options = {}) {
   const { client } = useCimplifyClient();
   const { status, enabled = true } = options;
-  const [subscriptions, setSubscriptions] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const fetch2 = React12.useCallback(async () => {
+  const [subscriptions, setSubscriptions] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(false);
+  const [error, setError] = React14.useState(null);
+  const fetch2 = React14.useCallback(async () => {
     if (!enabled) return;
     setIsLoading(true);
     setError(null);
@@ -4429,7 +5098,7 @@ function useSubscriptions(options = {}) {
       setIsLoading(false);
     }
   }, [client, enabled, status]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     void fetch2();
   }, [fetch2]);
   return { subscriptions, isLoading, error, refetch: fetch2 };
@@ -4438,10 +5107,10 @@ function useSubscription(id, options = {}) {
   const { client } = useCimplifyClient();
   const { enabled = true } = options;
   const normalizedId = (id || "").trim();
-  const [subscription, setSubscription] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const fetch2 = React12.useCallback(async () => {
+  const [subscription, setSubscription] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(false);
+  const [error, setError] = React14.useState(null);
+  const fetch2 = React14.useCallback(async () => {
     if (!enabled || !normalizedId) return;
     setIsLoading(true);
     setError(null);
@@ -4458,25 +5127,25 @@ function useSubscription(id, options = {}) {
       setIsLoading(false);
     }
   }, [client, enabled, normalizedId]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     void fetch2();
   }, [fetch2]);
-  const cancel = React12.useCallback(async (reason) => {
+  const cancel = React14.useCallback(async (reason) => {
     if (!normalizedId) return;
     await client.subscriptions.cancel(normalizedId, reason);
     void fetch2();
   }, [client, normalizedId, fetch2]);
-  const pause = React12.useCallback(async () => {
+  const pause = React14.useCallback(async () => {
     if (!normalizedId) return;
     await client.subscriptions.pause(normalizedId);
     void fetch2();
   }, [client, normalizedId, fetch2]);
-  const resume = React12.useCallback(async () => {
+  const resume = React14.useCallback(async () => {
     if (!normalizedId) return;
     await client.subscriptions.resume(normalizedId);
     void fetch2();
   }, [client, normalizedId, fetch2]);
-  const skipNext = React12.useCallback(async () => {
+  const skipNext = React14.useCallback(async () => {
     if (!normalizedId) return;
     await client.subscriptions.skipNextRenewal(normalizedId);
     void fetch2();
@@ -4580,7 +5249,7 @@ function useBookings(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
   const { data, isLoading, error, refetch } = bookingsQuery(options);
-  const cancelBooking = React12.useCallback(
+  const cancelBooking = React14.useCallback(
     async (bookingId, reason) => {
       if (!client) throw new Error("useBookings must be used within CimplifyProvider or passed { client }.");
       const result = await client.scheduling.cancelBooking({
@@ -4636,14 +5305,14 @@ function useBillingPlans(productId, options = {}) {
     throw new Error("useBillingPlans must be used within CimplifyProvider or passed { client }.");
   }
   const enabled = options.enabled ?? true;
-  const requestIdRef = React12.useRef(0);
-  const [plans, setPlans] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(enabled && !!productId);
-  const [error, setError] = React12.useState(null);
+  const requestIdRef = React14.useRef(0);
+  const [plans, setPlans] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(enabled && !!productId);
+  const [error, setError] = React14.useState(null);
   const customerId = options.customerId;
   const quantity = options.quantity;
   const orderValue = options.orderValue;
-  const load = React12.useCallback(
+  const load = React14.useCallback(
     async (force = false) => {
       if (!enabled || !productId) {
         setPlans([]);
@@ -4678,17 +5347,17 @@ function useBillingPlans(productId, options = {}) {
     },
     [client, enabled, productId, customerId, quantity, orderValue]
   );
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     void load(false);
   }, [load]);
-  const refetch = React12.useCallback(async () => {
+  const refetch = React14.useCallback(async () => {
     await load(true);
   }, [load]);
-  const subscriptionPlans = React12.useMemo(
+  const subscriptionPlans = React14.useMemo(
     () => plans.filter((p) => p.plan_type === "subscription"),
     [plans]
   );
-  const installmentPlans = React12.useMemo(
+  const installmentPlans = React14.useMemo(
     () => plans.filter((p) => p.plan_type === "installment"),
     [plans]
   );
@@ -4723,8 +5392,8 @@ function computeAvailableValues(variants, axes, selections) {
 }
 function useVariantSelector(options) {
   const { variants, axes } = options;
-  const [selectedValues, setSelectedValues] = React12.useState({});
-  const selectValue = React12.useCallback(
+  const [selectedValues, setSelectedValues] = React14.useState({});
+  const selectValue = React14.useCallback(
     (axisId, valueId) => {
       setSelectedValues((prev) => {
         if (prev[axisId] === valueId) {
@@ -4737,16 +5406,16 @@ function useVariantSelector(options) {
     },
     []
   );
-  const reset = React12.useCallback(() => setSelectedValues({}), []);
-  const selectedVariant = React12.useMemo(
+  const reset = React14.useCallback(() => setSelectedValues({}), []);
+  const selectedVariant = React14.useMemo(
     () => findMatchingVariant(variants, selectedValues),
     [variants, selectedValues]
   );
-  const variantImage = React12.useMemo(
+  const variantImage = React14.useMemo(
     () => selectedVariant?.images?.[0] ?? null,
     [selectedVariant]
   );
-  const availableValues = React12.useMemo(
+  const availableValues = React14.useMemo(
     () => computeAvailableValues(variants, axes, selectedValues),
     [variants, axes, selectedValues]
   );
@@ -4772,7 +5441,7 @@ function useActivityState(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
   const { data, isLoading, error, refetch } = activityStateQuery(options);
-  const dismissMessage = React12.useCallback(
+  const dismissMessage = React14.useCallback(
     async (code) => {
       if (!client) return;
       const result = await client.activity.dismissMessage(code);
@@ -4874,31 +5543,31 @@ var WS_PATH = "/api/v1/support/conversation/ws";
 function useChat(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
-  const [messages, setMessages] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [isSending, setIsSending] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const [conversationOpened, setConversationOpened] = React12.useState(false);
-  const pollRef = React12.useRef(null);
-  const lastActivityRef = React12.useRef(Date.now());
-  const openedRef = React12.useRef(false);
-  const messagesRef = React12.useRef([]);
-  const clientRef = React12.useRef(client);
-  const wsRef = React12.useRef(null);
-  const wsReconnectAttemptRef = React12.useRef(0);
-  const wsReconnectTimerRef = React12.useRef(null);
+  const [messages, setMessages] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(false);
+  const [isSending, setIsSending] = React14.useState(false);
+  const [error, setError] = React14.useState(null);
+  const [conversationOpened, setConversationOpened] = React14.useState(false);
+  const pollRef = React14.useRef(null);
+  const lastActivityRef = React14.useRef(Date.now());
+  const openedRef = React14.useRef(false);
+  const messagesRef = React14.useRef([]);
+  const clientRef = React14.useRef(client);
+  const wsRef = React14.useRef(null);
+  const wsReconnectAttemptRef = React14.useRef(0);
+  const wsReconnectTimerRef = React14.useRef(null);
   messagesRef.current = messages;
   clientRef.current = client;
   const pollInterval = options.pollInterval ?? POLL_INTERVAL_MS;
   const pollIdleInterval = options.pollIdleInterval ?? POLL_IDLE_INTERVAL_MS;
-  const appendMessages = React12.useCallback((incoming) => {
+  const appendMessages = React14.useCallback((incoming) => {
     setMessages((prev) => {
       const ids = new Set(prev.map((m) => m.id));
       const fresh = incoming.filter((m) => !ids.has(m.id));
       return fresh.length > 0 ? [...prev, ...fresh] : prev;
     });
   }, []);
-  const pollMessages = React12.useCallback(async () => {
+  const pollMessages = React14.useCallback(async () => {
     const c = clientRef.current;
     if (!c) return;
     if (Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS) return;
@@ -4911,18 +5580,18 @@ function useChat(options = {}) {
       appendMessages(result.value);
     }
   }, [appendMessages]);
-  const startPolling = React12.useCallback(() => {
+  const startPolling = React14.useCallback(() => {
     if (pollRef.current) clearInterval(pollRef.current);
     const interval = Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS ? pollIdleInterval : pollInterval;
     pollRef.current = setInterval(pollMessages, interval);
   }, [pollMessages, pollInterval, pollIdleInterval]);
-  const stopPolling = React12.useCallback(() => {
+  const stopPolling = React14.useCallback(() => {
     if (pollRef.current) {
       clearInterval(pollRef.current);
       pollRef.current = null;
     }
   }, []);
-  const connectWebSocket = React12.useCallback(() => {
+  const connectWebSocket = React14.useCallback(() => {
     const c = clientRef.current;
     if (!c || typeof WebSocket === "undefined") {
       startPolling();
@@ -4963,7 +5632,7 @@ function useChat(options = {}) {
     };
     wsRef.current = ws;
   }, [appendMessages, startPolling, stopPolling, pollMessages]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     return () => {
       if (pollRef.current) clearInterval(pollRef.current);
       if (wsReconnectTimerRef.current) clearTimeout(wsReconnectTimerRef.current);
@@ -4973,7 +5642,7 @@ function useChat(options = {}) {
       }
     };
   }, []);
-  const openConversation = React12.useCallback(async () => {
+  const openConversation = React14.useCallback(async () => {
     if (openedRef.current || !client) return;
     openedRef.current = true;
     setIsLoading(true);
@@ -4989,7 +5658,7 @@ function useChat(options = {}) {
     }
     setIsLoading(false);
   }, [client, connectWebSocket]);
-  const send = React12.useCallback(
+  const send = React14.useCallback(
     async (content) => {
       if (!client || !content.trim()) return;
       setError(null);
@@ -5023,7 +5692,7 @@ function useChat(options = {}) {
     },
     [client, openConversation]
   );
-  const startConversation = React12.useCallback(
+  const startConversation = React14.useCallback(
     async (starterText) => {
       await openConversation();
       if (starterText) {
@@ -5042,15 +5711,15 @@ function useChat(options = {}) {
     startConversation
   };
 }
-var ElementsContext = React12.createContext({
+var ElementsContext = React14.createContext({
   elements: null,
   isReady: false
 });
 function useElements() {
-  return React12.useContext(ElementsContext).elements;
+  return React14.useContext(ElementsContext).elements;
 }
 function useElementsReady() {
-  return React12.useContext(ElementsContext).isReady;
+  return React14.useContext(ElementsContext).isReady;
 }
 function ElementsProvider({
   client,
@@ -5058,10 +5727,10 @@ function ElementsProvider({
   options,
   children
 }) {
-  const [elements, setElements] = React12.useState(null);
-  const [isReady, setIsReady] = React12.useState(false);
-  const initialOptionsRef = React12.useRef(options);
-  React12.useEffect(() => {
+  const [elements, setElements] = React14.useState(null);
+  const [isReady, setIsReady] = React14.useState(false);
+  const initialOptionsRef = React14.useRef(options);
+  React14.useEffect(() => {
     let cancelled = false;
     let instance = null;
     setIsReady(false);
@@ -5101,28 +5770,28 @@ function AuthElement({
   onAuthenticated,
   onError
 }) {
-  const containerRef = React12.useRef(null);
-  const elementRef = React12.useRef(null);
+  const containerRef = React14.useRef(null);
+  const elementRef = React14.useRef(null);
   const elements = useElements();
-  const onReadyRef = React12.useRef(onReady);
-  const onAuthenticatedRef = React12.useRef(onAuthenticated);
-  const onErrorRef = React12.useRef(onError);
-  React12.useEffect(() => {
+  const onReadyRef = React14.useRef(onReady);
+  const onAuthenticatedRef = React14.useRef(onAuthenticated);
+  const onErrorRef = React14.useRef(onError);
+  React14.useEffect(() => {
     onReadyRef.current = onReady;
     onAuthenticatedRef.current = onAuthenticated;
     onErrorRef.current = onError;
   }, [onReady, onAuthenticated, onError]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunk3QSW33RG_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkWCSAZRNC_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunk3QSW33RG_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkWCSAZRNC_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunk3QSW33RG_js.EVENT_TYPES.AUTHENTICATED,
+      chunkWCSAZRNC_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunk3QSW33RG_js.EVENT_TYPES.ERROR,
+      chunkWCSAZRNC_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -5138,28 +5807,28 @@ function AddressElement({
   onChange,
   onError
 }) {
-  const containerRef = React12.useRef(null);
-  const elementRef = React12.useRef(null);
+  const containerRef = React14.useRef(null);
+  const elementRef = React14.useRef(null);
   const elements = useElements();
-  const onReadyRef = React12.useRef(onReady);
-  const onChangeRef = React12.useRef(onChange);
-  const onErrorRef = React12.useRef(onError);
-  React12.useEffect(() => {
+  const onReadyRef = React14.useRef(onReady);
+  const onChangeRef = React14.useRef(onChange);
+  const onErrorRef = React14.useRef(onError);
+  React14.useEffect(() => {
     onReadyRef.current = onReady;
     onChangeRef.current = onChange;
     onErrorRef.current = onError;
   }, [onReady, onChange, onError]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunk3QSW33RG_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkWCSAZRNC_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunk3QSW33RG_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkWCSAZRNC_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunk3QSW33RG_js.EVENT_TYPES.CHANGE,
+      chunkWCSAZRNC_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunk3QSW33RG_js.EVENT_TYPES.ERROR,
+      chunkWCSAZRNC_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -5176,28 +5845,28 @@ function PaymentElement({
   onChange,
   onError
 }) {
-  const containerRef = React12.useRef(null);
-  const elementRef = React12.useRef(null);
+  const containerRef = React14.useRef(null);
+  const elementRef = React14.useRef(null);
   const elements = useElements();
-  const onReadyRef = React12.useRef(onReady);
-  const onChangeRef = React12.useRef(onChange);
-  const onErrorRef = React12.useRef(onError);
-  React12.useEffect(() => {
+  const onReadyRef = React14.useRef(onReady);
+  const onChangeRef = React14.useRef(onChange);
+  const onErrorRef = React14.useRef(onError);
+  React14.useEffect(() => {
     onReadyRef.current = onReady;
     onChangeRef.current = onChange;
     onErrorRef.current = onError;
   }, [onReady, onChange, onError]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunk3QSW33RG_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkWCSAZRNC_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunk3QSW33RG_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkWCSAZRNC_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunk3QSW33RG_js.EVENT_TYPES.CHANGE,
+      chunkWCSAZRNC_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunk3QSW33RG_js.EVENT_TYPES.ERROR,
+      chunkWCSAZRNC_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -5207,8 +5876,8 @@ function PaymentElement({
 }
 function useCheckout() {
   const elements = useElements();
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const submit = React12.useCallback(
+  const [isLoading, setIsLoading] = React14.useState(false);
+  const submit = React14.useCallback(
     async (data) => {
       if (!elements) {
         return { success: false, error: { code: "NO_ELEMENTS", message: "Elements not initialized" } };
@@ -5222,7 +5891,7 @@ function useCheckout() {
     },
     [elements]
   );
-  const process = React12.useCallback(
+  const process = React14.useCallback(
     async (options) => {
       if (!elements) {
         return {
@@ -5316,13 +5985,13 @@ function VariantSelector({
   className,
   classNames
 }) {
-  const [axisSelections, setAxisSelections] = React12.useState({});
-  const initialized = React12.useRef(false);
-  const idPrefix = React12.useId();
-  React12.useEffect(() => {
+  const [axisSelections, setAxisSelections] = React14.useState({});
+  const initialized = React14.useRef(false);
+  const idPrefix = React14.useId();
+  React14.useEffect(() => {
     initialized.current = false;
   }, [variants]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (initialized.current) return;
     if (!variants || variants.length === 0) return;
     const defaultVariant = variants.find((v) => v.is_default) || variants[0];
@@ -5337,7 +6006,7 @@ function VariantSelector({
       setAxisSelections(initial);
     }
   }, [variants, onVariantChange]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!initialized.current) return;
     if (!variantAxes || variantAxes.length === 0) return;
     const match = variants.find((v) => {
@@ -5480,12 +6149,12 @@ function AddOnSelector({
   className,
   classNames
 }) {
-  const selectedSet = React12.useMemo(() => new Set(selectedOptions), [selectedOptions]);
-  const isOptionSelected = React12.useCallback(
+  const selectedSet = React14.useMemo(() => new Set(selectedOptions), [selectedOptions]);
+  const isOptionSelected = React14.useCallback(
     (optionId) => selectedSet.has(optionId),
     [selectedSet]
   );
-  const handleCheckedChange = React12.useCallback(
+  const handleCheckedChange = React14.useCallback(
     (addOn, optionId, checked) => {
       const isSelected = selectedSet.has(optionId);
       if (addOn.is_mutually_exclusive || !addOn.is_multiple_allowed) {
@@ -5661,9 +6330,9 @@ function BundleSelector({
   className,
   classNames
 }) {
-  const [variantChoices, setVariantChoices] = React12.useState({});
-  const lastComponentIds = React12.useRef("");
-  React12.useEffect(() => {
+  const [variantChoices, setVariantChoices] = React14.useState({});
+  const lastComponentIds = React14.useRef("");
+  React14.useEffect(() => {
     const ids = components.map((c) => c.id).sort().join();
     if (ids === lastComponentIds.current) return;
     lastComponentIds.current = ids;
@@ -5680,20 +6349,20 @@ function BundleSelector({
     }
     setVariantChoices(defaults);
   }, [components]);
-  const selections = React12.useMemo(() => {
+  const selections = React14.useMemo(() => {
     return components.map((comp) => ({
       component_id: comp.id,
       variant_id: variantChoices[comp.id],
       quantity: comp.quantity
     }));
   }, [components, variantChoices]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     onSelectionsChange(selections);
   }, [selections, onSelectionsChange]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     onReady?.(components.length > 0 && selections.length > 0);
   }, [components, selections, onReady]);
-  const totalPrice = React12.useMemo(() => {
+  const totalPrice = React14.useMemo(() => {
     if (pricingType === "fixed" && bundlePrice) {
       return chunk7Y2O3E4D_js.parsePrice(bundlePrice);
     }
@@ -5708,10 +6377,10 @@ function BundleSelector({
     }
     return componentsTotal;
   }, [components, variantChoices, pricingType, bundlePrice, discountValue]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     onPriceChange?.(totalPrice);
   }, [totalPrice, onPriceChange]);
-  const handleVariantChange = React12.useCallback(
+  const handleVariantChange = React14.useCallback(
     (componentId, variantId) => {
       setVariantChoices((prev) => ({ ...prev, [componentId]: variantId }));
     },
@@ -5792,9 +6461,9 @@ function BundleComponentCard({
   onVariantChange,
   classNames
 }) {
-  const idPrefix = React12.useId();
+  const idPrefix = React14.useId();
   const showVariantPicker = component.allow_variant_choice && component.available_variants.length > 1;
-  const displayPrice = React12.useMemo(
+  const displayPrice = React14.useMemo(
     () => getComponentPrice(component, selectedVariantId),
     [component, selectedVariantId]
   );
@@ -5942,11 +6611,11 @@ function CompositeSelector({
   classNames
 }) {
   const { client } = useCimplifyClient();
-  const [groupSelections, setGroupSelections] = React12.useState({});
-  const [priceResult, setPriceResult] = React12.useState(null);
-  const [isPriceLoading, setIsPriceLoading] = React12.useState(false);
-  const [priceError, setPriceError] = React12.useState(false);
-  const selections = React12.useMemo(() => {
+  const [groupSelections, setGroupSelections] = React14.useState({});
+  const [priceResult, setPriceResult] = React14.useState(null);
+  const [isPriceLoading, setIsPriceLoading] = React14.useState(false);
+  const [priceError, setPriceError] = React14.useState(false);
+  const selections = React14.useMemo(() => {
     const result = [];
     for (const groupSels of Object.values(groupSelections)) {
       for (const [componentId, qty] of Object.entries(groupSels)) {
@@ -5957,13 +6626,13 @@ function CompositeSelector({
     }
     return result;
   }, [groupSelections]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     onSelectionsChange(selections);
   }, [selections, onSelectionsChange]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     onPriceChange?.(priceResult);
   }, [priceResult, onPriceChange]);
-  const allGroupsSatisfied = React12.useMemo(() => {
+  const allGroupsSatisfied = React14.useMemo(() => {
     for (const group of groups) {
       const groupSels = groupSelections[group.id] || {};
       const totalSelected = Object.values(groupSels).reduce((sum, q) => sum + q, 0);
@@ -5971,17 +6640,17 @@ function CompositeSelector({
     }
     return true;
   }, [groups, groupSelections]);
-  const sortedGroups = React12.useMemo(
+  const sortedGroups = React14.useMemo(
     () => [...groups].sort((a, b) => a.display_order - b.display_order).map((group) => ({
       ...group,
       _sortedComponents: group.components.filter((component) => component.is_available && !component.is_archived).sort((a, b) => a.display_order - b.display_order)
     })),
     [groups]
   );
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     onReady?.(allGroupsSatisfied);
   }, [allGroupsSatisfied, onReady]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (skipPriceFetch || !allGroupsSatisfied || selections.length === 0) return;
     let cancelled = false;
     const timer = setTimeout(() => {
@@ -6008,7 +6677,7 @@ function CompositeSelector({
       clearTimeout(timer);
     };
   }, [selections, allGroupsSatisfied, compositeId, client, skipPriceFetch]);
-  const toggleComponent = React12.useCallback(
+  const toggleComponent = React14.useCallback(
     (group, component) => {
       setGroupSelections((prev) => {
         const groupSels = { ...prev[group.id] || {} };
@@ -6036,7 +6705,7 @@ function CompositeSelector({
     },
     []
   );
-  const updateQuantity = React12.useCallback(
+  const updateQuantity = React14.useCallback(
     (group, componentId, newValue) => {
       setGroupSelections((prev) => {
         const groupSels = { ...prev[group.id] || {} };
@@ -6615,7 +7284,7 @@ function DatePicker({
   classNames,
   "aria-label": ariaLabel
 }) {
-  const [open, setOpen] = React12.useState(false);
+  const [open, setOpen] = React14.useState(false);
   const selected = parseValue(value);
   const disabledMatchers = [];
   if (minDate) disabledMatchers.push({ before: minDate });
@@ -6769,9 +7438,9 @@ function TimePicker({
   classNames,
   "aria-label": ariaLabel
 }) {
-  const [open, setOpen] = React12.useState(false);
+  const [open, setOpen] = React14.useState(false);
   const parsed = parseHHmm(value);
-  const options = React12.useMemo(
+  const options = React14.useMemo(
     () => buildOptions(minTime, maxTime, stepMinutes),
     [minTime, maxTime, stepMinutes]
   );
@@ -6860,13 +7529,13 @@ function CustomerInputFields({
   const clientContext = useOptionalCimplifyClient();
   if (fields.length === 0) return null;
   const sorted = [...fields].sort((a, b) => a.display_order - b.display_order);
-  const setValue = React12.useCallback(
+  const setValue = React14.useCallback(
     (fieldId, value) => {
       onChange({ ...values, [fieldId]: value });
     },
     [values, onChange]
   );
-  const defaultFileUpload = React12.useCallback(
+  const defaultFileUpload = React14.useCallback(
     async (file) => {
       if (onFileUpload) return onFileUpload(file, {});
       if (!clientContext?.client) throw new Error("No upload provider available");
@@ -7201,7 +7870,7 @@ function FileUploadInput({
   onFileUpload,
   classNames
 }) {
-  const [isUploading, setIsUploading] = React12__default.default.useState(false);
+  const [isUploading, setIsUploading] = React14__default.default.useState(false);
   const fileUrl = typeof value === "string" ? value : void 0;
   const acceptedFormats = field.validation?.accepted_formats;
   const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkIQLJJW2H_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
@@ -7351,22 +8020,22 @@ function AddressInput({
 }) {
   const clientContext = useOptionalCimplifyClient();
   const addr = value && typeof value === "object" ? value : null;
-  const [inputText, setInputText] = React12__default.default.useState(addr?.formatted_address ?? "");
-  const [suggestions, setSuggestions] = React12__default.default.useState([]);
-  const [isOpen, setIsOpen] = React12__default.default.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React12__default.default.useState(-1);
-  const debounceRef = React12__default.default.useRef(null);
-  const seqRef = React12__default.default.useRef(0);
-  const sessionTokenRef = React12__default.default.useRef(createSessionToken());
-  const blurTimeoutRef = React12__default.default.useRef(null);
-  React12__default.default.useEffect(() => {
+  const [inputText, setInputText] = React14__default.default.useState(addr?.formatted_address ?? "");
+  const [suggestions, setSuggestions] = React14__default.default.useState([]);
+  const [isOpen, setIsOpen] = React14__default.default.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React14__default.default.useState(-1);
+  const debounceRef = React14__default.default.useRef(null);
+  const seqRef = React14__default.default.useRef(0);
+  const sessionTokenRef = React14__default.default.useRef(createSessionToken());
+  const blurTimeoutRef = React14__default.default.useRef(null);
+  React14__default.default.useEffect(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
       if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
       seqRef.current += 1;
     };
   }, []);
-  const fetchSuggestions = React12__default.default.useCallback(async (query) => {
+  const fetchSuggestions = React14__default.default.useCallback(async (query) => {
     const client = clientContext?.client;
     if (!client || query.length < 3) {
       setSuggestions([]);
@@ -7390,7 +8059,7 @@ function AddressInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
   };
-  const selectSuggestion = React12__default.default.useCallback(async (suggestion) => {
+  const selectSuggestion = React14__default.default.useCallback(async (suggestion) => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
     const fallback = suggestion.description.split(",")[0]?.trim() || suggestion.description;
@@ -7493,22 +8162,22 @@ function LocationInput({
 }) {
   const clientContext = useOptionalCimplifyClient();
   const loc = value && typeof value === "object" ? value : null;
-  const [inputText, setInputText] = React12__default.default.useState(loc?.label ?? "");
-  const [suggestions, setSuggestions] = React12__default.default.useState([]);
-  const [isOpen, setIsOpen] = React12__default.default.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React12__default.default.useState(-1);
-  const debounceRef = React12__default.default.useRef(null);
-  const seqRef = React12__default.default.useRef(0);
-  const sessionTokenRef = React12__default.default.useRef(createSessionToken());
-  const blurTimeoutRef = React12__default.default.useRef(null);
-  React12__default.default.useEffect(() => {
+  const [inputText, setInputText] = React14__default.default.useState(loc?.label ?? "");
+  const [suggestions, setSuggestions] = React14__default.default.useState([]);
+  const [isOpen, setIsOpen] = React14__default.default.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React14__default.default.useState(-1);
+  const debounceRef = React14__default.default.useRef(null);
+  const seqRef = React14__default.default.useRef(0);
+  const sessionTokenRef = React14__default.default.useRef(createSessionToken());
+  const blurTimeoutRef = React14__default.default.useRef(null);
+  React14__default.default.useEffect(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
       if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
       seqRef.current += 1;
     };
   }, []);
-  const fetchSuggestions = React12__default.default.useCallback(async (query) => {
+  const fetchSuggestions = React14__default.default.useCallback(async (query) => {
     const client = clientContext?.client;
     if (!client || query.length < 3) {
       setSuggestions([]);
@@ -7532,7 +8201,7 @@ function LocationInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
   };
-  const selectSuggestion = React12__default.default.useCallback(async (suggestion) => {
+  const selectSuggestion = React14__default.default.useCallback(async (suggestion) => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
     const label = suggestion.description.split(",")[0]?.trim() || suggestion.description;
@@ -7621,8 +8290,8 @@ function PhoneInput({
   inputClass
 }) {
   const phone = value && typeof value === "object" ? value : null;
-  const [code, setCode] = React12__default.default.useState(phone?.country_code ?? "+1");
-  const [number, setNumber] = React12__default.default.useState(phone?.number ?? "");
+  const [code, setCode] = React14__default.default.useState(phone?.country_code ?? "+1");
+  const [number, setNumber] = React14__default.default.useState(phone?.number ?? "");
   const update = (nextCode, nextNumber) => {
     setCode(nextCode);
     setNumber(nextNumber);
@@ -7667,8 +8336,8 @@ function SignatureInput({
   classNames
 }) {
   const sig = value && typeof value === "object" ? value : null;
-  const canvasRef = React12__default.default.useRef(null);
-  const isDrawing = React12__default.default.useRef(false);
+  const canvasRef = React14__default.default.useRef(null);
+  const isDrawing = React14__default.default.useRef(false);
   const getCtx = () => canvasRef.current?.getContext("2d") ?? null;
   const startDraw = (e) => {
     const ctx = getCtx();
@@ -7844,7 +8513,7 @@ function SlotPicker({
     }
   );
   const rawSlots = slotsProp ?? fetched;
-  const slots = React12.useMemo(() => {
+  const slots = React14.useMemo(() => {
     if (!hideElapsedSlots) return rawSlots;
     const cutoff = Date.now() + minLeadMinutes * 6e4;
     return rawSlots.filter((slot) => {
@@ -7982,9 +8651,9 @@ function DateSlotPicker({
   className,
   classNames
 }) {
-  const [offset, setOffset] = React12.useState(0);
-  const [selectedDate, setSelectedDate] = React12.useState(toDateString(/* @__PURE__ */ new Date()));
-  const dateRange = React12.useMemo(() => {
+  const [offset, setOffset] = React14.useState(0);
+  const [selectedDate, setSelectedDate] = React14.useState(toDateString(/* @__PURE__ */ new Date()));
+  const dateRange = React14.useMemo(() => {
     const today = /* @__PURE__ */ new Date();
     const start = addDays(today, offset);
     const dates = [];
@@ -8007,25 +8676,25 @@ function DateSlotPicker({
     }
   );
   const days = availabilityProp ?? fetchedDays;
-  const availabilityMap = React12.useMemo(() => {
+  const availabilityMap = React14.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const day of days) {
       map.set(day.date, day);
     }
     return map;
   }, [days]);
-  const handlePrev = React12.useCallback(() => {
+  const handlePrev = React14.useCallback(() => {
     setOffset((prev) => Math.max(0, prev - daysToShow));
   }, [daysToShow]);
-  const handleNext = React12.useCallback(() => {
+  const handleNext = React14.useCallback(() => {
     setOffset((prev) => prev + daysToShow);
   }, [daysToShow]);
-  const handleDateChange = React12.useCallback((value) => {
+  const handleDateChange = React14.useCallback((value) => {
     if (typeof value === "string") {
       setSelectedDate(value);
     }
   }, []);
-  const handleSlotSelect = React12.useCallback(
+  const handleSlotSelect = React14.useCallback(
     (slot) => {
       onSlotSelect?.(slot, selectedDate);
     },
@@ -8141,22 +8810,22 @@ function ProductCustomizer({
   className,
   classNames
 }) {
-  const [quantity, setQuantity] = React12.useState(product.min_order_quantity ?? 1);
-  const [isAdded, setIsAdded] = React12.useState(false);
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
-  const [selectedVariantId, setSelectedVariantId] = React12.useState();
-  const [selectedVariant, setSelectedVariant] = React12.useState();
-  const [selectedAddOnOptionIds, setSelectedAddOnOptionIds] = React12.useState([]);
-  const [compositeSelections, setCompositeSelections] = React12.useState([]);
-  const [compositePrice, setCompositePrice] = React12.useState(null);
-  const [compositeReady, setCompositeReady] = React12.useState(false);
-  const [bundleSelections, setBundleSelections] = React12.useState([]);
-  const [bundleTotalPrice, setBundleTotalPrice] = React12.useState(null);
-  const [bundleReady, setBundleReady] = React12.useState(false);
-  const [selectedBillingPlan, setSelectedBillingPlan] = React12.useState(null);
-  const [customerInputValues, setCustomerInputValues] = React12.useState({});
-  const [specialInstructions, setSpecialInstructions] = React12.useState("");
-  const [selectedSlot, setSelectedSlot] = React12.useState(null);
+  const [quantity, setQuantity] = React14.useState(product.min_order_quantity ?? 1);
+  const [isAdded, setIsAdded] = React14.useState(false);
+  const [isSubmitting, setIsSubmitting] = React14.useState(false);
+  const [selectedVariantId, setSelectedVariantId] = React14.useState();
+  const [selectedVariant, setSelectedVariant] = React14.useState();
+  const [selectedAddOnOptionIds, setSelectedAddOnOptionIds] = React14.useState([]);
+  const [compositeSelections, setCompositeSelections] = React14.useState([]);
+  const [compositePrice, setCompositePrice] = React14.useState(null);
+  const [compositeReady, setCompositeReady] = React14.useState(false);
+  const [bundleSelections, setBundleSelections] = React14.useState([]);
+  const [bundleTotalPrice, setBundleTotalPrice] = React14.useState(null);
+  const [bundleReady, setBundleReady] = React14.useState(false);
+  const [selectedBillingPlan, setSelectedBillingPlan] = React14.useState(null);
+  const [customerInputValues, setCustomerInputValues] = React14.useState({});
+  const [specialInstructions, setSpecialInstructions] = React14.useState("");
+  const [selectedSlot, setSelectedSlot] = React14.useState(null);
   const cart = useCart();
   const productType = product.type || "product";
   const isComposite = productType === "composite";
@@ -8166,7 +8835,7 @@ function ProductCustomizer({
   const isStandard = !isComposite && !isBundle;
   const hasVariants = isStandard && product.variants && product.variants.length > 0;
   const hasAddOns = isStandard && product.add_ons && product.add_ons.length > 0;
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     setQuantity(product.min_order_quantity ?? 1);
     setIsAdded(false);
     setIsSubmitting(false);
@@ -8184,7 +8853,7 @@ function ProductCustomizer({
     setSpecialInstructions("");
     setSelectedSlot(null);
   }, [product.id, product.min_order_quantity]);
-  const selectedAddOnOptions = React12.useMemo(() => {
+  const selectedAddOnOptions = React14.useMemo(() => {
     if (!product.add_ons) return [];
     const options = [];
     for (const addOn of product.add_ons) {
@@ -8196,11 +8865,11 @@ function ProductCustomizer({
     }
     return options;
   }, [product.add_ons, selectedAddOnOptionIds]);
-  const normalizedAddOnOptionIds = React12.useMemo(() => {
+  const normalizedAddOnOptionIds = React14.useMemo(() => {
     if (selectedAddOnOptionIds.length === 0) return [];
     return Array.from(new Set(selectedAddOnOptionIds.map((id) => id.trim()).filter(Boolean))).sort();
   }, [selectedAddOnOptionIds]);
-  const localTotalPrice = React12.useMemo(() => {
+  const localTotalPrice = React14.useMemo(() => {
     if (isComposite && compositePrice) {
       return chunk7Y2O3E4D_js.parsePrice(compositePrice.final_price) * quantity;
     }
@@ -8218,7 +8887,7 @@ function ProductCustomizer({
     }
     return price * quantity;
   }, [product.default_price, selectedVariant, selectedAddOnOptions, quantity, isComposite, compositePrice, isBundle, bundleTotalPrice]);
-  const requiredAddOnsSatisfied = React12.useMemo(() => {
+  const requiredAddOnsSatisfied = React14.useMemo(() => {
     if (!product.add_ons) return true;
     for (const addOn of product.add_ons) {
       if (addOn.is_required) {
@@ -8233,7 +8902,7 @@ function ProductCustomizer({
     }
     return true;
   }, [product.add_ons, selectedAddOnOptionIds]);
-  const quoteInput = React12.useMemo(
+  const quoteInput = React14.useMemo(
     () => ({
       productId: product.id,
       quantity,
@@ -8244,7 +8913,7 @@ function ProductCustomizer({
     }),
     [product.id, quantity, selectedVariantId, normalizedAddOnOptionIds, isBundle, bundleSelections, isComposite, compositeSelections]
   );
-  const requiredInputsSatisfied = React12.useMemo(() => {
+  const requiredInputsSatisfied = React14.useMemo(() => {
     if (!product.input_fields || product.input_fields.length === 0) return true;
     return product.input_fields.every((field) => {
       if (!field.is_required) return true;
@@ -8257,7 +8926,7 @@ function ProductCustomizer({
     enabled: quoteEnabled
   });
   const quoteId = quote?.quote_id;
-  const quotedTotalPrice = React12.useMemo(() => {
+  const quotedTotalPrice = React14.useMemo(() => {
     if (!quote) return void 0;
     const priceInfo = quote.quoted_total_price_info ?? quote.final_price_info;
     const perUnit = priceInfo.pre_tax_price;
@@ -8265,7 +8934,7 @@ function ProductCustomizer({
     return chunk7Y2O3E4D_js.parsePrice(perUnit) * quantity;
   }, [quote, quantity]);
   const displayTotalPrice = quotedTotalPrice ?? localTotalPrice;
-  const handleVariantChange = React12.useCallback(
+  const handleVariantChange = React14.useCallback(
     (variantId, variant) => {
       setSelectedVariantId(variantId);
       setSelectedVariant(variant);
@@ -8273,9 +8942,9 @@ function ProductCustomizer({
     },
     [onVariantChange]
   );
-  const addedTimerRef = React12.useRef(void 0);
-  React12.useEffect(() => () => clearTimeout(addedTimerRef.current), []);
-  const handleAddToCart = React12.useCallback(async () => {
+  const addedTimerRef = React14.useRef(void 0);
+  React14.useEffect(() => () => clearTimeout(addedTimerRef.current), []);
+  const handleAddToCart = React14.useCallback(async () => {
     if (isSubmitting) return;
     setIsSubmitting(true);
     const options = {
@@ -8500,14 +9169,14 @@ function ProductImageGallery({
   aspectRatio = "4/3",
   className
 }) {
-  const normalizedImages = React12.useMemo(
+  const normalizedImages = React14.useMemo(
     () => images.filter(
       (image) => typeof image === "string" && image.trim().length > 0
     ),
     [images]
   );
-  const [selectedImage, setSelectedImage] = React12.useState(0);
-  React12.useEffect(() => {
+  const [selectedImage, setSelectedImage] = React14.useState(0);
+  React14.useEffect(() => {
     setSelectedImage(0);
   }, [normalizedImages.length, productName]);
   if (normalizedImages.length === 0) {
@@ -8590,9 +9259,9 @@ function StoreVideo({
   lazy = true,
   className
 }) {
-  const ref = React12.useRef(null);
-  const [inView, setInView] = React12.useState(!lazy);
-  React12.useEffect(() => {
+  const ref = React14.useRef(null);
+  const [inView, setInView] = React14.useState(!lazy);
+  React14.useEffect(() => {
     if (!lazy || inView) return;
     const node = ref.current;
     if (!node || typeof IntersectionObserver === "undefined") {
@@ -8680,8 +9349,8 @@ function ProductModel3D({
   cameraControls = true,
   className
 }) {
-  const [ready, setReady] = React12.useState(false);
-  React12.useEffect(() => {
+  const [ready, setReady] = React14.useState(false);
+  React14.useEffect(() => {
     let cancelled = false;
     ensureModelViewer().then(
       () => {
@@ -8700,7 +9369,7 @@ function ProductModel3D({
       "data-cimplify-product-model-3d": true,
       className,
       style: { position: "relative", overflow: "hidden", ...ASPECT_STYLES3[aspectRatio] },
-      children: ready ? React12__default.default.createElement("model-viewer", {
+      children: ready ? React14__default.default.createElement("model-viewer", {
         src,
         "ios-src": iosSrc,
         alt,
@@ -8711,12 +9380,12 @@ function ProductModel3D({
         "auto-rotate": autoRotate || void 0,
         "shadow-intensity": "1",
         style: { width: "100%", height: "100%", backgroundColor: "transparent" }
-      }) : poster ? React12__default.default.createElement("img", {
+      }) : poster ? React14__default.default.createElement("img", {
         src: poster,
         alt: alt ?? "",
         "data-cimplify-product-model-3d-loading": true,
         style: { width: "100%", height: "100%", objectFit: "cover" }
-      }) : React12__default.default.createElement("div", {
+      }) : React14__default.default.createElement("div", {
         "data-cimplify-product-model-3d-loading": true,
         style: { width: "100%", height: "100%", backgroundColor: "var(--muted, #f3f4f6)" }
       })
@@ -8744,12 +9413,12 @@ function MediaGallery({
   aspectRatio = "4/3",
   className
 }) {
-  const validItems = React12.useMemo(
+  const validItems = React14.useMemo(
     () => items.filter((i) => typeof i.src === "string" && i.src.trim().length > 0),
     [items]
   );
-  const [selected, setSelected] = React12.useState(0);
-  React12.useEffect(() => {
+  const [selected, setSelected] = React14.useState(0);
+  React14.useEffect(() => {
     setSelected(0);
   }, [validItems.length, productName]);
   if (validItems.length === 0) return null;
@@ -9377,7 +10046,7 @@ var RICH_TEXT_PROSE = cn(
   "[&_iframe]:my-4 [&_iframe]:aspect-video [&_iframe]:w-full [&_iframe]:rounded-md"
 );
 function RichText({ html, className, ...rest }) {
-  const clean = React12.useMemo(() => html ? sanitizeRichTextHtml(html) : "", [html]);
+  const clean = React14.useMemo(() => html ? sanitizeRichTextHtml(html) : "", [html]);
   if (!clean) {
     return null;
   }
@@ -9473,7 +10142,7 @@ function ProductSheet({
       }
     );
   }
-  const [selectedVariant, setSelectedVariant] = React12.useState(
+  const [selectedVariant, setSelectedVariant] = React14.useState(
     void 0
   );
   const variantImages = selectedVariant?.images?.filter(Boolean) ?? [];
@@ -10498,22 +11167,22 @@ function ProductCard({
   classNames
 }) {
   const mode = displayMode ?? product.display_mode ?? "card";
-  const [isOpen, setIsOpen] = React12.useState(false);
-  const [shouldFetch, setShouldFetch] = React12.useState(false);
+  const [isOpen, setIsOpen] = React14.useState(false);
+  const [shouldFetch, setShouldFetch] = React14.useState(false);
   const { product: productDetails } = useProduct(
     product.slug ?? product.id,
     { enabled: shouldFetch || isOpen }
   );
-  const handlePrefetch = React12.useCallback(() => {
+  const handlePrefetch = React14.useCallback(() => {
     setShouldFetch(true);
   }, []);
-  const handleOpenChange = React12.useCallback((open) => {
+  const handleOpenChange = React14.useCallback((open) => {
     setIsOpen(open);
     if (open) {
       setShouldFetch(true);
     }
   }, []);
-  const handleClose = React12.useCallback(() => {
+  const handleClose = React14.useCallback(() => {
     setIsOpen(false);
   }, []);
   const imageUrl = product.image_url || product.images?.[0];
@@ -10643,13 +11312,13 @@ function ProductGrid({
   className,
   classNames
 }) {
-  const rawId = React12__default.default.useId();
+  const rawId = React14__default.default.useId();
   const gridId = `cimplify-grid-${rawId.replace(/:/g, "")}`;
   const sm = columns?.sm ?? 1;
   const md = columns?.md ?? 2;
   const lg = columns?.lg ?? 3;
   const xl = columns?.xl ?? 4;
-  const css = React12__default.default.useMemo(
+  const css = React14__default.default.useMemo(
     () => [
       `#${gridId}{display:grid;grid-template-columns:repeat(${sm},1fr);gap:1rem}`,
       `@media(min-width:768px){#${gridId}{grid-template-columns:repeat(${md},1fr)}}`,
@@ -10727,12 +11396,12 @@ function SearchInput({
   className,
   classNames
 }) {
-  const mergedOptions = React12.useMemo(
+  const mergedOptions = React14.useMemo(
     () => categoryId ? { ...searchOptions, category: categoryId } : searchOptions ?? {},
     [searchOptions, categoryId]
   );
   const { results, isLoading, query, setQuery, clear } = useSearch(mergedOptions);
-  const handleValueChange = React12.useCallback(
+  const handleValueChange = React14.useCallback(
     (value) => {
       setQuery(value);
     },
@@ -10831,7 +11500,7 @@ function CategoryFilter({
   classNames
 }) {
   const { categories, isLoading } = useCategories();
-  const handleValueChange = React12.useCallback(
+  const handleValueChange = React14.useCallback(
     (value) => {
       onSelect(value === ALL_VALUE ? null : String(value));
     },
@@ -10898,10 +11567,10 @@ function DiscountInput({
   className,
   classNames
 }) {
-  const [code, setCode] = React12.useState("");
-  const [appliedValidation, setAppliedValidation] = React12.useState(null);
+  const [code, setCode] = React14.useState("");
+  const [appliedValidation, setAppliedValidation] = React14.useState(null);
   const { validate, isValidating, error } = useValidateDiscount();
-  const handleApply = React12.useCallback(async () => {
+  const handleApply = React14.useCallback(async () => {
     const trimmed = code.trim();
     if (!trimmed) return;
     const result = await validate(trimmed, orderSubtotal, locationId);
@@ -10914,12 +11583,12 @@ function DiscountInput({
       }
     }
   }, [code, validate, orderSubtotal, locationId, onApply]);
-  const handleClear = React12.useCallback(() => {
+  const handleClear = React14.useCallback(() => {
     setCode("");
     setAppliedValidation(null);
     onClear?.();
   }, [onClear]);
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React14.useCallback(
     (e) => {
       if (e.key === "Enter") {
         void handleApply();
@@ -11010,7 +11679,7 @@ function CategoryGrid({
     enabled: categoriesProp === void 0
   });
   const categories = categoriesProp ?? fetched;
-  const rawId = React12__default.default.useId();
+  const rawId = React14__default.default.useId();
   const gridId = `cimplify-cat-grid-${rawId.replace(/:/g, "")}`;
   const sm = columns?.sm ?? 2;
   const md = columns?.md ?? 3;
@@ -11236,7 +11905,7 @@ function OrderSummary({
       /* @__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(React12__default.default.Fragment, { children: renderLineItem(item) }, item.id) : /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-line-item": true, className: classNames?.lineItem, children: [
+      (item) => renderLineItem ? /* @__PURE__ */ jsxRuntime.jsx(React14__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: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-order-line-qty": true, children: [
             item.quantity,
@@ -11894,13 +12563,13 @@ function BookingPage({
   const { addItem } = useCart();
   const { client } = useCimplifyClient();
   const isReschedule = existingBooking !== void 0;
-  const [step, setStep] = React12.useState(STEP.SELECT_SLOT);
-  const [selectedSlot, setSelectedSlot] = React12.useState(null);
-  const [selectedDate, setSelectedDate] = React12.useState(null);
-  const [selectedStaffId, setSelectedStaffId] = React12.useState(null);
-  const [selectedResourceId, setSelectedResourceId] = React12.useState(null);
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
+  const [step, setStep] = React14.useState(STEP.SELECT_SLOT);
+  const [selectedSlot, setSelectedSlot] = React14.useState(null);
+  const [selectedDate, setSelectedDate] = React14.useState(null);
+  const [selectedStaffId, setSelectedStaffId] = React14.useState(null);
+  const [selectedResourceId, setSelectedResourceId] = React14.useState(null);
+  const [isSubmitting, setIsSubmitting] = React14.useState(false);
+  const [error, setError] = React14.useState(null);
   const hasResourceStep = resources && resources.length > 0;
   const hasStaffStep = staff && staff.length > 0;
   const depositType = product?.deposit_type;
@@ -11908,7 +12577,7 @@ function BookingPage({
   const hasDeposit = depositType !== void 0 && depositType !== "none" && depositAmount !== void 0 && chunk7Y2O3E4D_js.parsePrice(depositAmount) !== 0;
   const cancellationMinutes = product?.cancellation_window_minutes;
   const noShowFee = product?.no_show_fee;
-  const handleSlotSelect = React12.useCallback(
+  const handleSlotSelect = React14.useCallback(
     (slot, date) => {
       setSelectedSlot(slot);
       setSelectedDate(date);
@@ -11923,7 +12592,7 @@ function BookingPage({
     },
     [hasResourceStep, hasStaffStep]
   );
-  const handleResourceSelect = React12.useCallback(
+  const handleResourceSelect = React14.useCallback(
     (resourceId) => {
       setSelectedResourceId(resourceId);
       if (hasStaffStep) {
@@ -11934,11 +12603,11 @@ function BookingPage({
     },
     [hasStaffStep]
   );
-  const handleStaffSelect = React12.useCallback((staffId) => {
+  const handleStaffSelect = React14.useCallback((staffId) => {
     setSelectedStaffId(staffId);
     setStep(STEP.CONFIRM);
   }, []);
-  const handleBack = React12.useCallback(() => {
+  const handleBack = React14.useCallback(() => {
     setError(null);
     if (step === STEP.CONFIRM && hasStaffStep) {
       setStep(STEP.SELECT_STAFF);
@@ -11952,7 +12621,7 @@ function BookingPage({
       onBack?.();
     }
   }, [step, hasStaffStep, hasResourceStep, onBack]);
-  const handleConfirm = React12.useCallback(async () => {
+  const handleConfirm = React14.useCallback(async () => {
     if (!selectedSlot || !selectedDate) return;
     setIsSubmitting(true);
     setError(null);
@@ -12154,9 +12823,9 @@ function BookingsPage({
   className,
   classNames
 }) {
-  const [filter, setFilter] = React12.useState("all");
-  const [selectedBooking, setSelectedBooking] = React12.useState(null);
-  const handleBookingClick = React12.useCallback(
+  const [filter, setFilter] = React14.useState("all");
+  const [selectedBooking, setSelectedBooking] = React14.useState(null);
+  const handleBookingClick = React14.useCallback(
     (booking) => {
       if (onBookingNavigate) {
         onBookingNavigate(booking);
@@ -12166,7 +12835,7 @@ function BookingsPage({
     },
     [onBookingNavigate]
   );
-  const handleBack = React12.useCallback(() => {
+  const handleBack = React14.useCallback(() => {
     setSelectedBooking(null);
   }, []);
   if (selectedBooking && !onBookingNavigate) {
@@ -12396,7 +13065,7 @@ function DefaultCatalogueLayout({
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium", children: "No products found" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try adjusting your filters" })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: products.map(
-          (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+          (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React14__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
             ProductCard,
             {
               product,
@@ -12503,7 +13172,7 @@ function CompactCatalogueLayout({
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium", children: "No items found" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different category or search" })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 lg:grid-cols-3 gap-5", children: products.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React14__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -12526,8 +13195,8 @@ var BUILT_IN_LAYOUTS = {
   ["compact" /* Compact */]: CompactCatalogueLayout
 };
 function useDebounce(value, delay) {
-  const [debounced, setDebounced] = React12__default.default.useState(value);
-  React12__default.default.useEffect(() => {
+  const [debounced, setDebounced] = React14__default.default.useState(value);
+  React14__default.default.useEffect(() => {
     const timer = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(timer);
   }, [value, delay]);
@@ -12551,15 +13220,15 @@ function CataloguePage({
   className,
   classNames
 }) {
-  const [selectedCategory, setSelectedCategory] = React12.useState(null);
-  const [searchQuery, setSearchQuery] = React12.useState("");
-  const [sortBy, setSortBy] = React12.useState(defaultSort?.by ?? "created_at");
-  const [sortOrder, setSortOrder] = React12.useState(defaultSort?.order ?? "desc");
-  const [inStockOnly, setInStockOnly] = React12.useState(false);
-  const [selectedTags, setSelectedTags] = React12.useState([]);
-  const [minPrice, setMinPrice] = React12.useState("");
-  const [maxPrice, setMaxPrice] = React12.useState("");
-  const [page, setPage] = React12.useState(1);
+  const [selectedCategory, setSelectedCategory] = React14.useState(null);
+  const [searchQuery, setSearchQuery] = React14.useState("");
+  const [sortBy, setSortBy] = React14.useState(defaultSort?.by ?? "created_at");
+  const [sortOrder, setSortOrder] = React14.useState(defaultSort?.order ?? "desc");
+  const [inStockOnly, setInStockOnly] = React14.useState(false);
+  const [selectedTags, setSelectedTags] = React14.useState([]);
+  const [minPrice, setMinPrice] = React14.useState("");
+  const [maxPrice, setMaxPrice] = React14.useState("");
+  const [page, setPage] = React14.useState(1);
   const debouncedSearch = useDebounce(searchQuery, 300);
   const { products: fetchedProducts, isLoading, pagination } = useProducts({
     enabled: productsProp === void 0,
@@ -12580,22 +13249,22 @@ function CataloguePage({
   const products = productsProp ?? fetchedProducts;
   const categories = categoriesProp ?? fetchedCategories;
   const totalPages = pagination?.total_pages ?? 1;
-  const handleCategoryChange = React12.useCallback((id) => {
+  const handleCategoryChange = React14.useCallback((id) => {
     setSelectedCategory(id);
     setPage(1);
   }, []);
-  const handleSortChange = React12.useCallback((by, order) => {
+  const handleSortChange = React14.useCallback((by, order) => {
     setSortBy(by);
     setSortOrder(order);
     setPage(1);
   }, []);
-  const handleTagToggle = React12.useCallback((tag) => {
+  const handleTagToggle = React14.useCallback((tag) => {
     setSelectedTags(
       (prev) => prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag]
     );
     setPage(1);
   }, []);
-  const handlePriceRangeChange = React12.useCallback((min, max) => {
+  const handlePriceRangeChange = React14.useCallback((min, max) => {
     setMinPrice(min);
     setMaxPrice(max);
     setPage(1);
@@ -12783,7 +13452,7 @@ function DefaultProductLayout({
   showRelated = true,
   className
 }) {
-  const [selectedVariantId, setSelectedVariantId] = React12__default.default.useState();
+  const [selectedVariantId, setSelectedVariantId] = React14__default.default.useState();
   const images = chunkIQLJJW2H_js.resolveGallery(product, selectedVariantId);
   const hasRange = product.quantity_pricing && product.quantity_pricing.length > 1 || product.variants && product.variants.length > 1;
   const onSale = chunk7Y2O3E4D_js.isOnSale(product);
@@ -13701,36 +14370,36 @@ function CartPage({
     }
   ) });
 }
-var CartDrawerContext = React12.createContext(null);
+var CartDrawerContext = React14.createContext(null);
 function useCartDrawer() {
-  const ctx = React12.useContext(CartDrawerContext);
+  const ctx = React14.useContext(CartDrawerContext);
   if (!ctx) {
     throw new Error("useCartDrawer must be used within <CartDrawerProvider>");
   }
   return ctx;
 }
 function CartDrawerProvider({ children, openOnAdd = true }) {
-  const [isOpen, setIsOpen] = React12.useState(false);
+  const [isOpen, setIsOpen] = React14.useState(false);
   const cart = useCart();
-  const lastPendingRef = React12.useRef(0);
-  const open = React12.useCallback(() => setIsOpen(true), []);
-  const close = React12.useCallback(() => setIsOpen(false), []);
-  const toggle = React12.useCallback(() => setIsOpen((v) => !v), []);
-  React12.useEffect(() => {
+  const lastPendingRef = React14.useRef(0);
+  const open = React14.useCallback(() => setIsOpen(true), []);
+  const close = React14.useCallback(() => setIsOpen(false), []);
+  const toggle = React14.useCallback(() => setIsOpen((v) => !v), []);
+  React14.useEffect(() => {
     if (!openOnAdd) return;
     if (cart.pendingOpCount > lastPendingRef.current && cart.pendingOpCount > 0) {
       setIsOpen(true);
     }
     lastPendingRef.current = cart.pendingOpCount;
   }, [cart.pendingOpCount, openOnAdd]);
-  const value = React12.useMemo(() => ({ isOpen, open, close, toggle }), [isOpen, open, close, toggle]);
+  const value = React14.useMemo(() => ({ isOpen, open, close, toggle }), [isOpen, open, close, toggle]);
   return /* @__PURE__ */ jsxRuntime.jsx(CartDrawerContext.Provider, { value, children });
 }
 function useAnimatedNumber(target, durationMs = 250) {
-  const [value, setValue] = React12.useState(target);
-  const fromRef = React12.useRef(target);
-  const startRef = React12.useRef(null);
-  React12.useEffect(() => {
+  const [value, setValue] = React14.useState(target);
+  const fromRef = React14.useRef(target);
+  const startRef = React14.useRef(null);
+  React14.useEffect(() => {
     fromRef.current = value;
     startRef.current = null;
     let raf = 0;
@@ -13758,7 +14427,7 @@ function CartDrawer({
   const cart = useCart();
   const subtotalNum = chunk7Y2O3E4D_js.parsePrice(cart.subtotal);
   const animatedSubtotal = useAnimatedNumber(subtotalNum);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!isOpen) return;
     const original = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -13963,9 +14632,9 @@ function DefaultCollectionLayout({
   onQuickAdd,
   className
 }) {
-  const [searchQuery, setSearchQuery] = React12.useState("");
-  const [activeTag, setActiveTag] = React12.useState(null);
-  const collectionTags = React12.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React14.useState("");
+  const [activeTag, setActiveTag] = React14.useState(null);
+  const collectionTags = React14.useMemo(() => {
     const tagSet = /* @__PURE__ */ new Set();
     for (const p of products) {
       if (p.tags) {
@@ -13974,7 +14643,7 @@ function DefaultCollectionLayout({
     }
     return Array.from(tagSet).slice(0, 6);
   }, [products]);
-  const filtered = React12.useMemo(() => {
+  const filtered = React14.useMemo(() => {
     let result = products;
     if (searchQuery.trim().length >= 2) {
       const q = searchQuery.toLowerCase();
@@ -14049,7 +14718,7 @@ function DefaultCollectionLayout({
       ] })
     ] }),
     filtered.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: filtered.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React14__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -14102,7 +14771,7 @@ function FeaturedCollectionLayout({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: products.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React14__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -14124,10 +14793,10 @@ function CatalogueCollectionLayout({
   onQuickAdd,
   className
 }) {
-  const [searchQuery, setSearchQuery] = React12.useState("");
-  const [activeCategory, setActiveCategory] = React12.useState(null);
-  const [sortBy, setSortBy] = React12.useState("default");
-  const categories = React12.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React14.useState("");
+  const [activeCategory, setActiveCategory] = React14.useState(null);
+  const [sortBy, setSortBy] = React14.useState("default");
+  const categories = React14.useMemo(() => {
     const cats = /* @__PURE__ */ new Map();
     for (const p of products) {
       if (p.category_id && p.tags) {
@@ -14138,7 +14807,7 @@ function CatalogueCollectionLayout({
     }
     return Array.from(cats.values()).slice(0, 8);
   }, [products]);
-  const filtered = React12.useMemo(() => {
+  const filtered = React14.useMemo(() => {
     let result = products;
     if (searchQuery.trim().length >= 2) {
       const q = searchQuery.toLowerCase();
@@ -14226,7 +14895,7 @@ function CatalogueCollectionLayout({
       ] })
     ] }),
     filtered.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: filtered.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React14__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -14405,13 +15074,13 @@ function OrderHistoryPage({
   className,
   classNames
 }) {
-  const [statusFilter, setStatusFilter] = React12.useState(void 0);
-  const [selectedOrder, setSelectedOrder] = React12.useState(null);
-  const handleTabChange = React12.useCallback((value) => {
+  const [statusFilter, setStatusFilter] = React14.useState(void 0);
+  const [selectedOrder, setSelectedOrder] = React14.useState(null);
+  const handleTabChange = React14.useCallback((value) => {
     const filter = STATUS_FILTERS.find((f) => f.tabValue === value);
     setStatusFilter(filter?.value);
   }, []);
-  const handleOrderClick = React12.useCallback(
+  const handleOrderClick = React14.useCallback(
     (order) => {
       if (onOrderNavigate) {
         onOrderNavigate(order);
@@ -14421,7 +15090,7 @@ function OrderHistoryPage({
     },
     [onOrderNavigate]
   );
-  const handleBack = React12.useCallback(() => {
+  const handleBack = React14.useCallback(() => {
     setSelectedOrder(null);
   }, []);
   const activeTabValue = STATUS_FILTERS.find((f) => f.value === statusFilter)?.tabValue ?? "all";
@@ -14606,7 +15275,7 @@ function DefaultSearchLayout({
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different search term" }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: clear, className: "text-sm font-medium text-primary mt-4 hover:underline", children: "Clear search" })
       ] }) : results.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: results.map(
-        (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+        (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React14__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
           ProductCard,
           {
             product,
@@ -14708,7 +15377,7 @@ function CompactSearchLayout({
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different search term" }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: clear, className: "text-sm font-medium text-primary mt-4 hover:underline", children: "Clear search" })
     ] }) : results.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 lg:grid-cols-3 gap-5", children: results.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React14__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -15039,11 +15708,11 @@ function DeliveryEstimate({
 }) {
   const context = useOptionalCimplifyClient();
   const client = context?.client ?? null;
-  const [result, setResult] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const requestIdRef = React12.useRef(0);
-  React12.useEffect(() => {
+  const [result, setResult] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const requestIdRef = React14.useRef(0);
+  React14.useEffect(() => {
     if (!client) return;
     const nextRequestId = ++requestIdRef.current;
     setIsLoading(true);
@@ -15124,10 +15793,10 @@ function CurrencySelector({
 }) {
   const context = useOptionalCimplifyClient();
   const client = context?.client ?? null;
-  const [rates, setRates] = React12.useState({});
-  const [isLoadingRates, setIsLoadingRates] = React12.useState(false);
-  const requestIdRef = React12.useRef(0);
-  React12.useEffect(() => {
+  const [rates, setRates] = React14.useState({});
+  const [isLoadingRates, setIsLoadingRates] = React14.useState(false);
+  const requestIdRef = React14.useRef(0);
+  React14.useEffect(() => {
     if (!showRate || !baseCurrency || !client) return;
     const targets = currencies.filter((c) => c !== baseCurrency);
     if (targets.length === 0) return;
@@ -15190,11 +15859,11 @@ function ChatWidget({
 }) {
   const context = useOptionalCimplifyClient();
   const client = clientProp ?? context?.client;
-  const [open, setOpen] = React12.useState(defaultOpen);
-  const [unread, setUnread] = React12.useState(0);
+  const [open, setOpen] = React14.useState(defaultOpen);
+  const [unread, setUnread] = React14.useState(0);
   const { messages, isLoading, isSending, error, isActive, send, startConversation } = useChat({ client, pollInterval });
-  const prevCountRef = React12.useRef(messages.length);
-  React12.useEffect(() => {
+  const prevCountRef = React14.useRef(messages.length);
+  React14.useEffect(() => {
     if (!open && messages.length > prevCountRef.current) {
       const newMessages = messages.slice(prevCountRef.current);
       const incomingCount = newMessages.filter(
@@ -15204,11 +15873,11 @@ function ChatWidget({
     }
     prevCountRef.current = messages.length;
   }, [messages, open]);
-  const handleOpen = React12.useCallback(() => {
+  const handleOpen = React14.useCallback(() => {
     setOpen(true);
     setUnread(0);
   }, []);
-  const handleClose = React12.useCallback(() => setOpen(false), []);
+  const handleClose = React14.useCallback(() => setOpen(false), []);
   const isLeft = position === "bottom-left";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -15450,8 +16119,8 @@ function MessageList({
   isSending,
   className
 }) {
-  const bottomRef = React12.useRef(null);
-  React12.useEffect(() => {
+  const bottomRef = React14.useRef(null);
+  React14.useEffect(() => {
     bottomRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages.length, isSending]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -15511,9 +16180,9 @@ function ChatInput({
   onSend,
   className
 }) {
-  const [value, setValue] = React12.useState("");
-  const textareaRef = React12.useRef(null);
-  const handleSend = React12.useCallback(() => {
+  const [value, setValue] = React14.useState("");
+  const textareaRef = React14.useRef(null);
+  const handleSend = React14.useCallback(() => {
     const trimmed = value.trim();
     if (!trimmed || isSending) return;
     setValue("");
@@ -15522,7 +16191,7 @@ function ChatInput({
     }
     onSend(trimmed);
   }, [value, isSending, onSend]);
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React14.useCallback(
     (e) => {
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
@@ -15531,7 +16200,7 @@ function ChatInput({
     },
     [handleSend]
   );
-  const handleInput = React12.useCallback(() => {
+  const handleInput = React14.useCallback(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
@@ -15671,8 +16340,11 @@ exports.AccountContent = AccountContent;
 exports.AccountDashboardPage = AccountDashboardPage;
 exports.AccountHero = AccountHero;
 exports.AccountIdentityStrip = AccountIdentityStrip;
+exports.AccountLineItem = AccountLineItem;
+exports.AccountLineItems = AccountLineItems;
 exports.AccountNav = AccountNav;
 exports.AccountOrderDetailPage = AccountOrderDetailPage;
+exports.AccountOrderView = AccountOrderView;
 exports.AccountOrdersPage = AccountOrdersPage;
 exports.AccountShell = AccountShell;
 exports.AccountSidebar = AccountSidebar;
@@ -15712,10 +16384,10 @@ exports.CategoryGrid = CategoryGrid;
 exports.ChatWidget = ChatWidget;
 exports.CheckIcon = CheckIcon;
 exports.CheckoutPage = CheckoutPage;
-exports.CimplifyAccount = CimplifyAccount;
 exports.CimplifyCheckout = CimplifyCheckout;
 exports.CimplifyProvider = CimplifyProvider;
 exports.CimplifySignInButton = CimplifySignInButton;
+exports.CimplifyUserButton = CimplifyUserButton;
 exports.CollectionPage = CollectionPage;
 exports.CollectionTemplate = CollectionTemplate;
 exports.CompactCartLayout = CompactCartLayout;
@@ -15742,6 +16414,7 @@ exports.DefaultCollectionLayout = DefaultCollectionLayout;
 exports.DefaultProductLayout = DefaultProductLayout;
 exports.DefaultSearchLayout = DefaultSearchLayout;
 exports.DeliveryEstimate = DeliveryEstimate;
+exports.DeliveryTracker = DeliveryTracker;
 exports.DeliveryTruckIcon = DeliveryTruckIcon;
 exports.DigitalProductCard = DigitalProductCard;
 exports.DigitalProductLayout = DigitalProductLayout;
@@ -15759,6 +16432,7 @@ exports.IdentityOfframp = IdentityOfframp;
 exports.InventoryBadge = InventoryBadge;
 exports.ItemsCard = ItemsCard;
 exports.LeaseServiceCard = LeaseServiceCard;
+exports.LineItemDetails = LineItemDetails;
 exports.LocationPicker = LocationPicker;
 exports.MediaGallery = MediaGallery;
 exports.MetadataStringList = MetadataStringList;