@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/debts/components/debtspaydown/PaydownButton/index.es.js

@@ -1,32 +0,0 @@
-import { buildDynamicCopy as m } from "../../../../core/utils/Localization/index.es.js";
-import { useDebtStore as l, useGlobalCopyStore as p, useGoalStore as y } from "../../../../common/context/hooks/index.es.js";
-import { formatCurrency as u } from "../../../../core/utils/NumberFormatting/index.es.js";
-import { observer as c } from "mobx-react-lite";
-import b from "@mui/material/Stack";
-import f from "@mui/material/Button";
-import { jsx as t } from "react/jsx-runtime";
-var _ = c(({ disabled: o, onClick: r }) => {
-  const { debts: e } = p(), { totalMonthlyPayments: a } = l(), { monthlyCashFlowProfile: n } = y(), i = a + Number(n?.extra_payment), s = e.paydown_button_long;
-  return /* @__PURE__ */ t(b, {
-    alignItems: "center",
-    sx: {
-      flex: 1,
-      flexShrink: 0
-    },
-    children: /* @__PURE__ */ t(f, {
-      "aria-controls": "extra-paydown",
-      "aria-describedby": "extra-paydown",
-      "aria-haspopup": !0,
-      "aria-label": "extra-paydown",
-      disabled: o,
-      onClick: r,
-      sx: { justifyContent: "start" },
-      children: m(s, u(i, "0,0"))
-    })
-  });
-});
-export {
-  _ as PaydownButton
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/debts/components/debtspaydown/PaydownButton/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/debts/components/debtspaydown/PaydownButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useDebtStore, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface PaydownButtonProps {\n  disabled?: boolean\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const PaydownButton = observer(({ disabled, onClick }: PaydownButtonProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { totalMonthlyPayments } = useDebtStore()\n  const { monthlyCashFlowProfile } = useGoalStore()\n\n  const totalContributions = totalMonthlyPayments + Number(monthlyCashFlowProfile?.extra_payment)\n  const buttonText = copy.paydown_button_long\n  return (\n    <Stack alignItems=\"center\" sx={{ flex: 1, flexShrink: 0 }}>\n      <Button\n        aria-controls=\"extra-paydown\"\n        aria-describedby=\"extra-paydown\"\n        aria-haspopup={true}\n        aria-label=\"extra-paydown\"\n        disabled={disabled}\n        onClick={onClick}\n        sx={{ justifyContent: 'start' }}\n      >\n        {buildDynamicCopy(buttonText, formatCurrency(totalContributions, '0,0')) as string}\n      </Button>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;AAaA,IAAa,IAAgB,EAAA,CAAU,EAAE,UAAA,GAAU,SAAA,EAAA,MAAkC;AACnF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,EAAA,IAAyB,EAAa,GACxC,EAAE,wBAAA,EAAA,IAA2B,EAAa,GAE1C,IAAqB,IAAuB,OAAO,GAAwB,aAAa,GACxF,IAAa,EAAK;AACxB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,IAAI;AAAA,MAAE,MAAM;AAAA,MAAG,YAAY;AAAA,IAAE;AAAA,cACtD,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAc;AAAA,MACd,oBAAiB;AAAA,MACjB,iBAAe;AAAA,MACf,cAAW;AAAA,MACD,UAAA;AAAA,MACD,SAAA;AAAA,MACT,IAAI,EAAE,gBAAgB,QAAQ;AAAA,gBAE7B,EAAiB,GAAY,EAAe,GAAoB,KAAK,CAAC;AAAA,IACjE,CAAA;AAAA,EACH,CAAA;AAEX,CAAC"}

package/dist/debts/components/debtspaydown/PaydownContent/index.es.js

@@ -1,77 +0,0 @@
-import { useDebtStore as c, useGlobalCopyStore as m, useGoalStore as p } from "../../../../common/context/hooks/index.es.js";
-import { formatCurrency as i } from "../../../../core/utils/NumberFormatting/index.es.js";
-import { ExtraPaymentAction as s } from "../../actions/ExtraPaymentAction/index.es.js";
-import { observer as h } from "mobx-react-lite";
-import t from "@mui/material/Stack";
-import { P as u, Text as e } from "@mxenabled/mxui";
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-var y = () => {
-  const { debts: o } = m(), { totalMonthlyPayments: a } = c(), { monthlyCashFlowProfile: d } = p(), l = a + Number(d?.extra_payment);
-  return /* @__PURE__ */ n(t, {
-    sx: {
-      backgroundColor: "background.default",
-      height: "100%"
-    },
-    children: [
-      /* @__PURE__ */ n(t, {
-        p: 24,
-        children: [/* @__PURE__ */ n(t, {
-          alignItems: "center",
-          gap: 4,
-          mb: 24,
-          children: [
-            /* @__PURE__ */ r(e, {
-              variant: "body1",
-              children: o.paydown_drawer_mimimum_label
-            }),
-            /* @__PURE__ */ r(u, {
-              bold: !0,
-              variant: "h1",
-              children: i(a, "0,0")
-            }),
-            /* @__PURE__ */ r(e, {
-              textAlign: "center",
-              truncate: !1,
-              variant: "body2",
-              width: 208,
-              children: o.paydown_drawer_minimum_info
-            })
-          ]
-        }), /* @__PURE__ */ n(t, { children: [/* @__PURE__ */ r(e, {
-          variant: "h3",
-          children: o.paydown_drawer_subtitle
-        }), /* @__PURE__ */ r(e, {
-          truncate: !1,
-          variant: "subtitle2",
-          children: o.paydown_drawer_description
-        })] })]
-      }),
-      /* @__PURE__ */ r(t, {
-        sx: { backgroundColor: "background.paper" },
-        children: /* @__PURE__ */ r(s, {})
-      }),
-      /* @__PURE__ */ r(t, {
-        flexDirection: "row-reverse",
-        px: 24,
-        py: 12,
-        children: /* @__PURE__ */ n(t, {
-          gap: 4,
-          children: [/* @__PURE__ */ r(e, {
-            variant: "body2",
-            children: o.paydown_drawer_total_payment
-          }), /* @__PURE__ */ r(e, {
-            bold: !0,
-            textAlign: "right",
-            variant: "body1",
-            children: i(l, "0,0")
-          })]
-        })
-      })
-    ]
-  });
-}, C = h(y);
-export {
-  C as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/debts/components/debtspaydown/PaydownContent/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/debts/components/debtspaydown/PaydownContent.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport { useDebtStore, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { ExtraPaymentAction } from '../actions/ExtraPaymentAction'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nconst PaydownContent = () => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { totalMonthlyPayments } = useDebtStore()\n  const { monthlyCashFlowProfile } = useGoalStore()\n\n  const totalContributions = totalMonthlyPayments + Number(monthlyCashFlowProfile?.extra_payment)\n\n  return (\n    <Stack sx={{ backgroundColor: 'background.default', height: '100%' }}>\n      <Stack p={24}>\n        <Stack alignItems=\"center\" gap={4} mb={24}>\n          <Text variant=\"body1\">{copy.paydown_drawer_mimimum_label}</Text>\n          <P bold={true} variant=\"h1\">\n            {formatCurrency(totalMonthlyPayments, '0,0')}\n          </P>\n          <Text textAlign=\"center\" truncate={false} variant=\"body2\" width={208}>\n            {copy.paydown_drawer_minimum_info}\n          </Text>\n        </Stack>\n        <Stack>\n          <Text variant=\"h3\">{copy.paydown_drawer_subtitle}</Text>\n          <Text truncate={false} variant=\"subtitle2\">\n            {copy.paydown_drawer_description}\n          </Text>\n        </Stack>\n      </Stack>\n      <Stack sx={{ backgroundColor: 'background.paper' }}>\n        <ExtraPaymentAction />\n      </Stack>\n      <Stack flexDirection=\"row-reverse\" px={24} py={12}>\n        <Stack gap={4}>\n          <Text variant=\"body2\">{copy.paydown_drawer_total_payment}</Text>\n          <Text bold={true} textAlign=\"right\" variant=\"body1\">\n            {formatCurrency(totalContributions, '0,0')}\n          </Text>\n        </Stack>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default observer(PaydownContent)\n"],"mappings":";;;;;;;AASA,IAAM,IAAA,MAAuB;AAC3B,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,EAAA,IAAyB,EAAa,GACxC,EAAE,wBAAA,EAAA,IAA2B,EAAa,GAE1C,IAAqB,IAAuB,OAAO,GAAwB,aAAa;AAE9F,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,iBAAiB;AAAA,MAAsB,QAAQ;AAAA,IAAO;AAAA,cAAnE;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,GAAG;AAAA,kBAAV,CACE,gBAAA,EAAC,GAAD;AAAA,UAAO,YAAW;AAAA,UAAS,KAAK;AAAA,UAAG,IAAI;AAAA,oBAAvC;AAAA,YACE,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,wBAAS,EAAK;AAAA,YAAmC,CAAA;AAAA,YAC/D,gBAAA,EAAC,GAAD;AAAA,cAAG,MAAM;AAAA,cAAM,SAAQ;AAAA,wBACpB,EAAe,GAAsB,KAAK;AAAA,YAC1C,CAAA;AAAA,YACH,gBAAA,EAAC,GAAD;AAAA,cAAM,WAAU;AAAA,cAAS,UAAU;AAAA,cAAO,SAAQ;AAAA,cAAQ,OAAO;AAAA,wBAC9D,EAAK;AAAA,YACF,CAAA;AAAA,UACD;AAAA,YACP,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAM,EAAK;AAAA,QAA8B,CAAA,GACvD,gBAAA,EAAC,GAAD;AAAA,UAAM,UAAU;AAAA,UAAO,SAAQ;AAAA,oBAC5B,EAAK;AAAA,QACF,CAAA,CACD,EAAA,CAAA,CACF;AAAA;MACP,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI,EAAE,iBAAiB,mBAAmB;AAAA,kBAC/C,gBAAA,EAAC,GAAD,CAAqB,CAAA;AAAA,MAChB,CAAA;AAAA,MACP,gBAAA,EAAC,GAAD;AAAA,QAAO,eAAc;AAAA,QAAc,IAAI;AAAA,QAAI,IAAI;AAAA,kBAC7C,gBAAA,EAAC,GAAD;AAAA,UAAO,KAAK;AAAA,oBAAZ,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,sBAAS,EAAK;AAAA,UAAmC,CAAA,GAC/D,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,WAAU;AAAA,YAAQ,SAAQ;AAAA,sBACzC,EAAe,GAAoB,KAAK;AAAA,UACrC,CAAA,CACD;AAAA;MACF,CAAA;AAAA,IACF;AAAA;AAEX,GAEA,IAAe,EAAS,CAAc"}

package/dist/debts/components/debtspriority/DebtsPriorityButton/index.es.js

@@ -1,32 +0,0 @@
-import "react";
-import { Icon as e } from "@mxenabled/mxui";
-import p from "@mui/material/Button";
-import { jsx as r } from "react/jsx-runtime";
-import m from "@mui/material/IconButton";
-var z = ({ buttonText: a, disabled: t, isDesktop: s = !1, isOpen: n, onClick: i }) => {
-  const o = n ? "unfold_less" : "unfold_more";
-  return s ? /* @__PURE__ */ r(p, {
-    "aria-controls": "prioritize-debts",
-    "aria-describedby": "prioritize-debts",
-    "aria-haspopup": !0,
-    "aria-label": "prioritize-debts",
-    disabled: t,
-    onClick: i,
-    startIcon: /* @__PURE__ */ r(e, { name: o }),
-    sx: { justifyContent: "start" },
-    children: a
-  }) : /* @__PURE__ */ r(m, {
-    "aria-controls": "prioritize-debts",
-    "aria-describedby": "prioritize-debts",
-    "aria-haspopup": !0,
-    "aria-label": "prioritize-debts",
-    disabled: t,
-    onClick: i,
-    children: /* @__PURE__ */ r(e, { name: o })
-  });
-};
-export {
-  z as DebtsPriorityButton
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/debts/components/debtspriority/DebtsPriorityButton/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/debts/components/debtspriority/DebtsPriorityButton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport { Icon } from '@mxenabled/mxui'\n\ninterface DebtsPrioriyButtonProps {\n  buttonText: string\n  disabled?: boolean\n  isDesktop?: boolean\n  isOpen: boolean\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const DebtsPriorityButton = ({\n  buttonText,\n  disabled,\n  isDesktop = false,\n  isOpen,\n  onClick,\n}: DebtsPrioriyButtonProps) => {\n  const icon = isOpen ? 'unfold_less' : 'unfold_more'\n\n  return isDesktop ? (\n    <Button\n      aria-controls=\"prioritize-debts\"\n      aria-describedby=\"prioritize-debts\"\n      aria-haspopup={true}\n      aria-label=\"prioritize-debts\"\n      disabled={disabled}\n      onClick={onClick}\n      startIcon={<Icon name={icon} />}\n      sx={{ justifyContent: 'start' }}\n    >\n      {buttonText}\n    </Button>\n  ) : (\n    <IconButton\n      aria-controls=\"prioritize-debts\"\n      aria-describedby=\"prioritize-debts\"\n      aria-haspopup={true}\n      aria-label=\"prioritize-debts\"\n      disabled={disabled}\n      onClick={onClick}\n    >\n      <Icon name={icon} />\n    </IconButton>\n  )\n}\n"],"mappings":";;;;;AAcA,IAAa,IAAA,CAAuB,EAClC,YAAA,GACA,UAAA,GACA,WAAA,IAAY,IACZ,QAAA,GACA,SAAA,EAAA,MAC6B;AAC7B,QAAM,IAAO,IAAS,gBAAgB;AAEtC,SAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAc;AAAA,IACd,oBAAiB;AAAA,IACjB,iBAAe;AAAA,IACf,cAAW;AAAA,IACD,UAAA;AAAA,IACD,SAAA;AAAA,IACT,WAAW,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAO,CAAA;AAAA,IAC9B,IAAI,EAAE,gBAAgB,QAAQ;AAAA,cAE7B;AAAA,EACK,CAAA,IAER,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAc;AAAA,IACd,oBAAiB;AAAA,IACjB,iBAAe;AAAA,IACf,cAAW;AAAA,IACD,UAAA;AAAA,IACD,SAAA;AAAA,cAET,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAO,CAAA;AAAA,EACT,CAAA;AAEhB"}

package/dist/debts/components/debtspriority/DebtsPrioriyPopover/index.es.js

@@ -1,78 +0,0 @@
-import { useEvent as h, useGlobalCopyStore as _ } from "../../../../common/context/hooks/index.es.js";
-import { ANALYTICS_EVENTS as b } from "../../../../common/constants/Analytics/index.es.js";
-import { DebtPriority as r } from "../../../../core/constants/Debts/index.es.js";
-import { useDebtsUiStore as d } from "../../../hooks/useDebtsUiStore/index.es.js";
-import { observer as y } from "mobx-react-lite";
-import { Text as S } from "@mxenabled/mxui";
-import { CheckCircle as E } from "@mxenabled/mx-icons";
-import { jsx as i, jsxs as T } from "react/jsx-runtime";
-import v from "@mui/material/Popover";
-import x from "@mui/material/List";
-import C from "@mui/material/ListItem";
-var z = y(({ buttonEl: n, onClose: s }) => {
-  const { onEvent: l } = h(), { debts: t } = _(), { selectedDebtPriority: e, setSelectedDebtPriority: p } = d(), c = !!n, m = [
-    {
-      priority: r.FASTEST_PAYOFF_FIRST,
-      text: t.priority_sort_fastest_payoff
-    },
-    {
-      priority: r.HIGHEST_INTEREST,
-      text: t.priority_sort_highest_interest
-    },
-    {
-      priority: r.LOWEST_BALANCE,
-      text: t.priority_sort_lowest_balance
-    },
-    {
-      priority: r.HIGHEST_BALANCE,
-      text: t.priority_sort_highest_balance
-    }
-  ], a = (o) => {
-    p(o), l(b.DEBTS_CLICK_PRIORITY, { debts_priority: o });
-  };
-  return /* @__PURE__ */ i(v, {
-    anchorEl: n,
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "left"
-    },
-    id: "prioritize-debts",
-    onClose: s,
-    open: c,
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "left"
-    },
-    children: /* @__PURE__ */ i(x, { children: m.map(({ priority: o, text: f }) => /* @__PURE__ */ T(C, {
-      onClick: () => a(o),
-      sx: {
-        bgcolor: e === o ? "primary.main" : void 0,
-        color: e === o ? "#fff" : void 0,
-        justifyContent: "space-between",
-        minHeight: 44,
-        minWidth: 268,
-        px: 24,
-        py: 12,
-        "&:hover": {
-          bgcolor: "background.highlight",
-          cursor: "pointer",
-          color: "text.primary"
-        }
-      },
-      children: [/* @__PURE__ */ i(S, {
-        color: "inherit",
-        variant: "body2",
-        children: f
-      }), e === o && /* @__PURE__ */ i(E, {
-        color: "inherit",
-        filled: !0,
-        fontSize: "small"
-      })]
-    }, o)) })
-  });
-});
-export {
-  z as DebtsPriorityPopover
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/debts/components/debtspriority/DebtsPrioriyPopover/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/debts/components/debtspriority/DebtsPrioriyPopover.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport Popover from '@mui/material/Popover'\n\nimport { Text } from '@mxenabled/mxui'\nimport { CheckCircle as SelectedIcon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore, useEvent, ANALYTICS_EVENTS } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { DebtPriority } from '../../../core/constants/Debts'\n\ninterface DebtsPriorityPopoverProps {\n  buttonEl: HTMLButtonElement | null\n  onClose: () => void\n}\n\nexport const DebtsPriorityPopover = observer(({ buttonEl, onClose }: DebtsPriorityPopoverProps) => {\n  const { onEvent } = useEvent()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtPriority, setSelectedDebtPriority } = useDebtsUiStore()\n\n  const isOpen = Boolean(buttonEl)\n\n  const options = [\n    {\n      priority: DebtPriority.FASTEST_PAYOFF_FIRST,\n      text: copy.priority_sort_fastest_payoff,\n    },\n    {\n      priority: DebtPriority.HIGHEST_INTEREST,\n      text: copy.priority_sort_highest_interest,\n    },\n    {\n      priority: DebtPriority.LOWEST_BALANCE,\n      text: copy.priority_sort_lowest_balance,\n    },\n    {\n      priority: DebtPriority.HIGHEST_BALANCE,\n      text: copy.priority_sort_highest_balance,\n    },\n  ]\n\n  const handleClick = (priority: DebtPriority) => {\n    setSelectedDebtPriority(priority)\n    onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_PRIORITY, { debts_priority: priority })\n  }\n\n  return (\n    <Popover\n      anchorEl={buttonEl}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      id=\"prioritize-debts\"\n      onClose={onClose}\n      open={isOpen}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n    >\n      <List>\n        {options.map(({ priority, text }) => (\n          <ListItem\n            key={priority}\n            onClick={() => handleClick(priority)}\n            sx={{\n              bgcolor: selectedDebtPriority === priority ? 'primary.main' : undefined,\n              color: selectedDebtPriority === priority ? '#fff' : undefined,\n              justifyContent: 'space-between',\n              minHeight: 44,\n              minWidth: 268,\n              px: 24,\n              py: 12,\n              '&:hover': {\n                bgcolor: 'background.highlight',\n                cursor: 'pointer',\n                color: 'text.primary',\n              },\n            }}\n          >\n            <Text color=\"inherit\" variant=\"body2\">\n              {text}\n            </Text>\n            {selectedDebtPriority === priority && (\n              <SelectedIcon color=\"inherit\" filled={true} fontSize=\"small\" />\n            )}\n          </ListItem>\n        ))}\n      </List>\n    </Popover>\n  )\n})\n"],"mappings":";;;;;;;;;;;AAkBA,IAAa,IAAuB,EAAA,CAAU,EAAE,UAAA,GAAU,SAAA,EAAA,MAAyC;AACjG,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,GAAsB,yBAAA,EAAA,IAA4B,EAAgB,GAEpE,IAAS,EAAQ,GAEjB,IAAU;AAAA,IACd;AAAA,MACE,UAAU,EAAa;AAAA,MACvB,MAAM,EAAK;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU,EAAa;AAAA,MACvB,MAAM,EAAK;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU,EAAa;AAAA,MACvB,MAAM,EAAK;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU,EAAa;AAAA,MACvB,MAAM,EAAK;AAAA,IACb;AAAA,EACF,GAEM,IAAA,CAAe,MAA2B;AAC9C,IAAA,EAAwB,CAAQ,GAChC,EAAQ,EAAiB,sBAAsB,EAAE,gBAAgB,EAAS,CAAC;AAAA,EAC7E;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,UAAU;AAAA,IACV,cAAc;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,IACA,IAAG;AAAA,IACM,SAAA;AAAA,IACT,MAAM;AAAA,IACN,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,cAEA,gBAAA,EAAC,GAAD,EAAA,UACG,EAAQ,IAAA,CAAK,EAAE,UAAA,GAAU,MAAA,EAAA,MACxB,gBAAA,EAAC,GAAD;AAAA,MAEE,SAAA,MAAe,EAAY,CAAQ;AAAA,MACnC,IAAI;AAAA,QACF,SAAS,MAAyB,IAAW,iBAAiB;AAAA,QAC9D,OAAO,MAAyB,IAAW,SAAS;AAAA,QACpD,gBAAgB;AAAA,QAChB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,MACF;AAAA,gBAhBF,CAkBE,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAU,SAAQ;AAAA,kBAC3B;AAAA,MACG,CAAA,GACL,MAAyB,KACxB,gBAAA,EAAC,GAAD;AAAA,QAAc,OAAM;AAAA,QAAU,QAAQ;AAAA,QAAM,UAAS;AAAA,MAAS,CAAA,CAExD;AAAA,OAvBH,CAuBG,CACX,EACG,CAAA;AAAA,EACC,CAAA;AAEb,CAAC"}

package/dist/debts/hooks/useDebtsUiStore/index.es.js

@@ -1,12 +0,0 @@
-import { GlobalDataContext as t } from "../../../common/context/GlobalDataProvider/index.es.js";
-import { useDebtStore as e } from "../../../common/context/hooks/index.es.js";
-import o from "react";
-var s = () => {
-  if (!o.useContext(t)) throw new Error("useDebtsUiStore() must be used within the GlobalDataContext");
-  return e().uiStore;
-};
-export {
-  s as useDebtsUiStore
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/debts/hooks/useDebtsUiStore/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/debts/hooks/useDebtsUiStore.ts"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext, useDebtStore } from '../../common'\n\nexport const useDebtsUiStore = () => {\n  const context = React.useContext(GlobalDataContext)\n\n  if (!context) {\n    throw new Error('useDebtsUiStore() must be used within the GlobalDataContext')\n  }\n\n  return useDebtStore().uiStore\n}\n"],"mappings":";;;AAGA,IAAa,IAAA,MAAwB;AAGnC,MAAI,CAFY,EAAM,WAAW,CAE5B,EACH,OAAM,IAAI,MAAM,6DAA6D;AAG/E,SAAO,EAAa,EAAE;AACxB"}

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

@@ -1,15 +0,0 @@
-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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/index.es.js

@@ -1,17 +0,0 @@
-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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/index.es.js

@@ -1,40 +0,0 @@
-import { DATE_FORMATS_INTL as _, formatDate as u } from "../../../core/constants/DateFormats/index.es.js";
-import { formatCurrency as d } from "../../../core/utils/NumberFormatting/index.es.js";
-import { sortDebtsByPrioriy as v } from "../../../core/utils/DebtUtils/index.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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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/index.es.js

@@ -1,127 +0,0 @@
-import { useFinstrongStore as x, useGlobalCopyStore as g, useGlobalUiStore as _ } from "../../common/context/hooks/index.es.js";
-import { useDimensions as b } from "../../common/hooks/useDimensions/index.es.js";
-import y from "../../common/components/Loader/index.es.js";
-import { calculateFinstrongScoreStatus as S } from "../util/finstrongUtils/index.es.js";
-import { FinancialStrengthGraph as C } from "../components/FinancialStrengthGraph/index.es.js";
-import { ConnectMoreAccountsCard as D } from "../components/ConnectMoreAccountsCard/index.es.js";
-import v from "../components/ScoreRubricDrawer/index.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=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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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"}