@mx-cartographer/experiences 9.4.12-alpha.al1 → 9.4.13

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

@@ -1,228 +1,275 @@
-import { buildDynamicCopy as A } from "../../../core/utils/Localization.es.js";
-import { formatCurrency as l } from "../../../core/utils/NumberFormatting.es.js";
-import { BalanceStepper as C } from "./BalanceStepper.es.js";
-import I from "./SaveEnoughToLiveOnBottomSection.es.js";
-import { getMakeTransferLayout as y, variants as T } from "./layout.es.js";
-import x from "react";
-import { Text as e } from "@mxenabled/mxui";
-import { Icon as L } from "@mxenabled/mx-icons";
-import { Fragment as k, jsx as t, jsxs as r } from "react/jsx-runtime";
-import { Card as W, Divider as j, List as D, ListItem as E, Stack as n } from "@mui/material";
-var P = ({ variant: p = T.SAVE_ENOUGH_TO_LIVE_ON, svgDateContent: m, date: h, copy: i, availableBalances: c, averageMonthlySpend: o, totalRemaining: g }) => {
-  const a = y(p), { monthsTable: _, deltaAmount: u } = a, [f, d] = x.useState(a.initialAmount ?? o ?? 0);
-  return x.useEffect(() => {
-    a.initialAmount == null && o != null && d(o);
-  }, [o, a.initialAmount]), /* @__PURE__ */ r(k, { children: [
-    /* @__PURE__ */ r(n, {
+import { buildDynamicCopy as y } from "../../../core/utils/Localization.es.js";
+import { formatCurrency as d } from "../../../core/utils/NumberFormatting.es.js";
+import { BalanceStepper as S } from "./BalanceStepper.es.js";
+import w from "./SaveEnoughToLiveOnBottomSection.es.js";
+import { toNumber as p, variants as C } from "./layout.es.js";
+import v from "react";
+import { Text as i } from "@mxenabled/mxui";
+import { Icon as E } from "@mxenabled/mx-icons";
+import { Fragment as f, jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Card as I, Divider as A, List as T, ListItem as H, Stack as l } from "@mui/material";
+var N = [
+  {
+    label: "3 months",
+    value: 3
+  },
+  {
+    label: "6 months",
+    value: 6
+  },
+  {
+    label: "9 months",
+    value: 9
+  }
+], O = [
+  {
+    label: "1 month",
+    value: 1
+  },
+  {
+    label: "3 months",
+    value: 3
+  },
+  {
+    label: "6 months",
+    value: 6
+  },
+  {
+    label: "9 months",
+    value: 9
+  }
+], W = ({ copy: o, leading: r }) => /* @__PURE__ */ a(l, {
+  sx: {
+    bgcolor: "background.paper",
+    p: 24,
+    borderBottom: "1px solid",
+    borderColor: "divider"
+  },
+  children: [r, /* @__PURE__ */ a(l, {
+    sx: { gap: 8 },
+    children: [/* @__PURE__ */ e(i, {
+      variant: "h3",
+      children: o.header_content
+    }), /* @__PURE__ */ e(i, {
+      sx: { lineHeight: "24px" },
+      truncate: !1,
+      variant: "body1",
+      children: o.description
+    })]
+  })]
+}), j = ({ availableBalances: o, expenses: r, totalRemaining: t, copy: n }) => /* @__PURE__ */ e(l, {
+  sx: {
+    pt: 24,
+    px: 24
+  },
+  children: /* @__PURE__ */ a(I, {
+    sx: {
+      px: 16,
+      pt: 16,
+      pb: 12
+    },
+    children: [/* @__PURE__ */ a(l, {
       sx: {
-        bgcolor: "background.paper",
-        p: 24,
-        borderBottom: "1px solid",
-        borderColor: "divider"
+        border: 1,
+        borderColor: "divider",
+        borderRadius: "4px",
+        gap: 12,
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        p: 8,
+        mb: 12
       },
-      children: [a.showBalancesSection && c != null && o != null && m && /* @__PURE__ */ t(I, {
-        content: m || "",
-        leftLabel: i.available_balances_text,
-        leftValue: l(c, "0,0.00"),
-        rightLabel: i.average_monthly_spend_text,
-        rightValue: l(o, "0,0.00"),
-        sx: {
-          width: "100%",
-          mb: 24
-        }
-      }), /* @__PURE__ */ r(n, {
-        sx: { gap: 8 },
-        children: [/* @__PURE__ */ t(e, {
-          variant: "h3",
-          children: i.header_content
-        }), /* @__PURE__ */ t(e, {
-          sx: { lineHeight: "24px" },
-          truncate: !1,
-          variant: "body1",
-          children: i.description
-        })]
-      })]
-    }),
-    a.showRemainingCard && c != null && o != null && /* @__PURE__ */ t(n, {
-      sx: {
-        pt: 24,
-        px: 24
-      },
-      children: /* @__PURE__ */ r(W, {
-        sx: {
-          px: 16,
-          pt: 16,
-          pb: 12
-        },
-        children: [/* @__PURE__ */ r(n, {
+      children: [
+        /* @__PURE__ */ a(l, {
           sx: {
-            border: 1,
-            borderColor: "divider",
-            borderRadius: "4px",
-            gap: 12,
-            flexDirection: "row",
-            justifyContent: "space-between",
-            alignItems: "center",
-            p: 8,
-            mb: 12
+            width: 155,
+            textAlign: "center"
           },
-          children: [
-            /* @__PURE__ */ r(n, {
-              sx: {
-                width: 155,
-                textAlign: "center"
-              },
-              children: [/* @__PURE__ */ t(e, {
-                sx: { fontWeight: 600 },
-                variant: "body1",
-                children: l(c, "0,0.00")
-              }), /* @__PURE__ */ t(e, {
-                sx: { color: "text.secondary" },
-                variant: "caption",
-                children: i.available_text
-              })]
-            }),
-            /* @__PURE__ */ t(L, {
-              name: "remove",
-              size: 20
-            }),
-            /* @__PURE__ */ r(n, {
-              sx: {
-                width: 155,
-                textAlign: "center"
-              },
-              children: [/* @__PURE__ */ t(e, {
-                sx: { fontWeight: 600 },
-                variant: "body1",
-                children: l(o, "0,0.00")
-              }), /* @__PURE__ */ t(e, {
-                sx: { color: "text.secondary" },
-                variant: "caption",
-                children: i.expenses_text
-              })]
-            })
-          ]
-        }), /* @__PURE__ */ r(n, {
+          children: [/* @__PURE__ */ e(i, {
+            sx: { fontWeight: 600 },
+            variant: "body1",
+            children: d(o, "0,0.00")
+          }), /* @__PURE__ */ e(i, {
+            sx: { color: "text.secondary" },
+            variant: "caption",
+            children: n.available_text
+          })]
+        }),
+        /* @__PURE__ */ e(E, {
+          name: "remove",
+          size: 20
+        }),
+        /* @__PURE__ */ a(l, {
           sx: {
-            textAlign: "center",
-            flexDirection: "row",
-            justifyContent: "center",
-            alignItems: "center",
-            gap: 4
+            width: 155,
+            textAlign: "center"
           },
-          children: [/* @__PURE__ */ r(e, {
-            sx: { color: "text.secondary" },
-            variant: "body2",
-            children: [i.total_remaining_text, ":"]
-          }), /* @__PURE__ */ t(e, {
+          children: [/* @__PURE__ */ e(i, {
             sx: { fontWeight: 600 },
-            variant: "body2",
-            children: l(g, "0,0.00")
+            variant: "body1",
+            children: d(r, "0,0.00")
+          }), /* @__PURE__ */ e(i, {
+            sx: { color: "text.secondary" },
+            variant: "caption",
+            children: n.expenses_text
           })]
-        })]
-      })
-    }),
-    /* @__PURE__ */ r(n, {
+        })
+      ]
+    }), /* @__PURE__ */ a(l, {
       sx: {
-        p: 24,
-        gap: 8
+        textAlign: "center",
+        flexDirection: "row",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: 4
       },
-      children: [/* @__PURE__ */ t(e, {
+      children: [/* @__PURE__ */ a(i, {
+        sx: { color: "text.secondary" },
+        variant: "body2",
+        children: [n.total_remaining_text, ":"]
+      }), /* @__PURE__ */ e(i, {
         sx: { fontWeight: 600 },
-        truncate: !1,
-        variant: "body1",
-        children: i.body_content
-      }), /* @__PURE__ */ t(C, {
-        amount: l(f, "0,0.00"),
-        copy: i,
-        onDecrement: () => d((s) => Math.max(0, s - u)),
-        onIncrement: () => d((s) => s + u)
+        variant: "body2",
+        children: d(t, "0,0.00")
       })]
-    }),
-    /* @__PURE__ */ r(n, {
-      sx: { gap: 8 },
-      children: [
-        /* @__PURE__ */ t(e, {
-          sx: {
-            fontWeight: 600,
-            mx: 24
-          },
-          truncate: !1,
-          variant: "body1",
-          children: i.body_description
-        }),
-        /* @__PURE__ */ t(D, {
-          sx: {
-            bgcolor: "background.paper",
-            width: "100%"
-          },
-          children: _.map(({ label: s, value: b }, w) => {
-            const v = a.lastRowIndex;
-            return /* @__PURE__ */ r(x.Fragment, { children: [/* @__PURE__ */ t(E, {
-              disableGutters: !0,
-              disablePadding: !0,
-              sx: {
-                minHeight: 52,
-                bgcolor: "background.paper"
-              },
-              children: /* @__PURE__ */ t(n, {
-                sx: { width: "100%" },
-                children: /* @__PURE__ */ r(n, {
-                  sx: {
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                    width: "100%",
-                    px: 24,
-                    py: 8
-                  },
-                  children: [/* @__PURE__ */ t(e, {
-                    truncate: !1,
-                    variant: "body1",
-                    children: s
-                  }), /* @__PURE__ */ t(e, {
-                    sx: { fontWeight: 600 },
-                    truncate: !1,
-                    variant: "body1",
-                    children: l(b * f, "0,0")
-                  })]
-                })
-              })
-            }), /* @__PURE__ */ t(j, {
-              component: "li",
-              sx: { ml: w === v ? 0 : 24 }
-            })] }, b);
-          })
-        }),
-        a.showTotalBalances && c != null && /* @__PURE__ */ r(n, {
-          sx: {
-            pt: 6,
-            pb: 14,
-            px: 24,
-            textAlign: "right",
-            gap: 4
-          },
-          children: [/* @__PURE__ */ t(e, {
-            truncate: !1,
-            variant: "h3",
-            children: l(c, "0,0.00")
-          }), h && /* @__PURE__ */ t(e, {
+    })]
+  })
+}), k = ({ availableBalances: o, date: r, copy: t }) => /* @__PURE__ */ a(l, {
+  sx: {
+    pt: 6,
+    pb: 14,
+    px: 24,
+    textAlign: "right",
+    gap: 4
+  },
+  children: [/* @__PURE__ */ e(i, {
+    truncate: !1,
+    variant: "h3",
+    children: d(o, "0,0.00")
+  }), r && /* @__PURE__ */ e(i, {
+    sx: {
+      color: "text.secondary",
+      fontWeight: 400
+    },
+    truncate: !1,
+    variant: "subtitle2",
+    children: y(t.your_available_balances_text, r)
+  })]
+}), L = ({ bodyContent: o, bodyDescription: r, monthsTable: t, deltaAmount: n, initialAmount: s, seedAmount: c, copy: m }) => {
+  const [b, h] = v.useState(s ?? c ?? 0);
+  v.useEffect(() => {
+    s == null && c != null && h(c);
+  }, [s, c]);
+  const g = t.length - 1;
+  return /* @__PURE__ */ a(f, { children: [/* @__PURE__ */ a(l, {
+    sx: {
+      p: 24,
+      gap: 8
+    },
+    children: [/* @__PURE__ */ e(i, {
+      sx: { fontWeight: 600 },
+      truncate: !1,
+      variant: "body1",
+      children: o
+    }), /* @__PURE__ */ e(S, {
+      amount: d(b, "0,0.00"),
+      copy: m,
+      onDecrement: () => h((x) => Math.max(0, x - n)),
+      onIncrement: () => h((x) => x + n)
+    })]
+  }), /* @__PURE__ */ a(l, {
+    sx: { gap: 8 },
+    children: [/* @__PURE__ */ e(i, {
+      sx: {
+        fontWeight: 600,
+        mx: 24
+      },
+      truncate: !1,
+      variant: "body1",
+      children: r
+    }), /* @__PURE__ */ e(T, {
+      sx: {
+        bgcolor: "background.paper",
+        width: "100%"
+      },
+      children: t.map(({ label: x, value: u }, _) => /* @__PURE__ */ a(v.Fragment, { children: [/* @__PURE__ */ e(H, {
+        disableGutters: !0,
+        disablePadding: !0,
+        sx: {
+          minHeight: 52,
+          bgcolor: "background.paper"
+        },
+        children: /* @__PURE__ */ e(l, {
+          sx: { width: "100%" },
+          children: /* @__PURE__ */ a(l, {
             sx: {
-              color: "text.secondary",
-              fontWeight: 400
+              flexDirection: "row",
+              justifyContent: "space-between",
+              alignItems: "center",
+              width: "100%",
+              px: 24,
+              py: 8
             },
-            truncate: !1,
-            variant: "subtitle2",
-            children: A(i.your_available_balances_text, h)
-          })]
+            children: [/* @__PURE__ */ e(i, {
+              truncate: !1,
+              variant: "body1",
+              children: x
+            }), /* @__PURE__ */ e(i, {
+              sx: { fontWeight: 600 },
+              truncate: !1,
+              variant: "body1",
+              children: d(u * b, "0,0")
+            })]
+          })
         })
-      ]
+      }), /* @__PURE__ */ e(A, {
+        component: "li",
+        sx: { ml: _ === g ? 0 : 24 }
+      })] }, u))
+    })]
+  })] });
+}, z = ({ variant: o, slotData: r, copy: t }) => {
+  const n = o === C.SAVE_ENOUGH_TO_LIVE_ON, s = r?.available_balance, c = p(r?.avg_monthly_spend), m = p(r?.upcoming_expenses), b = p(r?.total_remaining), h = r?.time_period, g = r?.date;
+  return /* @__PURE__ */ a(f, { children: [
+    /* @__PURE__ */ e(W, {
+      copy: t,
+      leading: n && s != null && c != null && h ? /* @__PURE__ */ e(w, {
+        content: h,
+        leftLabel: t.available_balances_text,
+        leftValue: d(s, "0,0.00"),
+        rightLabel: t.average_monthly_spend_text,
+        rightValue: d(c, "0,0.00"),
+        sx: {
+          width: "100%",
+          mb: 24
+        }
+      }) : null
+    }),
+    !n && s != null && m != null && /* @__PURE__ */ e(j, {
+      availableBalances: s,
+      copy: t,
+      expenses: m,
+      totalRemaining: b
+    }),
+    /* @__PURE__ */ e(L, {
+      bodyContent: n ? t.body_spending_content : t.body_saving_content,
+      bodyDescription: n ? t.body_spending_description : t.body_saving_description,
+      copy: t,
+      deltaAmount: n ? 50 : 5,
+      initialAmount: n ? null : 100,
+      monthsTable: n ? O : N,
+      seedAmount: n ? c : void 0
+    }),
+    n && s != null && /* @__PURE__ */ e(k, {
+      availableBalances: s,
+      copy: t,
+      date: g
     })
   ] });
 };
 export {
-  P as MakeTransferActionBlock,
-  T as variants
+  z as MakeTransferActionBlock
 };
 
 //# sourceMappingURL=MakeTransferActionBlock.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MakeTransferActionBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/MakeTransferActionBlock/MakeTransferActionBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { Card, Divider, List, ListItem, Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\nimport { BalanceStepper } from './BalanceStepper'\nimport { formatCurrency } from '../../../common'\nimport { buildDynamicCopy } from '../../../core'\nimport SaveEnoughToLiveOnBottomSection from './SaveEnoughToLiveOnBottomSection'\nimport { getMakeTransferLayout, variants } from './layout'\n\n// Re-exported for existing importers (adapter, tests) that pull `variants` from\n// the component module. The source of truth is ./layout.\nexport { variants }\n\ninterface CopyContent {\n  header_content?: string\n  description?: string\n  body_content?: string\n  body_description?: string\n  available_text?: string\n  total_remaining_text?: string\n  increment_aria_label?: string\n  decrement_aria_label?: string\n  expenses_text?: string\n  available_balances_text?: string\n  average_monthly_spend_text?: string\n  your_available_balances_text?: string\n}\n\ninterface MakeTransferActionBlockProps {\n  date?: string\n  variant: (typeof variants)[keyof typeof variants]\n  svgDateContent?: string\n  availableBalances?: number\n  copy: CopyContent\n  averageMonthlySpend?: number\n  /** SAVE_AN_EXTRA_100: total remaining from the payload; falls back to available − expenses. */\n  totalRemaining?: number\n}\n\n// Content-only: the surrounding Drawer (open/close/title) is owned by\n// ActionBlockLayer, which renders this inside the shared action-drawer shell.\nexport const MakeTransferActionBlock = ({\n  variant = variants.SAVE_ENOUGH_TO_LIVE_ON,\n  svgDateContent,\n  date,\n  copy,\n  availableBalances,\n  averageMonthlySpend,\n  totalRemaining,\n}: MakeTransferActionBlockProps) => {\n  // All per-variant layout decisions live in ./layout.ts (Beat Blocks pattern).\n  const layout = getMakeTransferLayout(variant)\n  const { monthsTable, deltaAmount } = layout\n\n  const [amountToCalculate, setAmountToCalculate] = React.useState(\n    layout.initialAmount ?? averageMonthlySpend ?? 0,\n  )\n\n  // Variants without a fixed initialAmount (e.g. SAVE_ENOUGH_TO_LIVE_ON) seed the\n  // stepper from averageMonthlySpend. useState only captures its initializer once,\n  // so sync once the spend resolves after mount.\n  React.useEffect(() => {\n    if (layout.initialAmount == null && averageMonthlySpend != null) {\n      setAmountToCalculate(averageMonthlySpend)\n    }\n  }, [averageMonthlySpend, layout.initialAmount])\n\n  return (\n    <>\n      <Stack\n        sx={{\n          bgcolor: 'background.paper',\n          p: 24,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        }}\n      >\n        {layout.showBalancesSection &&\n          availableBalances != null &&\n          averageMonthlySpend != null &&\n          svgDateContent && (\n            <SaveEnoughToLiveOnBottomSection\n              content={svgDateContent || ''}\n              leftLabel={copy.available_balances_text!}\n              leftValue={formatCurrency(availableBalances, '0,0.00')}\n              rightLabel={copy.average_monthly_spend_text!}\n              rightValue={formatCurrency(averageMonthlySpend, '0,0.00')}\n              sx={{ width: '100%', mb: 24 }}\n            />\n          )}\n        <Stack\n          sx={{\n            gap: 8,\n          }}\n        >\n          <Text variant=\"h3\">{copy.header_content}</Text>\n          <Text sx={{ lineHeight: '24px' }} truncate={false} variant=\"body1\">\n            {copy.description}\n          </Text>\n        </Stack>\n      </Stack>\n      {layout.showRemainingCard && availableBalances != null && averageMonthlySpend != null && (\n        <Stack sx={{ pt: 24, px: 24 }}>\n          <Card sx={{ px: 16, pt: 16, pb: 12 }}>\n            <Stack\n              sx={{\n                border: 1,\n                borderColor: 'divider',\n                borderRadius: '4px',\n                gap: 12,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                alignItems: 'center',\n                p: 8,\n                mb: 12,\n              }}\n            >\n              <Stack sx={{ width: 155, textAlign: 'center' }}>\n                <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n                  {formatCurrency(availableBalances, '0,0.00')}\n                </Text>\n                <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                  {copy.available_text}\n                </Text>\n              </Stack>\n              <Icon name=\"remove\" size={20} />\n              <Stack sx={{ width: 155, textAlign: 'center' }}>\n                <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n                  {formatCurrency(averageMonthlySpend, '0,0.00')}\n                </Text>\n                <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                  {copy.expenses_text}\n                </Text>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                textAlign: 'center',\n                flexDirection: 'row',\n                justifyContent: 'center',\n                alignItems: 'center',\n                gap: 4,\n              }}\n            >\n              <Text sx={{ color: 'text.secondary' }} variant=\"body2\">\n                {copy.total_remaining_text}:\n              </Text>\n              <Text sx={{ fontWeight: 600 }} variant=\"body2\">\n                {formatCurrency(totalRemaining, '0,0.00')}\n              </Text>\n            </Stack>\n          </Card>\n        </Stack>\n      )}\n\n      <Stack sx={{ p: 24, gap: 8 }}>\n        <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n          {copy.body_content}\n        </Text>\n        <BalanceStepper\n          amount={formatCurrency(amountToCalculate, '0,0.00')}\n          copy={copy}\n          onDecrement={() => setAmountToCalculate((prev) => Math.max(0, prev - deltaAmount))}\n          onIncrement={() => setAmountToCalculate((prev) => prev + deltaAmount)}\n        />\n      </Stack>\n      <Stack sx={{ gap: 8 }}>\n        <Text sx={{ fontWeight: 600, mx: 24 }} truncate={false} variant=\"body1\">\n          {copy.body_description}\n        </Text>\n        <List sx={{ bgcolor: 'background.paper', width: '100%' }}>\n          {monthsTable.map(({ label, value }, index) => {\n            const isLastIndex = layout.lastRowIndex\n            return (\n              <React.Fragment key={value}>\n                <ListItem\n                  disableGutters={true}\n                  disablePadding={true}\n                  sx={{\n                    minHeight: 52,\n                    bgcolor: 'background.paper',\n                  }}\n                >\n                  <Stack sx={{ width: '100%' }}>\n                    <Stack\n                      sx={{\n                        flexDirection: 'row',\n                        justifyContent: 'space-between',\n                        alignItems: 'center',\n                        width: '100%',\n                        px: 24,\n                        py: 8,\n                      }}\n                    >\n                      <Text truncate={false} variant=\"body1\">\n                        {label}\n                      </Text>\n                      <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n                        {formatCurrency(value * amountToCalculate, '0,0')}\n                      </Text>\n                    </Stack>\n                  </Stack>\n                </ListItem>\n                <Divider component=\"li\" sx={{ ml: index === isLastIndex ? 0 : 24 }} />\n              </React.Fragment>\n            )\n          })}\n        </List>\n        {layout.showTotalBalances && availableBalances != null && (\n          <Stack sx={{ pt: 6, pb: 14, px: 24, textAlign: 'right', gap: 4 }}>\n            <Text truncate={false} variant=\"h3\">\n              {formatCurrency(availableBalances, '0,0.00')}\n            </Text>\n            {date && (\n              <Text\n                sx={{ color: 'text.secondary', fontWeight: 400 }}\n                truncate={false}\n                variant=\"subtitle2\"\n              >\n                {buildDynamicCopy(copy.your_available_balances_text!, date) as string}\n              </Text>\n            )}\n          </Stack>\n        )}\n      </Stack>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MakeTransferActionBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/MakeTransferActionBlock/MakeTransferActionBlock.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react'\nimport { Card, Divider, List, ListItem, Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency } from '../../../common'\nimport { buildDynamicCopy, type MakeTransferCopy } from '../../../core'\n\nimport { BalanceStepper } from './BalanceStepper'\nimport SaveEnoughToLiveOnBottomSection from './SaveEnoughToLiveOnBottomSection'\nimport {\n  toNumber,\n  variants,\n  type MakeTransferVariant,\n  type MakeTransferVariantProps,\n} from './layout'\n\n// ============================================================================\n// Section building blocks (block-local)\n// ============================================================================\n\ninterface MonthRow {\n  label: string\n  value: number\n}\n\nconst SAVE_AN_EXTRA_MONTHS: readonly MonthRow[] = [\n  { label: '3 months', value: 3 },\n  { label: '6 months', value: 6 },\n  { label: '9 months', value: 9 },\n]\n\nconst SAVE_ENOUGH_MONTHS: readonly MonthRow[] = [\n  { label: '1 month', value: 1 },\n  { label: '3 months', value: 3 },\n  { label: '6 months', value: 6 },\n  { label: '9 months', value: 9 },\n]\n\n/** Bordered title + description, with an optional `leading` slot. */\nconst Header = ({ copy, leading }: { copy: MakeTransferCopy; leading?: ReactNode }) => (\n  <Stack\n    sx={{ bgcolor: 'background.paper', p: 24, borderBottom: '1px solid', borderColor: 'divider' }}\n  >\n    {leading}\n    <Stack sx={{ gap: 8 }}>\n      <Text variant=\"h3\">{copy.header_content}</Text>\n      <Text sx={{ lineHeight: '24px' }} truncate={false} variant=\"body1\">\n        {copy.description}\n      </Text>\n    </Stack>\n  </Stack>\n)\n\n/** Save-extra only: available − expenses = total remaining. */\nconst RemainingCard = ({\n  availableBalances,\n  expenses,\n  totalRemaining,\n  copy,\n}: {\n  availableBalances: number\n  expenses: number\n  totalRemaining?: number\n  copy: MakeTransferCopy\n}) => (\n  <Stack sx={{ pt: 24, px: 24 }}>\n    <Card sx={{ px: 16, pt: 16, pb: 12 }}>\n      <Stack\n        sx={{\n          border: 1,\n          borderColor: 'divider',\n          borderRadius: '4px',\n          gap: 12,\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          p: 8,\n          mb: 12,\n        }}\n      >\n        <Stack sx={{ width: 155, textAlign: 'center' }}>\n          <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n            {formatCurrency(availableBalances, '0,0.00')}\n          </Text>\n          <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n            {copy.available_text}\n          </Text>\n        </Stack>\n        <Icon name=\"remove\" size={20} />\n        <Stack sx={{ width: 155, textAlign: 'center' }}>\n          <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n            {formatCurrency(expenses, '0,0.00')}\n          </Text>\n          <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n            {copy.expenses_text}\n          </Text>\n        </Stack>\n      </Stack>\n      <Stack\n        sx={{\n          textAlign: 'center',\n          flexDirection: 'row',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: 4,\n        }}\n      >\n        <Text sx={{ color: 'text.secondary' }} variant=\"body2\">\n          {copy.total_remaining_text}:\n        </Text>\n        <Text sx={{ fontWeight: 600 }} variant=\"body2\">\n          {formatCurrency(totalRemaining, '0,0.00')}\n        </Text>\n      </Stack>\n    </Card>\n  </Stack>\n)\n\n/** Save-enough only: total available balances as of a date. */\nconst TotalsFooter = ({\n  availableBalances,\n  date,\n  copy,\n}: {\n  availableBalances: number\n  date?: string\n  copy: MakeTransferCopy\n}) => (\n  <Stack sx={{ pt: 6, pb: 14, px: 24, textAlign: 'right', gap: 4 }}>\n    <Text truncate={false} variant=\"h3\">\n      {formatCurrency(availableBalances, '0,0.00')}\n    </Text>\n    {date && (\n      <Text sx={{ color: 'text.secondary', fontWeight: 400 }} truncate={false} variant=\"subtitle2\">\n        {buildDynamicCopy(copy.your_available_balances_text, date) as string}\n      </Text>\n    )}\n  </Stack>\n)\n\n/** Stepper + projected-savings table. Owns the amount state so both stay in sync. */\nconst SavingsProjection = ({\n  bodyContent,\n  bodyDescription,\n  monthsTable,\n  deltaAmount,\n  initialAmount,\n  seedAmount,\n  copy,\n}: {\n  bodyContent: string\n  bodyDescription: string\n  monthsTable: readonly MonthRow[]\n  deltaAmount: number\n  /** Fixed starting amount; when null, seeds from `seedAmount` once it resolves. */\n  initialAmount: number | null\n  seedAmount?: number\n  copy: MakeTransferCopy\n}) => {\n  const [amount, setAmount] = React.useState(initialAmount ?? seedAmount ?? 0)\n\n  React.useEffect(() => {\n    if (initialAmount == null && seedAmount != null) {\n      setAmount(seedAmount)\n    }\n  }, [initialAmount, seedAmount])\n\n  const lastRowIndex = monthsTable.length - 1\n\n  return (\n    <>\n      <Stack sx={{ p: 24, gap: 8 }}>\n        <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n          {bodyContent}\n        </Text>\n        <BalanceStepper\n          amount={formatCurrency(amount, '0,0.00')}\n          copy={copy}\n          onDecrement={() => setAmount((prev) => Math.max(0, prev - deltaAmount))}\n          onIncrement={() => setAmount((prev) => prev + deltaAmount)}\n        />\n      </Stack>\n      <Stack sx={{ gap: 8 }}>\n        <Text sx={{ fontWeight: 600, mx: 24 }} truncate={false} variant=\"body1\">\n          {bodyDescription}\n        </Text>\n        <List sx={{ bgcolor: 'background.paper', width: '100%' }}>\n          {monthsTable.map(({ label, value }, index) => (\n            <React.Fragment key={value}>\n              <ListItem\n                disableGutters={true}\n                disablePadding={true}\n                sx={{ minHeight: 52, bgcolor: 'background.paper' }}\n              >\n                <Stack sx={{ width: '100%' }}>\n                  <Stack\n                    sx={{\n                      flexDirection: 'row',\n                      justifyContent: 'space-between',\n                      alignItems: 'center',\n                      width: '100%',\n                      px: 24,\n                      py: 8,\n                    }}\n                  >\n                    <Text truncate={false} variant=\"body1\">\n                      {label}\n                    </Text>\n                    <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n                      {formatCurrency(value * amount, '0,0')}\n                    </Text>\n                  </Stack>\n                </Stack>\n              </ListItem>\n              <Divider component=\"li\" sx={{ ml: index === lastRowIndex ? 0 : 24 }} />\n            </React.Fragment>\n          ))}\n        </List>\n      </Stack>\n    </>\n  )\n}\n\n// ============================================================================\n// Block — one component handles both variants (they share the header + the\n// stepper/table skeleton; the top/middle/bottom sections differ). Branching is\n// on `variant` since the two are structurally close. If a third structurally\n// distinct variant appears, split into per-variant components + a registry.\n// ============================================================================\n\nexport const MakeTransferActionBlock = ({\n  variant,\n  slotData,\n  copy,\n}: MakeTransferVariantProps & { variant: MakeTransferVariant }) => {\n  const isSaveEnough = variant === variants.SAVE_ENOUGH_TO_LIVE_ON\n\n  const availableBalances = slotData?.available_balance\n  const averageMonthlySpend = toNumber(slotData?.avg_monthly_spend)\n  const expenses = toNumber(slotData?.upcoming_expenses)\n  const totalRemaining = toNumber(slotData?.total_remaining)\n  const svgDateContent = slotData?.time_period\n  const date = slotData?.date\n\n  return (\n    <>\n      <Header\n        copy={copy}\n        leading={\n          isSaveEnough &&\n          availableBalances != null &&\n          averageMonthlySpend != null &&\n          svgDateContent ? (\n            <SaveEnoughToLiveOnBottomSection\n              content={svgDateContent}\n              leftLabel={copy.available_balances_text}\n              leftValue={formatCurrency(availableBalances, '0,0.00')}\n              rightLabel={copy.average_monthly_spend_text}\n              rightValue={formatCurrency(averageMonthlySpend, '0,0.00')}\n              sx={{ width: '100%', mb: 24 }}\n            />\n          ) : null\n        }\n      />\n\n      {!isSaveEnough && availableBalances != null && expenses != null && (\n        <RemainingCard\n          availableBalances={availableBalances}\n          copy={copy}\n          expenses={expenses}\n          totalRemaining={totalRemaining}\n        />\n      )}\n\n      <SavingsProjection\n        bodyContent={isSaveEnough ? copy.body_spending_content : copy.body_saving_content}\n        bodyDescription={\n          isSaveEnough ? copy.body_spending_description : copy.body_saving_description\n        }\n        copy={copy}\n        deltaAmount={isSaveEnough ? 50 : 5}\n        initialAmount={isSaveEnough ? null : 100}\n        monthsTable={isSaveEnough ? SAVE_ENOUGH_MONTHS : SAVE_AN_EXTRA_MONTHS}\n        seedAmount={isSaveEnough ? averageMonthlySpend : undefined}\n      />\n\n      {isSaveEnough && availableBalances != null && (\n        <TotalsFooter availableBalances={availableBalances} copy={copy} date={date} />\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/insights-v2/actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.d.ts

@@ -1,10 +1,11 @@
 import { Beat } from '../../../core';
 /**
- * Adapter that plugs MakeTransferActionBlock into the ActionBlock registry.
+ * Adapter that plugs MakeTransfer into the ActionBlock registry.
  *
- * The block is content-only — ActionBlockLayer owns the surrounding Drawer
- * (open/close/title). This adapter derives the variant from the clicked CTA,
- * the figures from the beat payload, and the copy from GlobalCopyStore.
+ * The variants are content-only — ActionBlockLayer owns the surrounding Drawer
+ * (open/close/title). This adapter derives the variant from the clicked CTA, the
+ * copy from GlobalCopyStore, and passes the slot data through; each variant reads
+ * the fields it needs.
  */
 export declare const MakeTransferActionBlockLayer: (({ beat, }: {
     beat: Beat;

package/dist/insights-v2/actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js

@@ -1,26 +1,18 @@
-import { useGlobalCopyStore as p, useInsightsV2Store as f } from "../../../common/context/hooks.es.js";
-import { getMakeTransferLayout as g, resolveMakeTransferVariant as b } from "./layout.es.js";
-import { MakeTransferActionBlock as v } from "./MakeTransferActionBlock.es.js";
-import { observer as k } from "mobx-react-lite";
-import { jsx as _ } from "react/jsx-runtime";
-var D = k(function({ beat: c }) {
-  const { actionDrawer: d } = f(), { insights_feed: y } = p(), e = y.make_transfer, n = c.insights_payload, l = d.trigger === "secondaryCta" ? n?.secondary_cta : n?.primary_cta, r = b(l?.variant), { copyKeys: i, dataKeys: t } = g(r), m = {
-    ...e,
-    body_content: e[i.bodyContent],
-    body_description: e[i.bodyDescription]
-  }, o = n?.instance_slot_data, s = (a) => a == null || a === "" ? void 0 : Number(a);
-  return /* @__PURE__ */ _(v, {
-    availableBalances: o?.available_balance,
-    averageMonthlySpend: s(o?.[t.averageMonthlySpend]),
-    copy: m,
-    date: o?.date,
-    svgDateContent: t.timePeriod ? o?.[t.timePeriod] : void 0,
-    totalRemaining: t.totalRemaining ? s(o?.[t.totalRemaining]) : void 0,
-    variant: r
+import { useGlobalCopyStore as n, useInsightsV2Store as s } from "../../../common/context/hooks.es.js";
+import { resolveMakeTransferVariant as i } from "./layout.es.js";
+import { MakeTransferActionBlock as c } from "./MakeTransferActionBlock.es.js";
+import { observer as f } from "mobx-react-lite";
+import { jsx as m } from "react/jsx-runtime";
+var g = f(function({ beat: a }) {
+  const { actionDrawer: o } = s(), { insights_feed: t } = n(), r = a.insights_payload, e = o.trigger === "secondaryCta" ? r?.secondary_cta : r?.primary_cta;
+  return /* @__PURE__ */ m(c, {
+    copy: t.make_transfer,
+    slotData: r?.instance_slot_data,
+    variant: i(e?.variant)
   });
 });
 export {
-  D as MakeTransferActionBlockLayer
+  g as MakeTransferActionBlockLayer
 };
 
 //# sourceMappingURL=MakeTransferActionBlockLayer.es.js.map

package/dist/insights-v2/actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MakeTransferActionBlockLayer.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useInsightsV2Store } from '../../../common'\n\nimport type { Beat } from '../../../core'\nimport type { SaveExtraBlockData } from '../../../core/types/InsightsInstanceSlotData'\n\nimport { MakeTransferActionBlock } from './MakeTransferActionBlock'\nimport { getMakeTransferLayout, resolveMakeTransferVariant } from './layout'\n\n/**\n * Adapter that plugs MakeTransferActionBlock into the ActionBlock registry.\n *\n * The block is content-only — ActionBlockLayer owns the surrounding Drawer\n * (open/close/title). This adapter derives the variant from the clicked CTA,\n * the figures from the beat payload, and the copy from GlobalCopyStore.\n */\nexport const MakeTransferActionBlockLayer = observer(function MakeTransferActionBlockLayer({\n  beat,\n}: {\n  beat: Beat\n}) {\n  const { actionDrawer } = useInsightsV2Store()\n  const { insights_feed: insightsFeedCopy } = useGlobalCopyStore()\n  const makeTransferCopy = insightsFeedCopy.make_transfer\n\n  const insightsPayload = beat.insights_payload\n  const cta =\n    actionDrawer.trigger === 'secondaryCta'\n      ? insightsPayload?.secondary_cta\n      : insightsPayload?.primary_cta\n\n  const variant = resolveMakeTransferVariant(cta?.variant)\n  const { copyKeys, dataKeys } = getMakeTransferLayout(variant)\n\n  // Body copy is variant-specific (see layout.ts copyKeys). Map the resolved\n  // keys onto the block's body_content/body_description.\n  const copy = {\n    ...makeTransferCopy,\n    body_content: makeTransferCopy[copyKeys.bodyContent],\n    body_description: makeTransferCopy[copyKeys.bodyDescription],\n  }\n\n  // All figures now come from insights_payload.instance_slot_data (migration).\n  // dataKeys (layout.ts) picks the variant-specific field names; values may be\n  // numeric or numeric strings, so coerce to number.\n  const slotData = insightsPayload?.instance_slot_data as SaveExtraBlockData | undefined\n  const toNumber = (value?: string | number) =>\n    value === undefined || value === null || value === '' ? undefined : Number(value)\n\n  return (\n    <MakeTransferActionBlock\n      availableBalances={slotData?.available_balance}\n      averageMonthlySpend={toNumber(slotData?.[dataKeys.averageMonthlySpend] as string | number)}\n      copy={copy}\n      date={slotData?.date}\n      svgDateContent={dataKeys.timePeriod ? (slotData?.[dataKeys.timePeriod] as string) : undefined}\n      totalRemaining={\n        dataKeys.totalRemaining\n          ? toNumber(slotData?.[dataKeys.totalRemaining] as string | number)\n          : undefined\n      }\n      variant={variant}\n    />\n  )\n})\n"],"mappings":";;;;;AAiBA,IAAa,IAA+B,EAAS,SAAsC,EACzF,MAAA,EAAA,GAGC;AACD,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAmB,GACtC,EAAE,eAAe,EAAA,IAAqB,EAAmB,GACzD,IAAmB,EAAiB,eAEpC,IAAkB,EAAK,kBACvB,IACJ,EAAa,YAAY,iBACrB,GAAiB,gBACjB,GAAiB,aAEjB,IAAU,EAA2B,GAAK,OAAO,GACjD,EAAE,UAAA,GAAU,UAAA,EAAA,IAAa,EAAsB,CAAO,GAItD,IAAO;AAAA,IACX,GAAG;AAAA,IACH,cAAc,EAAiB,EAAS,WAAA;AAAA,IACxC,kBAAkB,EAAiB,EAAS,eAAA;AAAA,EAC9C,GAKM,IAAW,GAAiB,oBAC5B,IAAA,CAAY,MACO,KAAU,QAAQ,MAAU,KAAK,SAAY,OAAO,CAAK;AAElF,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,mBAAmB,GAAU;AAAA,IAC7B,qBAAqB,EAAS,IAAW,EAAS,mBAAA,CAAuC;AAAA,IACnF,MAAA;AAAA,IACN,MAAM,GAAU;AAAA,IAChB,gBAAgB,EAAS,aAAc,IAAW,EAAS,UAAA,IAAyB;AAAA,IACpF,gBACE,EAAS,iBACL,EAAS,IAAW,EAAS,cAAA,CAAkC,IAC/D;AAAA,IAEG,SAAA;AAAA,EACV,CAAA;AAEL,CAAC"}
+{"version":3,"file":"MakeTransferActionBlockLayer.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useInsightsV2Store } from '../../../common'\n\nimport type { Beat } from '../../../core'\nimport type { SaveExtraBlockData } from '../../../core/types/InsightsInstanceSlotData'\n\nimport { MakeTransferActionBlock } from './MakeTransferActionBlock'\nimport { resolveMakeTransferVariant } from './layout'\n\n/**\n * Adapter that plugs MakeTransfer into the ActionBlock registry.\n *\n * The variants are content-only — ActionBlockLayer owns the surrounding Drawer\n * (open/close/title). This adapter derives the variant from the clicked CTA, the\n * copy from GlobalCopyStore, and passes the slot data through; each variant reads\n * the fields it needs.\n */\nexport const MakeTransferActionBlockLayer = observer(function MakeTransferActionBlockLayer({\n  beat,\n}: {\n  beat: Beat\n}) {\n  const { actionDrawer } = useInsightsV2Store()\n  const { insights_feed: insightsFeedCopy } = useGlobalCopyStore()\n\n  const payload = beat.insights_payload\n  const cta =\n    actionDrawer.trigger === 'secondaryCta' ? payload?.secondary_cta : payload?.primary_cta\n\n  return (\n    <MakeTransferActionBlock\n      copy={insightsFeedCopy.make_transfer}\n      slotData={payload?.instance_slot_data as SaveExtraBlockData | undefined}\n      variant={resolveMakeTransferVariant(cta?.variant)}\n    />\n  )\n})\n"],"mappings":";;;;;AAkBA,IAAa,IAA+B,EAAS,SAAsC,EACzF,MAAA,EAAA,GAGC;AACD,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAmB,GACtC,EAAE,eAAe,EAAA,IAAqB,EAAmB,GAEzD,IAAU,EAAK,kBACf,IACJ,EAAa,YAAY,iBAAiB,GAAS,gBAAgB,GAAS;AAE9E,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,EAAiB;AAAA,IACvB,UAAU,GAAS;AAAA,IACnB,SAAS,EAA2B,GAAK,OAAO;AAAA,EACjD,CAAA;AAEL,CAAC"}

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

@@ -1 +1,3 @@
+export { MakeTransferActionBlockLayer } from './MakeTransferActionBlockLayer';
 export { MakeTransferActionBlock } from './MakeTransferActionBlock';
+export { getMakeTransferDrawerTitle, resolveMakeTransferVariant, variants, type MakeTransferVariant, } from './layout';