wealth-alpha-chat-widget 2.0.5 → 2.0.6

package/dist/index.cjs

@@ -711,6 +711,7 @@ var chat_default = {
   bubbleMeta: "chat_bubbleMeta",
   chipRow: "chat_chipRow",
   chip: "chat_chip",
+  chipIcon: "chat_chipIcon",
   chipActive: "chat_chipActive",
   chipDisabled: "chat_chipDisabled",
   typing: "chat_typing",
@@ -774,12 +775,26 @@ 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 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.id.includes("_page:")) {
+    return /prev/i.test(chip.label) ? PREV_ICON : NEXT_ICON;
+  }
+  return null;
+}
 function Chip({ chip, disabled, active, onClick }) {
   const classes = [
     chat_default.chip,
     active ? chat_default.chipActive : "",
     disabled ? chat_default.chipDisabled : ""
   ].filter(Boolean).join(" ");
+  const navIcon = navIconFor(chip);
+  const label = stripEmoji(chip.label);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -788,8 +803,19 @@ function Chip({ chip, disabled, active, onClick }) {
       disabled,
       onClick: () => !disabled && onClick(chip),
       children: [
-        chip.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: chip.icon }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: chip.label })
+        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 })
       ]
     }
   );