@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

package/dist/debts/utils/DebtsChart.es.js

@@ -0,0 +1,15 @@
+var e = "#FF7B08";
+function o(n, a) {
+  const [h, r, M] = n.replace(/^#/, "").match(/.{1,2}/g).map((m) => parseInt(m, 16)), t = [
+    Math.max(0, Math.min(255, Math.round(h * a))),
+    Math.max(0, Math.min(255, Math.round(r * a))),
+    Math.max(0, Math.min(255, Math.round(M * a)))
+  ];
+  return `rgb(${t[0]}, ${t[1]}, ${t[2]})`;
+}
+export {
+  e as BASE_LINE_COLOR,
+  o as adjustBrightness
+};
+
+//# sourceMappingURL=DebtsChart.es.js.map

package/dist/debts/utils/DebtsChart.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtsChart.es.js","names":[],"sources":["../../../src/debts/utils/DebtsChart.ts"],"sourcesContent":["export const BASE_LINE_COLOR = '#FF7B08'\n\nexport function adjustBrightness(color: string, factor: number): string {\n  const [r, g, b] = color\n    .replace(/^#/, '')\n    .match(/.{1,2}/g)!\n    .map((hex) => parseInt(hex, 16))\n\n  const newColor = [\n    Math.max(0, Math.min(255, Math.round(r * factor))),\n    Math.max(0, Math.min(255, Math.round(g * factor))),\n    Math.max(0, Math.min(255, Math.round(b * factor))),\n  ]\n\n  return `rgb(${newColor[0]}, ${newColor[1]}, ${newColor[2]})`\n}\n"],"mappings":"AAAA,IAAa,IAAkB;AAE/B,SAAgB,EAAiB,GAAe,GAAwB;AACtE,QAAM,CAAC,GAAG,GAAG,CAAA,IAAK,EACf,QAAQ,MAAM,EAAE,EAChB,MAAM,SAAS,EACf,IAAA,CAAK,MAAQ,SAAS,GAAK,EAAE,CAAC,GAE3B,IAAW;AAAA,IACf,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,MAAM,IAAI,CAAM,CAAC,CAAC;AAAA,IACjD,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,MAAM,IAAI,CAAM,CAAC,CAAC;AAAA,IACjD,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,MAAM,IAAI,CAAM,CAAC,CAAC;AAAA,EACnD;AAEA,SAAO,OAAO,EAAS,CAAA,CAAA,KAAO,EAAS,CAAA,CAAA,KAAO,EAAS,CAAA,CAAA;AACzD"}

package/dist/debts/utils/DebtsTable.es.js

@@ -0,0 +1,17 @@
+function o(r, n) {
+  const t = (i) => {
+    if (typeof i == "number") return i;
+    if (i === "!" || i === "✓") return 1 / 0;
+    throw new Error("Unsupported value");
+  };
+  return t(r) - t(n);
+}
+function e(r) {
+  return r.is_paid_off ? "✓" : r.priority === void 0 || r.is_impossible ? "!" : r.priority;
+}
+export {
+  e as getPriorityValue,
+  o as priorityComparator
+};
+
+//# sourceMappingURL=DebtsTable.es.js.map

package/dist/debts/utils/DebtsTable.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtsTable.es.js","names":[],"sources":["../../../src/debts/utils/DebtsTable.ts"],"sourcesContent":["import { DebtChartData } from '../../core/utils/DebtUtils'\n\ntype PriorityDisplay = number | '!' | '✓'\n\nexport function priorityComparator(a: PriorityDisplay, b: PriorityDisplay) {\n  const getWeight = (value: PriorityDisplay) => {\n    if (typeof value === 'number') return value // Numbers sorted naturally\n    if (value === '!') return Infinity - 1 // '!' comes after numbers\n    if (value === '✓') return Infinity // '✓' comes last\n    throw new Error('Unsupported value')\n  }\n  return getWeight(a) - getWeight(b) // Compare based on weights\n}\n\nexport function getPriorityValue(debt: DebtChartData) {\n  if (debt.is_paid_off) return '✓'\n  if (debt.priority === undefined || debt.is_impossible) return '!'\n  return debt.priority\n}\n"],"mappings":"AAIA,SAAgB,EAAmB,GAAoB,GAAoB;AACzE,QAAM,IAAA,CAAa,MAA2B;AAC5C,QAAI,OAAO,KAAU,SAAU,QAAO;AAEtC,QADI,MAAU,OACV,MAAU,IAAK,QAAO;AAC1B,UAAM,IAAI,MAAM,mBAAmB;AAAA,EACrC;AACA,SAAO,EAAU,CAAC,IAAI,EAAU,CAAC;AACnC;AAEA,SAAgB,EAAiB,GAAqB;AACpD,SAAI,EAAK,cAAoB,MACzB,EAAK,aAAa,UAAa,EAAK,gBAAsB,MACvD,EAAK;AACd"}

package/dist/debts/utils/SnowballCard.es.js

@@ -0,0 +1,40 @@
+import { DATE_FORMATS_INTL as _, formatDate as u } from "../../core/constants/DateFormats.es.js";
+import { formatCurrency as d } from "../../core/utils/NumberFormatting.es.js";
+import { sortDebtsByPrioriy as v } from "../../core/utils/DebtUtils.es.js";
+import { formatDuration as g, intervalToDuration as M } from "date-fns";
+function S(c, p, m = 0) {
+  const a = c.map((t) => ({ ...t })).filter((t) => t.interest_rate !== void 0 && t.monthly_payment !== void 0 && !t.is_paid_off);
+  v(a, p);
+  let l = 0, f = 0;
+  const b = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
+  for (; a.some((t) => t.balance >= 0.01 && !t.is_impossible); ) {
+    let t = !1;
+    for (const [h, e] of a.entries()) {
+      if (e.balance <= 0.01 || e.is_impossible) continue;
+      const D = (e.interest_rate ?? 0) / 100 / 12, i = e.balance * D;
+      let s = e.monthly_payment ?? 0;
+      h === 0 && m && (s += m), e.balance += i;
+      const r = Math.min(e.balance, s + f);
+      if (r <= i) {
+        e.is_impossible = !0;
+        continue;
+      }
+      e.balance -= r, e.balance = e.balance < 0.01 ? 0 : e.balance, l += i, e.balance <= 0 && (f += s), r > 0 && (t = !0);
+    }
+    t && n.setMonth(n.getMonth() + 1);
+  }
+  const o = a.some((t) => t.is_impossible && t.balance > 0), y = M({
+    start: b,
+    end: n
+  });
+  return {
+    payoffSavings: o ? "N/A" : d(l, "0,0.00"),
+    payoffDate: o ? "Never" : u(n, _.MONTH_YEAR),
+    payoffDuration: o ? "Stagnant" : g(y, { format: ["years", "months"] }) || "0 months"
+  };
+}
+export {
+  S as getPayoffProjection
+};
+
+//# sourceMappingURL=SnowballCard.es.js.map

package/dist/debts/utils/SnowballCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnowballCard.es.js","names":[],"sources":["../../../src/debts/utils/SnowballCard.ts"],"sourcesContent":["import { formatDuration, intervalToDuration } from 'date-fns'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { DebtPriority } from '../../core/constants/Debts'\nimport { DebtChartData, sortDebtsByPrioriy } from '../../core/utils/DebtUtils'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ntype PayoffProjection = {\n  payoffSavings: string\n  payoffDate: string\n  payoffDuration: string\n}\n\nexport function getPayoffProjection(\n  debts: DebtChartData[],\n  debtPriority: DebtPriority,\n  extraPaydown: number = 0,\n): PayoffProjection {\n  const sortedDebts = debts\n    // Copy debts to avoid overwriting balance during payoff calculation\n    .map((d) => ({ ...d }))\n    // Filter out invalid debts\n    .filter(\n      (d) => d.interest_rate !== undefined && d.monthly_payment !== undefined && !d.is_paid_off,\n    )\n  sortDebtsByPrioriy(sortedDebts, debtPriority)\n\n  let totalSavings = 0\n  let monthlyExtra = 0\n  const startDate = new Date()\n  const endDate = new Date()\n\n  while (sortedDebts.some((debt) => debt.balance >= 0.01 && !debt.is_impossible)) {\n    let madePayment = false // Track if any payment was made this month\n\n    for (const [index, debt] of sortedDebts.entries()) {\n      if (debt.balance <= 0.01 || debt.is_impossible) continue\n\n      const interestRate = (debt.interest_rate ?? 0) / 100\n      const monthlyRate = interestRate / 12\n      const monthlyInterest = debt.balance * monthlyRate\n      let monthlyPayment = debt.monthly_payment ?? 0\n\n      // Apply extra payment to the highest priority debt\n      if (index === 0 && extraPaydown) monthlyPayment += extraPaydown\n\n      // Apply interest before payment\n      debt.balance += monthlyInterest\n      // Apply monthly payment with any extra payment\n      const appliedPayment = Math.min(debt.balance, monthlyPayment + monthlyExtra)\n\n      // If payment doesn't reduce balance, mark as impossible to pay off\n      if (appliedPayment <= monthlyInterest) {\n        debt.is_impossible = true\n        continue\n      }\n\n      debt.balance -= appliedPayment\n      // Avoid floating-point precision issues\n      debt.balance = debt.balance < 0.01 ? 0 : debt.balance\n      totalSavings += monthlyInterest\n\n      // If debt was fully paid off, roll over (\"snowball\") its payment as extra payment\n      if (debt.balance <= 0) monthlyExtra += monthlyPayment\n      if (appliedPayment > 0) madePayment = true\n    }\n\n    // Only increment the month if at least one payment was made\n    if (madePayment) endDate.setMonth(endDate.getMonth() + 1)\n  }\n\n  // Check if any debts are impossible to pay off\n  const hasImpossibleDebts = sortedDebts.some((debt) => debt.is_impossible && debt.balance > 0)\n  const duration = intervalToDuration({ start: startDate, end: endDate })\n\n  return {\n    payoffSavings: hasImpossibleDebts ? 'N/A' : formatCurrency(totalSavings, '0,0.00'),\n    payoffDate: hasImpossibleDebts ? 'Never' : formatDate(endDate, DATE_FORMATS_INTL.MONTH_YEAR),\n    payoffDuration: hasImpossibleDebts\n      ? 'Stagnant'\n      : formatDuration(duration, { format: ['years', 'months'] }) || '0 months',\n  }\n}\n"],"mappings":";;;;AAaA,SAAgB,EACd,GACA,GACA,IAAuB,GACL;AAClB,QAAM,IAAc,EAEjB,IAAA,CAAK,OAAO,EAAE,GAAG,EAAE,EAAE,EAErB,OAAA,CACE,MAAM,EAAE,kBAAkB,UAAa,EAAE,oBAAoB,UAAa,CAAC,EAAE,WAChF;AACF,EAAA,EAAmB,GAAa,CAAY;AAE5C,MAAI,IAAe,GACf,IAAe;AACnB,QAAM,IAAY,oBAAI,KAAK,GACrB,IAAU,oBAAI,KAAK;AAEzB,SAAO,EAAY,KAAA,CAAM,MAAS,EAAK,WAAW,QAAQ,CAAC,EAAK,aAAa,KAAG;AAC9E,QAAI,IAAc;AAElB,eAAW,CAAC,GAAO,CAAA,KAAS,EAAY,QAAQ,GAAG;AACjD,UAAI,EAAK,WAAW,QAAQ,EAAK,cAAe;AAGhD,YAAM,KADgB,EAAK,iBAAiB,KAAK,MACd,IAC7B,IAAkB,EAAK,UAAU;AACvC,UAAI,IAAiB,EAAK,mBAAmB;AAG7C,MAAI,MAAU,KAAK,MAAc,KAAkB,IAGnD,EAAK,WAAW;AAEhB,YAAM,IAAiB,KAAK,IAAI,EAAK,SAAS,IAAiB,CAAY;AAG3E,UAAI,KAAkB,GAAiB;AACrC,QAAA,EAAK,gBAAgB;AACrB;AAAA,MACF;AAEA,MAAA,EAAK,WAAW,GAEhB,EAAK,UAAU,EAAK,UAAU,OAAO,IAAI,EAAK,SAC9C,KAAgB,GAGZ,EAAK,WAAW,MAAG,KAAgB,IACnC,IAAiB,MAAG,IAAc;AAAA,IACxC;AAGA,IAAI,KAAa,EAAQ,SAAS,EAAQ,SAAS,IAAI,CAAC;AAAA,EAC1D;AAGA,QAAM,IAAqB,EAAY,KAAA,CAAM,MAAS,EAAK,iBAAiB,EAAK,UAAU,CAAC,GACtF,IAAW,EAAmB;AAAA,IAAE,OAAO;AAAA,IAAW,KAAK;AAAA,EAAQ,CAAC;AAEtE,SAAO;AAAA,IACL,eAAe,IAAqB,QAAQ,EAAe,GAAc,QAAQ;AAAA,IACjF,YAAY,IAAqB,UAAU,EAAW,GAAS,EAAkB,UAAU;AAAA,IAC3F,gBAAgB,IACZ,aACA,EAAe,GAAU,EAAE,QAAQ,CAAC,SAAS,QAAQ,EAAE,CAAC,KAAK;AAAA,EACnE;AACF"}

package/dist/finstrong/FinancialStrengthCard.es.js

@@ -0,0 +1,127 @@
+import { useFinstrongStore as x, useGlobalCopyStore as g, useGlobalUiStore as _ } from "../common/context/hooks.es.js";
+import { useDimensions as b } from "../common/hooks/useDimensions.es.js";
+import y from "../common/components/Loader.es.js";
+import { calculateFinstrongScoreStatus as S } from "./util/finstrongUtils.es.js";
+import { FinancialStrengthGraph as C } from "./components/FinancialStrengthGraph.es.js";
+import { ConnectMoreAccountsCard as D } from "./components/ConnectMoreAccountsCard.es.js";
+import v from "./components/ScoreRubricDrawer.es.js";
+import w from "react";
+import { observer as M } from "mobx-react-lite";
+import a from "@mui/material/Stack";
+import { H3 as I, P as s, Text as R } from "@mxenabled/mxui";
+import k from "@mui/material/Button";
+import { ChevronRight as z, ExpandMore as A } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useTheme as j } from "@mui/material/styles";
+import F from "@mui/material/Card";
+import H from "@mui/material/Accordion";
+import T from "@mui/material/AccordionDetails";
+import B from "@mui/material/AccordionSummary";
+var oe = M(() => {
+  const [l, i] = w.useState(!1), m = j(), [d, { width: n }] = b(), { finstrong: r } = g(), { isCopyLoaded: p, isInitialized: h } = _(), { healthScore: o, healthScoreChange: u } = x(), c = m.palette.mode === "dark", f = S(o?.health_score, r);
+  return !p || !h ? /* @__PURE__ */ e(y, {}) : /* @__PURE__ */ t(F, {
+    ref: d,
+    sx: {
+      p: 16,
+      display: "flex",
+      flexDirection: "column",
+      gap: 8
+    },
+    children: [
+      /* @__PURE__ */ t(a, {
+        direction: "row",
+        sx: {
+          alignItems: "center",
+          justifyContent: "space-between"
+        },
+        children: [/* @__PURE__ */ e(I, { children: r.financial_strength_header }), /* @__PURE__ */ e(k, {
+          endIcon: /* @__PURE__ */ e(z, {}),
+          onClick: () => i(!0),
+          size: "small",
+          sx: { "&.MuiButtonBase-root": {
+            px: 8,
+            py: 4
+          } },
+          variant: "text",
+          children: /* @__PURE__ */ e(R, {
+            bold: !0,
+            sx: { overflow: "visible" },
+            variant: "body2",
+            children: r.financial_strength_header_action
+          })
+        })]
+      }),
+      /* @__PURE__ */ e(a, {
+        sx: {
+          justifyContent: "center",
+          alignItems: "center",
+          pb: 4,
+          pt: 20,
+          px: 16
+        },
+        children: /* @__PURE__ */ e(C, {
+          arcRadius: n <= 323 ? 72.5 : 154,
+          footerCenterContent: u,
+          healthScore: o?.health_score || 0,
+          size: n <= 323 ? "M" : "L"
+        })
+      }),
+      o?.health_score ? /* @__PURE__ */ t(H, {
+        sx: {
+          px: 16,
+          backgroundColor: c ? "grey.800" : "grey.50",
+          "&.Mui-expanded": { m: 0 },
+          "&::before": { display: "none" }
+        },
+        children: [/* @__PURE__ */ e(B, {
+          expandIcon: /* @__PURE__ */ e(A, { size: 20 }),
+          sx: {
+            "&.MuiAccordionSummary-root": { minHeight: 0 },
+            height: 44,
+            p: 0,
+            "&.Mui-expanded": { minHeight: 0 }
+          },
+          children: /* @__PURE__ */ e(s, {
+            sx: { fontWeight: 600 },
+            variant: "body1",
+            children: r.accordion_title_text
+          })
+        }), /* @__PURE__ */ e(T, {
+          sx: { "&.MuiAccordionDetails-root": {
+            padding: 0,
+            pb: 16
+          } },
+          children: /* @__PURE__ */ e(s, {
+            variant: "subtitle1",
+            children: f.scoreContent
+          })
+        })]
+      }) : /* @__PURE__ */ e(D, {
+        buttonText: r.connect_more_accounts_title,
+        description: r.health_score_zero_description,
+        drawerType: "connectDrawer",
+        hasIcon: !1,
+        isDashboard: !0,
+        sx: {
+          backgroundColor: c ? "grey.800" : "grey.50",
+          ".connect-more-accounts-title": {
+            fontWeight: 600,
+            lineHeight: "20px",
+            color: "text.primary"
+          },
+          ".connect-more-accounts-description": { color: "text.primary" }
+        },
+        title: r.health_score_zero_title
+      }),
+      /* @__PURE__ */ e(v, {
+        isOpen: l,
+        onClose: () => i(!1)
+      })
+    ]
+  });
+});
+export {
+  oe as FinancialStrengthCard
+};
+
+//# sourceMappingURL=FinancialStrengthCard.es.js.map

package/dist/finstrong/FinancialStrengthCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinancialStrengthCard.es.js","names":[],"sources":["../../src/finstrong/FinancialStrengthCard.tsx"],"sourcesContent":["import React from 'react'\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { H3, P, Text } from '@mxenabled/mxui'\nimport { ExpandMore, ChevronRight } from '@mxenabled/mx-icons'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { Loader, useFinstrongStore, useGlobalCopyStore, useGlobalUiStore } from '../common'\nimport { useDimensions } from '../common/hooks/useDimensions'\n\nimport { ConnectMoreAccountsCard } from './components/ConnectMoreAccountsCard'\nimport { FinancialStrengthGraph } from './components/FinancialStrengthGraph'\nimport { calculateFinstrongScoreStatus } from './util/finstrongUtils'\nimport ScoreRubricDrawer from './components/ScoreRubricDrawer'\n\nexport const FinancialStrengthCard = observer(() => {\n  const [isScoreRubricDrawerOpen, setIsScoreRubricDrawerOpen] = React.useState(false)\n  const theme = useTheme()\n  const [containerRef, { width }] = useDimensions()\n  const { finstrong: copy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized } = useGlobalUiStore()\n\n  const { healthScore, healthScoreChange } = useFinstrongStore()\n  const isDarkMode = theme.palette.mode === 'dark'\n\n  const healthScoreStatus = calculateFinstrongScoreStatus(healthScore?.health_score, copy)\n  if (!isCopyLoaded || !isInitialized) return <Loader />\n  return (\n    <Card ref={containerRef} sx={{ p: 16, display: 'flex', flexDirection: 'column', gap: 8 }}>\n      <Stack direction=\"row\" sx={{ alignItems: 'center', justifyContent: 'space-between' }}>\n        <H3>{copy.financial_strength_header}</H3>\n\n        <Button\n          endIcon={<ChevronRight />}\n          onClick={() => setIsScoreRubricDrawerOpen(true)}\n          size=\"small\"\n          sx={{\n            '&.MuiButtonBase-root': {\n              px: 8,\n              py: 4,\n            },\n          }}\n          variant=\"text\"\n        >\n          <Text\n            bold={true}\n            sx={{\n              overflow: 'visible',\n            }}\n            variant=\"body2\"\n          >\n            {copy.financial_strength_header_action}\n          </Text>\n        </Button>\n      </Stack>\n      <Stack sx={{ justifyContent: 'center', alignItems: 'center', pb: 4, pt: 20, px: 16 }}>\n        <FinancialStrengthGraph\n          arcRadius={width <= 323 ? 72.5 : 154}\n          footerCenterContent={healthScoreChange}\n          healthScore={healthScore?.health_score || 0}\n          size={width <= 323 ? 'M' : 'L'}\n        />\n      </Stack>\n      {!healthScore?.health_score ? (\n        <ConnectMoreAccountsCard\n          buttonText={copy.connect_more_accounts_title}\n          description={copy.health_score_zero_description}\n          drawerType=\"connectDrawer\"\n          hasIcon={false}\n          isDashboard={true}\n          sx={{\n            backgroundColor: isDarkMode ? 'grey.800' : 'grey.50', //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)\n            '.connect-more-accounts-title': {\n              fontWeight: 600,\n              lineHeight: '20px',\n              color: 'text.primary',\n            },\n            '.connect-more-accounts-description': { color: 'text.primary' },\n          }}\n          title={copy.health_score_zero_title}\n        />\n      ) : (\n        <Accordion\n          sx={{\n            px: 16,\n            backgroundColor: isDarkMode ? 'grey.800' : 'grey.50', //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)\n            '&.Mui-expanded': {\n              m: 0,\n            },\n            '&::before': {\n              display: 'none',\n            },\n          }}\n        >\n          <AccordionSummary\n            expandIcon={<ExpandMore size={20} />}\n            sx={{\n              '&.MuiAccordionSummary-root': {\n                minHeight: 0,\n              },\n              height: 44,\n              p: 0,\n              '&.Mui-expanded': {\n                minHeight: 0,\n              },\n            }}\n          >\n            <P sx={{ fontWeight: 600 }} variant=\"body1\">\n              {copy.accordion_title_text}\n            </P>\n          </AccordionSummary>\n          <AccordionDetails sx={{ '&.MuiAccordionDetails-root': { padding: 0, pb: 16 } }}>\n            <P variant=\"subtitle1\">{healthScoreStatus.scoreContent}</P>\n          </AccordionDetails>\n        </Accordion>\n      )}\n      <ScoreRubricDrawer\n        isOpen={isScoreRubricDrawerOpen}\n        onClose={() => setIsScoreRubricDrawerOpen(false)}\n      />\n    </Card>\n  )\n})\n"],"mappings":"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"}

package/dist/finstrong/FinstrongWidget.es.js

@@ -0,0 +1,175 @@
+import { useAccountStore as V, useBudgetsStore as X, useCategoryStore as q, useFinstrongStore as J, useGlobalCopyStore as Q, useGlobalUiStore as Y, useRecurringTransactionsStore as Z, useUserStore as $ } from "../common/context/hooks.es.js";
+import { useScreenSize as ee } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as te } from "../common/hooks/useWidgetLoadTimer.es.js";
+import oe from "../common/components/Loader.es.js";
+import { WidgetContainer as re } from "../common/components/WidgetContainer.es.js";
+import ae from "../common/components/ConnectDrawer.es.js";
+import { LineChart as ie } from "../common/components/charts/LineChart.es.js";
+import { ConnectMoreAccountsCard as ne } from "./components/ConnectMoreAccountsCard.es.js";
+import se from "./components/KeyIndicatorsTabsWidget.es.js";
+import le from "./components/MissingData.es.js";
+import ce from "./components/onboarding/Onboarding.es.js";
+import de from "./components/ProfileDrawer.es.js";
+import fe from "./components/ScoreHistoryDrawer.es.js";
+import { FinancialStrengthCard as ue } from "./FinancialStrengthCard.es.js";
+import t from "react";
+import { observer as me } from "mobx-react-lite";
+import n from "@mui/material/Stack";
+import { H3 as pe, Text as ge } from "@mxenabled/mxui";
+import he from "@mui/material/Button";
+import { ChevronRight as Se } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTheme as ye } from "@mui/material/styles";
+import Ce from "@mui/material/Card";
+var _e = ({ onBackClick: b, onMenuClick: x, sx: v, onPrimaryCtaClick: s }) => {
+  const { visibleAccounts: f } = V(), { dateRange: l, isDataLoaded: u, loadBudgetData: D, setTheme: L } = X(), { reloadCategoryTotals: F } = q(), c = J(), { augmentedChartData: m, calculateHealthScore: p, loadAugmentedChartData: T, loadMonthlySummaries: k, loadPeerScore: A, peerScore: W, healthScore: g } = c, { finstrong: o, connect: I } = Q(), { isInitialized: a } = Y(), { loadRepeatingTransactionData: z, isDataLoaded: B } = Z(), { isSmallMobile: h } = ee(), r = ye(), { userProfile: M } = $(), [S, O] = t.useState(!1), [R, y] = t.useState(!1), [P, C] = t.useState(!1), [j, _] = t.useState(!1), [E, w] = t.useState(!1);
+  te({
+    widgetName: "FinstrongWidget",
+    isLoaded: S
+  }), t.useEffect(() => {
+    L(r);
+  }, []), t.useEffect(() => {
+    s && (c.handleFinstrongWidgetPrimaryCtaClick = s);
+  }, [s, c]), t.useEffect(() => {
+    a && (k().finally(), A().finally(), p().finally());
+  }, [a]);
+  const H = f.map((d) => d.guid).join(",");
+  t.useEffect(() => {
+    a && (F(f, l.start, l.end).finally(() => {
+      O(!0);
+    }), u || (D(), z().finally()));
+  }, [
+    l,
+    u,
+    a,
+    H
+  ]), t.useEffect(() => {
+    g?.health_score && T().finally();
+  }, [g.health_score]);
+  const G = () => C(!0), K = Math.round(W?.average_health_score?.average_health_score || 0), N = m.some((d) => d.y !== 0), U = () => {
+    y(!0), p(!1).finally(() => {
+      y(!1);
+    }), C(!1);
+  };
+  return !a || !S || !B || R ? /* @__PURE__ */ e(oe, {}) : /* @__PURE__ */ i(re, {
+    actions: [{
+      iconName: "person",
+      label: o.profile,
+      onClick: G
+    }],
+    hasDivider: !0,
+    onBackClick: b,
+    onMenuClick: x,
+    showAccountFilter: !1,
+    sx: v,
+    title: o.title,
+    children: [
+      M.has_completed_finstrong_onboarding ? /* @__PURE__ */ i(n, {
+        sx: {
+          bgcolor: "background.default",
+          flexDirection: { md: "row" },
+          gap: 24,
+          justifyContent: "center",
+          pt: h ? 16 : 24,
+          px: h ? 16 : 48
+        },
+        children: [/* @__PURE__ */ i(n, {
+          sx: {
+            gap: 24,
+            width: { md: 432 },
+            height: "100%"
+          },
+          children: [/* @__PURE__ */ e(ue, {}), /* @__PURE__ */ e(ne, {
+            description: o.connect_more_accounts_description,
+            drawerType: "connectDrawer",
+            title: o.connect_more_accounts_title
+          })]
+        }), /* @__PURE__ */ e(n, {
+          sx: {
+            maxWidth: 848,
+            width: { md: 720 }
+          },
+          children: /* @__PURE__ */ i(Ce, {
+            sx: {
+              height: "100%",
+              p: 16
+            },
+            children: [
+              /* @__PURE__ */ i(n, {
+                direction: "row",
+                sx: {
+                  alignItems: "center",
+                  gap: 12,
+                  justifyContent: "space-between"
+                },
+                children: [/* @__PURE__ */ e(pe, { children: o.key_indicators }), /* @__PURE__ */ e(he, {
+                  endIcon: /* @__PURE__ */ e(Se, {}),
+                  onClick: () => _(!0),
+                  size: "small",
+                  sx: { "&.MuiButtonBase-root": {
+                    px: 8,
+                    py: 4
+                  } },
+                  variant: "text",
+                  children: /* @__PURE__ */ e(ge, {
+                    bold: !0,
+                    variant: "body2",
+                    children: o.whats_changed
+                  })
+                })]
+              }),
+              N ? /* @__PURE__ */ e(ie, {
+                axisColor: r.palette.divider,
+                baseline: "min",
+                colors: [r.palette.primary.main],
+                curveType: "natural",
+                customLegendBoxSx: { borderRadius: "2px" },
+                customLegendSx: { left: 0 },
+                customLegendVariant: "caption",
+                datasets: [m],
+                height: 300,
+                isCurrency: !1,
+                isGraphClippingXAxis: !0,
+                labelBackgroundColor: r.palette.neutral.dark,
+                labelFontColor: r.palette.common.white,
+                labelFontSize: typeof r.typography.caption?.fontSize == "string" ? parseFloat(r.typography.caption.fontSize) : r.typography.caption?.fontSize,
+                labels: [o.key_indicators_label],
+                margin: {
+                  right: 12,
+                  left: -37
+                },
+                peerAverage: K,
+                showArea: !0,
+                showAverage: !0,
+                showLegend: !0,
+                showMarkLabel: !0,
+                showTooltip: !0,
+                showXAxis: !0,
+                title: o.peer_average
+              }) : /* @__PURE__ */ e(le, { onClick: () => w(!0) }),
+              /* @__PURE__ */ e(se, {})
+            ]
+          })
+        })]
+      }) : /* @__PURE__ */ e(ce, {}),
+      /* @__PURE__ */ e(de, {
+        isOpen: P,
+        onClose: U
+      }),
+      /* @__PURE__ */ e(ae, {
+        onClose: () => w(!1),
+        showConnectWidget: E,
+        title: I.mini_title
+      }),
+      /* @__PURE__ */ e(fe, {
+        isOpen: j,
+        onClose: () => _(!1)
+      })
+    ]
+  });
+}, Ne = me(_e);
+export {
+  Ne as default
+};
+
+//# sourceMappingURL=FinstrongWidget.es.js.map

package/dist/finstrong/FinstrongWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinstrongWidget.es.js","names":[],"sources":["../../src/finstrong/FinstrongWidget.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { H3, Text } from '@mxenabled/mxui'\n\nimport {\n  ConnectDrawer,\n  Loader,\n  useAccountStore,\n  useBudgetsStore,\n  useCategoryStore,\n  useFinstrongStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n  useUserStore,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { type WidgetProps } from '../core'\nimport { LineChart } from '../common/components/charts/LineChart'\n\nimport { ConnectMoreAccountsCard } from './components/ConnectMoreAccountsCard'\nimport KeyIndicatorsTabsWidget from './components/KeyIndicatorsTabsWidget'\nimport MissingData from './components/MissingData'\nimport Onboarding from './components/onboarding/Onboarding'\nimport ProfileDrawer from './components/ProfileDrawer'\nimport ScoreHistoryDrawer from './components/ScoreHistoryDrawer'\nimport { FinancialStrengthCard } from './FinancialStrengthCard'\n\nconst FinstrongWidget = ({ onBackClick, onMenuClick, sx, onPrimaryCtaClick }: WidgetProps) => {\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { dateRange, isDataLoaded, loadBudgetData, setTheme } = useBudgetsStore()\n  const { reloadCategoryTotals } = useCategoryStore()\n  const finstrongStore = useFinstrongStore()\n  const {\n    augmentedChartData,\n    calculateHealthScore,\n    loadAugmentedChartData,\n    loadMonthlySummaries,\n    loadPeerScore,\n    peerScore,\n    healthScore,\n  } = finstrongStore\n  const { finstrong: finstrongCopy, connect: connectCopy } = useGlobalCopyStore()\n  const { isInitialized } = useGlobalUiStore()\n  const { loadRepeatingTransactionData, isDataLoaded: isRepeatingDataLoaded } =\n    useRecurringTransactionsStore()\n  const { isSmallMobile } = useScreenSize()\n  const theme = useTheme()\n  const { userProfile } = useUserStore()\n\n  const [isFinstrongLoaded, setIsFinstrongLoaded] = React.useState(false)\n  const [isScoreChangeLoading, setIsScoreChangeLoading] = React.useState(false)\n  const [isProfileOpen, setIsProfileOpen] = React.useState(false)\n  const [isScoreHistoryOpen, setIsScoreHistoryOpen] = React.useState(false)\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  useWidgetLoadTimer({\n    widgetName: 'FinstrongWidget',\n    isLoaded: isFinstrongLoaded,\n  })\n\n  React.useEffect(() => {\n    setTheme(theme)\n  }, [])\n\n  React.useEffect(() => {\n    if (onPrimaryCtaClick) {\n      finstrongStore.handleFinstrongWidgetPrimaryCtaClick = onPrimaryCtaClick\n    }\n  }, [onPrimaryCtaClick, finstrongStore])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlySummaries().finally()\n      loadPeerScore().finally()\n      calculateHealthScore().finally()\n    }\n  }, [isInitialized])\n\n  // `accounts` (accountStore.visibleAccounts) is a MobX computed that returns a\n  // NEW filtered array on every access. Depending on the array reference here\n  // caused an infinite loop: reloadCategoryTotals -> observed category state\n  // changes -> observer re-renders -> visibleAccounts recomputes to a new array\n  // -> this effect re-fires -> reloadCategoryTotals again -> ... (unbounded, it\n  // exhausted the jsdom worker's V8 heap in tests and needlessly re-fetched in\n  // the app). Depend on a stable primitive signature of the account guids so\n  // the effect only re-runs when the actual set of accounts changes.\n  const accountsKey = accounts.map((account) => account.guid).join(',')\n\n  React.useEffect(() => {\n    if (!isInitialized) return\n\n    reloadCategoryTotals(accounts, dateRange.start, dateRange.end).finally(() => {\n      setIsFinstrongLoaded(true)\n    })\n    if (!isDataLoaded) {\n      loadBudgetData()\n      loadRepeatingTransactionData().finally()\n    }\n  }, [dateRange, isDataLoaded, isInitialized, accountsKey])\n\n  React.useEffect(() => {\n    if (healthScore?.health_score) {\n      loadAugmentedChartData().finally()\n    }\n  }, [healthScore.health_score])\n\n  const handleProfileClick = () => setIsProfileOpen(true)\n  const average = Math.round(peerScore?.average_health_score?.average_health_score || 0)\n  const hasValidData = augmentedChartData.some((item) => item.y !== 0)\n\n  const handleCloseProfileDrawer = () => {\n    setIsScoreChangeLoading(true)\n    calculateHealthScore(false).finally(() => {\n      setIsScoreChangeLoading(false)\n    })\n    setIsProfileOpen(false)\n  }\n\n  if (!isInitialized || !isFinstrongLoaded || !isRepeatingDataLoaded || isScoreChangeLoading)\n    return <Loader />\n\n  return (\n    <WidgetContainer\n      actions={[\n        {\n          iconName: 'person',\n          label: finstrongCopy.profile,\n          onClick: handleProfileClick,\n        },\n      ]}\n      hasDivider={true}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      showAccountFilter={false}\n      sx={sx}\n      title={finstrongCopy.title}\n    >\n      {userProfile.has_completed_finstrong_onboarding ? (\n        <Stack\n          sx={{\n            bgcolor: 'background.default',\n            flexDirection: { md: 'row' },\n            gap: 24,\n            justifyContent: 'center',\n            pt: isSmallMobile ? 16 : 24,\n            px: isSmallMobile ? 16 : 48,\n          }}\n        >\n          <Stack sx={{ gap: 24, width: { md: 432 }, height: '100%' }}>\n            <FinancialStrengthCard />\n            <ConnectMoreAccountsCard\n              description={finstrongCopy.connect_more_accounts_description}\n              drawerType=\"connectDrawer\"\n              title={finstrongCopy.connect_more_accounts_title}\n            />\n          </Stack>\n          <Stack sx={{ maxWidth: 848, width: { md: 720 } }}>\n            <Card sx={{ height: '100%', p: 16 }}>\n              <Stack\n                direction=\"row\"\n                sx={{ alignItems: 'center', gap: 12, justifyContent: 'space-between' }}\n              >\n                <H3>{finstrongCopy.key_indicators}</H3>\n\n                <Button\n                  endIcon={<ChevronRight />}\n                  onClick={() => setIsScoreHistoryOpen(true)}\n                  size=\"small\"\n                  sx={{\n                    '&.MuiButtonBase-root': {\n                      px: 8,\n                      py: 4,\n                    },\n                  }}\n                  variant=\"text\"\n                >\n                  <Text bold={true} variant=\"body2\">\n                    {finstrongCopy.whats_changed}\n                  </Text>\n                </Button>\n              </Stack>\n              {hasValidData ? (\n                <LineChart\n                  axisColor={theme.palette.divider}\n                  baseline=\"min\"\n                  colors={[theme.palette.primary.main]}\n                  curveType=\"natural\"\n                  customLegendBoxSx={{ borderRadius: '2px' }}\n                  customLegendSx={{ left: 0 }}\n                  customLegendVariant=\"caption\"\n                  datasets={[augmentedChartData]}\n                  height={300}\n                  isCurrency={false}\n                  isGraphClippingXAxis={true}\n                  labelBackgroundColor={theme.palette.neutral.dark}\n                  labelFontColor={theme.palette.common.white}\n                  labelFontSize={\n                    typeof theme.typography.caption?.fontSize === 'string'\n                      ? parseFloat(theme.typography.caption.fontSize)\n                      : theme.typography.caption?.fontSize\n                  }\n                  labels={[finstrongCopy.key_indicators_label]}\n                  margin={{ right: 12, left: -37 }}\n                  peerAverage={average}\n                  showArea={true}\n                  showAverage={true}\n                  showLegend={true}\n                  showMarkLabel={true}\n                  showTooltip={true}\n                  showXAxis={true}\n                  title={finstrongCopy.peer_average}\n                />\n              ) : (\n                <MissingData onClick={() => setShowConnectWidget(true)} />\n              )}\n              <KeyIndicatorsTabsWidget />\n            </Card>\n          </Stack>\n        </Stack>\n      ) : (\n        <Onboarding />\n      )}\n\n      <ProfileDrawer isOpen={isProfileOpen} onClose={handleCloseProfileDrawer} />\n      <ConnectDrawer\n        onClose={() => setShowConnectWidget(false)}\n        showConnectWidget={showConnectWidget}\n        title={connectCopy.mini_title}\n      />\n      <ScoreHistoryDrawer\n        isOpen={isScoreHistoryOpen}\n        onClose={() => setIsScoreHistoryOpen(false)}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(FinstrongWidget)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsCA,IAAM,KAAA,CAAmB,EAAE,aAAA,GAAa,aAAA,GAAa,IAAA,GAAI,mBAAA,EAAA,MAAqC;AAC5F,QAAM,EAAE,iBAAiB,EAAA,IAAa,EAAgB,GAChD,EAAE,WAAA,GAAW,cAAA,GAAc,gBAAA,GAAgB,UAAA,EAAA,IAAa,EAAgB,GACxE,EAAE,sBAAA,EAAA,IAAyB,EAAiB,GAC5C,IAAiB,EAAkB,GACnC,EACJ,oBAAA,GACA,sBAAA,GACA,wBAAA,GACA,sBAAA,GACA,eAAA,GACA,WAAA,GACA,aAAA,EAAA,IACE,GACE,EAAE,WAAW,GAAe,SAAS,EAAA,IAAgB,EAAmB,GACxE,EAAE,eAAA,EAAA,IAAkB,EAAiB,GACrC,EAAE,8BAAA,GAA8B,cAAc,EAAA,IAClD,EAA8B,GAC1B,EAAE,eAAA,EAAA,IAAkB,GAAc,GAClC,IAAQ,GAAS,GACjB,EAAE,aAAA,EAAA,IAAgB,EAAa,GAE/B,CAAC,GAAmB,CAAA,IAAwB,EAAM,SAAS,EAAK,GAChE,CAAC,GAAsB,CAAA,IAA2B,EAAM,SAAS,EAAK,GACtE,CAAC,GAAe,CAAA,IAAoB,EAAM,SAAS,EAAK,GACxD,CAAC,GAAoB,CAAA,IAAyB,EAAM,SAAS,EAAK,GAClE,CAAC,GAAmB,CAAA,IAAwB,EAAM,SAAS,EAAK;AAEtE,EAAA,GAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAS,CAAK;AAAA,EAChB,GAAG,CAAC,CAAC,GAEL,EAAM,UAAA,MAAgB;AACpB,IAAI,MACF,EAAe,uCAAuC;AAAA,EAE1D,GAAG,CAAC,GAAmB,CAAc,CAAC,GAEtC,EAAM,UAAA,MAAgB;AACpB,IAAI,MACF,EAAqB,EAAE,QAAQ,GAC/B,EAAc,EAAE,QAAQ,GACxB,EAAqB,EAAE,QAAQ;AAAA,EAEnC,GAAG,CAAC,CAAa,CAAC;AAUlB,QAAM,IAAc,EAAS,IAAA,CAAK,MAAY,EAAQ,IAAI,EAAE,KAAK,GAAG;AAEpE,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAK,MAEL,EAAqB,GAAU,EAAU,OAAO,EAAU,GAAG,EAAE,QAAA,MAAc;AAC3E,MAAA,EAAqB,EAAI;AAAA,IAC3B,CAAC,GACI,MACH,EAAe,GACf,EAA6B,EAAE,QAAQ;AAAA,EAE3C,GAAG;AAAA,IAAC;AAAA,IAAW;AAAA,IAAc;AAAA,IAAe;AAAA,EAAW,CAAC,GAExD,EAAM,UAAA,MAAgB;AACpB,IAAI,GAAa,gBACf,EAAuB,EAAE,QAAQ;AAAA,EAErC,GAAG,CAAC,EAAY,YAAY,CAAC;AAE7B,QAAM,IAAA,MAA2B,EAAiB,EAAI,GAChD,IAAU,KAAK,MAAM,GAAW,sBAAsB,wBAAwB,CAAC,GAC/E,IAAe,EAAmB,KAAA,CAAM,MAAS,EAAK,MAAM,CAAC,GAE7D,IAAA,MAAiC;AACrC,IAAA,EAAwB,EAAI,GAC5B,EAAqB,EAAK,EAAE,QAAA,MAAc;AACxC,MAAA,EAAwB,EAAK;AAAA,IAC/B,CAAC,GACD,EAAiB,EAAK;AAAA,EACxB;AAEA,SAAI,CAAC,KAAiB,CAAC,KAAqB,CAAC,KAAyB,IAC7D,gBAAA,EAAC,IAAD,CAAS,CAAA,IAGhB,gBAAA,EAAC,IAAD;AAAA,IACE,SAAS,CACP;AAAA,MACE,UAAU;AAAA,MACV,OAAO,EAAc;AAAA,MACrB,SAAS;AAAA,IACX,CACF;AAAA,IACA,YAAY;AAAA,IACC,aAAA;AAAA,IACA,aAAA;AAAA,IACb,mBAAmB;AAAA,IACf,IAAA;AAAA,IACJ,OAAO,EAAc;AAAA,cAbvB;AAAA,MAeG,EAAY,qCACX,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,SAAS;AAAA,UACT,eAAe,EAAE,IAAI,MAAM;AAAA,UAC3B,KAAK;AAAA,UACL,gBAAgB;AAAA,UAChB,IAAI,IAAgB,KAAK;AAAA,UACzB,IAAI,IAAgB,KAAK;AAAA,QAC3B;AAAA,kBARF,CAUE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,KAAK;AAAA,YAAI,OAAO,EAAE,IAAI,IAAI;AAAA,YAAG,QAAQ;AAAA,UAAO;AAAA,oBAAzD,CACE,gBAAA,EAAC,IAAD,CAAwB,CAAA,GACxB,gBAAA,EAAC,IAAD;AAAA,YACE,aAAa,EAAc;AAAA,YAC3B,YAAW;AAAA,YACX,OAAO,EAAc;AAAA,UACtB,CAAA,CACI;AAAA,YACP,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,UAAU;AAAA,YAAK,OAAO,EAAE,IAAI,IAAI;AAAA,UAAE;AAAA,oBAC7C,gBAAA,EAAC,IAAD;AAAA,YAAM,IAAI;AAAA,cAAE,QAAQ;AAAA,cAAQ,GAAG;AAAA,YAAG;AAAA,sBAAlC;AAAA,cACE,gBAAA,EAAC,GAAD;AAAA,gBACE,WAAU;AAAA,gBACV,IAAI;AAAA,kBAAE,YAAY;AAAA,kBAAU,KAAK;AAAA,kBAAI,gBAAgB;AAAA,gBAAgB;AAAA,0BAFvE,CAIE,gBAAA,EAAC,IAAD,EAAA,UAAK,EAAc,eAAmB,CAAA,GAEtC,gBAAA,EAAC,IAAD;AAAA,kBACE,SAAS,gBAAA,EAAC,IAAD,CAAe,CAAA;AAAA,kBACxB,SAAA,MAAe,EAAsB,EAAI;AAAA,kBACzC,MAAK;AAAA,kBACL,IAAI,EACF,wBAAwB;AAAA,oBACtB,IAAI;AAAA,oBACJ,IAAI;AAAA,kBACN,EACF;AAAA,kBACA,SAAQ;AAAA,4BAER,gBAAA,EAAC,IAAD;AAAA,oBAAM,MAAM;AAAA,oBAAM,SAAQ;AAAA,8BACvB,EAAc;AAAA,kBACX,CAAA;AAAA,gBACA,CAAA,CACH;AAAA;cACN,IACC,gBAAA,EAAC,IAAD;AAAA,gBACE,WAAW,EAAM,QAAQ;AAAA,gBACzB,UAAS;AAAA,gBACT,QAAQ,CAAC,EAAM,QAAQ,QAAQ,IAAI;AAAA,gBACnC,WAAU;AAAA,gBACV,mBAAmB,EAAE,cAAc,MAAM;AAAA,gBACzC,gBAAgB,EAAE,MAAM,EAAE;AAAA,gBAC1B,qBAAoB;AAAA,gBACpB,UAAU,CAAC,CAAkB;AAAA,gBAC7B,QAAQ;AAAA,gBACR,YAAY;AAAA,gBACZ,sBAAsB;AAAA,gBACtB,sBAAsB,EAAM,QAAQ,QAAQ;AAAA,gBAC5C,gBAAgB,EAAM,QAAQ,OAAO;AAAA,gBACrC,eACE,OAAO,EAAM,WAAW,SAAS,YAAa,WAC1C,WAAW,EAAM,WAAW,QAAQ,QAAQ,IAC5C,EAAM,WAAW,SAAS;AAAA,gBAEhC,QAAQ,CAAC,EAAc,oBAAoB;AAAA,gBAC3C,QAAQ;AAAA,kBAAE,OAAO;AAAA,kBAAI,MAAM;AAAA,gBAAI;AAAA,gBAC/B,aAAa;AAAA,gBACb,UAAU;AAAA,gBACV,aAAa;AAAA,gBACb,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,aAAa;AAAA,gBACb,WAAW;AAAA,gBACX,OAAO,EAAc;AAAA,cACtB,CAAA,IAED,gBAAA,EAAC,IAAD,EAAa,SAAA,MAAe,EAAqB,EAAI,EAAI,CAAA;AAAA,cAE3D,gBAAA,EAAC,IAAD,CAA0B,CAAA;AAAA,YACtB;AAAA;QACD,CAAA,CACF;AAAA,WAEP,gBAAA,EAAC,IAAD,CAAa,CAAA;AAAA,MAGf,gBAAA,EAAC,IAAD;AAAA,QAAe,QAAQ;AAAA,QAAe,SAAS;AAAA,MAA2B,CAAA;AAAA,MAC1E,gBAAA,EAAC,IAAD;AAAA,QACE,SAAA,MAAe,EAAqB,EAAK;AAAA,QACtB,mBAAA;AAAA,QACnB,OAAO,EAAY;AAAA,MACpB,CAAA;AAAA,MACD,gBAAA,EAAC,IAAD;AAAA,QACE,QAAQ;AAAA,QACR,SAAA,MAAe,EAAsB,EAAK;AAAA,MAC3C,CAAA;AAAA,IACc;AAAA;AAErB,GAEA,KAAe,GAAS,EAAe"}

package/dist/finstrong/components/ConnectMoreAccountsCard.es.js

@@ -0,0 +1,80 @@
+import { useAppConfig as h, useGlobalCopyStore as _ } from "../../common/context/hooks.es.js";
+import C from "../../common/components/ConnectDrawer.es.js";
+import g from "../../accounts/components/ConnectionsDrawer.es.js";
+import x from "react";
+import w from "@mui/material/Stack";
+import { H3 as v, P as S, Text as b } from "@mxenabled/mxui";
+import W from "@mui/material/Button";
+import { AccountBalance as k, ChevronRight as y } from "@mxenabled/mx-icons";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import A from "@mui/material/Card";
+var P = ({ drawerType: n, isDashboard: r = !1, hasIcon: p = !0, buttonText: i, title: s, titleDrawer: t, description: m, sx: u }) => {
+  const [a, e] = x.useState(!1), { connect: l, finstrong: c } = _(), { config: d } = h();
+  return n && d.show_connections_widget_in_master ? /* @__PURE__ */ f(A, {
+    sx: {
+      pb: 24,
+      pt: 18,
+      px: 24,
+      width: "100%",
+      ...u
+    },
+    children: [
+      /* @__PURE__ */ f(w, {
+        sx: {
+          gap: 8,
+          ...r && {
+            flexDirection: "row",
+            alignItems: "center"
+          }
+        },
+        children: [p && /* @__PURE__ */ o(k, { sx: {
+          height: 20,
+          width: 20
+        } }), /* @__PURE__ */ o(v, {
+          className: "connect-more-accounts-title",
+          sx: { ...r && { fontSize: 15 } },
+          children: s || c.connect_more_accounts_title
+        })]
+      }),
+      /* @__PURE__ */ o(S, {
+        className: "connect-more-accounts-description",
+        sx: {
+          color: "text.secondary",
+          mt: 8
+        },
+        variant: "subtitle1",
+        children: m || c.connect_more_accounts_description
+      }),
+      /* @__PURE__ */ o(W, {
+        endIcon: /* @__PURE__ */ o(y, {}),
+        onClick: () => e(!0),
+        size: "small",
+        sx: {
+          p: 0,
+          mt: 8,
+          "&:hover": { backgroundColor: "transparent" }
+        },
+        children: /* @__PURE__ */ o(b, {
+          sx: { fontWeight: 600 },
+          variant: "body2",
+          children: i || c.connect_more_accounts_button
+        })
+      }),
+      n === "connectDrawer" && /* @__PURE__ */ o(C, {
+        onClose: () => e(!1),
+        showConnectWidget: a,
+        title: t || l.mini_title
+      }),
+      n === "connectionsDrawer" && /* @__PURE__ */ o(g, {
+        onClose: () => e(!1),
+        showConnectionsWidget: a,
+        title: t || l.mini_title
+      })
+    ]
+  }) : null;
+};
+export {
+  P as ConnectMoreAccountsCard
+};
+
+//# sourceMappingURL=ConnectMoreAccountsCard.es.js.map

package/dist/finstrong/components/ConnectMoreAccountsCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectMoreAccountsCard.es.js","names":[],"sources":["../../../src/finstrong/components/ConnectMoreAccountsCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport { type SxProps } from '@mui/material/styles'\nimport { AccountBalance, ChevronRight } from '@mxenabled/mx-icons'\n\nimport { P, H3, Text } from '@mxenabled/mxui'\nimport Stack from '@mui/material/Stack'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\n\nimport { ConnectDrawer, useAppConfig, useGlobalCopyStore } from '../../common'\nimport ConnectionsDrawer from '../../accounts/components/ConnectionsDrawer'\n\ninterface ConnectMoreAccountsCardProps {\n  drawerType?: 'connectDrawer' | 'connectionsDrawer'\n  isDashboard?: boolean\n  hasIcon?: boolean\n  buttonText?: string\n  title?: string\n  titleDrawer?: string\n  description?: string\n  sx?: SxProps\n}\n\nexport const ConnectMoreAccountsCard = ({\n  drawerType,\n  isDashboard = false,\n  hasIcon = true,\n  buttonText,\n  title,\n  titleDrawer,\n  description,\n  sx,\n}: ConnectMoreAccountsCardProps) => {\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n  const { connect: connectCopy, finstrong: copy } = useGlobalCopyStore()\n  const { config } = useAppConfig()\n  return drawerType && config.show_connections_widget_in_master ? (\n    <Card\n      sx={{\n        pb: 24,\n        pt: 18,\n        px: 24,\n        width: '100%',\n        ...sx,\n      }}\n    >\n      <Stack\n        sx={{\n          gap: 8,\n          ...(isDashboard && { flexDirection: 'row', alignItems: 'center' }),\n        }}\n      >\n        {hasIcon && <AccountBalance sx={{ height: 20, width: 20 }} />}\n        <H3 className=\"connect-more-accounts-title\" sx={{ ...(isDashboard && { fontSize: 15 }) }}>\n          {title ? title : copy.connect_more_accounts_title}\n        </H3>\n      </Stack>\n      <P\n        className=\"connect-more-accounts-description\"\n        sx={{ color: 'text.secondary', mt: 8 }}\n        variant=\"subtitle1\"\n      >\n        {description ? description : copy.connect_more_accounts_description}\n      </P>\n\n      <Button\n        endIcon={<ChevronRight />}\n        onClick={() => setShowConnectWidget(true)}\n        size=\"small\"\n        sx={{ p: 0, mt: 8, '&:hover': { backgroundColor: 'transparent' } }}\n      >\n        <Text sx={{ fontWeight: 600 }} variant=\"body2\">\n          {buttonText ? buttonText : copy.connect_more_accounts_button}\n        </Text>\n      </Button>\n\n      {drawerType === 'connectDrawer' && (\n        <ConnectDrawer\n          onClose={() => setShowConnectWidget(false)}\n          showConnectWidget={showConnectWidget}\n          title={titleDrawer ? titleDrawer : connectCopy.mini_title}\n        />\n      )}\n      {drawerType === 'connectionsDrawer' && (\n        <ConnectionsDrawer\n          onClose={() => setShowConnectWidget(false)}\n          showConnectionsWidget={showConnectWidget}\n          title={titleDrawer ? titleDrawer : connectCopy.mini_title}\n        />\n      )}\n    </Card>\n  ) : null\n}\n"],"mappings":";;;;;;;;;;AAwBA,IAAa,IAAA,CAA2B,EACtC,YAAA,GACA,aAAA,IAAc,IACd,SAAA,IAAU,IACV,YAAA,GACA,OAAA,GACA,aAAA,GACA,aAAA,GACA,IAAA,EAAA,MACkC;AAClC,QAAM,CAAC,GAAmB,CAAA,IAAwB,EAAM,SAAS,EAAK,GAChE,EAAE,SAAS,GAAa,WAAW,EAAA,IAAS,EAAmB,GAC/D,EAAE,QAAA,EAAA,IAAW,EAAa;AAChC,SAAO,KAAc,EAAO,oCAC1B,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,cAPF;AAAA,MASE,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,KAAK;AAAA,UACL,GAAI,KAAe;AAAA,YAAE,eAAe;AAAA,YAAO,YAAY;AAAA,UAAS;AAAA,QAClE;AAAA,kBAJF,CAMG,KAAW,gBAAA,EAAC,GAAD,EAAgB,IAAI;AAAA,UAAE,QAAQ;AAAA,UAAI,OAAO;AAAA,QAAG,EAAI,CAAA,GAC5D,gBAAA,EAAC,GAAD;AAAA,UAAI,WAAU;AAAA,UAA8B,IAAI,EAAE,GAAI,KAAe,EAAE,UAAU,GAAG,EAAG;AAAA,oBACpF,KAAgB,EAAK;AAAA,QACpB,CAAA,CACC;AAAA;MACP,gBAAA,EAAC,GAAD;AAAA,QACE,WAAU;AAAA,QACV,IAAI;AAAA,UAAE,OAAO;AAAA,UAAkB,IAAI;AAAA,QAAE;AAAA,QACrC,SAAQ;AAAA,kBAEP,KAA4B,EAAK;AAAA,MACjC,CAAA;AAAA,MAEH,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,QACxB,SAAA,MAAe,EAAqB,EAAI;AAAA,QACxC,MAAK;AAAA,QACL,IAAI;AAAA,UAAE,GAAG;AAAA,UAAG,IAAI;AAAA,UAAG,WAAW,EAAE,iBAAiB,cAAc;AAAA,QAAE;AAAA,kBAEjE,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI,EAAE,YAAY,IAAI;AAAA,UAAG,SAAQ;AAAA,oBACpC,KAA0B,EAAK;AAAA,QAC5B,CAAA;AAAA,MACA,CAAA;AAAA,MAEP,MAAe,mBACd,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,EAAqB,EAAK;AAAA,QACtB,mBAAA;AAAA,QACnB,OAAO,KAA4B,EAAY;AAAA,MAChD,CAAA;AAAA,MAEF,MAAe,uBACd,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,EAAqB,EAAK;AAAA,QACzC,uBAAuB;AAAA,QACvB,OAAO,KAA4B,EAAY;AAAA,MAChD,CAAA;AAAA,IAEC;AAAA,OACJ;AACN"}

package/dist/finstrong/components/CreditScore/CreditScoreContent.es.js

@@ -0,0 +1,39 @@
+import { useFinstrongStore as m, useGlobalCopyStore as l, useUserStore as p, useWidgetContainerProvider as f } from "../../../common/context/hooks.es.js";
+import { useScreenSize as u } from "../../../common/hooks/useScreenSize.es.js";
+import { CreditScoreGraph as S } from "../CreditScoreGraph.es.js";
+import C from "../ManageCreditScore.es.js";
+import h from "../shared/LineGraph.es.js";
+import _ from "react";
+import { observer as v } from "mobx-react-lite";
+import g from "@mui/material/Stack";
+import x from "@mui/material/Button";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import b from "@mui/material/Box";
+var R = () => {
+  const { healthScoreChangeReports: s } = m(), { finstrong: n } = l(), { user: a } = p(), { availableWidth: c } = f(), { isSmallMobile: o } = u(c), [d, t] = _.useState(!1), r = s.at(-1);
+  return /* @__PURE__ */ i(b, { children: [/* @__PURE__ */ i(g, {
+    sx: { gap: 28 },
+    children: [
+      /* @__PURE__ */ e(S, {
+        arcRadius: o ? 124 : 154,
+        footerCenterContent: r ? r.newer_credit_score - r.older_credit_score : 0,
+        healthScore: a.credit_score ?? 0,
+        size: o ? "M" : "L"
+      }),
+      /* @__PURE__ */ e(x, {
+        onClick: () => t(!0),
+        variant: "contained",
+        children: n.credit_score_updated_score
+      }),
+      /* @__PURE__ */ e(h, { chartFor: "creditOverTime" })
+    ]
+  }), /* @__PURE__ */ e(C, {
+    isOpen: d,
+    onClose: () => t(!1)
+  })] });
+}, w = v(R);
+export {
+  w as default
+};
+
+//# sourceMappingURL=CreditScoreContent.es.js.map

package/dist/finstrong/components/CreditScore/CreditScoreContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditScoreContent.es.js","names":[],"sources":["../../../../src/finstrong/components/CreditScore/CreditScoreContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport {\n  useFinstrongStore,\n  useGlobalCopyStore,\n  useScreenSize,\n  useUserStore,\n  useWidgetContainerProvider,\n} from '../../../common'\n\nimport { CreditScoreGraph } from '../CreditScoreGraph'\nimport ManageCreditScore from '../ManageCreditScore'\nimport LineGraph from '../shared/LineGraph'\n\nconst CreditScoreContent = () => {\n  const { healthScoreChangeReports } = useFinstrongStore()\n  const { finstrong: copy } = useGlobalCopyStore()\n  const { user } = useUserStore()\n  const { availableWidth } = useWidgetContainerProvider()\n  const { isSmallMobile } = useScreenSize(availableWidth)\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const lastReport = healthScoreChangeReports.at(-1)\n\n  return (\n    <Box>\n      <Stack sx={{ gap: 28 }}>\n        <CreditScoreGraph\n          arcRadius={isSmallMobile ? 124 : 154}\n          footerCenterContent={\n            lastReport ? lastReport.newer_credit_score - lastReport.older_credit_score : 0\n          }\n          healthScore={user.credit_score ?? 0}\n          size={isSmallMobile ? 'M' : 'L'}\n        />\n        <Button onClick={() => setIsOpen(true)} variant=\"contained\">\n          {copy.credit_score_updated_score}\n        </Button>\n        <LineGraph chartFor=\"creditOverTime\" />\n      </Stack>\n      <ManageCreditScore isOpen={isOpen} onClose={() => setIsOpen(false)} />\n    </Box>\n  )\n}\n\nexport default observer(CreditScoreContent)\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,IAAA,MAA2B;AAC/B,QAAM,EAAE,0BAAA,EAAA,IAA6B,EAAkB,GACjD,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EAAE,MAAA,EAAA,IAAS,EAAa,GACxB,EAAE,gBAAA,EAAA,IAAmB,EAA2B,GAChD,EAAE,eAAA,EAAA,IAAkB,EAAc,CAAc,GAEhD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAa,EAAyB,GAAG,EAAE;AAEjD,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,GAAG;AAAA,cAArB;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW,IAAgB,MAAM;AAAA,QACjC,qBACE,IAAa,EAAW,qBAAqB,EAAW,qBAAqB;AAAA,QAE/E,aAAa,EAAK,gBAAgB;AAAA,QAClC,MAAM,IAAgB,MAAM;AAAA,MAC7B,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QAAQ,SAAA,MAAe,EAAU,EAAI;AAAA,QAAG,SAAQ;AAAA,kBAC7C,EAAK;AAAA,MACA,CAAA;AAAA,MACR,gBAAA,EAAC,GAAD,EAAW,UAAS,iBAAkB,CAAA;AAAA,IACjC;AAAA,MACP,gBAAA,EAAC,GAAD;AAAA,IAA2B,QAAA;AAAA,IAAQ,SAAA,MAAe,EAAU,EAAK;AAAA,EAAI,CAAA,CAClE,EAAA,CAAA;AAET,GAEA,IAAe,EAAS,CAAkB"}

package/dist/finstrong/components/CreditScore/CreditScoreHeader.es.js

@@ -0,0 +1,22 @@
+import { useGlobalCopyStore as s, useUserStore as i } from "../../../common/context/hooks.es.js";
+import { getCreditScoreState as c } from "../../util/finstrongUtils.es.js";
+import m from "../StatusChip.es.js";
+import { observer as n } from "mobx-react-lite";
+import a from "@mui/material/Stack";
+import { H3 as p } from "@mxenabled/mxui";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+var f = () => {
+  const { finstrong: e } = s(), { user: t } = i(), o = c(t.credit_score ?? null);
+  return /* @__PURE__ */ d(a, {
+    sx: {
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ r(p, { children: e.credit_score_keep_strong_credit_score }), /* @__PURE__ */ r(m, { status: o })]
+  });
+}, g = n(f);
+export {
+  g as default
+};
+
+//# sourceMappingURL=CreditScoreHeader.es.js.map

package/dist/finstrong/components/CreditScore/CreditScoreHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditScoreHeader.es.js","names":[],"sources":["../../../../src/finstrong/components/CreditScore/CreditScoreHeader.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore, useUserStore } from '../../../common'\n\nimport { getCreditScoreState } from '../../util/finstrongUtils'\n\nimport StatusChip from '../StatusChip'\n\nconst CreditScoreHeader = () => {\n  const { finstrong: copy } = useGlobalCopyStore()\n  const { user } = useUserStore()\n\n  const status = getCreditScoreState(user.credit_score ?? null)\n\n  return (\n    <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n      <H3>{copy.credit_score_keep_strong_credit_score}</H3>\n      <StatusChip status={status} />\n    </Stack>\n  )\n}\n\nexport default observer(CreditScoreHeader)\n"],"mappings":";;;;;;;AAYA,IAAM,IAAA,MAA0B;AAC9B,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EAAE,MAAA,EAAA,IAAS,EAAa,GAExB,IAAS,EAAoB,EAAK,gBAAgB,IAAI;AAE5D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,eAAe;AAAA,MAAO,gBAAgB;AAAA,IAAgB;AAAA,cAAnE,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,sCAA0C,CAAA,GACpD,gBAAA,EAAC,GAAD,EAAoB,QAAA,EAAS,CAAA,CACxB;AAAA;AAEX,GAEA,IAAe,EAAS,CAAiB"}