wealth-alpha-chat-widget 1.0.2 → 1.0.3

package/dist/index.cjs

@@ -699,16 +699,19 @@ var chat_default = {
   markdown: "chat_markdown",
   bubbleBot: "chat_bubbleBot",
   bubbleUser: "chat_bubbleUser",
+  bubbleMeta: "chat_bubbleMeta",
   chipRow: "chat_chipRow",
   chip: "chat_chip",
   chipActive: "chat_chipActive",
   chipDisabled: "chat_chipDisabled",
   typing: "chat_typing",
   typingDot: "chat_typingDot",
+  wacBlink: "chat_wacBlink",
   input: "chat_input",
   inputBox: "chat_inputBox",
   sendButton: "chat_sendButton",
   hiddenFileInput: "chat_hiddenFileInput",
+  csvButton: "chat_csvButton",
   authGate: "chat_authGate",
   authGateIcon: "chat_authGateIcon",
   authGateTitle: "chat_authGateTitle",
@@ -718,7 +721,21 @@ var chat_default = {
   authGateDisclaimerTitle: "chat_authGateDisclaimerTitle",
   errorBanner: "chat_errorBanner",
   popupBubble: "chat_popupBubble",
-  popupDismiss: "chat_popupDismiss"
+  wacPopIn: "chat_wacPopIn",
+  popupDismiss: "chat_popupDismiss",
+  menuGrid: "chat_menuGrid",
+  menuItem: "chat_menuItem",
+  menuItemIcon: "chat_menuItemIcon",
+  menuItemTitle: "chat_menuItemTitle",
+  menuItemSub: "chat_menuItemSub",
+  menuIconGreen: "chat_menuIconGreen",
+  menuIconBlue: "chat_menuIconBlue",
+  menuIconLeaf: "chat_menuIconLeaf",
+  menuIconRed: "chat_menuIconRed",
+  menuIconOrange: "chat_menuIconOrange",
+  menuIconGold: "chat_menuIconGold",
+  menuIconTeal: "chat_menuIconTeal",
+  menuIconPurple: "chat_menuIconPurple"
 };
 function AuthGate({ brandName, loginUrl, onLoginClick }) {
   const handleClick = () => {
@@ -790,9 +807,10 @@ var ALLOWED_TAGS = [
   "ol",
   "li",
   "blockquote",
-  "span"
+  "span",
+  "div"
 ];
-var ALLOWED_ATTR = ["href", "target", "rel", "class"];
+var ALLOWED_ATTR = ["href", "target", "rel", "class", "style", "data-wa-gauge-pct"];
 var SANITIZE_CFG = {
   ALLOWED_TAGS,
   ALLOWED_ATTR,
@@ -806,25 +824,87 @@ function inlineMarkdownToHtml(text) {
 function renderMarkdown(text) {
   if (!text) return "";
   const inlined = inlineMarkdownToHtml(text);
+  if (/<div[\s>]/i.test(inlined)) {
+    return DOMPurify__default.default.sanitize(inlined, SANITIZE_CFG);
+  }
   const paragraphs = inlined.split(/\n{2,}/).map((para) => para.replace(/\n/g, "<br>")).filter((p) => p.length > 0);
   const html = paragraphs.length > 1 ? paragraphs.map((p) => `<p>${p}</p>`).join("") : paragraphs[0] ?? "";
   return DOMPurify__default.default.sanitize(html, SANITIZE_CFG);
 }
+var ROOT_MENU_CHIP_IDS = /* @__PURE__ */ new Set([
+  "stock_analysis",
+  "stock_discovery",
+  "new_listings",
+  "portfolio_risk",
+  "market_forecast",
+  "crypto",
+  "tradable_picks",
+  "peer_compare"
+]);
+var MENU_SUBTITLES = {
+  stock_analysis: "Fundamental & technical",
+  stock_discovery: "Find promising stocks",
+  new_listings: "Track IPOs & new stocks",
+  portfolio_risk: "Analyze your portfolio",
+  market_forecast: "Outlook & key events",
+  crypto: "BTC, ETH & trends",
+  tradable_picks: "Short-term setups",
+  peer_compare: "Compare peer stocks"
+};
+var MENU_ICON_KEY = {
+  stock_analysis: "menuIconGreen",
+  stock_discovery: "menuIconBlue",
+  new_listings: "menuIconLeaf",
+  portfolio_risk: "menuIconRed",
+  market_forecast: "menuIconOrange",
+  crypto: "menuIconGold",
+  tradable_picks: "menuIconTeal",
+  peer_compare: "menuIconPurple"
+};
+function isRootMenuChips(chips) {
+  return chips.some((c) => ROOT_MENU_CHIP_IDS.has(c.id));
+}
 function MessageBubble({ message, onChipClick }) {
   const isBot = message.role === "bot";
   const bubbleClass = isBot ? `${chat_default.bubble} ${chat_default.bubbleBot}` : `${chat_default.bubble} ${chat_default.bubbleUser}`;
+  const handleMarkdownClick = (e) => {
+    const anchor = e.target.closest("a");
+    if (!anchor?.href) return;
+    e.preventDefault();
+    window.location.assign(anchor.href);
+  };
+  const chips = message.chips ?? [];
+  const showMenuGrid = isBot && message.chipsActive && isRootMenuChips(chips);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: bubbleClass, children: isBot ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: chat_default.markdown,
-        dangerouslySetInnerHTML: { __html: renderMarkdown(message.content) }
+        dangerouslySetInnerHTML: { __html: renderMarkdown(message.content) },
+        onClick: handleMarkdownClick
       }
     ) : message.content }),
-    isBot && message.chips && message.chips.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+    showMenuGrid ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chat_default.menuGrid, children: chips.map((chip) => {
+      const iconKey = MENU_ICON_KEY[chip.id];
+      const iconClass = iconKey && chat_default[iconKey] || "";
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: chat_default.menuItem,
+          onClick: () => onChipClick(chip),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${chat_default.menuItemIcon} ${iconClass}`, children: chip.icon }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chat_default.menuItemTitle, children: chip.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chat_default.menuItemSub, children: MENU_SUBTITLES[chip.id] ?? "" })
+          ]
+        },
+        chip.id
+      );
+    }) }) : isBot && chips.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       ChipRow,
       {
-        chips: message.chips,
+        chips,
         disabled: !message.chipsActive,
         onClick: onChipClick
       }
@@ -1015,15 +1095,20 @@ var DEFAULT_BRAND_NAME = "Wealth Alpha AI";
 var DEFAULT_BRAND_COLOR = "#1a2d5a";
 var DEFAULT_AUTH_CHECK = "/me";
 var DEFAULT_GREETING = "Hi! I'm your Wealth Alpha AI assistant. How can I help you?";
-var DISCLAIMER_BLOCK = "DISCLAIMER:\n\u2022 AI-assisted analysis for educational purposes only.\n\u2022 Not financial advice. Markets involve risk.\n\u2022 Consult a SEBI-registered advisor before investing.";
-var CTA_LINE = "Select a quick command below \u2014 or type your query to ask our AI Research Analyst directly.";
+var CTA_LINE = "Select a quick command below";
 var PORTFOLIO_CSV_CHIP_ID = "__portfolio_csv_upload";
+var UPGRADE_PREMIUM_CHIP_ID = "__upgrade_premium__";
+function resolvePricingUrl(upgradeUrl) {
+  if (upgradeUrl) return upgradeUrl;
+  if (typeof window !== "undefined") {
+    return `${window.location.origin}/pricing`;
+  }
+  return "";
+}
 function buildWelcome(name, plan) {
   const greeting = name ? `Welcome back, ${name}! You have ${plan ? plan : "Premium"} access.` : `Welcome! You have ${plan ? plan : "Premium"} access.`;
   return `${greeting}
 
-${DISCLAIMER_BLOCK}
-
 ${CTA_LINE}`;
 }
 function WealthChat(props) {
@@ -1135,16 +1220,30 @@ function WealthChat(props) {
         csvFileRef.current?.click();
         return;
       }
+      if (chip.id === UPGRADE_PREMIUM_CHIP_ID) {
+        appendUserMessage(chip.label);
+        const pricingUrl = resolvePricingUrl(user?.upgradeUrl);
+        if (pricingUrl && typeof window !== "undefined") {
+          window.location.assign(pricingUrl);
+        }
+        return;
+      }
       appendUserMessage(chip.label);
       setTyping(true);
       try {
         const resp = await callChip(chip);
-        if (resp) appendBotResponse(resp);
+        if (!resp) return;
+        const redirectUrl = resp.metadata?.redirectUrl;
+        if (typeof redirectUrl === "string" && redirectUrl && typeof window !== "undefined") {
+          window.location.assign(redirectUrl);
+          return;
+        }
+        appendBotResponse(resp);
       } finally {
         setTyping(false);
       }
     },
-    [touch, deactivatePriorChips, appendUserMessage, callChip, setTyping, appendBotResponse]
+    [touch, deactivatePriorChips, appendUserMessage, callChip, setTyping, appendBotResponse, user?.upgradeUrl]
   );
   const handleCsvFileSelected = react.useCallback(
     (e) => {