wealth-alpha-chat-widget 1.0.8 → 2.0.0

package/dist/index.cjs

@@ -891,23 +891,50 @@ function isRootMenuChips(chips) {
   return chips.length > 0 && chips.every((c) => ROOT_MENU_CHIP_IDS.has(c.id));
 }
 var CARD_DISCLAIMER = "AI-assisted, educational only. Not financial advice. Consult a SEBI-registered advisor.";
+var SECTOR_TOGGLE_PREFIX = "__portfolio_sector_toggle:::";
+var SECTORS_DONE_ID = "__portfolio_sectors_done";
+var escapeHtml = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var sectorNameOf = (row) => (row.getAttribute("data-chip") ?? "").slice(SECTOR_TOGGLE_PREFIX.length);
 function MessageBubble({ message, onChipClick, onFeedback }) {
   const isBot = message.role === "bot";
   const [rating, setRating] = react.useState(null);
+  const markdownRef = react.useRef(null);
+  const isSectorCard = isBot && message.content.includes(SECTOR_TOGGLE_PREFIX);
+  const [selectedSectors, setSelectedSectors] = react.useState(() => /* @__PURE__ */ new Set());
   const rate = (value) => {
     setRating(value);
     onFeedback?.(message.id, value);
   };
   const isCard = isBot && message.content.includes("<div");
   const bubbleClass = isBot ? `${chat_default.bubble} ${isCard ? chat_default.bubbleCard : chat_default.bubbleBot}` : `${chat_default.bubble} ${chat_default.bubbleUser}`;
+  const applySelectionToDom = react.useCallback(() => {
+    const root = markdownRef.current;
+    if (!root) return;
+    root.querySelectorAll(`.srow[data-chip^="${SECTOR_TOGGLE_PREFIX}"]`).forEach((row) => row.classList.toggle("selected", selectedSectors.has(sectorNameOf(row))));
+    const summary = root.querySelector(".wa-sel-summary");
+    if (summary) {
+      const names = Array.from(selectedSectors);
+      const list = names.length ? names.map(escapeHtml).join(", ") : "\u2014";
+      summary.innerHTML = `<span class="chk">\u2705</span>Selected (<b>${names.length}</b>): <b>${list}</b>`;
+    }
+  }, [selectedSectors]);
+  react.useLayoutEffect(() => {
+    if (isSectorCard) applySelectionToDom();
+  }, [isSectorCard, applySelectionToDom, message.content]);
   const handleMarkdownClick = (e) => {
-    const row = e.target.closest(".srow[data-chip]");
-    if (row) {
+    const toggleRow = e.target.closest(
+      `.srow[data-chip^="${SECTOR_TOGGLE_PREFIX}"]`
+    );
+    if (toggleRow) {
       e.preventDefault();
-      const chipId = row.getAttribute("data-chip");
-      if (chipId) {
-        const label = row.querySelector(".nm")?.textContent?.trim() ?? "";
-        onChipClick({ id: chipId, label });
+      const name = sectorNameOf(toggleRow);
+      if (name) {
+        setSelectedSectors((prev) => {
+          const next = new Set(prev);
+          if (next.has(name)) next.delete(name);
+          else next.add(name);
+          return next;
+        });
       }
       return;
     }
@@ -916,12 +943,22 @@ function MessageBubble({ message, onChipClick, onFeedback }) {
     e.preventDefault();
     window.location.assign(anchor.href);
   };
+  const handleChipClick = (chip) => {
+    if (isSectorCard && chip.id === SECTORS_DONE_ID) {
+      const names = Array.from(selectedSectors);
+      const id = names.length ? `${SECTORS_DONE_ID}:::${names.join(",")}` : SECTORS_DONE_ID;
+      onChipClick({ ...chip, id });
+      return;
+    }
+    onChipClick(chip);
+  };
   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",
       {
+        ref: markdownRef,
         className: chat_default.markdown,
         dangerouslySetInnerHTML: { __html: renderMarkdown(message.content) },
         onClick: handleMarkdownClick
@@ -996,7 +1033,7 @@ function MessageBubble({ message, onChipClick, onFeedback }) {
       {
         chips,
         disabled: !message.chipsActive,
-        onClick: onChipClick
+        onClick: handleChipClick
       }
     ) : null
   ] });