@cimplify/sdk 0.90.0 → 0.92.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 chunkDCRN67NO_js = require('./chunk-DCRN67NO.js');
+var chunkIVJEUGWF_js = require('./chunk-IVJEUGWF.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(chunkDCRN67NO_js.MUTATION_ERROR, {
     service: "cart",
     operation,
     opId,
@@ -845,6 +846,12 @@ function getOrCreateStore(params) {
     syncTail: Promise.resolve(),
     failedOpRemovers: /* @__PURE__ */ new Set()
   };
+  client.events.on(chunkDCRN67NO_js.SESSION_CLAIMED, () => {
+    if (entry.initialized) void syncFromServer(entry);
+  });
+  client.events.on(chunkDCRN67NO_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 chunkDCRN67NO_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 chunkIVJEUGWF_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;
@@ -5901,6 +5925,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 +5939,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;
@@ -5972,6 +6000,17 @@ function useChat(options = {}) {
       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;
+    setMessages(result.value.messages);
+    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") {
@@ -6006,6 +6045,8 @@ function useChat(options = {}) {
           if (latest && (!last || new Date(last.created_at).getTime() < new Date(latest).getTime())) {
             fetchNewMessages();
           }
+        } else if (envelope.type === "rekey") {
+          void resyncConversation();
         }
       } catch {
       }
@@ -6025,12 +6066,57 @@ function useChat(options = {}) {
     ws.onerror = () => {
     };
     wsRef.current = ws;
-  }, [appendMessages, startPolling, stopPolling, fetchNewMessages]);
+  }, [appendMessages, startPolling, stopPolling, fetchNewMessages, resyncConversation]);
+  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 watchSessionClaims = React14.useCallback(() => {
+    const c = clientRef.current;
+    if (!c || claimUnsubRef.current) return;
+    const unsubClaimed = c.events.on(chunkDCRN67NO_js.SESSION_CLAIMED, (event) => {
+      setClaimedAs(event.customerName || null);
+      if (!openedRef.current) return;
+      connectWebSocket();
+      void resyncConversation();
+    });
+    const unsubCleared = c.events.on(chunkDCRN67NO_js.SESSION_CLEARED, resetConversation);
+    claimUnsubRef.current = () => {
+      unsubClaimed();
+      unsubCleared();
+    };
+  }, [connectWebSocket, resyncConversation, resetConversation]);
+  const signOut = React14.useCallback(async () => {
+    const c = clientRef.current;
+    if (!c) return false;
+    const result = await c.link.logout();
+    return result.ok;
+  }, []);
   React14.useEffect(() => {
     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.close();
@@ -6050,13 +6136,15 @@ function useChat(options = {}) {
       setHumanRequested(result.value.conversation.needs_human_review ?? false);
       setSeenAt(result.value.conversation.team_read_at ?? null);
       setMayHaveOlder(result.value.messages.length >= 50);
+      setClaimedAs(client.support.claimedCustomerName);
       connectWebSocket();
+      watchSessionClaims();
     } else {
       openedRef.current = false;
       setError(result.error);
     }
     setIsLoading(false);
-  }, [client, connectWebSocket]);
+  }, [client, connectWebSocket, watchSessionClaims]);
   const send = React14.useCallback(
     async (content, opts) => {
       const attachments = opts?.attachments ?? [];
@@ -6176,6 +6264,8 @@ function useChat(options = {}) {
     awaitingReply,
     seenAt,
     mayHaveOlder,
+    claimedAs,
+    signOut,
     send,
     startConversation,
     react,
@@ -6255,15 +6345,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(chunkIVJEUGWF_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkGHFDYM5K_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkIVJEUGWF_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.AUTHENTICATED,
+      chunkIVJEUGWF_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.ERROR,
+      chunkIVJEUGWF_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6292,15 +6382,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(chunkIVJEUGWF_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkGHFDYM5K_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkIVJEUGWF_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.CHANGE,
+      chunkIVJEUGWF_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.ERROR,
+      chunkIVJEUGWF_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6330,15 +6420,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(chunkIVJEUGWF_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkGHFDYM5K_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkIVJEUGWF_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.CHANGE,
+      chunkIVJEUGWF_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkGHFDYM5K_js.EVENT_TYPES.ERROR,
+      chunkIVJEUGWF_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6629,7 +6719,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 +8000,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 +8512,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 +8526,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 +8539,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 +8553,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 +8567,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 +8592,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 +8605,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 +8615,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 +8626,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 +8638,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 +8650,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 +8689,7 @@ function FieldInput({
         )
       ] });
     }
-    case chunkT7Z25EY4_js.INPUT_FIELD_TYPE.Time:
+    case chunkHKN3YG76_js.INPUT_FIELD_TYPE.Time:
       return /* @__PURE__ */ jsxRuntime.jsx(
         TimePicker,
         {
@@ -8439,7 +8700,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 +8710,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 +8720,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 +8731,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 +8742,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 +8753,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 +8786,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 +8804,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 +8830,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 +8931,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 +8962,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 +9108,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 +9353,7 @@ function DateSlotPicker({
   serviceId,
   daysToShow = 7,
   participantCount,
+  units,
   selectedSlot,
   onSlotSelect,
   availability: availabilityProp,
@@ -9342,6 +9388,7 @@ function DateSlotPicker({
     dateRange.endDate,
     {
       participantCount,
+      units,
       enabled: availabilityProp === void 0
     }
   );
@@ -9499,6 +9546,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 +9554,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 +9576,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 +9666,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 +9708,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 +9730,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 +9767,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 +10382,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 +10482,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 +11367,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 +11831,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 +12134,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 +12174,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 +12436,15 @@ function ProductGrid({
   ] });
 }
 
+// src/react/utils/attachment.ts
+var IMAGE_EXTENSIONS = [".jpg", ".jpeg", ".png", ".webp", ".gif", ".bmp", ".svg"];
+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 +12454,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 +13626,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 +13720,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 +13817,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 +14549,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 +15196,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 */;
@@ -16995,7 +17100,7 @@ function ChatWidget({
   const context = useOptionalCimplifyClient();
   const client = clientProp ?? context?.client;
   const [open, setOpen] = React14.useState(defaultOpen);
-  const [unread, setUnread] = React14.useState(0);
+  const [readCount, setReadCount] = React14.useState(0);
   const {
     messages,
     isLoading,
@@ -17004,6 +17109,8 @@ function ChatWidget({
     seenAt,
     error,
     isActive,
+    claimedAs,
+    signOut,
     send,
     react,
     startConversation
@@ -17025,22 +17132,14 @@ 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 unread = open ? 0 : messages.slice(readCount).filter((m) => m.sender_type !== "customer").length;
   const handleOpen = React14.useCallback(() => {
     setOpen(true);
-    setUnread(0);
   }, []);
-  const handleClose = React14.useCallback(() => setOpen(false), []);
+  const handleClose = React14.useCallback(() => {
+    setReadCount(messages.length);
+    setOpen(false);
+  }, [messages.length]);
   const isLeft = position === "bottom-left";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -17076,6 +17175,8 @@ function ChatWidget({
             error,
             isActive,
             isLeft,
+            claimedAs,
+            onSignOut: () => void signOut(),
             onClose: handleClose,
             onSend: send,
             onReact: react,
@@ -17137,6 +17238,8 @@ function Panel({
   error,
   isActive,
   isLeft,
+  claimedAs,
+  onSignOut,
   onClose,
   onSend,
   onReact,
@@ -17160,6 +17263,8 @@ function Panel({
           Header,
           {
             businessName,
+            claimedAs,
+            onSignOut,
             onClose,
             className: classNames?.header
           }
@@ -17206,6 +17311,8 @@ function Panel({
 }
 function Header({
   businessName,
+  claimedAs,
+  onSignOut,
   onClose,
   className
 }) {
@@ -17220,7 +17327,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 +17426,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(
@@ -17427,7 +17545,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 +19602,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 +19631,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 +19795,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;