@eshal-bot/chat-widget 0.2.23 → 0.2.26

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;
@@ -87901,11 +87938,12 @@
               },
               angle: xAngle,
               textAnchor: xAnchor,
-              interval: 0,
-              tickFormatter: v => {
-                const s = String(v ?? '');
-                return s.replace(/[_\-]+/g, ' ').replace(/\b\w/g, c => c.toUpperCase());
-              },
+              interval: 0
+              // Each label arrives formatted by A2uiBlock (formatAxisTick), so the
+              // axis shows it as given, as the line and pie charts do. Capitalising
+              // it again would split "CNBC-TV18" and turn "McDonald's" into
+              // "McDonald'S".
+              ,
               label: props.xAxisLabel ? {
                 value: props.xAxisLabel,
                 position: 'insideBottom',
@@ -87926,9 +87964,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 +87983,7 @@
                 position: 'top',
                 fill: labelColor,
                 fontSize: 10,
-                formatter: v => currency ? formatCurrencyCompact(v) : formatCompactNumber(v)
+                formatter: v => money ? money.compact(v) : formatCompactNumber(v)
               }
             })]
           })
@@ -88049,7 +88087,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 +88118,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 +88219,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 +88252,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 +88347,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 +88759,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,
@@ -90344,11 +90384,28 @@
   const MONTH_NAMES = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
   const CURRENCY_KEY_RE = /(^|[_\W])(price|salary|cost|amount|revenue|expense|total|value|budget|spend|income|sale|balance)/i;
   const MONTH_KEY_RE = /(^|[_\W])month/i;
+
+  // Only a column-style value is reworded: one with an underscore
+  // (office_supplies), one without capitals (kebab-case, all-lower words)
+  // or a camelCase key. A value written with capitals is a name and stays as
+  // written ("DD Sports", "Republic TV", "GEC"), as does a word written with
+  // capitals inside a key (GRP_pre -> "GRP Pre"). Lower-casing every word but
+  // its first letter read those channels as "Dd Sports", "Republic Tv" and
+  // "Gec" (Media Prowess, Oct 2026).
   function prettifyLabel(value) {
     if (value === null || value === undefined) return '';
-    const s = String(value);
+    const s = String(value).replace(/\s+/g, ' ').trim();
     if (!s) return '';
-    return s.replace(/[_\-]+/g, ' ').replace(/([a-z])([A-Z])/g, '$1 $2').replace(/\s+/g, ' ').trim().split(' ').map(w => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()).join(' ');
+    if (!isColumnStyle(s)) return s;
+    return s.replace(/[_\-]+/g, ' ').replace(/([a-z])([A-Z])/g, '$1 $2').replace(/\s+/g, ' ').trim().split(' ').map(w => w === w.toLowerCase() ? w.charAt(0).toUpperCase() + w.slice(1) : w).join(' ');
+  }
+
+  // A camelCase key ("camelCaseKey", "totalSpend"): two lower-case letters
+  // before the first capital, so names such as "iPhone", "eBay" and "kWh"
+  // stay as written.
+  const CAMEL_CASE_KEY_RE = /^[a-z]{2}[a-z0-9]*[A-Z][A-Za-z0-9]*$/;
+  function isColumnStyle(s) {
+    return s.includes('_') || s === s.toLowerCase() || CAMEL_CASE_KEY_RE.test(s);
   }
   function isCurrencyKey(key) {
     return typeof key === 'string' && CURRENCY_KEY_RE.test(key);