@eshal-bot/chat-widget 0.2.13 → 0.2.14

package/dist/chat-widget.esm.js

@@ -1 +1 @@
-export{S as default}from"./chat-widget-index-C-9MnNDf.esm.js";import"react";import"react-dom/client";import"react/jsx-runtime";import"react-dom";
+export{S as default}from"./chat-widget-index-DnppNZQ8.esm.js";import"react";import"react-dom/client";import"react/jsx-runtime";import"react-dom";

package/dist/chat-widget.js

@@ -18334,6 +18334,65 @@
     });
   }
 
+  /**
+   * ChipStrip - the one component that renders the prompt-chip strip on the
+   * widget, the Testing Lab preview and the SDK (EV-3014).
+   *
+   *   widget   packages/widget/src/components/ChatInput.jsx       PromptSuggestionsRow
+   *   preview  packages/frontend/src/components/chatbot-preview.tsx PromptSuggestionsBar
+   *   SDK      packages/agent-sdk/src/EshalChat.tsx              FollowUpPromptsBar
+   *
+   * It owns what the three must agree on: the wrapper > stack > one <button>
+   * per prompt structure, the display text of each chip (EV-2977 question vs
+   * label), each chip's own text direction with the ambient direction as the
+   * neutral-text fallback (EV-2993), and the click order: telemetry strictly
+   * before the submit, never instead of it (EV-2979). Those are the behaviours
+   * that drifted between copies before.
+   *
+   * Each surface keeps what is genuinely its own, passed in rather than shared:
+   * classes, inline styles and attributes (Tailwind and org colours on the
+   * widget and preview, CSS classes on the SDK), its text-direction detector
+   * (pinned per package by rtlCharRangeParity), and its submit call. Class
+   * strings stay in each surface's source so its Tailwind build still sees them.
+   *
+   * Plain JavaScript with React.createElement and no JSX, on purpose: the
+   * widget's Rollup/Babel build compiles neither TypeScript nor JSX from
+   * another package. Types live in ChipStrip.d.ts. Each surface's DOM is pinned
+   * by its own markup golden (EV-3014).
+   */
+  function ChipStrip({
+    prompts,
+    getDisplayText,
+    detectDirection,
+    ambientIsRtl,
+    wrapperProps,
+    stackProps,
+    getKey,
+    getChipProps,
+    onChipClick,
+    onSelect
+  }) {
+    return reactExports.createElement('div', wrapperProps, reactExports.createElement('div', stackProps, prompts.map((prompt, index) => {
+      const displayText = getDisplayText(prompt);
+      const chipIsRtl = detectDirection(displayText, ambientIsRtl);
+      return reactExports.createElement('button', {
+        key: getKey(prompt, index),
+        type: 'button',
+        ...getChipProps({
+          prompt,
+          index,
+          displayText,
+          chipIsRtl
+        }),
+        onClick: () => {
+          // EV-2979: fire-and-forget telemetry, strictly before the submit.
+          if (onChipClick) onChipClick(prompt, index);
+          onSelect(prompt, index);
+        }
+      }, displayText);
+    })));
+  }
+
   var img$1 = "data:image/svg+xml,%3csvg width='219' height='54' xmlns='http://www.w3.org/2000/svg' version='1.0'%3e%3cg class='layer'%3e%3ctitle%3eEshal Logo%3c/title%3e%3cg clip-path='url(%23a)' transform='translate(-.708 -1.076)'%3e%3cg clip-path='url(%23b)'%3e%3cpath d='M21.79 54.75h4.5l3.93-.56 4.49-1.4 3.38-1.97 2.81-2.25 2.24-2.81 2.25-3.93 1.13-3.09v-.85l-3.65-1.12h-.57l-1.96 4.5-1.97 3.09-2.81 2.53-3.93 1.96-3.38.85-2.81.28h-2.81l-4.21-.57-3.94-1.4-2.81-1.97-2.25-2.24-1.96-3.38-1.41-4.21-.56-3.37-.28-3.1v-3.65l.56-5.06 1.12-4.21 1.97-3.94 2.53-2.81 2.25-1.68 2.81-1.41 3.37-.84 2.25-.28H26l4.78.84 4.5 2.25 2.53 2.53 1.4 2.53.56 2.53-.28 3.65-1.12 2.25-1.41 1.69-1.4.55-1.13-4.21-1.68-2.81-1.97-1.97-3.09-1.4-1.12-.28h-5.34l-3.09 1.12-2.25 1.69-1.41 1.97-.84 3.09.28 3.08 1.4 2.82 1.97 1.96 2.81 1.41 2.25.56 4.78.28 3.09-.28.84-.28-1.12 3.09-1.69 1.97-2.25.84h-3.65l-2.81-1.12-1.68-1.41-3.38 2.25.56 1.13 1.13 1.4 2.81 1.69 2.81.84h4.78l2.81-.84 2.53-1.69 1.96-2.25L35 34.8l.84-4.5 3.65-2.24 2.53-2.53 1.69-3.09.56-2.25.28-2.81-.56-3.93-1.12-2.82-2.25-3.09-3.09-2.81-4.22-2.25-4.5-1.12-2.52-.28h-4.5l-3.93.56-4.5 1.41-3.38 1.96-3.37 3.1-2.52 3.65-1.97 4.49-1.13 4.78-.28 2.25v9.27l.84 5.06 1.69 4.78 1.69 3.09 2.25 2.81 2.8 2.53 2.82 1.69 5.06 1.68zm1.12-27.54-2.53-.84-1.4-1.12-.84-1.69.28-2.53 1.12-1.4 2.25-1.13H26l2.81 1.41 1.41 1.97.84 2.8v2.25l-1.12.28zm0 0' fill='black'/%3e%3c/g%3e%3c/g%3e%3cpath d='M82.381 38.435v6.48h-27.06V9.965h26.41v6.5h-18.36v7.57h16.22v6.3h-16.22v8.1zm16.432 7.07c-2.77 0-5.44-.37-8.02-1.11-2.57-.75-4.65-1.72-6.22-2.92l2.75-6.09c1.5 1.09 3.28 1.98 5.34 2.64 2.07.67 4.13 1 6.19 1q3.45 0 5.1-1.02t1.65-2.73c0-.83-.33-1.52-.98-2.06-.65-.55-1.48-1-2.5-1.33-1.01-.33-2.39-.7-4.11-1.1-2.67-.63-4.85-1.26-6.55-1.89s-3.15-1.64-4.37-3.04c-1.21-1.41-1.82-3.27-1.82-5.6 0-2.03.55-3.86 1.64-5.51 1.11-1.66 2.76-2.96 4.97-3.92 2.22-.97 4.93-1.46 8.13-1.46 2.22 0 4.4.27 6.53.8s4 1.3 5.59 2.3l-2.5 6.14c-3.23-1.82-6.45-2.74-9.67-2.74-2.27 0-3.95.37-5.03 1.1-1.07.73-1.61 1.69-1.61 2.89q0 1.8 1.86 2.67c1.25.59 3.16 1.16 5.72 1.72 2.66.63 4.85 1.27 6.55 1.9 1.69.63 3.14 1.63 4.36 2.99 1.21 1.37 1.82 3.21 1.82 5.55 0 2-.56 3.82-1.67 5.46q-1.68 2.475-5.01 3.93c-2.23.95-4.95 1.43-8.14 1.43m50.913-35.54v34.95h-8.08v-14.33h-15.88v14.33h-8.09V9.965h8.09v13.78h15.88V9.965zm29.811 27.47h-16.22l-3.1 7.48h-8.29l15.58-34.95h7.98l15.62 34.95h-8.48zm-2.55-6.15-5.55-13.37-5.53 13.37zm16.274-21.32h8.09v28.36h17.52v6.59h-25.61zm0 0' fill='black'/%3e%3c/g%3e%3c/svg%3e";
 
   var img = "data:image/svg+xml,%3csvg width='219' height='54' xmlns='http://www.w3.org/2000/svg' version='1.0'%3e%3cg class='layer'%3e%3ctitle%3eEshal Logo%3c/title%3e%3cg clip-path='url(%23a)' transform='translate(-.708 -1.076)'%3e%3cg clip-path='url(%23b)'%3e%3cpath d='M21.79 54.75h4.5l3.93-.56 4.49-1.4 3.38-1.97 2.81-2.25 2.24-2.81 2.25-3.93 1.13-3.09v-.85l-3.65-1.12h-.57l-1.96 4.5-1.97 3.09-2.81 2.53-3.93 1.96-3.38.85-2.81.28h-2.81l-4.21-.57-3.94-1.4-2.81-1.97-2.25-2.24-1.96-3.38-1.41-4.21-.56-3.37-.28-3.1v-3.65l.56-5.06 1.12-4.21 1.97-3.94 2.53-2.81 2.25-1.68 2.81-1.41 3.37-.84 2.25-.28H26l4.78.84 4.5 2.25 2.53 2.53 1.4 2.53.56 2.53-.28 3.65-1.12 2.25-1.41 1.69-1.4.55-1.13-4.21-1.68-2.81-1.97-1.97-3.09-1.4-1.12-.28h-5.34l-3.09 1.12-2.25 1.69-1.41 1.97-.84 3.09.28 3.08 1.4 2.82 1.97 1.96 2.81 1.41 2.25.56 4.78.28 3.09-.28.84-.28-1.12 3.09-1.69 1.97-2.25.84h-3.65l-2.81-1.12-1.68-1.41-3.38 2.25.56 1.13 1.13 1.4 2.81 1.69 2.81.84h4.78l2.81-.84 2.53-1.69 1.96-2.25L35 34.8l.84-4.5 3.65-2.24 2.53-2.53 1.69-3.09.56-2.25.28-2.81-.56-3.93-1.12-2.82-2.25-3.09-3.09-2.81-4.22-2.25-4.5-1.12-2.52-.28h-4.5l-3.93.56-4.5 1.41-3.38 1.96-3.37 3.1-2.52 3.65-1.97 4.49-1.13 4.78-.28 2.25v9.27l.84 5.06 1.69 4.78 1.69 3.09 2.25 2.81 2.8 2.53 2.82 1.69 5.06 1.68zm1.12-27.54-2.53-.84-1.4-1.12-.84-1.69.28-2.53 1.12-1.4 2.25-1.13H26l2.81 1.41 1.41 1.97.84 2.8v2.25l-1.12.28zm0 0' fill='white'/%3e%3c/g%3e%3c/g%3e%3cpath d='M82.381 38.435v6.48h-27.06V9.965h26.41v6.5h-18.36v7.57h16.22v6.3h-16.22v8.1zm16.432 7.07c-2.77 0-5.44-.37-8.02-1.11-2.57-.75-4.65-1.72-6.22-2.92l2.75-6.09c1.5 1.09 3.28 1.98 5.34 2.64 2.07.67 4.13 1 6.19 1q3.45 0 5.1-1.02t1.65-2.73c0-.83-.33-1.52-.98-2.06-.65-.55-1.48-1-2.5-1.33-1.01-.33-2.39-.7-4.11-1.1-2.67-.63-4.85-1.26-6.55-1.89s-3.15-1.64-4.37-3.04c-1.21-1.41-1.82-3.27-1.82-5.6 0-2.03.55-3.86 1.64-5.51 1.11-1.66 2.76-2.96 4.97-3.92 2.22-.97 4.93-1.46 8.13-1.46 2.22 0 4.4.27 6.53.8s4 1.3 5.59 2.3l-2.5 6.14c-3.23-1.82-6.45-2.74-9.67-2.74-2.27 0-3.95.37-5.03 1.1-1.07.73-1.61 1.69-1.61 2.89q0 1.8 1.86 2.67c1.25.59 3.16 1.16 5.72 1.72 2.66.63 4.85 1.27 6.55 1.9 1.69.63 3.14 1.63 4.36 2.99 1.21 1.37 1.82 3.21 1.82 5.55 0 2-.56 3.82-1.67 5.46q-1.68 2.475-5.01 3.93c-2.23.95-4.95 1.43-8.14 1.43m50.913-35.54v34.95h-8.08v-14.33h-15.88v14.33h-8.09V9.965h8.09v13.78h15.88V9.965zm29.811 27.47h-16.22l-3.1 7.48h-8.29l15.58-34.95h7.98l15.62 34.95h-8.48zm-2.55-6.15-5.55-13.37-5.53 13.37zm16.274-21.32h8.09v28.36h17.52v6.59h-25.61zm0 0' fill='white'/%3e%3c/g%3e%3c/svg%3e";
@@ -18352,43 +18411,48 @@
     // getPromptDisplayText. Kill-switch: behavior.autoPromptQuestionDisplay.
     questionDisplay = true
   }) => {
-    return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-      className: "mb-2 px-5",
-      children: /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    // EV-3014: the strip is the shared ChipStrip, also rendered by the Testing
+    // Lab preview and the SDK. Each chip follows the direction of the string it
+    // actually DISPLAYS (EV-2993) - under EV-2977 the natural question
+    // (submitText), not the title-case label - falling back to the configured
+    // widget direction only when the text itself is direction-neutral ("123", a
+    // lone "?"). `dir="auto"` alone was not enough: it hard-defaults neutral
+    // text to LTR and leaves `text-align` on the container's direction. The
+    // widget keeps its own classes (here, so its Tailwind build sees them),
+    // accepts plain-string prompts, and records click telemetry in its parent.
+    return /*#__PURE__*/jsxRuntimeExports.jsx(ChipStrip, {
+      prompts: suggestions,
+      getDisplayText: p => getPromptDisplayText(p, questionDisplay),
+      detectDirection: detectTextDirection,
+      ambientIsRtl: isRtl,
+      wrapperProps: {
+        className: "mb-2 px-5"
+      },
+      stackProps: {
         className: "flex flex-col gap-2",
         role: "group",
-        "aria-label": t("suggestedQuestions"),
-        children: suggestions.map((p, index) => {
-          // EV-2993: the chip follows the direction of the string it
-          // actually DISPLAYS - which under EV-2977 is the natural
-          // question (submitText), not the title-case label - falling
-          // back to the configured widget direction only when the text
-          // itself is direction-neutral ("123", a lone "?"). `dir="auto"`
-          // alone was not enough: it hard-defaults neutral text to LTR
-          // and it leaves `text-align` on the container's direction.
-          const displayText = getPromptDisplayText(p, questionDisplay);
-          const chipIsRtl = detectTextDirection(displayText, isRtl);
-          return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
-            type: "button",
-            onClick: () =>
-            // EV-2842: pass the prompt object + position so the click
-            // handler can record telemetry; extra args are ignored by
-            // handlers that only read the submit value.
-            onSuggestionClick(p.submitText || p.text || p, p, index),
-            dir: chipIsRtl ? "rtl" : "ltr",
-            className: `block w-full rounded-2xl px-4 py-2 border-0 transition-transform duration-150 active:scale-[0.99] ${chipIsRtl ? "text-right" : "text-left"}`,
-            style: {
-              direction: chipIsRtl ? "rtl" : "ltr",
-              textAlign: chipIsRtl ? "right" : "left",
-              background: `linear-gradient(135deg, ${promptPrimary} 0%, ${promptPrimary}dd 100%)`,
-              color: promptTextColor,
-              fontFamily: promptFontFamily,
-              fontSize: promptFontSize
-            },
-            children: displayText
-          }, `${p.text || p}-${index}`);
-        })
+        "aria-label": t("suggestedQuestions")
+      },
+      getKey: (p, index) => `${p.text || p}-${index}`,
+      getChipProps: ({
+        chipIsRtl
+      }) => ({
+        dir: chipIsRtl ? "rtl" : "ltr",
+        className: `block w-full rounded-2xl px-4 py-2 border-0 transition-transform duration-150 active:scale-[0.99] ${chipIsRtl ? "text-right" : "text-left"}`,
+        style: {
+          direction: chipIsRtl ? "rtl" : "ltr",
+          textAlign: chipIsRtl ? "right" : "left",
+          background: `linear-gradient(135deg, ${promptPrimary} 0%, ${promptPrimary}dd 100%)`,
+          color: promptTextColor,
+          fontFamily: promptFontFamily,
+          fontSize: promptFontSize
+        }
       })
+      // EV-2842: pass the prompt object + position so the click handler can
+      // record telemetry; extra args are ignored by handlers that only read
+      // the submit value.
+      ,
+      onSelect: (p, index) => onSuggestionClick(p.submitText || p.text || p, p, index)
     });
   };
   const ChatInput = ({
@@ -21440,7 +21504,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.13';
+  const WIDGET_VERSION = '0.2.14';
 
   /**
    * API utility functions