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

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

@@ -1,175 +0,0 @@
-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/index.es.js";
-import { useScreenSize as ee } from "../../common/hooks/useScreenSize/index.es.js";
-import { useWidgetLoadTimer as te } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import oe from "../../common/components/Loader/index.es.js";
-import { WidgetContainer as re } from "../../common/components/WidgetContainer/index.es.js";
-import ae from "../../common/components/ConnectDrawer/index.es.js";
-import { LineChart as ie } from "../../common/components/charts/LineChart/index.es.js";
-import { ConnectMoreAccountsCard as ne } from "../components/ConnectMoreAccountsCard/index.es.js";
-import se from "../components/KeyIndicatorsTabsWidget/index.es.js";
-import le from "../components/MissingData/index.es.js";
-import ce from "../components/onboarding/Onboarding/index.es.js";
-import de from "../components/ProfileDrawer/index.es.js";
-import fe from "../components/ScoreHistoryDrawer/index.es.js";
-import { FinancialStrengthCard as ue } from "../FinancialStrengthCard/index.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=index.es.js.map

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

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

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

@@ -1,80 +0,0 @@
-import { useAppConfig as h, useGlobalCopyStore as _ } from "../../../common/context/hooks/index.es.js";
-import C from "../../../common/components/ConnectDrawer/index.es.js";
-import g from "../../../accounts/components/ConnectionsDrawer/index.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=index.es.js.map

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

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

@@ -1,39 +0,0 @@
-import { useFinstrongStore as m, useGlobalCopyStore as l, useUserStore as p, useWidgetContainerProvider as f } from "../../../../common/context/hooks/index.es.js";
-import { useScreenSize as u } from "../../../../common/hooks/useScreenSize/index.es.js";
-import { CreditScoreGraph as S } from "../../CreditScoreGraph/index.es.js";
-import C from "../../ManageCreditScore/index.es.js";
-import h from "../../shared/LineGraph/index.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=index.es.js.map

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

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

@@ -1,22 +0,0 @@
-import { useGlobalCopyStore as s, useUserStore as i } from "../../../../common/context/hooks/index.es.js";
-import { getCreditScoreState as c } from "../../../util/finstrongUtils/index.es.js";
-import m from "../../StatusChip/index.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=index.es.js.map

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

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

package/dist/finstrong/components/CreditScoreGraph/index.es.js

@@ -1,61 +0,0 @@
-import { useGlobalCopyStore as f, useGlobalUiStore as u } from "../../../common/context/hooks/index.es.js";
-import S from "../../../common/components/Loader/index.es.js";
-import { CreditScoreDarkColors as r, CreditScoreLightColors as e, getCreditScoreDetails as D } from "../../util/finstrongUtils/index.es.js";
-import { DialScoreCard as G } from "../shared/DialScoreCard/index.es.js";
-import { observer as b } from "mobx-react-lite";
-import { jsx as i } from "react/jsx-runtime";
-import { useTheme as v } from "@mui/material/styles";
-var y = b(({ arcRadius: c, size: s = "L", healthScore: t, maxValue: a = 850, minValue: l = 300, footerCenterContent: d }) => {
-  const o = v().palette.mode === "dark", m = [
-    {
-      id: 1,
-      label: "Poor",
-      value: 29,
-      color: o ? r.POOR : e.POOR
-    },
-    {
-      id: 2,
-      label: "Fair",
-      value: 25,
-      color: o ? r.FAIR : e.FAIR
-    },
-    {
-      id: 3,
-      label: "Good",
-      value: 17,
-      color: o ? r.GOOD : e.GOOD
-    },
-    {
-      id: 4,
-      label: "Very Good",
-      value: 17,
-      color: o ? r.VERY_GOOD : e.VERY_GOOD
-    },
-    {
-      id: 5,
-      label: "Exceptional",
-      value: 12,
-      color: o ? r.EXCEPTIONAL : e.EXCEPTIONAL
-    }
-  ], { finstrong: n } = f(), { isCopyLoaded: p } = u();
-  if (!p) return /* @__PURE__ */ i(S, {});
-  const { status: C, color: O = "none" } = D(t, o, n.credit_score_status);
-  return /* @__PURE__ */ i(G, {
-    arcRadius: c,
-    dialScoreData: m,
-    footerCenterContent: d,
-    footerLeftContent: l,
-    footerRightContent: a,
-    healthScore: t,
-    healthScoreStatus: C,
-    markerColor: O,
-    maxValue: a,
-    minValue: l,
-    size: s
-  });
-});
-export {
-  y as CreditScoreGraph
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/CreditScoreGraph/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/CreditScoreGraph.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles'\n\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CreditScoreDarkColors,\n  CreditScoreLightColors,\n  getCreditScoreDetails,\n} from '../util/finstrongUtils'\n\nimport { DialScoreCard } from './shared/DialScoreCard'\nimport { Loader, useGlobalCopyStore, useGlobalUiStore } from '../../common'\n\nexport interface CreditScoreGraphProps {\n  arcRadius: number\n  size?: 'L' | 'M' | 'SM'\n  healthScore: number\n  maxValue?: number\n  minValue?: number\n  footerCenterContent?: string | number\n}\nexport const CreditScoreGraph = observer(\n  ({\n    arcRadius,\n    size = 'L',\n    healthScore,\n    maxValue = 850,\n    minValue = 300,\n    footerCenterContent,\n  }: CreditScoreGraphProps) => {\n    const theme = useTheme()\n\n    const isDarkMode = theme.palette.mode === 'dark'\n    const creditScoreData = [\n      {\n        id: 1,\n        label: 'Poor',\n        value: 29,\n        color: isDarkMode ? CreditScoreDarkColors.POOR : CreditScoreLightColors.POOR,\n      },\n      {\n        id: 2,\n        label: 'Fair',\n        value: 25,\n        color: isDarkMode ? CreditScoreDarkColors.FAIR : CreditScoreLightColors.FAIR,\n      },\n      {\n        id: 3,\n        label: 'Good',\n        value: 17,\n        color: isDarkMode ? CreditScoreDarkColors.GOOD : CreditScoreLightColors.GOOD,\n      },\n      {\n        id: 4,\n        label: 'Very Good',\n        value: 17,\n        color: isDarkMode ? CreditScoreDarkColors.VERY_GOOD : CreditScoreLightColors.VERY_GOOD,\n      },\n      {\n        id: 5,\n        label: 'Exceptional',\n        value: 12,\n        color: isDarkMode ? CreditScoreDarkColors.EXCEPTIONAL : CreditScoreLightColors.EXCEPTIONAL,\n      },\n    ]\n    const { finstrong: copy } = useGlobalCopyStore()\n\n    const { isCopyLoaded } = useGlobalUiStore()\n\n    if (!isCopyLoaded) return <Loader />\n\n    const { status: creditScoreStatus, color: markerColor = 'none' } = getCreditScoreDetails(\n      healthScore,\n      isDarkMode,\n      copy.credit_score_status,\n    )\n    return (\n      <DialScoreCard\n        arcRadius={arcRadius}\n        dialScoreData={creditScoreData}\n        footerCenterContent={footerCenterContent}\n        footerLeftContent={minValue}\n        footerRightContent={maxValue}\n        healthScore={healthScore}\n        healthScoreStatus={creditScoreStatus}\n        markerColor={markerColor}\n        maxValue={maxValue}\n        minValue={minValue}\n        size={size}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;;AAqBA,IAAa,IAAmB,EAAA,CAC7B,EACC,WAAA,GACA,MAAA,IAAO,KACP,aAAA,GACA,UAAA,IAAW,KACX,UAAA,IAAW,KACX,qBAAA,EAAA,MAC2B;AAG3B,QAAM,IAFQ,EAEK,EAAM,QAAQ,SAAS,QACpC,IAAkB;AAAA,IACtB;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,IAAa,EAAsB,OAAO,EAAuB;AAAA,IAC1E;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,IAAa,EAAsB,OAAO,EAAuB;AAAA,IAC1E;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,IAAa,EAAsB,OAAO,EAAuB;AAAA,IAC1E;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,IAAa,EAAsB,YAAY,EAAuB;AAAA,IAC/E;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,IAAa,EAAsB,cAAc,EAAuB;AAAA,IACjF;AAAA,EACF,GACM,EAAE,WAAW,EAAA,IAAS,EAAmB,GAEzC,EAAE,cAAA,EAAA,IAAiB,EAAiB;AAE1C,MAAI,CAAC,EAAc,QAAO,gBAAA,EAAC,GAAD,CAAS,CAAA;AAEnC,QAAM,EAAE,QAAQ,GAAmB,OAAO,IAAc,OAAA,IAAW,EACjE,GACA,GACA,EAAK,mBACP;AACA,SACE,gBAAA,EAAC,GAAD;AAAA,IACa,WAAA;AAAA,IACX,eAAe;AAAA,IACM,qBAAA;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACP,aAAA;AAAA,IACb,mBAAmB;AAAA,IACN,aAAA;AAAA,IACH,UAAA;AAAA,IACA,UAAA;AAAA,IACJ,MAAA;AAAA,EACP,CAAA;AAEL,CACF"}

package/dist/finstrong/components/FinancialStrengthGraph/index.es.js

@@ -1,44 +0,0 @@
-import { useGlobalCopyStore as i } from "../../../common/context/hooks/index.es.js";
-import { calculateFinstrongScoreStatus as c } from "../../util/finstrongUtils/index.es.js";
-import { DialScoreCard as p } from "../shared/DialScoreCard/index.es.js";
-import { observer as s } from "mobx-react-lite";
-import { jsx as S } from "react/jsx-runtime";
-var b = s(({ arcRadius: e, size: t = "L", healthScore: r, footerCenterContent: a, margin: l }) => {
-  const n = [
-    {
-      id: 1,
-      label: "Group A",
-      value: 25
-    },
-    {
-      id: 2,
-      label: "Group B",
-      value: 25
-    },
-    {
-      id: 3,
-      label: "Group C",
-      value: 25
-    },
-    {
-      id: 4,
-      label: "Group D",
-      value: 25
-    }
-  ], { finstrong: o } = i(), u = c(r, o);
-  return /* @__PURE__ */ S(p, {
-    arcRadius: e,
-    dialScoreData: n,
-    footerCenterContent: t === "L" ? o.footer_center_content_updated_just_now : a,
-    healthScore: r,
-    healthScoreStatus: u.status,
-    isFinacialStrengthGraph: !0,
-    margin: l,
-    size: t
-  });
-});
-export {
-  b as FinancialStrengthGraph
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/FinancialStrengthGraph/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/FinancialStrengthGraph.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore } from '../../common'\n\nimport { calculateFinstrongScoreStatus } from '../util/finstrongUtils'\n\nimport { DialScoreCard } from './shared/DialScoreCard'\n\nexport interface FinacialStrengthGraphProps {\n  arcRadius: number\n  size?: 'L' | 'M' | 'SM'\n  healthScore: number\n  footerCenterContent?: string | number\n  margin?: { top?: number; right?: number; left?: number; bottom?: number }\n}\nexport const FinancialStrengthGraph = observer(\n  ({\n    arcRadius,\n    size = 'L',\n    healthScore,\n    footerCenterContent,\n    margin,\n  }: FinacialStrengthGraphProps) => {\n    const healthScoreData = [\n      { id: 1, label: 'Group A', value: 25 },\n      { id: 2, label: 'Group B', value: 25 },\n      { id: 3, label: 'Group C', value: 25 },\n      { id: 4, label: 'Group D', value: 25 },\n    ]\n    const { finstrong: copy } = useGlobalCopyStore()\n\n    const healthScoreStatus = calculateFinstrongScoreStatus(healthScore, copy)\n\n    return (\n      <DialScoreCard\n        arcRadius={arcRadius}\n        dialScoreData={healthScoreData}\n        footerCenterContent={\n          size === 'L' ? copy.footer_center_content_updated_just_now : footerCenterContent\n        }\n        healthScore={healthScore}\n        healthScoreStatus={healthScoreStatus.status}\n        isFinacialStrengthGraph={true}\n        margin={margin}\n        size={size}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;AAeA,IAAa,IAAyB,EAAA,CACnC,EACC,WAAA,GACA,MAAA,IAAO,KACP,aAAA,GACA,qBAAA,GACA,QAAA,EAAA,MACgC;AAChC,QAAM,IAAkB;AAAA,IACtB;AAAA,MAAE,IAAI;AAAA,MAAG,OAAO;AAAA,MAAW,OAAO;AAAA,IAAG;AAAA,IACrC;AAAA,MAAE,IAAI;AAAA,MAAG,OAAO;AAAA,MAAW,OAAO;AAAA,IAAG;AAAA,IACrC;AAAA,MAAE,IAAI;AAAA,MAAG,OAAO;AAAA,MAAW,OAAO;AAAA,IAAG;AAAA,IACrC;AAAA,MAAE,IAAI;AAAA,MAAG,OAAO;AAAA,MAAW,OAAO;AAAA,IAAG;AAAA,EACvC,GACM,EAAE,WAAW,EAAA,IAAS,EAAmB,GAEzC,IAAoB,EAA8B,GAAa,CAAI;AAEzE,SACE,gBAAA,EAAC,GAAD;AAAA,IACa,WAAA;AAAA,IACX,eAAe;AAAA,IACf,qBACE,MAAS,MAAM,EAAK,yCAAyC;AAAA,IAElD,aAAA;AAAA,IACb,mBAAmB,EAAkB;AAAA,IACrC,yBAAyB;AAAA,IACjB,QAAA;AAAA,IACF,MAAA;AAAA,EACP,CAAA;AAEL,CACF"}

package/dist/finstrong/components/HaveManageableDebt/DebtPaymentTabContent/index.es.js

@@ -1,43 +0,0 @@
-import { useFinstrongStore as c, useGlobalCopyStore as m } from "../../../../common/context/hooks/index.es.js";
-import l from "../../../../common/components/ConnectDrawer/index.es.js";
-import p from "../../shared/TotalCard/index.es.js";
-import d from "../../shared/Transactions/index.es.js";
-import _ from "react";
-import { observer as b } from "mobx-react-lite";
-import f from "@mui/material/Stack";
-import u from "@mui/material/Button";
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-var y = () => {
-  const { allTransactions: e, healthScore: r } = c(), { connect: a, finstrong: o } = m(), [i, n] = _.useState(!1);
-  return /* @__PURE__ */ C(f, {
-    gap: 16,
-    sx: { p: 16 },
-    children: [
-      /* @__PURE__ */ t(p, {
-        balance: r.ninety_day_debt_spend,
-        sx: { flexDirection: "column-reverse" },
-        title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_payments
-      }),
-      e.debtSpend.length ? /* @__PURE__ */ t(d, {
-        amountColor: "text.primary",
-        transactions: e.debtSpend.map((s) => s.transaction)
-      }) : /* @__PURE__ */ t(u, {
-        onClick: () => {
-          n(!0);
-        },
-        variant: "contained",
-        children: o.connect_more_accounts_button
-      }),
-      /* @__PURE__ */ t(l, {
-        onClose: () => n(!1),
-        showConnectWidget: i,
-        title: a.mini_title
-      })
-    ]
-  });
-}, j = b(y);
-export {
-  j as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/HaveManageableDebt/DebtPaymentTabContent/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/HaveManageableDebt/DebtPaymentTabContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { ConnectDrawer, useFinstrongStore, useGlobalCopyStore } from '../../../common'\nimport TotalCard from '../shared/TotalCard'\nimport Transactions from '../shared/Transactions'\n\nconst DebtPaymentTabContent: React.FC = () => {\n  const { allTransactions, healthScore } = useFinstrongStore()\n  const { connect: connectCopy, finstrong: copy } = useGlobalCopyStore()\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  return (\n    <Stack gap={16} sx={{ p: 16 }}>\n      <TotalCard\n        balance={healthScore.ninety_day_debt_spend}\n        sx={{ flexDirection: 'column-reverse' }}\n        title={copy.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_payments}\n      />\n\n      {allTransactions.debtSpend.length ? (\n        //TODO: Need to add More Transactions functionality\n        <Transactions\n          amountColor=\"text.primary\"\n          transactions={allTransactions.debtSpend.map((item) => item.transaction)}\n        />\n      ) : (\n        <Button\n          onClick={() => {\n            setShowConnectWidget(true)\n          }}\n          variant=\"contained\"\n        >\n          {copy.connect_more_accounts_button}\n        </Button>\n      )}\n\n      <ConnectDrawer\n        onClose={() => setShowConnectWidget(false)}\n        showConnectWidget={showConnectWidget}\n        title={connectCopy.mini_title}\n      />\n    </Stack>\n  )\n}\n\nexport default observer(DebtPaymentTabContent)\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAA,MAAwC;AAC5C,QAAM,EAAE,iBAAA,GAAiB,aAAA,EAAA,IAAgB,EAAkB,GACrD,EAAE,SAAS,GAAa,WAAW,EAAA,IAAS,EAAmB,GAC/D,CAAC,GAAmB,CAAA,IAAwB,EAAM,SAAS,EAAK;AAEtE,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAI,IAAI,EAAE,GAAG,GAAG;AAAA,cAA5B;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,EAAY;AAAA,QACrB,IAAI,EAAE,eAAe,iBAAiB;AAAA,QACtC,OAAO,EAAK,sBAAsB,4BAA4B;AAAA,MAC/D,CAAA;AAAA,MAEA,EAAgB,UAAU,SAEzB,gBAAA,EAAC,GAAD;AAAA,QACE,aAAY;AAAA,QACZ,cAAc,EAAgB,UAAU,IAAA,CAAK,MAAS,EAAK,WAAW;AAAA,MACvE,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe;AACb,UAAA,EAAqB,EAAI;AAAA,QAC3B;AAAA,QACA,SAAQ;AAAA,kBAEP,EAAK;AAAA,MACA,CAAA;AAAA,MAGV,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,EAAqB,EAAK;AAAA,QACtB,mBAAA;AAAA,QACnB,OAAO,EAAY;AAAA,MACpB,CAAA;AAAA,IACI;AAAA;AAEX,GAEA,IAAe,EAAS,CAAqB"}

package/dist/finstrong/components/HaveManageableDebt/HaveManageableDebtComponent/index.es.js

@@ -1,88 +0,0 @@
-import { useFinstrongStore as u, useGlobalCopyStore as f } from "../../../../common/context/hooks/index.es.js";
-import y from "../../../../common/components/Loader/index.es.js";
-import d from "../../../../common/components/TabContentContainer/index.es.js";
-import { EmptyState as g } from "../../../../common/components/EmptyState/index.es.js";
-import v from "../../shared/LineGraph/index.es.js";
-import w from "../IncomeTabContent/index.es.js";
-import x from "../DebtPaymentTabContent/index.es.js";
-import C from "../../shared/DoubleBarChart/index.es.js";
-import l from "react";
-import { observer as k } from "mobx-react-lite";
-import { Fragment as b, jsx as e, jsxs as n } from "react/jsx-runtime";
-import m from "@mui/material/Tab";
-import S from "@mui/material/Tabs";
-import T from "@mui/material/Card";
-var D = () => {
-  const { isIncomeInitialized: t, loadDebtSpend: _, loadIncome: s, monthlySummaries: i } = u(), [r, c] = l.useState(0), { finstrong: a } = f();
-  if (l.useEffect(() => {
-    t || (_().finally(), s().finally());
-  }, [t]), !t) return /* @__PURE__ */ e(y, {});
-  const p = i.some((o) => o.debt_spend !== 0 || o.income !== 0);
-  return /* @__PURE__ */ n(b, { children: [
-    /* @__PURE__ */ n(T, { children: [
-      /* @__PURE__ */ n(S, {
-        "aria-label": a.key_indicators_save.drawer_title,
-        centered: !0,
-        onChange: (o, h) => c(h),
-        selectionFollowsFocus: !0,
-        sx: { mb: 0 },
-        value: r,
-        variant: "fullWidth",
-        children: [/* @__PURE__ */ e(m, {
-          "aria-controls": "income-details-tabpanel-0",
-          id: "income-details-tab-0",
-          label: a.key_indicators_borrow.have_manageable_debt_drawer.income,
-          sx: { minHeight: 44 }
-        }), /* @__PURE__ */ e(m, {
-          "aria-controls": "debt-payment-details-tabpanel-1",
-          id: "debt-payment-details-tab-1",
-          label: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
-          sx: { minHeight: 44 }
-        })]
-      }),
-      /* @__PURE__ */ e(d, {
-        "aria-labelledby": "income-details-tab-0",
-        index: 0,
-        name: "income-details",
-        value: r,
-        children: /* @__PURE__ */ e(w, {})
-      }),
-      /* @__PURE__ */ e(d, {
-        "aria-labelledby": "debt-payment-details-tab-1",
-        index: 1,
-        name: "debt-payment-details",
-        value: r,
-        children: /* @__PURE__ */ e(x, {})
-      })
-    ] }),
-    p ? /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(C, {
-      chartFor: "debt_payment_vs_income",
-      data: i,
-      legendLabelComparison: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
-      legendLabelMain: a.key_indicators_borrow.have_manageable_debt_drawer.income,
-      title: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
-    }) }) : /* @__PURE__ */ e(g, {
-      header: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
-      icon: "multiline_chart",
-      subText: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
-      sx: {
-        backgroundColor: "background.paper",
-        borderRadius: "8px",
-        boxShadow: 1,
-        p: 24,
-        pb: 48,
-        ".empty-state-subtext": {
-          fontSize: 15,
-          lineHeight: "24px",
-          mt: 8
-        }
-      }
-    }),
-    /* @__PURE__ */ e(v, { chartFor: "debtOverTime" })
-  ] });
-}, W = k(D);
-export {
-  W as default
-};
-
-//# sourceMappingURL=index.es.js.map