wealth-alpha-chat-widget 2.0.7 → 2.0.9

package/dist/index.cjs

@@ -712,6 +712,7 @@ var chat_default = {
   chipRow: "chat_chipRow",
   chip: "chat_chip",
   chipIcon: "chat_chipIcon",
+  chipMain: "chat_chipMain",
   chipActive: "chat_chipActive",
   chipDisabled: "chat_chipDisabled",
   typing: "chat_typing",
@@ -777,21 +778,41 @@ function AuthGate({ brandName, loginUrl, onLoginClick }) {
 }
 var HOME_ICON = '<path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/>';
 var BACK_ICON = '<line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/>';
+var PREV_ICON = '<polyline points="15 18 9 12 15 6"/>';
+var NEXT_ICON = '<polyline points="9 18 15 12 9 6"/>';
 var EMOJI_RE = /[\u{1F000}-\u{1FAFF}\u{2190}-\u{21FF}\u{2300}-\u{27BF}\u{2B00}-\u{2BFF}\u{FE00}-\u{FE0F}\u{1F1E6}-\u{1F1FF}\u{20E3}]/gu;
 var stripEmoji = (s) => s.replace(EMOJI_RE, "").replace(/\s{2,}/g, " ").trim();
 function navIconFor(chip) {
-  if (chip.id === "__root__") return HOME_ICON;
-  if (chip.label.trim() === "Back") return BACK_ICON;
+  if (chip.id === "__root__") return { svg: HOME_ICON, trailing: false };
+  if (chip.label.trim() === "Back") return { svg: BACK_ICON, trailing: false };
+  if (chip.id.includes("_page:")) {
+    const isPrev = /prev/i.test(chip.label);
+    return { svg: isPrev ? PREV_ICON : NEXT_ICON, trailing: !isPrev };
+  }
   return null;
 }
 function Chip({ chip, disabled, active, onClick }) {
+  const isMainMenu = chip.id === "__root__";
   const classes = [
     chat_default.chip,
+    isMainMenu ? chat_default.chipMain : "",
     active ? chat_default.chipActive : "",
     disabled ? chat_default.chipDisabled : ""
   ].filter(Boolean).join(" ");
   const navIcon = navIconFor(chip);
   const label = stripEmoji(chip.label);
+  const iconEl = navIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chat_default.chipIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      dangerouslySetInnerHTML: { __html: navIcon.svg }
+    }
+  ) }) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -800,19 +821,9 @@ function Chip({ chip, disabled, active, onClick }) {
       disabled,
       onClick: () => !disabled && onClick(chip),
       children: [
-        navIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chat_default.chipIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            dangerouslySetInnerHTML: { __html: navIcon }
-          }
-        ) }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+        navIcon && !navIcon.trailing ? iconEl : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+        navIcon && navIcon.trailing ? iconEl : null
       ]
     }
   );
@@ -977,6 +988,9 @@ function MessageBubble({ message, onChipClick, onFeedback }) {
   };
   const chips = message.chips ?? [];
   const showMenuGrid = isBot && message.chipsActive && isRootMenuChips(chips);
+  const isNavChip = (c) => c.id === "__root__" || c.label.trim() === "Back";
+  const navChips = chips.filter(isNavChip);
+  const otherChips = chips.filter((c) => !isNavChip(c));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: bubbleClass, children: isBot ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1051,14 +1065,24 @@ function MessageBubble({ message, onChipClick, onFeedback }) {
         },
         chip.id
       );
-    }) }) : isBot && chips.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      ChipRow,
-      {
-        chips,
-        disabled: !message.chipsActive,
-        onClick: handleChipClick
-      }
-    ) : null
+    }) }) : isBot && chips.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      otherChips.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+        ChipRow,
+        {
+          chips: otherChips,
+          disabled: !message.chipsActive,
+          onClick: handleChipClick
+        }
+      ) : null,
+      navChips.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+        ChipRow,
+        {
+          chips: navChips,
+          disabled: !message.chipsActive,
+          onClick: handleChipClick
+        }
+      ) : null
+    ] }) : null
   ] });
 }
 function TypingIndicator() {