@mx-cartographer/experiences 9.4.12 → 9.4.14

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [9.4.14] - 09-03-2026
+
+- **ADDED** - insights-v2 `TransactionDetailsBlock` action block: shared drawer content any transaction beat opens via `primary_cta.block = 'TransactionDetailsBlock'`. Resolves its subject transaction from `instance_slot_data.transaction_guid`, then `beat.primary_transaction_guid`, then `transaction_guids[0]`, preferring the `transactionStore` object over the payload snapshot so inline edits write through; maps backend action-name strings to the `TopActions`/`BottomActions` enums (unknown names dropped, `undefined` means defaults, `[]` means none); `useTransactionDetailsPrepare` loads transaction data at drawer-open time. Registered in `mappings/blocks.ts`, with a Storybook story (WEC-1499)
+- **ADDED** - `TransactionDetailsBlockData` to the insights-v2 instance-slot-data union (WEC-1499)
+- **FIXED** - `TransactionDetailsBlock` no longer falls back to `beat.primary_transaction` when it is a snapshot of a *different* transaction than the resolved guid — previously a beat naming its subject via `instance_slot_data` whose guid missed in the store rendered the wrong transaction's details, and inline edits were made against the wrong subject (WEC-1499)
+
+## [9.4.13] - 09-02-2026
+
+- **CHANGED** - the theme shape radius is half of `card_corner_radius`, so cards render at 2x the theme radius per MXUI convention (MEW-3445)
+- **CHANGED** - `StyleConfig.corner_radius` replaced by `card_corner_radius` and `button_corner_radius`, matching `ClientStyleProfile` (MEW-3445)
+
 ## [9.4.12] - 09-02-2026
 
 - **CHANGED** - insights-v2 action drilldown refactor for readability: `InsightsV2Store`'s action drawer now carries an opaque `context` envelope (read via the new `useActionContext<T>()` hook) instead of block-specific fields, opened through a single generic `openActionDrawer`; added a `createVariantBlock` factory for variant→component dispatch with an unknown-variant fallback, and simplified `MakeTransferActionBlock`/`layout.ts` (WEC-1774)

package/dist/common/utils/Theme.es.js

@@ -1,5 +1,5 @@
-import { alpha as h, darken as y, lighten as b } from "@mui/material";
-var x = [
+import { alpha as h, darken as b, lighten as v } from "@mui/material";
+var M = [
   "fontFamily",
   "h1",
   "h2",
@@ -11,7 +11,7 @@ var x = [
   "subtitle1",
   "subtitle2",
   "tiny"
-], v = [
+], O = [
   {
     key: "primary",
     override: "primary_color",
@@ -48,23 +48,23 @@ var x = [
     light: "success_color",
     dark: "success_color_dark"
   }
-], O = [...v, {
+], R = [...O, {
   key: "grey",
   override: "neutral_color",
   light: "neutral_color",
   dark: "neutral_color_dark"
-}], T = (r, t, a, i) => {
-  const d = t === "dark", s = i ?? r?.mode ?? t, e = {};
-  for (const { key: k, override: R, light: C, dark: f } of O) {
-    const g = a?.[R] ?? r?.[d ? f : C];
-    g && (e[k] = g);
+}], $ = (r, t, a, d) => {
+  const i = t === "dark", s = d ?? r?.mode ?? t, e = {};
+  for (const { key: k, override: C, light: f, dark: x } of R) {
+    const y = a?.[C] ?? r?.[i ? x : f];
+    y && (e[k] = y);
   }
-  const p = d && s !== "browser", _ = (k) => p ? { dark: k } : { light: k }, n = a?.background_color ?? r?.background_color, c = a?.paper_color ?? r?.paper_color;
+  const _ = i && s !== "browser", p = (k) => _ ? { dark: k } : { light: k }, n = a?.background_color ?? r?.background_color, c = a?.paper_color ?? r?.paper_color;
   (n || c) && (e.background = {
-    ...n && { default: _(n) },
-    ...c && { paper: _(c) }
+    ...n && { default: p(n) },
+    ...c && { paper: p(c) }
   });
-  const o = a?.font_name || r?.body_font_name || r?.system_font, u = a?.header_font_name || r?.header_font_name, l = a?.use_glass ?? r?.use_glass, m = a?.corner_radius ?? r?.card_corner_radius;
+  const o = a?.font_name || r?.body_font_name || r?.system_font, u = a?.header_font_name || r?.header_font_name, l = a?.use_glass ?? r?.use_glass, m = a?.card_corner_radius ?? r?.card_corner_radius, g = m !== void 0 ? m / 2 : void 0;
   return {
     ...Object.keys(e).length > 0 && { paletteOptions: e },
     ...(o || u) && { typographyOptions: {
@@ -72,18 +72,18 @@ var x = [
       ...u && { headerFontFamily: u }
     } },
     ...l !== void 0 && { styleOptions: { useGlass: l } },
-    ...m !== void 0 && { shapeOptions: { borderRadius: m } }
+    ...g !== void 0 && { shapeOptions: { borderRadius: g } }
   };
-}, $ = (r, t, a) => {
-  const i = a?.master?.style, d = {
+}, w = (r, t, a) => {
+  const d = a?.master?.style, i = {
     MuiTabs: { styleOverrides: { indicator: { backgroundColor: r.palette.primary.light } } },
     MuiPickersCalendarHeader: { styleOverrides: { switchViewButton: {
       color: r.palette.primary.lighter,
       "&:hover": { backgroundColor: h(r.palette.primary.light, 0.1) }
     } } }
-  }, s = t?.button_corner_radius, e = i?.corner_radius ?? t?.card_corner_radius;
+  }, s = d?.button_corner_radius ?? t?.button_corner_radius, e = d?.card_corner_radius ?? t?.card_corner_radius;
   return { components: {
-    ...d,
+    ...i,
     ...s !== void 0 && {
       MuiButton: { styleOverrides: { root: {
         borderRadius: `${s}px`,
@@ -104,21 +104,21 @@ var x = [
       MuiPaper: { styleOverrides: { rounded: { borderRadius: `${e}px` } } }
     }
   } };
-}, w = (r, t) => {
-  const a = t === "dark", i = {};
-  for (const { key: d, light: s, dark: e } of O) {
-    const p = r?.[a ? e : s];
-    p && (i[d] = p);
+}, F = (r, t) => {
+  const a = t === "dark", d = {};
+  for (const { key: i, light: s, dark: e } of R) {
+    const _ = r?.[a ? e : s];
+    _ && (d[i] = _);
   }
-  return i;
-}, F = (r, t, a) => {
-  const i = r.palette.mode === "dark", d = (a?.master?.style?.font_name || t?.body_font_name || t?.system_font) ?? r.typography.fontFamily, s = (o, u) => o ? {
-    lighter: b(o, 0.5),
-    light: b(o, 0.25),
+  return d;
+}, B = (r, t, a) => {
+  const d = r.palette.mode === "dark", i = (a?.master?.style?.font_name || t?.body_font_name || t?.system_font) ?? r.typography.fontFamily, s = (o, u) => o ? {
+    lighter: v(o, 0.5),
+    light: v(o, 0.25),
     main: o,
-    dark: y(o, 0.25),
-    darker: y(o, 0.5)
-  } : u, e = Object.fromEntries(v.map(({ key: o, light: u, dark: l }) => [o, s(t?.[i ? l : u], r.palette[o])])), p = Object.fromEntries(x.map((o) => [o, o === "fontFamily" ? d : { fontFamily: d }])), _ = {
+    dark: b(o, 0.25),
+    darker: b(o, 0.5)
+  } : u, e = Object.fromEntries(O.map(({ key: o, light: u, dark: l }) => [o, s(t?.[d ? l : u], r.palette[o])])), _ = Object.fromEntries(M.map((o) => [o, o === "fontFamily" ? i : { fontFamily: i }])), p = {
     MuiTabs: { styleOverrides: { indicator: { backgroundColor: e.primary.light } } },
     MuiPickersCalendarHeader: { styleOverrides: { switchViewButton: {
       color: e.primary.lighter,
@@ -126,10 +126,10 @@ var x = [
     } } }
   }, n = t?.button_corner_radius, c = t?.card_corner_radius;
   return {
-    typography: p,
+    typography: _,
     palette: e,
     components: {
-      ..._,
+      ...p,
       ...n && {
         MuiButton: { styleOverrides: { root: {
           borderRadius: `${n}px`,
@@ -151,10 +151,10 @@ var x = [
   };
 };
 export {
-  $ as getClientComponentOverrides,
-  T as getClientCustomizations,
-  w as getClientPaletteOptions,
-  F as getClientTheme
+  w as getClientComponentOverrides,
+  $ as getClientCustomizations,
+  F as getClientPaletteOptions,
+  B as getClientTheme
 };
 
 //# sourceMappingURL=Theme.es.js.map

package/dist/common/utils/Theme.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.es.js","names":[],"sources":["../../../src/common/utils/Theme.ts"],"sourcesContent":["import { alpha, darken, lighten, PaletteColor, PaletteMode, Theme } from '@mui/material'\nimport type { Customizations } from '@mxenabled/mxui'\n\nimport type { ClientStyleProfile } from '../../core'\nimport { ClientConfig, StyleConfig } from '../../core/types/AppData'\n\ntype PaletteOptions = NonNullable<Customizations['paletteOptions']>\ntype ModeColorOptions = Partial<NonNullable<NonNullable<PaletteOptions['background']>['default']>>\n\nconst TYPOGRAPHY_VARIANTS = [\n  'fontFamily',\n  'h1',\n  'h2',\n  'h3',\n  'body1',\n  'body2',\n  'button',\n  'caption',\n  'subtitle1',\n  'subtitle2',\n  'tiny',\n] as const\n\nconst PALETTE_CONFIG = [\n  { key: 'primary', override: 'primary_color', light: 'primary_color', dark: 'primary_color_dark' },\n  {\n    key: 'secondary',\n    override: 'secondary_color',\n    light: 'secondary_color',\n    dark: 'secondary_color_dark',\n  },\n  { key: 'error', override: 'error_color', light: 'error_color', dark: 'error_color_dark' },\n  { key: 'warning', override: 'warning_color', light: 'warning_color', dark: 'warning_color_dark' },\n  { key: 'info', override: 'info_color', light: 'info_color', dark: 'info_color_dark' },\n  { key: 'success', override: 'success_color', light: 'success_color', dark: 'success_color_dark' },\n] as const\n\nconst SEED_CONFIG = [\n  ...PALETTE_CONFIG,\n  { key: 'grey', override: 'neutral_color', light: 'neutral_color', dark: 'neutral_color_dark' },\n] as const\n\nexport const getClientCustomizations = (\n  clientStyleProfile: ClientStyleProfile,\n  mode: PaletteMode,\n  styleConfig?: StyleConfig,\n  requestedMode?: ClientStyleProfile['mode'],\n): Customizations => {\n  const isDark = mode === 'dark'\n  const requested = requestedMode ?? clientStyleProfile?.mode ?? mode\n\n  const paletteOptions: PaletteOptions = {}\n  for (const { key, override, light, dark } of SEED_CONFIG) {\n    const color = styleConfig?.[override] ?? clientStyleProfile?.[isDark ? dark : light]\n    if (color) paletteOptions[key] = color\n  }\n\n  const useDarkSlot = isDark && requested !== 'browser'\n  const asModeColor = (color: string): ModeColorOptions =>\n    useDarkSlot ? { dark: color } : { light: color }\n  const backgroundColor = styleConfig?.background_color ?? clientStyleProfile?.background_color\n  const paperColor = styleConfig?.paper_color ?? clientStyleProfile?.paper_color\n  if (backgroundColor || paperColor) {\n    paletteOptions.background = {\n      ...(backgroundColor && { default: asModeColor(backgroundColor) }),\n      ...(paperColor && { paper: asModeColor(paperColor) }),\n    } as PaletteOptions['background']\n  }\n\n  const fontFamily =\n    styleConfig?.font_name || clientStyleProfile?.body_font_name || clientStyleProfile?.system_font\n  const headerFontFamily = styleConfig?.header_font_name || clientStyleProfile?.header_font_name\n\n  const useGlass = styleConfig?.use_glass ?? clientStyleProfile?.use_glass\n  const borderRadius = styleConfig?.corner_radius ?? clientStyleProfile?.card_corner_radius\n\n  return {\n    ...(Object.keys(paletteOptions).length > 0 && { paletteOptions }),\n    ...((fontFamily || headerFontFamily) && {\n      typographyOptions: {\n        ...(fontFamily && { fontFamily }),\n        ...(headerFontFamily && { headerFontFamily }),\n      },\n    }),\n    ...(useGlass !== undefined && { styleOptions: { useGlass } }),\n    ...(borderRadius !== undefined && { shapeOptions: { borderRadius } }),\n  }\n}\n\nexport const getClientComponentOverrides = (\n  theme: Theme,\n  clientStyleProfile: ClientStyleProfile,\n  clientConfig?: ClientConfig,\n) => {\n  const styleConfig = clientConfig?.master?.style\n\n  const baseComponents = {\n    MuiTabs: {\n      styleOverrides: {\n        indicator: { backgroundColor: theme.palette.primary.light },\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        switchViewButton: {\n          color: theme.palette.primary.lighter,\n          '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n        },\n      },\n    },\n  }\n\n  const buttonRadius = clientStyleProfile?.button_corner_radius\n  const cardRadius = styleConfig?.corner_radius ?? clientStyleProfile?.card_corner_radius\n\n  const components = {\n    ...baseComponents,\n    ...(buttonRadius !== undefined && {\n      MuiButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n      MuiIconButton: {\n        styleOverrides: {\n          root: {\n            borderRadius: `${buttonRadius}px`,\n            minWidth: buttonRadius,\n            minHeight: buttonRadius,\n          },\n        },\n      },\n      MuiToggleButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n    }),\n    ...(cardRadius !== undefined && {\n      MuiCard: {\n        styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n      },\n      MuiPaper: {\n        styleOverrides: {\n          rounded: { borderRadius: `${cardRadius}px` },\n        },\n      },\n    }),\n  }\n\n  return { components }\n}\n\n/** @deprecated Use `getClientCustomizations` and pass the result to `createMXTheme` */\nexport const getClientPaletteOptions = (\n  clientStyleProfile: ClientStyleProfile,\n  mode: PaletteMode,\n): Record<string, string> => {\n  const isDark = mode === 'dark'\n  const options: Record<string, string> = {}\n\n  for (const { key, light, dark } of SEED_CONFIG) {\n    const color = clientStyleProfile?.[isDark ? dark : light] as string | undefined\n    if (color) options[key] = color\n  }\n\n  return options\n}\n\n/** @deprecated Build the theme with `getClientCustomizations` + `createMXTheme` and merge `getClientComponentOverrides` on top */\nexport const getClientTheme = (\n  theme: Theme,\n  clientStyleProfile: ClientStyleProfile,\n  clientConfig?: ClientConfig,\n) => {\n  const isDark = theme.palette.mode === 'dark'\n  const font =\n    (clientConfig?.master?.style?.font_name ||\n      clientStyleProfile?.body_font_name ||\n      clientStyleProfile?.system_font) ??\n    theme.typography.fontFamily\n\n  const generatePalette = (color: string | undefined, defaultColor: PaletteColor) =>\n    color\n      ? {\n          lighter: lighten(color, 0.5),\n          light: lighten(color, 0.25),\n          main: color,\n          dark: darken(color, 0.25),\n          darker: darken(color, 0.5),\n        }\n      : defaultColor\n\n  const palette = Object.fromEntries(\n    PALETTE_CONFIG.map(({ key, light, dark }) => [\n      key,\n      generatePalette(\n        clientStyleProfile?.[isDark ? dark : light] as string | undefined,\n        theme.palette[key],\n      ),\n    ]),\n  )\n\n  const typography = Object.fromEntries(\n    TYPOGRAPHY_VARIANTS.map((variant) => [\n      variant,\n      variant === 'fontFamily' ? font : { fontFamily: font },\n    ]),\n  )\n\n  const baseComponents = {\n    MuiTabs: {\n      styleOverrides: {\n        indicator: { backgroundColor: palette.primary.light },\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        switchViewButton: {\n          color: palette.primary.lighter,\n          '&:hover': { backgroundColor: alpha(palette.primary.light, 0.1) },\n        },\n      },\n    },\n  }\n\n  const buttonRadius = clientStyleProfile?.button_corner_radius\n  const cardRadius = clientStyleProfile?.card_corner_radius\n\n  const components = {\n    ...baseComponents,\n    ...(buttonRadius && {\n      MuiButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n      MuiIconButton: {\n        styleOverrides: {\n          root: {\n            borderRadius: `${buttonRadius}px`,\n            minWidth: buttonRadius,\n            minHeight: buttonRadius,\n          },\n        },\n      },\n      MuiToggleButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n    }),\n    ...(cardRadius && {\n      MuiCard: {\n        styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n      },\n    }),\n    ...(cardRadius && {\n      MuiPaper: {\n        styleOverrides: {\n          rounded: { borderRadius: `${cardRadius}px` },\n        },\n      },\n    }),\n  }\n\n  return { typography, palette, components }\n}\n"],"mappings":";AASA,IAAM,IAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEM,IAAiB;AAAA,EACrB;AAAA,IAAE,KAAK;AAAA,IAAW,UAAU;AAAA,IAAiB,OAAO;AAAA,IAAiB,MAAM;AAAA,EAAqB;AAAA,EAChG;AAAA,IACE,KAAK;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IAAE,KAAK;AAAA,IAAS,UAAU;AAAA,IAAe,OAAO;AAAA,IAAe,MAAM;AAAA,EAAmB;AAAA,EACxF;AAAA,IAAE,KAAK;AAAA,IAAW,UAAU;AAAA,IAAiB,OAAO;AAAA,IAAiB,MAAM;AAAA,EAAqB;AAAA,EAChG;AAAA,IAAE,KAAK;AAAA,IAAQ,UAAU;AAAA,IAAc,OAAO;AAAA,IAAc,MAAM;AAAA,EAAkB;AAAA,EACpF;AAAA,IAAE,KAAK;AAAA,IAAW,UAAU;AAAA,IAAiB,OAAO;AAAA,IAAiB,MAAM;AAAA,EAAqB;AAClG,GAEM,IAAc,CAClB,GAAG,GACH;AAAA,EAAE,KAAK;AAAA,EAAQ,UAAU;AAAA,EAAiB,OAAO;AAAA,EAAiB,MAAM;AAAqB,CAC/F,GAEa,IAAA,CACX,GACA,GACA,GACA,MACmB;AACnB,QAAM,IAAS,MAAS,QAClB,IAAY,KAAiB,GAAoB,QAAQ,GAEzD,IAAiC,CAAC;AACxC,aAAW,EAAE,KAAA,GAAK,UAAA,GAAU,OAAA,GAAO,MAAA,EAAA,KAAU,GAAa;AACxD,UAAM,IAAQ,IAAc,CAAA,KAAa,IAAqB,IAAS,IAAO,CAAA;AAC9E,IAAI,MAAO,EAAe,CAAA,IAAO;AAAA,EACnC;AAEA,QAAM,IAAc,KAAU,MAAc,WACtC,IAAA,CAAe,MACnB,IAAc,EAAE,MAAM,EAAM,IAAI,EAAE,OAAO,EAAM,GAC3C,IAAkB,GAAa,oBAAoB,GAAoB,kBACvE,IAAa,GAAa,eAAe,GAAoB;AACnE,GAAI,KAAmB,OACrB,EAAe,aAAa;AAAA,IAC1B,GAAI,KAAmB,EAAE,SAAS,EAAY,CAAe,EAAE;AAAA,IAC/D,GAAI,KAAc,EAAE,OAAO,EAAY,CAAU,EAAE;AAAA,EACrD;AAGF,QAAM,IACJ,GAAa,aAAa,GAAoB,kBAAkB,GAAoB,aAChF,IAAmB,GAAa,oBAAoB,GAAoB,kBAExE,IAAW,GAAa,aAAa,GAAoB,WACzD,IAAe,GAAa,iBAAiB,GAAoB;AAEvE,SAAO;AAAA,IACL,GAAI,OAAO,KAAK,CAAc,EAAE,SAAS,KAAK,EAAE,gBAAA,EAAe;AAAA,IAC/D,IAAK,KAAc,MAAqB,EACtC,mBAAmB;AAAA,MACjB,GAAI,KAAc,EAAE,YAAA,EAAW;AAAA,MAC/B,GAAI,KAAoB,EAAE,kBAAA,EAAiB;AAAA,IAC7C,EACF;AAAA,IACA,GAAI,MAAa,UAAa,EAAE,cAAc,EAAE,UAAA,EAAS,EAAE;AAAA,IAC3D,GAAI,MAAiB,UAAa,EAAE,cAAc,EAAE,cAAA,EAAa,EAAE;AAAA,EACrE;AACF,GAEa,IAAA,CACX,GACA,GACA,MACG;AACH,QAAM,IAAc,GAAc,QAAQ,OAEpC,IAAiB;AAAA,IACrB,SAAS,EACP,gBAAgB,EACd,WAAW,EAAE,iBAAiB,EAAM,QAAQ,QAAQ,MAAM,EAC5D,EACF;AAAA,IACA,0BAA0B,EACxB,gBAAgB,EACd,kBAAkB;AAAA,MAChB,OAAO,EAAM,QAAQ,QAAQ;AAAA,MAC7B,WAAW,EAAE,iBAAiB,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,IACxE,EACF,EACF;AAAA,EACF,GAEM,IAAe,GAAoB,sBACnC,IAAa,GAAa,iBAAiB,GAAoB;AAqCrE,SAAO,EAAE,YAAA;AAAA,IAlCP,GAAG;AAAA,IACH,GAAI,MAAiB,UAAa;AAAA,MAChC,WAAW,EACT,gBAAgB,EACd,MAAM;AAAA,QAAE,cAAc,GAAG,CAAA;AAAA,QAAkB,eAAe;AAAA,MAAO,EACnE,EACF;AAAA,MACA,eAAe,EACb,gBAAgB,EACd,MAAM;AAAA,QACJ,cAAc,GAAG,CAAA;AAAA,QACjB,UAAU;AAAA,QACV,WAAW;AAAA,MACb,EACF,EACF;AAAA,MACA,iBAAiB,EACf,gBAAgB,EACd,MAAM;AAAA,QAAE,cAAc,GAAG,CAAA;AAAA,QAAkB,eAAe;AAAA,MAAO,EACnE,EACF;AAAA,IACF;AAAA,IACA,GAAI,MAAe,UAAa;AAAA,MAC9B,SAAS,EACP,gBAAgB,EAAE,MAAM,EAAE,cAAc,GAAG,CAAA,KAAe,EAAE,EAC9D;AAAA,MACA,UAAU,EACR,gBAAgB,EACd,SAAS,EAAE,cAAc,GAAG,CAAA,KAAe,EAC7C,EACF;AAAA,IACF;AAAA,EAGO,EAAW;AACtB,GAGa,IAAA,CACX,GACA,MAC2B;AAC3B,QAAM,IAAS,MAAS,QAClB,IAAkC,CAAC;AAEzC,aAAW,EAAE,KAAA,GAAK,OAAA,GAAO,MAAA,EAAA,KAAU,GAAa;AAC9C,UAAM,IAAQ,IAAqB,IAAS,IAAO,CAAA;AACnD,IAAI,MAAO,EAAQ,CAAA,IAAO;AAAA,EAC5B;AAEA,SAAO;AACT,GAGa,IAAA,CACX,GACA,GACA,MACG;AACH,QAAM,IAAS,EAAM,QAAQ,SAAS,QAChC,KACH,GAAc,QAAQ,OAAO,aAC5B,GAAoB,kBACpB,GAAoB,gBACtB,EAAM,WAAW,YAEb,IAAA,CAAmB,GAA2B,MAClD,IACI;AAAA,IACE,SAAS,EAAQ,GAAO,GAAG;AAAA,IAC3B,OAAO,EAAQ,GAAO,IAAI;AAAA,IAC1B,MAAM;AAAA,IACN,MAAM,EAAO,GAAO,IAAI;AAAA,IACxB,QAAQ,EAAO,GAAO,GAAG;AAAA,EAC3B,IACA,GAEA,IAAU,OAAO,YACrB,EAAe,IAAA,CAAK,EAAE,KAAA,GAAK,OAAA,GAAO,MAAA,EAAA,MAAW,CAC3C,GACA,EACE,IAAqB,IAAS,IAAO,CAAA,GACrC,EAAM,QAAQ,CAAA,CAChB,CACF,CAAC,CACH,GAEM,IAAa,OAAO,YACxB,EAAoB,IAAA,CAAK,MAAY,CACnC,GACA,MAAY,eAAe,IAAO,EAAE,YAAY,EAAK,CACvD,CAAC,CACH,GAEM,IAAiB;AAAA,IACrB,SAAS,EACP,gBAAgB,EACd,WAAW,EAAE,iBAAiB,EAAQ,QAAQ,MAAM,EACtD,EACF;AAAA,IACA,0BAA0B,EACxB,gBAAgB,EACd,kBAAkB;AAAA,MAChB,OAAO,EAAQ,QAAQ;AAAA,MACvB,WAAW,EAAE,iBAAiB,EAAM,EAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,IAClE,EACF,EACF;AAAA,EACF,GAEM,IAAe,GAAoB,sBACnC,IAAa,GAAoB;AAuCvC,SAAO;AAAA,IAAE,YAAA;AAAA,IAAY,SAAA;AAAA,IAAS,YAAA;AAAA,MApC5B,GAAG;AAAA,MACH,GAAI,KAAgB;AAAA,QAClB,WAAW,EACT,gBAAgB,EACd,MAAM;AAAA,UAAE,cAAc,GAAG,CAAA;AAAA,UAAkB,eAAe;AAAA,QAAO,EACnE,EACF;AAAA,QACA,eAAe,EACb,gBAAgB,EACd,MAAM;AAAA,UACJ,cAAc,GAAG,CAAA;AAAA,UACjB,UAAU;AAAA,UACV,WAAW;AAAA,QACb,EACF,EACF;AAAA,QACA,iBAAiB,EACf,gBAAgB,EACd,MAAM;AAAA,UAAE,cAAc,GAAG,CAAA;AAAA,UAAkB,eAAe;AAAA,QAAO,EACnE,EACF;AAAA,MACF;AAAA,MACA,GAAI,KAAc,EAChB,SAAS,EACP,gBAAgB,EAAE,MAAM,EAAE,cAAc,GAAG,CAAA,KAAe,EAAE,EAC9D,EACF;AAAA,MACA,GAAI,KAAc,EAChB,UAAU,EACR,gBAAgB,EACd,SAAS,EAAE,cAAc,GAAG,CAAA,KAAe,EAC7C,EACF,EACF;AAAA,IAG4B;AAAA,EAAW;AAC3C"}
+{"version":3,"file":"Theme.es.js","names":[],"sources":["../../../src/common/utils/Theme.ts"],"sourcesContent":["import { alpha, darken, lighten, PaletteColor, PaletteMode, Theme } from '@mui/material'\nimport type { Customizations } from '@mxenabled/mxui'\n\nimport type { ClientStyleProfile } from '../../core'\nimport { ClientConfig, StyleConfig } from '../../core/types/AppData'\n\ntype PaletteOptions = NonNullable<Customizations['paletteOptions']>\ntype ModeColorOptions = Partial<NonNullable<NonNullable<PaletteOptions['background']>['default']>>\n\nconst TYPOGRAPHY_VARIANTS = [\n  'fontFamily',\n  'h1',\n  'h2',\n  'h3',\n  'body1',\n  'body2',\n  'button',\n  'caption',\n  'subtitle1',\n  'subtitle2',\n  'tiny',\n] as const\n\nconst PALETTE_CONFIG = [\n  { key: 'primary', override: 'primary_color', light: 'primary_color', dark: 'primary_color_dark' },\n  {\n    key: 'secondary',\n    override: 'secondary_color',\n    light: 'secondary_color',\n    dark: 'secondary_color_dark',\n  },\n  { key: 'error', override: 'error_color', light: 'error_color', dark: 'error_color_dark' },\n  { key: 'warning', override: 'warning_color', light: 'warning_color', dark: 'warning_color_dark' },\n  { key: 'info', override: 'info_color', light: 'info_color', dark: 'info_color_dark' },\n  { key: 'success', override: 'success_color', light: 'success_color', dark: 'success_color_dark' },\n] as const\n\nconst SEED_CONFIG = [\n  ...PALETTE_CONFIG,\n  { key: 'grey', override: 'neutral_color', light: 'neutral_color', dark: 'neutral_color_dark' },\n] as const\n\nexport const getClientCustomizations = (\n  clientStyleProfile: ClientStyleProfile,\n  mode: PaletteMode,\n  styleConfig?: StyleConfig,\n  requestedMode?: ClientStyleProfile['mode'],\n): Customizations => {\n  const isDark = mode === 'dark'\n  const requested = requestedMode ?? clientStyleProfile?.mode ?? mode\n\n  const paletteOptions: PaletteOptions = {}\n  for (const { key, override, light, dark } of SEED_CONFIG) {\n    const color = styleConfig?.[override] ?? clientStyleProfile?.[isDark ? dark : light]\n    if (color) paletteOptions[key] = color\n  }\n\n  const useDarkSlot = isDark && requested !== 'browser'\n  const asModeColor = (color: string): ModeColorOptions =>\n    useDarkSlot ? { dark: color } : { light: color }\n  const backgroundColor = styleConfig?.background_color ?? clientStyleProfile?.background_color\n  const paperColor = styleConfig?.paper_color ?? clientStyleProfile?.paper_color\n  if (backgroundColor || paperColor) {\n    paletteOptions.background = {\n      ...(backgroundColor && { default: asModeColor(backgroundColor) }),\n      ...(paperColor && { paper: asModeColor(paperColor) }),\n    } as PaletteOptions['background']\n  }\n\n  const fontFamily =\n    styleConfig?.font_name || clientStyleProfile?.body_font_name || clientStyleProfile?.system_font\n  const headerFontFamily = styleConfig?.header_font_name || clientStyleProfile?.header_font_name\n\n  const useGlass = styleConfig?.use_glass ?? clientStyleProfile?.use_glass\n  const cardRadius = styleConfig?.card_corner_radius ?? clientStyleProfile?.card_corner_radius\n  // Cards render at 2x the shape token (MXUI's defaults: token 4, Paper 8), so the\n  // client's card radius is halved here and applied at full value to MuiCard/MuiPaper\n  // via getClientComponentOverrides\n  const borderRadius = cardRadius !== undefined ? cardRadius / 2 : undefined\n\n  return {\n    ...(Object.keys(paletteOptions).length > 0 && { paletteOptions }),\n    ...((fontFamily || headerFontFamily) && {\n      typographyOptions: {\n        ...(fontFamily && { fontFamily }),\n        ...(headerFontFamily && { headerFontFamily }),\n      },\n    }),\n    ...(useGlass !== undefined && { styleOptions: { useGlass } }),\n    ...(borderRadius !== undefined && { shapeOptions: { borderRadius } }),\n  }\n}\n\nexport const getClientComponentOverrides = (\n  theme: Theme,\n  clientStyleProfile: ClientStyleProfile,\n  clientConfig?: ClientConfig,\n) => {\n  const styleConfig = clientConfig?.master?.style\n\n  const baseComponents = {\n    MuiTabs: {\n      styleOverrides: {\n        indicator: { backgroundColor: theme.palette.primary.light },\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        switchViewButton: {\n          color: theme.palette.primary.lighter,\n          '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n        },\n      },\n    },\n  }\n\n  const buttonRadius = styleConfig?.button_corner_radius ?? clientStyleProfile?.button_corner_radius\n  const cardRadius = styleConfig?.card_corner_radius ?? clientStyleProfile?.card_corner_radius\n\n  const components = {\n    ...baseComponents,\n    ...(buttonRadius !== undefined && {\n      MuiButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n      MuiIconButton: {\n        styleOverrides: {\n          root: {\n            borderRadius: `${buttonRadius}px`,\n            minWidth: buttonRadius,\n            minHeight: buttonRadius,\n          },\n        },\n      },\n      MuiToggleButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n    }),\n    ...(cardRadius !== undefined && {\n      MuiCard: {\n        styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n      },\n      MuiPaper: {\n        styleOverrides: {\n          rounded: { borderRadius: `${cardRadius}px` },\n        },\n      },\n    }),\n  }\n\n  return { components }\n}\n\n/** @deprecated Use `getClientCustomizations` and pass the result to `createMXTheme` */\nexport const getClientPaletteOptions = (\n  clientStyleProfile: ClientStyleProfile,\n  mode: PaletteMode,\n): Record<string, string> => {\n  const isDark = mode === 'dark'\n  const options: Record<string, string> = {}\n\n  for (const { key, light, dark } of SEED_CONFIG) {\n    const color = clientStyleProfile?.[isDark ? dark : light] as string | undefined\n    if (color) options[key] = color\n  }\n\n  return options\n}\n\n/** @deprecated Build the theme with `getClientCustomizations` + `createMXTheme` and merge `getClientComponentOverrides` on top */\nexport const getClientTheme = (\n  theme: Theme,\n  clientStyleProfile: ClientStyleProfile,\n  clientConfig?: ClientConfig,\n) => {\n  const isDark = theme.palette.mode === 'dark'\n  const font =\n    (clientConfig?.master?.style?.font_name ||\n      clientStyleProfile?.body_font_name ||\n      clientStyleProfile?.system_font) ??\n    theme.typography.fontFamily\n\n  const generatePalette = (color: string | undefined, defaultColor: PaletteColor) =>\n    color\n      ? {\n          lighter: lighten(color, 0.5),\n          light: lighten(color, 0.25),\n          main: color,\n          dark: darken(color, 0.25),\n          darker: darken(color, 0.5),\n        }\n      : defaultColor\n\n  const palette = Object.fromEntries(\n    PALETTE_CONFIG.map(({ key, light, dark }) => [\n      key,\n      generatePalette(\n        clientStyleProfile?.[isDark ? dark : light] as string | undefined,\n        theme.palette[key],\n      ),\n    ]),\n  )\n\n  const typography = Object.fromEntries(\n    TYPOGRAPHY_VARIANTS.map((variant) => [\n      variant,\n      variant === 'fontFamily' ? font : { fontFamily: font },\n    ]),\n  )\n\n  const baseComponents = {\n    MuiTabs: {\n      styleOverrides: {\n        indicator: { backgroundColor: palette.primary.light },\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        switchViewButton: {\n          color: palette.primary.lighter,\n          '&:hover': { backgroundColor: alpha(palette.primary.light, 0.1) },\n        },\n      },\n    },\n  }\n\n  const buttonRadius = clientStyleProfile?.button_corner_radius\n  const cardRadius = clientStyleProfile?.card_corner_radius\n\n  const components = {\n    ...baseComponents,\n    ...(buttonRadius && {\n      MuiButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n      MuiIconButton: {\n        styleOverrides: {\n          root: {\n            borderRadius: `${buttonRadius}px`,\n            minWidth: buttonRadius,\n            minHeight: buttonRadius,\n          },\n        },\n      },\n      MuiToggleButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n    }),\n    ...(cardRadius && {\n      MuiCard: {\n        styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n      },\n    }),\n    ...(cardRadius && {\n      MuiPaper: {\n        styleOverrides: {\n          rounded: { borderRadius: `${cardRadius}px` },\n        },\n      },\n    }),\n  }\n\n  return { typography, palette, components }\n}\n"],"mappings":"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"}

package/dist/core/types/AppData.d.ts

@@ -49,20 +49,21 @@ export interface MasterConfig {
 }
 export interface StyleConfig {
     background_color?: string;
+    button_corner_radius?: number;
+    card_corner_radius?: number;
+    error_color?: string;
+    font_name?: string;
+    header_font_name?: string;
+    info_color?: string;
+    neutral_color?: string;
     paper_color?: string;
     primary_color?: string;
     secondary_color?: string;
     success_color?: string;
-    error_color?: string;
-    warning_color?: string;
-    info_color?: string;
-    neutral_color?: string;
-    corner_radius?: number;
-    font_name?: string;
-    header_font_name?: string;
     use_body_font_url?: boolean;
-    use_header_font_url?: boolean;
     use_glass?: boolean;
+    use_header_font_url?: boolean;
+    warning_color?: string;
 }
 export interface DeepLinkParams {
     account_guids?: string[];

package/dist/core/types/Client.d.ts

@@ -96,30 +96,30 @@ export interface ClientInsightProfile {
     is_recurring_transactions_manager_enabled: boolean;
 }
 export interface ClientStyleProfile {
-    primary_color?: string;
-    primary_font_regular?: string;
-    secondary_color?: string;
-    neutral_color?: string;
-    success_color?: string;
+    background_color?: string;
+    body_font_name?: string;
+    body_font_url?: string;
+    button_corner_radius?: number;
+    card_corner_radius?: number;
     error_color?: string;
-    warning_color?: string;
+    error_color_dark?: string;
+    header_font_name?: string;
+    header_font_url?: string;
     info_color?: string;
+    info_color_dark?: string;
+    mode?: 'dark' | 'light' | 'browser';
+    neutral_color?: string;
+    neutral_color_dark?: string;
+    paper_color?: string;
+    primary_color?: string;
     primary_color_dark?: string;
+    primary_font_regular?: string;
+    secondary_color?: string;
     secondary_color_dark?: string;
-    neutral_color_dark?: string;
+    success_color?: string;
     success_color_dark?: string;
-    error_color_dark?: string;
-    warning_color_dark?: string;
-    info_color_dark?: string;
-    mode?: 'dark' | 'light' | 'browser';
     system_font?: string;
-    card_corner_radius?: number;
-    button_corner_radius?: number;
-    background_color?: string;
-    paper_color?: string;
-    body_font_name?: string;
-    body_font_url?: string;
-    header_font_name?: string;
-    header_font_url?: string;
     use_glass?: boolean;
+    warning_color?: string;
+    warning_color_dark?: string;
 }

package/dist/core/types/InsightsInstanceSlotData.d.ts

@@ -1,6 +1,6 @@
 import { DataSeries, Legends } from '../../core';
 import { Transaction } from './Transaction';
-export interface InsightsInstanceSlotData extends Partial<BarChartBlockData>, Partial<BudgetBlockData>, Partial<DonutChartBlockData>, Partial<DoubleProgressBarBlockData>, Partial<ImageBlockData>, Partial<AccountBlockData>, Partial<SaveExtraBlockData>, Partial<StepChartBlockData>, Partial<SVGImageBlockData>, Partial<CategoryTransactionsBlockData>, Partial<AccountSwitchBlockData>, Partial<CommonProps> {
+export interface InsightsInstanceSlotData extends Partial<BarChartBlockData>, Partial<BudgetBlockData>, Partial<DonutChartBlockData>, Partial<DoubleProgressBarBlockData>, Partial<ImageBlockData>, Partial<AccountBlockData>, Partial<SaveExtraBlockData>, Partial<StepChartBlockData>, Partial<SVGImageBlockData>, Partial<CategoryTransactionsBlockData>, Partial<AccountSwitchBlockData>, Partial<TransactionDetailsBlockData>, Partial<CommonProps> {
 }
 interface CommonProps {
     amount?: number;
@@ -122,4 +122,15 @@ export type InsightTransaction = Pick<Transaction, 'amount'> & Partial<Pick<Tran
 export interface CategoryTransactionsBlockData {
     primary_transaction?: InsightTransaction;
 }
+export interface TransactionDetailsBlockData {
+    /**
+     * Explicit subject of the details drawer. Optional: the block falls back to
+     * `beat.primary_transaction_guid`, then `beat.transaction_guids[0]`.
+     */
+    transaction_guid?: string;
+    /** `TopActions` member names, e.g. `['Category', 'Date', 'Memo']`. Omit for the defaults. */
+    top_actions?: string[];
+    /** `BottomActions` member names, e.g. `['MerchantBudget', 'HideTransaction']`. Omit for defaults. */
+    bottom_actions?: string[];
+}
 export {};

package/dist/core/types/InsightsInstanceSlotData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsightsInstanceSlotData.es.js","names":[],"sources":["../../../src/core/types/InsightsInstanceSlotData.ts"],"sourcesContent":["import type { DataSeries, Legends } from '../../core'\nimport type { Transaction } from './Transaction'\n\nexport interface InsightsInstanceSlotData\n  extends\n    Partial<BarChartBlockData>,\n    Partial<BudgetBlockData>,\n    Partial<DonutChartBlockData>,\n    Partial<DoubleProgressBarBlockData>,\n    Partial<ImageBlockData>,\n    Partial<AccountBlockData>,\n    Partial<SaveExtraBlockData>,\n    Partial<StepChartBlockData>,\n    Partial<SVGImageBlockData>,\n    Partial<CategoryTransactionsBlockData>,\n    Partial<AccountSwitchBlockData>,\n    Partial<CommonProps> {}\n\n//when any of the type is used more than one times, we can use the common props\ninterface CommonProps {\n  amount?: number\n  legends?: (Legends | LegendProps)[]\n  category_guid?: string\n  data_series?: DataSeries | DataSet[]\n}\n\n//BarChart Block\nexport interface BarChartBlockData {\n  average_amount?: number\n  ariaLabel?: string\n}\n\n//DonutChart Block\ninterface Main {\n  value: string\n  value_type: string\n  label: string\n}\nexport interface DonutChartBlockData {\n  main: Main\n}\n\n//DoubleBarChart Block\n// TODO : This has to be revisited again to update the below types based on API response once we have the final shape of the data_series for double bar chart from BE\nexport interface LegendProps extends Legends {\n  amount: number\n  formattedAmount: string\n  label: string\n  color?: string\n}\n\nexport interface DataSet extends DataSeries {\n  ariaLabelComparison: string\n  ariaLabelMain: string\n  comparison: number\n  formattedComparison: string\n  formattedMain: string\n  label: string\n  main: number\n}\n\n//DoubleProgressBar Block\n\ninterface DoubleProgressBarProps {\n  label: string\n  value: number\n}\nexport interface DoubleProgressBarBlockData {\n  doubleProgressBar: {\n    previous: DoubleProgressBarProps\n    latest: DoubleProgressBarProps\n  }\n}\n\n//Image Block\nexport interface ImageBlockData {\n  image: string\n}\n\n//Account Block\nexport interface AccountBlockData {\n  sub_text: string\n  institution_guid?: string\n  institution_name?: string\n  icon_name?: string\n  /** Header bar text (standard card), or the colored category strip label (deposit cards). */\n  header_text?: string\n  // Deposit variants (Unified Deposit, Unified Deposit Emergency Fund, Savings Account Deposit)\n  /** Merchant guid — renders a real merchant logo in the deposit card when present. */\n  merchant_guid?: string\n  /** Merchant display name — logo alt text and the payer line under the amount. */\n  merchant_name?: string\n  /** Secondary label beside the amount, e.g. `On {date}, you saved` or `Balance as of MM/DD/YY`. */\n  label?: string\n}\n\nexport interface SaveExtraBlockData {\n  /** Styled segments `[lead-in, amount digits, trailing copy]`, e.g. `['Save an extra', '100', 'to help your funds grow']`. */\n  primary_text?: string[]\n  /** Styled segments `[projected balance, caption]`, e.g. `['$8,313.87', 'After payday & projected expenses']`. */\n  secondary_text?: string[]\n  /** MakeTransfer drilldown: available balance (both variants). */\n  available_balance?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: average monthly spend. */\n  avg_monthly_spend?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: how long the balance lasts, overlaid on the timeline SVG (e.g. \"2 months, 11 days\"). */\n  time_period?: string\n  /** SAVE_AN_EXTRA_100: upcoming expenses (the \"Expenses\" figure). */\n  upcoming_expenses?: number\n  /** SAVE_AN_EXTRA_100: total remaining after expenses. */\n  total_remaining?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: date for the \"Your available balances as of {date}\" line. */\n  date?: string\n}\n\n//AccountSwitch Block\nexport interface AccountSwitchBlockData {\n  discovered_institution_guid: string\n  discovered_institution_name: string\n  held_institution_guid: string\n  held_institution_name: string\n  is_connected: boolean\n}\n\n// StepChart Block\nexport interface StepChartBlockData {\n  completed_steps: number\n  label_1: string\n  label_2?: string\n}\n\n//Budgets Blocks\nexport enum BudgetTierType {\n  LOW_BUDGET_TIER = 'LOW',\n  MEDIUM_BUDGET_TIER = 'MEDIUM',\n  OFF_TRACK_BUDGET_TIER = 'OFF_TRACK',\n}\n\nexport type BudgetTierValue = `${BudgetTierType}`\n\nexport interface BudgetLocalizedPayload {\n  primary_text?: string\n  amount_left_label?: string\n  spent_label?: string\n  budgeted_label?: string\n}\n\nexport interface BudgetBlockData {\n  budget_percent: number\n  budget_tier: BudgetTierValue\n  category_guid?: string\n  merchant_guid?: string\n  spent_amount: number\n  budgeted_amount: number\n  localized_payload: BudgetLocalizedPayload\n}\n\nexport interface SVGImageBlockData {\n  isCIBC?: boolean\n}\n\nexport type InsightTransaction = Pick<Transaction, 'amount'> &\n  Partial<Pick<Transaction, 'category_guid' | 'date' | 'description' | 'merchant_guid'>> & {\n    merchant_name?: string\n  }\n\nexport interface CategoryTransactionsBlockData {\n  primary_transaction?: InsightTransaction\n}\n"],"mappings":"AAoIA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,kBAAA,OACA,EAAA,qBAAA,UACA,EAAA,wBAAA;AACF,GAAA,CAAA,CAAA"}
+{"version":3,"file":"InsightsInstanceSlotData.es.js","names":[],"sources":["../../../src/core/types/InsightsInstanceSlotData.ts"],"sourcesContent":["import type { DataSeries, Legends } from '../../core'\nimport type { Transaction } from './Transaction'\n\nexport interface InsightsInstanceSlotData\n  extends\n    Partial<BarChartBlockData>,\n    Partial<BudgetBlockData>,\n    Partial<DonutChartBlockData>,\n    Partial<DoubleProgressBarBlockData>,\n    Partial<ImageBlockData>,\n    Partial<AccountBlockData>,\n    Partial<SaveExtraBlockData>,\n    Partial<StepChartBlockData>,\n    Partial<SVGImageBlockData>,\n    Partial<CategoryTransactionsBlockData>,\n    Partial<AccountSwitchBlockData>,\n    Partial<TransactionDetailsBlockData>,\n    Partial<CommonProps> {}\n\n//when any of the type is used more than one times, we can use the common props\ninterface CommonProps {\n  amount?: number\n  legends?: (Legends | LegendProps)[]\n  category_guid?: string\n  data_series?: DataSeries | DataSet[]\n}\n\n//BarChart Block\nexport interface BarChartBlockData {\n  average_amount?: number\n  ariaLabel?: string\n}\n\n//DonutChart Block\ninterface Main {\n  value: string\n  value_type: string\n  label: string\n}\nexport interface DonutChartBlockData {\n  main: Main\n}\n\n//DoubleBarChart Block\n// TODO : This has to be revisited again to update the below types based on API response once we have the final shape of the data_series for double bar chart from BE\nexport interface LegendProps extends Legends {\n  amount: number\n  formattedAmount: string\n  label: string\n  color?: string\n}\n\nexport interface DataSet extends DataSeries {\n  ariaLabelComparison: string\n  ariaLabelMain: string\n  comparison: number\n  formattedComparison: string\n  formattedMain: string\n  label: string\n  main: number\n}\n\n//DoubleProgressBar Block\n\ninterface DoubleProgressBarProps {\n  label: string\n  value: number\n}\nexport interface DoubleProgressBarBlockData {\n  doubleProgressBar: {\n    previous: DoubleProgressBarProps\n    latest: DoubleProgressBarProps\n  }\n}\n\n//Image Block\nexport interface ImageBlockData {\n  image: string\n}\n\n//Account Block\nexport interface AccountBlockData {\n  sub_text: string\n  institution_guid?: string\n  institution_name?: string\n  icon_name?: string\n  /** Header bar text (standard card), or the colored category strip label (deposit cards). */\n  header_text?: string\n  // Deposit variants (Unified Deposit, Unified Deposit Emergency Fund, Savings Account Deposit)\n  /** Merchant guid — renders a real merchant logo in the deposit card when present. */\n  merchant_guid?: string\n  /** Merchant display name — logo alt text and the payer line under the amount. */\n  merchant_name?: string\n  /** Secondary label beside the amount, e.g. `On {date}, you saved` or `Balance as of MM/DD/YY`. */\n  label?: string\n}\n\nexport interface SaveExtraBlockData {\n  /** Styled segments `[lead-in, amount digits, trailing copy]`, e.g. `['Save an extra', '100', 'to help your funds grow']`. */\n  primary_text?: string[]\n  /** Styled segments `[projected balance, caption]`, e.g. `['$8,313.87', 'After payday & projected expenses']`. */\n  secondary_text?: string[]\n  /** MakeTransfer drilldown: available balance (both variants). */\n  available_balance?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: average monthly spend. */\n  avg_monthly_spend?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: how long the balance lasts, overlaid on the timeline SVG (e.g. \"2 months, 11 days\"). */\n  time_period?: string\n  /** SAVE_AN_EXTRA_100: upcoming expenses (the \"Expenses\" figure). */\n  upcoming_expenses?: number\n  /** SAVE_AN_EXTRA_100: total remaining after expenses. */\n  total_remaining?: number\n  /** SAVE_ENOUGH_TO_LIVE_ON: date for the \"Your available balances as of {date}\" line. */\n  date?: string\n}\n\n//AccountSwitch Block\nexport interface AccountSwitchBlockData {\n  discovered_institution_guid: string\n  discovered_institution_name: string\n  held_institution_guid: string\n  held_institution_name: string\n  is_connected: boolean\n}\n\n// StepChart Block\nexport interface StepChartBlockData {\n  completed_steps: number\n  label_1: string\n  label_2?: string\n}\n\n//Budgets Blocks\nexport enum BudgetTierType {\n  LOW_BUDGET_TIER = 'LOW',\n  MEDIUM_BUDGET_TIER = 'MEDIUM',\n  OFF_TRACK_BUDGET_TIER = 'OFF_TRACK',\n}\n\nexport type BudgetTierValue = `${BudgetTierType}`\n\nexport interface BudgetLocalizedPayload {\n  primary_text?: string\n  amount_left_label?: string\n  spent_label?: string\n  budgeted_label?: string\n}\n\nexport interface BudgetBlockData {\n  budget_percent: number\n  budget_tier: BudgetTierValue\n  category_guid?: string\n  merchant_guid?: string\n  spent_amount: number\n  budgeted_amount: number\n  localized_payload: BudgetLocalizedPayload\n}\n\nexport interface SVGImageBlockData {\n  isCIBC?: boolean\n}\n\nexport type InsightTransaction = Pick<Transaction, 'amount'> &\n  Partial<Pick<Transaction, 'category_guid' | 'date' | 'description' | 'merchant_guid'>> & {\n    merchant_name?: string\n  }\n\nexport interface CategoryTransactionsBlockData {\n  primary_transaction?: InsightTransaction\n}\n\n// TransactionDetails Action Block\nexport interface TransactionDetailsBlockData {\n  /**\n   * Explicit subject of the details drawer. Optional: the block falls back to\n   * `beat.primary_transaction_guid`, then `beat.transaction_guids[0]`.\n   */\n  transaction_guid?: string\n  /** `TopActions` member names, e.g. `['Category', 'Date', 'Memo']`. Omit for the defaults. */\n  top_actions?: string[]\n  /** `BottomActions` member names, e.g. `['MerchantBudget', 'HideTransaction']`. Omit for defaults. */\n  bottom_actions?: string[]\n}\n"],"mappings":"AAqIA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,kBAAA,OACA,EAAA,qBAAA,UACA,EAAA,wBAAA;AACF,GAAA,CAAA,CAAA"}

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.d.ts

@@ -0,0 +1,13 @@
+import { ActionBlockProps } from '../../mappings/blocks';
+/**
+ * Single-transaction drawer content. The detail rendering and inline editing (category picker, date,
+ * memo, tags, split/hide/merchant-budget) all live in the shared `TransactionDetails` component from
+ * the transactions module — this block's job is only to resolve *which* transaction and *which*
+ * actions, then hand off.
+ *
+ * `observer` is required: the resolved transaction comes from TransactionStore, and `usePrepare` may
+ * still be loading it when this first renders. Without it the drawer would stay on the loader.
+ */
+export declare const TransactionDetailsBlock: (({ beat, }: ActionBlockProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js

@@ -0,0 +1,24 @@
+import { useGlobalCopyStore as e } from "../../../common/context/hooks.es.js";
+import s from "../../../common/components/Loader.es.js";
+import c from "../../../transactions/components/shared/TransactionDetails.es.js";
+import { useTransactionDetailsBlock as p } from "./useTransactionDetailsBlock.es.js";
+import { observer as f } from "mobx-react-lite";
+import l from "@mui/material/Stack";
+import { Text as u } from "@mxenabled/mxui";
+import { jsx as o } from "react/jsx-runtime";
+var v = f(function({ beat: t }) {
+  const { common: i } = e(), { bottomActions: n, isLoading: m, topActions: a, transaction: r } = p(t);
+  return m ? /* @__PURE__ */ o(s, {}) : r ? /* @__PURE__ */ o(c, {
+    bottomActions: n,
+    topActions: a,
+    transaction: r
+  }) : /* @__PURE__ */ o(l, {
+    sx: { p: 24 },
+    children: /* @__PURE__ */ o(u, { children: i.error_message })
+  });
+});
+export {
+  v as TransactionDetailsBlock
+};
+
+//# sourceMappingURL=TransactionDetailsBlock.es.js.map

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetailsBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport { Loader, useGlobalCopyStore } from '../../../common'\nimport TransactionDetails from '../../../transactions/components/shared/TransactionDetails'\nimport type { ActionBlockProps } from '../../mappings/blocks'\n\nimport { useTransactionDetailsBlock } from './useTransactionDetailsBlock'\n\n/**\n * Single-transaction drawer content. The detail rendering and inline editing (category picker, date,\n * memo, tags, split/hide/merchant-budget) all live in the shared `TransactionDetails` component from\n * the transactions module — this block's job is only to resolve *which* transaction and *which*\n * actions, then hand off.\n *\n * `observer` is required: the resolved transaction comes from TransactionStore, and `usePrepare` may\n * still be loading it when this first renders. Without it the drawer would stay on the loader.\n */\nexport const TransactionDetailsBlock = observer(function TransactionDetailsBlock({\n  beat,\n}: ActionBlockProps) {\n  const { common: commonCopy } = useGlobalCopyStore()\n  const { bottomActions, isLoading, topActions, transaction } = useTransactionDetailsBlock(beat)\n\n  if (isLoading) return <Loader />\n\n  // Loading finished and the guid still resolves to nothing — a stale beat pointing at a deleted or\n  // out-of-window transaction. Mirrors ActionBlockLayer's unknown-block branch rather than rendering\n  // an empty drawer.\n  if (!transaction) {\n    return (\n      <Stack sx={{ p: 24 }}>\n        <Text>{commonCopy.error_message}</Text>\n      </Stack>\n    )\n  }\n\n  return (\n    <TransactionDetails\n      bottomActions={bottomActions}\n      topActions={topActions}\n      transaction={transaction}\n    />\n  )\n})\n"],"mappings":";;;;;;;;AAoBA,IAAa,IAA0B,EAAS,SAAiC,EAC/E,MAAA,EAAA,GACmB;AACnB,QAAM,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,EAAE,eAAA,GAAe,WAAA,GAAW,YAAA,GAAY,aAAA,EAAA,IAAgB,EAA2B,CAAI;AAE7F,SAAI,IAAkB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAK1B,IASH,gBAAA,EAAC,GAAD;AAAA,IACiB,eAAA;AAAA,IACH,YAAA;AAAA,IACC,aAAA;AAAA,EACd,CAAA,IAXC,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,GAAG,GAAG;AAAA,IACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAW,cAAoB,CAAA;AAAA,EACjC,CAAA;AAWb,CAAC"}

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TransactionDetailsBlock';
+export * from './useTransactionDetailsBlock';
+export * from './useTransactionDetailsPrepare';

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/transactionDetailsActions.d.ts

@@ -0,0 +1,3 @@
+import { BottomActions, TopActions } from '../../../transactions/constants/Actions';
+export declare const resolveTopActions: (names?: string[]) => TopActions[];
+export declare const resolveBottomActions: (names?: string[]) => BottomActions[];

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/transactionDetailsActions.es.js

@@ -0,0 +1,18 @@
+import { BottomActions as t, DEFAULT_BOTTOM_ACTIONS as i, DEFAULT_TOP_ACTIONS as c, TopActions as r } from "../../../transactions/constants/Actions.es.js";
+var s = {
+  Category: r.Category,
+  Date: r.Date,
+  Memo: r.Memo,
+  Tags: r.Tags
+}, A = {
+  MerchantBudget: t.MerchantBudget,
+  SplitTransaction: t.SplitTransaction,
+  HideTransaction: t.HideTransaction,
+  MerchantLogo: t.MerchantLogo
+}, e = (o, T, n) => o ? o.map((a) => T[a]).filter((a) => a !== void 0) : n, O = (o) => e(o, s, c), _ = (o) => e(o, A, i);
+export {
+  _ as resolveBottomActions,
+  O as resolveTopActions
+};
+
+//# sourceMappingURL=transactionDetailsActions.es.js.map

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/transactionDetailsActions.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transactionDetailsActions.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionDetailsBlock/transactionDetailsActions.ts"],"sourcesContent":["import {\n  BottomActions,\n  DEFAULT_BOTTOM_ACTIONS,\n  DEFAULT_TOP_ACTIONS,\n  TopActions,\n} from '../../../transactions/constants/Actions'\n\n/**\n * The backend sends action names as strings on `instance_slot_data`; `TransactionDetails` takes the\n * numeric enums. Keep the lookup keyed by the enum's own member names so adding a member to\n * `Actions.ts` is picked up here without a second edit.\n *\n * Unknown names are dropped rather than throwing: a beat configured against a newer ditto config\n * than the bundle should render with the actions it *does* understand, not blow up the drawer.\n */\nconst TOP_ACTION_BY_NAME: Record<string, TopActions> = {\n  Category: TopActions.Category,\n  Date: TopActions.Date,\n  Memo: TopActions.Memo,\n  Tags: TopActions.Tags,\n}\n\nconst BOTTOM_ACTION_BY_NAME: Record<string, BottomActions> = {\n  MerchantBudget: BottomActions.MerchantBudget,\n  SplitTransaction: BottomActions.SplitTransaction,\n  HideTransaction: BottomActions.HideTransaction,\n  MerchantLogo: BottomActions.MerchantLogo,\n}\n\nconst resolve = <T>(names: string[] | undefined, lookup: Record<string, T>, fallback: T[]): T[] => {\n  // `undefined` means \"not configured\" -> defaults. An explicit empty array means \"no actions\",\n  // which is a legitimate per-beat choice (a read-only details view) and must not fall back.\n  if (!names) return fallback\n\n  return names.map((name) => lookup[name]).filter((action): action is T => action !== undefined)\n}\n\nexport const resolveTopActions = (names?: string[]): TopActions[] =>\n  resolve(names, TOP_ACTION_BY_NAME, DEFAULT_TOP_ACTIONS)\n\nexport const resolveBottomActions = (names?: string[]): BottomActions[] =>\n  resolve(names, BOTTOM_ACTION_BY_NAME, DEFAULT_BOTTOM_ACTIONS)\n"],"mappings":";AAeA,IAAM,IAAiD;AAAA,EACrD,UAAU,EAAW;AAAA,EACrB,MAAM,EAAW;AAAA,EACjB,MAAM,EAAW;AAAA,EACjB,MAAM,EAAW;AACnB,GAEM,IAAuD;AAAA,EAC3D,gBAAgB,EAAc;AAAA,EAC9B,kBAAkB,EAAc;AAAA,EAChC,iBAAiB,EAAc;AAAA,EAC/B,cAAc,EAAc;AAC9B,GAEM,IAAA,CAAc,GAA6B,GAA2B,MAGrE,IAEE,EAAM,IAAA,CAAK,MAAS,EAAO,CAAA,CAAK,EAAE,OAAA,CAAQ,MAAwB,MAAW,MAAS,IAF1E,GAKR,IAAA,CAAqB,MAChC,EAAQ,GAAO,GAAoB,CAAmB,GAE3C,IAAA,CAAwB,MACnC,EAAQ,GAAO,GAAuB,CAAsB"}

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/useTransactionDetailsBlock.d.ts

@@ -0,0 +1,31 @@
+import { Beat, Transaction } from '../../../core';
+import { BottomActions, TopActions } from '../../../transactions/constants/Actions';
+interface TransactionDetailsBlockState {
+    bottomActions: BottomActions[];
+    /** True while the store is still loading; the block shows a loader instead of an empty state. */
+    isLoading: boolean;
+    topActions: TopActions[];
+    /** `undefined` once loading finishes means the transaction could not be resolved. */
+    transaction?: Transaction;
+}
+/**
+ * Resolves which transaction this drawer is about, and which inline actions it offers.
+ *
+ * Resolution order is deliberate:
+ *  1. `instance_slot_data.transaction_guid` — the beat explicitly naming its subject.
+ *  2. `beat.primary_transaction_guid` — the standard beat-level pointer.
+ *  3. `beat.transaction_guids[0]` — last resort for beats that only carry the list.
+ *
+ * The guid is then looked up in `transactionStore.detailedTransactions` rather than used directly,
+ * because `TransactionDetails` needs the *detailed* shape (account + category + taggings joined in)
+ * and edits must write through to the same store object the rest of the app renders. `buildDetailed
+ * Transactions` inside the store is this repo's equivalent of pulse's `buildTransactionDetails`.
+ *
+ * `beat.primary_transaction` is the fallback of last resort: it is a payload snapshot, not a store
+ * object, so inline edits against it would not propagate. Preferring it over a store hit would make
+ * editing silently no-op, which is why it is only used when the store genuinely has nothing — and
+ * only when it is a snapshot of the *same* transaction the guid resolved to (or when no guid
+ * resolved at all). A snapshot of some other transaction is not an answer to this question.
+ */
+export declare const useTransactionDetailsBlock: (beat: Beat) => TransactionDetailsBlockState;
+export {};

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/useTransactionDetailsBlock.es.js

@@ -0,0 +1,16 @@
+import { useTransactionStore as e } from "../../../common/context/hooks.es.js";
+import { resolveBottomActions as p, resolveTopActions as m } from "./transactionDetailsActions.es.js";
+var g = (o) => {
+  const { detailedTransactions: a, isTransactionDataLoaded: i } = e(), s = o.insights_payload?.instance_slot_data ?? {}, t = s.transaction_guid ?? o.primary_transaction_guid ?? o.transaction_guids?.[0], r = t ? a.find((d) => d.guid === t) : void 0, n = o.primary_transaction, c = !t || n?.guid === t;
+  return {
+    bottomActions: p(s.bottom_actions),
+    isLoading: !i,
+    topActions: m(s.top_actions),
+    transaction: r ?? (c ? n : void 0)
+  };
+};
+export {
+  g as useTransactionDetailsBlock
+};
+
+//# sourceMappingURL=useTransactionDetailsBlock.es.js.map

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/useTransactionDetailsBlock.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransactionDetailsBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionDetailsBlock/useTransactionDetailsBlock.ts"],"sourcesContent":["import { useTransactionStore } from '../../../common'\nimport type { Beat, Transaction } from '../../../core'\nimport type { TransactionDetailsBlockData } from '../../../core/types/InsightsInstanceSlotData'\nimport type { BottomActions, TopActions } from '../../../transactions/constants/Actions'\n\nimport { resolveBottomActions, resolveTopActions } from './transactionDetailsActions'\n\ninterface TransactionDetailsBlockState {\n  bottomActions: BottomActions[]\n  /** True while the store is still loading; the block shows a loader instead of an empty state. */\n  isLoading: boolean\n  topActions: TopActions[]\n  /** `undefined` once loading finishes means the transaction could not be resolved. */\n  transaction?: Transaction\n}\n\n/**\n * Resolves which transaction this drawer is about, and which inline actions it offers.\n *\n * Resolution order is deliberate:\n *  1. `instance_slot_data.transaction_guid` — the beat explicitly naming its subject.\n *  2. `beat.primary_transaction_guid` — the standard beat-level pointer.\n *  3. `beat.transaction_guids[0]` — last resort for beats that only carry the list.\n *\n * The guid is then looked up in `transactionStore.detailedTransactions` rather than used directly,\n * because `TransactionDetails` needs the *detailed* shape (account + category + taggings joined in)\n * and edits must write through to the same store object the rest of the app renders. `buildDetailed\n * Transactions` inside the store is this repo's equivalent of pulse's `buildTransactionDetails`.\n *\n * `beat.primary_transaction` is the fallback of last resort: it is a payload snapshot, not a store\n * object, so inline edits against it would not propagate. Preferring it over a store hit would make\n * editing silently no-op, which is why it is only used when the store genuinely has nothing — and\n * only when it is a snapshot of the *same* transaction the guid resolved to (or when no guid\n * resolved at all). A snapshot of some other transaction is not an answer to this question.\n */\nexport const useTransactionDetailsBlock = (beat: Beat): TransactionDetailsBlockState => {\n  const { detailedTransactions, isTransactionDataLoaded } = useTransactionStore()\n\n  const slotData = (beat.insights_payload?.instance_slot_data ?? {}) as TransactionDetailsBlockData\n\n  const guid =\n    slotData.transaction_guid ?? beat.primary_transaction_guid ?? beat.transaction_guids?.[0]\n\n  const fromStore = guid\n    ? detailedTransactions.find((transaction) => transaction.guid === guid)\n    : undefined\n\n  // The snapshot is only a valid answer for the guid we actually resolved. When a beat names its\n  // subject via instance_slot_data (or transaction_guids[0]) and that guid misses in the store,\n  // falling back unconditionally would render a *different* transaction's details — and inline\n  // edits would then be made against the wrong subject. Match on guid, or accept the snapshot only\n  // when no guid resolved at all.\n  const snapshot = beat.primary_transaction\n  const snapshotMatches = !guid || snapshot?.guid === guid\n\n  return {\n    bottomActions: resolveBottomActions(slotData.bottom_actions),\n    isLoading: !isTransactionDataLoaded,\n    topActions: resolveTopActions(slotData.top_actions),\n    transaction: fromStore ?? (snapshotMatches ? snapshot : undefined),\n  }\n}\n"],"mappings":";;AAmCA,IAAa,IAAA,CAA8B,MAA6C;AACtF,QAAM,EAAE,sBAAA,GAAsB,yBAAA,EAAA,IAA4B,EAAoB,GAExE,IAAY,EAAK,kBAAkB,sBAAsB,CAAC,GAE1D,IACJ,EAAS,oBAAoB,EAAK,4BAA4B,EAAK,oBAAoB,CAAA,GAEnF,IAAY,IACd,EAAqB,KAAA,CAAM,MAAgB,EAAY,SAAS,CAAI,IACpE,QAOE,IAAW,EAAK,qBAChB,IAAkB,CAAC,KAAQ,GAAU,SAAS;AAEpD,SAAO;AAAA,IACL,eAAe,EAAqB,EAAS,cAAc;AAAA,IAC3D,WAAW,CAAC;AAAA,IACZ,YAAY,EAAkB,EAAS,WAAW;AAAA,IAClD,aAAa,MAAc,IAAkB,IAAW;AAAA,EAC1D;AACF"}

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.d.ts

@@ -0,0 +1,15 @@
+import { ActionBlockProps } from '../../mappings/blocks';
+/**
+ * Open-time data guarantee for the transaction-details drawer. Wired as the block's `usePrepare`,
+ * so `ActionBlockLayer` runs it once each time a CTA opens the drawer (`ActionBlockRunner` mounts on
+ * open and unmounts on close).
+ *
+ * A beat can be rendered in a feed long before the transactions module has ever loaded — the feed
+ * does not depend on TransactionStore — so `detailedTransactions` is frequently empty at open time.
+ * `loadTransactionData` also pulls the accounts and categories that `buildDetailedTransactions`
+ * joins against, which is why it is preferred over the narrower `loadTransactions`.
+ *
+ * Guarded on `isTransactionDataLoaded` so re-opening the drawer does not refetch, and the store's
+ * own in-flight flags make a concurrent call a no-op.
+ */
+export declare const useTransactionDetailsPrepare: (_props: ActionBlockProps) => void;

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.es.js

@@ -0,0 +1,13 @@
+import { useTransactionStore as r } from "../../../common/context/hooks.es.js";
+import t from "react";
+var n = (e) => {
+  const { isTransactionDataLoaded: a, loadTransactionData: o } = r();
+  t.useEffect(() => {
+    a || o();
+  }, []);
+};
+export {
+  n as useTransactionDetailsPrepare
+};
+
+//# sourceMappingURL=useTransactionDetailsPrepare.es.js.map

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransactionDetailsPrepare.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.ts"],"sourcesContent":["import React from 'react'\n\nimport { useTransactionStore } from '../../../common'\nimport type { ActionBlockProps } from '../../mappings/blocks'\n\n/**\n * Open-time data guarantee for the transaction-details drawer. Wired as the block's `usePrepare`,\n * so `ActionBlockLayer` runs it once each time a CTA opens the drawer (`ActionBlockRunner` mounts on\n * open and unmounts on close).\n *\n * A beat can be rendered in a feed long before the transactions module has ever loaded — the feed\n * does not depend on TransactionStore — so `detailedTransactions` is frequently empty at open time.\n * `loadTransactionData` also pulls the accounts and categories that `buildDetailedTransactions`\n * joins against, which is why it is preferred over the narrower `loadTransactions`.\n *\n * Guarded on `isTransactionDataLoaded` so re-opening the drawer does not refetch, and the store's\n * own in-flight flags make a concurrent call a no-op.\n */\nexport const useTransactionDetailsPrepare = (_props: ActionBlockProps) => {\n  const { isTransactionDataLoaded, loadTransactionData } = useTransactionStore()\n\n  React.useEffect(() => {\n    if (!isTransactionDataLoaded) void loadTransactionData()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n}\n"],"mappings":";;AAkBA,IAAa,IAAA,CAAgC,MAA6B;AACxE,QAAM,EAAE,yBAAA,GAAyB,qBAAA,EAAA,IAAwB,EAAoB;AAE7E,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAK,KAAyB,EAAyB;AAAA,EAEzD,GAAG,CAAC,CAAC;AACP"}

package/dist/insights-v2/mappings/blocks.es.js

@@ -1,27 +1,29 @@
 import { BarchartBlock as e } from "../blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
 import { DoubleBarChartBlock as a } from "../blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
 import c from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
-import m from "../blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
-import l from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
+import l from "../blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
+import m from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
 import i from "../blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import n from "../blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
 import { BudgetBlock as k } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import B from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
-import { CategoryTransactionsBlock as p } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
-import f from "../blocks/ImageBlocks/ImageBlock.es.js";
-import { SVGImageBlock as s } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import p from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
+import { CategoryTransactionsBlock as s } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
+import B from "../blocks/ImageBlocks/ImageBlock.es.js";
+import { SVGImageBlock as f } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
 import { PlaceholderActionBlock as u } from "../actionBlocks/PlaceholderActionBlock.es.js";
 import { getMakeTransferDrawerTitle as h } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
 import { MakeTransferActionBlockLayer as C } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
+import { TransactionDetailsBlock as D } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
+import { useTransactionDetailsPrepare as T } from "../actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.es.js";
 var t = (o) => {
 }, _ = /* @__PURE__ */ new Set([
   "",
   "null",
   "undefined"
-]), M = (o) => {
+]), z = (o) => {
   const r = o?.trim().toLowerCase();
   return !!r && !_.has(r);
-}, N = {
+}, G = {
   PlaceholderActionBlock: {
     Component: u,
     usePrepare: t,
@@ -31,25 +33,30 @@ var t = (o) => {
     Component: C,
     usePrepare: t,
     title: h
+  },
+  TransactionDetailsBlock: {
+    Component: D,
+    usePrepare: T,
+    title: () => "Transaction Details"
   }
-}, O = {
+}, K = {
   AccountBlock: i,
   account_switch_block: n,
   BarChartBlock: e,
   BudgetBlock: k,
-  CategoryTransactionsBlock: p,
-  DonutChartBlock: m,
+  CategoryTransactionsBlock: s,
+  DonutChartBlock: l,
   DoubleBarChartBlock: a,
-  DoubleProgressBarBlock: l,
-  ImageBlock: f,
-  save_extra_block: B,
+  DoubleProgressBarBlock: m,
+  ImageBlock: B,
+  save_extra_block: p,
   StepChartBlock: c,
-  SVGImageBlock: s
+  SVGImageBlock: f
 };
 export {
-  N as actionBlocks,
-  O as blocks,
-  M as hasDrawerBlock
+  G as actionBlocks,
+  K as blocks,
+  z as hasDrawerBlock
 };
 
 //# sourceMappingURL=blocks.es.js.map

package/dist/insights-v2/mappings/blocks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  AccountSwitchBlock,\n  BarchartBlock,\n  BudgetBlock,\n  CategoryTransactionsBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SaveExtraBlock,\n  SVGImageBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, GlobalCopy, InsightsPayload } from '../../core'\nimport { PlaceholderActionBlock } from '../actionBlocks/PlaceholderActionBlock'\nimport { MakeTransferActionBlockLayer } from '../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer'\nimport { getMakeTransferDrawerTitle } from '../actionBlocks/MakeTransferActionBlock/layout'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\n\n// A CTA opens a drawer only when it carries a real `block`. The backend may send\n// an empty/absent block (or the literal strings \"null\"/\"undefined\") for CTAs\n// that trigger something else (e.g. a postMessage) instead of a drilldown.\nconst NON_BLOCK_VALUES = new Set(['', 'null', 'undefined'])\nexport const hasDrawerBlock = (block?: string | null): boolean => {\n  const normalized = block?.trim().toLowerCase()\n  return !!normalized && !NON_BLOCK_VALUES.has(normalized)\n}\n\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  // Resolves the drawer title from the clicked CTA's variant + copy (e.g.\n  // MakeTransfer reads its variant title from layout.ts). Falls back to the CTA label.\n  title?: (variant: string | null | undefined, copy: GlobalCopy) => string\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\nexport const actionBlocks = {\n  PlaceholderActionBlock: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  },\n  make_transfer: {\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  },\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  AccountBlock: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  BarChartBlock: BarchartBlock,\n  BudgetBlock: BudgetBlock,\n  CategoryTransactionsBlock: CategoryTransactionsBlock,\n  DonutChartBlock: DonutChartBlock,\n  DoubleBarChartBlock: DoubleBarChartBlock,\n  DoubleProgressBarBlock: DoubleProgressBarBlock,\n  ImageBlock: ImageBlock,\n  save_extra_block: SaveExtraBlock,\n  StepChartBlock: StepChartBlock,\n  SVGImageBlock: SVGImageBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;;;;;;AA0BA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAKjC,IAAmB,oBAAI,IAAI;AAAA,EAAC;AAAA,EAAI;AAAA,EAAQ;AAAW,CAAC,GAC7C,IAAA,CAAkB,MAAmC;AAChE,QAAM,IAAa,GAAO,KAAK,EAAE,YAAY;AAC7C,SAAO,CAAC,CAAC,KAAc,CAAC,EAAiB,IAAI,CAAU;AACzD,GAea,IAAe;AAAA,EAC1B,wBAAwB;AAAA,IACtB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EACA,eAAe;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AACF,GAEa,IAAS;AAAA,EACN,cAAA;AAAA,EACd,sBAAsB;AAAA,EACtB,eAAe;AAAA,EACF,aAAA;AAAA,EACc,2BAAA;AAAA,EACV,iBAAA;AAAA,EACI,qBAAA;AAAA,EACG,wBAAA;AAAA,EACZ,YAAA;AAAA,EACZ,kBAAkB;AAAA,EACF,gBAAA;AAAA,EACD,eAAA;AACjB"}
+{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  AccountSwitchBlock,\n  BarchartBlock,\n  BudgetBlock,\n  CategoryTransactionsBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SaveExtraBlock,\n  SVGImageBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, GlobalCopy, InsightsPayload } from '../../core'\nimport { PlaceholderActionBlock } from '../actionBlocks/PlaceholderActionBlock'\nimport { MakeTransferActionBlockLayer } from '../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer'\nimport { getMakeTransferDrawerTitle } from '../actionBlocks/MakeTransferActionBlock/layout'\nimport {\n  TransactionDetailsBlock,\n  useTransactionDetailsPrepare,\n} from '../actionBlocks/TransactionDetailsBlock'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\n\n// A CTA opens a drawer only when it carries a real `block`. The backend may send\n// an empty/absent block (or the literal strings \"null\"/\"undefined\") for CTAs\n// that trigger something else (e.g. a postMessage) instead of a drilldown.\nconst NON_BLOCK_VALUES = new Set(['', 'null', 'undefined'])\nexport const hasDrawerBlock = (block?: string | null): boolean => {\n  const normalized = block?.trim().toLowerCase()\n  return !!normalized && !NON_BLOCK_VALUES.has(normalized)\n}\n\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  // Resolves the drawer title from the clicked CTA's variant + copy (e.g.\n  // MakeTransfer reads its variant title from layout.ts). Falls back to the CTA label.\n  title?: (variant: string | null | undefined, copy: GlobalCopy) => string\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\nexport const actionBlocks = {\n  PlaceholderActionBlock: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  },\n  make_transfer: {\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  },\n  TransactionDetailsBlock: {\n    Component: TransactionDetailsBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: () => 'Transaction Details',\n  },\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  AccountBlock: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  BarChartBlock: BarchartBlock,\n  BudgetBlock: BudgetBlock,\n  CategoryTransactionsBlock: CategoryTransactionsBlock,\n  DonutChartBlock: DonutChartBlock,\n  DoubleBarChartBlock: DoubleBarChartBlock,\n  DoubleProgressBarBlock: DoubleProgressBarBlock,\n  ImageBlock: ImageBlock,\n  save_extra_block: SaveExtraBlock,\n  StepChartBlock: StepChartBlock,\n  SVGImageBlock: SVGImageBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;;;;;;;;AA8BA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAKjC,IAAmB,oBAAI,IAAI;AAAA,EAAC;AAAA,EAAI;AAAA,EAAQ;AAAW,CAAC,GAC7C,IAAA,CAAkB,MAAmC;AAChE,QAAM,IAAa,GAAO,KAAK,EAAE,YAAY;AAC7C,SAAO,CAAC,CAAC,KAAc,CAAC,EAAiB,IAAI,CAAU;AACzD,GAea,IAAe;AAAA,EAC1B,wBAAwB;AAAA,IACtB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EACA,eAAe;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACA,yBAAyB;AAAA,IACvB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AACF,GAEa,IAAS;AAAA,EACN,cAAA;AAAA,EACd,sBAAsB;AAAA,EACtB,eAAe;AAAA,EACF,aAAA;AAAA,EACc,2BAAA;AAAA,EACV,iBAAA;AAAA,EACI,qBAAA;AAAA,EACG,wBAAA;AAAA,EACZ,YAAA;AAAA,EACZ,kBAAkB;AAAA,EACF,gBAAA;AAAA,EACD,eAAA;AACjB"}

package/package.json

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