@mx-cartographer/experiences 9.4.23 → 9.4.24

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [9.4.24] - 09-16-2026
+
+- **ADDED** - insights-v2 beat CTA post message (ported from Pulse): when a beat CTA has no drilldown drawer `block`, clicking it now notifies the host via a `beat/cta` post message (payload `action`, `beat_guid`, `beat_template`, `action_string?`, `user_guid`) or, on a native mobile webview, navigates to a `scheme://pulse/<event>?metadata=...` URL. New helpers in `common/utils/PostMessage.ts` (`getBaseCtaPostMessage`, `sendBeatPostMessage`, `setWebviewURL`, `dispatchBeatCta`, `BEAT_CTA_EVENT`, `BEAT_OPERATION_1/2/3`); `BaseLayout` CTA buttons route through a `handleCtaClick` helper that opens the drawer for CTAs with a real block and otherwise dispatches the post message. Scoped to the Save an extra $100 beat's "Make a Transfer" CTA (WEC-1805)
+- **CHANGED** - `SaveAnExtraCard` renders the projected-balance footer as-is (the backend now sends it pre-formatted, e.g. "$3,320") instead of re-formatting a parsed number; mock payload and `SaveExtraBlock`/card tests updated to match (WEC-1805)
+
 ## [9.4.23] - 09-16-2026
 
 - **ADDED** - Nested-drawer support for the insights-v2 `TransactionHistoryBlock`: clicking a transaction row in the history drawer opens a second, stacked `TransactionDetailsBlock` drawer scoped to that transaction, via `InsightsV2Store.setActionContext({ transaction_guid })` and `useActionContext<DrilldownPayload>()`. `TransactionDrillDown`'s row click is forwarded through a new `onEachRowClick` prop (WEC-1699)

package/dist/common/utils/PostMessage.d.ts

@@ -8,3 +8,54 @@ export interface PostMessageData {
 export declare function postMessageToParent(message: PostMessageData): boolean;
 export declare function postInsightOnTransaction(beatGuid: string): boolean;
 export declare function postClientConfiguredCta(template: string): boolean;
+export declare const BEAT_CTA_EVENT = "beat/cta";
+export declare const BEAT_OPERATION_1 = "op_1";
+export declare const BEAT_OPERATION_2 = "op_2";
+export declare const BEAT_OPERATION_3 = "op_3";
+/** Minimal beat shape needed to build a CTA post message. */
+export interface BeatCtaSource {
+    guid: string;
+    template: string;
+    payload?: {
+        action_string?: string;
+    } | null;
+}
+export interface BeatCtaPayload {
+    action: string;
+    beat_guid: string;
+    beat_template: string;
+    action_string?: string;
+    [key: string]: unknown;
+}
+/**
+ * Build the `[event, payload]` tuple for a beat CTA post message.
+ * Mirrors Pulse's `getBaseCtaPostMessage`.
+ */
+export declare function getBaseCtaPostMessage(beat: BeatCtaSource, op?: string): [string, BeatCtaPayload];
+/**
+ * Send a beat post message to the parent window. Only posts when embedded in an
+ * iframe (`window.self !== window.top`), mirroring Pulse's `sendPostMessage`
+ * (default scheme `mx/pulse`). Returns false when not embedded or no target.
+ */
+export declare function sendBeatPostMessage(event: string, data: Record<string, unknown>, scheme?: string): boolean;
+/**
+ * Navigate a mobile webview to a custom-scheme URL instead of posting a message.
+ * Mirrors Pulse's `setWebviewURL` (default scheme `mx`).
+ */
+export declare function setWebviewURL(event: string, data?: Record<string, unknown>, scheme?: string): void;
+export interface SendBeatCtaOptions {
+    /** True when running inside a native mobile webview. */
+    isMobileWebview?: boolean;
+    /** Custom URL scheme for webview navigation (from client config). */
+    webviewScheme?: string;
+    /** Current user guid, added to the metadata like the Pulse epic does. */
+    userGuid?: string;
+    /** Operation string sent with the CTA (defaults to op_1). */
+    op?: string;
+}
+/**
+ * Send a beat CTA to the host: builds the payload, adds `user_guid`, then either
+ * posts a message to the host or navigates the webview. Mirrors the behaviour of
+ * Pulse's `postMessages` epic (minus the RxJS buffering).
+ */
+export declare function sendBeatCta(beat: BeatCtaSource, { isMobileWebview, webviewScheme, userGuid, op }?: SendBeatCtaOptions): void;

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

@@ -1,29 +1,62 @@
-function o() {
+function c() {
   return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
 }
-function r(e) {
-  const n = o().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), t = window.parent || window.opener || !1;
+function a(e) {
+  const n = c().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), t = window.parent || window.opener || !1;
   return t && t.postMessage && n ? (t.postMessage(e, n), !0) : !1;
 }
-function a(e) {
-  return r({
+function w(e) {
+  return a({
     metadata: { beat_guid: e },
     mx: !0,
     type: "mx/moneyDashboard/insightOnTransaction"
   });
 }
-function i(e) {
-  return r({
+function m(e) {
+  return a({
     metadata: { template: e },
     mx: !0,
     type: "mx/pulse/client_configured_cta"
   });
 }
+var d = "beat/cta", p = "op_1";
+function f(e, n = p) {
+  const t = {
+    action: n,
+    beat_guid: e.guid,
+    beat_template: e.template
+  };
+  return e?.payload?.action_string && (t.action_string = e.payload.action_string), [d, t];
+}
+function l(e, n, t = "mx/pulse") {
+  return window.self === window.top ? !1 : a({
+    metadata: n,
+    mx: !0,
+    type: `${t}/${e}`
+  });
+}
+function g(e, n, t = "mx") {
+  let o = `${t}://pulse/${e}`;
+  n && (o += "?metadata=" + encodeURIComponent(JSON.stringify(n))), window.location.href = o;
+}
+function _(e, { isMobileWebview: n, webviewScheme: t, userGuid: o, op: s } = {}) {
+  const [r, u] = f(e, s), i = {
+    ...u,
+    ...o ? { user_guid: o } : {}
+  };
+  n ? g(r, i, t) : l(r, i);
+}
 export {
-  o as getReferrer,
-  i as postClientConfiguredCta,
-  a as postInsightOnTransaction,
-  r as postMessageToParent
+  d as BEAT_CTA_EVENT,
+  p as BEAT_OPERATION_1,
+  f as getBaseCtaPostMessage,
+  c as getReferrer,
+  m as postClientConfiguredCta,
+  w as postInsightOnTransaction,
+  a as postMessageToParent,
+  _ as sendBeatCta,
+  l as sendBeatPostMessage,
+  g as setWebviewURL
 };
 
 //# sourceMappingURL=PostMessage.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PostMessage.es.js","names":[],"sources":["../../../src/common/utils/PostMessage.ts"],"sourcesContent":["export function getReferrer(): string {\n  if (window.opener && window.opener.location) {\n    return window.opener.location.toString()\n  } else {\n    return document.referrer\n  }\n}\n\nexport interface PostMessageData {\n  metadata?: Record<string, any>\n  mx: boolean\n  type: string\n  [key: string]: any\n}\n\nexport function postMessageToParent(message: PostMessageData): boolean {\n  const postUrl = getReferrer().replace(/([^:]+:\\/\\/[^\\/]+).*/, '$1') // eslint-disable-line\n  const otherWindow = window.parent || window.opener || false\n\n  if (otherWindow && otherWindow.postMessage && postUrl) {\n    otherWindow.postMessage(message, postUrl)\n    return true\n  }\n\n  return false\n}\n\nexport function postInsightOnTransaction(beatGuid: string): boolean {\n  const message: PostMessageData = {\n    metadata: { beat_guid: beatGuid },\n    mx: true,\n    type: 'mx/moneyDashboard/insightOnTransaction',\n  }\n\n  return postMessageToParent(message)\n}\n\nexport function postClientConfiguredCta(template: string): boolean {\n  const message: PostMessageData = {\n    metadata: { template: template },\n    mx: true,\n    type: 'mx/pulse/client_configured_cta',\n  }\n\n  return postMessageToParent(message)\n}\n"],"mappings":"AAAA,SAAgB,IAAsB;AACpC,SAAI,OAAO,UAAU,OAAO,OAAO,WAC1B,OAAO,OAAO,SAAS,SAAS,IAEhC,SAAS;AAEpB;AASA,SAAgB,EAAoB,GAAmC;AACrE,QAAM,IAAU,EAAY,EAAE,QAAQ,wBAAwB,IAAI,GAC5D,IAAc,OAAO,UAAU,OAAO,UAAU;AAEtD,SAAI,KAAe,EAAY,eAAe,KAC5C,EAAY,YAAY,GAAS,CAAO,GACjC,MAGF;AACT;AAEA,SAAgB,EAAyB,GAA2B;AAOlE,SAAO,EAAoB;AAAA,IALzB,UAAU,EAAE,WAAW,EAAS;AAAA,IAChC,IAAI;AAAA,IACJ,MAAM;AAAA,EAGmB,CAAO;AACpC;AAEA,SAAgB,EAAwB,GAA2B;AAOjE,SAAO,EAAoB;AAAA,IALzB,UAAU,EAAY,UAAA,EAAS;AAAA,IAC/B,IAAI;AAAA,IACJ,MAAM;AAAA,EAGmB,CAAO;AACpC"}
+{"version":3,"file":"PostMessage.es.js","names":[],"sources":["../../../src/common/utils/PostMessage.ts"],"sourcesContent":["export function getReferrer(): string {\n  if (window.opener && window.opener.location) {\n    return window.opener.location.toString()\n  } else {\n    return document.referrer\n  }\n}\n\nexport interface PostMessageData {\n  metadata?: Record<string, any>\n  mx: boolean\n  type: string\n  [key: string]: any\n}\n\nexport function postMessageToParent(message: PostMessageData): boolean {\n  const postUrl = getReferrer().replace(/([^:]+:\\/\\/[^\\/]+).*/, '$1') // eslint-disable-line\n  const otherWindow = window.parent || window.opener || false\n\n  if (otherWindow && otherWindow.postMessage && postUrl) {\n    otherWindow.postMessage(message, postUrl)\n    return true\n  }\n\n  return false\n}\n\nexport function postInsightOnTransaction(beatGuid: string): boolean {\n  const message: PostMessageData = {\n    metadata: { beat_guid: beatGuid },\n    mx: true,\n    type: 'mx/moneyDashboard/insightOnTransaction',\n  }\n\n  return postMessageToParent(message)\n}\n\nexport function postClientConfiguredCta(template: string): boolean {\n  const message: PostMessageData = {\n    metadata: { template: template },\n    mx: true,\n    type: 'mx/pulse/client_configured_cta',\n  }\n\n  return postMessageToParent(message)\n}\n\n// ============================================================================\n// Beat CTA post messages (ported from Pulse: src/utils/PostMessage.js +\n// src/constants/PostMessage.js + src/epics/PostMessage.js).\n//\n// Scope: currently only the Save an extra $100 beat uses this. When a beat CTA\n// has no drilldown drawer, clicking it notifies the host app via a beat/cta\n// post message instead of opening a drawer. Native (mobile webview) hosts can't\n// receive post messages, so we navigate the webview to a custom-scheme URL.\n// ============================================================================\n\nexport const BEAT_CTA_EVENT = 'beat/cta'\nexport const BEAT_OPERATION_1 = 'op_1'\nexport const BEAT_OPERATION_2 = 'op_2'\nexport const BEAT_OPERATION_3 = 'op_3'\n\n/** Minimal beat shape needed to build a CTA post message. */\nexport interface BeatCtaSource {\n  guid: string\n  template: string\n  payload?: { action_string?: string } | null\n}\n\nexport interface BeatCtaPayload {\n  action: string\n  beat_guid: string\n  beat_template: string\n  action_string?: string\n  [key: string]: unknown\n}\n\n/**\n * Build the `[event, payload]` tuple for a beat CTA post message.\n * Mirrors Pulse's `getBaseCtaPostMessage`.\n */\nexport function getBaseCtaPostMessage(\n  beat: BeatCtaSource,\n  op: string = BEAT_OPERATION_1,\n): [string, BeatCtaPayload] {\n  const payload: BeatCtaPayload = {\n    action: op,\n    beat_guid: beat.guid,\n    beat_template: beat.template,\n  }\n\n  if (beat?.payload?.action_string) {\n    payload.action_string = beat.payload.action_string\n  }\n\n  return [BEAT_CTA_EVENT, payload]\n}\n\n/**\n * Send a beat post message to the parent window. Only posts when embedded in an\n * iframe (`window.self !== window.top`), mirroring Pulse's `sendPostMessage`\n * (default scheme `mx/pulse`). Returns false when not embedded or no target.\n */\nexport function sendBeatPostMessage(\n  event: string,\n  data: Record<string, unknown>,\n  scheme = 'mx/pulse',\n): boolean {\n  if (window.self === window.top) {\n    return false\n  }\n\n  const message: PostMessageData = {\n    metadata: data,\n    mx: true,\n    type: `${scheme}/${event}`,\n  }\n\n  return postMessageToParent(message)\n}\n\n/**\n * Navigate a mobile webview to a custom-scheme URL instead of posting a message.\n * Mirrors Pulse's `setWebviewURL` (default scheme `mx`).\n */\nexport function setWebviewURL(event: string, data?: Record<string, unknown>, scheme = 'mx'): void {\n  let webviewUrl = `${scheme}://pulse/${event}`\n\n  if (data) {\n    webviewUrl += '?metadata=' + encodeURIComponent(JSON.stringify(data))\n  }\n\n  window.location.href = webviewUrl\n}\n\nexport interface SendBeatCtaOptions {\n  /** True when running inside a native mobile webview. */\n  isMobileWebview?: boolean\n  /** Custom URL scheme for webview navigation (from client config). */\n  webviewScheme?: string\n  /** Current user guid, added to the metadata like the Pulse epic does. */\n  userGuid?: string\n  /** Operation string sent with the CTA (defaults to op_1). */\n  op?: string\n}\n\n/**\n * Send a beat CTA to the host: builds the payload, adds `user_guid`, then either\n * posts a message to the host or navigates the webview. Mirrors the behaviour of\n * Pulse's `postMessages` epic (minus the RxJS buffering).\n */\nexport function sendBeatCta(\n  beat: BeatCtaSource,\n  { isMobileWebview, webviewScheme, userGuid, op }: SendBeatCtaOptions = {},\n): void {\n  const [event, basePayload] = getBaseCtaPostMessage(beat, op)\n  const metadata: BeatCtaPayload = {\n    ...basePayload,\n    ...(userGuid ? { user_guid: userGuid } : {}),\n  }\n\n  if (isMobileWebview) {\n    setWebviewURL(event, metadata, webviewScheme)\n  } else {\n    sendBeatPostMessage(event, metadata)\n  }\n}\n"],"mappings":"AAAA,SAAgB,IAAsB;AACpC,SAAI,OAAO,UAAU,OAAO,OAAO,WAC1B,OAAO,OAAO,SAAS,SAAS,IAEhC,SAAS;AAEpB;AASA,SAAgB,EAAoB,GAAmC;AACrE,QAAM,IAAU,EAAY,EAAE,QAAQ,wBAAwB,IAAI,GAC5D,IAAc,OAAO,UAAU,OAAO,UAAU;AAEtD,SAAI,KAAe,EAAY,eAAe,KAC5C,EAAY,YAAY,GAAS,CAAO,GACjC,MAGF;AACT;AAEA,SAAgB,EAAyB,GAA2B;AAOlE,SAAO,EAAoB;AAAA,IALzB,UAAU,EAAE,WAAW,EAAS;AAAA,IAChC,IAAI;AAAA,IACJ,MAAM;AAAA,EAGmB,CAAO;AACpC;AAEA,SAAgB,EAAwB,GAA2B;AAOjE,SAAO,EAAoB;AAAA,IALzB,UAAU,EAAY,UAAA,EAAS;AAAA,IAC/B,IAAI;AAAA,IACJ,MAAM;AAAA,EAGmB,CAAO;AACpC;AAYA,IAAa,IAAiB,YACjB,IAAmB;AAuBhC,SAAgB,EACd,GACA,IAAa,GACa;AAC1B,QAAM,IAA0B;AAAA,IAC9B,QAAQ;AAAA,IACR,WAAW,EAAK;AAAA,IAChB,eAAe,EAAK;AAAA,EACtB;AAEA,SAAI,GAAM,SAAS,kBACjB,EAAQ,gBAAgB,EAAK,QAAQ,gBAGhC,CAAC,GAAgB,CAAO;AACjC;AAOA,SAAgB,EACd,GACA,GACA,IAAS,YACA;AACT,SAAI,OAAO,SAAS,OAAO,MAClB,KASF,EAAoB;AAAA,IALzB,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,MAAM,GAAG,CAAA,IAAU,CAAA;AAAA,EAGM,CAAO;AACpC;AAMA,SAAgB,EAAc,GAAe,GAAgC,IAAS,MAAY;AAChG,MAAI,IAAa,GAAG,CAAA,YAAkB,CAAA;AAEtC,EAAI,MACF,KAAc,eAAe,mBAAmB,KAAK,UAAU,CAAI,CAAC,IAGtE,OAAO,SAAS,OAAO;AACzB;AAkBA,SAAgB,EACd,GACA,EAAE,iBAAA,GAAiB,eAAA,GAAe,UAAA,GAAU,IAAA,EAAA,IAA2B,CAAC,GAClE;AACN,QAAM,CAAC,GAAO,CAAA,IAAe,EAAsB,GAAM,CAAE,GACrD,IAA2B;AAAA,IAC/B,GAAG;AAAA,IACH,GAAI,IAAW,EAAE,WAAW,EAAS,IAAI,CAAC;AAAA,EAC5C;AAEA,EAAI,IACF,EAAc,GAAO,GAAU,CAAa,IAE5C,EAAoB,GAAO,CAAQ;AAEvC"}

package/dist/insights-v2/components/BaseLayout.es.js

@@ -1,23 +1,24 @@
-import { useGlobalCopyStore as C, useInsightsV2Store as x } from "../../common/context/hooks.es.js";
-import { blocks as _ } from "../mappings/blocks.es.js";
-import S from "./Footer.es.js";
-import { BeatActionsProvider as B } from "../beatActions.es.js";
-import D from "./Header.es.js";
-import { FeedbackBar as L } from "./FeedbackBar.es.js";
-import O from "./FeedbackDialog.es.js";
-import { DismissInsightDialog as T } from "./DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as F } from "./HiddenConfirmationCard.es.js";
-import { ObsolesceBanner as w } from "./ObsolesceBanner.es.js";
-import { ActionBlockLayer as I } from "../actionBlocks/ActionBlockLayer.es.js";
-import { useBeatFeedbackFlow as A } from "../hooks/useBeatFeedbackFlow.es.js";
-import { observer as E } from "mobx-react-lite";
+import { useAppConfig as B, useGlobalCopyStore as D, useInsightsV2Store as L } from "../../common/context/hooks.es.js";
+import { sendBeatCta as O } from "../../common/utils/PostMessage.es.js";
+import { blocks as T, hasDrawerBlock as F } from "../mappings/blocks.es.js";
+import A from "./Footer.es.js";
+import { BeatActionsProvider as I } from "../beatActions.es.js";
+import E from "./Header.es.js";
+import { FeedbackBar as H } from "./FeedbackBar.es.js";
+import M from "./FeedbackDialog.es.js";
+import { DismissInsightDialog as G } from "./DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as R } from "./HiddenConfirmationCard.es.js";
+import { ObsolesceBanner as j } from "./ObsolesceBanner.es.js";
+import { ActionBlockLayer as z } from "../actionBlocks/ActionBlockLayer.es.js";
+import { useBeatFeedbackFlow as N } from "../hooks/useBeatFeedbackFlow.es.js";
+import { observer as U } from "mobx-react-lite";
 import m from "@mui/material/Stack";
 import d from "@mui/material/Button";
-import { ChevronRight as H } from "@mxenabled/mx-icons";
-import { Fragment as M, jsx as e, jsxs as t } from "react/jsx-runtime";
-import R from "@mui/material/Box";
-import j from "@mui/material/Card";
-var z = {}, G = {
+import { ChevronRight as V } from "@mxenabled/mx-icons";
+import { Fragment as P, jsx as o, jsxs as t } from "react/jsx-runtime";
+import W from "@mui/material/Box";
+import X from "@mui/material/Card";
+var Y = {}, q = {
   position: "absolute",
   top: 0,
   left: 0,
@@ -26,23 +27,29 @@ var z = {}, G = {
   backgroundColor: "background.default",
   opacity: 0.7,
   zIndex: 1
-}, no = E(({ beat: i, beatActions: y = z, obsolete: s }) => {
-  const { openCtaDrawer: p } = x(), h = C(), o = A(i, y), r = i.insights_payload;
-  if (!r || o.cardState === "dismissed") return null;
-  const { instance_slot: b, primary_cta: n, secondary_cta: a, subtitle: g, widget_type: k } = r, { block: v } = b, u = _[v], f = k === "mini", l = h.insights_feed?.general, c = s?.state === "not_refreshable" && !i.dismissed_at && !!l;
-  return /* @__PURE__ */ e(B, {
-    value: o.wrappedActions,
+}, be = U(({ beat: i, beatActions: b = Y, obsolete: s }) => {
+  const { openCtaDrawer: h } = L(), y = D(), { is_mobile_webview: g, clientConfig: k } = B(), e = N(i, b), r = i.insights_payload;
+  if (!r || e.cardState === "dismissed") return null;
+  const { instance_slot: v, primary_cta: n, secondary_cta: a, subtitle: C, widget_type: _ } = r, { block: x } = v, p = (S, w) => {
+    F(S) ? h(i.guid, w) : O(i, {
+      isMobileWebview: g,
+      webviewScheme: k?.master?.ui_message_webview_url_scheme,
+      userGuid: i.user_guid
+    });
+  }, u = T[x], f = _ === "mini", l = y.insights_feed?.general, c = s?.state === "not_refreshable" && !i.dismissed_at && !!l;
+  return /* @__PURE__ */ o(I, {
+    value: e.wrappedActions,
     children: /* @__PURE__ */ t(m, {
       sx: { mb: 16 },
       children: [
-        o.cardState === "confirming" ? /* @__PURE__ */ e(F, {
-          onClose: o.collapseConfirmation,
-          onLeaveFeedback: o.openHideSurvey,
-          onUndo: o.undoDismiss
-        }) : /* @__PURE__ */ t(M, { children: [s && l && /* @__PURE__ */ e(w, {
+        e.cardState === "confirming" ? /* @__PURE__ */ o(R, {
+          onClose: e.collapseConfirmation,
+          onLeaveFeedback: e.openHideSurvey,
+          onUndo: e.undoDismiss
+        }) : /* @__PURE__ */ t(P, { children: [s && l && /* @__PURE__ */ o(j, {
           ...s,
           copy: l
-        }), /* @__PURE__ */ t(j, {
+        }), /* @__PURE__ */ t(X, {
           inert: c,
           sx: { ...c && {
             position: "relative",
@@ -50,13 +57,13 @@ var z = {}, G = {
             pointerEvents: "none"
           } },
           children: [
-            c && /* @__PURE__ */ e(R, { sx: G }),
-            /* @__PURE__ */ e(D, {
+            c && /* @__PURE__ */ o(W, { sx: q }),
+            /* @__PURE__ */ o(E, {
               isMini: f,
-              subtitle: g,
+              subtitle: C,
               title: i.title
             }),
-            u && /* @__PURE__ */ e(u, {
+            u && /* @__PURE__ */ o(u, {
               beatGuid: i.guid,
               payload: r
             }),
@@ -68,11 +75,11 @@ var z = {}, G = {
                 pr: 16,
                 pt: 12
               },
-              children: [/* @__PURE__ */ e("div", {
+              children: [/* @__PURE__ */ o("div", {
                 dangerouslySetInnerHTML: { __html: i.html_description },
                 style: { paddingLeft: 4 }
-              }), i?.in_description_cta && /* @__PURE__ */ e(d, {
-                endIcon: /* @__PURE__ */ e(H, {}),
+              }), i?.in_description_cta && /* @__PURE__ */ o(d, {
+                endIcon: /* @__PURE__ */ o(V, {}),
                 onClick: () => {
                 },
                 sx: {
@@ -89,48 +96,48 @@ var z = {}, G = {
                 pb: 16,
                 px: 16
               },
-              children: [/* @__PURE__ */ e(d, {
-                onClick: () => n.block && p(i.guid, "primaryCta"),
+              children: [/* @__PURE__ */ o(d, {
+                onClick: () => p(n.block, "primaryCta"),
                 variant: "outlined",
                 children: n.label
-              }), a?.label && /* @__PURE__ */ e(d, {
+              }), a?.label && /* @__PURE__ */ o(d, {
                 color: "secondary",
-                onClick: () => a.block && p(i.guid, "secondaryCta"),
+                onClick: () => p(a.block, "secondaryCta"),
                 children: a.label
               })]
             }),
-            /* @__PURE__ */ e(L, {
-              onTellUsMore: o.openRatingSurvey,
-              show: o.isFeedbackBarShown
+            /* @__PURE__ */ o(H, {
+              onTellUsMore: e.openRatingSurvey,
+              show: e.isFeedbackBarShown
             })
           ]
         })] }),
-        /* @__PURE__ */ e(I, { beat: i }),
-        /* @__PURE__ */ e(T, {
-          isOpen: o.isDismissOpen,
-          onClose: o.closeDismissDialog,
-          onDismiss: o.confirmDismiss
+        /* @__PURE__ */ o(z, { beat: i }),
+        /* @__PURE__ */ o(G, {
+          isOpen: e.isDismissOpen,
+          onClose: e.closeDismissDialog,
+          onDismiss: e.confirmDismiss
         }),
-        o.isSurveyOpen && /* @__PURE__ */ e(O, {
-          characterLimitLabel: o.survey.characterLimitLabel,
-          closeAriaLabel: o.survey.closeAriaLabel,
+        e.isSurveyOpen && /* @__PURE__ */ o(M, {
+          characterLimitLabel: e.survey.characterLimitLabel,
+          closeAriaLabel: e.survey.closeAriaLabel,
           isOpen: !0,
-          onBackClick: o.feedbackDialogCallbacks.onBackClick,
-          onClose: o.closeSurvey,
-          onSubmit: o.submitSurvey,
-          onTextInputFocus: o.feedbackDialogCallbacks.onTextInputFocus,
-          options: o.survey.options,
-          primaryText: o.survey.submitText,
-          secondaryText: o.survey.backText,
-          title: o.survey.title
+          onBackClick: e.feedbackDialogCallbacks.onBackClick,
+          onClose: e.closeSurvey,
+          onSubmit: e.submitSurvey,
+          onTextInputFocus: e.feedbackDialogCallbacks.onTextInputFocus,
+          options: e.survey.options,
+          primaryText: e.survey.submitText,
+          secondaryText: e.survey.backText,
+          title: e.survey.title
         }),
-        o.cardState === "visible" && r.footer && /* @__PURE__ */ e(S, { footer: r.footer })
+        e.cardState === "visible" && r.footer && /* @__PURE__ */ o(A, { footer: r.footer })
       ]
     })
   });
 });
 export {
-  no as default
+  be as default
 };
 
 //# sourceMappingURL=BaseLayout.es.js.map

package/dist/insights-v2/components/BaseLayout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { blocks } from '../mappings/blocks'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport type { Beat } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  zIndex: 1,\n} as const\n\nconst BaseLayout = observer(\n  ({ beat, beatActions = NO_BEAT_ACTIONS, obsolete }: BaseLayoutProps) => {\n    const { openCtaDrawer } = useInsightsV2Store()\n    const copy = useGlobalCopyStore()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const { instance_slot, primary_cta, secondary_cta, subtitle, widget_type } = insights_payload\n    const { block } = instance_slot\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const isMini = widget_type === 'mini'\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !beat.dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={flow.wrappedActions}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={subtitle} title={beat.title} />\n                {Block && <Block beatGuid={beat.guid} payload={insights_payload} />}\n\n                <Stack sx={{ gap: 6, pb: 16, pl: 12, pr: 16, pt: 12 }}>\n                  <div\n                    dangerouslySetInnerHTML={{\n                      __html: beat.html_description as string,\n                    }}\n                    style={{ paddingLeft: 4 }}\n                  />\n                  {beat?.in_description_cta && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() => {}}\n                      sx={{ height: 24, p: 4, width: 'max-content' }}\n                    >\n                      {beat.in_description_cta}\n                    </Button>\n                  )}\n                </Stack>\n\n                {!isMini && primary_cta?.label && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    <Button\n                      onClick={() => primary_cta.block && openCtaDrawer(beat.guid, 'primaryCta')}\n                      variant=\"outlined\"\n                    >\n                      {primary_cta.label}\n                    </Button>\n                    {secondary_cta?.label && (\n                      <Button\n                        color=\"secondary\"\n                        onClick={() =>\n                          secondary_cta.block && openCtaDrawer(beat.guid, 'secondaryCta')\n                        }\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}
+{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { blocks, hasDrawerBlock } from '../mappings/blocks'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useAppConfig, useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport { sendBeatCta } from '../../common/utils/PostMessage'\nimport type { Beat } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  zIndex: 1,\n} as const\n\nconst BaseLayout = observer(\n  ({ beat, beatActions = NO_BEAT_ACTIONS, obsolete }: BaseLayoutProps) => {\n    const { openCtaDrawer } = useInsightsV2Store()\n    const copy = useGlobalCopyStore()\n    const { is_mobile_webview, clientConfig } = useAppConfig()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const { instance_slot, primary_cta, secondary_cta, subtitle, widget_type } = insights_payload\n    const { block } = instance_slot\n\n    // A CTA with a real drilldown `block` opens a drawer; otherwise it notifies\n    // the host app via a beat/cta post message (the \"Make a Transfer\" CTA on the\n    // Save an extra $100 beat). Mirrors Pulse's SaveAnExtra100Dollars beat.\n    const handleCtaClick = (\n      ctaBlock: string | null | undefined,\n      source: 'primaryCta' | 'secondaryCta',\n    ) => {\n      if (hasDrawerBlock(ctaBlock)) {\n        openCtaDrawer(beat.guid, source)\n      } else {\n        sendBeatCta(beat, {\n          isMobileWebview: is_mobile_webview,\n          webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n          userGuid: beat.user_guid,\n        })\n      }\n    }\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const isMini = widget_type === 'mini'\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !beat.dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={flow.wrappedActions}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={subtitle} title={beat.title} />\n                {Block && <Block beatGuid={beat.guid} payload={insights_payload} />}\n\n                <Stack sx={{ gap: 6, pb: 16, pl: 12, pr: 16, pt: 12 }}>\n                  <div\n                    dangerouslySetInnerHTML={{\n                      __html: beat.html_description as string,\n                    }}\n                    style={{ paddingLeft: 4 }}\n                  />\n                  {beat?.in_description_cta && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() => {}}\n                      sx={{ height: 24, p: 4, width: 'max-content' }}\n                    >\n                      {beat.in_description_cta}\n                    </Button>\n                  )}\n                </Stack>\n\n                {!isMini && primary_cta?.label && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    <Button\n                      onClick={() => handleCtaClick(primary_cta.block, 'primaryCta')}\n                      variant=\"outlined\"\n                    >\n                      {primary_cta.label}\n                    </Button>\n                    {secondary_cta?.label && (\n                      <Button\n                        color=\"secondary\"\n                        onClick={() => handleCtaClick(secondary_cta.block, 'secondaryCta')}\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}

package/dist/insights-v2/components/SaveAnExtraCard.es.js

@@ -1,22 +1,22 @@
-import { formatCurrency as i } from "../../core/utils/NumberFormatting.es.js";
-import { getLogoElevation as h } from "./logoShadow.es.js";
+import { formatCurrency as h } from "../../core/utils/NumberFormatting.es.js";
+import { getLogoElevation as m } from "./logoShadow.es.js";
 import { Text as r } from "@mxenabled/mxui";
 import { jsx as o, jsxs as e } from "react/jsx-runtime";
 import t from "@mui/material/Box";
-var C = ({ primaryText: n = [], secondaryText: a = [], bgcolor: c = "success.main", sx: l }) => {
-  const [d, s, p] = n, [m, x] = a;
+var C = ({ primaryText: i = [], secondaryText: n = [], bgcolor: a = "success.main", sx: c }) => {
+  const [l, d, s] = i, [p, x] = n;
   return /* @__PURE__ */ e(t, {
     sx: {
       border: "1px solid",
       borderColor: "success.main",
       borderRadius: 2,
-      boxShadow: h,
+      boxShadow: m,
       overflow: "hidden",
-      ...l
+      ...c
     },
     children: [/* @__PURE__ */ e(t, {
       sx: {
-        bgcolor: c,
+        bgcolor: a,
         color: "success.contrastText",
         p: 16,
         pt: 12,
@@ -26,18 +26,18 @@ var C = ({ primaryText: n = [], secondaryText: a = [], bgcolor: c = "success.mai
         /* @__PURE__ */ o(r, {
           color: "inherit",
           variant: "subtitle1",
-          children: d
+          children: l
         }),
         /* @__PURE__ */ o(r, {
           bold: !0,
           color: "inherit",
           variant: "h1",
-          children: i(Number(s ?? "0"), "0,0.00")
+          children: h(Number(d ?? "0"), "0,0.00")
         }),
         /* @__PURE__ */ o(r, {
           color: "inherit",
           variant: "caption",
-          children: p
+          children: s
         })
       ]
     }), /* @__PURE__ */ e(t, {
@@ -49,7 +49,7 @@ var C = ({ primaryText: n = [], secondaryText: a = [], bgcolor: c = "success.mai
       },
       children: [/* @__PURE__ */ o(r, {
         variant: "h3",
-        children: i(Number(m ?? "0"), "0,0.00")
+        children: p
       }), /* @__PURE__ */ o(r, {
         color: "text.secondary",
         variant: "caption",

package/dist/insights-v2/components/SaveAnExtraCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SaveAnExtraCard.es.js","names":[],"sources":["../../../src/insights-v2/components/SaveAnExtraCard.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\nimport { getLogoElevation } from './logoShadow'\n\ninterface SaveAnExtraCardProps {\n  primaryText?: string[]\n  secondaryText?: string[]\n  bgcolor?: string\n  sx?: SxProps<Theme>\n}\n\nconst SaveAnExtraCard = ({\n  primaryText = [],\n  secondaryText = [],\n  bgcolor = 'success.main',\n  sx,\n}: SaveAnExtraCardProps) => {\n  const [leadIn, amount, trailingCopy] = primaryText\n  const [projected, projectedCaption] = secondaryText\n\n  return (\n    <Box\n      sx={{\n        border: '1px solid',\n        borderColor: 'success.main',\n        borderRadius: 2,\n        boxShadow: getLogoElevation,\n        overflow: 'hidden',\n        ...sx,\n      }}\n    >\n      {/* Green header */}\n      <Box\n        sx={{\n          bgcolor,\n          color: 'success.contrastText',\n          p: 16,\n          pt: 12,\n          textAlign: 'center',\n        }}\n      >\n        <Text color=\"inherit\" variant=\"subtitle1\">\n          {leadIn}\n        </Text>\n        <Text bold={true} color=\"inherit\" variant=\"h1\">\n          {formatCurrency(Number(amount ?? '0'), '0,0.00')}\n        </Text>\n        <Text color=\"inherit\" variant=\"caption\">\n          {trailingCopy}\n        </Text>\n      </Box>\n\n      {/* White footer with projected amount */}\n      <Box sx={{ bgcolor: 'background.paper', px: 16, py: 12, textAlign: 'center' }}>\n        <Text variant=\"h3\">{formatCurrency(Number(projected ?? '0'), '0,0.00')}</Text>\n        <Text color=\"text.secondary\" variant=\"caption\">\n          {projectedCaption}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n\nexport default SaveAnExtraCard\n"],"mappings":";;;;;AAgBA,IAAM,IAAA,CAAmB,EACvB,aAAA,IAAc,CAAC,GACf,eAAA,IAAgB,CAAC,GACjB,SAAA,IAAU,gBACV,IAAA,EAAA,MAC0B;AAC1B,QAAM,CAAC,GAAQ,GAAQ,CAAA,IAAgB,GACjC,CAAC,GAAW,CAAA,IAAoB;AAEtC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,GAAG;AAAA,IACL;AAAA,IARF,UAAA,CAWE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAA;AAAA,QACA,OAAO;AAAA,QACP,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAPF,UAAA;AAAA,QASE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UAC3B,UAAA;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UACvC,UAAA,EAAe,OAAO,KAAU,GAAG,GAAG,QAAQ;AAAA,QAC3C,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UAC3B,UAAA;AAAA,QACG,CAAA;AAAA,MACH;AAAA,IAGL,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,SAAS;AAAA,QAAoB,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAA5E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAM,UAAA,EAAe,OAAO,KAAa,GAAG,GAAG,QAAQ;AAAA,MAAQ,CAAA,GAC7E,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,QAClC,UAAA;AAAA,MACG,CAAA,CACH;AAAA,IACF,CAAA,CAAA;AAAA;AAET"}
+{"version":3,"file":"SaveAnExtraCard.es.js","names":[],"sources":["../../../src/insights-v2/components/SaveAnExtraCard.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\nimport { getLogoElevation } from './logoShadow'\n\ninterface SaveAnExtraCardProps {\n  primaryText?: string[]\n  secondaryText?: string[]\n  bgcolor?: string\n  sx?: SxProps<Theme>\n}\n\nconst SaveAnExtraCard = ({\n  primaryText = [],\n  secondaryText = [],\n  bgcolor = 'success.main',\n  sx,\n}: SaveAnExtraCardProps) => {\n  const [leadIn, amount, trailingCopy] = primaryText\n  const [projected, projectedCaption] = secondaryText\n\n  return (\n    <Box\n      sx={{\n        border: '1px solid',\n        borderColor: 'success.main',\n        borderRadius: 2,\n        boxShadow: getLogoElevation,\n        overflow: 'hidden',\n        ...sx,\n      }}\n    >\n      {/* Green header */}\n      <Box\n        sx={{\n          bgcolor,\n          color: 'success.contrastText',\n          p: 16,\n          pt: 12,\n          textAlign: 'center',\n        }}\n      >\n        <Text color=\"inherit\" variant=\"subtitle1\">\n          {leadIn}\n        </Text>\n        <Text bold={true} color=\"inherit\" variant=\"h1\">\n          {formatCurrency(Number(amount ?? '0'), '0,0.00')}\n        </Text>\n        <Text color=\"inherit\" variant=\"caption\">\n          {trailingCopy}\n        </Text>\n      </Box>\n\n      {/* White footer with projected amount. The projected balance arrives\n          pre-formatted from the backend (e.g. \"$3,320\"), so render it as-is. */}\n      <Box sx={{ bgcolor: 'background.paper', px: 16, py: 12, textAlign: 'center' }}>\n        <Text variant=\"h3\">{projected}</Text>\n        <Text color=\"text.secondary\" variant=\"caption\">\n          {projectedCaption}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n\nexport default SaveAnExtraCard\n"],"mappings":";;;;;AAgBA,IAAM,IAAA,CAAmB,EACvB,aAAA,IAAc,CAAC,GACf,eAAA,IAAgB,CAAC,GACjB,SAAA,IAAU,gBACV,IAAA,EAAA,MAC0B;AAC1B,QAAM,CAAC,GAAQ,GAAQ,CAAA,IAAgB,GACjC,CAAC,GAAW,CAAA,IAAoB;AAEtC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,GAAG;AAAA,IACL;AAAA,IARF,UAAA,CAWE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAA;AAAA,QACA,OAAO;AAAA,QACP,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAPF,UAAA;AAAA,QASE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UAC3B,UAAA;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UACvC,UAAA,EAAe,OAAO,KAAU,GAAG,GAAG,QAAQ;AAAA,QAC3C,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UAC3B,UAAA;AAAA,QACG,CAAA;AAAA,MACH;AAAA,IAIL,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,SAAS;AAAA,QAAoB,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAA5E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAM,UAAA;AAAA,MAAgB,CAAA,GACpC,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,QAClC,UAAA;AAAA,MACG,CAAA,CACH;AAAA,IACF,CAAA,CAAA;AAAA;AAET"}

package/package.json

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