keystone-design-bootstrap 1.0.104 → 1.0.105

package/dist/index.d.ts

@@ -42,6 +42,15 @@ interface ResolvedCtaUrls {
 }
 declare function resolveCtaUrls(companyInformation?: CompanyInformation | null): ResolvedCtaUrls;
 
+/**
+ * Chat backend identifiers — isomorphic (safe to import from client
+ * components; no server-only dependencies). Backend *resolution* lives in
+ * ./chat-backend (server-only: reads env, logs via server-log).
+ */
+declare const RAILS_BACKEND: "rails";
+declare const SOR_BACKEND: "sor";
+type ChatBackend = typeof RAILS_BACKEND | typeof SOR_BACKEND;
+
 interface TeamMember {
     id: number;
     name: string;
@@ -50,6 +59,18 @@ interface TeamMember {
 }
 interface ChatWidgetProps {
     position?: 'bottom-right' | 'bottom-left';
+    /**
+     * Which backend the site's `/api/chat` proxy talks to. The two backends have
+     * architecturally different reply delivery: 'rails' (keystone-mono-proto)
+     * pushes replies over ActionCable realtime; 'sor' (sor-service) has no
+     * realtime channel and the widget polls for the reply instead. The paths are
+     * mutually exclusive — a 'sor' widget never probes/subscribes realtime, a
+     * 'rails' widget never polls.
+     *
+     * TODO(webchat): default is 'rails' while keystone-mono-proto is still a live
+     * backend; flip the default to 'sor' once the Rails backend is scrapped.
+     */
+    chatBackend?: ChatBackend;
     primaryColor?: string;
     /**
      * Anonymous session identifier. Used when the visitor is not authenticated.
@@ -65,6 +86,6 @@ interface ChatWidgetProps {
     displayName?: string;
     teamMembers?: TeamMember[];
 }
-declare function ChatWidget({ position, primaryColor, sessionId: providedSessionId, contactId, displayName: providedDisplayName, teamMembers }: ChatWidgetProps): React__default.JSX.Element;
+declare function ChatWidget({ position, primaryColor, chatBackend, sessionId: providedSessionId, contactId, displayName: providedDisplayName, teamMembers }: ChatWidgetProps): React__default.JSX.Element;
 
 export { ChatWidget, type ResolvedCtaUrls, isExternalCtaUrl, resolveCtaUrls, submitContactFormAction, submitLeadFormAction };

package/dist/index.js

@@ -20175,6 +20175,10 @@ function useRealtimeReplyOrchestrator({
   };
 }
 
+// src/lib/chat-backend-constants.ts
+var RAILS_BACKEND = "rails";
+var SOR_BACKEND = "sor";
+
 // src/design_system/components/ChatWidget.tsx
 var formatTime = (isoString) => {
   const date = new Date(isoString);
@@ -20194,6 +20198,7 @@ var formatTime = (isoString) => {
 function ChatWidget({
   position = "bottom-right",
   primaryColor,
+  chatBackend = RAILS_BACKEND,
   sessionId: providedSessionId,
   contactId,
   displayName: providedDisplayName,
@@ -20250,8 +20255,10 @@ function ChatWidget({
     const latest = list[list.length - 1];
     return (latest == null ? void 0 : latest.sender_type) === "agent" && (latest == null ? void 0 : latest.body) != null && String(latest.body).trim() !== "";
   }, []);
+  const isSorBackend = chatBackend === SOR_BACKEND;
   const fetchRealtimeData = useCallback12(async () => {
     var _a, _b, _c;
+    if (isSorBackend) return null;
     if (!contactId && !sessionId) return null;
     const query = contactId ? `contact_id=${encodeURIComponent(contactId)}` : `identifier=${encodeURIComponent(sessionId)}`;
     const response = await fetch(`/api/chat/?action=realtime_token&${query}`);
@@ -20262,7 +20269,7 @@ function ChatWidget({
     const cableUrl = (_c = result == null ? void 0 : result.data) == null ? void 0 : _c.cable_url;
     if (!token || !contactIdForStream || !cableUrl) return null;
     return { token, contact_id: contactIdForStream, cable_url: cableUrl };
-  }, [contactId, sessionId]);
+  }, [contactId, isSorBackend, sessionId]);
   const {
     beginReplyWait,
     ensureRealtimeSubscription
@@ -20280,10 +20287,39 @@ function ChatWidget({
   });
   const hasPersistedMessages = messages.some((message) => !String(message.id).startsWith("temp_"));
   useEffect14(() => {
+    if (isSorBackend) return;
     if (!isOpen || !contactId && !sessionId) return;
     if (!contactId && !hasPersistedMessages) return;
     ensureRealtimeSubscription();
-  }, [contactId, ensureRealtimeSubscription, hasPersistedMessages, isOpen, sessionId]);
+  }, [contactId, ensureRealtimeSubscription, hasPersistedMessages, isOpen, isSorBackend, sessionId]);
+  useEffect14(() => {
+    if (!isSorBackend || !waitingForReply) return;
+    let cancelled = false;
+    let inFlight = false;
+    let attempts = 0;
+    const maxAttempts = 40;
+    const interval = setInterval(async () => {
+      if (inFlight) return;
+      inFlight = true;
+      attempts += 1;
+      try {
+        const msgs = await loadMessages();
+        if (cancelled) return;
+        if (hasAgentReplyWithBody(msgs) || attempts >= maxAttempts) {
+          clearInterval(interval);
+          setWaitingForReply(false);
+          setIsLoading(false);
+        }
+      } catch (e) {
+      } finally {
+        inFlight = false;
+      }
+    }, 1500);
+    return () => {
+      cancelled = true;
+      clearInterval(interval);
+    };
+  }, [isSorBackend, waitingForReply, loadMessages, hasAgentReplyWithBody]);
   const sendMessage = async () => {
     var _a, _b, _c, _d, _e, _f;
     if (!inputValue.trim() || !contactId && !sessionId) return;
@@ -20311,12 +20347,14 @@ function ChatWidget({
         captureEvent("chat_message_sent", { is_authenticated: Boolean(contactId) });
         if ((_a = result.data) == null ? void 0 : _a.job_id) {
           setWaitingForReply(true);
-          const realtimeFromSend = ((_b = result.data) == null ? void 0 : _b.realtime_token) && ((_c = result.data) == null ? void 0 : _c.contact_id) && ((_d = result.data) == null ? void 0 : _d.cable_url) ? {
-            token: result.data.realtime_token,
-            contact_id: result.data.contact_id,
-            cable_url: result.data.cable_url
-          } : null;
-          beginReplyWait({ realtimeData: realtimeFromSend });
+          if (!isSorBackend) {
+            const realtimeFromSend = ((_b = result.data) == null ? void 0 : _b.realtime_token) && ((_c = result.data) == null ? void 0 : _c.contact_id) && ((_d = result.data) == null ? void 0 : _d.cable_url) ? {
+              token: result.data.realtime_token,
+              contact_id: result.data.contact_id,
+              cable_url: result.data.cable_url
+            } : null;
+            beginReplyWait({ realtimeData: realtimeFromSend });
+          }
         } else if (((_e = result.data) == null ? void 0 : _e.status) === "agent_unavailable" || ((_f = result.data) == null ? void 0 : _f.status) === "no_auto_reply") {
           setIsLoading(false);
           setWaitingForReply(false);