@mx-cartographer/experiences 6.26.18-alpha.mega3 → 6.26.18-alpha.sms1

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

@@ -1,58 +0,0 @@
-import { jsxs as g, jsx as m } from "react/jsx-runtime";
-import T from "react";
-import y from "@mui/material/Stack";
-import { FinstrongThresholds as k, CardStatus as r } from "../../../common/constants/FinStrong/index.es.js";
-import f from "../KeyIndicatorsTabItem/index.es.js";
-import { useFinstrongStore as I, useGlobalCopyStore as C } from "../../../common/context/hooks/index.es.js";
-import { buildDynamicCopy as l } from "../../../common/utils/Localization/index.es.js";
-const K = () => {
-  const { healthScore: c } = I(), { finstrong: o } = C(), { key_indicators_spend: e } = o, u = (t) => {
-    const { good: i, poor: n } = k.spendToIncomeRatio;
-    let s = r.MISSING, _ = e.ratio_missing_description, p = o.key_indicators_missing;
-    return t !== null && (t < i ? (s = r.GOOD, _ = l(e.ratio_good_description, t), p = o.key_indicators_good) : t >= i && t < n ? (s = r.FAIR, _ = l(e.ratio_fair_description, t), p = o.key_indicators_fair) : t >= n && (s = r.OFF_TRACK, _ = l(e.ratio_off_track_description, t), p = o.key_indicators_off_track)), {
-      cardState: s,
-      description: _,
-      title: e.ratio_card_title,
-      stateTitle: p
-    };
-  }, S = (t) => {
-    let i = r.MISSING, n = e.count_missing_description, s = o.key_indicators_missing;
-    return t !== null && (t === 0 ? (i = r.GOOD, n = e.count_good_description, s = o.key_indicators_good) : t >= 1 && (i = r.OFF_TRACK, n = e.count_off_track_description, s = o.key_indicators_off_track)), {
-      cardState: i,
-      description: n,
-      title: e.count_card_title,
-      stateTitle: s
-    };
-  }, { spendToIncomeRatio: a, spendFeeCount: d } = T.useMemo(() => {
-    const t = c.spend_to_income_ratio !== null ? Math.round(c.spend_to_income_ratio * 100) : null, i = u(t), n = S(c.spending_fee_transaction_count);
-    return { spendToIncomeRatio: i, spendFeeCount: n };
-  }, [
-    c.spend_to_income_ratio,
-    c.spending_fee_transaction_count,
-    e,
-    o
-  ]);
-  return /* @__PURE__ */ g(y, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
-    /* @__PURE__ */ m(
-      f,
-      {
-        cardState: a.cardState,
-        description: a.description,
-        stateTitle: a.stateTitle,
-        title: a.title
-      }
-    ),
-    /* @__PURE__ */ m(
-      f,
-      {
-        cardState: d.cardState,
-        description: d.description,
-        stateTitle: d.stateTitle,
-        title: d.title
-      }
-    )
-  ] });
-};
-export {
-  K as default
-};

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

@@ -1,58 +0,0 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import i from "@mui/material/Box";
-import n from "@mui/material/Stack";
-import { P as t, Icon as g } from "@mxenabled/mxui";
-import { CardStatus as o } from "../../../common/constants/FinStrong/index.es.js";
-const x = ({
-  title: c,
-  description: a,
-  cardState: d = o.MISSING,
-  stateTitle: s
-}) => {
-  const l = {
-    [o.GOOD]: { backgroundColor: "success.lighter", color: "success.main" },
-    [o.FAIR]: { backgroundColor: "warning.lighter", color: "warning.main" },
-    [o.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.main" },
-    [o.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
-  }[d];
-  return /* @__PURE__ */ e(
-    n,
-    {
-      alignItems: "center",
-      flexDirection: "row",
-      gap: 12,
-      justifyContent: "space-between",
-      sx: {
-        p: 16,
-        border: "1px solid",
-        borderColor: "divider",
-        borderRadius: 2
-      },
-      children: [
-        /* @__PURE__ */ e(i, { sx: { minHeight: 48 }, children: [
-          /* @__PURE__ */ e(n, { flexDirection: "row", gap: 4, children: [
-            /* @__PURE__ */ r(t, { fontWeight: 600, sx: { mb: 8 }, truncate: !0, variant: "body1", children: c }),
-            /* @__PURE__ */ r(
-              i,
-              {
-                sx: {
-                  borderRadius: 3,
-                  backgroundColor: l.backgroundColor,
-                  px: 8,
-                  py: 2,
-                  height: 16
-                },
-                children: /* @__PURE__ */ r(t, { fontWeight: 700, sx: { minHeight: 12 }, uppercase: !0, variant: "tiny", children: s })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r(t, { color: "secondary", variant: "subtitle2", children: a })
-        ] }),
-        /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(g, { color: "secondary", name: "chevron_right", size: 24 }) })
-      ]
-    }
-  );
-};
-export {
-  x as default
-};

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

@@ -1,68 +0,0 @@
-import { jsxs as r, Fragment as l, jsx as t } from "react/jsx-runtime";
-import d from "react";
-import i from "@mui/material/Tab";
-import m from "@mui/material/Tabs";
-import { CreditCard as c, Savings as b, ContentCopy as p } from "@mxenabled/mx-icons";
-import x from "../KeyIndicatorsSpendTab/index.es.js";
-import f from "../KeyIndicatorsSaveTab/index.es.js";
-import u from "../KeyIndicatorsBorrowTab/index.es.js";
-import { useGlobalCopyStore as y } from "../../../common/context/hooks/index.es.js";
-import o from "../../../common/components/TabContentContainer/index.es.js";
-const H = () => {
-  const [e, n] = d.useState(0), { finstrong: a } = y();
-  return /* @__PURE__ */ r(l, { children: [
-    /* @__PURE__ */ r(
-      m,
-      {
-        "aria-label": "Key Indicators",
-        centered: !0,
-        onChange: (v, s) => n(s),
-        sx: { mb: 0 },
-        textColor: "primary",
-        value: e,
-        variant: "fullWidth",
-        children: [
-          /* @__PURE__ */ t(
-            i,
-            {
-              "aria-controls": "spend-details-tabpanel-0",
-              icon: /* @__PURE__ */ t(c, { sx: { mr: 8 } }),
-              iconPosition: "start",
-              id: "spend-details-tab-0",
-              label: a.key_indicators_spend.title,
-              sx: { minHeight: 44 }
-            }
-          ),
-          /* @__PURE__ */ t(
-            i,
-            {
-              "aria-controls": "save-details-tabpanel-1",
-              icon: /* @__PURE__ */ t(b, { sx: { mr: 8 } }),
-              iconPosition: "start",
-              id: "save-details-tab-1",
-              label: a.key_indicators_save.title,
-              sx: { minHeight: 44 }
-            }
-          ),
-          /* @__PURE__ */ t(
-            i,
-            {
-              "aria-controls": "borrow-details-tabpanel-2",
-              icon: /* @__PURE__ */ t(p, { sx: { mr: 8 } }),
-              iconPosition: "start",
-              id: "borrow-details-tab-2",
-              label: a.key_indicators_borrow.title,
-              sx: { minHeight: 44 }
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(o, { index: 0, name: "spend-details", value: e, children: /* @__PURE__ */ t(x, {}) }),
-    /* @__PURE__ */ t(o, { index: 1, name: "save-details", value: e, children: /* @__PURE__ */ t(f, {}) }),
-    /* @__PURE__ */ t(o, { index: 2, name: "borrow-details", value: e, children: /* @__PURE__ */ t(u, {}) })
-  ] });
-};
-export {
-  H as default
-};

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

@@ -1,49 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import f from "react";
-import { observer as y } from "mobx-react-lite";
-import C from "@mui/material/TextField";
-import { useGlobalCopyStore as S, useUserStore as _ } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as g } from "../../../common/hooks/useScreenSize/index.es.js";
-import h from "../../../common/components/dialog/Dialog/index.es.js";
-const x = ({ isOpen: a, onClose: n }) => {
-  const { common: t, finstrong: c } = S(), { isMobile: m } = g(), { updateUser: d, user: e } = _(), [r, i] = f.useState(e.credit_score || 0), o = !isNaN(r), l = () => {
-    n(), setTimeout(() => i(e.credit_score || 0), 300);
-  }, p = () => {
-    !r || r === e.credit_score || d({ ...e, credit_score: r });
-  };
-  return /* @__PURE__ */ s(
-    h,
-    {
-      copy: { close_aria: t.close_aria, title: c.edit_credit_score },
-      disablePrimaryButton: !r || !o,
-      isOpen: a,
-      maxWidth: "xs",
-      onClose: l,
-      onPrimaryAction: p,
-      primaryColor: "primary",
-      primaryText: t.save_button,
-      sx: {
-        "& .MuiDialog-paper": {
-          minWidth: m ? "100%" : 400
-        }
-      },
-      children: /* @__PURE__ */ s(
-        C,
-        {
-          error: !o,
-          fullWidth: !0,
-          inputMode: "numeric",
-          inputProps: {
-            noValidate: !0,
-            pattern: "[0-9]*"
-          },
-          onChange: (u) => i(Number(u.target.value)),
-          value: o ? r : ""
-        }
-      )
-    }
-  );
-}, A = y(x);
-export {
-  A as default
-};

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

@@ -1,62 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import d from "react";
-import { observer as h } from "mobx-react-lite";
-import { useTheme as u, alpha as i } from "@mui/material/styles";
-import { AdapterDateFns as f } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { StaticDatePicker as y } from "@mui/x-date-pickers";
-import { LocalizationProvider as g } from "@mui/x-date-pickers/LocalizationProvider";
-import { useGlobalCopyStore as b, useUserStore as D } from "../../../common/context/hooks/index.es.js";
-import v from "../../../common/components/drawer/Drawer/index.es.js";
-const x = ({ isOpen: n, onClose: r }) => {
-  const { finstrong: l } = b(), e = u(), { updateUser: m, user: o } = D(), [t, c] = d.useState(o.birthday), s = (p) => {
-    c(Math.floor(new Date(p).getTime() / 1e3));
-  };
-  return /* @__PURE__ */ a(
-    v,
-    {
-      isOpen: n,
-      onClose: r,
-      onPrimaryAction: () => {
-        !t || t === o.birthday || (m({ ...o, birthday: t }), r());
-      },
-      onSecondaryAction: r,
-      title: l.date_of_birth,
-      children: /* @__PURE__ */ a(g, { dateAdapter: f, children: /* @__PURE__ */ a(
-        y,
-        {
-          disableFuture: !0,
-          onChange: s,
-          slotProps: {
-            nextIconButton: {
-              sx: {
-                color: "primary.main",
-                "&:hover": { bgcolor: i(e.palette.primary.light, 0.1) }
-              }
-            },
-            previousIconButton: {
-              sx: {
-                color: "primary.main",
-                "&:hover": { bgcolor: i(e.palette.primary.light, 0.1) }
-              }
-            }
-          },
-          slots: {
-            actionBar: () => null,
-            toolbar: () => null
-          },
-          sx: {
-            width: "100%",
-            "& .MuiIconButton-edgeEnd": {
-              color: "primary.main",
-              "&:hover": { bgcolor: i(e.palette.primary.light, 0.1) }
-            }
-          },
-          value: t ? new Date(t * 1e3) : /* @__PURE__ */ new Date()
-        }
-      ) })
-    }
-  );
-}, T = h(x);
-export {
-  T as default
-};

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

@@ -1,38 +0,0 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { observer as s } from "mobx-react-lite";
-import a from "@mui/material/Box";
-import m from "@mui/material/Button";
-import i from "@mui/material/Stack";
-import { H3 as c, P as l } from "@mxenabled/mxui";
-import { MultilineChart as p, ChevronRight as d } from "@mxenabled/mx-icons";
-import { useGlobalCopyStore as f, useGlobalUiStore as g } from "../../../common/context/hooks/index.es.js";
-import h from "../../../common/components/Loader/index.es.js";
-const u = ({ onClick: e }) => {
-  const { finstrong: r } = f(), { isCopyLoaded: n } = g();
-  return n ? /* @__PURE__ */ o(i, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
-    /* @__PURE__ */ t(p, { size: 48 }),
-    /* @__PURE__ */ o(i, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
-      /* @__PURE__ */ t(c, { children: r.missing_data_title }),
-      /* @__PURE__ */ t(l, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: r.missing_data_description })
-    ] }),
-    /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
-      m,
-      {
-        endIcon: /* @__PURE__ */ t(d, {}),
-        onClick: e,
-        size: "small",
-        sx: {
-          fontSize: 13,
-          ":hover": {
-            bgcolor: "transparent"
-          }
-        },
-        variant: "text",
-        children: r.connect_more_accounts_button
-      }
-    ) })
-  ] }) : /* @__PURE__ */ t(h, {});
-}, M = s(u);
-export {
-  M as default
-};

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

@@ -1,107 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import h from "react";
-import { observer as b } from "mobx-react-lite";
-import g from "@mui/material/Box";
-import m from "@mui/material/Stack";
-import { H3 as D, P as S } from "@mxenabled/mxui";
-import { Payments as k, CalendarMonth as v, CreditCard as B, AccountBalance as P } from "@mxenabled/mx-icons";
-import x from "../../../accounts/components/ConnectionsDrawer/index.es.js";
-import { RecurringSettings as w } from "../../../recurringtransactions/components/shared/RecurringSettings/index.es.js";
-import { buildProfileItem as A } from "../../util/finstrongUtils/index.es.js";
-import { ConnectMoreAccountsCard as I } from "../ConnectMoreAccountsCard/index.es.js";
-import M from "../ManageCreditScore/index.es.js";
-import O from "../ManageDOB/index.es.js";
-import L, { Action as t } from "../ProfileList/index.es.js";
-import j from "../ProfileProgressBar/index.es.js";
-import { useAccountStore as R, useBudgetsStore as F, useGlobalCopyStore as G, useUserStore as H } from "../../../common/context/hooks/index.es.js";
-import { buildDynamicCopy as U } from "../../../common/utils/Localization/index.es.js";
-import p from "../../../common/components/drawer/Drawer/index.es.js";
-const W = ({ isOpen: f, onClose: u }) => {
-  const { visibleFinstrongAccounts: i } = R(), { incomeBudget: d } = F(), {
-    accounts: _,
-    common: C,
-    finstrong: o
-  } = G(), { user: a } = H(), [r, n] = h.useState(null), s = [
-    {
-      dynamicCopy: o.add_profile_item,
-      fallbackLabel: o.monthly_income,
-      icon: /* @__PURE__ */ e(k, {}),
-      key: t.MonthlyIncome,
-      label: o.monthly_income,
-      value: d
-    },
-    {
-      dynamicCopy: o.add_profile_item,
-      fallbackLabel: o.date_of_birth,
-      icon: /* @__PURE__ */ e(v, {}),
-      key: t.DateOfBirth,
-      label: o.date_of_birth,
-      value: a.birthday
-    },
-    {
-      dynamicCopy: o.add_profile_item,
-      fallbackLabel: o.credit_score,
-      icon: /* @__PURE__ */ e(B, {}),
-      key: t.CreditScore,
-      label: o.credit_score,
-      value: a.credit_score
-    },
-    {
-      fallbackLabel: o.connect_your_accounts,
-      icon: /* @__PURE__ */ e(P, {}),
-      key: t.Connections,
-      label: o.connections,
-      value: i.length > 0 ? U(
-        o.connected_account,
-        String(i.length),
-        i.length > 1 ? o.accounts : o.account
-      ) : void 0
-    }
-  ].map((c) => A(c));
-  return /* @__PURE__ */ l(p, { isOpen: f, onClose: u, title: o.financial_profile, children: [
-    /* @__PURE__ */ l(m, { sx: { gap: 20, p: 24 }, children: [
-      /* @__PURE__ */ l(m, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(D, { children: o.your_financial_profile }),
-        /* @__PURE__ */ e(S, { children: o.financial_profile_description })
-      ] }),
-      /* @__PURE__ */ e(
-        j,
-        {
-          completeCopy: o.complete,
-          value: s.reduce((c, y) => c + (y.isComplete ? 1 : 0), 0)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(L, { list: s, onClickItem: n }),
-    /* @__PURE__ */ e(g, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-      I,
-      {
-        description: o.connect_more_accounts_to_view_more_accurate_financial_picture,
-        isDashboard: !0,
-        title: o.dont_see_all_your_accounts
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      p,
-      {
-        isOpen: r === t.MonthlyIncome,
-        onClose: () => n(null),
-        title: C.settings,
-        children: /* @__PURE__ */ e(w, {})
-      }
-    ),
-    /* @__PURE__ */ e(O, { isOpen: r === t.DateOfBirth, onClose: () => n(null) }),
-    /* @__PURE__ */ e(M, { isOpen: r === t.CreditScore, onClose: () => n(null) }),
-    /* @__PURE__ */ e(
-      x,
-      {
-        onClose: () => n(null),
-        showConnectionsWidget: r === t.Connections,
-        title: _.manage_connections
-      }
-    )
-  ] });
-}, co = b(W);
-export {
-  co as default
-};

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

@@ -1,56 +0,0 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import m from "react";
-import a from "@mui/material/Avatar";
-import s from "@mui/material/Box";
-import d from "@mui/material/Divider";
-import l from "@mui/material/List";
-import p from "@mui/material/ListItem";
-import f from "@mui/material/ListItemAvatar";
-import h from "@mui/material/ListItemButton";
-import x from "@mui/material/ListItemText";
-import { Text as e } from "@mxenabled/mxui";
-import { ChevronRight as y } from "@mxenabled/mx-icons";
-var v = /* @__PURE__ */ ((o) => (o.Connections = "connections", o.CreditScore = "credit_score", o.DateOfBirth = "date_of_birth", o.MonthlyIncome = "monthly_income", o))(v || {});
-const b = ({ list: o, onClickItem: n }) => /* @__PURE__ */ r(s, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ r(
-  l,
-  {
-    sx: {
-      "& .MuiListItemSecondaryAction-root": {
-        color: "text.primary",
-        pr: 24
-      }
-    },
-    children: o.map((t, c) => /* @__PURE__ */ i(m.Fragment, { children: [
-      /* @__PURE__ */ r(p, { secondaryAction: /* @__PURE__ */ r(y, {}), children: /* @__PURE__ */ i(h, { onClick: () => n(t.key), children: [
-        /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
-          a,
-          {
-            sx: {
-              bgcolor: "primary.main",
-              ...!t.isComplete && {
-                bgcolor: "transparent",
-                borderColor: "action.active",
-                borderStyle: "solid",
-                borderWidth: 1,
-                color: "action.active"
-              }
-            },
-            children: t.icon
-          }
-        ) }),
-        /* @__PURE__ */ r(
-          x,
-          {
-            primary: /* @__PURE__ */ r(e, { sx: { color: "text.secondary" }, variant: "caption", children: t.primaryText }),
-            secondary: /* @__PURE__ */ r(e, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: t.secondaryText })
-          }
-        )
-      ] }) }),
-      c < o.length - 1 && /* @__PURE__ */ r(d, { sx: { color: "divider", ml: 68 } })
-    ] }, t.key))
-  }
-) }), M = b;
-export {
-  v as Action,
-  M as default
-};

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

@@ -1,26 +0,0 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import s from "@mui/material/Box";
-import e from "@mui/material/Stack";
-import { Text as m } from "@mxenabled/mxui";
-const d = ({ value: r, completeCopy: a }) => /* @__PURE__ */ t(e, { sx: { gap: 8 }, children: [
-  /* @__PURE__ */ i(e, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((x, o) => /* @__PURE__ */ i(
-    s,
-    {
-      sx: {
-        bgcolor: o < r ? "primary.main" : "neutral.light",
-        borderRadius: "24px",
-        height: 4,
-        width: "100%"
-      }
-    },
-    o
-  )) }),
-  /* @__PURE__ */ t(m, { sx: { color: "text.secondary" }, variant: "body2", children: [
-    r / 4 * 100,
-    "% ",
-    a
-  ] })
-] });
-export {
-  d as default
-};

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

@@ -1,69 +0,0 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { observer as C } from "mobx-react-lite";
-import n from "@mui/material/Box";
-import o from "@mui/material/Stack";
-import { useTheme as b } from "@mui/material/styles";
-import { P as c } from "@mxenabled/mxui";
-import { calculateFinstrongScoreStatus as y } from "../../util/finstrongUtils/index.es.js";
-import x from "../KeyIndicatorsDrawer/index.es.js";
-import { FinancialStrengthGraph as k } from "../FinancialStrengthGraph/index.es.js";
-import v from "../shared/ScoreHistoryTimeline/index.es.js";
-import { useGlobalCopyStore as w, useGlobalUiStore as _, useFinstrongStore as D } from "../../../common/context/hooks/index.es.js";
-import H from "../../../common/components/Loader/index.es.js";
-import { LineChart as T } from "../../../common/components/charts/LineChart/index.es.js";
-const z = ({ isOpen: l, onClose: p }) => {
-  const t = b(), { finstrong: e } = w(), { isCopyLoaded: m, isInitialized: h } = _(), { healthScore: a, healthScoreChangeReports: d, augmentedChartData: u } = D();
-  if (!m || !h) return /* @__PURE__ */ r(H, {});
-  const i = y(a.health_score || 0, e), f = d.slice().reverse();
-  return /* @__PURE__ */ r(
-    x,
-    {
-      additionalContent: /* @__PURE__ */ r(o, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ r(
-        T,
-        {
-          axisColor: t.palette.divider,
-          baseline: "min",
-          colors: [t.palette.primary.main],
-          curveType: "natural",
-          datasets: [u],
-          height: 160,
-          labels: [e.key_indicators_label],
-          margin: { top: 12, left: 24 },
-          showArea: !0,
-          showAverage: !0,
-          title: e.peer_average,
-          useCustomMark: !0
-        }
-      ) }),
-      drawerTitle: e.score_history,
-      isOpen: l,
-      loadConnectAccountsCard: !1,
-      onClose: p,
-      stickyComponent: /* @__PURE__ */ s(
-        o,
-        {
-          direction: "row",
-          sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
-          children: [
-            /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
-              k,
-              {
-                arcRadius: 20,
-                healthScore: a?.health_score,
-                size: "SM"
-              }
-            ) }),
-            /* @__PURE__ */ s(n, { children: [
-              /* @__PURE__ */ r(c, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: i.status }),
-              /* @__PURE__ */ r(c, { variant: "caption", children: i.description })
-            ] })
-          ]
-        }
-      ),
-      children: /* @__PURE__ */ r(o, { sx: { gap: 16 }, children: f.map((g, S) => /* @__PURE__ */ r(v, { report: g }, S)) })
-    }
-  );
-}, $ = C(z);
-export {
-  $ as default
-};

package/dist/finstrong/components/shared/CustomPieArc/index.es.js

@@ -1,63 +0,0 @@
-import { jsxs as j, Fragment as y, jsx as o } from "react/jsx-runtime";
-import { useTheme as C } from "@mui/material/styles";
-import * as h from "d3";
-import { getOutterArcStartEndAngle as O, getFilledArcStartEndAngle as T } from "../../../util/finstrongUtils/index.es.js";
-const F = ({
-  dialScoreData: A,
-  dataIndex: a,
-  arcColor: g,
-  arcStartAngle: p,
-  totalAngularSpan: M,
-  centerX: e,
-  centerY: n,
-  arcRadius: r,
-  innerArcRadius: l,
-  outterArcRadius: s,
-  progressEndAngle: m,
-  unitsPerSegment: u,
-  isFinacialStrengthGraph: c
-}) => {
-  const t = C(), P = [
-    { offset: "13.62%", color: t.palette.chartMono.chartMono2 },
-    { offset: "36.67%", color: t.palette.chartMono.chartMono3 },
-    { offset: "59.72%", color: t.palette.chartMono.chartMono4 },
-    { offset: "83.46%", color: t.palette.chartMono.chartMono5 }
-  ], [d, i] = O(
-    A,
-    M,
-    p,
-    a
-  ), [x, E] = T(
-    d,
-    i,
-    a,
-    u,
-    m
-  ), G = h.arc().innerRadius(l).outerRadius(s).startAngle(d).endAngle(i).padAngle(0.02).cornerRadius(8), S = h.arc().innerRadius(l).outerRadius(s).startAngle(x).endAngle(E).padAngle(0.02).cornerRadius(8);
-  return /* @__PURE__ */ j(y, { children: [
-    /* @__PURE__ */ o(
-      "path",
-      {
-        d: G({}),
-        fill: c ? t.palette.divider : g
-      }
-    ),
-    c && /* @__PURE__ */ o("path", { d: S({}), fill: "url(#arcGradient)" }),
-    /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o(
-      "linearGradient",
-      {
-        gradientTransform: `rotate(5, ${e}, ${n})`,
-        gradientUnits: "userSpaceOnUse",
-        id: "arcGradient",
-        x1: e + r * 0.8 * Math.cos(Math.PI / 1.35),
-        x2: e - r * 0.8 * Math.cos(Math.PI / 1.35),
-        y1: n + r * 0.8 * Math.sin(Math.PI / 1.35),
-        y2: n - r * 0.8 * Math.sin(Math.PI / 1.35),
-        children: P.map((f, I) => /* @__PURE__ */ o("stop", { offset: f.offset, stopColor: f.color }, I))
-      }
-    ) })
-  ] });
-};
-export {
-  F as CustomPieArc
-};