wealth-alpha-chat-widget 1.0.8 → 1.0.9

package/dist/index.cjs

@@ -891,24 +891,43 @@ 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;");
+function collectSelectedSectors(root) {
+  return Array.from(
+    root.querySelectorAll(`.srow[data-chip^="${SECTOR_TOGGLE_PREFIX}"]`)
+  ).filter((row) => row.classList.contains("selected")).map((row) => (row.getAttribute("data-chip") ?? "").slice(SECTOR_TOGGLE_PREFIX.length)).filter(Boolean);
+}
 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 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 refreshSectorSummary = () => {
+    const root = markdownRef.current;
+    if (!root) return;
+    const names = collectSelectedSectors(root);
+    const summary = root.querySelector(".wa-sel-summary");
+    if (summary) {
+      const list = names.length ? names.map(escapeHtml).join(", ") : "\u2014";
+      summary.innerHTML = `<span class="chk">\u2705</span>Selected (<b>${names.length}</b>): <b>${list}</b>`;
+    }
+  };
   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 });
-      }
+      toggleRow.classList.toggle("selected");
+      refreshSectorSummary();
       return;
     }
     const anchor = e.target.closest("a");
@@ -916,12 +935,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 = markdownRef.current ? collectSelectedSectors(markdownRef.current) : [];
+      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 +1025,7 @@ function MessageBubble({ message, onChipClick, onFeedback }) {
       {
         chips,
         disabled: !message.chipsActive,
-        onClick: onChipClick
+        onClick: handleChipClick
       }
     ) : null
   ] });