@mx-cartographer/experiences 7.10.20 → 7.10.21

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.10.21] - 02-16-2026
+
+- **ADDED** - Embedded Insight Card in the TransactionDetails
+
 ## [7.10.20] - 02-16-2026
 
 - **ADDED** - Budget Details V2 drawer and drilldown charts/transactions for Insights MUI

package/dist/common/components/TinyBarChart.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Theme } from '@mui/material/styles';
+import { BarDataProps } from '../../insights/types/Charts/BarChart';
+export interface TinyBarChartProps {
+    data: BarDataProps[];
+    color: (theme: Theme) => string | undefined;
+    width?: number;
+    height?: number;
+}
+export declare const TinyBarChart: React.FC<TinyBarChartProps>;

package/dist/insights/index.es.js

@@ -1767,7 +1767,7 @@ const Re = {
   },
   onCtaClick: o = () => {
   }
-}) => /* @__PURE__ */ h(P, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, minWidth: 288, width: 402, borderRadius: "8px" }, children: [
+}) => /* @__PURE__ */ h(P, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
   /* @__PURE__ */ h(
     E,
     {
@@ -1804,12 +1804,27 @@ const Re = {
       },
       children: [
         /* @__PURE__ */ h(E, { children: [
-          /* @__PURE__ */ e(E, { sx: { pt: 2, pl: 8, pb: 8 }, children: /* @__PURE__ */ e(J, { sx: { fontWeight: 400 }, variant: "subtitle2", children: n }) }),
+          /* @__PURE__ */ e(E, { sx: { pt: 2, pl: 8, pb: 8 }, children: /* @__PURE__ */ e(
+            J,
+            {
+              dangerouslySetInnerHTML: { __html: n },
+              sx: { fontWeight: 400 },
+              variant: "subtitle2"
+            }
+          ) }),
           /* @__PURE__ */ e(E, { sx: { alignItems: "flex-start" }, children: /* @__PURE__ */ e(
             T,
             {
               onClick: o,
-              sx: { p: 0, height: 16, px: 8, py: 8, fontWeight: 600, fontSize: 13, lineHeight: 16 },
+              sx: {
+                p: 0,
+                height: 16,
+                px: 8,
+                py: 8,
+                fontWeight: 600,
+                fontSize: 13,
+                lineHeight: "16px"
+              },
               variant: "text",
               children: i
             }

package/dist/transactions/components/shared/getEmbeddedInstanceSlotByBeatTemplates.d.ts

@@ -0,0 +1,9 @@
+import { CommonCopy } from '../../../common/types/localization/CommonCopy';
+import { Beat } from '../../../insights/types/CommonBeat';
+export declare const BeatTemplates: {
+    BILL_AMOUNT_NOT_STANDARD: string;
+};
+export declare const getEmbeddedInstanceSlotByBeatTemplates: (copy: CommonCopy, beat?: Beat) => {
+    instanceSlot: import("react/jsx-runtime").JSX.Element;
+    callToAction: string;
+} | null;

package/dist/transactions/utils/Transactions.d.ts

@@ -1,4 +1,20 @@
-import { Transaction } from '../../common';
+import { DataSeries, Transaction } from '../../common';
+export interface ChartDataProps {
+    guid?: string;
+    label?: string;
+    localized_label?: string;
+    amount: number;
+    date: string;
+}
 export declare const sortByDate: (a: Transaction, b: Transaction) => number;
 export declare const shouldShowDate: (index: number, transactions: Transaction[]) => boolean;
 export declare const hasInsetBorder: (index: number, transactions: Transaction[]) => boolean;
+export declare const buildDataSeries: (data?: DataSeries) => {
+    [k: string]: any;
+}[];
+export declare const buildChartData: (dataSeries: ChartDataProps[], merchantName?: string) => {
+    ariaLabel: string;
+    label: string;
+    value: number;
+    formattedAmount: string;
+}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.10.20",
+  "version": "7.10.21",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",