@cimplify/sdk 0.28.0 → 0.30.0

package/dist/react.js

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkGS7AX6B3_js = require('./chunk-GS7AX6B3.js');
+var chunkF47XFKYP_js = require('./chunk-F47XFKYP.js');
 var chunk2CGA3MUW_js = require('./chunk-2CGA3MUW.js');
 var chunkPEDLCL72_js = require('./chunk-PEDLCL72.js');
-var React3 = require('react');
+var React10 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -20,7 +20,7 @@ var tabs = require('@base-ui/react/tabs');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React3__default = /*#__PURE__*/_interopDefault(React3);
+var React10__default = /*#__PURE__*/_interopDefault(React10);
 
 // src/ads/identity.ts
 var COOKIE_NAME = "_cimplify_uid";
@@ -197,7 +197,7 @@ function deriveAdsApiUrl() {
   }
   return "https://api.cimplify.io";
 }
-var AdContext = React3.createContext({
+var AdContext = React10.createContext({
   siteId: null,
   config: null,
   isLoading: true,
@@ -205,7 +205,7 @@ var AdContext = React3.createContext({
   apiBase: "https://api.cimplify.io"
 });
 function useAds() {
-  return React3.useContext(AdContext);
+  return React10.useContext(AdContext);
 }
 function AdProvider({
   siteId,
@@ -214,10 +214,10 @@ function AdProvider({
   children
 }) {
   const resolvedApiBase = apiBase || deriveAdsApiUrl();
-  const [config, setConfig] = React3.useState(null);
-  const [isLoading, setIsLoading] = React3.useState(true);
-  const [identity, setIdentity] = React3.useState(null);
-  React3.useEffect(() => {
+  const [config, setConfig] = React10.useState(null);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [identity, setIdentity] = React10.useState(null);
+  React10.useEffect(() => {
     const userIdentity = getUserIdentity(authenticatedAccountId);
     setIdentity(userIdentity);
     fetch(`${resolvedApiBase}/ads/config/${siteId}`).then((r) => r.json()).then((data) => {
@@ -240,11 +240,11 @@ function Ad({
   onClick
 }) {
   const { siteId, config, isLoading, identity, apiBase } = useAds();
-  const [ad, setAd] = React3.useState(null);
-  const [error, setError] = React3.useState(false);
-  const impressionTracked = React3.useRef(false);
-  const containerRef = React3.useRef(null);
-  React3.useEffect(() => {
+  const [ad, setAd] = React10.useState(null);
+  const [error, setError] = React10.useState(false);
+  const impressionTracked = React10.useRef(false);
+  const containerRef = React10.useRef(null);
+  React10.useEffect(() => {
     if (isLoading || !config?.enabled || !siteId || !identity) return;
     const path = typeof window !== "undefined" ? window.location.pathname : "/";
     const referrer = typeof document !== "undefined" ? document.referrer : "";
@@ -287,7 +287,7 @@ function Ad({
       }
     }).catch(() => setError(true));
   }, [siteId, config, isLoading, slot, identity, apiBase]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!ad || impressionTracked.current || typeof window === "undefined" || !identity) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -570,7 +570,8 @@ function mapServerCart(serverCart) {
       confirmationCode: item.confirmation_code || void 0,
       serviceStatus: item.service_status || void 0,
       bundleResolved: item.bundle_resolved || void 0,
-      compositeResolved: item.composite_resolved || void 0
+      compositeResolved: item.composite_resolved || void 0,
+      customerInputs: item.customer_inputs || void 0
     });
   });
   return {
@@ -790,7 +791,8 @@ function createCartStore(params) {
         scheduled_start: normalizedOptions.scheduledStart,
         scheduled_end: normalizedOptions.scheduledEnd,
         staff_id: normalizedOptions.staffId,
-        resource_id: normalizedOptions.resourceId
+        resource_id: normalizedOptions.resourceId,
+        customer_inputs: normalizedOptions.customerInputs
       });
       if (!result.ok) {
         throw result.error;
@@ -981,7 +983,7 @@ function useCart(options = {}) {
   const locationId = options.locationId ?? client.getLocationId();
   const isDemoMode = options.demoMode ?? context?.isDemoMode ?? client.getPublicKey().trim().length === 0;
   const currency = options.currency ?? context?.currency ?? "USD";
-  const store = React3.useMemo(
+  const store = React10.useMemo(
     () => getOrCreateStore({
       client,
       locationId,
@@ -990,53 +992,53 @@ function useCart(options = {}) {
     }),
     [client, currency, isDemoMode, locationId]
   );
-  const snapshot = React3.useSyncExternalStore(
+  const snapshot = React10.useSyncExternalStore(
     store.subscribe,
     store.getSnapshot,
     store.getSnapshot
   );
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     void store.initialize();
   }, [store]);
-  const addItem = React3.useCallback(
+  const addItem = React10.useCallback(
     async (product, quantity, addOptions) => {
       await store.addItem(product, quantity, addOptions);
     },
     [store]
   );
-  const removeItem = React3.useCallback(
+  const removeItem = React10.useCallback(
     async (itemId) => {
       await store.removeItem(itemId);
     },
     [store]
   );
-  const updateQuantity = React3.useCallback(
+  const updateQuantity = React10.useCallback(
     async (itemId, quantity) => {
       await store.updateQuantity(itemId, quantity);
     },
     [store]
   );
-  const clearCart = React3.useCallback(async () => {
+  const clearCart = React10.useCallback(async () => {
     await store.clearCart();
   }, [store]);
-  const sync = React3.useCallback(async () => {
+  const sync = React10.useCallback(async () => {
     try {
       await store.sync();
     } catch (syncError) {
       throw syncError;
     }
   }, [store]);
-  const reorder = React3.useCallback(
+  const reorder = React10.useCallback(
     async (orderId) => {
       return store.reorder(orderId);
     },
     [store]
   );
-  const itemCount = React3.useMemo(
+  const itemCount = React10.useMemo(
     () => snapshot.items.reduce((sum, item) => sum + item.quantity, 0),
     [snapshot.items]
   );
-  return React3.useMemo(() => ({
+  return React10.useMemo(() => ({
     items: snapshot.items,
     itemCount,
     subtotal: snapshot.subtotal,
@@ -1061,7 +1063,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkGS7AX6B3_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkF47XFKYP_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1118,30 +1120,30 @@ function resolveInitialLocation(locations) {
   }
   return locations[0];
 }
-var CimplifyClientContext = React3.createContext(null);
-var CimplifyStateContext = React3.createContext(null);
+var CimplifyClientContext = React10.createContext(null);
+var CimplifyStateContext = React10.createContext(null);
 function CimplifyProvider({
   client,
   children,
   onLocationChange
 }) {
-  const resolvedClient = React3.useMemo(() => client ?? createDefaultClient(), [client]);
-  const onLocationChangeRef = React3.useRef(onLocationChange);
-  const [business, setBusiness] = React3.useState(null);
-  const [locations, setLocations] = React3.useState([]);
-  const [currentLocation, setCurrentLocationState] = React3.useState(null);
-  const [isReady, setIsReady] = React3.useState(false);
-  React3.useEffect(() => {
+  const resolvedClient = React10.useMemo(() => client ?? createDefaultClient(), [client]);
+  const onLocationChangeRef = React10.useRef(onLocationChange);
+  const [business, setBusiness] = React10.useState(null);
+  const [locations, setLocations] = React10.useState([]);
+  const [currentLocation, setCurrentLocationState] = React10.useState(null);
+  const [isReady, setIsReady] = React10.useState(false);
+  React10.useEffect(() => {
     onLocationChangeRef.current = onLocationChange;
   }, [onLocationChange]);
   const isDemoMode = resolvedClient.getPublicKey().trim().length === 0;
   const baseCurrency = business?.default_currency || DEFAULT_CURRENCY;
-  const [displayCurrencyOverride, setDisplayCurrencyOverride] = React3.useState(
+  const [displayCurrencyOverride, setDisplayCurrencyOverride] = React10.useState(
     () => getStoredDisplayCurrency()
   );
-  const [fxRate, setFxRate] = React3.useState(null);
+  const [fxRate, setFxRate] = React10.useState(null);
   const displayCurrency = displayCurrencyOverride && displayCurrencyOverride !== baseCurrency ? displayCurrencyOverride : baseCurrency;
-  const setDisplayCurrency = React3.useCallback(
+  const setDisplayCurrency = React10.useCallback(
     (currency) => {
       const normalized = currency?.trim().toUpperCase() || null;
       if (normalized && !chunkPEDLCL72_js.isSupportedCurrency(normalized)) {
@@ -1155,7 +1157,7 @@ function CimplifyProvider({
     },
     [baseCurrency]
   );
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (displayCurrency === baseCurrency || isDemoMode) {
       setFxRate(null);
       return;
@@ -1180,7 +1182,7 @@ function CimplifyProvider({
       clearInterval(intervalId);
     };
   }, [resolvedClient, baseCurrency, displayCurrency, isDemoMode]);
-  const convertPrice = React3.useCallback(
+  const convertPrice = React10.useCallback(
     (amount) => {
       const num = typeof amount === "string" ? parseFloat(amount) : amount;
       if (isNaN(num)) return 0;
@@ -1189,7 +1191,7 @@ function CimplifyProvider({
     },
     [fxRate, displayCurrency, baseCurrency]
   );
-  const setCurrentLocation = React3.useCallback(
+  const setCurrentLocation = React10.useCallback(
     (location) => {
       const previousLocationId = resolvedClient.getLocationId();
       if (previousLocationId && previousLocationId !== location.id) {
@@ -1202,7 +1204,7 @@ function CimplifyProvider({
     },
     [resolvedClient]
   );
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     let cancelled = false;
     async function bootstrap() {
       setIsReady(false);
@@ -1258,7 +1260,7 @@ function CimplifyProvider({
       cancelled = true;
     };
   }, [resolvedClient, isDemoMode]);
-  const clientContextValue = React3.useMemo(
+  const clientContextValue = React10.useMemo(
     () => ({
       client: resolvedClient,
       business,
@@ -1278,7 +1280,7 @@ function CimplifyProvider({
       isDemoMode
     ]
   );
-  const stateContextValue = React3.useMemo(
+  const stateContextValue = React10.useMemo(
     () => ({
       currentLocation,
       setCurrentLocation,
@@ -1299,20 +1301,20 @@ function CimplifyProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(CimplifyClientContext.Provider, { value: clientContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(CimplifyStateContext.Provider, { value: stateContextValue, children }) });
 }
 function useCimplify() {
-  const clientContext = React3.useContext(CimplifyClientContext);
-  const stateContext = React3.useContext(CimplifyStateContext);
+  const clientContext = React10.useContext(CimplifyClientContext);
+  const stateContext = React10.useContext(CimplifyStateContext);
   if (!clientContext || !stateContext) {
     throw new Error("useCimplify must be used within CimplifyProvider");
   }
-  return React3.useMemo(
+  return React10.useMemo(
     () => ({ ...clientContext, ...stateContext }),
     [clientContext, stateContext]
   );
 }
 function useOptionalCimplify() {
-  const clientContext = React3.useContext(CimplifyClientContext);
-  const stateContext = React3.useContext(CimplifyStateContext);
-  return React3.useMemo(() => {
+  const clientContext = React10.useContext(CimplifyClientContext);
+  const stateContext = React10.useContext(CimplifyStateContext);
+  return React10.useMemo(() => {
     if (!clientContext || !stateContext) {
       return null;
     }
@@ -1320,14 +1322,14 @@ function useOptionalCimplify() {
   }, [clientContext, stateContext]);
 }
 function useCimplifyClient() {
-  const context = React3.useContext(CimplifyClientContext);
+  const context = React10.useContext(CimplifyClientContext);
   if (!context) {
     throw new Error("useCimplifyClient must be used within CimplifyProvider");
   }
   return context;
 }
 function useOptionalCimplifyClient() {
-  return React3.useContext(CimplifyClientContext);
+  return React10.useContext(CimplifyClientContext);
 }
 var SPACE = { sm: 8};
 function shellColors(isDark, primaryColor) {
@@ -1385,36 +1387,36 @@ function CimplifyCheckout({
   demoMode,
   className
 }) {
-  const resolvedOrderTypes = React3.useMemo(
+  const resolvedOrderTypes = React10.useMemo(
     () => orderTypes && orderTypes.length > 0 ? orderTypes : ["pickup", "delivery"],
     [orderTypes]
   );
-  const resolvedDefaultOrderType = React3.useMemo(() => {
+  const resolvedDefaultOrderType = React10.useMemo(() => {
     if (defaultOrderType && resolvedOrderTypes.includes(defaultOrderType)) {
       return defaultOrderType;
     }
     return resolvedOrderTypes[0] || "pickup";
   }, [defaultOrderType, resolvedOrderTypes]);
-  const [orderType, setOrderType] = React3.useState(resolvedDefaultOrderType);
-  const [status, setStatus] = React3.useState(null);
-  const [statusText, setStatusText] = React3.useState("");
-  const [isSubmitting, setIsSubmitting] = React3.useState(false);
-  const [isInitializing, setIsInitializing] = React3.useState(false);
-  const [errorMessage, setErrorMessage] = React3.useState(null);
-  const [resolvedBusinessId, setResolvedBusinessId] = React3.useState(businessId ?? null);
-  const [resolvedCartId, setResolvedCartId] = React3.useState(cartId ?? null);
-  const [resolvedCart, setResolvedCart] = React3.useState(null);
-  const checkoutMountRef = React3.useRef(null);
-  const elementsRef = React3.useRef(null);
-  const activeCheckoutRef = React3.useRef(null);
-  const initialAppearanceRef = React3.useRef(appearance);
-  const hasWarnedInlineAppearanceRef = React3.useRef(false);
-  const isMountedRef = React3.useRef(true);
-  const demoRunRef = React3.useRef(0);
+  const [orderType, setOrderType] = React10.useState(resolvedDefaultOrderType);
+  const [status, setStatus] = React10.useState(null);
+  const [statusText, setStatusText] = React10.useState("");
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
+  const [isInitializing, setIsInitializing] = React10.useState(false);
+  const [errorMessage, setErrorMessage] = React10.useState(null);
+  const [resolvedBusinessId, setResolvedBusinessId] = React10.useState(businessId ?? null);
+  const [resolvedCartId, setResolvedCartId] = React10.useState(cartId ?? null);
+  const [resolvedCart, setResolvedCart] = React10.useState(null);
+  const checkoutMountRef = React10.useRef(null);
+  const elementsRef = React10.useRef(null);
+  const activeCheckoutRef = React10.useRef(null);
+  const initialAppearanceRef = React10.useRef(appearance);
+  const hasWarnedInlineAppearanceRef = React10.useRef(false);
+  const isMountedRef = React10.useRef(true);
+  const demoRunRef = React10.useRef(0);
   const isDemoCheckout = demoMode ?? client.getPublicKey().trim().length === 0;
   const isTestMode = client.isTestMode();
   const cimplifyCtx = useOptionalCimplify();
-  const fxOptions = React3.useMemo(() => {
+  const fxOptions = React10.useMemo(() => {
     if (!cimplifyCtx?.fxRate) return void 0;
     if (cimplifyCtx.displayCurrency === cimplifyCtx.baseCurrency) return void 0;
     return {
@@ -1422,30 +1424,30 @@ function CimplifyCheckout({
       convertPrice: cimplifyCtx.convertPrice
     };
   }, [cimplifyCtx?.fxRate, cimplifyCtx?.displayCurrency, cimplifyCtx?.baseCurrency, cimplifyCtx?.convertPrice]);
-  const fxOptionsRef = React3.useRef(fxOptions);
+  const fxOptionsRef = React10.useRef(fxOptions);
   fxOptionsRef.current = fxOptions;
-  const resolvedCartRef = React3.useRef(resolvedCart);
+  const resolvedCartRef = React10.useRef(resolvedCart);
   resolvedCartRef.current = resolvedCart;
   const primaryColor = appearance?.variables?.primaryColor || "#0a2540";
   const isDark = appearance?.theme === "dark";
-  const emitStatus = React3__default.default.useEffectEvent(
+  const emitStatus = React10__default.default.useEffectEvent(
     (nextStatus, context = {}) => {
       setStatus(nextStatus);
       setStatusText(context.display_text || "");
       onStatusChange?.(nextStatus, context);
     }
   );
-  const fireError = React3__default.default.useEffectEvent(
+  const fireError = React10__default.default.useEffectEvent(
     (error) => {
       onError?.(error);
     }
   );
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!resolvedOrderTypes.includes(orderType)) {
       setOrderType(resolvedDefaultOrderType);
     }
   }, [resolvedOrderTypes, resolvedDefaultOrderType, orderType]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (appearance && appearance !== initialAppearanceRef.current && !hasWarnedInlineAppearanceRef.current) {
       hasWarnedInlineAppearanceRef.current = true;
       console.warn(
@@ -1453,7 +1455,7 @@ function CimplifyCheckout({
       );
     }
   }, [appearance]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     let cancelled = false;
     async function bootstrap() {
       if (isDemoCheckout) {
@@ -1533,7 +1535,7 @@ function CimplifyCheckout({
       cancelled = true;
     };
   }, [businessId, cartId, client, isDemoCheckout]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     return () => {
       isMountedRef.current = false;
       demoRunRef.current += 1;
@@ -1541,7 +1543,7 @@ function CimplifyCheckout({
       activeCheckoutRef.current = null;
     };
   }, []);
-  const handleSubmit = React3__default.default.useEffectEvent(async () => {
+  const handleSubmit = React10__default.default.useEffectEvent(async () => {
     if (isSubmitting || isInitializing || !resolvedCartId) {
       if (!resolvedCartId && !isInitializing) {
         const message = "Your cart is empty. Add items before checkout.";
@@ -1622,7 +1624,7 @@ function CimplifyCheckout({
       }
     }
   });
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (isDemoCheckout || !resolvedBusinessId) {
       elementsRef.current = null;
       return;
@@ -1669,7 +1671,7 @@ function CimplifyCheckout({
     resolvedDefaultOrderType,
     submitLabel
   ]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!resolvedCart || !elementsRef.current) return;
     const checkoutElement = elementsRef.current.getElement("checkout");
     if (checkoutElement) {
@@ -1717,10 +1719,10 @@ function CimplifyAccount({
   const context = useOptionalCimplify();
   const client = clientProp ?? context?.client;
   const resolvedLinkUrl = linkUrl || DEFAULT_LINK_URL;
-  const iframeRef = React3.useRef(null);
-  const [height, setHeight] = React3.useState(400);
-  const [isReady, setIsReady] = React3.useState(false);
-  const iframeSrc = React3.useMemo(() => {
+  const iframeRef = React10.useRef(null);
+  const [height, setHeight] = React10.useState(400);
+  const [isReady, setIsReady] = React10.useState(false);
+  const iframeSrc = React10.useMemo(() => {
     const path = section ? `/elements/account/${section}` : "/elements/account";
     const url = new URL(path, resolvedLinkUrl);
     if (client) {
@@ -1729,7 +1731,7 @@ function CimplifyAccount({
     }
     return url.toString();
   }, [resolvedLinkUrl, section, client]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     function handleMessage(event) {
       if (!event.data || typeof event.data !== "object") return;
       if (iframeRef.current?.contentWindow && event.source !== iframeRef.current.contentWindow) {
@@ -1831,9 +1833,9 @@ function createCachedQuery(config) {
     }
     const enabled = options.enabled ?? true;
     const locationId = client.getLocationId();
-    const previousLocationRef = React3.useRef(locationId);
-    const requestIdRef = React3.useRef(0);
-    const optionsRef = React3.useRef(options);
+    const previousLocationRef = React10.useRef(locationId);
+    const requestIdRef = React10.useRef(0);
+    const optionsRef = React10.useRef(options);
     optionsRef.current = options;
     if (config.locationSensitive && previousLocationRef.current !== locationId) {
       cache.clear();
@@ -1843,10 +1845,10 @@ function createCachedQuery(config) {
     sweep();
     const cacheKey2 = config.key(client, options);
     const cached = cache.get(cacheKey2);
-    const [data, setData] = React3.useState(cached?.data ?? null);
-    const [isLoading, setIsLoading] = React3.useState(enabled && !cached);
-    const [error, setError] = React3.useState(null);
-    const load = React3.useCallback(
+    const [data, setData] = React10.useState(cached?.data ?? null);
+    const [isLoading, setIsLoading] = React10.useState(enabled && !cached);
+    const [error, setError] = React10.useState(null);
+    const load = React10.useCallback(
       async (force = false) => {
         if (!enabled) {
           setIsLoading(false);
@@ -1889,10 +1891,10 @@ function createCachedQuery(config) {
       },
       [cacheKey2, client, enabled]
     );
-    React3.useEffect(() => {
+    React10.useEffect(() => {
       void load(false);
     }, [load]);
-    const refetch = React3.useCallback(async () => {
+    const refetch = React10.useCallback(async () => {
       cache.delete(cacheKey2);
       await load(true);
     }, [cacheKey2, load]);
@@ -2022,25 +2024,25 @@ function useOrder(orderId, options = {}) {
   if (!client) {
     throw new Error("useOrder must be used within CimplifyProvider or passed { client }.");
   }
-  const normalizedOrderId = React3.useMemo(() => (orderId || "").trim(), [orderId]);
+  const normalizedOrderId = React10.useMemo(() => (orderId || "").trim(), [orderId]);
   const enabled = options.enabled ?? true;
   const poll = options.poll ?? false;
   const pollInterval = options.pollInterval ?? 5e3;
-  const requestIdRef = React3.useRef(0);
-  const previousStatusRef = React3.useRef(null);
-  const onStatusChangeRef = React3.useRef(options.onStatusChange);
+  const requestIdRef = React10.useRef(0);
+  const previousStatusRef = React10.useRef(null);
+  const onStatusChangeRef = React10.useRef(options.onStatusChange);
   onStatusChangeRef.current = options.onStatusChange;
-  const cacheKey2 = React3.useMemo(
+  const cacheKey2 = React10.useMemo(
     () => buildOrderCacheKey(client, normalizedOrderId),
     [client, normalizedOrderId]
   );
   const cached = orderCache.get(cacheKey2);
-  const [order, setOrder] = React3.useState(cached?.order ?? null);
-  const [isLoading, setIsLoading] = React3.useState(
+  const [order, setOrder] = React10.useState(cached?.order ?? null);
+  const [isLoading, setIsLoading] = React10.useState(
     enabled && normalizedOrderId.length > 0 && !cached
   );
-  const [error, setError] = React3.useState(null);
-  const load = React3.useCallback(
+  const [error, setError] = React10.useState(null);
+  const load = React10.useCallback(
     async (force = false) => {
       if (!enabled || normalizedOrderId.length === 0) {
         setOrder(null);
@@ -2099,11 +2101,11 @@ function useOrder(orderId, options = {}) {
     },
     [cacheKey2, client, enabled, normalizedOrderId]
   );
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     void load(false);
   }, [load]);
   const isTerminal = order ? TERMINAL_STATUSES.has(order.status) : false;
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!poll || !enabled || normalizedOrderId.length === 0 || isTerminal) {
       return;
     }
@@ -2114,7 +2116,7 @@ function useOrder(orderId, options = {}) {
       window.clearInterval(timer);
     };
   }, [enabled, isTerminal, load, normalizedOrderId, poll, pollInterval]);
-  const refetch = React3.useCallback(async () => {
+  const refetch = React10.useCallback(async () => {
     orderCache.delete(cacheKey2);
     await load(true);
   }, [cacheKey2, load]);
@@ -2165,10 +2167,10 @@ function useLocations(options = {}) {
     };
   }
   const client = options.client;
-  const [locations, setLocations] = React3.useState([]);
-  const [currentLocation, setCurrentLocationState] = React3.useState(null);
-  const [isLoading, setIsLoading] = React3.useState(true);
-  const setCurrentLocation = React3.useCallback(
+  const [locations, setLocations] = React10.useState([]);
+  const [currentLocation, setCurrentLocationState] = React10.useState(null);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const setCurrentLocation = React10.useCallback(
     (location) => {
       setCurrentLocationState(location);
       if (client) {
@@ -2178,7 +2180,7 @@ function useLocations(options = {}) {
     },
     [client]
   );
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!client) {
       setLocations([]);
       setCurrentLocationState(null);
@@ -2282,14 +2284,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] = React3.useState("");
-  const [results, setResults] = React3.useState([]);
-  const [isLoading, setIsLoading] = React3.useState(false);
-  const [error, setError] = React3.useState(null);
-  const requestIdRef = React3.useRef(0);
-  const timerRef = React3.useRef(null);
+  const [query, setQueryState] = React10.useState("");
+  const [results, setResults] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const requestIdRef = React10.useRef(0);
+  const timerRef = React10.useRef(null);
   const tagsSignature = options.tags?.join(",") ?? "";
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
@@ -2344,10 +2346,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 = React3.useCallback((nextQuery) => {
+  const setQuery = React10.useCallback((nextQuery) => {
     setQueryState(nextQuery);
   }, []);
-  const clear = React3.useCallback(() => {
+  const clear = React10.useCallback(() => {
     requestIdRef.current += 1;
     if (timerRef.current) {
       clearTimeout(timerRef.current);
@@ -2438,34 +2440,34 @@ function useQuote(input, options = {}) {
   const autoRefresh = options.autoRefresh ?? true;
   const refreshBeforeExpiryMs = Math.max(0, options.refreshBeforeExpiryMs ?? 3e4);
   const locationId = client.getLocationId();
-  const requestIdRef = React3.useRef(0);
-  const debounceTimerRef = React3.useRef(null);
+  const requestIdRef = React10.useRef(0);
+  const debounceTimerRef = React10.useRef(null);
   const inputSignature = buildQuoteInputSignature(input);
-  const normalizedInput = React3.useMemo(() => {
+  const normalizedInput = React10.useMemo(() => {
     if (!input) {
       return null;
     }
     const normalized = normalizeInput(input, locationId);
     return normalized.product_id.length > 0 ? normalized : null;
   }, [inputSignature, locationId]);
-  const cacheKey2 = React3.useMemo(
+  const cacheKey2 = React10.useMemo(
     () => buildQuoteCacheKey(client, locationId, inputSignature),
     [client, inputSignature, locationId]
   );
   const cached = quoteCache.get(cacheKey2);
-  const [quote, setQuote] = React3.useState(cached?.quote ?? null);
-  const [isLoading, setIsLoading] = React3.useState(enabled && normalizedInput !== null && !cached);
-  const [error, setError] = React3.useState(null);
-  const [isExpired, setIsExpired] = React3.useState(isQuoteExpired(cached?.quote ?? null));
-  const [messages, setMessages] = React3.useState(cached?.quote?.ui_messages ?? []);
-  const quoteExpiryTimestamp = React3.useMemo(() => {
+  const [quote, setQuote] = React10.useState(cached?.quote ?? null);
+  const [isLoading, setIsLoading] = React10.useState(enabled && normalizedInput !== null && !cached);
+  const [error, setError] = React10.useState(null);
+  const [isExpired, setIsExpired] = React10.useState(isQuoteExpired(cached?.quote ?? null));
+  const [messages, setMessages] = React10.useState(cached?.quote?.ui_messages ?? []);
+  const quoteExpiryTimestamp = React10.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 = React3.useCallback(
+  const load = React10.useCallback(
     async (force = false) => {
       if (!enabled || !normalizedInput) {
         setQuote(null);
@@ -2525,7 +2527,7 @@ function useQuote(input, options = {}) {
     },
     [cacheKey2, client, enabled, normalizedInput]
   );
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (debounceTimerRef.current) {
       clearTimeout(debounceTimerRef.current);
     }
@@ -2544,7 +2546,7 @@ function useQuote(input, options = {}) {
       }
     };
   }, [load, cacheKey2, enabled, normalizedInput]);
-  const refresh = React3.useCallback(async () => {
+  const refresh = React10.useCallback(async () => {
     if (!enabled || !normalizedInput) {
       return;
     }
@@ -2581,7 +2583,7 @@ function useQuote(input, options = {}) {
       }
     }
   }, [cacheKey2, client, enabled, load, normalizedInput, quote]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!Number.isFinite(quoteExpiryTimestamp)) {
       setIsExpired(false);
       return;
@@ -2757,9 +2759,9 @@ function useValidateDiscount(options = {}) {
   if (!client) {
     throw new Error("useValidateDiscount must be used within CimplifyProvider or passed { client }.");
   }
-  const [isValidating, setIsValidating] = React3.useState(false);
-  const [error, setError] = React3.useState(null);
-  const validate = React3.useCallback(
+  const [isValidating, setIsValidating] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const validate = React10.useCallback(
     async (code, orderSubtotal, locationId) => {
       setError(null);
       setIsValidating(true);
@@ -2806,7 +2808,7 @@ function useProductPrice(input) {
     compositePrice,
     bundleTotalPrice
   } = input;
-  return React3.useMemo(() => {
+  return React10.useMemo(() => {
     let unitPrice;
     if (bundleTotalPrice != null) {
       unitPrice = bundleTotalPrice;
@@ -2855,10 +2857,10 @@ function useOrders(options = {}) {
 function useSubscriptions(options = {}) {
   const { client } = useCimplifyClient();
   const { status, enabled = true } = options;
-  const [subscriptions, setSubscriptions] = React3.useState([]);
-  const [isLoading, setIsLoading] = React3.useState(false);
-  const [error, setError] = React3.useState(null);
-  const fetch2 = React3.useCallback(async () => {
+  const [subscriptions, setSubscriptions] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const fetch2 = React10.useCallback(async () => {
     if (!enabled) return;
     setIsLoading(true);
     setError(null);
@@ -2876,7 +2878,7 @@ function useSubscriptions(options = {}) {
       setIsLoading(false);
     }
   }, [client, enabled, status]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     void fetch2();
   }, [fetch2]);
   return { subscriptions, isLoading, error, refetch: fetch2 };
@@ -2885,10 +2887,10 @@ function useSubscription(id, options = {}) {
   const { client } = useCimplifyClient();
   const { enabled = true } = options;
   const normalizedId = (id || "").trim();
-  const [subscription, setSubscription] = React3.useState(null);
-  const [isLoading, setIsLoading] = React3.useState(false);
-  const [error, setError] = React3.useState(null);
-  const fetch2 = React3.useCallback(async () => {
+  const [subscription, setSubscription] = React10.useState(null);
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const fetch2 = React10.useCallback(async () => {
     if (!enabled || !normalizedId) return;
     setIsLoading(true);
     setError(null);
@@ -2905,25 +2907,25 @@ function useSubscription(id, options = {}) {
       setIsLoading(false);
     }
   }, [client, enabled, normalizedId]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     void fetch2();
   }, [fetch2]);
-  const cancel = React3.useCallback(async (reason) => {
+  const cancel = React10.useCallback(async (reason) => {
     if (!normalizedId) return;
     await client.subscriptions.cancel(normalizedId, reason);
     void fetch2();
   }, [client, normalizedId, fetch2]);
-  const pause = React3.useCallback(async () => {
+  const pause = React10.useCallback(async () => {
     if (!normalizedId) return;
     await client.subscriptions.pause(normalizedId);
     void fetch2();
   }, [client, normalizedId, fetch2]);
-  const resume = React3.useCallback(async () => {
+  const resume = React10.useCallback(async () => {
     if (!normalizedId) return;
     await client.subscriptions.resume(normalizedId);
     void fetch2();
   }, [client, normalizedId, fetch2]);
-  const skipNext = React3.useCallback(async () => {
+  const skipNext = React10.useCallback(async () => {
     if (!normalizedId) return;
     await client.subscriptions.skipNextRenewal(normalizedId);
     void fetch2();
@@ -3027,7 +3029,7 @@ function useBookings(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
   const { data, isLoading, error, refetch } = bookingsQuery(options);
-  const cancelBooking = React3.useCallback(
+  const cancelBooking = React10.useCallback(
     async (bookingId, reason) => {
       if (!client) throw new Error("useBookings must be used within CimplifyProvider or passed { client }.");
       const result = await client.scheduling.cancelBooking({
@@ -3083,14 +3085,14 @@ function useBillingPlans(productId, options = {}) {
     throw new Error("useBillingPlans must be used within CimplifyProvider or passed { client }.");
   }
   const enabled = options.enabled ?? true;
-  const requestIdRef = React3.useRef(0);
-  const [plans, setPlans] = React3.useState([]);
-  const [isLoading, setIsLoading] = React3.useState(enabled && !!productId);
-  const [error, setError] = React3.useState(null);
+  const requestIdRef = React10.useRef(0);
+  const [plans, setPlans] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(enabled && !!productId);
+  const [error, setError] = React10.useState(null);
   const customerId = options.customerId;
   const quantity = options.quantity;
   const orderValue = options.orderValue;
-  const load = React3.useCallback(
+  const load = React10.useCallback(
     async (force = false) => {
       if (!enabled || !productId) {
         setPlans([]);
@@ -3125,17 +3127,17 @@ function useBillingPlans(productId, options = {}) {
     },
     [client, enabled, productId, customerId, quantity, orderValue]
   );
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     void load(false);
   }, [load]);
-  const refetch = React3.useCallback(async () => {
+  const refetch = React10.useCallback(async () => {
     await load(true);
   }, [load]);
-  const subscriptionPlans = React3.useMemo(
+  const subscriptionPlans = React10.useMemo(
     () => plans.filter((p) => p.plan_type === "subscription"),
     [plans]
   );
-  const installmentPlans = React3.useMemo(
+  const installmentPlans = React10.useMemo(
     () => plans.filter((p) => p.plan_type === "installment"),
     [plans]
   );
@@ -3170,8 +3172,8 @@ function computeAvailableValues(variants, axes, selections) {
 }
 function useVariantSelector(options) {
   const { variants, axes } = options;
-  const [selectedValues, setSelectedValues] = React3.useState({});
-  const selectValue = React3.useCallback(
+  const [selectedValues, setSelectedValues] = React10.useState({});
+  const selectValue = React10.useCallback(
     (axisId, valueId) => {
       setSelectedValues((prev) => {
         if (prev[axisId] === valueId) {
@@ -3184,16 +3186,16 @@ function useVariantSelector(options) {
     },
     []
   );
-  const reset = React3.useCallback(() => setSelectedValues({}), []);
-  const selectedVariant = React3.useMemo(
+  const reset = React10.useCallback(() => setSelectedValues({}), []);
+  const selectedVariant = React10.useMemo(
     () => findMatchingVariant(variants, selectedValues),
     [variants, selectedValues]
   );
-  const variantImage = React3.useMemo(
+  const variantImage = React10.useMemo(
     () => selectedVariant?.images?.[0] ?? null,
     [selectedVariant]
   );
-  const availableValues = React3.useMemo(
+  const availableValues = React10.useMemo(
     () => computeAvailableValues(variants, axes, selectedValues),
     [variants, axes, selectedValues]
   );
@@ -3219,7 +3221,7 @@ function useActivityState(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
   const { data, isLoading, error, refetch } = activityStateQuery(options);
-  const dismissMessage = React3.useCallback(
+  const dismissMessage = React10.useCallback(
     async (code) => {
       if (!client) return;
       const result = await client.activity.dismissMessage(code);
@@ -3313,15 +3315,131 @@ function useBootstrap(options = {}) {
   const { data, isLoading, error, refetch } = bootstrapQuery(options);
   return { bootstrap: data, isLoading, error, refetch };
 }
-var ElementsContext = React3.createContext({
+var POLL_INTERVAL_MS = 3e3;
+var POLL_IDLE_INTERVAL_MS = 15e3;
+var IDLE_TIMEOUT_MS = 6e4;
+function useChat(options = {}) {
+  const context = useOptionalCimplifyClient();
+  const client = options.client ?? context?.client;
+  const [messages, setMessages] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [isSending, setIsSending] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const [conversationOpened, setConversationOpened] = React10.useState(false);
+  const pollRef = React10.useRef(null);
+  const lastActivityRef = React10.useRef(Date.now());
+  const openedRef = React10.useRef(false);
+  const messagesRef = React10.useRef([]);
+  messagesRef.current = messages;
+  const pollInterval = options.pollInterval ?? POLL_INTERVAL_MS;
+  const pollIdleInterval = options.pollIdleInterval ?? POLL_IDLE_INTERVAL_MS;
+  const pollMessages = React10.useCallback(async () => {
+    if (!client) return;
+    const isIdle = Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS;
+    if (isIdle) return;
+    const last = messagesRef.current[messagesRef.current.length - 1];
+    const result = await client.support.getMessages({
+      after: last?.created_at,
+      limit: 50
+    });
+    if (result.ok && result.value.length > 0) {
+      setMessages((prev) => {
+        const ids = new Set(prev.map((m) => m.id));
+        const fresh = result.value.filter((m) => !ids.has(m.id));
+        return fresh.length > 0 ? [...prev, ...fresh] : prev;
+      });
+    }
+  }, [client]);
+  const startPolling = React10.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 = React10.useCallback(() => {
+    if (pollRef.current) {
+      clearInterval(pollRef.current);
+      pollRef.current = null;
+    }
+  }, []);
+  React10.useEffect(() => stopPolling, [stopPolling]);
+  const openConversation = React10.useCallback(async () => {
+    if (openedRef.current || !client) return;
+    openedRef.current = true;
+    setIsLoading(true);
+    setError(null);
+    const result = await client.support.openConversation();
+    if (result.ok) {
+      setMessages(result.value.messages);
+      setConversationOpened(true);
+      startPolling();
+    } else {
+      openedRef.current = false;
+      setError(result.error);
+    }
+    setIsLoading(false);
+  }, [client, startPolling]);
+  const send = React10.useCallback(
+    async (content) => {
+      if (!client || !content.trim()) return;
+      setError(null);
+      lastActivityRef.current = Date.now();
+      if (!openedRef.current) {
+        await openConversation();
+        if (!openedRef.current) return;
+      }
+      const optimisticId = `opt_${Date.now()}`;
+      const optimistic = {
+        id: optimisticId,
+        sender_type: "customer",
+        content: content.trim(),
+        content_type: "text",
+        attachments: [],
+        metadata: {},
+        created_at: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      setMessages((prev) => [...prev, optimistic]);
+      setIsSending(true);
+      const result = await client.support.sendMessage(content.trim());
+      if (result.ok) {
+        setMessages(
+          (prev) => prev.map((m) => m.id === optimisticId ? result.value : m)
+        );
+      } else {
+        setMessages((prev) => prev.filter((m) => m.id !== optimisticId));
+        setError(result.error);
+      }
+      setIsSending(false);
+    },
+    [client, openConversation]
+  );
+  const startConversation = React10.useCallback(
+    async (starterText) => {
+      await openConversation();
+      if (starterText) {
+        await send(starterText);
+      }
+    },
+    [openConversation, send]
+  );
+  return {
+    messages,
+    isLoading,
+    isSending,
+    error,
+    isActive: conversationOpened && messages.length > 0,
+    send,
+    startConversation
+  };
+}
+var ElementsContext = React10.createContext({
   elements: null,
   isReady: false
 });
 function useElements() {
-  return React3.useContext(ElementsContext).elements;
+  return React10.useContext(ElementsContext).elements;
 }
 function useElementsReady() {
-  return React3.useContext(ElementsContext).isReady;
+  return React10.useContext(ElementsContext).isReady;
 }
 function ElementsProvider({
   client,
@@ -3329,10 +3447,10 @@ function ElementsProvider({
   options,
   children
 }) {
-  const [elements, setElements] = React3.useState(null);
-  const [isReady, setIsReady] = React3.useState(false);
-  const initialOptionsRef = React3.useRef(options);
-  React3.useEffect(() => {
+  const [elements, setElements] = React10.useState(null);
+  const [isReady, setIsReady] = React10.useState(false);
+  const initialOptionsRef = React10.useRef(options);
+  React10.useEffect(() => {
     let cancelled = false;
     let instance = null;
     setIsReady(false);
@@ -3373,20 +3491,20 @@ function AuthElement({
   onRequiresOtp,
   onError
 }) {
-  const containerRef = React3.useRef(null);
-  const elementRef = React3.useRef(null);
+  const containerRef = React10.useRef(null);
+  const elementRef = React10.useRef(null);
   const elements = useElements();
-  const onReadyRef = React3.useRef(onReady);
-  const onAuthenticatedRef = React3.useRef(onAuthenticated);
-  const onRequiresOtpRef = React3.useRef(onRequiresOtp);
-  const onErrorRef = React3.useRef(onError);
-  React3.useEffect(() => {
+  const onReadyRef = React10.useRef(onReady);
+  const onAuthenticatedRef = React10.useRef(onAuthenticated);
+  const onRequiresOtpRef = React10.useRef(onRequiresOtp);
+  const onErrorRef = React10.useRef(onError);
+  React10.useEffect(() => {
     onReadyRef.current = onReady;
     onAuthenticatedRef.current = onAuthenticated;
     onRequiresOtpRef.current = onRequiresOtp;
     onErrorRef.current = onError;
   }, [onReady, onAuthenticated, onRequiresOtp, onError]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!elements || !containerRef.current) return;
     const element = elements.create(chunk2CGA3MUW_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
@@ -3416,18 +3534,18 @@ function AddressElement({
   onChange,
   onError
 }) {
-  const containerRef = React3.useRef(null);
-  const elementRef = React3.useRef(null);
+  const containerRef = React10.useRef(null);
+  const elementRef = React10.useRef(null);
   const elements = useElements();
-  const onReadyRef = React3.useRef(onReady);
-  const onChangeRef = React3.useRef(onChange);
-  const onErrorRef = React3.useRef(onError);
-  React3.useEffect(() => {
+  const onReadyRef = React10.useRef(onReady);
+  const onChangeRef = React10.useRef(onChange);
+  const onErrorRef = React10.useRef(onError);
+  React10.useEffect(() => {
     onReadyRef.current = onReady;
     onChangeRef.current = onChange;
     onErrorRef.current = onError;
   }, [onReady, onChange, onError]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!elements || !containerRef.current) return;
     const element = elements.create(chunk2CGA3MUW_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
@@ -3454,18 +3572,18 @@ function PaymentElement({
   onChange,
   onError
 }) {
-  const containerRef = React3.useRef(null);
-  const elementRef = React3.useRef(null);
+  const containerRef = React10.useRef(null);
+  const elementRef = React10.useRef(null);
   const elements = useElements();
-  const onReadyRef = React3.useRef(onReady);
-  const onChangeRef = React3.useRef(onChange);
-  const onErrorRef = React3.useRef(onError);
-  React3.useEffect(() => {
+  const onReadyRef = React10.useRef(onReady);
+  const onChangeRef = React10.useRef(onChange);
+  const onErrorRef = React10.useRef(onError);
+  React10.useEffect(() => {
     onReadyRef.current = onReady;
     onChangeRef.current = onChange;
     onErrorRef.current = onError;
   }, [onReady, onChange, onError]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!elements || !containerRef.current) return;
     const element = elements.create(chunk2CGA3MUW_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
@@ -3485,8 +3603,8 @@ function PaymentElement({
 }
 function useCheckout() {
   const elements = useElements();
-  const [isLoading, setIsLoading] = React3.useState(false);
-  const submit = React3.useCallback(
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const submit = React10.useCallback(
     async (data) => {
       if (!elements) {
         return { success: false, error: { code: "NO_ELEMENTS", message: "Elements not initialized" } };
@@ -3500,7 +3618,7 @@ function useCheckout() {
     },
     [elements]
   );
-  const process = React3.useCallback(
+  const process = React10.useCallback(
     async (options) => {
       if (!elements) {
         return {
@@ -3594,13 +3712,13 @@ function VariantSelector({
   className,
   classNames
 }) {
-  const [axisSelections, setAxisSelections] = React3.useState({});
-  const initialized = React3.useRef(false);
-  const idPrefix = React3.useId();
-  React3.useEffect(() => {
+  const [axisSelections, setAxisSelections] = React10.useState({});
+  const initialized = React10.useRef(false);
+  const idPrefix = React10.useId();
+  React10.useEffect(() => {
     initialized.current = false;
   }, [variants]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (initialized.current) return;
     if (!variants || variants.length === 0) return;
     const defaultVariant = variants.find((v) => v.is_default) || variants[0];
@@ -3615,7 +3733,7 @@ function VariantSelector({
       setAxisSelections(initial);
     }
   }, [variants, onVariantChange]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (!initialized.current) return;
     if (!variantAxes || variantAxes.length === 0) return;
     const match = variants.find((v) => {
@@ -3735,7 +3853,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkGS7AX6B3_js.getVariantDisplayName(variant, productName)
+                    children: chunkF47XFKYP_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -3758,12 +3876,12 @@ function AddOnSelector({
   className,
   classNames
 }) {
-  const selectedSet = React3.useMemo(() => new Set(selectedOptions), [selectedOptions]);
-  const isOptionSelected = React3.useCallback(
+  const selectedSet = React10.useMemo(() => new Set(selectedOptions), [selectedOptions]);
+  const isOptionSelected = React10.useCallback(
     (optionId) => selectedSet.has(optionId),
     [selectedSet]
   );
-  const handleCheckedChange = React3.useCallback(
+  const handleCheckedChange = React10.useCallback(
     (addOn, optionId, checked) => {
       const isSelected = selectedSet.has(optionId);
       if (addOn.is_mutually_exclusive || !addOn.is_multiple_allowed) {
@@ -3939,9 +4057,9 @@ function BundleSelector({
   className,
   classNames
 }) {
-  const [variantChoices, setVariantChoices] = React3.useState({});
-  const lastComponentIds = React3.useRef("");
-  React3.useEffect(() => {
+  const [variantChoices, setVariantChoices] = React10.useState({});
+  const lastComponentIds = React10.useRef("");
+  React10.useEffect(() => {
     const ids = components.map((c) => c.id).sort().join();
     if (ids === lastComponentIds.current) return;
     lastComponentIds.current = ids;
@@ -3958,20 +4076,20 @@ function BundleSelector({
     }
     setVariantChoices(defaults);
   }, [components]);
-  const selections = React3.useMemo(() => {
+  const selections = React10.useMemo(() => {
     return components.map((comp) => ({
       component_id: comp.id,
       variant_id: variantChoices[comp.id],
       quantity: comp.quantity
     }));
   }, [components, variantChoices]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     onSelectionsChange(selections);
   }, [selections, onSelectionsChange]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     onReady?.(components.length > 0 && selections.length > 0);
   }, [components, selections, onReady]);
-  const totalPrice = React3.useMemo(() => {
+  const totalPrice = React10.useMemo(() => {
     if (pricingType === "fixed" && bundlePrice) {
       return chunkPEDLCL72_js.parsePrice(bundlePrice);
     }
@@ -3986,10 +4104,10 @@ function BundleSelector({
     }
     return componentsTotal;
   }, [components, variantChoices, pricingType, bundlePrice, discountValue]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     onPriceChange?.(totalPrice);
   }, [totalPrice, onPriceChange]);
-  const handleVariantChange = React3.useCallback(
+  const handleVariantChange = React10.useCallback(
     (componentId, variantId) => {
       setVariantChoices((prev) => ({ ...prev, [componentId]: variantId }));
     },
@@ -4070,9 +4188,9 @@ function BundleComponentCard({
   onVariantChange,
   classNames
 }) {
-  const idPrefix = React3.useId();
+  const idPrefix = React10.useId();
   const showVariantPicker = component.allow_variant_choice && component.available_variants.length > 1;
-  const displayPrice = React3.useMemo(
+  const displayPrice = React10.useMemo(
     () => getComponentPrice(component, selectedVariantId),
     [component, selectedVariantId]
   );
@@ -4220,11 +4338,11 @@ function CompositeSelector({
   classNames
 }) {
   const { client } = useCimplifyClient();
-  const [groupSelections, setGroupSelections] = React3.useState({});
-  const [priceResult, setPriceResult] = React3.useState(null);
-  const [isPriceLoading, setIsPriceLoading] = React3.useState(false);
-  const [priceError, setPriceError] = React3.useState(false);
-  const selections = React3.useMemo(() => {
+  const [groupSelections, setGroupSelections] = React10.useState({});
+  const [priceResult, setPriceResult] = React10.useState(null);
+  const [isPriceLoading, setIsPriceLoading] = React10.useState(false);
+  const [priceError, setPriceError] = React10.useState(false);
+  const selections = React10.useMemo(() => {
     const result = [];
     for (const groupSels of Object.values(groupSelections)) {
       for (const [componentId, qty] of Object.entries(groupSels)) {
@@ -4235,13 +4353,13 @@ function CompositeSelector({
     }
     return result;
   }, [groupSelections]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     onSelectionsChange(selections);
   }, [selections, onSelectionsChange]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     onPriceChange?.(priceResult);
   }, [priceResult, onPriceChange]);
-  const allGroupsSatisfied = React3.useMemo(() => {
+  const allGroupsSatisfied = React10.useMemo(() => {
     for (const group of groups) {
       const groupSels = groupSelections[group.id] || {};
       const totalSelected = Object.values(groupSels).reduce((sum, q) => sum + q, 0);
@@ -4249,17 +4367,17 @@ function CompositeSelector({
     }
     return true;
   }, [groups, groupSelections]);
-  const sortedGroups = React3.useMemo(
+  const sortedGroups = React10.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]
   );
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     onReady?.(allGroupsSatisfied);
   }, [allGroupsSatisfied, onReady]);
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     if (skipPriceFetch || !allGroupsSatisfied || selections.length === 0) return;
     let cancelled = false;
     const timer = setTimeout(() => {
@@ -4286,7 +4404,7 @@ function CompositeSelector({
       clearTimeout(timer);
     };
   }, [selections, allGroupsSatisfied, compositeId, client, skipPriceFetch]);
-  const toggleComponent = React3.useCallback(
+  const toggleComponent = React10.useCallback(
     (group, component) => {
       setGroupSelections((prev) => {
         const groupSels = { ...prev[group.id] || {} };
@@ -4314,7 +4432,7 @@ function CompositeSelector({
     },
     []
   );
-  const updateQuantity = React3.useCallback(
+  const updateQuantity = React10.useCallback(
     (group, componentId, newValue) => {
       setGroupSelections((prev) => {
         const groupSels = { ...prev[group.id] || {} };
@@ -4664,8 +4782,26 @@ function CompositeSelector({
     )
   ] });
 }
+
+// src/react/utils/format-duration.ts
+var UNIT_LABELS = {
+  minutes: { singular: "min", plural: "min" },
+  hours: { singular: "hr", plural: "hrs" },
+  days: { singular: "day", plural: "days" },
+  nights: { singular: "night", plural: "nights" },
+  weeks: { singular: "week", plural: "weeks" },
+  months: { singular: "month", plural: "months" },
+  years: { singular: "year", plural: "years" }
+};
+function formatDuration2(value, unit) {
+  const resolved = unit ?? "minutes";
+  const labels = UNIT_LABELS[resolved];
+  const label = value === 1 ? labels.singular : labels.plural;
+  return `${value} ${label}`;
+}
 var FREQUENCY_LABELS = {
   weekly: "Weekly",
+  biweekly: "Biweekly",
   monthly: "Monthly",
   quarterly: "Quarterly",
   annually: "Annually"
@@ -4853,6 +4989,880 @@ function VolumePricing({
     }
   );
 }
+function CustomerInputFields({
+  fields,
+  values,
+  onChange,
+  onFileUpload,
+  className,
+  classNames
+}) {
+  const clientContext = useOptionalCimplifyClient();
+  if (fields.length === 0) return null;
+  const sorted = [...fields].sort((a, b) => a.display_order - b.display_order);
+  const setValue = React10.useCallback(
+    (fieldId, value) => {
+      onChange({ ...values, [fieldId]: value });
+    },
+    [values, onChange]
+  );
+  const defaultFileUpload = React10.useCallback(
+    async (file) => {
+      if (onFileUpload) return onFileUpload(file, {});
+      if (!clientContext?.client) throw new Error("No upload provider available");
+      const result = await clientContext.client.uploads.upload(file);
+      if (!result.ok) throw new Error(result.error.message);
+      return result.value.url;
+    },
+    [onFileUpload, clientContext]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-customer-inputs": true, className: cn("space-y-4", className, classNames?.root), children: sorted.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+    InputField,
+    {
+      field,
+      value: values[field.id],
+      onValueChange: (value) => setValue(field.id, value),
+      onFileUpload: onFileUpload ?? (clientContext?.client ? (_file, _field) => defaultFileUpload(_file) : void 0),
+      classNames
+    },
+    field.id
+  )) });
+}
+function InputField({
+  field,
+  value,
+  onValueChange,
+  onFileUpload,
+  classNames
+}) {
+  const hasPriceAdjustment = field.price_adjustment != null && chunkPEDLCL72_js.parsePrice(field.price_adjustment) > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customer-input": true, "data-field-type": field.field_type, className: classNames?.field, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: cn("text-sm font-semibold", classNames?.label), children: field.name }),
+      field.is_required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xs text-destructive", classNames?.required), children: "Required" }),
+      hasPriceAdjustment && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("text-xs text-muted-foreground", classNames?.priceAdjustment), children: [
+        "+",
+        /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: field.price_adjustment })
+      ] })
+    ] }),
+    field.help_text && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xs text-muted-foreground mb-1.5", classNames?.helpText), children: field.help_text }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      FieldInput,
+      {
+        field,
+        value,
+        onValueChange,
+        onFileUpload,
+        classNames
+      }
+    )
+  ] });
+}
+function FieldInput({
+  field,
+  value,
+  onValueChange,
+  onFileUpload,
+  classNames
+}) {
+  const inputClass = cn(
+    "w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring",
+    classNames?.input
+  );
+  switch (field.field_type) {
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Text:
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Url:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: field.field_type === chunkF47XFKYP_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value),
+          placeholder: field.placeholder,
+          required: field.is_required,
+          maxLength: field.validation?.max_length ?? void 0,
+          className: inputClass
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Textarea:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value),
+          placeholder: field.placeholder,
+          required: field.is_required,
+          maxLength: field.validation?.max_length ?? void 0,
+          rows: 3,
+          className: cn(inputClass, "resize-none", classNames?.textarea)
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Number:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          value: typeof value === "number" ? value : "",
+          onChange: (e) => onValueChange(e.target.value ? parseFloat(e.target.value) : void 0),
+          placeholder: field.placeholder,
+          required: field.is_required,
+          min: field.validation?.min_value ?? void 0,
+          max: field.validation?.max_value ?? void 0,
+          className: inputClass
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Select:
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value || void 0),
+          required: field.is_required,
+          className: cn(inputClass, classNames?.select),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: field.placeholder || "Select..." }),
+            (field.options || []).map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt))
+          ]
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Radio:
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.radioGroup), children: (field.options || []).map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          className: cn(
+            "flex items-center gap-2 text-sm cursor-pointer",
+            classNames?.radioOption
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "radio",
+                name: field.id,
+                value: opt,
+                checked: value === opt,
+                onChange: () => onValueChange(opt),
+                className: "accent-primary"
+              }
+            ),
+            opt
+          ]
+        },
+        opt
+      )) });
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Checkbox:
+      return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cn("flex items-center gap-2 text-sm cursor-pointer", classNames?.checkboxLabel), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: value === true,
+            onChange: (e) => onValueChange(e.target.checked),
+            className: "accent-primary w-4 h-4"
+          }
+        ),
+        field.placeholder || field.name
+      ] });
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Color:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "color",
+          value: typeof value === "string" ? value : "#000000",
+          onChange: (e) => onValueChange(e.target.value),
+          className: cn("w-12 h-10 rounded-md border border-input cursor-pointer", classNames?.colorInput)
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Date:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "date",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value || void 0),
+          required: field.is_required,
+          className: inputClass
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.File:
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Image:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FileUploadInput,
+        {
+          field,
+          value,
+          onValueChange,
+          onFileUpload,
+          classNames
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Email:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "email",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value),
+          placeholder: field.placeholder || "email@example.com",
+          required: field.is_required,
+          className: inputClass
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.DateTime: {
+      const dtLocalValue = typeof value === "string" && value.includes("T") ? value.slice(0, 16) : typeof value === "string" ? value : "";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "datetime-local",
+          value: dtLocalValue,
+          onChange: (e) => {
+            if (!e.target.value) {
+              onValueChange(void 0);
+              return;
+            }
+            const date = new Date(e.target.value);
+            onValueChange(Number.isNaN(date.getTime()) ? e.target.value : date.toISOString());
+          },
+          required: field.is_required,
+          className: inputClass
+        }
+      );
+    }
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Time:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "time",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value || void 0),
+          required: field.is_required,
+          className: inputClass
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.MultiSelect:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        MultiSelectInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.DateRange:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DateRangeInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames,
+          inputClass
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Address:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        AddressInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames,
+          inputClass
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Location:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        LocationInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames,
+          inputClass
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Phone:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        PhoneInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames,
+          inputClass
+        }
+      );
+    case chunkF47XFKYP_js.INPUT_FIELD_TYPE.Signature:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SignatureInput,
+        {
+          field,
+          value,
+          onValueChange,
+          classNames
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onValueChange(e.target.value),
+          placeholder: field.placeholder,
+          className: inputClass
+        }
+      );
+  }
+}
+function FileUploadInput({
+  field,
+  value,
+  onValueChange,
+  onFileUpload,
+  classNames
+}) {
+  const [isUploading, setIsUploading] = React10__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 === chunkF47XFKYP_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
+  const handleFile = async (file) => {
+    if (!onFileUpload) return;
+    if (field.validation?.max_size_mb) {
+      const maxBytes = field.validation.max_size_mb * 1024 * 1024;
+      if (file.size > maxBytes) {
+        return;
+      }
+    }
+    setIsUploading(true);
+    try {
+      const url = await onFileUpload(file, field);
+      onValueChange(url);
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.fileInput), children: fileUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+    field.field_type === chunkF47XFKYP_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground truncate", children: fileUrl.split("/").pop() }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onValueChange(void 0),
+        className: "text-xs text-muted-foreground hover:text-destructive transition-colors",
+        children: "Remove"
+      }
+    )
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col items-center justify-center w-full h-24 border-2 border-dashed border-border rounded-lg cursor-pointer hover:border-primary/40 transition-colors", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "file",
+        accept,
+        onChange: (e) => {
+          const file = e.target.files?.[0];
+          if (file) void handleFile(file);
+        },
+        className: "hidden",
+        disabled: isUploading
+      }
+    ),
+    isUploading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Uploading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkF47XFKYP_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
+      acceptedFormats && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground/60 mt-1", children: [
+        acceptedFormats.map((f) => f.toUpperCase()).join(", "),
+        field.validation?.max_size_mb && ` \xB7 Max ${field.validation.max_size_mb}MB`
+      ] })
+    ] })
+  ] }) });
+}
+function MultiSelectInput({
+  field,
+  value,
+  onValueChange,
+  classNames
+}) {
+  const selected = Array.isArray(value) ? value : [];
+  const options = field.options || [];
+  const maxSelections = field.validation?.max_selections;
+  const toggle = (opt) => {
+    const next = selected.includes(opt) ? selected.filter((s) => s !== opt) : maxSelections && selected.length >= maxSelections ? selected : [...selected, opt];
+    onValueChange(next.length > 0 ? next : void 0);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", classNames?.multiSelectGroup), children: [
+    options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: cn(
+          "flex items-center gap-2 text-sm cursor-pointer",
+          classNames?.multiSelectOption
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: selected.includes(opt),
+              onChange: () => toggle(opt),
+              className: "accent-primary w-4 h-4"
+            }
+          ),
+          opt
+        ]
+      },
+      opt
+    )),
+    maxSelections && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      selected.length,
+      "/",
+      maxSelections,
+      " selected"
+    ] })
+  ] });
+}
+function DateRangeInput({
+  field,
+  value,
+  onValueChange,
+  classNames,
+  inputClass
+}) {
+  const range = value && typeof value === "object" ? value : {};
+  const update = (key, v) => {
+    const next = { ...range, [key]: v };
+    onValueChange(next.start || next.end ? next : void 0);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-2 gap-3", classNames?.dateRangeInput), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-muted-foreground mb-1 block", children: "Start" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "date",
+          value: range.start || "",
+          onChange: (e) => update("start", e.target.value),
+          required: field.is_required,
+          className: inputClass
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-muted-foreground mb-1 block", children: "End" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "date",
+          value: range.end || "",
+          onChange: (e) => update("end", e.target.value),
+          required: field.is_required,
+          className: inputClass
+        }
+      )
+    ] })
+  ] });
+}
+function AddressInput({
+  field,
+  value,
+  onValueChange,
+  classNames,
+  inputClass
+}) {
+  const clientContext = useOptionalCimplifyClient();
+  const addr = value && typeof value === "object" ? value : null;
+  const [inputText, setInputText] = React10__default.default.useState(addr?.formatted_address ?? "");
+  const [suggestions, setSuggestions] = React10__default.default.useState([]);
+  const [isOpen, setIsOpen] = React10__default.default.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React10__default.default.useState(-1);
+  const debounceRef = React10__default.default.useRef(null);
+  const seqRef = React10__default.default.useRef(0);
+  const sessionTokenRef = React10__default.default.useRef(createSessionToken());
+  const blurTimeoutRef = React10__default.default.useRef(null);
+  React10__default.default.useEffect(() => {
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+      seqRef.current += 1;
+    };
+  }, []);
+  const fetchSuggestions = React10__default.default.useCallback(async (query) => {
+    const client = clientContext?.client;
+    if (!client || query.length < 3) {
+      setSuggestions([]);
+      setIsOpen(false);
+      return;
+    }
+    const seq = ++seqRef.current;
+    const result = await client.places.autocomplete(query, sessionTokenRef.current);
+    if (seqRef.current !== seq) return;
+    if (result.ok && result.value.predictions.length > 0) {
+      setSuggestions(result.value.predictions);
+      setHighlightedIndex(0);
+      setIsOpen(true);
+    } else {
+      setSuggestions([]);
+      setIsOpen(false);
+    }
+  }, [clientContext]);
+  const handleInputChange = (nextValue) => {
+    setInputText(nextValue);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
+  };
+  const selectSuggestion = React10__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;
+    setInputText(fallback);
+    setSuggestions([]);
+    setIsOpen(false);
+    const client = clientContext?.client;
+    if (!client) return;
+    const result = await client.places.details(suggestion.place_id, sessionTokenRef.current);
+    sessionTokenRef.current = createSessionToken();
+    if (result.ok) {
+      const d = result.value;
+      const addressValue = {
+        formatted_address: d.formatted_address || fallback,
+        street_address: d.street_address,
+        apartment: d.apartment,
+        city: d.city,
+        region: d.region,
+        postal_code: d.postal_code,
+        country: d.country,
+        latitude: d.latitude,
+        longitude: d.longitude,
+        place_id: d.place_id
+      };
+      setInputText(addressValue.formatted_address);
+      onValueChange(addressValue);
+    }
+  }, [clientContext, onValueChange]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2 relative", classNames?.addressInput), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        value: inputText,
+        onChange: (e) => handleInputChange(e.target.value),
+        onFocus: () => {
+          if (suggestions.length > 0) setIsOpen(true);
+        },
+        onBlur: () => {
+          blurTimeoutRef.current = setTimeout(() => setIsOpen(false), 120);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Escape") {
+            setIsOpen(false);
+            return;
+          }
+          if (!isOpen || suggestions.length === 0) return;
+          if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
+          } else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
+          } else if (e.key === "Enter" && highlightedIndex >= 0) {
+            e.preventDefault();
+            void selectSuggestion(suggestions[highlightedIndex]);
+          }
+        },
+        placeholder: field.placeholder || "Search for an address...",
+        required: field.is_required,
+        autoComplete: "off",
+        "aria-autocomplete": "list",
+        "aria-expanded": isOpen && suggestions.length > 0,
+        className: inputClass
+      }
+    ),
+    isOpen && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "listbox", className: "absolute left-0 right-0 top-full z-20 mt-1 overflow-hidden rounded-md border border-border bg-background shadow-lg", children: suggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        role: "option",
+        "aria-selected": i === highlightedIndex,
+        onMouseDown: (e) => {
+          e.preventDefault();
+          void selectSuggestion(s);
+        },
+        className: cn("block w-full px-3 py-2.5 text-left text-sm transition-colors", i === highlightedIndex ? "bg-muted text-foreground" : "text-foreground hover:bg-muted/70"),
+        children: s.description
+      },
+      s.place_id
+    )) }),
+    addr && /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        value: addr.apartment || "",
+        onChange: (e) => onValueChange({ ...addr, apartment: e.target.value || void 0 }),
+        placeholder: "Apt, suite, unit (optional)",
+        className: inputClass
+      }
+    )
+  ] });
+}
+function LocationInput({
+  field,
+  value,
+  onValueChange,
+  classNames,
+  inputClass
+}) {
+  const clientContext = useOptionalCimplifyClient();
+  const loc = value && typeof value === "object" ? value : null;
+  const [inputText, setInputText] = React10__default.default.useState(loc?.label ?? "");
+  const [suggestions, setSuggestions] = React10__default.default.useState([]);
+  const [isOpen, setIsOpen] = React10__default.default.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React10__default.default.useState(-1);
+  const debounceRef = React10__default.default.useRef(null);
+  const seqRef = React10__default.default.useRef(0);
+  const sessionTokenRef = React10__default.default.useRef(createSessionToken());
+  const blurTimeoutRef = React10__default.default.useRef(null);
+  React10__default.default.useEffect(() => {
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+      seqRef.current += 1;
+    };
+  }, []);
+  const fetchSuggestions = React10__default.default.useCallback(async (query) => {
+    const client = clientContext?.client;
+    if (!client || query.length < 3) {
+      setSuggestions([]);
+      setIsOpen(false);
+      return;
+    }
+    const seq = ++seqRef.current;
+    const result = await client.places.autocomplete(query, sessionTokenRef.current);
+    if (seqRef.current !== seq) return;
+    if (result.ok && result.value.predictions.length > 0) {
+      setSuggestions(result.value.predictions);
+      setHighlightedIndex(0);
+      setIsOpen(true);
+    } else {
+      setSuggestions([]);
+      setIsOpen(false);
+    }
+  }, [clientContext]);
+  const handleInputChange = (nextValue) => {
+    setInputText(nextValue);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
+  };
+  const selectSuggestion = React10__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;
+    setInputText(label);
+    setSuggestions([]);
+    setIsOpen(false);
+    const client = clientContext?.client;
+    if (!client) return;
+    const result = await client.places.details(suggestion.place_id, sessionTokenRef.current);
+    sessionTokenRef.current = createSessionToken();
+    if (result.ok) {
+      const d = result.value;
+      onValueChange({
+        latitude: d.latitude,
+        longitude: d.longitude,
+        label: d.formatted_address || label
+      });
+      setInputText(d.formatted_address || label);
+    }
+  }, [clientContext, onValueChange]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", classNames?.locationInput), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        value: inputText,
+        onChange: (e) => handleInputChange(e.target.value),
+        onFocus: () => {
+          if (suggestions.length > 0) setIsOpen(true);
+        },
+        onBlur: () => {
+          blurTimeoutRef.current = setTimeout(() => setIsOpen(false), 120);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Escape") {
+            setIsOpen(false);
+            return;
+          }
+          if (!isOpen || suggestions.length === 0) return;
+          if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
+          } else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setHighlightedIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
+          } else if (e.key === "Enter" && highlightedIndex >= 0) {
+            e.preventDefault();
+            void selectSuggestion(suggestions[highlightedIndex]);
+          }
+        },
+        placeholder: field.placeholder || "Search for a location...",
+        required: field.is_required,
+        autoComplete: "off",
+        "aria-autocomplete": "list",
+        "aria-expanded": isOpen && suggestions.length > 0,
+        className: inputClass
+      }
+    ),
+    isOpen && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "listbox", className: "absolute left-0 right-0 top-full z-20 mt-1 overflow-hidden rounded-md border border-border bg-background shadow-lg", children: suggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        role: "option",
+        "aria-selected": i === highlightedIndex,
+        onMouseDown: (e) => {
+          e.preventDefault();
+          void selectSuggestion(s);
+        },
+        className: cn("block w-full px-3 py-2.5 text-left text-sm transition-colors", i === highlightedIndex ? "bg-muted text-foreground" : "text-foreground hover:bg-muted/70"),
+        children: s.description
+      },
+      s.place_id
+    )) }),
+    loc && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
+      loc.latitude.toFixed(4),
+      ", ",
+      loc.longitude.toFixed(4)
+    ] })
+  ] });
+}
+function PhoneInput({
+  field,
+  value,
+  onValueChange,
+  classNames,
+  inputClass
+}) {
+  const phone = value && typeof value === "object" ? value : null;
+  const [code, setCode] = React10__default.default.useState(phone?.country_code ?? "+1");
+  const [number, setNumber] = React10__default.default.useState(phone?.number ?? "");
+  const update = (nextCode, nextNumber) => {
+    setCode(nextCode);
+    setNumber(nextNumber);
+    if (nextNumber) {
+      onValueChange({
+        country_code: nextCode,
+        number: nextNumber,
+        formatted: `${nextCode} ${nextNumber}`
+      });
+    } else {
+      onValueChange(void 0);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex gap-2", classNames?.phoneInput), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        value: code,
+        onChange: (e) => update(e.target.value, number),
+        placeholder: "+1",
+        className: cn(inputClass, "w-20 shrink-0")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "tel",
+        value: number,
+        onChange: (e) => update(code, e.target.value),
+        placeholder: field.placeholder || "Phone number",
+        required: field.is_required,
+        className: inputClass
+      }
+    )
+  ] });
+}
+function SignatureInput({
+  field,
+  value,
+  onValueChange,
+  classNames
+}) {
+  const sig = value && typeof value === "object" ? value : null;
+  const canvasRef = React10__default.default.useRef(null);
+  const isDrawing = React10__default.default.useRef(false);
+  const getCtx = () => canvasRef.current?.getContext("2d") ?? null;
+  const startDraw = (e) => {
+    const ctx = getCtx();
+    if (!ctx) return;
+    isDrawing.current = true;
+    const rect = canvasRef.current.getBoundingClientRect();
+    ctx.beginPath();
+    ctx.moveTo(e.clientX - rect.left, e.clientY - rect.top);
+    canvasRef.current.setPointerCapture(e.pointerId);
+  };
+  const draw = (e) => {
+    if (!isDrawing.current) return;
+    const ctx = getCtx();
+    if (!ctx) return;
+    const rect = canvasRef.current.getBoundingClientRect();
+    ctx.lineWidth = 2;
+    ctx.lineCap = "round";
+    const style = getComputedStyle(canvasRef.current);
+    ctx.strokeStyle = style.color || "#000";
+    ctx.lineTo(e.clientX - rect.left, e.clientY - rect.top);
+    ctx.stroke();
+  };
+  const endDraw = () => {
+    if (!isDrawing.current) return;
+    isDrawing.current = false;
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    onValueChange({
+      data_url: canvas.toDataURL("image/png"),
+      signer_name: sig?.signer_name
+    });
+  };
+  const clear = () => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (ctx) ctx.clearRect(0, 0, canvas.width, canvas.height);
+    onValueChange(void 0);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", classNames?.signatureCanvas), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative rounded-md border border-input overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "canvas",
+        {
+          ref: canvasRef,
+          width: 400,
+          height: 150,
+          className: "w-full touch-none cursor-crosshair bg-background text-foreground",
+          onPointerDown: startDraw,
+          onPointerMove: draw,
+          onPointerUp: endDraw,
+          onPointerLeave: endDraw
+        }
+      ),
+      sig?.data_url && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: clear,
+          className: "absolute top-1.5 right-1.5 text-xs text-muted-foreground hover:text-destructive transition-colors",
+          children: "Clear"
+        }
+      )
+    ] }),
+    !sig?.data_url && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: field.placeholder || "Draw your signature above" })
+  ] });
+}
+function createSessionToken() {
+  if (typeof crypto !== "undefined" && crypto.randomUUID) {
+    return crypto.randomUUID();
+  }
+  return `places_${Date.now()}_${Math.random().toString(16).slice(2)}`;
+}
 function ProductCustomizer({
   product,
   onAddToCart,
@@ -4860,20 +5870,21 @@ function ProductCustomizer({
   className,
   classNames
 }) {
-  const [quantity, setQuantity] = React3.useState(product.min_order_quantity ?? 1);
-  const [isAdded, setIsAdded] = React3.useState(false);
-  const [isSubmitting, setIsSubmitting] = React3.useState(false);
-  const [selectedVariantId, setSelectedVariantId] = React3.useState();
-  const [selectedVariant, setSelectedVariant] = React3.useState();
-  const [selectedAddOnOptionIds, setSelectedAddOnOptionIds] = React3.useState([]);
-  const [compositeSelections, setCompositeSelections] = React3.useState([]);
-  const [compositePrice, setCompositePrice] = React3.useState(null);
-  const [compositeReady, setCompositeReady] = React3.useState(false);
-  const [bundleSelections, setBundleSelections] = React3.useState([]);
-  const [bundleTotalPrice, setBundleTotalPrice] = React3.useState(null);
-  const [bundleReady, setBundleReady] = React3.useState(false);
-  const [selectedBillingPlan, setSelectedBillingPlan] = React3.useState(null);
-  const [specialInstructions, setSpecialInstructions] = React3.useState("");
+  const [quantity, setQuantity] = React10.useState(product.min_order_quantity ?? 1);
+  const [isAdded, setIsAdded] = React10.useState(false);
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
+  const [selectedVariantId, setSelectedVariantId] = React10.useState();
+  const [selectedVariant, setSelectedVariant] = React10.useState();
+  const [selectedAddOnOptionIds, setSelectedAddOnOptionIds] = React10.useState([]);
+  const [compositeSelections, setCompositeSelections] = React10.useState([]);
+  const [compositePrice, setCompositePrice] = React10.useState(null);
+  const [compositeReady, setCompositeReady] = React10.useState(false);
+  const [bundleSelections, setBundleSelections] = React10.useState([]);
+  const [bundleTotalPrice, setBundleTotalPrice] = React10.useState(null);
+  const [bundleReady, setBundleReady] = React10.useState(false);
+  const [selectedBillingPlan, setSelectedBillingPlan] = React10.useState(null);
+  const [customerInputValues, setCustomerInputValues] = React10.useState({});
+  const [specialInstructions, setSpecialInstructions] = React10.useState("");
   const cart = useCart();
   const productType = product.type || "product";
   const isComposite = productType === "composite";
@@ -4883,7 +5894,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;
-  React3.useEffect(() => {
+  React10.useEffect(() => {
     setQuantity(product.min_order_quantity ?? 1);
     setIsAdded(false);
     setIsSubmitting(false);
@@ -4897,9 +5908,10 @@ function ProductCustomizer({
     setBundleTotalPrice(null);
     setBundleReady(false);
     setSelectedBillingPlan(null);
+    setCustomerInputValues({});
     setSpecialInstructions("");
   }, [product.id, product.min_order_quantity]);
-  const selectedAddOnOptions = React3.useMemo(() => {
+  const selectedAddOnOptions = React10.useMemo(() => {
     if (!product.add_ons) return [];
     const options = [];
     for (const addOn of product.add_ons) {
@@ -4911,11 +5923,11 @@ function ProductCustomizer({
     }
     return options;
   }, [product.add_ons, selectedAddOnOptionIds]);
-  const normalizedAddOnOptionIds = React3.useMemo(() => {
+  const normalizedAddOnOptionIds = React10.useMemo(() => {
     if (selectedAddOnOptionIds.length === 0) return [];
     return Array.from(new Set(selectedAddOnOptionIds.map((id) => id.trim()).filter(Boolean))).sort();
   }, [selectedAddOnOptionIds]);
-  const localTotalPrice = React3.useMemo(() => {
+  const localTotalPrice = React10.useMemo(() => {
     if (isComposite && compositePrice) {
       return chunkPEDLCL72_js.parsePrice(compositePrice.final_price) * quantity;
     }
@@ -4933,7 +5945,7 @@ function ProductCustomizer({
     }
     return price * quantity;
   }, [product.default_price, selectedVariant, selectedAddOnOptions, quantity, isComposite, compositePrice, isBundle, bundleTotalPrice]);
-  const requiredAddOnsSatisfied = React3.useMemo(() => {
+  const requiredAddOnsSatisfied = React10.useMemo(() => {
     if (!product.add_ons) return true;
     for (const addOn of product.add_ons) {
       if (addOn.is_required) {
@@ -4948,7 +5960,7 @@ function ProductCustomizer({
     }
     return true;
   }, [product.add_ons, selectedAddOnOptionIds]);
-  const quoteInput = React3.useMemo(
+  const quoteInput = React10.useMemo(
     () => ({
       productId: product.id,
       quantity,
@@ -4959,12 +5971,20 @@ function ProductCustomizer({
     }),
     [product.id, quantity, selectedVariantId, normalizedAddOnOptionIds, isBundle, bundleSelections, isComposite, compositeSelections]
   );
-  const quoteEnabled = isComposite ? compositeReady : isBundle ? bundleReady : requiredAddOnsSatisfied;
+  const requiredInputsSatisfied = React10.useMemo(() => {
+    if (!product.input_fields || product.input_fields.length === 0) return true;
+    return product.input_fields.every((field) => {
+      if (!field.is_required) return true;
+      const val = customerInputValues[field.id];
+      return val !== void 0 && val !== "" && val !== null;
+    });
+  }, [product.input_fields, customerInputValues]);
+  const quoteEnabled = isComposite ? compositeReady && requiredInputsSatisfied : isBundle ? bundleReady && requiredInputsSatisfied : requiredAddOnsSatisfied && requiredInputsSatisfied;
   const { quote } = useQuote(quoteInput, {
     enabled: quoteEnabled
   });
   const quoteId = quote?.quote_id;
-  const quotedTotalPrice = React3.useMemo(() => {
+  const quotedTotalPrice = React10.useMemo(() => {
     if (!quote) return void 0;
     const priceInfo = quote.quoted_total_price_info ?? quote.final_price_info;
     const perUnit = priceInfo.pre_tax_price;
@@ -4972,16 +5992,16 @@ function ProductCustomizer({
     return chunkPEDLCL72_js.parsePrice(perUnit) * quantity;
   }, [quote, quantity]);
   const displayTotalPrice = quotedTotalPrice ?? localTotalPrice;
-  const handleVariantChange = React3.useCallback(
+  const handleVariantChange = React10.useCallback(
     (variantId, variant) => {
       setSelectedVariantId(variantId);
       setSelectedVariant(variant);
     },
     []
   );
-  const addedTimerRef = React3.useRef(void 0);
-  React3.useEffect(() => () => clearTimeout(addedTimerRef.current), []);
-  const handleAddToCart = React3.useCallback(async () => {
+  const addedTimerRef = React10.useRef(void 0);
+  React10.useEffect(() => () => clearTimeout(addedTimerRef.current), []);
+  const handleAddToCart = React10.useCallback(async () => {
     if (isSubmitting) return;
     setIsSubmitting(true);
     const options = {
@@ -4998,6 +6018,7 @@ function ProductCustomizer({
       compositeSelections: isComposite && compositeSelections.length > 0 ? compositeSelections : void 0,
       bundleSelections: isBundle && bundleSelections.length > 0 ? bundleSelections : void 0,
       billingPlanId: selectedBillingPlan?.id,
+      customerInputs: Object.keys(customerInputValues).length > 0 ? Object.entries(customerInputValues).filter(([, v]) => v !== void 0 && v !== "").map(([fieldId, value]) => ({ field_id: fieldId, value })) : void 0,
       specialInstructions: specialInstructions.trim() || void 0
     };
     try {
@@ -5016,7 +6037,7 @@ function ProductCustomizer({
     } finally {
       setIsSubmitting(false);
     }
-  }, [product, quantity, selectedVariantId, selectedVariant, quoteId, normalizedAddOnOptionIds, selectedAddOnOptions, isComposite, compositeSelections, isBundle, bundleSelections, selectedBillingPlan, specialInstructions, isSubmitting, onAddToCart, cart]);
+  }, [product, quantity, selectedVariantId, selectedVariant, quoteId, normalizedAddOnOptionIds, selectedAddOnOptions, isComposite, compositeSelections, isBundle, bundleSelections, selectedBillingPlan, customerInputValues, specialInstructions, isSubmitting, onAddToCart, cart]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customizer": true, className: cn("space-y-6", className, classNames?.root), children: [
     isComposite && product.groups && product.composite_id && /* @__PURE__ */ jsxRuntime.jsx(
       CompositeSelector,
@@ -5077,6 +6098,14 @@ function ProductCustomizer({
         currentQuantity: quantity
       }
     ),
+    product.input_fields && product.input_fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      CustomerInputFields,
+      {
+        fields: product.input_fields,
+        values: customerInputValues,
+        onChange: setCustomerInputValues
+      }
+    ),
     product.deposit_type && product.deposit_type !== "none" && product.deposit_amount && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-customizer-deposit": true, className: cn("text-sm text-muted-foreground", classNames?.depositInfo), children: product.deposit_type === "fixed" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
       "Deposit required: ",
       /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.deposit_amount })
@@ -5096,9 +6125,7 @@ function ProductCustomizer({
     )) }),
     isService && product.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customizer-duration": true, className: cn("text-sm text-muted-foreground", classNames?.duration), children: [
       "Duration: ",
-      product.duration_minutes,
-      " ",
-      product.duration_unit ?? "minutes"
+      formatDuration2(product.duration_minutes, product.duration_unit)
     ] }),
     showSpecialInstructions && !isDigital && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-customizer-special-instructions": true, children: /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -5184,14 +6211,14 @@ function ProductImageGallery({
   aspectRatio = "4/3",
   className
 }) {
-  const normalizedImages = React3.useMemo(
+  const normalizedImages = React10.useMemo(
     () => images.filter(
       (image) => typeof image === "string" && image.trim().length > 0
     ),
     [images]
   );
-  const [selectedImage, setSelectedImage] = React3.useState(0);
-  React3.useEffect(() => {
+  const [selectedImage, setSelectedImage] = React10.useState(0);
+  React10.useEffect(() => {
     setSelectedImage(0);
   }, [normalizedImages.length, productName]);
   if (normalizedImages.length === 0) {
@@ -5271,13 +6298,17 @@ function CartLineItemRow({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item": true, className: classNames?.item, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-item-info": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-name": true, className: classNames?.itemName, children: item.product.name }),
-      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkGS7AX6B3_js.getVariantDisplayName(item.variant, item.product.name) }),
+      item.variant && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-variant": true, children: chunkF47XFKYP_js.getVariantDisplayName(item.variant, item.product.name) }),
       item.addOnOptions && item.addOnOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-cart-item-addons": true, children: [
         "+ ",
         item.addOnOptions.map((opt) => opt.name).join(", ")
       ] }),
       (hasComposite || hasBundle) && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-badge": true, children: hasComposite ? "Custom" : "Bundle" }),
       item.specialInstructions && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-item-instructions": true, className: "text-xs text-muted-foreground", children: item.specialInstructions }),
+      item.customerInputs && item.customerInputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-customer-inputs": true, className: classNames?.customerInputs, children: item.customerInputs.map((input) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-input": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-input-label": true, children: input.field_name }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-cart-input-value": true, children: input.field_type === chunkF47XFKYP_js.INPUT_FIELD_TYPE.File || input.field_type === chunkF47XFKYP_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
+      ] }, input.field_id)) }),
       (item.lineType === "service" || item.product.type === "service") && item.scheduledStart && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-info": true, className: classNames?.serviceInfo, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
           "\u{1F4C5}",
@@ -5796,7 +6827,7 @@ function FoodProductCard({
   const tags = product.tags || [];
   const isSignature = product.metadata?.is_signature === true;
   const isNew = product.metadata?.is_new === true;
-  const isComposite = product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Composite;
+  const isComposite = product.type === chunkF47XFKYP_js.PRODUCT_TYPE.Composite;
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
       isSignature && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-3 left-3 inline-flex items-center gap-1 text-[11px] font-semibold tracking-wide bg-amber-50 text-amber-700 border border-amber-200/60 px-2 py-0.5 rounded-md", children: [
@@ -6057,7 +7088,7 @@ function CompositeProductCard({
     ] })
   ] });
 }
-function formatDuration2(minutes, unit) {
+function formatDuration3(minutes, unit) {
   if (unit && unit !== "minutes") return `${minutes} ${unit}`;
   if (minutes >= 60) {
     const h = Math.floor(minutes / 60);
@@ -6078,7 +7109,7 @@ function StandardServiceCard({
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "16/9", renderImage, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent pointer-events-none" }),
-      product.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-3 left-3 inline-flex items-center gap-1 text-[12px] font-semibold px-2.5 py-1 rounded-lg bg-background/92 backdrop-blur-xl text-foreground shadow-sm", children: formatDuration2(product.duration_minutes, product.duration_unit) }),
+      product.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-3 left-3 inline-flex items-center gap-1 text-[12px] font-semibold px-2.5 py-1 rounded-lg bg-background/92 backdrop-blur-xl text-foreground shadow-sm", children: formatDuration3(product.duration_minutes, product.duration_unit) }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-3 right-3 text-white font-bold text-lg drop-shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
@@ -6112,7 +7143,7 @@ function StandardServiceCard({
     ] })
   ] });
 }
-function formatDuration3(minutes, unit) {
+function formatDuration4(minutes, unit) {
   if (unit && unit !== "minutes") return `${minutes} ${unit}`;
   if (minutes >= 60) {
     const h = Math.floor(minutes / 60);
@@ -6137,7 +7168,7 @@ function CompactServiceCard({
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[14px] font-semibold text-foreground leading-tight truncate", children: product.name }),
       product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-muted-foreground mt-0.5 truncate", children: product.description }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2 flex-wrap", children: [
-        product.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10.5px] font-medium text-muted-foreground px-1.5 py-0.5 bg-muted rounded", children: formatDuration3(product.duration_minutes, product.duration_unit) }),
+        product.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10.5px] font-medium text-muted-foreground px-1.5 py-0.5 bg-muted rounded", children: formatDuration4(product.duration_minutes, product.duration_unit) }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-[10.5px] font-medium text-emerald-600", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-[6px] h-[6px] rounded-full bg-emerald-500" }),
           "Available"
@@ -6177,7 +7208,7 @@ function ScheduleServiceCard({
 }) {
   const image = product.image_url || product.images?.[0] || "";
   const href = `/products/${product.slug}`;
-  const durationLabel = product.duration_minutes != null ? `${product.duration_minutes} ${product.duration_unit ?? "min"}` : null;
+  const durationLabel = product.duration_minutes != null ? formatDuration2(product.duration_minutes, product.duration_unit) : null;
   const displaySlots = (slots || []).slice(0, 3);
   const shellClass = cn(
     "group block text-left cursor-pointer bg-card rounded-[14px] overflow-hidden",
@@ -6230,7 +7261,7 @@ function ScheduleServiceCard({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: shellClass, "data-cimplify-card": true, children: inner });
 }
-var UNIT_LABELS = {
+var UNIT_LABELS2 = {
   minutes: "min",
   hours: "hr",
   days: "day",
@@ -6248,7 +7279,7 @@ function RentalServiceCard({
 }) {
   const image = product.image_url || product.images?.[0] || "";
   const hasDeposit = product.deposit_type && product.deposit_type !== "none" && product.deposit_amount;
-  const unit = product.duration_unit ? UNIT_LABELS[product.duration_unit] || product.duration_unit : "day";
+  const unit = product.duration_unit ? UNIT_LABELS2[product.duration_unit] || product.duration_unit : "day";
   const status = product.inventory_status;
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "16/9", renderImage, children: [
@@ -6368,7 +7399,7 @@ function AccommodationCard({
     ] })
   ] });
 }
-var UNIT_LABELS2 = {
+var UNIT_LABELS3 = {
   weeks: "week",
   months: "mo",
   years: "yr"
@@ -6383,7 +7414,7 @@ function LeaseServiceCard({
   const image = product.image_url || product.images?.[0] || "";
   const hasDeposit = product.deposit_type && product.deposit_type !== "none" && product.deposit_amount;
   const hasTiers = product.quantity_pricing && product.quantity_pricing.length > 1;
-  const unit = product.duration_unit ? UNIT_LABELS2[product.duration_unit] || product.duration_unit : "mo";
+  const unit = product.duration_unit ? UNIT_LABELS3[product.duration_unit] || product.duration_unit : "mo";
   const tags = product.tags || [];
   const cancellationHours = product.cancellation_window_minutes ? Math.floor(product.cancellation_window_minutes / 60) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
@@ -6441,6 +7472,7 @@ function LeaseServiceCard({
 }
 var FREQUENCY_LABELS2 = {
   weekly: "/week",
+  biweekly: "/2wk",
   monthly: "/mo",
   quarterly: "/qtr",
   annually: "/yr"
@@ -6548,26 +7580,26 @@ var BUILT_IN_CARDS = {
   ["composite" /* Composite */]: CompositeProductCard,
   ["subscription" /* Subscription */]: SubscriptionCard
 };
-var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkGS7AX6B3_js.DURATION_UNIT.Days, chunkGS7AX6B3_js.DURATION_UNIT.Hours]);
-var LEASE_UNITS = /* @__PURE__ */ new Set([chunkGS7AX6B3_js.DURATION_UNIT.Weeks, chunkGS7AX6B3_js.DURATION_UNIT.Months, chunkGS7AX6B3_js.DURATION_UNIT.Years]);
+var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkF47XFKYP_js.DURATION_UNIT.Days, chunkF47XFKYP_js.DURATION_UNIT.Hours]);
+var LEASE_UNITS = /* @__PURE__ */ new Set([chunkF47XFKYP_js.DURATION_UNIT.Weeks, chunkF47XFKYP_js.DURATION_UNIT.Months, chunkF47XFKYP_js.DURATION_UNIT.Years]);
 function resolveCardVariant(product) {
-  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkF47XFKYP_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkF47XFKYP_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkF47XFKYP_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkF47XFKYP_js.PRODUCT_TYPE.Service) {
     if (product.duration_unit && RENTAL_UNITS.has(product.duration_unit)) {
       return "rental" /* Rental */;
     }
-    if (product.duration_unit === chunkGS7AX6B3_js.DURATION_UNIT.Nights) {
+    if (product.duration_unit === chunkF47XFKYP_js.DURATION_UNIT.Nights) {
       return "accommodation" /* Accommodation */;
     }
     if (product.duration_unit && LEASE_UNITS.has(product.duration_unit)) {
@@ -6578,10 +7610,10 @@ function resolveCardVariant(product) {
     }
     return "standard" /* Standard */;
   }
-  if (product.render_hint === chunkGS7AX6B3_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkF47XFKYP_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkGS7AX6B3_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkF47XFKYP_js.RENDER_HINT.Physical) {
     return "retail" /* Retail */;
   }
   return "retail" /* Retail */;
@@ -6602,22 +7634,22 @@ function ProductCard({
   classNames
 }) {
   const mode = displayMode ?? product.display_mode ?? "card";
-  const [isOpen, setIsOpen] = React3.useState(false);
-  const [shouldFetch, setShouldFetch] = React3.useState(false);
+  const [isOpen, setIsOpen] = React10.useState(false);
+  const [shouldFetch, setShouldFetch] = React10.useState(false);
   const { product: productDetails } = useProduct(
     product.slug ?? product.id,
     { enabled: shouldFetch || isOpen }
   );
-  const handlePrefetch = React3.useCallback(() => {
+  const handlePrefetch = React10.useCallback(() => {
     setShouldFetch(true);
   }, []);
-  const handleOpenChange = React3.useCallback((open) => {
+  const handleOpenChange = React10.useCallback((open) => {
     setIsOpen(open);
     if (open) {
       setShouldFetch(true);
     }
   }, []);
-  const handleClose = React3.useCallback(() => {
+  const handleClose = React10.useCallback(() => {
     setIsOpen(false);
   }, []);
   const imageUrl = product.image_url || product.images?.[0];
@@ -6746,13 +7778,13 @@ function ProductGrid({
   className,
   classNames
 }) {
-  const rawId = React3__default.default.useId();
+  const rawId = React10__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 = React3__default.default.useMemo(
+  const css = React10__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)}}`,
@@ -6830,12 +7862,12 @@ function SearchInput({
   className,
   classNames
 }) {
-  const mergedOptions = React3.useMemo(
+  const mergedOptions = React10.useMemo(
     () => categoryId ? { ...searchOptions, category: categoryId } : searchOptions ?? {},
     [searchOptions, categoryId]
   );
   const { results, isLoading, query, setQuery, clear } = useSearch(mergedOptions);
-  const handleValueChange = React3.useCallback(
+  const handleValueChange = React10.useCallback(
     (value) => {
       setQuery(value);
     },
@@ -6934,7 +7966,7 @@ function CategoryFilter({
   classNames
 }) {
   const { categories, isLoading } = useCategories();
-  const handleValueChange = React3.useCallback(
+  const handleValueChange = React10.useCallback(
     (value) => {
       onSelect(value === ALL_VALUE ? null : String(value));
     },
@@ -7001,10 +8033,10 @@ function DiscountInput({
   className,
   classNames
 }) {
-  const [code, setCode] = React3.useState("");
-  const [appliedValidation, setAppliedValidation] = React3.useState(null);
+  const [code, setCode] = React10.useState("");
+  const [appliedValidation, setAppliedValidation] = React10.useState(null);
   const { validate, isValidating, error } = useValidateDiscount();
-  const handleApply = React3.useCallback(async () => {
+  const handleApply = React10.useCallback(async () => {
     const trimmed = code.trim();
     if (!trimmed) return;
     const result = await validate(trimmed, orderSubtotal, locationId);
@@ -7017,12 +8049,12 @@ function DiscountInput({
       }
     }
   }, [code, validate, orderSubtotal, locationId, onApply]);
-  const handleClear = React3.useCallback(() => {
+  const handleClear = React10.useCallback(() => {
     setCode("");
     setAppliedValidation(null);
     onClear?.();
   }, [onClear]);
-  const handleKeyDown = React3.useCallback(
+  const handleKeyDown = React10.useCallback(
     (e) => {
       if (e.key === "Enter") {
         void handleApply();
@@ -7113,7 +8145,7 @@ function CategoryGrid({
     enabled: categoriesProp === void 0
   });
   const categories = categoriesProp ?? fetched;
-  const rawId = React3__default.default.useId();
+  const rawId = React10__default.default.useId();
   const gridId = `cimplify-cat-grid-${rawId.replace(/:/g, "")}`;
   const sm = columns?.sm ?? 2;
   const md = columns?.md ?? 3;
@@ -7339,7 +8371,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(React3__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(React10__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,
@@ -7774,9 +8806,9 @@ function DateSlotPicker({
   className,
   classNames
 }) {
-  const [offset, setOffset] = React3.useState(0);
-  const [selectedDate, setSelectedDate] = React3.useState(toDateString(/* @__PURE__ */ new Date()));
-  const dateRange = React3.useMemo(() => {
+  const [offset, setOffset] = React10.useState(0);
+  const [selectedDate, setSelectedDate] = React10.useState(toDateString(/* @__PURE__ */ new Date()));
+  const dateRange = React10.useMemo(() => {
     const today = /* @__PURE__ */ new Date();
     const start = addDays(today, offset);
     const dates = [];
@@ -7799,25 +8831,25 @@ function DateSlotPicker({
     }
   );
   const days = availabilityProp ?? fetchedDays;
-  const availabilityMap = React3.useMemo(() => {
+  const availabilityMap = React10.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const day of days) {
       map.set(day.date, day);
     }
     return map;
   }, [days]);
-  const handlePrev = React3.useCallback(() => {
+  const handlePrev = React10.useCallback(() => {
     setOffset((prev) => Math.max(0, prev - daysToShow));
   }, [daysToShow]);
-  const handleNext = React3.useCallback(() => {
+  const handleNext = React10.useCallback(() => {
     setOffset((prev) => prev + daysToShow);
   }, [daysToShow]);
-  const handleDateChange = React3.useCallback((value) => {
+  const handleDateChange = React10.useCallback((value) => {
     if (typeof value === "string") {
       setSelectedDate(value);
     }
   }, []);
-  const handleSlotSelect = React3.useCallback(
+  const handleSlotSelect = React10.useCallback(
     (slot) => {
       onSlotSelect?.(slot, selectedDate);
     },
@@ -8320,7 +9352,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(React3__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+          (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React10__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
             ProductCard,
             {
               product,
@@ -8427,7 +9459,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(React3__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React10__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -8450,8 +9482,8 @@ var BUILT_IN_LAYOUTS = {
   ["compact" /* Compact */]: CompactCatalogueLayout
 };
 function useDebounce(value, delay) {
-  const [debounced, setDebounced] = React3__default.default.useState(value);
-  React3__default.default.useEffect(() => {
+  const [debounced, setDebounced] = React10__default.default.useState(value);
+  React10__default.default.useEffect(() => {
     const timer = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(timer);
   }, [value, delay]);
@@ -8475,15 +9507,15 @@ function CataloguePage({
   className,
   classNames
 }) {
-  const [selectedCategory, setSelectedCategory] = React3.useState(null);
-  const [searchQuery, setSearchQuery] = React3.useState("");
-  const [sortBy, setSortBy] = React3.useState(defaultSort?.by ?? "created_at");
-  const [sortOrder, setSortOrder] = React3.useState(defaultSort?.order ?? "desc");
-  const [inStockOnly, setInStockOnly] = React3.useState(false);
-  const [selectedTags, setSelectedTags] = React3.useState([]);
-  const [minPrice, setMinPrice] = React3.useState("");
-  const [maxPrice, setMaxPrice] = React3.useState("");
-  const [page, setPage] = React3.useState(1);
+  const [selectedCategory, setSelectedCategory] = React10.useState(null);
+  const [searchQuery, setSearchQuery] = React10.useState("");
+  const [sortBy, setSortBy] = React10.useState(defaultSort?.by ?? "created_at");
+  const [sortOrder, setSortOrder] = React10.useState(defaultSort?.order ?? "desc");
+  const [inStockOnly, setInStockOnly] = React10.useState(false);
+  const [selectedTags, setSelectedTags] = React10.useState([]);
+  const [minPrice, setMinPrice] = React10.useState("");
+  const [maxPrice, setMaxPrice] = React10.useState("");
+  const [page, setPage] = React10.useState(1);
   const debouncedSearch = useDebounce(searchQuery, 300);
   const { products: fetchedProducts, isLoading, pagination } = useProducts({
     enabled: productsProp === void 0,
@@ -8504,22 +9536,22 @@ function CataloguePage({
   const products = productsProp ?? fetchedProducts;
   const categories = categoriesProp ?? fetchedCategories;
   const totalPages = pagination?.total_pages ?? 1;
-  const handleCategoryChange = React3.useCallback((id) => {
+  const handleCategoryChange = React10.useCallback((id) => {
     setSelectedCategory(id);
     setPage(1);
   }, []);
-  const handleSortChange = React3.useCallback((by, order) => {
+  const handleSortChange = React10.useCallback((by, order) => {
     setSortBy(by);
     setSortOrder(order);
     setPage(1);
   }, []);
-  const handleTagToggle = React3.useCallback((tag) => {
+  const handleTagToggle = React10.useCallback((tag) => {
     setSelectedTags(
       (prev) => prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag]
     );
     setPage(1);
   }, []);
-  const handlePriceRangeChange = React3.useCallback((min, max) => {
+  const handlePriceRangeChange = React10.useCallback((min, max) => {
     setMinPrice(min);
     setMaxPrice(max);
     setPage(1);
@@ -8943,15 +9975,6 @@ function WholesaleProductLayout({
     )
   ] });
 }
-function formatMinutes(minutes) {
-  if (minutes >= 1440) return `${Math.floor(minutes / 1440)} day${minutes >= 2880 ? "s" : ""}`;
-  if (minutes >= 60) {
-    const h = Math.floor(minutes / 60);
-    const m = minutes % 60;
-    return m > 0 ? `${h}h ${m}min` : `${h} hour${h > 1 ? "s" : ""}`;
-  }
-  return `${minutes} min`;
-}
 function ServiceProductLayout({
   product,
   onAddToCart,
@@ -8983,7 +10006,7 @@ function ServiceProductLayout({
             /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, className: "text-2xl font-bold text-primary mt-2 block" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-product-layout-service-info": true, className: "flex flex-wrap gap-2", children: [
-            product.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-1.5 px-3 py-1.5 bg-muted text-sm text-muted-foreground rounded-full", children: formatMinutes(product.duration_minutes) }),
+            product.duration_minutes != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-1.5 px-3 py-1.5 bg-muted text-sm text-muted-foreground rounded-full", children: formatDuration2(product.duration_minutes, product.duration_unit) }),
             hasDeposit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-3 py-1.5 bg-muted text-sm text-muted-foreground rounded-full", children: [
               /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: depositAmount }),
               " deposit"
@@ -9020,7 +10043,7 @@ function ServiceProductLayout({
                 cancellationHours,
                 " hours"
               ] }),
-              " before the appointment"
+              " before the booking"
             ] }),
             product.no_show_fee && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
               "No-show fee: ",
@@ -9351,25 +10374,25 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
-  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkF47XFKYP_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkF47XFKYP_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkF47XFKYP_js.PRODUCT_TYPE.Service) {
     return "service" /* Service */;
   }
-  if (product.type === chunkGS7AX6B3_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkF47XFKYP_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.render_hint === chunkGS7AX6B3_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkF47XFKYP_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkGS7AX6B3_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkF47XFKYP_js.RENDER_HINT.Physical) {
     return "physical" /* Physical */;
   }
   return "default" /* Default */;
@@ -9635,9 +10658,9 @@ function DefaultCollectionLayout({
   onQuickAdd,
   className
 }) {
-  const [searchQuery, setSearchQuery] = React3.useState("");
-  const [activeTag, setActiveTag] = React3.useState(null);
-  const collectionTags = React3.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React10.useState("");
+  const [activeTag, setActiveTag] = React10.useState(null);
+  const collectionTags = React10.useMemo(() => {
     const tagSet = /* @__PURE__ */ new Set();
     for (const p of products) {
       if (p.tags) {
@@ -9646,7 +10669,7 @@ function DefaultCollectionLayout({
     }
     return Array.from(tagSet).slice(0, 6);
   }, [products]);
-  const filtered = React3.useMemo(() => {
+  const filtered = React10.useMemo(() => {
     let result = products;
     if (searchQuery.trim().length >= 2) {
       const q = searchQuery.toLowerCase();
@@ -9721,7 +10744,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(React3__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React10__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -9774,7 +10797,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(React3__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React10__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -9796,10 +10819,10 @@ function CatalogueCollectionLayout({
   onQuickAdd,
   className
 }) {
-  const [searchQuery, setSearchQuery] = React3.useState("");
-  const [activeCategory, setActiveCategory] = React3.useState(null);
-  const [sortBy, setSortBy] = React3.useState("default");
-  const categories = React3.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React10.useState("");
+  const [activeCategory, setActiveCategory] = React10.useState(null);
+  const [sortBy, setSortBy] = React10.useState("default");
+  const categories = React10.useMemo(() => {
     const cats = /* @__PURE__ */ new Map();
     for (const p of products) {
       if (p.category_id && p.tags) {
@@ -9810,7 +10833,7 @@ function CatalogueCollectionLayout({
     }
     return Array.from(cats.values()).slice(0, 8);
   }, [products]);
-  const filtered = React3.useMemo(() => {
+  const filtered = React10.useMemo(() => {
     let result = products;
     if (searchQuery.trim().length >= 2) {
       const q = searchQuery.toLowerCase();
@@ -9898,7 +10921,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(React3__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React10__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -10077,13 +11100,13 @@ function OrderHistoryPage({
   className,
   classNames
 }) {
-  const [statusFilter, setStatusFilter] = React3.useState(void 0);
-  const [selectedOrder, setSelectedOrder] = React3.useState(null);
-  const handleTabChange = React3.useCallback((value) => {
+  const [statusFilter, setStatusFilter] = React10.useState(void 0);
+  const [selectedOrder, setSelectedOrder] = React10.useState(null);
+  const handleTabChange = React10.useCallback((value) => {
     const filter = STATUS_FILTERS.find((f) => f.tabValue === value);
     setStatusFilter(filter?.value);
   }, []);
-  const handleOrderClick = React3.useCallback(
+  const handleOrderClick = React10.useCallback(
     (order) => {
       if (onOrderNavigate) {
         onOrderNavigate(order);
@@ -10093,7 +11116,7 @@ function OrderHistoryPage({
     },
     [onOrderNavigate]
   );
-  const handleBack = React3.useCallback(() => {
+  const handleBack = React10.useCallback(() => {
     setSelectedOrder(null);
   }, []);
   const activeTabValue = STATUS_FILTERS.find((f) => f.value === statusFilter)?.tabValue ?? "all";
@@ -10278,7 +11301,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(React3__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+        (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React10__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
           ProductCard,
           {
             product,
@@ -10380,7 +11403,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(React3__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React10__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -10711,11 +11734,11 @@ function DeliveryEstimate({
 }) {
   const context = useOptionalCimplifyClient();
   const client = context?.client ?? null;
-  const [result, setResult] = React3.useState(null);
-  const [isLoading, setIsLoading] = React3.useState(true);
-  const [error, setError] = React3.useState(null);
-  const requestIdRef = React3.useRef(0);
-  React3.useEffect(() => {
+  const [result, setResult] = React10.useState(null);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  const requestIdRef = React10.useRef(0);
+  React10.useEffect(() => {
     if (!client) return;
     const nextRequestId = ++requestIdRef.current;
     setIsLoading(true);
@@ -10796,10 +11819,10 @@ function CurrencySelector({
 }) {
   const context = useOptionalCimplifyClient();
   const client = context?.client ?? null;
-  const [rates, setRates] = React3.useState({});
-  const [isLoadingRates, setIsLoadingRates] = React3.useState(false);
-  const requestIdRef = React3.useRef(0);
-  React3.useEffect(() => {
+  const [rates, setRates] = React10.useState({});
+  const [isLoadingRates, setIsLoadingRates] = React10.useState(false);
+  const requestIdRef = React10.useRef(0);
+  React10.useEffect(() => {
     if (!showRate || !baseCurrency || !client) return;
     const targets = currencies.filter((c) => c !== baseCurrency);
     if (targets.length === 0) return;
@@ -10944,10 +11967,496 @@ function ResourcePicker({
     }
   );
 }
+function ChatWidget({
+  client: clientProp,
+  businessName = "Support",
+  greeting = "Hi there!",
+  subtitle = "Ask us anything \u2014 we typically reply in a few seconds.",
+  starters,
+  placeholder = "Type a message\u2026",
+  position = "bottom-right",
+  defaultOpen = false,
+  pollInterval,
+  className,
+  classNames
+}) {
+  const context = useOptionalCimplifyClient();
+  const client = clientProp ?? context?.client;
+  const [open, setOpen] = React10.useState(defaultOpen);
+  const [unread, setUnread] = React10.useState(0);
+  const { messages, isLoading, isSending, error, isActive, send, startConversation } = useChat({ client, pollInterval });
+  const prevCountRef = React10.useRef(messages.length);
+  React10.useEffect(() => {
+    if (!open && messages.length > prevCountRef.current) {
+      const newMessages = messages.slice(prevCountRef.current);
+      const incomingCount = newMessages.filter(
+        (m) => m.sender_type !== "customer"
+      ).length;
+      if (incomingCount > 0) setUnread((n) => n + incomingCount);
+    }
+    prevCountRef.current = messages.length;
+  }, [messages, open]);
+  const handleOpen = React10.useCallback(() => {
+    setOpen(true);
+    setUnread(0);
+  }, []);
+  const handleClose = React10.useCallback(() => setOpen(false), []);
+  const isLeft = position === "bottom-left";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "fixed bottom-6 z-[9999]",
+        isLeft ? "left-6" : "right-6",
+        className,
+        classNames?.root
+      ),
+      children: [
+        !open && /* @__PURE__ */ jsxRuntime.jsx(
+          Bubble,
+          {
+            unread,
+            onClick: handleOpen,
+            className: classNames?.bubble
+          }
+        ),
+        open && /* @__PURE__ */ jsxRuntime.jsx(
+          Panel,
+          {
+            businessName,
+            greeting,
+            subtitle,
+            starters,
+            placeholder,
+            messages,
+            isLoading,
+            isSending,
+            error,
+            isActive,
+            isLeft,
+            onClose: handleClose,
+            onSend: send,
+            onStartConversation: startConversation,
+            classNames
+          }
+        )
+      ]
+    }
+  );
+}
+function Bubble({
+  unread,
+  onClick,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": "Open chat",
+      className: cn(
+        "relative flex h-14 w-14 items-center justify-center rounded-full",
+        "bg-foreground text-background shadow-lg",
+        "transition-transform duration-300 ease-out",
+        "hover:scale-[1.08] active:scale-95",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ChatIcon, { className: "h-6 w-6" }),
+        unread > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "absolute -right-0.5 -top-0.5 flex h-5 w-5 items-center justify-center",
+              "rounded-full bg-red-500 text-[10px] font-bold text-white",
+              "ring-2 ring-background"
+            ),
+            children: unread > 9 ? "9+" : unread
+          }
+        )
+      ]
+    }
+  );
+}
+function Panel({
+  businessName,
+  greeting,
+  subtitle,
+  starters,
+  placeholder,
+  messages,
+  isLoading,
+  isSending,
+  error,
+  isActive,
+  isLeft,
+  onClose,
+  onSend,
+  onStartConversation,
+  classNames
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col overflow-hidden rounded-2xl bg-background shadow-2xl",
+        "w-[400px] max-w-[calc(100vw-3rem)]",
+        "h-[min(600px,calc(100vh-6rem))]",
+        "animate-in fade-in slide-in-from-bottom-4 duration-300",
+        isLeft ? "origin-bottom-left" : "origin-bottom-right",
+        classNames?.panel
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Header,
+          {
+            businessName,
+            onClose,
+            className: classNames?.header
+          }
+        ),
+        !isActive && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
+          Welcome,
+          {
+            greeting,
+            subtitle,
+            starters,
+            onStarter: onStartConversation,
+            className: classNames?.welcome
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          MessageList,
+          {
+            messages,
+            isLoading,
+            isSending,
+            className: classNames?.messages
+          }
+        ),
+        error != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-red-200 bg-red-50 px-4 py-2 text-xs text-red-600", children: "Something went wrong. Please try again." }),
+        (isActive || isLoading) && /* @__PURE__ */ jsxRuntime.jsx(
+          ChatInput,
+          {
+            placeholder,
+            isSending,
+            onSend,
+            className: classNames?.input
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 border-t border-border bg-background px-4 py-1.5 text-center text-[10px] text-muted-foreground", children: [
+          "Powered by",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: "Cimplify" })
+        ] })
+      ]
+    }
+  );
+}
+function Header({
+  businessName,
+  onClose,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-shrink-0 items-center gap-3 bg-foreground px-5 py-4 text-background",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-[10px] bg-white/15", children: /* @__PURE__ */ jsxRuntime.jsx(ChatIcon, { className: "h-5 w-5" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-[15px] font-semibold leading-tight", children: businessName }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-white/60", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-[7px] w-[7px] flex-shrink-0 rounded-full bg-emerald-400" }),
+            "Online"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            "aria-label": "Close chat",
+            className: cn(
+              "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg",
+              "bg-white/10 text-white/70 transition-colors hover:bg-white/20 hover:text-white"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { className: "h-[18px] w-[18px]" })
+          }
+        )
+      ]
+    }
+  );
+}
+function Welcome({
+  greeting,
+  subtitle,
+  starters,
+  onStarter,
+  className
+}) {
+  const defaultStarters = [
+    { icon: "\u{1F50D}", text: "Help me find a product" },
+    { icon: "\u{1F6D2}", text: "Check my cart" },
+    { icon: "\u{1F4E6}", text: "Track my order" }
+  ];
+  const items = starters ?? defaultStarters;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-1 flex-col items-center justify-center overflow-y-auto bg-muted/50 px-8 py-10 text-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-5 flex h-16 w-16 items-center justify-center rounded-2xl bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(ChatIcon, { className: "h-7 w-7 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-xl font-bold text-foreground", children: greeting }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 max-w-[280px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full max-w-[300px] flex-col gap-2", children: items.map((s) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onStarter(s.text),
+            className: cn(
+              "flex items-center gap-3 rounded-xl border border-border bg-background px-4 py-3",
+              "text-left text-[13px] font-medium text-foreground",
+              "transition-all hover:-translate-y-px hover:border-foreground hover:shadow-sm"
+            ),
+            children: [
+              s.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg bg-muted text-[15px]", children: s.icon }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: s.text })
+            ]
+          },
+          s.text
+        )) })
+      ]
+    }
+  );
+}
+function MessageList({
+  messages,
+  isLoading,
+  isSending,
+  className
+}) {
+  const bottomRef = React10.useRef(null);
+  React10.useEffect(() => {
+    bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages.length, isSending]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-1 flex-col gap-1 overflow-y-auto bg-muted/50 px-5 py-5",
+        className
+      ),
+      children: [
+        isLoading && messages.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(TypingDots, {}) }),
+        messages.map((msg, i) => {
+          const isCustomer = msg.sender_type === "customer";
+          const prev = messages[i - 1];
+          const sameSenderAsPrev = prev?.sender_type === msg.sender_type;
+          const isOptimistic = msg.id.startsWith("opt_");
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            !sameSenderAsPrev && i > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "flex max-w-[85%]",
+                  isCustomer ? "ml-auto" : "mr-auto"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed",
+                      isCustomer ? "bg-foreground text-background" : "border border-border bg-background text-foreground",
+                      isCustomer ? sameSenderAsPrev ? "rounded-tr" : "rounded-br" : sameSenderAsPrev ? "rounded-tl" : "rounded-bl",
+                      isOptimistic && "opacity-70"
+                    ),
+                    children: [
+                      !isCustomer && !sameSenderAsPrev && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mb-1 inline-flex items-center gap-1 rounded bg-violet-100 px-1.5 py-0.5 text-[10px] font-semibold text-violet-600", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(SparkleIcon, { className: "h-[11px] w-[11px]" }),
+                        "AI"
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children: msg.content })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }, msg.id);
+        }),
+        isSending && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-auto mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(TypingDots, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: bottomRef })
+      ]
+    }
+  );
+}
+function ChatInput({
+  placeholder,
+  isSending,
+  onSend,
+  className
+}) {
+  const [value, setValue] = React10.useState("");
+  const textareaRef = React10.useRef(null);
+  const handleSend = React10.useCallback(() => {
+    const trimmed = value.trim();
+    if (!trimmed || isSending) return;
+    setValue("");
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto";
+    }
+    onSend(trimmed);
+  }, [value, isSending, onSend]);
+  const handleKeyDown = React10.useCallback(
+    (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        handleSend();
+      }
+    },
+    [handleSend]
+  );
+  const handleInput = React10.useCallback(() => {
+    const el = textareaRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, 100)}px`;
+  }, []);
+  const hasContent = value.trim().length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-shrink-0 items-end gap-2 border-t border-border bg-background px-4 py-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "flex flex-1 items-end rounded-xl border-[1.5px] border-transparent bg-muted px-1",
+              "transition-colors focus-within:border-foreground focus-within:bg-background"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                ref: textareaRef,
+                value,
+                onChange: (e) => setValue(e.target.value),
+                onKeyDown: handleKeyDown,
+                onInput: handleInput,
+                placeholder,
+                rows: 1,
+                className: cn(
+                  "max-h-[100px] min-h-[20px] flex-1 resize-none bg-transparent px-2.5 py-2",
+                  "text-sm text-foreground outline-none placeholder:text-muted-foreground"
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleSend,
+            disabled: !hasContent || isSending,
+            "aria-label": "Send message",
+            className: cn(
+              "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-[10px]",
+              "transition-all duration-200",
+              hasContent && !isSending ? "bg-foreground text-background hover:scale-105 active:scale-95" : "bg-muted text-muted-foreground"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(SendIcon, { className: "h-[18px] w-[18px]" })
+          }
+        )
+      ]
+    }
+  );
+}
+function TypingDots() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 px-4 py-3", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "h-[7px] w-[7px] animate-bounce rounded-full bg-muted-foreground/40",
+      style: { animationDelay: `${i * 160}ms` }
+    },
+    i
+  )) });
+}
+function ChatIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" })
+    }
+  );
+}
+function CloseIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+    }
+  );
+}
+function SendIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+        /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+      ]
+    }
+  );
+}
+function SparkleIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2.5,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83" })
+    }
+  );
+}
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkGS7AX6B3_js.getVariantDisplayName; }
+  get: function () { return chunkF47XFKYP_js.getVariantDisplayName; }
 });
 exports.AccommodationCard = AccommodationCard;
 exports.Ad = Ad;
@@ -10973,6 +12482,7 @@ exports.CataloguePage = CataloguePage;
 exports.CatalogueTemplate = CatalogueTemplate;
 exports.CategoryFilter = CategoryFilter;
 exports.CategoryGrid = CategoryGrid;
+exports.ChatWidget = ChatWidget;
 exports.CheckoutPage = CheckoutPage;
 exports.CimplifyAccount = CimplifyAccount;
 exports.CimplifyCheckout = CimplifyCheckout;
@@ -10988,6 +12498,7 @@ exports.CompositeProductLayout = CompositeProductLayout;
 exports.CompositeSelector = CompositeSelector;
 exports.CurrencySelector = CurrencySelector;
 exports.CustomAttributesTable = CustomAttributesTable;
+exports.CustomerInputFields = CustomerInputFields;
 exports.DateSlotPicker = DateSlotPicker;
 exports.DealBanner = DealBanner;
 exports.DealsPage = DealsPage;
@@ -11063,6 +12574,7 @@ exports.useBootstrap = useBootstrap;
 exports.useBundles = useBundles;
 exports.useCart = useCart;
 exports.useCategories = useCategories;
+exports.useChat = useChat;
 exports.useCheckout = useCheckout;
 exports.useCimplify = useCimplify;
 exports.useCimplifyClient = useCimplifyClient;