@eshal-bot/chat-widget 0.2.23 → 0.2.24

package/dist/chat-widget-markdown-chunk.js

@@ -87777,29 +87777,65 @@
     return String(n);
   }
 
-  // ── Currency-aware value formatting ──────────────────────────────────────
+  // ── Money formatting ───────────────────────────────────────────────────────
   // A2UI chart data is normalized to `{ label, value }` by A2uiBlock's
-  // numericData(), which drops the original Y-column key. A2uiBlock now threads
-  // that key through as `props.yKey` so these renderers can decide whether the
-  // axis / tooltip values are money. Heuristic mirrors the frontend's
-  // chartShared.tsx `isCurrencyKey` - keep the keyword list in lockstep.
+  // numericData(), which drops the original Y-column key. A2uiBlock threads that
+  // key through as `props.yKey`, and the spec's `currency` as `props.currency`.
+  // A currency symbol comes only from the currency the chart states (an ISO code
+  // such as "USD" or "INR", or a symbol such as "₹"): a column name says money,
+  // never which money, and the old guess from it put "$" on rupee spend (dev,
+  // Oct 2026). A money-named column without a stated currency still reads as
+  // money (comma-grouped, up to 2 decimals). The keyword list mirrors the
+  // frontend's chartShared.tsx `isCurrencyKey` - keep them in lockstep.
   // `(^|[_\W])` (not `\b`) so "average_salary" / "total_expenses" still match -
   // JS `\b` doesn't fire next to `_`.
-  const CURRENCY_KEY_RE$1 = /(^|[_\W])(price|salary|cost|amount|revenue|expense|total|value|budget|spend|income|sale|balance)/i;
-  function isCurrencyKey$1(key) {
-    return typeof key === 'string' && CURRENCY_KEY_RE$1.test(key);
+  const MONEY_KEY_RE = /(^|[_\W])(price|salary|cost|amount|revenue|expense|total|value|budget|spend|income|sale|balance)/i;
+  function groupedNumber(v) {
+    return Number(v).toLocaleString('en-US', {
+      maximumFractionDigits: 2
+    });
   }
 
-  // Compact currency for axis ticks → "$120.0k". Full currency for tooltips →
-  // "$87,600" (comma-grouped, up to 2 decimals, no forced trailing zeros so a
-  // whole-dollar salary reads "$81,200" not "$81,200.00").
-  function formatCurrencyCompact(v) {
-    return `$${formatCompactNumber(v)}`;
-  }
-  function formatCurrencyFull(v) {
-    return `$${Number(v).toLocaleString('en-US', {
-    maximumFractionDigits: 2
-  })}`;
+  // `{ full, compact }` formatters for a chart's figures, or null for plain
+  // numbers. Full is for tooltips and slice labels ("₹87,600"), compact for axis
+  // ticks and bar labels ("₹87.6K").
+  function moneyFormatters(currency, yKey) {
+    const stated = typeof currency === 'string' ? currency.trim() : '';
+    if (/^[A-Za-z]{3}$/.test(stated)) {
+      try {
+        const code = stated.toUpperCase();
+        const full = new Intl.NumberFormat('en-US', {
+          style: 'currency',
+          currency: code,
+          maximumFractionDigits: 2
+        });
+        const compact = new Intl.NumberFormat('en-US', {
+          style: 'currency',
+          currency: code,
+          notation: 'compact',
+          maximumFractionDigits: 1
+        });
+        return {
+          full: v => full.format(Number(v)),
+          compact: v => compact.format(Number(v))
+        };
+      } catch (_) {
+        // an unknown code is shown as written, below
+      }
+    }
+    if (stated) {
+      return {
+        full: v => `${stated}${groupedNumber(v)}`,
+        compact: v => `${stated}${formatCompactNumber(v)}`
+      };
+    }
+    if (typeof yKey === 'string' && MONEY_KEY_RE.test(yKey)) {
+      return {
+        full: groupedNumber,
+        compact: formatCompactNumber
+      };
+    }
+    return null;
   }
 
   /**
@@ -87813,8 +87849,9 @@
     isDark = false
   }) {
     const data = Array.isArray(props.data) ? props.data : [];
-    // Whether the Y values are money - drives the `$` on axis ticks + tooltip.
-    const currency = isCurrencyKey$1(props.yKey);
+    // How the Y values read as money on axis ticks + tooltip: the stated
+    // currency's symbol, or grouped digits for a money-named column.
+    const money = moneyFormatters(props.currency, props.yKey);
     // Human series name for the tooltip ("Average Salary"), so it no longer
     // reads the generic dataKey "value".
     const seriesName = props.valueLabel || undefined;
@@ -87926,9 +87963,9 @@
                 fontSize: 11,
                 fill: labelColor
               } : undefined,
-              tickFormatter: v => currency ? formatCurrencyCompact(v) : props.unit ? `${formatCompactNumber(v)} ${props.unit}` : formatCompactNumber(v)
+              tickFormatter: v => money ? money.compact(v) : props.unit ? `${formatCompactNumber(v)} ${props.unit}` : formatCompactNumber(v)
             }), /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
-              formatter: v => currency ? formatCurrencyFull(v) : props.unit ? `${Number(v).toLocaleString()} ${props.unit}` : Number(v).toLocaleString(),
+              formatter: v => money ? money.full(v) : props.unit ? `${Number(v).toLocaleString()} ${props.unit}` : Number(v).toLocaleString(),
               contentStyle: {
                 background: tooltipBg,
                 border: `1px solid ${borderColor}`,
@@ -87945,7 +87982,7 @@
                 position: 'top',
                 fill: labelColor,
                 fontSize: 10,
-                formatter: v => currency ? formatCurrencyCompact(v) : formatCompactNumber(v)
+                formatter: v => money ? money.compact(v) : formatCompactNumber(v)
               }
             })]
           })
@@ -88049,7 +88086,7 @@
     donut = false
   }) {
     const data = Array.isArray(props.data) ? props.data : [];
-    const currency = isCurrencyKey$1(props.yKey);
+    const money = moneyFormatters(props.currency, props.yKey);
     const borderColor = isDark ? '#374151' : '#e2e8f0';
     const bgColor = isDark ? '#1f2937' : '#ffffff';
     const titleColor = isDark ? '#f3f4f6' : '#0f172a';
@@ -88080,7 +88117,7 @@
       const a = -Number(entry.midAngle) * RADIAN;
       const cos = Math.cos(a);
       const sin = Math.sin(a);
-      const text = currency ? formatCurrencyFull(v) : Number(v).toLocaleString();
+      const text = money ? money.full(v) : Number(v).toLocaleString();
       if (placement === 'inside') {
         const r = rIn + (rOut - rIn) * (donut ? 0.78 : 0.6);
         return /*#__PURE__*/jsxRuntimeExports.jsx("text", {
@@ -88181,7 +88218,7 @@
                 fill: PIE_COLORS[i % PIE_COLORS.length]
               }, i))
             }), /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
-              formatter: v => currency ? formatCurrencyFull(v) : Number(v).toLocaleString(),
+              formatter: v => money ? money.full(v) : Number(v).toLocaleString(),
               contentStyle: {
                 background: tooltipBg,
                 border: `1px solid ${borderColor}`,
@@ -88214,7 +88251,7 @@
     area = false
   }) {
     const data = Array.isArray(props.data) ? props.data : [];
-    const currency = isCurrencyKey$1(props.yKey);
+    const money = moneyFormatters(props.currency, props.yKey);
     const seriesName = props.valueLabel || undefined;
     const borderColor = isDark ? '#374151' : '#e2e8f0';
     const bgColor = isDark ? '#1f2937' : '#ffffff';
@@ -88309,9 +88346,9 @@
                 fontSize: 11,
                 fill: labelColor
               },
-              tickFormatter: v => currency ? formatCurrencyCompact(v) : props.unit ? `${formatCompactNumber(v)} ${props.unit}` : formatCompactNumber(v)
+              tickFormatter: v => money ? money.compact(v) : props.unit ? `${formatCompactNumber(v)} ${props.unit}` : formatCompactNumber(v)
             }), /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
-              formatter: v => currency ? formatCurrencyFull(v) : props.unit ? `${Number(v).toLocaleString()} ${props.unit}` : Number(v).toLocaleString(),
+              formatter: v => money ? money.full(v) : props.unit ? `${Number(v).toLocaleString()} ${props.unit}` : Number(v).toLocaleString(),
               contentStyle: {
                 background: tooltipBg,
                 border: `1px solid ${borderColor}`,
@@ -88721,12 +88758,14 @@
       xAxisLabel: spec.xAxisLabel,
       yAxisLabel: spec.yAxisLabel,
       // numericData() collapses the rows to { label, value }, dropping the
-      // original Y-column key. Pass it through so the renderer can detect a
-      // currency column (→ "$" on the Y-axis + tooltip) and label the tooltip
-      // series with the human column name ("Average Salary") instead of the
-      // generic dataKey "value".
+      // original Y-column key. Pass it through so the renderer can read a
+      // money column as money and label the tooltip series with the human
+      // column name ("Average Salary") instead of the generic dataKey "value".
       yKey: y,
-      valueLabel: prettifyLabel(y)
+      valueLabel: prettifyLabel(y),
+      // The currency the chart states ("USD", "INR", "₹"): the only source of
+      // a currency symbol (widgetCatalog moneyFormatters).
+      currency: spec.currency
     };
     if (t === 'pie') return /*#__PURE__*/jsxRuntimeExports.jsx(PieChartRenderer, {
       props: chartProps,