@sensiblestats/widget-react 0.19.0 → 0.20.0

package/dist/index.js

@@ -588,21 +588,42 @@ function reducer(state, action) {
 }
 
 // src/useChatStream.ts
+var STREAM_FALLBACK_TIMEOUT_MS = 3e4;
 function useChatStream(conversation, starterTexts, greetingMessage) {
   const seed = useMemo(() => initialState(starterTexts.map(chipFromText)), []);
   const [state, dispatch] = useReducer(reducer, seed);
   const idRef = useRef(0);
   const handleRef = useRef(null);
+  const fallbackTimerRef = useRef(null);
   const stateRef = useRef(state);
   stateRef.current = state;
   const greetedRef = useRef(false);
   const nextId = () => `m${idRef.current++}`;
+  const clearFallbackTimer = useCallback(() => {
+    if (fallbackTimerRef.current != null) {
+      clearTimeout(fallbackTimerRef.current);
+      fallbackTimerRef.current = null;
+    }
+  }, []);
+  const armFallbackTimer = useCallback((onFire) => {
+    clearFallbackTimer();
+    fallbackTimerRef.current = setTimeout(() => {
+      fallbackTimerRef.current = null;
+      handleRef.current?.cancel();
+      handleRef.current = null;
+      onFire();
+    }, STREAM_FALLBACK_TIMEOUT_MS);
+  }, [clearFallbackTimer]);
   const consume = useCallback((handle, onError) => {
     ;
     (async () => {
       try {
-        for await (const event of handle) dispatch({ kind: "EVENT", event });
+        for await (const event of handle) {
+          dispatch({ kind: "EVENT", event });
+          if (event.type === "turn_complete" || event.type === "error") clearFallbackTimer();
+        }
       } catch (err) {
+        if (handleRef.current === handle) clearFallbackTimer();
         if (err instanceof WidgetSdkError2) onError(err);
         else if (err?.name === "AbortError") {
         } else throw err;
@@ -610,18 +631,23 @@ function useChatStream(conversation, starterTexts, greetingMessage) {
         if (handleRef.current === handle) handleRef.current = null;
       }
     })();
-  }, []);
+  }, [clearFallbackTimer]);
   const run = useCallback((input, displayText) => {
     handleRef.current?.cancel();
+    clearFallbackTimer();
     dispatch({ kind: "USER_SENT", input, userId: nextId(), assistantId: nextId(), displayText });
     const handle = conversation.send(input);
     handleRef.current = handle;
+    armFallbackTimer(() => {
+      dispatch({ kind: "STOP" });
+      dispatch({ kind: "STREAM_ERROR", error: new WidgetSdkError2("No response received in time", "timeout") });
+    });
     consume(handle, (err) => dispatch({ kind: "STREAM_ERROR", error: err }));
-  }, [conversation, consume]);
+  }, [conversation, consume, clearFallbackTimer, armFallbackTimer]);
   const send = useCallback((text, opts) => {
     const trimmed = text.trim();
     if (!trimmed) return;
-    run({ message: trimmed, actionId: opts?.actionId, grounding: opts?.grounding }, opts?.displayText);
+    run({ message: trimmed, actionId: opts?.actionId, actionRef: opts?.actionRef }, opts?.displayText);
   }, [run]);
   const retry = useCallback(() => {
     const last = stateRef.current.lastUserInput;
@@ -633,25 +659,29 @@ function useChatStream(conversation, starterTexts, greetingMessage) {
     greetedRef.current = true;
     try {
       handleRef.current?.cancel();
+      clearFallbackTimer();
       dispatch({ kind: "GREETING_SENT", assistantId: nextId() });
       const handle = conversation.send({ message });
       handleRef.current = handle;
+      armFallbackTimer(() => dispatch({ kind: "STOP" }));
       consume(handle, () => dispatch({ kind: "STOP" }));
     } catch {
       dispatch({ kind: "STOP" });
     }
-  }, [greetingMessage, conversation, consume]);
+  }, [greetingMessage, conversation, consume, clearFallbackTimer, armFallbackTimer]);
   const open = useCallback(() => dispatch({ kind: "OPEN" }), []);
   const close = useCallback(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
+    clearFallbackTimer();
     dispatch({ kind: "CLOSE" });
-  }, []);
+  }, [clearFallbackTimer]);
   const stop = useCallback(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
+    clearFallbackTimer();
     dispatch({ kind: "STOP" });
-  }, []);
+  }, [clearFallbackTimer]);
   const toggle = useCallback(() => {
     if (stateRef.current.isOpen) close();
     else open();
@@ -1316,7 +1346,7 @@ function FixtureHeroBlock({
       block.venue ? /* @__PURE__ */ jsx18("span", { className: "ss-w-cdash-venue", children: block.venue }) : null,
       block.competition ? /* @__PURE__ */ jsx18("span", { className: "ss-w-cdash-comp", children: block.competition }) : null
     ] }),
-    /* @__PURE__ */ jsx18("button", { type: "button", className: "ss-w-cdash-cta", onClick: () => onAction(block.ctaActionValue, void 0, block.ctaLabel), children: block.ctaLabel })
+    /* @__PURE__ */ jsx18("button", { type: "button", className: "ss-w-cdash-cta", onClick: () => onAction(block.ctaLabel, { actionRef: block.ctaActionRef }), children: block.ctaLabel })
   ] });
 }
 
@@ -1345,12 +1375,12 @@ function MatchPreviewBlock({
   return /* @__PURE__ */ jsxs16("div", { className: "ss-w-cdash-lines", children: [
     /* @__PURE__ */ jsx20("span", { className: "ss-w-cdash-lines-heading", children: heading }),
     block.facts.map(
-      (f, i) => f.entityRef ? /* @__PURE__ */ jsxs16(
+      (f, i) => f.actionRef ? /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
           className: "ss-w-cdash-fact",
-          onClick: () => onAction(f.question ?? f.sentence, { ...f.entityRef, subject: f.sentence, personaHint: "club" }),
+          onClick: () => onAction(f.label ?? f.sentence, { actionRef: f.actionRef }),
           children: [
             f.sentence,
             f.label ? /* @__PURE__ */ jsxs16("span", { className: "ss-w-cdash-fact-label", children: [
@@ -1377,12 +1407,12 @@ function TeamDnaBlock({
   return /* @__PURE__ */ jsxs17("div", { className: "ss-w-cdash-lines", children: [
     /* @__PURE__ */ jsx21("span", { className: "ss-w-cdash-lines-heading", children: heading }),
     block.facts.map(
-      (f, i) => f.entityRef ? /* @__PURE__ */ jsxs17(
+      (f, i) => f.actionRef ? /* @__PURE__ */ jsxs17(
         "button",
         {
           type: "button",
           className: "ss-w-cdash-fact",
-          onClick: () => onAction(f.question ?? f.sentence, { ...f.entityRef, subject: f.sentence, personaHint: "club" }),
+          onClick: () => onAction(f.label ?? f.sentence, { actionRef: f.actionRef }),
           children: [
             f.sentence,
             f.label ? /* @__PURE__ */ jsxs17("span", { className: "ss-w-cdash-fact-label", children: [
@@ -1528,7 +1558,7 @@ function MessageList({ controller, ui, slip, onDashboardTap }) {
               send(tile.actionValue, { displayText: tile.title });
               if (m.role === "assistant" && m.greetingDashboard) onDashboardTap?.(tile, index, m.greetingDashboard.layout);
             },
-            onClubAction: (message, grounding, displayText) => send(message, { grounding, displayText: displayText ?? message }),
+            onClubAction: (label, opts) => send(label, { actionRef: opts.actionRef }),
             ui,
             slip
           },