@mx-cartographer/experiences 9.5.3 → 9.6.0

package/dist/core/types/localization/InsightsFeedCopy.d.ts

@@ -145,6 +145,25 @@ export interface RemainingCashCopy {
     other_expenses: string;
     other_expenses_one: string;
 }
+/** Copy for one variant of `amount_input_modal_block` (strings with `_1{account_name}` take the account). */
+export interface AmountInputModalVariantCopy {
+    /** Body copy; `_1{account_name}` renders bold. */
+    description: string;
+    /** Body copy once a value is already saved; falls back to `description`. */
+    description_edit?: string;
+    input_label: string;
+    title: string;
+    /** Title once a value is already saved; falls back to `title`. */
+    title_edit?: string;
+}
+export interface AmountInputModalCopy {
+    low_balance_threshold: AmountInputModalVariantCopy;
+    safety_net: AmountInputModalVariantCopy;
+    /** Validation message for anything but a positive whole-dollar amount. */
+    whole_number_error: string;
+    /** Shown in the dialog when the save request fails; the value stays so Save can be retried. */
+    save_error: string;
+}
 export interface InsightsFeedCopy {
     general: GeneralInsightsFeedCopy;
     settings_menu: SettingsMenuCopy;
@@ -158,5 +177,7 @@ export interface InsightsFeedCopy {
     feedback: FeedbackCopy;
     feedback_bar: FeedbackBarCopy;
     dismiss: DismissInsightCopy;
+    /** Optional until the localized-content service ships the namespace. */
+    amount_input_modal?: AmountInputModalCopy;
 }
 export {};

package/dist/core/types/localization/index.d.ts

@@ -13,7 +13,7 @@ export type { DebtsCopy } from './DebtsCopy';
 export type { FinstrongCopy } from './FinstrongCopy';
 export type { GoalsCopy } from './GoalsCopy';
 export type { HelpCopy, HelpByCategoryList } from './HelpCopy';
-export type { InsightsFeedCopy, MakeTransferCopy, RemainingCashCopy, OverflowMenuCopy, DismissInsightCopy, DismissInsightOptionCopy, HiddenConfirmationCopy, HideFeedbackCopy, FeedbackCopy, FeedbackBarCopy, } from './InsightsFeedCopy';
+export type { AmountInputModalCopy, AmountInputModalVariantCopy, InsightsFeedCopy, MakeTransferCopy, RemainingCashCopy, OverflowMenuCopy, DismissInsightCopy, DismissInsightOptionCopy, HiddenConfirmationCopy, HideFeedbackCopy, FeedbackCopy, FeedbackBarCopy, } from './InsightsFeedCopy';
 export type { InvestmentsCopy } from './InvestmentsCopy';
 export type { MicroInsightsCopy } from './MicroInsightsCopy';
 export type { NetWorthCopy } from './NetWorthCopy';

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

@@ -1,37 +1,43 @@
-import { useGlobalCopyStore as k, useGlobalUiStore as C, useInsightsV2Store as h } from "../../common/context/hooks.es.js";
-import B from "../../common/components/drawer/Drawer.es.js";
-import _ from "../../common/components/Loader.es.js";
-import { getDynamicCtaBasedOnTriggers as b } from "./util.es.js";
-import { actionBlocks as v, hasDrawerBlock as w } from "../mappings/blocks.es.js";
-import { observer as D } from "mobx-react-lite";
-import L from "@mui/material/Stack";
-import { Text as x } from "@mxenabled/mxui";
+import { useGlobalCopyStore as C, useGlobalUiStore as h, useInsightsV2Store as B } from "../../common/context/hooks.es.js";
+import _ from "../../common/components/drawer/Drawer.es.js";
+import b from "../../common/components/Loader.es.js";
+import { getDynamicCtaBasedOnTriggers as v } from "./util.es.js";
+import { hasDrawerBlock as w } from "../mappings/hasDrawerBlock.es.js";
+import { actionBlocks as D } from "../mappings/blocks.es.js";
+import { observer as L } from "mobx-react-lite";
+import x from "@mui/material/Stack";
+import { Text as A } from "@mxenabled/mxui";
 import { jsx as e } from "react/jsx-runtime";
-var A = ({ actionBlock: s, ...o }) => {
-  const { Component: n, usePrepare: t } = s;
-  return t(o), /* @__PURE__ */ e(n, { ...o });
-}, $ = D(function({ beat: o }) {
-  const n = k(), t = n.common, { isCopyLoaded: m } = C(), { actionDrawer: c, closeActionDrawer: p } = h();
+var m = ({ actionBlock: s, ...o }) => {
+  const { Component: i, usePrepare: n } = s;
+  return n(o), /* @__PURE__ */ e(i, { ...o });
+}, q = L(function({ beat: o }) {
+  const i = C(), n = i.common, { isCopyLoaded: p } = h(), { actionDrawer: c, closeActionDrawer: u } = B();
   if (!o.insights_payload) return null;
-  const { primary_cta: d, secondary_cta: u, guid: f } = o.insights_payload, l = c.isDrawerOpen && c.guid === f;
-  if (!m) return l ? /* @__PURE__ */ e(_, {}) : null;
-  const r = b(c, d, u), a = w(r?.block), i = a ? v[r?.block] : void 0, y = i?.title?.(r?.variant, n, o), g = i ? y || r?.label || "" : a ? t.error_heading : r?.label ?? "";
-  return /* @__PURE__ */ e(B, {
-    ariaLabelClose: t.close_aria,
-    isOpen: l,
-    onClose: p,
+  const { primary_cta: d, secondary_cta: f, guid: k } = o.insights_payload, a = c.isDrawerOpen && c.guid === k;
+  if (!p) return a ? /* @__PURE__ */ e(b, {}) : null;
+  const r = v(c, d, f), l = w(r?.block), t = l ? D[r?.block] : void 0;
+  if (t?.presentation === "modal") return a ? /* @__PURE__ */ e(m, {
+    actionBlock: t,
+    beat: o
+  }, r?.block) : null;
+  const y = t?.title?.(r?.variant, i, o), g = t ? y || r?.label || "" : l ? n.error_heading : r?.label ?? "";
+  return /* @__PURE__ */ e(_, {
+    ariaLabelClose: n.close_aria,
+    isOpen: a,
+    onClose: u,
     title: g,
-    children: i ? /* @__PURE__ */ e(A, {
-      actionBlock: i,
+    children: t ? /* @__PURE__ */ e(m, {
+      actionBlock: t,
       beat: o
-    }, r?.block) : a ? /* @__PURE__ */ e(L, {
+    }, r?.block) : l ? /* @__PURE__ */ e(x, {
       sx: { p: 24 },
-      children: /* @__PURE__ */ e(x, { children: t.error_message })
+      children: /* @__PURE__ */ e(A, { children: n.error_message })
     }) : null
   });
 });
 export {
-  $ as ActionBlockLayer
+  q as ActionBlockLayer
 };
 
 //# sourceMappingURL=ActionBlockLayer.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionBlockLayer.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ActionBlockLayer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../common'\nimport { type Beat } from '../../core'\nimport {\n  actionBlocks,\n  hasDrawerBlock,\n  type ActionBlockEntry,\n  type ActionBlockProps,\n} from '../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from './util'\n\ninterface ActionBlockLayerProps {\n  beat: Beat\n}\n\n/**\n * Renders a registered action block. Callers MUST key this per block name — a\n * block with `usePrepare` and one without run a different number of hooks, so\n * reusing the same fiber across a block switch violates the rules of hooks.\n */\nconst ActionBlockRunner = ({\n  actionBlock,\n  ...blockProps\n}: ActionBlockProps & { actionBlock: ActionBlockEntry }) => {\n  const { Component, usePrepare } = actionBlock\n\n  usePrepare(blockProps)\n\n  return <Component {...blockProps} />\n}\n\n// `observer` is required: this reads `isCopyLoaded` off GlobalUiStore and the\n// action drawer off InsightsV2Store. Without it the component never re-renders\n// and stays stuck on <Loader /> forever.\nexport const ActionBlockLayer = observer(function ActionBlockLayer({\n  beat,\n}: ActionBlockLayerProps) {\n  const copy = useGlobalCopyStore()\n  const commonCopy = copy.common\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n\n  // Mirrors BaseLayout's guard — the layer is exported, so callers are not\n  // guaranteed to have narrowed this already.\n  if (!beat.insights_payload) return null\n\n  const { primary_cta, secondary_cta, guid } = beat.insights_payload\n\n  // Every card in the feed renders its own layer against the shared store, so\n  // this card's drawer only opens when its beat is the one that triggered it.\n  const isCurrentBeatOpen = actionDrawer.isDrawerOpen && actionDrawer.guid === guid\n\n  if (!isCopyLoaded) return isCurrentBeatOpen ? <Loader /> : null\n\n  const currentCta = getDynamicCtaBasedOnTriggers(actionDrawer, primary_cta, secondary_cta)\n\n  // A CTA without a real block never opens a drawer (BaseLayout won't trigger it);\n  // a real-but-unknown block shows the error (\"oops\") content.\n  const blockValid = hasDrawerBlock(currentCta?.block)\n  const actionBlock = blockValid\n    ? actionBlocks[currentCta?.block as keyof typeof actionBlocks]\n    : undefined\n\n  const resolvedTitle = actionBlock?.title?.(currentCta?.variant, copy, beat)\n  const drawerTitle = actionBlock\n    ? resolvedTitle || currentCta?.label || ''\n    : blockValid\n      ? commonCopy.error_heading\n      : (currentCta?.label ?? '')\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isCurrentBeatOpen}\n      onClose={closeActionDrawer}\n      title={drawerTitle}\n    >\n      {actionBlock ? (\n        <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n      ) : blockValid ? (\n        <Stack sx={{ p: 24 }}>\n          <Text>{commonCopy.error_message}</Text>\n        </Stack>\n      ) : null}\n    </Drawer>\n  )\n})\n"],"mappings":";;;;;;;;;AA8BA,IAAM,IAAA,CAAqB,EACzB,aAAA,GACA,GAAG,EAAA,MACuD;AAC1D,QAAM,EAAE,WAAA,GAAW,YAAA,EAAA,IAAe;AAElC,SAAA,EAAW,CAAU,GAEd,gBAAA,EAAC,GAAD,EAAW,GAAI,EAAa,CAAA;AACrC,GAKa,IAAmB,EAAS,SAA0B,EACjE,MAAA,EAAA,GACwB;AACxB,QAAM,IAAO,EAAmB,GAC1B,IAAa,EAAK,QAClB,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,cAAA,GAAc,mBAAA,EAAA,IAAsB,EAAmB;AAI/D,MAAI,CAAC,EAAK,iBAAkB,QAAO;AAEnC,QAAM,EAAE,aAAA,GAAa,eAAA,GAAe,MAAA,EAAA,IAAS,EAAK,kBAI5C,IAAoB,EAAa,gBAAgB,EAAa,SAAS;AAE7E,MAAI,CAAC,EAAc,QAAO,IAAoB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAAI;AAE3D,QAAM,IAAa,EAA6B,GAAc,GAAa,CAAa,GAIlF,IAAa,EAAe,GAAY,KAAK,GAC7C,IAAc,IAChB,EAAa,GAAY,KAAA,IACzB,QAEE,IAAgB,GAAa,QAAQ,GAAY,SAAS,GAAM,CAAI,GACpE,IAAc,IAChB,KAAiB,GAAY,SAAS,KACtC,IACE,EAAW,gBACV,GAAY,SAAS;AAE5B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IAEN,UAAA,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgC,aAAA;AAAA,MAAmB,MAAA;AAAA,IAA+B,GAApB,GAAY,KAAQ,IAChF,IACF,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,GAAG,GAAG;AAAA,MACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAW,cAAoB,CAAA;AAAA,IACjC,CAAA,IACL;AAAA,EACE,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"ActionBlockLayer.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ActionBlockLayer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../common'\nimport { type Beat } from '../../core'\nimport {\n  actionBlocks,\n  hasDrawerBlock,\n  type ActionBlockEntry,\n  type ActionBlockProps,\n} from '../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from './util'\n\ninterface ActionBlockLayerProps {\n  beat: Beat\n}\n\n/**\n * Renders a registered action block. Callers MUST key this per block name — a\n * block with `usePrepare` and one without run a different number of hooks, so\n * reusing the same fiber across a block switch violates the rules of hooks.\n */\nconst ActionBlockRunner = ({\n  actionBlock,\n  ...blockProps\n}: ActionBlockProps & { actionBlock: ActionBlockEntry }) => {\n  const { Component, usePrepare } = actionBlock\n\n  usePrepare(blockProps)\n\n  return <Component {...blockProps} />\n}\n\n// `observer` is required: this reads `isCopyLoaded` off GlobalUiStore and the\n// action drawer off InsightsV2Store. Without it the component never re-renders\n// and stays stuck on <Loader /> forever.\nexport const ActionBlockLayer = observer(function ActionBlockLayer({\n  beat,\n}: ActionBlockLayerProps) {\n  const copy = useGlobalCopyStore()\n  const commonCopy = copy.common\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n\n  // Mirrors BaseLayout's guard — the layer is exported, so callers are not\n  // guaranteed to have narrowed this already.\n  if (!beat.insights_payload) return null\n\n  const { primary_cta, secondary_cta, guid } = beat.insights_payload\n\n  // Every card in the feed renders its own layer against the shared store, so\n  // this card's drawer only opens when its beat is the one that triggered it.\n  const isCurrentBeatOpen = actionDrawer.isDrawerOpen && actionDrawer.guid === guid\n\n  if (!isCopyLoaded) return isCurrentBeatOpen ? <Loader /> : null\n\n  const currentCta = getDynamicCtaBasedOnTriggers(actionDrawer, primary_cta, secondary_cta)\n\n  // A CTA without a real block never opens a drawer (BaseLayout won't trigger it);\n  // a real-but-unknown block shows the error (\"oops\") content.\n  const blockValid = hasDrawerBlock(currentCta?.block)\n  const actionBlock = blockValid\n    ? actionBlocks[currentCta?.block as keyof typeof actionBlocks]\n    : undefined\n\n  // A modal block owns its dialog: no drawer behind it, and nothing mounted until it is opened.\n  if (actionBlock?.presentation === 'modal') {\n    return isCurrentBeatOpen ? (\n      <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n    ) : null\n  }\n\n  const resolvedTitle = actionBlock?.title?.(currentCta?.variant, copy, beat)\n  const drawerTitle = actionBlock\n    ? resolvedTitle || currentCta?.label || ''\n    : blockValid\n      ? commonCopy.error_heading\n      : (currentCta?.label ?? '')\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isCurrentBeatOpen}\n      onClose={closeActionDrawer}\n      title={drawerTitle}\n    >\n      {actionBlock ? (\n        <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n      ) : blockValid ? (\n        <Stack sx={{ p: 24 }}>\n          <Text>{commonCopy.error_message}</Text>\n        </Stack>\n      ) : null}\n    </Drawer>\n  )\n})\n"],"mappings":";;;;;;;;;;AA8BA,IAAM,IAAA,CAAqB,EACzB,aAAA,GACA,GAAG,EAAA,MACuD;AAC1D,QAAM,EAAE,WAAA,GAAW,YAAA,EAAA,IAAe;AAElC,SAAA,EAAW,CAAU,GAEd,gBAAA,EAAC,GAAD,EAAW,GAAI,EAAa,CAAA;AACrC,GAKa,IAAmB,EAAS,SAA0B,EACjE,MAAA,EAAA,GACwB;AACxB,QAAM,IAAO,EAAmB,GAC1B,IAAa,EAAK,QAClB,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,cAAA,GAAc,mBAAA,EAAA,IAAsB,EAAmB;AAI/D,MAAI,CAAC,EAAK,iBAAkB,QAAO;AAEnC,QAAM,EAAE,aAAA,GAAa,eAAA,GAAe,MAAA,EAAA,IAAS,EAAK,kBAI5C,IAAoB,EAAa,gBAAgB,EAAa,SAAS;AAE7E,MAAI,CAAC,EAAc,QAAO,IAAoB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAAI;AAE3D,QAAM,IAAa,EAA6B,GAAc,GAAa,CAAa,GAIlF,IAAa,EAAe,GAAY,KAAK,GAC7C,IAAc,IAChB,EAAa,GAAY,KAAA,IACzB;AAGJ,MAAI,GAAa,iBAAiB,QAChC,QAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAgC,aAAA;AAAA,IAAmB,MAAA;AAAA,EAA+B,GAApB,GAAY,KAAQ,IAChF;AAGN,QAAM,IAAgB,GAAa,QAAQ,GAAY,SAAS,GAAM,CAAI,GACpE,IAAc,IAChB,KAAiB,GAAY,SAAS,KACtC,IACE,EAAW,gBACV,GAAY,SAAS;AAE5B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IAEN,UAAA,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgC,aAAA;AAAA,MAAmB,MAAA;AAAA,IAA+B,GAApB,GAAY,KAAQ,IAChF,IACF,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,GAAG,GAAG;AAAA,MACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAW,cAAoB,CAAA;AAAA,IACjC,CAAA,IACL;AAAA,EACE,CAAA;AAEZ,CAAC"}

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

@@ -0,0 +1,13 @@
+import { ActionBlockProps } from '../../mappings/blocks';
+/**
+ * `amount_input_modal_block`: one whole-dollar setting edited in a dialog (Figma 441:24913 and
+ * 5402:34137). The CTA's variant picks what is edited:
+ * - `low_balance_threshold`: the `threshold` on the beat account's low-balance alert profile;
+ * - `safety_net`: `savings_opportunity_minimum_checking_account_balance` on the insight profile.
+ *
+ * Registered with `presentation: 'modal'`, so no drawer opens behind it; closing the dialog ends
+ * the action-drawer session. `observer` is required: the starting values are read from stores.
+ */
+export declare const AmountInputModalBlock: (({ beat, }: ActionBlockProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

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

@@ -0,0 +1,128 @@
+import { buildDynamicCopy as F } from "../../../core/utils/Localization.es.js";
+import G from "../../../common/utils/AccountDisplayName.es.js";
+import { useGlobalCopyStore as W, useInsightsV2Store as j, useSettingsStore as z, useUserStore as q } from "../../../common/context/hooks.es.js";
+import J from "../../../common/components/Loader.es.js";
+import K from "../../../common/components/CurrencyDialog.es.js";
+import { useBeatActions as Q } from "../../beatActions.es.js";
+import { getDynamicCtaBasedOnTriggers as X } from "../util.es.js";
+import { useCtaHandler as Y } from "../../ctaActions/useCtaAction.es.js";
+import { AMOUNT_INPUT_VARIANTS as Z, findLowBalanceProfile as oo, isAmountInputVariant as L, isWholeAmount as to, toInputValue as eo } from "./layout.es.js";
+import r from "react";
+import { observer as io } from "mobx-react-lite";
+import T from "@mui/material/Stack";
+import { H3 as no, InstitutionLogo as ro, Text as P } from "@mxenabled/mxui";
+import { Icon as ao } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import so from "@mui/material/Dialog";
+import co from "@mui/material/IconButton";
+var D = ({ children: y, closeAriaLabel: i, heading: o, onClose: l }) => {
+  const u = r.useId();
+  return /* @__PURE__ */ e(so, {
+    "aria-labelledby": o ? u : void 0,
+    maxWidth: "xs",
+    onClose: l,
+    open: !0,
+    children: /* @__PURE__ */ k(T, {
+      sx: {
+        gap: 12,
+        p: 24,
+        position: "relative"
+      },
+      children: [
+        o && /* @__PURE__ */ e(no, {
+          id: u,
+          children: o
+        }),
+        /* @__PURE__ */ e(co, {
+          "aria-label": i || "Close",
+          onClick: l,
+          sx: {
+            position: "absolute",
+            right: 8,
+            top: 18
+          },
+          children: /* @__PURE__ */ e(ao, {
+            name: "close",
+            sx: { color: "action.active" }
+          })
+        }),
+        y
+      ]
+    })
+  });
+}, Lo = io(function({ beat: i }) {
+  const { common: o, insights_feed: l } = W(), { actionDrawer: u, closeActionDrawer: c } = j(), f = z(), { userInsightProfile: v } = q(), b = Y(i, Q()), { primary_cta: B, secondary_cta: N } = i.insights_payload ?? {}, s = X(u, B, N)?.variant, a = l?.amount_input_modal, t = s === Z.LOW_BALANCE_THRESHOLD, _ = t ? oo(f.notificationProfiles, i.primary_account_guid) : void 0, I = t ? _?.threshold : v?.savings_opportunity_minimum_checking_account_balance, [M, V] = r.useState(t), m = r.useRef(!0);
+  r.useEffect(() => (m.current = !0, () => {
+    m.current = !1;
+  }), []), r.useEffect(() => {
+    t && f.loadNotificationProfiles().finally(() => {
+      m.current && V(!1);
+    });
+  }, [t, f]);
+  const [E, H] = r.useState(null), [S, A] = r.useState(!1), [O, h] = r.useState(!1), d = E ?? eo(I);
+  if (M) return /* @__PURE__ */ e(D, {
+    closeAriaLabel: o?.close_aria,
+    onClose: c,
+    children: /* @__PURE__ */ e(J, {})
+  });
+  const n = L(s) ? a?.[s] : void 0, x = !!n?.title && !!n.description && !!n.input_label && !!a?.whole_number_error && !!a.save_error && !!o?.save_button && (!t || !!o.cancel_button) && !!o.close_aria;
+  if (!a || !n || !x || !(t ? _ : v))
+    return console.warn(`amount_input_modal_block: ${a ? L(s) ? x ? t ? "no low-balance profile for the account" : "user insight profile not set by the host" : `copy incomplete for "${s}"` : `unknown variant "${s}"` : "copy namespace missing"}`), /* @__PURE__ */ e(D, {
+      closeAriaLabel: o?.close_aria,
+      heading: o?.error_heading,
+      onClose: c,
+      children: /* @__PURE__ */ e(P, { children: o?.error_message })
+    });
+  const C = !t && !!I, w = i.primary_account ? G(i.primary_account) : "", g = to(d), R = d !== "" && !g, U = async () => {
+    if (!g || S) return;
+    const p = Number(d);
+    A(!0), h(!1);
+    const $ = t ? await b("updateNotificationProfileThreshold", {
+      profileGuid: _?.guid,
+      threshold: p
+    }) : await b("updateUserInsightProfile", { fields: { savings_opportunity_minimum_checking_account_balance: p } });
+    m.current && (A(!1), $ ? c() : h(!0));
+  };
+  return /* @__PURE__ */ e(K, {
+    closeAriaLabel: o.close_aria,
+    content: F(C && n.description_edit || n.description, /* @__PURE__ */ e("strong", { children: w }, "account")),
+    errorText: R ? a.whole_number_error : O ? a.save_error : void 0,
+    handleInputChange: (p) => {
+      H(p), h(!1);
+    },
+    handleModalClose: c,
+    handlePrimaryAction: () => {
+      U();
+    },
+    handleSecondaryAction: c,
+    inputLabel: n.input_label,
+    inputValue: d,
+    isOpen: !0,
+    isPrimaryDisabled: S || !g,
+    primaryText: o.save_button,
+    secondaryText: t ? o.cancel_button : void 0,
+    subtitle: t && i.primary_account ? /* @__PURE__ */ k(T, {
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        gap: 8
+      },
+      children: [/* @__PURE__ */ e(ro, {
+        alt: "",
+        institutionGuid: i.primary_account.institution_guid ?? "",
+        size: 16
+      }), /* @__PURE__ */ e(P, {
+        color: "text.secondary",
+        uppercase: !0,
+        variant: "body2",
+        children: w
+      })]
+    }) : void 0,
+    title: C && n.title_edit || n.title
+  });
+});
+export {
+  Lo as AmountInputModalBlock
+};
+
+//# sourceMappingURL=AmountInputModalBlock.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AmountInputModalBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/AmountInputModalBlock/AmountInputModalBlock.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport MuiDialog from '@mui/material/Dialog'\nimport IconButton from '@mui/material/IconButton'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { H3, InstitutionLogo, Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyDialog,\n  Loader,\n  buildDynamicCopy,\n  useGlobalCopyStore,\n  useInsightsV2Store,\n  useSettingsStore,\n  useUserStore,\n} from '../../../common'\nimport getAccountDisplayName from '../../../common/utils/AccountDisplayName'\nimport { useBeatActions } from '../../beatActions'\nimport { useCtaHandler } from '../../ctaActions'\nimport type { ActionBlockProps } from '../../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from '../util'\n\nimport {\n  AMOUNT_INPUT_VARIANTS,\n  findLowBalanceProfile,\n  isAmountInputVariant,\n  isWholeAmount,\n  toInputValue,\n} from './layout'\n\n/**\n * The dialog frame for the states that have no form: loading, and a non-retriable problem. Named by\n * its heading and closable by button, Esc and backdrop, like the form dialog.\n */\nconst StatusDialog = ({\n  children,\n  closeAriaLabel,\n  heading,\n  onClose,\n}: React.PropsWithChildren<{ closeAriaLabel?: string; heading?: string; onClose: () => void }>) => {\n  const headingId = React.useId()\n\n  return (\n    <MuiDialog\n      aria-labelledby={heading ? headingId : undefined}\n      maxWidth=\"xs\"\n      onClose={onClose}\n      open={true}\n    >\n      <Stack sx={{ gap: 12, p: 24, position: 'relative' }}>\n        {heading && <H3 id={headingId}>{heading}</H3>}\n        <IconButton\n          aria-label={closeAriaLabel || 'Close'}\n          onClick={onClose}\n          sx={{ position: 'absolute', right: 8, top: 18 }}\n        >\n          <Icon name=\"close\" sx={{ color: 'action.active' }} />\n        </IconButton>\n        {children}\n      </Stack>\n    </MuiDialog>\n  )\n}\n\n/**\n * `amount_input_modal_block`: one whole-dollar setting edited in a dialog (Figma 441:24913 and\n * 5402:34137). The CTA's variant picks what is edited:\n * - `low_balance_threshold`: the `threshold` on the beat account's low-balance alert profile;\n * - `safety_net`: `savings_opportunity_minimum_checking_account_balance` on the insight profile.\n *\n * Registered with `presentation: 'modal'`, so no drawer opens behind it; closing the dialog ends\n * the action-drawer session. `observer` is required: the starting values are read from stores.\n */\nexport const AmountInputModalBlock = observer(function AmountInputModalBlock({\n  beat,\n}: ActionBlockProps) {\n  const { common: commonCopy, insights_feed: insightsFeedCopy } = useGlobalCopyStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n  const settingsStore = useSettingsStore()\n  const { userInsightProfile } = useUserStore()\n  const runHandler = useCtaHandler(beat, useBeatActions())\n\n  const { primary_cta, secondary_cta } = beat.insights_payload ?? {}\n  const variant = getDynamicCtaBasedOnTriggers(actionDrawer, primary_cta, secondary_cta)?.variant\n  const copy = insightsFeedCopy?.amount_input_modal\n  const isLowBalance = variant === AMOUNT_INPUT_VARIANTS.LOW_BALANCE_THRESHOLD\n\n  const lowBalanceProfile = isLowBalance\n    ? findLowBalanceProfile(settingsStore.notificationProfiles, beat.primary_account_guid)\n    : undefined\n  const savedAmount = isLowBalance\n    ? lowBalanceProfile?.threshold\n    : userInsightProfile?.savings_opportunity_minimum_checking_account_balance\n\n  // Mounted only while open (modal presentation), so mounting is the open: profiles are reloaded\n  // here on each open, so the threshold prefills as saved now. `SettingsStore` swallows a failed\n  // request, which leaves no profile for the account: the missing-profile error below covers it.\n  const [isLoadingProfiles, setIsLoadingProfiles] = React.useState(isLowBalance)\n  // False once unmounted: a save that resolves after the user closed the dialog must not close\n  // (or update) whatever action session is open by then.\n  const isMounted = React.useRef(true)\n\n  React.useEffect(() => {\n    isMounted.current = true\n\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (!isLowBalance) return\n\n    void settingsStore.loadNotificationProfiles().finally(() => {\n      if (isMounted.current) setIsLoadingProfiles(false)\n    })\n  }, [isLowBalance, settingsStore])\n\n  // `null` until the user types: the field shows the saved amount until then.\n  const [typed, setTyped] = React.useState<string | null>(null)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const [saveFailed, setSaveFailed] = React.useState(false)\n\n  const value = typed ?? toInputValue(savedAmount)\n\n  if (isLoadingProfiles) {\n    return (\n      <StatusDialog closeAriaLabel={commonCopy?.close_aria} onClose={closeActionDrawer}>\n        <Loader />\n      </StatusDialog>\n    )\n  }\n\n  // Copy ships separately (see the doc's Rollout order), so check every string the form renders:\n  // a partial ship falls to the error dialog instead of throwing mid-render.\n  const variantCopy = isAmountInputVariant(variant) ? copy?.[variant] : undefined\n  const hasCopy =\n    !!variantCopy?.title &&\n    !!variantCopy.description &&\n    !!variantCopy.input_label &&\n    !!copy?.whole_number_error &&\n    !!copy.save_error &&\n    !!commonCopy?.save_button &&\n    // Cancel renders for the low-balance variant only.\n    (!isLowBalance || !!commonCopy.cancel_button) &&\n    !!commonCopy.close_aria\n  const hasProfile = isLowBalance ? !!lowBalanceProfile : !!userInsightProfile\n\n  if (!copy || !variantCopy || !hasCopy || !hasProfile) {\n    // One message to the user; distinct warnings so a rollout problem can be traced to its cause.\n    console.warn(\n      `amount_input_modal_block: ${\n        !copy\n          ? 'copy namespace missing'\n          : !isAmountInputVariant(variant)\n            ? `unknown variant \"${variant}\"`\n            : !hasCopy\n              ? `copy incomplete for \"${variant}\"`\n              : isLowBalance\n                ? 'no low-balance profile for the account'\n                : 'user insight profile not set by the host'\n      }`,\n    )\n\n    return (\n      <StatusDialog\n        closeAriaLabel={commonCopy?.close_aria}\n        heading={commonCopy?.error_heading}\n        onClose={closeActionDrawer}\n      >\n        <Text>{commonCopy?.error_message}</Text>\n      </StatusDialog>\n    )\n  }\n\n  const isEdit = !isLowBalance && !!savedAmount\n  const accountName = beat.primary_account ? getAccountDisplayName(beat.primary_account) : ''\n  const isValid = isWholeAmount(value)\n  const isInvalid = value !== '' && !isValid\n\n  const handleSave = async () => {\n    // Guarded here too, not only by the disabled button: Enter submits the dialog's form directly.\n    if (!isValid || isSaving) return\n\n    const amount = Number(value)\n\n    setIsSaving(true)\n    setSaveFailed(false)\n\n    const ok = isLowBalance\n      ? await runHandler('updateNotificationProfileThreshold', {\n          profileGuid: lowBalanceProfile?.guid,\n          threshold: amount,\n        })\n      : await runHandler('updateUserInsightProfile', {\n          fields: { savings_opportunity_minimum_checking_account_balance: amount },\n        })\n\n    if (!isMounted.current) return\n\n    setIsSaving(false)\n\n    if (ok) closeActionDrawer()\n    else setSaveFailed(true)\n  }\n\n  return (\n    <CurrencyDialog\n      closeAriaLabel={commonCopy.close_aria}\n      // Only strings and the <strong> go in, so the result is renderable (the helper's type also\n      // admits raw DOM nodes).\n      content={\n        buildDynamicCopy(\n          (isEdit && variantCopy.description_edit) || variantCopy.description,\n          <strong key=\"account\">{accountName}</strong>,\n        ) as React.ReactNode\n      }\n      errorText={isInvalid ? copy.whole_number_error : saveFailed ? copy.save_error : undefined}\n      handleInputChange={(next) => {\n        setTyped(next)\n        setSaveFailed(false)\n      }}\n      handleModalClose={closeActionDrawer}\n      handlePrimaryAction={() => void handleSave()}\n      handleSecondaryAction={closeActionDrawer}\n      inputLabel={variantCopy.input_label}\n      inputValue={value}\n      isOpen={true}\n      isPrimaryDisabled={isSaving || !isValid}\n      primaryText={commonCopy.save_button}\n      secondaryText={isLowBalance ? commonCopy.cancel_button : undefined}\n      subtitle={\n        isLowBalance && beat.primary_account ? (\n          <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 8 }}>\n            {/* Decorative: the account name is the visible text beside it. */}\n            <InstitutionLogo\n              alt=\"\"\n              institutionGuid={beat.primary_account.institution_guid ?? ''}\n              size={16}\n            />\n            <Text color=\"text.secondary\" uppercase={true} variant=\"body2\">\n              {accountName}\n            </Text>\n          </Stack>\n        ) : undefined\n      }\n      title={(isEdit && variantCopy.title_edit) || variantCopy.title}\n    />\n  )\n})\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { AmountInputModalBlock } from './AmountInputModalBlock';

package/dist/insights-v2/actionBlocks/AmountInputModalBlock/layout.d.ts

@@ -0,0 +1,14 @@
+import { NotificationProfile } from '../../../core';
+/** CTA variants `amount_input_modal_block` serves (ditto sets one on the beat's CTA). */
+export declare const AMOUNT_INPUT_VARIANTS: {
+    readonly LOW_BALANCE_THRESHOLD: "low_balance_threshold";
+    readonly SAFETY_NET: "safety_net";
+};
+export type AmountInputVariant = (typeof AMOUNT_INPUT_VARIANTS)[keyof typeof AMOUNT_INPUT_VARIANTS];
+export declare const isAmountInputVariant: (variant?: string | null) => variant is AmountInputVariant;
+/** Whole dollars from 1 to `MAX_AMOUNT`, as pulse v1 accepted for both settings. */
+export declare const isWholeAmount: (value: string) => boolean;
+/** A saved amount as the field's starting text; nothing saved (or zero) starts empty. */
+export declare const toInputValue: (amount?: number | null) => string;
+/** The account's low-balance alert profile, which holds the threshold (as pulse v1 looked it up). */
+export declare const findLowBalanceProfile: (profiles: NotificationProfile[], accountGuid?: string | null) => NotificationProfile | undefined;

package/dist/insights-v2/actionBlocks/AmountInputModalBlock/layout.es.js

@@ -0,0 +1,14 @@
+import { AccountNotificationTypes as o } from "../../../core/types/Notification.es.js";
+var a = {
+  LOW_BALANCE_THRESHOLD: "low_balance_threshold",
+  SAFETY_NET: "safety_net"
+}, A = (t) => Object.values(a).includes(t ?? ""), i = 1e9, _ = (t) => /^\d+$/.test(t) && Number(t) >= 1 && Number(t) <= i, c = (t) => t ? String(Math.round(t)) : "", N = (t, n) => n ? t.find((e) => e.entity_guid === n && e.notification_type === o.AccountBalanceLow) : void 0;
+export {
+  a as AMOUNT_INPUT_VARIANTS,
+  N as findLowBalanceProfile,
+  A as isAmountInputVariant,
+  _ as isWholeAmount,
+  c as toInputValue
+};
+
+//# sourceMappingURL=layout.es.js.map

package/dist/insights-v2/actionBlocks/AmountInputModalBlock/layout.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/AmountInputModalBlock/layout.ts"],"sourcesContent":["import type { NotificationProfile } from '../../../core'\nimport { AccountNotificationTypes } from '../../../core/types/Notification'\n\n/** CTA variants `amount_input_modal_block` serves (ditto sets one on the beat's CTA). */\nexport const AMOUNT_INPUT_VARIANTS = {\n  LOW_BALANCE_THRESHOLD: 'low_balance_threshold',\n  SAFETY_NET: 'safety_net',\n} as const\n\nexport type AmountInputVariant = (typeof AMOUNT_INPUT_VARIANTS)[keyof typeof AMOUNT_INPUT_VARIANTS]\n\nexport const isAmountInputVariant = (variant?: string | null): variant is AmountInputVariant =>\n  Object.values<string>(AMOUNT_INPUT_VARIANTS).includes(variant ?? '')\n\n/** Pulse v1's upper bound for a safety net; applied to both variants. */\nconst MAX_AMOUNT = 1_000_000_000\n\n/** Whole dollars from 1 to `MAX_AMOUNT`, as pulse v1 accepted for both settings. */\nexport const isWholeAmount = (value: string): boolean =>\n  /^\\d+$/.test(value) && Number(value) >= 1 && Number(value) <= MAX_AMOUNT\n\n/** A saved amount as the field's starting text; nothing saved (or zero) starts empty. */\nexport const toInputValue = (amount?: number | null): string =>\n  amount ? String(Math.round(amount)) : ''\n\n/** The account's low-balance alert profile, which holds the threshold (as pulse v1 looked it up). */\nexport const findLowBalanceProfile = (\n  profiles: NotificationProfile[],\n  accountGuid?: string | null,\n): NotificationProfile | undefined =>\n  accountGuid\n    ? profiles.find(\n        (profile) =>\n          profile.entity_guid === accountGuid &&\n          profile.notification_type === AccountNotificationTypes.AccountBalanceLow,\n      )\n    : undefined\n"],"mappings":";AAIA,IAAa,IAAwB;AAAA,EACnC,uBAAuB;AAAA,EACvB,YAAY;AACd,GAIa,IAAA,CAAwB,MACnC,OAAO,OAAe,CAAqB,EAAE,SAAS,KAAW,EAAE,GAG/D,IAAa,KAGN,IAAA,CAAiB,MAC5B,QAAQ,KAAK,CAAK,KAAK,OAAO,CAAK,KAAK,KAAK,OAAO,CAAK,KAAK,GAGnD,IAAA,CAAgB,MAC3B,IAAS,OAAO,KAAK,MAAM,CAAM,CAAC,IAAI,IAG3B,IAAA,CACX,GACA,MAEA,IACI,EAAS,KAAA,CACN,MACC,EAAQ,gBAAgB,KACxB,EAAQ,sBAAsB,EAAyB,iBAC3D,IACA"}

package/dist/insights-v2/blocks/ChartBlocks/DonutChartBlock/utils.d.ts

@@ -1,3 +1,3 @@
 import { Theme } from '@mui/material/styles';
 import { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData';
-export declare const getDonutChartColors: (variant: string | null, blockData: InsightsInstanceSlotData, theme: Theme) => [string, string];
+export declare const getDonutChartColors: (variant: string | null | undefined, blockData: InsightsInstanceSlotData, theme: Theme) => [string, string];

package/dist/insights-v2/blocks/ChartBlocks/DonutChartBlock/utils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DonutChartBlock/utils.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles'\nimport { getCategoryColor } from '../../../../core/utils/CategoryUtil'\nimport { getLayoutConfig } from './layout'\nimport type { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData'\n\nexport const getDonutChartColors = (\n  variant: string | null,\n  blockData: InsightsInstanceSlotData,\n  theme: Theme,\n): [string, string] => {\n  const layouts = getLayoutConfig(theme)\n  const variantConfig = layouts[variant as keyof ReturnType<typeof getLayoutConfig>] as\n    | { dynamicPrimary: string; secondaryColor: string }\n    | { secondaryColor: string }\n    | { colors: [string, string] }\n\n  if ('dynamicPrimary' in variantConfig && variantConfig.dynamicPrimary === 'creditUtilization') {\n    const utilization = Number(blockData.main?.value ?? 0)\n    const primaryColor = utilization > 30 ? theme.palette.error.main : theme.palette.warning.main\n    return [primaryColor, variantConfig.secondaryColor]\n  }\n\n  if ('secondaryColor' in variantConfig) {\n    const categoryColor = getCategoryColor(blockData.category_guid ?? '', theme)\n    return [categoryColor, variantConfig.secondaryColor]\n  }\n\n  return variantConfig.colors\n}\n"],"mappings":";;AAKA,IAAa,IAAA,CACX,GACA,GACA,MACqB;AAErB,QAAM,IADU,EAAgB,CACV,EAAQ,CAAA;AAK9B,SAAI,oBAAoB,KAAiB,EAAc,mBAAmB,sBAGjE,CAFa,OAAO,EAAU,MAAM,SAAS,CAC/B,IAAc,KAAK,EAAM,QAAQ,MAAM,OAAO,EAAM,QAAQ,QAAQ,MACnE,EAAc,cAAc,IAGhD,oBAAoB,IAEf,CADe,EAAiB,EAAU,iBAAiB,IAAI,CAC9D,GAAe,EAAc,cAAc,IAG9C,EAAc;AACvB"}
+{"version":3,"file":"utils.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DonutChartBlock/utils.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles'\nimport { getCategoryColor } from '../../../../core/utils/CategoryUtil'\nimport { getLayoutConfig } from './layout'\nimport type { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData'\n\nexport const getDonutChartColors = (\n  variant: string | null | undefined,\n  blockData: InsightsInstanceSlotData,\n  theme: Theme,\n): [string, string] => {\n  const layouts = getLayoutConfig(theme)\n  const variantConfig = layouts[variant as keyof ReturnType<typeof getLayoutConfig>] as\n    | { dynamicPrimary: string; secondaryColor: string }\n    | { secondaryColor: string }\n    | { colors: [string, string] }\n\n  if ('dynamicPrimary' in variantConfig && variantConfig.dynamicPrimary === 'creditUtilization') {\n    const utilization = Number(blockData.main?.value ?? 0)\n    const primaryColor = utilization > 30 ? theme.palette.error.main : theme.palette.warning.main\n    return [primaryColor, variantConfig.secondaryColor]\n  }\n\n  if ('secondaryColor' in variantConfig) {\n    const categoryColor = getCategoryColor(blockData.category_guid ?? '', theme)\n    return [categoryColor, variantConfig.secondaryColor]\n  }\n\n  return variantConfig.colors\n}\n"],"mappings":";;AAKA,IAAa,IAAA,CACX,GACA,GACA,MACqB;AAErB,QAAM,IADU,EAAgB,CACV,EAAQ,CAAA;AAK9B,SAAI,oBAAoB,KAAiB,EAAc,mBAAmB,sBAGjE,CAFa,OAAO,EAAU,MAAM,SAAS,CAC/B,IAAc,KAAK,EAAM,QAAQ,MAAM,OAAO,EAAM,QAAQ,QAAQ,MACnE,EAAc,cAAc,IAGhD,oBAAoB,IAEf,CADe,EAAiB,EAAU,iBAAiB,IAAI,CAC9D,GAAe,EAAc,cAAc,IAG9C,EAAc;AACvB"}

package/dist/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/layout.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const getLayoutConfig: (theme: Theme, variant: string | null) => {
+export declare const getLayoutConfig: (theme: Theme, variant?: string | null) => {
     color: string[];
 } | {
     color: string[];

package/dist/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/layout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/layout.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles'\n\nexport const getLayoutConfig = (theme: Theme, variant: string | null) => {\n  const config = {\n    SpendToIncome: {\n      color: [theme.palette.categories.billsUtilities, theme.palette.chart.chart1] as string[],\n    },\n    DebtToIncome: {\n      color: [theme.palette.chart.chart5, theme.palette.chart.chart1] as string[],\n    },\n    SavingsToIncome: {\n      color: [theme.palette.chartMono.chartMono5, theme.palette.chartMono.chartMono3] as string[],\n    },\n  }\n  return config[variant as keyof typeof config]\n}\n"],"mappings":"AAEA,IAAa,IAAA,CAAmB,GAAc,OAYrC;AAAA,EAVL,eAAe,EACb,OAAO,CAAC,EAAM,QAAQ,WAAW,gBAAgB,EAAM,QAAQ,MAAM,MAAM,EAC7E;AAAA,EACA,cAAc,EACZ,OAAO,CAAC,EAAM,QAAQ,MAAM,QAAQ,EAAM,QAAQ,MAAM,MAAM,EAChE;AAAA,EACA,iBAAiB,EACf,OAAO,CAAC,EAAM,QAAQ,UAAU,YAAY,EAAM,QAAQ,UAAU,UAAU,EAChF;AAEK,GAAO,CAAA"}
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/layout.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles'\n\nexport const getLayoutConfig = (theme: Theme, variant?: string | null) => {\n  const config = {\n    SpendToIncome: {\n      color: [theme.palette.categories.billsUtilities, theme.palette.chart.chart1] as string[],\n    },\n    DebtToIncome: {\n      color: [theme.palette.chart.chart5, theme.palette.chart.chart1] as string[],\n    },\n    SavingsToIncome: {\n      color: [theme.palette.chartMono.chartMono5, theme.palette.chartMono.chartMono3] as string[],\n    },\n  }\n  return config[variant as keyof typeof config]\n}\n"],"mappings":"AAEA,IAAa,IAAA,CAAmB,GAAc,OAYrC;AAAA,EAVL,eAAe,EACb,OAAO,CAAC,EAAM,QAAQ,WAAW,gBAAgB,EAAM,QAAQ,MAAM,MAAM,EAC7E;AAAA,EACA,cAAc,EACZ,OAAO,CAAC,EAAM,QAAQ,MAAM,QAAQ,EAAM,QAAQ,MAAM,MAAM,EAChE;AAAA,EACA,iBAAiB,EACf,OAAO,CAAC,EAAM,QAAQ,UAAU,YAAY,EAAM,QAAQ,UAAU,UAAU,EAChF;AAEK,GAAO,CAAA"}

package/dist/insights-v2/blocks/ComponentBlocks/AccountBlock/IconComponent.d.ts

@@ -1,7 +1,7 @@
 import { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData';
 interface IconComponentProps {
     blockData: InsightsInstanceSlotData;
-    variant: string | null;
+    variant?: string | null;
 }
 export declare const IconComponent: ({ blockData, variant }: IconComponentProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/insights-v2/blocks/ComponentBlocks/AccountBlock/IconComponent.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconComponent.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/AccountBlock/IconComponent.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { InstitutionLogo } from '@mxenabled/mxui'\nimport { IconBacking } from '../../../../common'\nimport { getLayoutConfig } from './layout'\nimport { useTheme } from '@mui/material/styles'\nimport type { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData'\n\ninterface IconComponentProps {\n  blockData: InsightsInstanceSlotData\n  variant: string | null\n}\n\nexport const IconComponent = ({ blockData, variant }: IconComponentProps) => {\n  const theme = useTheme()\n  const layoutConfig = getLayoutConfig(theme)[variant as keyof ReturnType<typeof getLayoutConfig>]\n\n  if (blockData.institution_guid) {\n    return (\n      <Stack sx={{ alignItems: 'center', flexDirection: 'row', position: 'relative' }}>\n        <InstitutionLogo\n          alt={`${blockData.institution_name}`}\n          institutionGuid={`${blockData.institution_guid}`}\n          size={48}\n        />\n        <IconBacking size={20} sx={{ position: 'absolute', right: -8, top: -8 }}>\n          <Icon\n            color=\"error\"\n            fill={true}\n            name=\"error\"\n            size={20}\n            sx={{ gridColumn: 1, gridRow: 1, zIndex: 2 }}\n          />\n        </IconBacking>\n      </Stack>\n    )\n  }\n\n  if (blockData.icon_name) {\n    return (\n      <Stack\n        sx={{\n          alignItems: 'center',\n          bgcolor: layoutConfig.logo_bGcolor,\n          borderRadius: '6px',\n          height: 48,\n          justifyContent: 'center',\n          width: 48,\n          ...(layoutConfig.logo_border_color && {\n            borderColor: layoutConfig.logo_border_color,\n            borderStyle: 'solid',\n            borderWidth: 1.5,\n          }),\n        }}\n      >\n        <Icon\n          name={blockData.icon_name}\n          size={24}\n          sx={{\n            color: layoutConfig.logo_color,\n          }}\n        />\n      </Stack>\n    )\n  }\n\n  return null\n}\n"],"mappings":";;;;;;;AAaA,IAAa,IAAA,CAAiB,EAAE,WAAA,GAAW,SAAA,EAAA,MAAkC;AAC3E,QAAM,IAAQ,EAAS,GACjB,IAAe,EAAgB,CAAK,EAAE,CAAA;AAE5C,SAAI,EAAU,mBAEV,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,eAAe;AAAA,MAAO,UAAU;AAAA,IAAW;AAAA,IAA9E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,GAAG,EAAU,gBAAA;AAAA,MAClB,iBAAiB,GAAG,EAAU,gBAAA;AAAA,MAC9B,MAAM;AAAA,IACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAa,MAAM;AAAA,MAAI,IAAI;AAAA,QAAE,UAAU;AAAA,QAAY,OAAO;AAAA,QAAI,KAAK;AAAA,MAAG;AAAA,MACpE,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,OAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAM;AAAA,QACN,IAAI;AAAA,UAAE,YAAY;AAAA,UAAG,SAAS;AAAA,UAAG,QAAQ;AAAA,QAAE;AAAA,MAC5C,CAAA;AAAA,IACU,CAAA,CACR;AAAA,OAIP,EAAU,YAEV,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,SAAS,EAAa;AAAA,MACtB,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,GAAI,EAAa,qBAAqB;AAAA,QACpC,aAAa,EAAa;AAAA,QAC1B,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,EAAU;AAAA,MAChB,MAAM;AAAA,MACN,IAAI,EACF,OAAO,EAAa,WACtB;AAAA,IACD,CAAA;AAAA,EACI,CAAA,IAIJ;AACT"}
+{"version":3,"file":"IconComponent.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/AccountBlock/IconComponent.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { InstitutionLogo } from '@mxenabled/mxui'\nimport { IconBacking } from '../../../../common'\nimport { getLayoutConfig } from './layout'\nimport { useTheme } from '@mui/material/styles'\nimport type { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData'\n\ninterface IconComponentProps {\n  blockData: InsightsInstanceSlotData\n  variant?: string | null\n}\n\nexport const IconComponent = ({ blockData, variant }: IconComponentProps) => {\n  const theme = useTheme()\n  const layoutConfig = getLayoutConfig(theme)[variant as keyof ReturnType<typeof getLayoutConfig>]\n\n  if (blockData.institution_guid) {\n    return (\n      <Stack sx={{ alignItems: 'center', flexDirection: 'row', position: 'relative' }}>\n        <InstitutionLogo\n          alt={`${blockData.institution_name}`}\n          institutionGuid={`${blockData.institution_guid}`}\n          size={48}\n        />\n        <IconBacking size={20} sx={{ position: 'absolute', right: -8, top: -8 }}>\n          <Icon\n            color=\"error\"\n            fill={true}\n            name=\"error\"\n            size={20}\n            sx={{ gridColumn: 1, gridRow: 1, zIndex: 2 }}\n          />\n        </IconBacking>\n      </Stack>\n    )\n  }\n\n  if (blockData.icon_name) {\n    return (\n      <Stack\n        sx={{\n          alignItems: 'center',\n          bgcolor: layoutConfig.logo_bGcolor,\n          borderRadius: '6px',\n          height: 48,\n          justifyContent: 'center',\n          width: 48,\n          ...(layoutConfig.logo_border_color && {\n            borderColor: layoutConfig.logo_border_color,\n            borderStyle: 'solid',\n            borderWidth: 1.5,\n          }),\n        }}\n      >\n        <Icon\n          name={blockData.icon_name}\n          size={24}\n          sx={{\n            color: layoutConfig.logo_color,\n          }}\n        />\n      </Stack>\n    )\n  }\n\n  return null\n}\n"],"mappings":";;;;;;;AAaA,IAAa,IAAA,CAAiB,EAAE,WAAA,GAAW,SAAA,EAAA,MAAkC;AAC3E,QAAM,IAAQ,EAAS,GACjB,IAAe,EAAgB,CAAK,EAAE,CAAA;AAE5C,SAAI,EAAU,mBAEV,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,eAAe;AAAA,MAAO,UAAU;AAAA,IAAW;AAAA,IAA9E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,GAAG,EAAU,gBAAA;AAAA,MAClB,iBAAiB,GAAG,EAAU,gBAAA;AAAA,MAC9B,MAAM;AAAA,IACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAa,MAAM;AAAA,MAAI,IAAI;AAAA,QAAE,UAAU;AAAA,QAAY,OAAO;AAAA,QAAI,KAAK;AAAA,MAAG;AAAA,MACpE,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,OAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAM;AAAA,QACN,IAAI;AAAA,UAAE,YAAY;AAAA,UAAG,SAAS;AAAA,UAAG,QAAQ;AAAA,QAAE;AAAA,MAC5C,CAAA;AAAA,IACU,CAAA,CACR;AAAA,OAIP,EAAU,YAEV,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,SAAS,EAAa;AAAA,MACtB,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,GAAI,EAAa,qBAAqB;AAAA,QACpC,aAAa,EAAa;AAAA,QAC1B,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,EAAU;AAAA,MAChB,MAAM;AAAA,MACN,IAAI,EACF,OAAO,EAAa,WACtB;AAAA,IACD,CAAA;AAAA,EACI,CAAA,IAIJ;AACT"}

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.d.ts

@@ -15,11 +15,14 @@ export declare const TransactionBlockVariant: {
 /**
  * The `transaction_block` (ditto `blocks.name` for LargeTransactionV2).
  *
- * Renders rows the backend already localized and carried inline on `instance_slot.data_series`
+ * Renders rows the backend already localized and carried inline on `instance_slot.data.series`
  * (`logo`, `primary_text`, `secondary_text`, `amount`). Only the amount is formatted here,
  * because the contract sends it as a number.
  *
- * Under `with_header` the card header comes from `instance_slot.header_text`, which tupac sends
+ * This is the full/mini shape. The reduced widgets (micro, embedded) resolve to the row logo
+ * alone, carried flat on `data.logo` with no `series`, and are drawn by `CompactInsightCard`.
+ *
+ * Under `with_header` the card header comes from `instance_slot.data.header_text`, which tupac sends
  * as the transaction date. It deliberately does *not* come from the first row: on a `with_merchant`
  * card a row's `secondary_text` is the category, so reading it here rendered the category twice
  * and dropped the date entirely.

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js

@@ -1,72 +1,73 @@
-import { useCategoryStore as u } from "../../../../common/context/hooks.es.js";
-import { formatCurrency as c } from "../../../../core/utils/NumberFormatting.es.js";
-import { logoFromRef as g } from "../../../components/shared/EntityLogo.es.js";
-import l from "../../../components/TransactionListCard.es.js";
-import { observer as _ } from "mobx-react-lite";
-import { CategoryIcon as f, InstitutionLogo as h, MerchantLogo as p } from "@mxenabled/mxui";
-import { Icon as y } from "@mxenabled/mx-icons";
-import { jsx as o } from "react/jsx-runtime";
-import m from "@mui/material/Box";
-var x = {
+import { useCategoryStore as g } from "../../../../common/context/hooks.es.js";
+import { slot as c } from "../../../../core/types/Insights.es.js";
+import { formatCurrency as l } from "../../../../core/utils/NumberFormatting.es.js";
+import { logoFromRef as _ } from "../../../components/shared/EntityLogo.es.js";
+import f from "../../../components/TransactionListCard.es.js";
+import { observer as h } from "mobx-react-lite";
+import { CategoryIcon as y, InstitutionLogo as p, MerchantLogo as x } from "@mxenabled/mxui";
+import { Icon as v } from "@mxenabled/mx-icons";
+import { jsx as r } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+var I = {
   WithHeader: "with_header",
   NoHeader: "no_header"
-}, r = 32, v = Math.round(r * 0.625), I = (i, n) => {
-  const t = g(i.logo, i.primary_text);
+}, o = 32, G = Math.round(o * 0.625), C = (i, n) => {
+  const t = _(i.logo, i.primary_text);
   if (t) {
-    if (t.logo_name) return /* @__PURE__ */ o(m, {
+    if (t.logo_name) return /* @__PURE__ */ r(d, {
       sx: {
         alignItems: "center",
         display: "flex",
-        height: r,
+        height: o,
         justifyContent: "center",
-        width: r
+        width: o
       },
-      children: /* @__PURE__ */ o(y, {
+      children: /* @__PURE__ */ r(v, {
         name: t.logo_name,
-        size: v,
+        size: G,
         sx: { color: t.logo_color }
       })
     });
-    if (t.merchant_guid) return /* @__PURE__ */ o(p, {
+    if (t.merchant_guid) return /* @__PURE__ */ r(x, {
       alt: t.merchant_name ?? "",
       categoryGuid: t.category_guid ? n(t.category_guid) : "",
       merchantGuid: t.merchant_guid,
-      size: r
+      size: o
     });
-    if (t.institution_guid) return /* @__PURE__ */ o(h, {
+    if (t.institution_guid) return /* @__PURE__ */ r(p, {
       alt: t.institution_name ?? "",
       institutionGuid: t.institution_guid,
-      size: r
+      size: o
     });
     if (t.category_guid) {
       const a = n(t.category_guid);
-      return /* @__PURE__ */ o(m, {
+      return /* @__PURE__ */ r(d, {
         "data-testid": `category-icon-${a}`,
         sx: { display: "flex" },
-        children: /* @__PURE__ */ o(f, {
+        children: /* @__PURE__ */ r(y, {
           categoryGuid: a,
-          size: r
+          size: o
         })
       });
     }
   }
-}, H = _(({ payload: i }) => {
-  const { getTopLevelCategoryGuid: n } = u(), { data_series: t, header_text: a, variant: s } = i.instance_slot;
-  if (!t?.length) return null;
-  const d = s === x.WithHeader ? a : void 0;
-  return /* @__PURE__ */ o(l, {
-    header: d,
-    rows: t.map((e) => ({
-      amount: typeof e.amount == "number" ? c(e.amount, "0,0.00") : "",
-      leading: I(e, n),
+}, j = h(({ payload: i }) => {
+  const { getTopLevelCategoryGuid: n } = g(), { data: t, variant: a } = i.instance_slot, s = c(t, "series"), m = c(t, "header_text");
+  if (!Array.isArray(s) || !s.length) return null;
+  const u = a === I.WithHeader && typeof m == "string" ? m : void 0;
+  return /* @__PURE__ */ r(f, {
+    header: u,
+    rows: s.map((e) => ({
+      amount: typeof e.amount == "number" ? l(e.amount, "0,0.00") : "",
+      leading: C(e, n),
       subtitle: e.secondary_text ?? "",
       title: e.primary_text ?? ""
     }))
   });
 });
 export {
-  H as TransactionBlock,
-  x as TransactionBlockVariant
+  j as TransactionBlock,
+  I as TransactionBlockVariant
 };
 
 //# sourceMappingURL=TransactionBlock.es.js.map

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\n\nimport { CategoryIcon, InstitutionLogo, MerchantLogo } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { useCategoryStore } from '../../../../common'\nimport type { InsightsPayload, InstanceSlotRow } from '../../../../core'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\nimport TransactionListCard from '../../../components/TransactionListCard'\nimport { logoFromRef } from '../../../components/shared/EntityLogo'\n\ninterface TransactionBlockProps {\n  payload: InsightsPayload\n  beatGuid?: string\n}\n\n/**\n * Variants from ditto `lib/ditto/beats/large_transaction_v2.yml`:\n * - `with_header` — transaction row under a date header (the `with_merchant` card).\n * - `no_header`   — the row alone (the `no_merchant` card).\n */\nexport const TransactionBlockVariant = {\n  WithHeader: 'with_header',\n  NoHeader: 'no_header',\n} as const\n\nconst ROW_LOGO_SIZE = 32\n// Same glyph-to-tile ratio mxui's `CategoryIcon` uses, so a status icon sits like the other logos.\nconst ROW_ICON_SIZE = Math.round(ROW_LOGO_SIZE * 0.625)\n\n/**\n * Renders the row's leading logo from its `LogoRef`: a status icon, or an entity guid whose prefix\n * names the entity. An unrecognized prefix renders no logo rather than guessing.\n *\n * `resolveTopLevelCategory`: mxui's `CategoryIcon` only knows the top-level category guids and\n * silently falls back to the Uncategorized icon for a sub-category. The details drawer avoids\n * this by passing `transaction.top_level_category_guid`; the row only has the raw guid, so it is\n * walked up to its parent here (identity until categories load). That applies both to a `CAT-`\n * row logo and to a merchant's `fallback_guid`, which `MerchantLogo` draws through the same\n * `CategoryIcon` when the merchant image fails to load.\n */\nconst renderRowLogo = (row: InstanceSlotRow, resolveTopLevelCategory: (guid: string) => string) => {\n  const logo = logoFromRef(row.logo, row.primary_text)\n\n  if (!logo) return undefined\n\n  if (logo.logo_name) {\n    // A fixed box the size of the other logos keeps the row's text column aligned.\n    return (\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          height: ROW_LOGO_SIZE,\n          justifyContent: 'center',\n          width: ROW_LOGO_SIZE,\n        }}\n      >\n        <Icon name={logo.logo_name} size={ROW_ICON_SIZE} sx={{ color: logo.logo_color }} />\n      </Box>\n    )\n  }\n\n  if (logo.merchant_guid) {\n    return (\n      <MerchantLogo\n        alt={logo.merchant_name ?? ''}\n        categoryGuid={logo.category_guid ? resolveTopLevelCategory(logo.category_guid) : ''}\n        merchantGuid={logo.merchant_guid}\n        size={ROW_LOGO_SIZE}\n      />\n    )\n  }\n\n  if (logo.institution_guid) {\n    return (\n      <InstitutionLogo\n        alt={logo.institution_name ?? ''}\n        institutionGuid={logo.institution_guid}\n        size={ROW_LOGO_SIZE}\n      />\n    )\n  }\n\n  if (logo.category_guid) {\n    const topLevelGuid = resolveTopLevelCategory(logo.category_guid)\n    return (\n      <Box data-testid={`category-icon-${topLevelGuid}`} sx={{ display: 'flex' }}>\n        <CategoryIcon categoryGuid={topLevelGuid} size={ROW_LOGO_SIZE} />\n      </Box>\n    )\n  }\n\n  return undefined\n}\n\n/**\n * The `transaction_block` (ditto `blocks.name` for LargeTransactionV2).\n *\n * Renders rows the backend already localized and carried inline on `instance_slot.data_series`\n * (`logo`, `primary_text`, `secondary_text`, `amount`). Only the amount is formatted here,\n * because the contract sends it as a number.\n *\n * Under `with_header` the card header comes from `instance_slot.header_text`, which tupac sends\n * as the transaction date. It deliberately does *not* come from the first row: on a `with_merchant`\n * card a row's `secondary_text` is the category, so reading it here rendered the category twice\n * and dropped the date entirely.\n */\nexport const TransactionBlock = observer(({ payload }: TransactionBlockProps) => {\n  const { getTopLevelCategoryGuid } = useCategoryStore()\n  const { data_series: rows, header_text, variant } = payload.instance_slot\n\n  if (!rows?.length) return null\n\n  const header = variant === TransactionBlockVariant.WithHeader ? header_text : undefined\n\n  return (\n    <TransactionListCard\n      header={header}\n      rows={rows.map((row) => ({\n        amount: typeof row.amount === 'number' ? formatCurrency(row.amount, '0,0.00') : '',\n        leading: renderRowLogo(row, getTopLevelCategoryGuid),\n        subtitle: row.secondary_text ?? '',\n        title: row.primary_text ?? '',\n      }))}\n    />\n  )\n})\n"],"mappings":";;;;;;;;;AAwBA,IAAa,IAA0B;AAAA,EACrC,YAAY;AAAA,EACZ,UAAU;AACZ,GAEM,IAAgB,IAEhB,IAAgB,KAAK,MAAM,IAAgB,KAAK,GAahD,IAAA,CAAiB,GAAsB,MAAsD;AACjG,QAAM,IAAO,EAAY,EAAI,MAAM,EAAI,YAAY;AAEnD,MAAK,GAEL;AAAA,QAAI,EAAK,UAEP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,OAAO;AAAA,MACT;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM,EAAK;AAAA,QAAW,MAAM;AAAA,QAAe,IAAI,EAAE,OAAO,EAAK,WAAW;AAAA,MAAI,CAAA;AAAA,IAC/E,CAAA;AAIT,QAAI,EAAK,cACP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAK,iBAAiB;AAAA,MAC3B,cAAc,EAAK,gBAAgB,EAAwB,EAAK,aAAa,IAAI;AAAA,MACjF,cAAc,EAAK;AAAA,MACnB,MAAM;AAAA,IACP,CAAA;AAIL,QAAI,EAAK,iBACP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAK,oBAAoB;AAAA,MAC9B,iBAAiB,EAAK;AAAA,MACtB,MAAM;AAAA,IACP,CAAA;AAIL,QAAI,EAAK,eAAe;AACtB,YAAM,IAAe,EAAwB,EAAK,aAAa;AAC/D,aACE,gBAAA,EAAC,GAAD;AAAA,QAAK,eAAa,iBAAiB,CAAA;AAAA,QAAgB,IAAI,EAAE,SAAS,OAAO;AAAA,QACvE,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAc,cAAc;AAAA,UAAc,MAAM;AAAA,QAAgB,CAAA;AAAA,MAC7D,CAAA;AAAA,IAET;AAAA;AAGF,GAca,IAAmB,EAAA,CAAU,EAAE,SAAA,EAAA,MAAqC;AAC/E,QAAM,EAAE,yBAAA,EAAA,IAA4B,EAAiB,GAC/C,EAAE,aAAa,GAAM,aAAA,GAAa,SAAA,EAAA,IAAY,EAAQ;AAE5D,MAAI,CAAC,GAAM,OAAQ,QAAO;AAE1B,QAAM,IAAS,MAAY,EAAwB,aAAa,IAAc;AAE9E,SACE,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACR,MAAM,EAAK,IAAA,CAAK,OAAS;AAAA,MACvB,QAAQ,OAAO,EAAI,UAAW,WAAW,EAAe,EAAI,QAAQ,QAAQ,IAAI;AAAA,MAChF,SAAS,EAAc,GAAK,CAAuB;AAAA,MACnD,UAAU,EAAI,kBAAkB;AAAA,MAChC,OAAO,EAAI,gBAAgB;AAAA,IAC7B,EAAE;AAAA,EACH,CAAA;AAEL,CAAC"}
+{"version":3,"file":"TransactionBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\n\nimport { CategoryIcon, InstitutionLogo, MerchantLogo } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { useCategoryStore } from '../../../../common'\nimport { slot } from '../../../../core'\nimport type { InsightsPayload, InstanceSlotRow } from '../../../../core'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\nimport TransactionListCard from '../../../components/TransactionListCard'\nimport { logoFromRef } from '../../../components/shared/EntityLogo'\n\ninterface TransactionBlockProps {\n  payload: InsightsPayload\n  beatGuid?: string\n}\n\n/**\n * Variants from ditto `lib/ditto/beats/large_transaction_v2.yml`:\n * - `with_header` — transaction row under a date header (the `with_merchant` card).\n * - `no_header`   — the row alone (the `no_merchant` card).\n */\nexport const TransactionBlockVariant = {\n  WithHeader: 'with_header',\n  NoHeader: 'no_header',\n} as const\n\nconst ROW_LOGO_SIZE = 32\n// Same glyph-to-tile ratio mxui's `CategoryIcon` uses, so a status icon sits like the other logos.\nconst ROW_ICON_SIZE = Math.round(ROW_LOGO_SIZE * 0.625)\n\n/**\n * Renders the row's leading logo from its `LogoRef`: a status icon, or an entity guid whose prefix\n * names the entity. An unrecognized prefix renders no logo rather than guessing.\n *\n * `resolveTopLevelCategory`: mxui's `CategoryIcon` only knows the top-level category guids and\n * silently falls back to the Uncategorized icon for a sub-category. The details drawer avoids\n * this by passing `transaction.top_level_category_guid`; the row only has the raw guid, so it is\n * walked up to its parent here (identity until categories load). That applies both to a `CAT-`\n * row logo and to a merchant's `fallback_guid`, which `MerchantLogo` draws through the same\n * `CategoryIcon` when the merchant image fails to load.\n */\nconst renderRowLogo = (row: InstanceSlotRow, resolveTopLevelCategory: (guid: string) => string) => {\n  const logo = logoFromRef(row.logo, row.primary_text)\n\n  if (!logo) return undefined\n\n  if (logo.logo_name) {\n    // A fixed box the size of the other logos keeps the row's text column aligned.\n    return (\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          height: ROW_LOGO_SIZE,\n          justifyContent: 'center',\n          width: ROW_LOGO_SIZE,\n        }}\n      >\n        <Icon name={logo.logo_name} size={ROW_ICON_SIZE} sx={{ color: logo.logo_color }} />\n      </Box>\n    )\n  }\n\n  if (logo.merchant_guid) {\n    return (\n      <MerchantLogo\n        alt={logo.merchant_name ?? ''}\n        categoryGuid={logo.category_guid ? resolveTopLevelCategory(logo.category_guid) : ''}\n        merchantGuid={logo.merchant_guid}\n        size={ROW_LOGO_SIZE}\n      />\n    )\n  }\n\n  if (logo.institution_guid) {\n    return (\n      <InstitutionLogo\n        alt={logo.institution_name ?? ''}\n        institutionGuid={logo.institution_guid}\n        size={ROW_LOGO_SIZE}\n      />\n    )\n  }\n\n  if (logo.category_guid) {\n    const topLevelGuid = resolveTopLevelCategory(logo.category_guid)\n    return (\n      <Box data-testid={`category-icon-${topLevelGuid}`} sx={{ display: 'flex' }}>\n        <CategoryIcon categoryGuid={topLevelGuid} size={ROW_LOGO_SIZE} />\n      </Box>\n    )\n  }\n\n  return undefined\n}\n\n/**\n * The `transaction_block` (ditto `blocks.name` for LargeTransactionV2).\n *\n * Renders rows the backend already localized and carried inline on `instance_slot.data.series`\n * (`logo`, `primary_text`, `secondary_text`, `amount`). Only the amount is formatted here,\n * because the contract sends it as a number.\n *\n * This is the full/mini shape. The reduced widgets (micro, embedded) resolve to the row logo\n * alone, carried flat on `data.logo` with no `series`, and are drawn by `CompactInsightCard`.\n *\n * Under `with_header` the card header comes from `instance_slot.data.header_text`, which tupac sends\n * as the transaction date. It deliberately does *not* come from the first row: on a `with_merchant`\n * card a row's `secondary_text` is the category, so reading it here rendered the category twice\n * and dropped the date entirely.\n */\nexport const TransactionBlock = observer(({ payload }: TransactionBlockProps) => {\n  const { getTopLevelCategoryGuid } = useCategoryStore()\n  const { data, variant } = payload.instance_slot\n  const series = slot<InstanceSlotRow[]>(data, 'series')\n  const headerText = slot<string>(data, 'header_text')\n\n  if (!Array.isArray(series) || !series.length) return null\n\n  const header =\n    variant === TransactionBlockVariant.WithHeader && typeof headerText === 'string'\n      ? headerText\n      : undefined\n\n  return (\n    <TransactionListCard\n      header={header}\n      rows={series.map((row) => ({\n        amount: typeof row.amount === 'number' ? formatCurrency(row.amount, '0,0.00') : '',\n        leading: renderRowLogo(row, getTopLevelCategoryGuid),\n        subtitle: row.secondary_text ?? '',\n        title: row.primary_text ?? '',\n      }))}\n    />\n  )\n})\n"],"mappings":";;;;;;;;;;AAyBA,IAAa,IAA0B;AAAA,EACrC,YAAY;AAAA,EACZ,UAAU;AACZ,GAEM,IAAgB,IAEhB,IAAgB,KAAK,MAAM,IAAgB,KAAK,GAahD,IAAA,CAAiB,GAAsB,MAAsD;AACjG,QAAM,IAAO,EAAY,EAAI,MAAM,EAAI,YAAY;AAEnD,MAAK,GAEL;AAAA,QAAI,EAAK,UAEP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,OAAO;AAAA,MACT;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM,EAAK;AAAA,QAAW,MAAM;AAAA,QAAe,IAAI,EAAE,OAAO,EAAK,WAAW;AAAA,MAAI,CAAA;AAAA,IAC/E,CAAA;AAIT,QAAI,EAAK,cACP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAK,iBAAiB;AAAA,MAC3B,cAAc,EAAK,gBAAgB,EAAwB,EAAK,aAAa,IAAI;AAAA,MACjF,cAAc,EAAK;AAAA,MACnB,MAAM;AAAA,IACP,CAAA;AAIL,QAAI,EAAK,iBACP,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAK,oBAAoB;AAAA,MAC9B,iBAAiB,EAAK;AAAA,MACtB,MAAM;AAAA,IACP,CAAA;AAIL,QAAI,EAAK,eAAe;AACtB,YAAM,IAAe,EAAwB,EAAK,aAAa;AAC/D,aACE,gBAAA,EAAC,GAAD;AAAA,QAAK,eAAa,iBAAiB,CAAA;AAAA,QAAgB,IAAI,EAAE,SAAS,OAAO;AAAA,QACvE,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAc,cAAc;AAAA,UAAc,MAAM;AAAA,QAAgB,CAAA;AAAA,MAC7D,CAAA;AAAA,IAET;AAAA;AAGF,GAiBa,IAAmB,EAAA,CAAU,EAAE,SAAA,EAAA,MAAqC;AAC/E,QAAM,EAAE,yBAAA,EAAA,IAA4B,EAAiB,GAC/C,EAAE,MAAA,GAAM,SAAA,EAAA,IAAY,EAAQ,eAC5B,IAAS,EAAwB,GAAM,QAAQ,GAC/C,IAAa,EAAa,GAAM,aAAa;AAEnD,MAAI,CAAC,MAAM,QAAQ,CAAM,KAAK,CAAC,EAAO,OAAQ,QAAO;AAErD,QAAM,IACJ,MAAY,EAAwB,cAAc,OAAO,KAAe,WACpE,IACA;AAEN,SACE,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACR,MAAM,EAAO,IAAA,CAAK,OAAS;AAAA,MACzB,QAAQ,OAAO,EAAI,UAAW,WAAW,EAAe,EAAI,QAAQ,QAAQ,IAAI;AAAA,MAChF,SAAS,EAAc,GAAK,CAAuB;AAAA,MACnD,UAAU,EAAI,kBAAkB;AAAA,MAChC,OAAO,EAAI,gBAAgB;AAAA,IAC7B,EAAE;AAAA,EACH,CAAA;AAEL,CAAC"}

package/dist/insights-v2/blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.d.ts

@@ -1,5 +1,5 @@
 import { BlockProps } from '../../types';
-/** The Withdrawal row on `instance_slot.data_series`. */
+/** The Withdrawal row on `instance_slot.data.series`. */
 export interface WithdrawalRow {
     amount?: number;
     amount_label?: string;
@@ -9,7 +9,7 @@ export interface WithdrawalRow {
 }
 /**
  * The `withdrawal_block` (Highlight Withdrawal), reading one row on
- * `instance_slot.data_series`. Text (`amount_label`, `withdrawal_date`,
+ * `instance_slot.data.series`. Text (`amount_label`, `withdrawal_date`,
  * `balance_label`) renders as sent; `amount` and `balance` are numbers and are formatted by the
  * card. Renders nothing unless the row carries both numbers.
  */