@cimplify/sdk 0.92.0 → 0.94.0

package/dist/react.js

@@ -3,8 +3,8 @@
 
 var chunkHKN3YG76_js = require('./chunk-HKN3YG76.js');
 var chunkXREIZ56K_js = require('./chunk-XREIZ56K.js');
-var chunkDCRN67NO_js = require('./chunk-DCRN67NO.js');
-var chunkIVJEUGWF_js = require('./chunk-IVJEUGWF.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');
@@ -806,7 +806,7 @@ async function syncFromServer(entry) {
   return next;
 }
 function emitMutationError(entry, operation, opId, idempotencyKey, error) {
-  entry.client.events.emit(chunkDCRN67NO_js.MUTATION_ERROR, {
+  entry.client.events.emit(chunkQLGZIBRO_js.MUTATION_ERROR, {
     service: "cart",
     operation,
     opId,
@@ -846,10 +846,10 @@ function getOrCreateStore(params) {
     syncTail: Promise.resolve(),
     failedOpRemovers: /* @__PURE__ */ new Set()
   };
-  client.events.on(chunkDCRN67NO_js.SESSION_CLAIMED, () => {
+  client.events.on(chunkQLGZIBRO_js.SESSION_CLAIMED, () => {
     if (entry.initialized) void syncFromServer(entry);
   });
-  client.events.on(chunkDCRN67NO_js.SESSION_CLEARED, () => {
+  client.events.on(chunkQLGZIBRO_js.SESSION_CLEARED, () => {
     if (entry.initialized) void syncFromServer(entry);
   });
   cartStores.set(storeKey, entry);
@@ -1137,6 +1137,37 @@ function preconnectOrigin(url, crossOrigin) {
   if (crossOrigin) link.crossOrigin = crossOrigin;
   document.head.appendChild(link);
 }
+function usePageViewTracking(client, enabled) {
+  React14.useEffect(() => {
+    if (!enabled || typeof window === "undefined") return;
+    let lastPath = null;
+    const record = () => {
+      const path = window.location.pathname;
+      if (path === lastPath) return;
+      lastPath = path;
+      try {
+        client.activity?.trackPageView({ pagePath: path });
+      } catch {
+      }
+    };
+    record();
+    const { pushState, replaceState } = window.history;
+    window.history.pushState = function(...args) {
+      pushState.apply(this, args);
+      record();
+    };
+    window.history.replaceState = function(...args) {
+      replaceState.apply(this, args);
+      record();
+    };
+    window.addEventListener("popstate", record);
+    return () => {
+      window.history.pushState = pushState;
+      window.history.replaceState = replaceState;
+      window.removeEventListener("popstate", record);
+    };
+  }, [client, enabled]);
+}
 var LOCATION_STORAGE_KEY = "cimplify_location_id";
 var DISPLAY_CURRENCY_STORAGE_KEY = "cimplify_display_currency";
 var FX_REFRESH_INTERVAL = 12e4;
@@ -1145,7 +1176,7 @@ var DEFAULT_COUNTRY = "US";
 function createDefaultClient() {
   const processRef = globalThis.process;
   const envPublicKey = processRef?.env?.NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY || "";
-  return chunkDCRN67NO_js.createCimplifyClient({ publicKey: envPublicKey });
+  return chunkQLGZIBRO_js.createCimplifyClient({ publicKey: envPublicKey });
 }
 function getStoredLocationId() {
   if (typeof window === "undefined" || !window.localStorage) {
@@ -1217,9 +1248,11 @@ function CimplifyProvider({
   initialLocations,
   optimistic = true,
   prefetch,
-  linkComponent
+  linkComponent,
+  trackPageViews = true
 }) {
   const resolvedClient = React14.useMemo(() => client ?? createDefaultClient(), [client]);
+  usePageViewTracking(resolvedClient, trackPageViews);
   const resolvedPrefetch = React14.useMemo(
     () => ({
       mode: prefetch?.mode ?? DEFAULT_PREFETCH_OPTIONS.mode,
@@ -3457,7 +3490,7 @@ function CimplifySignInButton({
   const onClick = async () => {
     if (busy || disabled || !signInOpts.clientId) return;
     setBusy(true);
-    await chunkIVJEUGWF_js.startSignIn({
+    await chunkVEOAMBEX_js.startSignIn({
       ...signInOpts,
       onSuccess: () => {
         setBusy(false);
@@ -5913,6 +5946,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;
@@ -5965,18 +6012,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
@@ -5984,16 +6035,23 @@ 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);
@@ -6005,7 +6063,15 @@ function useChat(options = {}) {
     if (!c || !openedRef.current) return;
     const result = await c.support.openConversation();
     if (!result.ok) return;
-    setMessages(result.value.messages);
+    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);
@@ -6017,7 +6083,13 @@ function useChat(options = {}) {
       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;
     }
@@ -6041,7 +6113,7 @@ 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();
           }
@@ -6058,6 +6130,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();
@@ -6066,7 +6139,7 @@ function useChat(options = {}) {
     ws.onerror = () => {
     };
     wsRef.current = ws;
-  }, [appendMessages, startPolling, stopPolling, fetchNewMessages, resyncConversation]);
+  }, [appendMessages, startPolling, stopPolling, fetchNewMessages, resyncConversation, lastConfirmedMessage]);
   const resetConversation = React14.useCallback(() => {
     stopPolling();
     if (wsReconnectTimerRef.current) {
@@ -6089,21 +6162,51 @@ function useChat(options = {}) {
     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(chunkDCRN67NO_js.SESSION_CLAIMED, (event) => {
-      setClaimedAs(event.customerName || null);
-      if (!openedRef.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(chunkDCRN67NO_js.SESSION_CLEARED, resetConversation);
+    const unsubCleared = c.events.on(chunkQLGZIBRO_js.SESSION_CLEARED, resetConversation);
     claimUnsubRef.current = () => {
       unsubClaimed();
       unsubCleared();
     };
-  }, [connectWebSocket, resyncConversation, resetConversation]);
+  }, [connectWebSocket, resyncConversation, resetConversation, openIfExisting]);
   const signOut = React14.useCallback(async () => {
     const c = clientRef.current;
     if (!c) return false;
@@ -6111,6 +6214,7 @@ function useChat(options = {}) {
     return result.ok;
   }, []);
   React14.useEffect(() => {
+    watchSessionClaims();
     return () => {
       if (pollRef.current) clearInterval(pollRef.current);
       if (wsReconnectTimerRef.current) clearTimeout(wsReconnectTimerRef.current);
@@ -6119,6 +6223,7 @@ function useChat(options = {}) {
       claimUnsubRef.current = null;
       if (wsRef.current) {
         wsRef.current.onclose = null;
+        wsRef.current.onmessage = null;
         wsRef.current.close();
       }
     };
@@ -6130,21 +6235,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);
-      setClaimedAs(client.support.claimedCustomerName);
-      connectWebSocket();
-      watchSessionClaims();
+      hydrateConversation(result.value);
     } else {
       openedRef.current = false;
       setError(result.error);
     }
     setIsLoading(false);
-  }, [client, connectWebSocket, watchSessionClaims]);
+  }, [client, hydrateConversation]);
   const send = React14.useCallback(
     async (content, opts) => {
       const attachments = opts?.attachments ?? [];
@@ -6156,7 +6253,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",
@@ -6164,6 +6262,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 ? {
@@ -6176,6 +6275,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
       });
@@ -6246,11 +6346,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");
@@ -6270,7 +6366,8 @@ function useChat(options = {}) {
     startConversation,
     react,
     requestHuman,
-    loadOlder
+    loadOlder,
+    openIfExisting
   };
 }
 var ElementsContext = React14.createContext({
@@ -6345,15 +6442,15 @@ function AuthElement({
   }, [onReady, onAuthenticated, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkIVJEUGWF_js.ELEMENT_TYPES.AUTH, { prefillEmail });
+    const element = elements.create(chunkVEOAMBEX_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
-    element.on(chunkIVJEUGWF_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkVEOAMBEX_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkIVJEUGWF_js.EVENT_TYPES.AUTHENTICATED,
+      chunkVEOAMBEX_js.EVENT_TYPES.AUTHENTICATED,
       (data) => onAuthenticatedRef.current?.(data)
     );
     element.on(
-      chunkIVJEUGWF_js.EVENT_TYPES.ERROR,
+      chunkVEOAMBEX_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6382,15 +6479,15 @@ function AddressElement({
   }, [onReady, onChange, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkIVJEUGWF_js.ELEMENT_TYPES.ADDRESS, { mode });
+    const element = elements.create(chunkVEOAMBEX_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
-    element.on(chunkIVJEUGWF_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkVEOAMBEX_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkIVJEUGWF_js.EVENT_TYPES.CHANGE,
+      chunkVEOAMBEX_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkIVJEUGWF_js.EVENT_TYPES.ERROR,
+      chunkVEOAMBEX_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -6420,15 +6517,15 @@ function PaymentElement({
   }, [onReady, onChange, onError]);
   React14.useEffect(() => {
     if (!elements || !containerRef.current) return;
-    const element = elements.create(chunkIVJEUGWF_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
+    const element = elements.create(chunkVEOAMBEX_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
-    element.on(chunkIVJEUGWF_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
+    element.on(chunkVEOAMBEX_js.EVENT_TYPES.READY, () => onReadyRef.current?.());
     element.on(
-      chunkIVJEUGWF_js.EVENT_TYPES.CHANGE,
+      chunkVEOAMBEX_js.EVENT_TYPES.CHANGE,
       (data) => onChangeRef.current?.(data)
     );
     element.on(
-      chunkIVJEUGWF_js.EVENT_TYPES.ERROR,
+      chunkVEOAMBEX_js.EVENT_TYPES.ERROR,
       (data) => onErrorRef.current?.(data)
     );
     element.mount(containerRef.current);
@@ -12438,6 +12535,9 @@ 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;
@@ -17084,6 +17184,7 @@ function partitionMessages(messages) {
   }
   return { bubbles, reactionsByTarget };
 }
+var MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;
 function ChatWidget({
   client: clientProp,
   businessName = "Support",
@@ -17100,7 +17201,8 @@ function ChatWidget({
   const context = useOptionalCimplifyClient();
   const client = clientProp ?? context?.client;
   const [open, setOpen] = React14.useState(defaultOpen);
-  const [readCount, setReadCount] = React14.useState(0);
+  const [readAt, setReadAt] = React14.useState(null);
+  const [attachError, setAttachError] = React14.useState(null);
   const {
     messages,
     isLoading,
@@ -17113,14 +17215,27 @@ function ChatWidget({
     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,
@@ -17132,14 +17247,28 @@ function ChatWidget({
     },
     [client, send]
   );
-  const unread = open ? 0 : messages.slice(readCount).filter((m) => m.sender_type !== "customer").length;
+  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);
-  }, []);
+    void openIfExisting();
+  }, [openIfExisting]);
   const handleClose = React14.useCallback(() => {
-    setReadCount(messages.length);
+    const newest = messages[messages.length - 1];
+    setReadAt(newest?.created_at ?? null);
     setOpen(false);
-  }, [messages.length]);
+  }, [messages]);
   const isLeft = position === "bottom-left";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -17172,13 +17301,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,
@@ -17289,7 +17418,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,
           {
@@ -17499,11 +17628,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"
@@ -17511,15 +17642,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,
                           {
@@ -19810,6 +19941,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;