@cimplify/sdk 0.90.0 → 0.93.0

package/dist/react.js

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkT7Z25EY4_js = require('./chunk-T7Z25EY4.js');
+var chunkHKN3YG76_js = require('./chunk-HKN3YG76.js');
 var chunkXREIZ56K_js = require('./chunk-XREIZ56K.js');
-var chunkBN4V4ONE_js = require('./chunk-BN4V4ONE.js');
-var chunkGHFDYM5K_js = require('./chunk-GHFDYM5K.js');
+var chunkQLGZIBRO_js = require('./chunk-QLGZIBRO.js');
+var chunkVEOAMBEX_js = require('./chunk-VEOAMBEX.js');
 var chunkPTPOQVXS_js = require('./chunk-PTPOQVXS.js');
 var chunkAETVRBKI_js = require('./chunk-AETVRBKI.js');
 require('./chunk-OWW5GUSB.js');
@@ -747,6 +747,7 @@ function mapServerCart(serverCart, fallbackCurrency) {
       scheduledStart: item.scheduled_start || void 0,
       scheduledEnd: item.scheduled_end || void 0,
       staffId: item.staff_id || void 0,
+      units: item.units || void 0,
       lineType: item.line_type,
       confirmationCode: item.confirmation_code || void 0,
       serviceStatus: item.service_status || void 0,
@@ -805,7 +806,7 @@ async function syncFromServer(entry) {
   return next;
 }
 function emitMutationError(entry, operation, opId, idempotencyKey, error) {
-  entry.client.events.emit("mutation:error", {
+  entry.client.events.emit(chunkQLGZIBRO_js.MUTATION_ERROR, {
     service: "cart",
     operation,
     opId,
@@ -845,6 +846,12 @@ function getOrCreateStore(params) {
     syncTail: Promise.resolve(),
     failedOpRemovers: /* @__PURE__ */ new Set()
   };
+  client.events.on(chunkQLGZIBRO_js.SESSION_CLAIMED, () => {
+    if (entry.initialized) void syncFromServer(entry);
+  });
+  client.events.on(chunkQLGZIBRO_js.SESSION_CLEARED, () => {
+    if (entry.initialized) void syncFromServer(entry);
+  });
   cartStores.set(storeKey, entry);
   return entry;
 }
@@ -903,7 +910,8 @@ async function performAddItem(entry, product, quantity, options) {
     specialInstructions: normalizedOptions.specialInstructions,
     scheduledStart: normalizedOptions.scheduledStart,
     scheduledEnd: normalizedOptions.scheduledEnd,
-    staffId: normalizedOptions.staffId
+    staffId: normalizedOptions.staffId,
+    units: normalizedOptions.units
   });
   const idempotencyKey = `idem_${typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}_${Math.random().toString(36).slice(2, 10)}`}`;
   const patch = { kind: "add_item", tempItem, lineKey };
@@ -925,6 +933,7 @@ async function performAddItem(entry, product, quantity, options) {
         scheduled_end: normalizedOptions.scheduledEnd,
         staff_id: normalizedOptions.staffId,
         resource_id: normalizedOptions.resourceId,
+        units: normalizedOptions.units,
         customer_inputs: normalizedOptions.customerInputs
       },
       { idempotencyKey }
@@ -1136,7 +1145,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkBN4V4ONE_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkQLGZIBRO_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1289,7 +1298,7 @@ function CimplifyProvider({
     const apiCredentials = resolvedClient.getCredentialsMode() === "include" ? "use-credentials" : "anonymous";
     preconnectOrigin(resolvedClient.getBaseUrl(), apiCredentials);
     preconnectOrigin(resolvedClient.getLinkApiUrl(), apiCredentials);
-    preconnectOrigin(chunkT7Z25EY4_js.DEFAULT_CDN_BASE_URL);
+    preconnectOrigin(chunkHKN3YG76_js.DEFAULT_CDN_BASE_URL);
   }
   const setCurrentLocation = React14.useCallback(
     (location) => {
@@ -3448,7 +3457,7 @@ function CimplifySignInButton({
   const onClick = async () => {
     if (busy || disabled || !signInOpts.clientId) return;
     setBusy(true);
-    await chunkGHFDYM5K_js.startSignIn({
+    await chunkVEOAMBEX_js.startSignIn({
       ...signInOpts,
       onSuccess: () => {
         setBusy(false);
@@ -5478,14 +5487,24 @@ function useServices(options = {}) {
 }
 
 // src/react/hooks/use-available-slots.ts
+function narrowingUnits(units) {
+  return units != null && units > 1 ? units : void 0;
+}
 var slotsQuery = createCachedQuery({
   name: "useAvailableSlots",
-  key: (client, options) => cacheKey(client.getPublicKey(), options.serviceId, options.date, options.participantCount),
+  key: (client, options) => cacheKey(
+    client.getPublicKey(),
+    options.serviceId,
+    options.date,
+    options.participantCount,
+    narrowingUnits(options.units)
+  ),
   fetch: async (client, options) => {
     const result = await client.scheduling.getAvailableSlots({
       service_id: options.serviceId,
       date: options.date,
-      participant_count: options.participantCount
+      participant_count: options.participantCount,
+      units: narrowingUnits(options.units)
     });
     if (!result.ok) throw result.error;
     return result.value;
@@ -5502,6 +5521,9 @@ function useAvailableSlots(serviceId, date, options = {}) {
 }
 
 // src/react/hooks/use-service-availability.ts
+function narrowingUnits2(units) {
+  return units != null && units > 1 ? units : void 0;
+}
 var serviceAvailabilityQuery = createCachedQuery({
   name: "useServiceAvailability",
   key: (client, options) => cacheKey(
@@ -5509,7 +5531,8 @@ var serviceAvailabilityQuery = createCachedQuery({
     options.serviceId,
     options.startDate,
     options.endDate,
-    options.participantCount
+    options.participantCount,
+    narrowingUnits2(options.units)
   ),
   fetch: async (client, options) => {
     const result = await client.scheduling.getServiceAvailability({
@@ -5517,7 +5540,8 @@ var serviceAvailabilityQuery = createCachedQuery({
       start_date: options.startDate,
       end_date: options.endDate,
       location_id: options.locationId,
-      participant_count: options.participantCount
+      participant_count: options.participantCount,
+      units: narrowingUnits2(options.units)
     });
     if (!result.ok) throw result.error;
     return result.value.availability;
@@ -5889,6 +5913,20 @@ var IDLE_TIMEOUT_MS = 6e4;
 var WS_MAX_RECONNECT_ATTEMPTS = 10;
 var WS_PATH = "/api/v1/support/conversation/ws";
 var AWAIT_REPLY_TIMEOUT_MS = 3e4;
+function mergeMessages(prev, incoming) {
+  const ids = new Set(prev.map((m) => m.id));
+  const fresh = incoming.filter((m) => !ids.has(m.id));
+  if (fresh.length === 0) return prev;
+  const merged = [...prev, ...fresh].sort(
+    (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
+  );
+  const confirmed = new Set(
+    merged.filter((m) => !m.id.startsWith("opt_") && m.client_id).map((m) => m.client_id)
+  );
+  return merged.filter(
+    (m) => !(m.id.startsWith("opt_") && m.client_id && confirmed.has(m.client_id))
+  );
+}
 function useChat(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
@@ -5901,6 +5939,9 @@ function useChat(options = {}) {
   const [awaitingReply, setAwaitingReply] = React14.useState(false);
   const [seenAt, setSeenAt] = React14.useState(null);
   const [mayHaveOlder, setMayHaveOlder] = React14.useState(false);
+  const [claimedAs, setClaimedAs] = React14.useState(
+    () => client?.support.claimedCustomerName ?? null
+  );
   const pollRef = React14.useRef(null);
   const lastActivityRef = React14.useRef(Date.now());
   const openedRef = React14.useRef(false);
@@ -5912,6 +5953,7 @@ function useChat(options = {}) {
   const aiEnabledRef = React14.useRef(false);
   const humanRequestedRef = React14.useRef(false);
   const awaitReplyTimerRef = React14.useRef(null);
+  const claimUnsubRef = React14.useRef(null);
   messagesRef.current = messages;
   clientRef.current = client;
   humanRequestedRef.current = humanRequested;
@@ -5937,18 +5979,22 @@ function useChat(options = {}) {
       if (incoming.some((m) => m.sender_type === "bot" || m.sender_type === "agent")) {
         stopAwaitingReply();
       }
-      setMessages((prev) => {
-        const ids = new Set(prev.map((m) => m.id));
-        const fresh = incoming.filter((m) => !ids.has(m.id));
-        return fresh.length > 0 ? [...prev, ...fresh] : prev;
-      });
+      if (incoming.length > 0) lastActivityRef.current = Date.now();
+      setMessages((prev) => mergeMessages(prev, incoming));
     },
     [stopAwaitingReply]
   );
+  const lastConfirmedMessage = React14.useCallback(() => {
+    const list = messagesRef.current;
+    for (let i = list.length - 1; i >= 0; i--) {
+      if (!list[i].id.startsWith("opt_")) return list[i];
+    }
+    return void 0;
+  }, []);
   const fetchNewMessages = React14.useCallback(async () => {
     const c = clientRef.current;
     if (!c) return;
-    const last = messagesRef.current[messagesRef.current.length - 1];
+    const last = lastConfirmedMessage();
     const result = await c.support.getMessages({
       after: last?.created_at,
       limit: 50
@@ -5956,29 +6002,61 @@ function useChat(options = {}) {
     if (result.ok && result.value.length > 0) {
       appendMessages(result.value);
     }
-  }, [appendMessages]);
-  const pollMessages = React14.useCallback(async () => {
-    if (Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS) return;
-    await fetchNewMessages();
-  }, [fetchNewMessages]);
+  }, [appendMessages, lastConfirmedMessage]);
   const startPolling = React14.useCallback(() => {
     if (pollRef.current) clearInterval(pollRef.current);
-    const interval = Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS ? pollIdleInterval : pollInterval;
-    pollRef.current = setInterval(pollMessages, interval);
-  }, [pollMessages, pollInterval, pollIdleInterval]);
+    const idle = () => Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS;
+    let current = idle() ? pollIdleInterval : pollInterval;
+    const tick = () => {
+      void fetchNewMessages().then(() => {
+        const desired = idle() ? pollIdleInterval : pollInterval;
+        if (desired !== current && pollRef.current) {
+          current = desired;
+          clearInterval(pollRef.current);
+          pollRef.current = setInterval(tick, current);
+        }
+      });
+    };
+    pollRef.current = setInterval(tick, current);
+  }, [fetchNewMessages, pollInterval, pollIdleInterval]);
   const stopPolling = React14.useCallback(() => {
     if (pollRef.current) {
       clearInterval(pollRef.current);
       pollRef.current = null;
     }
   }, []);
+  const resyncConversation = React14.useCallback(async () => {
+    const c = clientRef.current;
+    if (!c || !openedRef.current) return;
+    const result = await c.support.openConversation();
+    if (!result.ok) return;
+    const snapshot = result.value.messages;
+    setMessages((prev) => {
+      const snapshotIds = new Set(snapshot.map((m) => m.id));
+      const tail = snapshot.length > 0 ? new Date(snapshot[snapshot.length - 1].created_at).getTime() : 0;
+      const extras = prev.filter(
+        (m) => !snapshotIds.has(m.id) && (m.id.startsWith("opt_") || new Date(m.created_at).getTime() > tail)
+      );
+      return mergeMessages(snapshot, extras);
+    });
+    aiEnabledRef.current = result.value.conversation.ai_enabled;
+    setHumanRequested(result.value.conversation.needs_human_review ?? false);
+    setSeenAt(result.value.conversation.team_read_at ?? null);
+    setMayHaveOlder(result.value.messages.length >= 50);
+  }, []);
   const connectWebSocket = React14.useCallback(() => {
     const c = clientRef.current;
     if (!c || typeof WebSocket === "undefined") {
       startPolling();
       return;
     }
+    if (wsReconnectTimerRef.current) {
+      clearTimeout(wsReconnectTimerRef.current);
+      wsReconnectTimerRef.current = null;
+    }
     if (wsRef.current) {
+      wsRef.current.onclose = null;
+      wsRef.current.onmessage = null;
       wsRef.current.close();
       wsRef.current = null;
     }
@@ -6002,10 +6080,12 @@ function useChat(options = {}) {
           else stopAwaitingReply();
         } else if (envelope.type === "resync") {
           const latest = envelope.latest_message_at;
-          const last = messagesRef.current[messagesRef.current.length - 1];
+          const last = lastConfirmedMessage();
           if (latest && (!last || new Date(last.created_at).getTime() < new Date(latest).getTime())) {
             fetchNewMessages();
           }
+        } else if (envelope.type === "rekey") {
+          void resyncConversation();
         }
       } catch {
       }
@@ -6017,6 +6097,7 @@ function useChat(options = {}) {
       if (wsReconnectAttemptRef.current < WS_MAX_RECONNECT_ATTEMPTS) {
         const attempt = wsReconnectAttemptRef.current++;
         const delay = Math.min(1e3 * Math.pow(2, attempt) + Math.random() * 500, 3e4);
+        if (wsReconnectTimerRef.current) clearTimeout(wsReconnectTimerRef.current);
         wsReconnectTimerRef.current = setTimeout(connectWebSocket, delay);
       } else {
         startPolling();
@@ -6025,14 +6106,91 @@ function useChat(options = {}) {
     ws.onerror = () => {
     };
     wsRef.current = ws;
-  }, [appendMessages, startPolling, stopPolling, fetchNewMessages]);
+  }, [appendMessages, startPolling, stopPolling, fetchNewMessages, resyncConversation, lastConfirmedMessage]);
+  const resetConversation = React14.useCallback(() => {
+    stopPolling();
+    if (wsReconnectTimerRef.current) {
+      clearTimeout(wsReconnectTimerRef.current);
+      wsReconnectTimerRef.current = null;
+    }
+    if (wsRef.current) {
+      wsRef.current.onclose = null;
+      wsRef.current.close();
+      wsRef.current = null;
+    }
+    wsReconnectAttemptRef.current = 0;
+    openedRef.current = false;
+    stopAwaitingReply();
+    setMessages([]);
+    setConversationOpened(false);
+    setHumanRequested(false);
+    setSeenAt(null);
+    setMayHaveOlder(false);
+    setError(null);
+    setClaimedAs(null);
+  }, [stopPolling, stopAwaitingReply]);
+  const hydrateConversation = React14.useCallback(
+    (value) => {
+      const c = clientRef.current;
+      setMessages(value.messages);
+      setConversationOpened(true);
+      aiEnabledRef.current = value.conversation.ai_enabled;
+      setHumanRequested(value.conversation.needs_human_review ?? false);
+      setSeenAt(value.conversation.team_read_at ?? null);
+      setMayHaveOlder(value.messages.length >= 50);
+      setClaimedAs(c?.support.claimedCustomerName ?? null);
+      connectWebSocket();
+    },
+    [connectWebSocket]
+  );
+  const openIfExisting = React14.useCallback(async () => {
+    const c = clientRef.current;
+    if (!c || openedRef.current) return;
+    openedRef.current = true;
+    setIsLoading(true);
+    const result = await c.support.peekConversation();
+    if (result.ok && result.value) {
+      hydrateConversation(result.value);
+    } else {
+      openedRef.current = false;
+    }
+    setIsLoading(false);
+  }, [hydrateConversation]);
+  const watchSessionClaims = React14.useCallback(() => {
+    const c = clientRef.current;
+    if (!c || claimUnsubRef.current) return;
+    const unsubClaimed = c.events.on(chunkQLGZIBRO_js.SESSION_CLAIMED, (event) => {
+      setClaimedAs(event.customerName || c.support.claimedCustomerName || null);
+      if (!openedRef.current) {
+        void openIfExisting();
+        return;
+      }
+      connectWebSocket();
+      void resyncConversation();
+    });
+    const unsubCleared = c.events.on(chunkQLGZIBRO_js.SESSION_CLEARED, resetConversation);
+    claimUnsubRef.current = () => {
+      unsubClaimed();
+      unsubCleared();
+    };
+  }, [connectWebSocket, resyncConversation, resetConversation, openIfExisting]);
+  const signOut = React14.useCallback(async () => {
+    const c = clientRef.current;
+    if (!c) return false;
+    const result = await c.link.logout();
+    return result.ok;
+  }, []);
   React14.useEffect(() => {
+    watchSessionClaims();
     return () => {
       if (pollRef.current) clearInterval(pollRef.current);
       if (wsReconnectTimerRef.current) clearTimeout(wsReconnectTimerRef.current);
       if (awaitReplyTimerRef.current) clearTimeout(awaitReplyTimerRef.current);
+      claimUnsubRef.current?.();
+      claimUnsubRef.current = null;
       if (wsRef.current) {
         wsRef.current.onclose = null;
+        wsRef.current.onmessage = null;
         wsRef.current.close();
       }
     };
@@ -6044,19 +6202,13 @@ function useChat(options = {}) {
     setError(null);
     const result = await client.support.openConversation();
     if (result.ok) {
-      setMessages(result.value.messages);
-      setConversationOpened(true);
-      aiEnabledRef.current = result.value.conversation.ai_enabled;
-      setHumanRequested(result.value.conversation.needs_human_review ?? false);
-      setSeenAt(result.value.conversation.team_read_at ?? null);
-      setMayHaveOlder(result.value.messages.length >= 50);
-      connectWebSocket();
+      hydrateConversation(result.value);
     } else {
       openedRef.current = false;
       setError(result.error);
     }
     setIsLoading(false);
-  }, [client, connectWebSocket]);
+  }, [client, hydrateConversation]);
   const send = React14.useCallback(
     async (content, opts) => {
       const attachments = opts?.attachments ?? [];
@@ -6068,7 +6220,8 @@ function useChat(options = {}) {
         if (!openedRef.current) return false;
       }
       const replyTo = opts?.replyTo;
-      const optimisticId = `opt_${Date.now()}`;
+      const clientId = chunkVEOAMBEX_js.generateIdempotencyKey();
+      const optimisticId = `opt_${clientId}`;
       const optimistic = {
         id: optimisticId,
         sender_type: "customer",
@@ -6076,6 +6229,7 @@ function useChat(options = {}) {
         content_type: attachments.length > 0 ? "image" : "text",
         attachments,
         metadata: {},
+        client_id: clientId,
         // Same shape the server echoes back, so the bubble doesn't reflow
         // when the confirmed message replaces it.
         reply_to: replyTo ? {
@@ -6088,6 +6242,7 @@ function useChat(options = {}) {
       setMessages((prev) => [...prev, optimistic]);
       setIsSending(true);
       const result = await client.support.sendMessage(content.trim(), {
+        idempotencyKey: clientId,
         replyToMessageId: replyTo?.id,
         attachments: attachments.length > 0 ? attachments : void 0
       });
@@ -6158,11 +6313,7 @@ function useChat(options = {}) {
     const older = result.value;
     setMayHaveOlder(older.length >= 50);
     if (older.length === 0) return false;
-    setMessages((prev) => {
-      const ids = new Set(prev.map((m) => m.id));
-      const fresh = older.filter((m) => !ids.has(m.id));
-      return fresh.length > 0 ? [...fresh, ...prev] : prev;
-    });
+    setMessages((prev) => mergeMessages(prev, older));
     return true;
   }, []);
   const agentArrived = messages.some((m) => m.sender_type === "agent");
@@ -6176,11 +6327,14 @@ function useChat(options = {}) {
     awaitingReply,
     seenAt,
     mayHaveOlder,
+    claimedAs,
+    signOut,
     send,
     startConversation,
     react,
     requestHuman,
-    loadOlder
+    loadOlder,
+    openIfExisting
   };
 }
 var ElementsContext = React14.createContext({
@@ -6255,15 +6409,15 @@ function AuthElement({
   }, [onReady, onAuthenticated, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkGHFDYM5K_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkVEOAMBEX_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkGHFDYM5K_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkVEOAMBEX_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.AUTHENTICATED,
+      chunkVEOAMBEX_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.ERROR,
+      chunkVEOAMBEX_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6292,15 +6446,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkGHFDYM5K_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkVEOAMBEX_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkGHFDYM5K_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkVEOAMBEX_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.CHANGE,
+      chunkVEOAMBEX_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.ERROR,
+      chunkVEOAMBEX_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6330,15 +6484,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkGHFDYM5K_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkVEOAMBEX_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkGHFDYM5K_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkVEOAMBEX_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.CHANGE,
+      chunkVEOAMBEX_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.ERROR,
+      chunkVEOAMBEX_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6629,7 +6783,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkT7Z25EY4_js.getVariantDisplayName(variant, productName)
+                    children: chunkHKN3YG76_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -7910,6 +8064,177 @@ function VolumePricing({
     }
   );
 }
+function createPlacesSessionToken() {
+  if (typeof crypto !== "undefined" && crypto.randomUUID) {
+    return crypto.randomUUID();
+  }
+  return `places_${Date.now()}_${Math.random().toString(16).slice(2)}`;
+}
+var MIN_QUERY_LENGTH = 3;
+var DEBOUNCE_MS = 300;
+var BLUR_CLOSE_MS = 120;
+function AddressAutocomplete({
+  value,
+  onSelect,
+  onDirty,
+  placeholder,
+  required,
+  autoFocus,
+  id,
+  className,
+  classNames
+}) {
+  const clientContext = useOptionalCimplifyClient();
+  const [inputText, setInputText] = React14__default.default.useState(value?.formatted_address ?? "");
+  const [suggestions, setSuggestions] = React14__default.default.useState([]);
+  const [isOpen, setIsOpen] = React14__default.default.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React14__default.default.useState(-1);
+  const debounceRef = React14__default.default.useRef(null);
+  const seqRef = React14__default.default.useRef(0);
+  const sessionTokenRef = React14__default.default.useRef(createPlacesSessionToken());
+  const blurTimeoutRef = React14__default.default.useRef(null);
+  React14__default.default.useEffect(() => {
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+      seqRef.current += 1;
+    };
+  }, []);
+  const fetchSuggestions = React14__default.default.useCallback(
+    async (query) => {
+      const client = clientContext?.client;
+      if (!client || query.length < MIN_QUERY_LENGTH) {
+        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);
+    onDirty?.();
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), DEBOUNCE_MS);
+  };
+  const selectSuggestion = React14__default.default.useCallback(
+    async (suggestion) => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
+      const fallback = suggestion.description.split(",")[0]?.trim() || suggestion.description;
+      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 = createPlacesSessionToken();
+      if (result.ok) {
+        const d = result.value;
+        const address = {
+          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(address.formatted_address);
+        onSelect(address);
+      }
+    },
+    [clientContext, onSelect]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-address-autocomplete": true, className: cn("relative", className, classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        id,
+        type: "text",
+        value: inputText,
+        onChange: (e) => handleInputChange(e.target.value),
+        onFocus: () => {
+          if (suggestions.length > 0) setIsOpen(true);
+        },
+        onBlur: () => {
+          blurTimeoutRef.current = setTimeout(() => setIsOpen(false), BLUR_CLOSE_MS);
+        },
+        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: placeholder ?? "Search for an address...",
+        required,
+        autoFocus,
+        autoComplete: "off",
+        "aria-autocomplete": "list",
+        "aria-expanded": isOpen && suggestions.length > 0,
+        "data-cimplify-address-input": true,
+        className: classNames?.input
+      }
+    ),
+    isOpen && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: "listbox",
+        "data-cimplify-address-list": true,
+        className: cn(
+          "absolute left-0 right-0 top-full z-20 mt-1 overflow-hidden rounded-md border border-border bg-background shadow-lg",
+          classNames?.list
+        ),
+        children: suggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": i === highlightedIndex,
+            onMouseDown: (e) => {
+              e.preventDefault();
+              void selectSuggestion(s);
+            },
+            "data-cimplify-address-option": true,
+            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",
+              classNames?.option,
+              i === highlightedIndex && classNames?.activeOption
+            ),
+            children: s.description
+          },
+          s.place_id
+        ))
+      }
+    )
+  ] });
+}
 function parseValue(value) {
   if (!value) return void 0;
   const date = dateFns.parseISO(value);
@@ -8251,12 +8576,12 @@ function FieldInput({
     classNames?.input
   );
   switch (field.field_type) {
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Text:
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Url:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Text:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Url:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          type: field.field_type === chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
+          type: field.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
           value: typeof value === "string" ? value : "",
           onChange: (e) => onValueChange(e.target.value),
           placeholder: field.placeholder,
@@ -8265,7 +8590,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Textarea:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Textarea:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
@@ -8278,7 +8603,7 @@ function FieldInput({
           className: cn(inputClass, "resize-none", classNames?.textarea)
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Number:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Number:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -8292,7 +8617,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Select:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Select:
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "select",
         {
@@ -8306,7 +8631,7 @@ function FieldInput({
           ]
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Radio:
+    case chunkHKN3YG76_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",
         {
@@ -8331,7 +8656,7 @@ function FieldInput({
         },
         opt
       )) });
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Checkbox:
+    case chunkHKN3YG76_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",
@@ -8344,7 +8669,7 @@ function FieldInput({
         ),
         field.placeholder || field.name
       ] });
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Color:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Color:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -8354,7 +8679,7 @@ function FieldInput({
           className: cn("w-12 h-10 rounded-md border border-input cursor-pointer", classNames?.colorInput)
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Date:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Date:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DatePicker,
         {
@@ -8365,8 +8690,8 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.File:
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Image:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.File:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Image:
       return /* @__PURE__ */ jsxRuntime.jsx(
         FileUploadInput,
         {
@@ -8377,7 +8702,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Email:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Email:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -8389,7 +8714,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.DateTime: {
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.DateTime: {
       const stringValue = typeof value === "string" ? value : "";
       const [datePart, timePartRaw] = stringValue.includes("T") ? stringValue.split("T", 2) : [stringValue, ""];
       const timePart = (timePartRaw ?? "").slice(0, 5);
@@ -8428,7 +8753,7 @@ function FieldInput({
         )
       ] });
     }
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Time:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Time:
       return /* @__PURE__ */ jsxRuntime.jsx(
         TimePicker,
         {
@@ -8439,7 +8764,7 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.MultiSelect:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.MultiSelect:
       return /* @__PURE__ */ jsxRuntime.jsx(
         MultiSelectInput,
         {
@@ -8449,7 +8774,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.DateRange:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.DateRange:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DateRangeInput,
         {
@@ -8459,7 +8784,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Address:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Address:
       return /* @__PURE__ */ jsxRuntime.jsx(
         AddressInput,
         {
@@ -8470,7 +8795,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Location:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Location:
       return /* @__PURE__ */ jsxRuntime.jsx(
         LocationInput,
         {
@@ -8481,7 +8806,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Phone:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Phone:
       return /* @__PURE__ */ jsxRuntime.jsx(
         PhoneInput,
         {
@@ -8492,7 +8817,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Signature:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Signature:
       return /* @__PURE__ */ jsxRuntime.jsx(
         SignatureInput,
         {
@@ -8525,7 +8850,7 @@ function FileUploadInput({
   const [isUploading, setIsUploading] = React14__default.default.useState(false);
   const fileUrl = typeof value === "string" ? value : void 0;
   const acceptedFormats = field.validation?.accepted_formats;
-  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
+  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
   const handleFile = async (file) => {
     if (!onFileUpload) return;
     if (field.validation?.max_size_mb) {
@@ -8543,7 +8868,7 @@ function FileUploadInput({
     }
   };
   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 === chunkT7Z25EY4_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" }),
+    field.field_type === chunkHKN3YG76_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",
@@ -8569,7 +8894,7 @@ function FileUploadInput({
       }
     ),
     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 === chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkHKN3YG76_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`
@@ -8670,129 +8995,18 @@ function AddressInput({
   classNames,
   inputClass
 }) {
-  const clientContext = useOptionalCimplifyClient();
   const addr = value && typeof value === "object" ? value : null;
-  const [inputText, setInputText] = React14__default.default.useState(addr?.formatted_address ?? "");
-  const [suggestions, setSuggestions] = React14__default.default.useState([]);
-  const [isOpen, setIsOpen] = React14__default.default.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React14__default.default.useState(-1);
-  const debounceRef = React14__default.default.useRef(null);
-  const seqRef = React14__default.default.useRef(0);
-  const sessionTokenRef = React14__default.default.useRef(createSessionToken());
-  const blurTimeoutRef = React14__default.default.useRef(null);
-  React14__default.default.useEffect(() => {
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-      seqRef.current += 1;
-    };
-  }, []);
-  const fetchSuggestions = React14__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 = React14__default.default.useCallback(async (suggestion) => {
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-    const fallback = suggestion.description.split(",")[0]?.trim() || suggestion.description;
-    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: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", classNames?.addressInput), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
+      AddressAutocomplete,
       {
-        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]);
-          }
-        },
+        value: addr,
+        onSelect: onValueChange,
         placeholder: field.placeholder || "Search for an address...",
         required: field.is_required,
-        autoComplete: "off",
-        "aria-autocomplete": "list",
-        "aria-expanded": isOpen && suggestions.length > 0,
-        className: inputClass
+        classNames: { input: 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",
       {
@@ -8812,121 +9026,22 @@ function LocationInput({
   classNames,
   inputClass
 }) {
-  const clientContext = useOptionalCimplifyClient();
   const loc = value && typeof value === "object" ? value : null;
-  const [inputText, setInputText] = React14__default.default.useState(loc?.label ?? "");
-  const [suggestions, setSuggestions] = React14__default.default.useState([]);
-  const [isOpen, setIsOpen] = React14__default.default.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React14__default.default.useState(-1);
-  const debounceRef = React14__default.default.useRef(null);
-  const seqRef = React14__default.default.useRef(0);
-  const sessionTokenRef = React14__default.default.useRef(createSessionToken());
-  const blurTimeoutRef = React14__default.default.useRef(null);
-  React14__default.default.useEffect(() => {
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-      if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-      seqRef.current += 1;
-    };
-  }, []);
-  const fetchSuggestions = React14__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 = React14__default.default.useCallback(async (suggestion) => {
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-    const label = suggestion.description.split(",")[0]?.trim() || suggestion.description;
-    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: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(classNames?.locationInput), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
+      AddressAutocomplete,
       {
-        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]);
-          }
-        },
+        value: loc ? { formatted_address: loc.label ?? "", latitude: loc.latitude, longitude: loc.longitude } : null,
+        onSelect: (address) => onValueChange({
+          latitude: address.latitude,
+          longitude: address.longitude,
+          label: address.formatted_address
+        }),
         placeholder: field.placeholder || "Search for a location...",
         required: field.is_required,
-        autoComplete: "off",
-        "aria-autocomplete": "list",
-        "aria-expanded": isOpen && suggestions.length > 0,
-        className: inputClass
+        classNames: { input: 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),
       ", ",
@@ -9057,12 +9172,6 @@ function SignatureInput({
     !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 getTimeOfDay(timeStr) {
   const hour = parseInt(timeStr.split("T").pop()?.split(":")[0] ?? timeStr.split(":")[0], 10);
   if (hour < 12) return "morning";
@@ -9308,6 +9417,7 @@ function DateSlotPicker({
   serviceId,
   daysToShow = 7,
   participantCount,
+  units,
   selectedSlot,
   onSlotSelect,
   availability: availabilityProp,
@@ -9342,6 +9452,7 @@ function DateSlotPicker({
     dateRange.endDate,
     {
       participantCount,
+      units,
       enabled: availabilityProp === void 0
     }
   );
@@ -9499,6 +9610,7 @@ function ProductCustomizer({
   const [specialInstructions, setSpecialInstructions] = React14.useState("");
   const [selectedSlot, setSelectedSlot] = React14.useState(null);
   const [selectedStaffId, setSelectedStaffId] = React14.useState(null);
+  const [unitsCount, setUnitsCount] = React14.useState(1);
   const cart = useCart();
   const currency = chunkPTPOQVXS_js.getProductCurrency(product);
   const productType = product.type || "product";
@@ -9506,6 +9618,7 @@ function ProductCustomizer({
   const isBundle = productType === "bundle";
   const isDigital = productType === "digital";
   const isService = productType === "service";
+  const offersUnits = isService && chunkHKN3YG76_js.isMultiDayService(product);
   const isStandard = !isComposite && !isBundle;
   const hasVariants = isStandard && product.variants && product.variants.length > 0;
   const hasAddOns = isStandard && product.add_ons && product.add_ons.length > 0;
@@ -9527,6 +9640,7 @@ function ProductCustomizer({
     setSpecialInstructions("");
     setSelectedSlot(null);
     setSelectedStaffId(null);
+    setUnitsCount(1);
   }, [product.id, product.min_order_quantity]);
   const slotStaff = React14.useMemo(
     () => (selectedSlot?.available_staff ?? []).map((member) => ({
@@ -9616,7 +9730,17 @@ function ProductCustomizer({
     if (perUnit === void 0 || perUnit === null) return void 0;
     return chunkPTPOQVXS_js.parsePrice(perUnit) * quantity;
   }, [quote, quantity]);
-  const displayTotalPrice = quotedTotalPrice ?? localTotalPrice;
+  const displayTotalPrice = React14.useMemo(() => {
+    const total = quotedTotalPrice ?? localTotalPrice;
+    const multiplier = chunkHKN3YG76_js.serviceBillingMultiplier(product, {
+      quantity,
+      units: unitsCount,
+      scheduledStart: selectedSlot?.start_time,
+      scheduledEnd: selectedSlot?.end_time
+    });
+    if (multiplier === null) return total;
+    return total / Math.max(1, quantity) * multiplier;
+  }, [quotedTotalPrice, localTotalPrice, product, quantity, unitsCount, selectedSlot]);
   const handleVariantChange = React14.useCallback(
     (variantId, variant) => {
       setSelectedVariantId(variantId);
@@ -9648,7 +9772,8 @@ function ProductCustomizer({
         scheduledStart: selectedSlot.start_time,
         scheduledEnd: selectedSlot.end_time,
         staffId: selectedStaffId ?? selectedSlot.available_staff?.[0]?.staff_id,
-        resourceId: selectedSlot.available_resources?.[0]?.resource_id
+        resourceId: selectedSlot.available_resources?.[0]?.resource_id,
+        units: unitsCount > 1 ? unitsCount : void 0
       } : {},
       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
@@ -9669,7 +9794,7 @@ function ProductCustomizer({
     } finally {
       setIsSubmitting(false);
     }
-  }, [product, quantity, selectedVariantId, selectedVariant, quoteId, normalizedAddOnOptionIds, selectedAddOnOptions, isComposite, compositeSelections, isBundle, bundleSelections, selectedBillingPlan, customerInputValues, specialInstructions, isService, selectedSlot, selectedStaffId, isSubmitting, onAddToCart, cart]);
+  }, [product, quantity, selectedVariantId, selectedVariant, quoteId, normalizedAddOnOptionIds, selectedAddOnOptions, isComposite, compositeSelections, isBundle, bundleSelections, selectedBillingPlan, customerInputValues, specialInstructions, isService, selectedSlot, selectedStaffId, unitsCount, 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,
@@ -9706,9 +9831,17 @@ function ProductCustomizer({
           setSelectedStaffId(null);
         },
         participantCount: quantity,
-        currency
+        units: offersUnits ? unitsCount : void 0,
+        currency,
+        schedulingMode: product.scheduling_mode ?? (offersUnits ? "multi_day" : "intraday"),
+        durationUnit: product.duration_unit,
+        durationValue: product.duration_value
       }
     ),
+    offersUnits && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customizer-units": true, className: classNames?.units, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-medium uppercase tracking-wider text-muted-foreground mb-3", children: "Units" }),
+      /* @__PURE__ */ jsxRuntime.jsx(QuantitySelector, { value: unitsCount, onChange: setUnitsCount, min: 1 })
+    ] }),
     isService && slotStaff.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-customizer-staff": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs font-medium uppercase tracking-wider text-muted-foreground mb-3", children: "Choose your specialist" }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -10313,7 +10446,7 @@ function CartLineItemRow({
   const isOptimistic = item.isOptimistic === true;
   const lineTotal = chunkPTPOQVXS_js.parsePrice(unitPrice) * item.quantity;
   const imageUrl = item.product.image_url;
-  const variantLabel2 = item.variant ? chunkT7Z25EY4_js.getVariantDisplayName(item.variant, item.product.name) : null;
+  const variantLabel2 = item.variant ? chunkHKN3YG76_js.getVariantDisplayName(item.variant, item.product.name) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -10413,7 +10546,7 @@ function CartLineItemRow({
               input.field_name,
               ":"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunkT7Z25EY4_js.INPUT_FIELD_TYPE.File || input.field_type === chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunkHKN3YG76_js.INPUT_FIELD_TYPE.File || input.field_type === chunkHKN3YG76_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: cn("mt-1.5 flex items-center gap-1.5 text-xs text-muted-foreground", classNames?.serviceInfo), children: [
             /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5 shrink-0", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
@@ -11298,7 +11431,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 === chunkT7Z25EY4_js.PRODUCT_TYPE.Composite;
+  const isComposite = product.type === chunkHKN3YG76_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: [
@@ -11762,18 +11895,18 @@ function RentalServiceCard({
   const currency = chunkPTPOQVXS_js.getProductCurrency(product);
   const hasDeposit = product.deposit_type && product.deposit_type !== "none" && product.deposit_amount;
   const unit = product.duration_unit ? UNIT_LABELS2[product.duration_unit] || product.duration_unit : "day";
+  const priceUnit = product.price_basis === "per_person" ? "guest" : product.price_basis === "flat" ? "" : unit;
   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: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent pointer-events-none" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute bottom-3 left-3 inline-flex items-center text-[12px] font-semibold px-2.5 py-1 rounded-lg bg-background/92 backdrop-blur-xl text-foreground shadow-sm", children: [
+      priceUnit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute bottom-3 left-3 inline-flex items-center text-[12px] font-semibold px-2.5 py-1 rounded-lg bg-background/92 backdrop-blur-xl text-foreground shadow-sm", children: [
         "Per ",
-        unit
+        priceUnit
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("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, currency }),
-        "/",
-        unit
+        priceUnit && `/${priceUnit}`
       ] }),
       product.general_service_capacity != null && product.general_service_capacity > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-3 left-3 text-[11px] font-semibold tracking-wide bg-blue-50/90 text-blue-700 border border-blue-200/50 backdrop-blur px-2 py-0.5 rounded-md", children: [
         "Up to ",
@@ -12065,36 +12198,36 @@ var BUILT_IN_CARDS = {
   ["composite" /* Composite */]: CompositeProductCard,
   ["subscription" /* Subscription */]: SubscriptionCard
 };
-var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkT7Z25EY4_js.DURATION_UNIT.Days, chunkT7Z25EY4_js.DURATION_UNIT.Hours]);
-var LEASE_UNITS = /* @__PURE__ */ new Set([chunkT7Z25EY4_js.DURATION_UNIT.Weeks, chunkT7Z25EY4_js.DURATION_UNIT.Months, chunkT7Z25EY4_js.DURATION_UNIT.Years]);
+var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkHKN3YG76_js.DURATION_UNIT.Days, chunkHKN3YG76_js.DURATION_UNIT.Hours]);
+var LEASE_UNITS = /* @__PURE__ */ new Set([chunkHKN3YG76_js.DURATION_UNIT.Weeks, chunkHKN3YG76_js.DURATION_UNIT.Months, chunkHKN3YG76_js.DURATION_UNIT.Years]);
 function resolveCardVariant(product) {
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Service) {
     switch (product.boundary_kind) {
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.CheckInOut:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.CheckInOut:
         return "accommodation" /* Accommodation */;
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.MoveInOut:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.MoveInOut:
         return "lease" /* Lease */;
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.PickupReturn:
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.DeliveryCollection:
-      case chunkT7Z25EY4_js.BOUNDARY_KIND.AccessVacate:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.PickupReturn:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.DeliveryCollection:
+      case chunkHKN3YG76_js.BOUNDARY_KIND.AccessVacate:
         return "rental" /* Rental */;
     }
     if (product.duration_unit && RENTAL_UNITS.has(product.duration_unit)) {
       return "rental" /* Rental */;
     }
-    if (product.duration_unit === chunkT7Z25EY4_js.DURATION_UNIT.Nights) {
+    if (product.duration_unit === chunkHKN3YG76_js.DURATION_UNIT.Nights) {
       return "accommodation" /* Accommodation */;
     }
     if (product.duration_unit && LEASE_UNITS.has(product.duration_unit)) {
@@ -12105,10 +12238,10 @@ function resolveCardVariant(product) {
     }
     return "standard" /* Standard */;
   }
-  if (product.render_hint === chunkT7Z25EY4_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkT7Z25EY4_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Physical) {
     return "retail" /* Retail */;
   }
   return "retail" /* Retail */;
@@ -12367,6 +12500,18 @@ function ProductGrid({
   ] });
 }
 
+// src/react/utils/attachment.ts
+var IMAGE_EXTENSIONS = [".jpg", ".jpeg", ".png", ".webp", ".gif", ".bmp", ".svg"];
+function safeAttachmentUrl(url) {
+  return /^https?:\/\//i.test(url) ? url : null;
+}
+function isImageAttachment(attachment) {
+  if (attachment.mime_type?.startsWith("image/")) return true;
+  if (attachment.mime_type) return false;
+  const path = attachment.url.split("?")[0].split("#")[0].toLowerCase();
+  return IMAGE_EXTENSIONS.some((extension) => path.endsWith(extension));
+}
+
 // src/react/utils/boundary-labels.ts
 var PRESET_LABELS = {
   check_in_out: { start: "Check-in", end: "Check-out" },
@@ -12376,14 +12521,14 @@ var PRESET_LABELS = {
   move_in_out: { start: "Move-in", end: "Move-out" }
 };
 function defaultBoundaryKind(unit) {
-  return unit === chunkT7Z25EY4_js.DURATION_UNIT.Nights ? chunkT7Z25EY4_js.BOUNDARY_KIND.CheckInOut : chunkT7Z25EY4_js.BOUNDARY_KIND.PickupReturn;
+  return unit === chunkHKN3YG76_js.DURATION_UNIT.Nights ? chunkHKN3YG76_js.BOUNDARY_KIND.CheckInOut : chunkHKN3YG76_js.BOUNDARY_KIND.PickupReturn;
 }
 function resolveBoundaryKind(product) {
   return product.boundary_kind ?? defaultBoundaryKind(product.duration_unit);
 }
 function getBoundaryLabels(product) {
   const kind = resolveBoundaryKind(product);
-  if (kind === chunkT7Z25EY4_js.BOUNDARY_KIND.Custom) {
+  if (kind === chunkHKN3YG76_js.BOUNDARY_KIND.Custom) {
     return {
       start: product.boundary_start_label?.trim() || "Start",
       end: product.boundary_end_label?.trim() || "End"
@@ -13548,6 +13693,7 @@ function BookingPage({
   const [selectedDate, setSelectedDate] = React14.useState(null);
   const [selectedStaffId, setSelectedStaffId] = React14.useState(null);
   const [selectedResourceId, setSelectedResourceId] = React14.useState(null);
+  const [bookingUnits, setBookingUnits] = React14.useState(1);
   const [isSubmitting, setIsSubmitting] = React14.useState(false);
   const [error, setError] = React14.useState(null);
   const hasResourceStep = resources && resources.length > 0;
@@ -13641,7 +13787,8 @@ function BookingPage({
           scheduledStart: selectedSlot.start_time,
           scheduledEnd: selectedSlot.end_time,
           staffId: selectedStaffId || void 0,
-          resourceId: selectedResourceId || void 0
+          resourceId: selectedResourceId || void 0,
+          units: bookingUnits > 1 ? bookingUnits : void 0
         });
         onBooked?.(selectedSlot, selectedStaffId);
       }
@@ -13737,6 +13884,31 @@ function BookingPage({
     ] }),
     step === STEP.CONFIRM && selectedSlot && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-step": "confirm", className: classNames?.step, children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-cimplify-booking-step-title": true, className: classNames?.stepTitle, children: "Confirm your booking" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-units": true, className: classNames?.summaryRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Units" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-units-stepper": true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-cimplify-booking-units-decrement": true,
+              onClick: () => setBookingUnits((current) => Math.max(1, current - 1)),
+              disabled: bookingUnits <= 1,
+              children: "\u2212"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-booking-units-value": true, children: bookingUnits }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-cimplify-booking-units-increment": true,
+              onClick: () => setBookingUnits((current) => current + 1),
+              children: "+"
+            }
+          )
+        ] })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary": true, className: classNames?.summary, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-booking-summary-row": true, className: classNames?.summaryRow, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Service" }),
@@ -14444,7 +14616,7 @@ function DefaultProductLayout({
   className
 }) {
   const [selectedVariantId, setSelectedVariantId] = React14__default.default.useState();
-  const images = chunkT7Z25EY4_js.resolveGallery(product, selectedVariantId);
+  const images = chunkHKN3YG76_js.resolveGallery(product, selectedVariantId);
   const currency = chunkPTPOQVXS_js.getProductCurrency(product);
   const hasRange = product.quantity_pricing && product.quantity_pricing.length > 1 || product.variants && product.variants.length > 1;
   const onSale = chunkPTPOQVXS_js.isOnSale(product);
@@ -15091,25 +15263,25 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Service) {
     return "service" /* Service */;
   }
-  if (product.type === chunkT7Z25EY4_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkHKN3YG76_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.render_hint === chunkT7Z25EY4_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkT7Z25EY4_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkHKN3YG76_js.RENDER_HINT.Physical) {
     return "physical" /* Physical */;
   }
   return "default" /* Default */;
@@ -16979,6 +17151,7 @@ function partitionMessages(messages) {
   }
   return { bubbles, reactionsByTarget };
 }
+var MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;
 function ChatWidget({
   client: clientProp,
   businessName = "Support",
@@ -16995,7 +17168,8 @@ function ChatWidget({
   const context = useOptionalCimplifyClient();
   const client = clientProp ?? context?.client;
   const [open, setOpen] = React14.useState(defaultOpen);
-  const [unread, setUnread] = React14.useState(0);
+  const [readAt, setReadAt] = React14.useState(null);
+  const [attachError, setAttachError] = React14.useState(null);
   const {
     messages,
     isLoading,
@@ -17004,16 +17178,31 @@ function ChatWidget({
     seenAt,
     error,
     isActive,
+    claimedAs,
+    signOut,
     send,
     react,
-    startConversation
+    startConversation,
+    openIfExisting
   } = useChat({ client, pollInterval });
   const showTyping = isSending || awaitingReply;
   const attachPhoto = React14.useCallback(
     async (file) => {
-      if (!client || !file.type.startsWith("image/") || file.size > 5 * 1024 * 1024) return;
+      if (!client) return;
+      setAttachError(null);
+      if (!file.type.startsWith("image/")) {
+        setAttachError(new chunkAETVRBKI_js.CimplifyError("invalid_attachment", "Only photos can be attached."));
+        return;
+      }
+      if (file.size > MAX_ATTACHMENT_BYTES) {
+        setAttachError(new chunkAETVRBKI_js.CimplifyError("attachment_too_large", "Photos must be under 5MB."));
+        return;
+      }
       const uploaded = await client.uploads.upload(file);
-      if (!uploaded.ok) return;
+      if (!uploaded.ok) {
+        setAttachError(uploaded.error);
+        return;
+      }
       const attachment = {
         upload_id: uploaded.value.id,
         url: uploaded.value.url,
@@ -17025,22 +17214,28 @@ function ChatWidget({
     },
     [client, send]
   );
-  const prevCountRef = React14.useRef(messages.length);
-  React14.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 handleSend = React14.useCallback(
+    (content) => {
+      setAttachError(null);
+      return send(content);
+    },
+    [send]
+  );
+  const unread = open ? 0 : messages.filter(
+    (m) => m.sender_type !== "customer" && (!readAt || m.created_at > readAt)
+  ).length;
+  React14.useState(() => {
+    if (defaultOpen) void openIfExisting();
+  });
   const handleOpen = React14.useCallback(() => {
     setOpen(true);
-    setUnread(0);
-  }, []);
-  const handleClose = React14.useCallback(() => setOpen(false), []);
+    void openIfExisting();
+  }, [openIfExisting]);
+  const handleClose = React14.useCallback(() => {
+    const newest = messages[messages.length - 1];
+    setReadAt(newest?.created_at ?? null);
+    setOpen(false);
+  }, [messages]);
   const isLeft = position === "bottom-left";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -17073,11 +17268,13 @@ function ChatWidget({
             isSending,
             isTyping: showTyping,
             seenAt,
-            error,
+            error: error ?? attachError,
             isActive,
             isLeft,
+            claimedAs,
+            onSignOut: () => void signOut(),
             onClose: handleClose,
-            onSend: send,
+            onSend: handleSend,
             onReact: react,
             onAttach: attachPhoto,
             onStartConversation: startConversation,
@@ -17137,6 +17334,8 @@ function Panel({
   error,
   isActive,
   isLeft,
+  claimedAs,
+  onSignOut,
   onClose,
   onSend,
   onReact,
@@ -17160,6 +17359,8 @@ function Panel({
           Header,
           {
             businessName,
+            claimedAs,
+            onSignOut,
             onClose,
             className: classNames?.header
           }
@@ -17184,7 +17385,7 @@ function Panel({
             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." }),
+        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: error.userMessage || "Something went wrong. Please try again." }),
         (isActive || isLoading) && /* @__PURE__ */ jsxRuntime.jsx(
           ChatInput,
           {
@@ -17206,6 +17407,8 @@ function Panel({
 }
 function Header({
   businessName,
+  claimedAs,
+  onSignOut,
   onClose,
   className
 }) {
@@ -17220,7 +17423,22 @@ function Header({
         /* @__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: [
+          claimedAs ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 truncate text-xs text-white/60", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
+              "Chatting as ",
+              claimedAs
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onSignOut,
+                className: "flex-shrink-0 underline underline-offset-2 hover:text-white",
+                children: "Not you?"
+              }
+            )
+          ] }) : /* @__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"
           ] })
@@ -17304,10 +17522,6 @@ function MessageList({
   onReact,
   className
 }) {
-  const bottomRef = React14.useRef(null);
-  React14.useEffect(() => {
-    bottomRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages.length, isSending]);
   const { bubbles, reactionsByTarget } = partitionMessages(messages);
   const seenMessageId = lastSeenCustomerMessageId(bubbles, seenAt);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -17381,11 +17595,13 @@ function MessageList({
                             ]
                           }
                         ),
-                        msg.attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap gap-1.5", msg.content && "mb-1.5"), children: msg.attachments.map(
-                          (attachment, index) => attachment.mime_type?.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: attachment.url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        msg.attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap gap-1.5", msg.content && "mb-1.5"), children: msg.attachments.map((attachment, index) => {
+                          const url = safeAttachmentUrl(attachment.url);
+                          if (!url) return null;
+                          return attachment.mime_type?.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsxRuntime.jsx(
                             "img",
                             {
-                              src: attachment.url,
+                              src: url,
                               alt: attachment.filename ?? "Photo",
                               loading: "lazy",
                               className: "max-h-48 max-w-full rounded-lg object-cover"
@@ -17393,15 +17609,15 @@ function MessageList({
                           ) }, index) : /* @__PURE__ */ jsxRuntime.jsx(
                             "a",
                             {
-                              href: attachment.url,
+                              href: url,
                               target: "_blank",
                               rel: "noreferrer",
                               className: "truncate text-xs underline",
                               children: attachment.filename ?? "Attachment"
                             },
                             index
-                          )
-                        ) }),
+                          );
+                        }) }),
                         isCustomer ? msg.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children: msg.content }) : /* @__PURE__ */ jsxRuntime.jsx(
                           ChatMarkdown,
                           {
@@ -17427,7 +17643,15 @@ function MessageList({
           ] }, msg.id);
         }),
         isSending && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-auto mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(TypingDots, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: bottomRef })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: (node) => {
+              node?.scrollIntoView({ behavior: "smooth" });
+            }
+          },
+          `${messages.length}:${isSending}`
+        )
       ]
     }
   );
@@ -19476,7 +19700,7 @@ async function genUIFingerprint(manifest) {
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkT7Z25EY4_js.getVariantDisplayName; }
+  get: function () { return chunkHKN3YG76_js.getVariantDisplayName; }
 });
 Object.defineProperty(exports, "messagePreview", {
   enumerable: true,
@@ -19505,6 +19729,7 @@ exports.AccountSubscriptionsPage = AccountSubscriptionsPage;
 exports.Ad = Ad;
 exports.AdProvider = AdProvider;
 exports.AddOnSelector = AddOnSelector;
+exports.AddressAutocomplete = AddressAutocomplete;
 exports.AddressElement = AddressElement;
 exports.AuthElement = AuthElement;
 exports.AvailabilityBadge = AvailabilityBadge;
@@ -19668,12 +19893,14 @@ exports.WholesaleProductLayout = WholesaleProductLayout;
 exports.WishlistButton = WishlistButton;
 exports.clearOrdersCache = clearOrdersCache;
 exports.cn = cn;
+exports.createPlacesSessionToken = createPlacesSessionToken;
 exports.defaultBoundaryKind = defaultBoundaryKind;
 exports.genUICatalog = genUICatalog;
 exports.genUIFingerprint = genUIFingerprint;
 exports.genUIManifest = genUIManifest;
 exports.genUIManifestJson = genUIManifestJson;
 exports.getBoundaryLabels = getBoundaryLabels;
+exports.isImageAttachment = isImageAttachment;
 exports.isTerminalOrderStatus = isTerminalOrderStatus;
 exports.parseGenUIProgram = parse;
 exports.partitionMessages = partitionMessages;
@@ -19681,6 +19908,7 @@ exports.prefetchProduct = prefetchProduct;
 exports.prefetchProducts = prefetchProducts;
 exports.resolveBoundaryKind = resolveBoundaryKind;
 exports.roomToResource = roomToResource;
+exports.safeAttachmentUrl = safeAttachmentUrl;
 exports.sanitizeRichTextHtml = sanitizeRichTextHtml;
 exports.stripHtmlToText = stripHtmlToText;
 exports.toAccountLineItem = toAccountLineItem;