@eshal-bot/chat-widget 0.2.54 → 0.2.56

package/dist/chat-widget.esm.js

@@ -1 +1 @@
-export{S as default}from"./chat-widget-index-C0VY-3ea.esm.js";import"react";import"react-dom/client";import"react/jsx-runtime";import"react-dom";
+export{S as default}from"./chat-widget-index-dlp0htSy.esm.js";import"react";import"react-dom/client";import"react/jsx-runtime";import"react-dom";

package/dist/chat-widget.js

@@ -13640,6 +13640,32 @@
   }
   const VERIFY_CARD = /"type"\s*:\s*"verification"/;
 
+  /**
+   * What the caller said after the answer that carried the card on screen, or
+   * undefined while nothing has followed it. The call screen redraws its card
+   * on every new line, so a card cannot keep its own "picked" state: an option
+   * list tapped once came back live, ready for a second pick, until the agent's
+   * next answer replaced it. Read from the lines, as the chat reads it from
+   * history (MessageList), it locks the card on the caller's answer, tapped or
+   * said. A verify card is left out: it stays live while the caller talks, until
+   * its code is confirmed (waitsForCode).
+   */
+  function voiceCardAnswer(lines) {
+    let at = -1;
+    for (let i = lines.length - 1; i >= 0; i--) {
+      if (lines[i].role === "assistant" && lines[i].a2ui) {
+        at = i;
+        break;
+      }
+    }
+    if (at === -1 || VERIFY_CARD.test(lines[at].a2ui)) return undefined;
+    for (let i = at + 1; i < lines.length; i++) {
+      const line = lines[i];
+      if (line.role === "user" && !line.sendFailed && String(line.content || "").trim()) return String(line.content);
+    }
+    return undefined;
+  }
+
   /** A verification code card (VerifyCard) whose code is not confirmed yet. */
   function waitsForCode(line) {
     return Boolean(line?.a2ui && VERIFY_CARD.test(line.a2ui) && !line.cardDone);
@@ -13743,7 +13769,8 @@
    * Inbox (contentType human_reply, handoff_ack), the away and holding lines
    * sent while the visitor waits for a person (handoff_wait, EV-4803; backend
    * services/widgetHandoffLines.ts), the code card an agent sends with Request
-   * verification (verification_request; backend services/verificationRequest.ts)
+   * verification (verification_request; backend services/verificationRequest.ts),
+   * a payment's outcome (payment_status; backend services/paymentEvents.ts)
    * and a Skill's reply to a staff
    * turn (staffTurn: Instruct Skill, or a hand-back that resumes the Skill;
    * backend services/staffTurn.ts). Dev, 15 Oct 2026: a Skill reply sent while
@@ -13751,7 +13778,7 @@
    * replies were merged. Mirrors packages/frontend/src/lib/messages/repliedOutsideStream.ts.
    */
   function isRepliedOutsideStream(m) {
-    return m?.contentType === 'human_reply' || m?.contentType === 'handoff_ack' || m?.contentType === 'handoff_wait' || m?.contentType === 'verification_request' || m?.staffTurn === true;
+    return m?.contentType === 'human_reply' || m?.contentType === 'handoff_ack' || m?.contentType === 'handoff_wait' || m?.contentType === 'verification_request' || m?.contentType === 'payment_status' || m?.staffTurn === true;
   }
 
   /**
@@ -13763,6 +13790,84 @@
     return m?.responder === 'ai' || m?.responder === 'human' ? m.responder : null;
   }
 
+  /**
+   * Whether an agent reply put a payment link on the screen.
+   *
+   * Dev, 13 Nov 2026, Aurelia Airways: the agent held a booking and put the
+   * secure payment link on the screen; the customer paid, and heard nothing until
+   * they asked. A payment's outcome now reaches the conversation's event stream
+   * (backend services/paymentEvents.ts, contentType payment_status). The widget
+   * listens to that stream only once a person has the chat, so while a reply's
+   * payment link is open it listens too, and the outcome shows the moment it
+   * lands.
+   *
+   * The link rides an `eshal-ui` card the Skill writes: an action whose value is
+   * the address ("Go to checkout", a Shopify cart; "Pay securely", a checkout
+   * page). Mirrors services/voice-runtime/voice_runtime/payment_link.py `find`.
+   */
+
+  const FENCE = /```eshal-ui\s*([\s\S]*?)```/g;
+  const PAY_WORDS = /\b(pay|pay now|payment|checkout|check out|purchase|complete (?:the )?(?:booking|order|purchase)|secure (?:payment|checkout)|place (?:the )?order)\b/i;
+  const PAY_PATH = /(?:^|[/._?=&-])(pay|payment|payments|checkout|checkouts|cart|invoice)(?:$|[/._?=&-])/i;
+  function cardsIn(content) {
+    const cards = [];
+    if (typeof content !== 'string' || !content.includes('eshal-ui')) return cards;
+    for (const match of content.matchAll(FENCE)) {
+      try {
+        const parsed = JSON.parse(match[1].trim());
+        if (Array.isArray(parsed)) cards.push(...parsed.filter(c => c && typeof c === 'object'));else if (parsed && typeof parsed === 'object') cards.push(parsed);
+      } catch {
+        /* not a card */
+      }
+    }
+    return cards;
+  }
+  function actionsOf(card) {
+    const own = Array.isArray(card.actions) ? card.actions.filter(a => a && typeof a === 'object') : [];
+    const children = Array.isArray(card.children) ? card.children : Array.isArray(card.items) ? card.items : [];
+    return own.concat(...children.filter(c => c && typeof c === 'object').map(actionsOf));
+  }
+  function addressOf(action) {
+    for (const key of ['value', 'url', 'href', 'link']) {
+      const v = action[key];
+      if (typeof v === 'string' && /^https?:\/\//.test(v)) return v;
+    }
+    return null;
+  }
+
+  /** True when the reply's text carries a card with a payment link. */
+  function hasPaymentLink(content) {
+    for (const card of cardsIn(content)) {
+      const title = String(card.title || '');
+      for (const action of actionsOf(card)) {
+        const url = addressOf(action);
+        if (!url) continue;
+        let path = '';
+        try {
+          const u = new URL(url);
+          path = `${u.pathname}?${u.search.replace(/^\?/, '')}`;
+        } catch {
+          continue;
+        }
+        if (PAY_WORDS.test(String(action.label || '')) || PAY_WORDS.test(title) || PAY_PATH.test(path)) return true;
+      }
+    }
+    return false;
+  }
+
+  /** True when the newest agent reply in the transcript put a payment link on the screen. */
+  function awaitsPayment(messages) {
+    if (!Array.isArray(messages)) return false;
+    for (let i = messages.length - 1; i >= 0; i -= 1) {
+      const m = messages[i];
+      if (m?.role !== 'assistant') continue;
+      if (m?.metadata?.contentType === 'payment_status') return false; // the outcome is in
+      if (m?.isProcessing) continue;
+      return hasPaymentLink(m.content);
+    }
+    return false;
+  }
+
   // EV-4048: human-agent identification in the widget transcript.
   //
   // A message pushed by a human agent (inbox reply / takeover) carries
@@ -15058,6 +15163,14 @@
         }
       };
     }, []);
+
+    // A reply's payment link is open: the conversation's stream is read for the
+    // payment's outcome, so it shows the moment it lands (lib/paymentLink.js;
+    // backend services/paymentEvents.ts). Dev, 13 Nov 2026, Aurelia: the customer
+    // paid and was told only once they asked.
+    reactExports.useEffect(() => {
+      if (awaitsPayment(messages)) void startHandoffEventSource();
+    }, [messages, startHandoffEventSource]);
     const websocketUrl = reactExports.useMemo(() => {
       if (!organizationId) return null;
       const resolvedWsBaseUrl = getWebSocketUrl(apiBaseUrl, wsBaseUrl);
@@ -23780,6 +23893,7 @@
     const lastAgent = latestLine(lines, "agent");
     const lastCaller = latestLine(lines, "user");
     const card = latestVoiceCard(lines);
+    const cardAnswer = voiceCardAnswer(lines);
     reactExports.useEffect(() => {
       const el = scrollRef.current;
       if (el) el.scrollTop = el.scrollHeight;
@@ -23851,13 +23965,16 @@
           children: /*#__PURE__*/jsxRuntimeExports.jsx(CardBoundary, {
             children: /*#__PURE__*/jsxRuntimeExports.jsx(reactExports.Suspense, {
               fallback: null,
-              children: /*#__PURE__*/jsxRuntimeExports.jsx(MarkdownRenderer, {
-                content: card,
-                isDark: isDark,
-                isRtl: isRtl,
-                fontFamily: fontFamily,
-                provideCitations: false,
-                onButtonClick: (value, _label, extra) => onCardAction?.(String(value ?? ""), extra)
+              children: /*#__PURE__*/jsxRuntimeExports.jsx(A2uiAnsweredContext.Provider, {
+                value: cardAnswer,
+                children: /*#__PURE__*/jsxRuntimeExports.jsx(MarkdownRenderer, {
+                  content: card,
+                  isDark: isDark,
+                  isRtl: isRtl,
+                  fontFamily: fontFamily,
+                  provideCitations: false,
+                  onButtonClick: (value, _label, extra) => onCardAction?.(String(value ?? ""), extra)
+                })
               })
             })
           }, card)
@@ -25674,7 +25791,7 @@
    * value by its own test (that constant sat at 0.1.113 while this package was
    * at 0.2.2 precisely because nothing enforced it - EV-2431).
    */
-  const WIDGET_VERSION = '0.2.54';
+  const WIDGET_VERSION = '0.2.56';
 
   /**
    * API utility functions