@mx-cartographer/experiences 6.25.3-alpha.al2 → 6.25.3-alpha.mega2

package/dist/finstrong/components/ProfileDrawer.js

@@ -0,0 +1,268 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import b from "react";
+import { observer as g } from "mobx-react-lite";
+import D from "@mui/material/Box";
+import s from "@mui/material/Stack";
+import { H3 as S, P as v } from "@mxenabled/mxui";
+import { Payments as P, CalendarMonth as k, CreditCard as A, AccountBalance as B } from "@mxenabled/mx-icons";
+import w from "../../accounts/components/ConnectionsDrawer.js";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { buildDynamicCopy as x } from "../../common/utils/Localization.js";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useAccountStore as I, useBudgetsStore as M, useGlobalCopyStore as O, useUserStore as L } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import f from "../../common/components/drawer/Drawer.js";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import { buildProfileItem as F } from "../util/finstrongUtils.js";
+import "./FinancialStrengthGraph.js";
+import "./CreditScoreGraph.js";
+import "../FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import { RecurringSettings as j } from "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { ConnectMoreAccountsCard as R } from "./ConnectMoreAccountsCard.js";
+import Y from "./ManageCreditScore.js";
+import z from "./ManageDOB.js";
+import G, { Action as i } from "./ProfileList.js";
+import H from "./ProfileProgressBar.js";
+const o = {
+  account: "Account",
+  accounts: "Accounts",
+  add_profile_item: "Add _1{profile_item}",
+  complete: "Complete",
+  connected_account: "_1{account_count} _2{account_type} Connected",
+  connections: "Connections",
+  connect_your_accounts: "Connect Your Accounts",
+  credit_score: "Credit Score",
+  date_of_birth: "Date of Birth",
+  financial_profile: "Financial Profile",
+  financial_profile_description: "Provide as much up-to-date information as possible for an accurate, personalized view of your financial picture.",
+  monthly_income: "Monthly Income",
+  your_financial_profile: "Your Financial Profile"
+}, U = ({ isOpen: u, onClose: _ }) => {
+  const { visibleFinstrongAccounts: p } = I(), { incomeBudget: d } = M(), {
+    accounts: y,
+    common: C,
+    finstrong: c
+  } = O(), { user: a } = L(), [m, r] = b.useState(null), l = [
+    {
+      dynamicCopy: o.add_profile_item,
+      fallbackLabel: o.monthly_income,
+      icon: /* @__PURE__ */ t(P, {}),
+      key: i.MonthlyIncome,
+      label: o.monthly_income,
+      value: d
+    },
+    {
+      dynamicCopy: o.add_profile_item,
+      fallbackLabel: o.date_of_birth,
+      icon: /* @__PURE__ */ t(k, {}),
+      key: i.DateOfBirth,
+      label: o.date_of_birth,
+      value: a.birthday
+    },
+    {
+      dynamicCopy: o.add_profile_item,
+      fallbackLabel: o.credit_score,
+      icon: /* @__PURE__ */ t(A, {}),
+      key: i.CreditScore,
+      label: o.credit_score,
+      value: a.credit_score
+    },
+    {
+      fallbackLabel: o.connect_your_accounts,
+      icon: /* @__PURE__ */ t(B, {}),
+      key: i.Connections,
+      label: o.connections,
+      value: p.length > 0 ? x(
+        o.connected_account,
+        String(p.length),
+        p.length > 1 ? o.accounts : o.account
+      ) : void 0
+    }
+  ].map((e) => F(e));
+  return /* @__PURE__ */ n(f, { isOpen: u, onClose: _, title: o.financial_profile, children: [
+    /* @__PURE__ */ n(s, { sx: { gap: 20, p: 24 }, children: [
+      /* @__PURE__ */ n(s, { sx: { gap: 8 }, children: [
+        /* @__PURE__ */ t(S, { children: o.your_financial_profile }),
+        /* @__PURE__ */ t(v, { children: o.financial_profile_description })
+      ] }),
+      /* @__PURE__ */ t(
+        H,
+        {
+          completeCopy: o.complete,
+          value: l.reduce((e, h) => e + (h.isComplete ? 1 : 0), 0)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(G, { list: l, onClickItem: r }),
+    /* @__PURE__ */ t(D, { sx: { p: 24 }, children: /* @__PURE__ */ t(
+      R,
+      {
+        description: c.connect_more_accounts_to_view_more_accurate_financial_picture,
+        isDashboard: !0,
+        title: c.dont_see_all_your_accounts
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      f,
+      {
+        isOpen: m === i.MonthlyIncome,
+        onClose: () => r(null),
+        title: C.settings,
+        children: /* @__PURE__ */ t(j, {})
+      }
+    ),
+    /* @__PURE__ */ t(z, { isOpen: m === i.DateOfBirth, onClose: () => r(null) }),
+    /* @__PURE__ */ t(Y, { isOpen: m === i.CreditScore, onClose: () => r(null) }),
+    /* @__PURE__ */ t(
+      w,
+      {
+        onClose: () => r(null),
+        showConnectionsWidget: m === i.Connections,
+        title: y.manage_connections
+      }
+    )
+  ] });
+}, Ji = g(U);
+export {
+  Ji as default
+};
+//# sourceMappingURL=ProfileDrawer.js.map

package/dist/finstrong/components/ProfileDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileDrawer.js","sources":["../../../src/finstrong/components/ProfileDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { H3, P } from '@mxenabled/mxui'\nimport { AccountBalance, CalendarMonth, CreditCard, Payments } from '@mxenabled/mx-icons'\n\nimport ConnectionsDrawer from '../../accounts/components/ConnectionsDrawer'\nimport {\n  buildDynamicCopy,\n  Drawer,\n  useAccountStore,\n  useBudgetsStore,\n  useGlobalCopyStore,\n  useUserStore,\n} from '../../common'\nimport { RecurringSettings } from '../../recurringtransactions'\n\nimport { buildProfileItem } from '../util/finstrongUtils'\n\nimport { ConnectMoreAccountsCard } from './ConnectMoreAccountsCard'\nimport ManageCreditScore from './ManageCreditScore'\nimport ManageDOB from './ManageDOB'\nimport ProfileList, { Action } from './ProfileList'\nimport ProfileProgressBar from './ProfileProgressBar'\n\n// TODO: Retrieve content from mrs_content\nconst copy = {\n  account: 'Account',\n  accounts: 'Accounts',\n  add_profile_item: 'Add _1{profile_item}',\n  complete: 'Complete',\n  connected_account: '_1{account_count} _2{account_type} Connected',\n  connections: 'Connections',\n  connect_your_accounts: 'Connect Your Accounts',\n  credit_score: 'Credit Score',\n  date_of_birth: 'Date of Birth',\n  financial_profile: 'Financial Profile',\n  financial_profile_description:\n    'Provide as much up-to-date information as possible for an accurate, personalized view of your financial picture.',\n  monthly_income: 'Monthly Income',\n  your_financial_profile: 'Your Financial Profile',\n}\n\ninterface ProfileDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst ProfileDrawer = ({ isOpen, onClose }: ProfileDrawerProps) => {\n  const { visibleFinstrongAccounts: accounts } = useAccountStore()\n  const { incomeBudget } = useBudgetsStore()\n  const {\n    accounts: accountsCopy,\n    common: commonCopy,\n    finstrong: finstrongCopy,\n  } = useGlobalCopyStore()\n  const { user } = useUserStore()\n\n  const [action, setAction] = React.useState<Action | null>(null)\n\n  const profileItemsData = [\n    {\n      dynamicCopy: copy.add_profile_item,\n      fallbackLabel: copy.monthly_income,\n      icon: <Payments />,\n      key: Action.MonthlyIncome,\n      label: copy.monthly_income,\n      value: incomeBudget,\n    },\n    {\n      dynamicCopy: copy.add_profile_item,\n      fallbackLabel: copy.date_of_birth,\n      icon: <CalendarMonth />,\n      key: Action.DateOfBirth,\n      label: copy.date_of_birth,\n      value: user.birthday,\n    },\n    {\n      dynamicCopy: copy.add_profile_item,\n      fallbackLabel: copy.credit_score,\n      icon: <CreditCard />,\n      key: Action.CreditScore,\n      label: copy.credit_score,\n      value: user.credit_score,\n    },\n    {\n      fallbackLabel: copy.connect_your_accounts,\n      icon: <AccountBalance />,\n      key: Action.Connections,\n      label: copy.connections,\n      value:\n        accounts.length > 0\n          ? (buildDynamicCopy(\n              copy.connected_account,\n              String(accounts.length),\n              accounts.length > 1 ? copy.accounts : copy.account,\n            ) as string)\n          : undefined,\n    },\n  ]\n\n  const list = profileItemsData.map((item) => buildProfileItem(item))\n\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={copy.financial_profile}>\n      <Stack sx={{ gap: 20, p: 24 }}>\n        <Stack sx={{ gap: 8 }}>\n          <H3>{copy.your_financial_profile}</H3>\n          <P>{copy.financial_profile_description}</P>\n        </Stack>\n        <ProfileProgressBar\n          completeCopy={copy.complete}\n          value={list.reduce((acc, item) => acc + (item.isComplete ? 1 : 0), 0)}\n        />\n      </Stack>\n      <ProfileList list={list} onClickItem={setAction} />\n      <Box sx={{ p: 24 }}>\n        <ConnectMoreAccountsCard\n          description={finstrongCopy.connect_more_accounts_to_view_more_accurate_financial_picture}\n          isDashboard={true}\n          title={finstrongCopy.dont_see_all_your_accounts}\n        />\n      </Box>\n\n      <Drawer\n        isOpen={action === Action.MonthlyIncome}\n        onClose={() => setAction(null)}\n        title={commonCopy.settings}\n      >\n        <RecurringSettings />\n      </Drawer>\n      <ManageDOB isOpen={action === Action.DateOfBirth} onClose={() => setAction(null)} />\n      <ManageCreditScore isOpen={action === Action.CreditScore} onClose={() => setAction(null)} />\n      <ConnectionsDrawer\n        onClose={() => setAction(null)}\n        showConnectionsWidget={action === Action.Connections}\n        title={accountsCopy.manage_connections}\n      />\n    </Drawer>\n  )\n}\nexport default observer(ProfileDrawer)\n"],"names":["copy","ProfileDrawer","isOpen","onClose","accounts","useAccountStore","incomeBudget","useBudgetsStore","accountsCopy","commonCopy","finstrongCopy","useGlobalCopyStore","user","useUserStore","action","setAction","React","list","Payments","Action","CalendarMonth","CreditCard","AccountBalance","buildDynamicCopy","item","buildProfileItem","Drawer","jsxs","Stack","jsx","H3","P","ProfileProgressBar","acc","ProfileList","Box","ConnectMoreAccountsCard","RecurringSettings","ManageDOB","ManageCreditScore","ConnectionsDrawer","ProfileDrawer$1","observer"],"mappings":"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"}

package/dist/finstrong/components/ProfileList.js

@@ -0,0 +1,57 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import m from "react";
+import a from "@mui/material/Avatar";
+import d from "@mui/material/Box";
+import l from "@mui/material/Divider";
+import s from "@mui/material/List";
+import p from "@mui/material/ListItem";
+import h from "@mui/material/ListItemAvatar";
+import f from "@mui/material/ListItemButton";
+import x from "@mui/material/ListItemText";
+import { Text as i } 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 D = ({ list: o, onClickItem: n }) => /* @__PURE__ */ r(d, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ r(
+  s,
+  {
+    sx: {
+      "& .MuiListItemSecondaryAction-root": {
+        color: "text.primary",
+        pr: 24
+      }
+    },
+    children: o.map((t, c) => /* @__PURE__ */ e(m.Fragment, { children: [
+      /* @__PURE__ */ r(p, { secondaryAction: /* @__PURE__ */ r(y, {}), children: /* @__PURE__ */ e(f, { onClick: () => n(t.key), children: [
+        /* @__PURE__ */ r(h, { 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(i, { sx: { color: "text.secondary" }, variant: "caption", children: t.primaryText }),
+            secondary: /* @__PURE__ */ r(i, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: t.secondaryText })
+          }
+        )
+      ] }) }),
+      c < o.length - 1 && /* @__PURE__ */ r(l, { sx: { color: "divider", ml: 68 } })
+    ] }, t.key))
+  }
+) });
+export {
+  v as Action,
+  D as default
+};
+//# sourceMappingURL=ProfileList.js.map

package/dist/finstrong/components/ProfileList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileList.js","sources":["../../../src/finstrong/components/ProfileList.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { Text } from '@mxenabled/mxui'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nexport enum Action {\n  Connections = 'connections',\n  CreditScore = 'credit_score',\n  DateOfBirth = 'date_of_birth',\n  MonthlyIncome = 'monthly_income',\n}\n\ninterface ProfileListItem {\n  icon: React.ReactNode\n  isComplete: boolean\n  key: Action\n  primaryText: string\n  secondaryText: string\n}\n\ninterface ProfileListProps {\n  list: ProfileListItem[]\n  onClickItem: (action: Action) => void\n}\n\nconst ProfileList = ({ list, onClickItem }: ProfileListProps) => (\n  <Box sx={{ bgcolor: 'background.paper' }}>\n    <List\n      sx={{\n        '& .MuiListItemSecondaryAction-root': {\n          color: 'text.primary',\n          pr: 24,\n        },\n      }}\n    >\n      {list.map((item, i) => (\n        <React.Fragment key={item.key}>\n          <ListItem secondaryAction={<ChevronRight />}>\n            <ListItemButton onClick={() => onClickItem(item.key)}>\n              <ListItemAvatar>\n                <Avatar\n                  sx={{\n                    bgcolor: 'primary.main',\n                    ...(!item.isComplete && {\n                      bgcolor: 'transparent',\n                      borderColor: 'action.active',\n                      borderStyle: 'solid',\n                      borderWidth: 1,\n                      color: 'action.active',\n                    }),\n                  }}\n                >\n                  {item.icon}\n                </Avatar>\n              </ListItemAvatar>\n              <ListItemText\n                primary={\n                  <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                    {item.primaryText}\n                  </Text>\n                }\n                secondary={\n                  <Text sx={{ color: 'text.primary', fontWeight: 600 }} variant=\"body1\">\n                    {item.secondaryText}\n                  </Text>\n                }\n              />\n            </ListItemButton>\n          </ListItem>\n          {i < list.length - 1 && <Divider sx={{ color: 'divider', ml: 68 }} />}\n        </React.Fragment>\n      ))}\n    </List>\n  </Box>\n)\n\nexport default ProfileList\n"],"names":["Action","ProfileList","list","onClickItem","jsx","Box","List","item","i","jsxs","React","ListItem","ChevronRight","ListItemButton","ListItemAvatar","Avatar","ListItemText","Text","Divider"],"mappings":";;;;;;;;;;;;AAcY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,cAAc,gBACdA,EAAA,cAAc,iBACdA,EAAA,gBAAgB,kBAJNA,IAAAA,KAAA,CAAA,CAAA;AAoBZ,MAAMC,IAAc,CAAC,EAAE,MAAAC,GAAM,aAAAC,EAAY,MACtC,gBAAAC,EAAAC,GAAA,EAAI,IAAI,EAAE,SAAS,mBAClB,GAAA,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,sCAAsC;AAAA,QACpC,OAAO;AAAA,QACP,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IAEC,UAAAJ,EAAK,IAAI,CAACK,GAAMC,MACd,gBAAAC,EAAAC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAN,EAACO,GAAS,EAAA,iBAAkB,gBAAAP,EAAAQ,GAAA,CAAa,CAAA,GACvC,UAAA,gBAAAH,EAACI,GAAe,EAAA,SAAS,MAAMV,EAAYI,EAAK,GAAG,GACjD,UAAA;AAAA,QAAA,gBAAAH,EAACU,GACC,EAAA,UAAA,gBAAAV;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,GAAI,CAACR,EAAK,cAAc;AAAA,gBACtB,SAAS;AAAA,gBACT,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,OAAO;AAAA,cACT;AAAA,YACF;AAAA,YAEC,UAAKA,EAAA;AAAA,UAAA;AAAA,QAAA,GAEV;AAAA,QACA,gBAAAH;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,SACG,gBAAAZ,EAAAa,GAAA,EAAK,IAAI,EAAE,OAAO,iBAAoB,GAAA,SAAQ,WAC5C,UAAAV,EAAK,YACR,CAAA;AAAA,YAEF,WACE,gBAAAH,EAACa,GAAK,EAAA,IAAI,EAAE,OAAO,gBAAgB,YAAY,IAAI,GAAG,SAAQ,SAC3D,YAAK,eACR;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,MACCT,IAAIN,EAAK,SAAS,KAAM,gBAAAE,EAAAc,GAAA,EAAQ,IAAI,EAAE,OAAO,WAAW,IAAI,GAAM,EAAA,CAAA;AAAA,IAAA,KAjChDX,EAAK,GAkC1B,CACD;AAAA,EAAA;AACH,EACF,CAAA;"}

package/dist/finstrong/components/ProfileProgressBar.js

@@ -0,0 +1,27 @@
+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
+};
+//# sourceMappingURL=ProfileProgressBar.js.map

package/dist/finstrong/components/ProfileProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileProgressBar.js","sources":["../../../src/finstrong/components/ProfileProgressBar.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface ProfileProgressBarProps {\n  completeCopy: string\n  value: number\n}\n\nconst ProfileProgressBar = ({ value, completeCopy }: ProfileProgressBarProps) => (\n  <Stack sx={{ gap: 8 }}>\n    <Stack sx={{ flexDirection: 'row', gap: 4 }}>\n      {Array.from({ length: 4 }).map((_, i) => (\n        <Box\n          key={i}\n          sx={{\n            bgcolor: i < value ? 'primary.main' : 'neutral.light',\n            borderRadius: '24px',\n            height: 4,\n            width: '100%',\n          }}\n        />\n      ))}\n    </Stack>\n    <Text sx={{ color: 'text.secondary' }} variant=\"body2\">\n      {(value / 4) * 100}% {completeCopy}\n    </Text>\n  </Stack>\n)\n\nexport default ProfileProgressBar\n"],"names":["ProfileProgressBar","value","completeCopy","jsxs","Stack","jsx","_","i","Box","Text"],"mappings":";;;;AAUA,MAAMA,IAAqB,CAAC,EAAE,OAAAC,GAAO,cAAAC,EAAa,MAC/C,gBAAAC,EAAAC,GAAA,EAAM,IAAI,EAAE,KAAK,EAAA,GAChB,UAAA;AAAA,EAAA,gBAAAC,EAACD,KAAM,IAAI,EAAE,eAAe,OAAO,KAAK,KACrC,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAACE,GAAGC,MACjC,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,IAAI;AAAA,QACF,SAASD,IAAIN,IAAQ,iBAAiB;AAAA,QACtC,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,IAAA;AAAA,IANKM;AAAA,EAQR,CAAA,GACH;AAAA,EACA,gBAAAJ,EAACM,KAAK,IAAI,EAAE,OAAO,oBAAoB,SAAQ,SAC3C,UAAA;AAAA,IAAAR,IAAQ,IAAK;AAAA,IAAI;AAAA,IAAGC;AAAA,EAAA,GACxB;AAAA,EACF,CAAA;"}

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

@@ -0,0 +1,64 @@
+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.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
+};
+//# sourceMappingURL=CustomPieArc.js.map

package/dist/finstrong/components/shared/CustomPieArc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPieArc.js","sources":["../../../../src/finstrong/components/shared/CustomPieArc.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles'\nimport { type PieValueType } from '@mui/x-charts'\n\nimport * as d3 from 'd3'\n\nimport { getFilledArcStartEndAngle, getOutterArcStartEndAngle } from '../../util/finstrongUtils'\n\ninterface CustomPieArcProps {\n  dialScoreData: PieValueType[]\n  dataIndex: number\n  arcStartAngle: number\n  totalAngularSpan: number\n  centerX: number\n  centerY: number\n  arcRadius: number\n  arcColor?: string\n  innerArcRadius: number\n  outterArcRadius: number\n  unitsPerSegment: number\n  progressEndAngle: number\n  isFinacialStrengthGraph?: boolean\n}\nexport const CustomPieArc = ({\n  dialScoreData,\n  dataIndex,\n  arcColor,\n  arcStartAngle,\n  totalAngularSpan,\n  centerX,\n  centerY,\n  arcRadius,\n  innerArcRadius,\n  outterArcRadius,\n  progressEndAngle,\n  unitsPerSegment,\n  isFinacialStrengthGraph,\n}: CustomPieArcProps) => {\n  const theme = useTheme()\n  const gradientSteps = [\n    { offset: '13.62%', color: theme.palette.chartMono.chartMono2 },\n    { offset: '36.67%', color: theme.palette.chartMono.chartMono3 },\n    { offset: '59.72%', color: theme.palette.chartMono.chartMono4 },\n    { offset: '83.46%', color: theme.palette.chartMono.chartMono5 },\n  ]\n\n  const [outterArcStartAngle, outterArcEndAngle] = getOutterArcStartEndAngle(\n    dialScoreData,\n    totalAngularSpan,\n    arcStartAngle,\n    dataIndex,\n  )\n\n  const [filledArcStartAngle, filledArcEndAngle] = getFilledArcStartEndAngle(\n    outterArcStartAngle,\n    outterArcEndAngle,\n    dataIndex,\n    unitsPerSegment,\n    progressEndAngle,\n  )\n\n  const outerArcGenerator = d3\n    .arc()\n    .innerRadius(innerArcRadius)\n    .outerRadius(outterArcRadius)\n    .startAngle(outterArcStartAngle)\n    .endAngle(outterArcEndAngle)\n    .padAngle(0.02)\n    .cornerRadius(8)\n\n  const fillArcGenerator = d3\n    .arc()\n    .innerRadius(innerArcRadius)\n    .outerRadius(outterArcRadius)\n    .startAngle(filledArcStartAngle)\n    .endAngle(filledArcEndAngle)\n    .padAngle(0.02)\n    .cornerRadius(8)\n\n  return (\n    <>\n      {/* Background segment */}\n      <path\n        d={outerArcGenerator({} as d3.DefaultArcObject)!}\n        fill={isFinacialStrengthGraph ? theme.palette.divider : arcColor}\n      />\n\n      {/* Progress segment */}\n      {isFinacialStrengthGraph && (\n        <path d={fillArcGenerator({} as d3.DefaultArcObject)!} fill=\"url(#arcGradient)\" />\n      )}\n\n      <defs>\n        <linearGradient\n          gradientTransform={`rotate(5, ${centerX}, ${centerY})`}\n          gradientUnits=\"userSpaceOnUse\"\n          id=\"arcGradient\"\n          x1={centerX + arcRadius * 0.8 * Math.cos(Math.PI / 1.35)}\n          x2={centerX - arcRadius * 0.8 * Math.cos(Math.PI / 1.35)}\n          y1={centerY + arcRadius * 0.8 * Math.sin(Math.PI / 1.35)}\n          y2={centerY - arcRadius * 0.8 * Math.sin(Math.PI / 1.35)}\n        >\n          {gradientSteps.map((eachStep, index) => (\n            <stop key={index} offset={eachStep.offset} stopColor={eachStep.color} />\n          ))}\n        </linearGradient>\n      </defs>\n    </>\n  )\n}\n"],"names":["CustomPieArc","dialScoreData","dataIndex","arcColor","arcStartAngle","totalAngularSpan","centerX","centerY","arcRadius","innerArcRadius","outterArcRadius","progressEndAngle","unitsPerSegment","isFinacialStrengthGraph","theme","useTheme","gradientSteps","outterArcStartAngle","outterArcEndAngle","getOutterArcStartEndAngle","filledArcStartAngle","filledArcEndAngle","getFilledArcStartEndAngle","outerArcGenerator","d3","fillArcGenerator","jsxs","Fragment","jsx","eachStep","index"],"mappings":";;;;AAsBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AACF,MAAyB;AACvB,QAAMC,IAAQC,KACRC,IAAgB;AAAA,IACpB,EAAE,QAAQ,UAAU,OAAOF,EAAM,QAAQ,UAAU,WAAW;AAAA,IAC9D,EAAE,QAAQ,UAAU,OAAOA,EAAM,QAAQ,UAAU,WAAW;AAAA,IAC9D,EAAE,QAAQ,UAAU,OAAOA,EAAM,QAAQ,UAAU,WAAW;AAAA,IAC9D,EAAE,QAAQ,UAAU,OAAOA,EAAM,QAAQ,UAAU,WAAW;AAAA,EAAA,GAG1D,CAACG,GAAqBC,CAAiB,IAAIC;AAAA,IAC/ClB;AAAA,IACAI;AAAA,IACAD;AAAA,IACAF;AAAA,EAAA,GAGI,CAACkB,GAAqBC,CAAiB,IAAIC;AAAA,IAC/CL;AAAA,IACAC;AAAA,IACAhB;AAAA,IACAU;AAAA,IACAD;AAAA,EAAA,GAGIY,IAAoBC,EACvB,IAAI,EACJ,YAAYf,CAAc,EAC1B,YAAYC,CAAe,EAC3B,WAAWO,CAAmB,EAC9B,SAASC,CAAiB,EAC1B,SAAS,IAAI,EACb,aAAa,CAAC,GAEXO,IAAmBD,EACtB,IAAI,EACJ,YAAYf,CAAc,EAC1B,YAAYC,CAAe,EAC3B,WAAWU,CAAmB,EAC9B,SAASC,CAAiB,EAC1B,SAAS,IAAI,EACb,aAAa,CAAC;AAEjB,SAGI,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAGL,EAAkB,EAAyB;AAAA,QAC9C,MAAMV,IAA0BC,EAAM,QAAQ,UAAUX;AAAA,MAAA;AAAA,IAC1D;AAAA,IAGCU,uBACE,QAAK,EAAA,GAAGY,EAAiB,EAAyB,GAAI,MAAK,qBAAoB;AAAA,sBAGjF,QACC,EAAA,UAAA,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,mBAAmB,aAAatB,CAAO,KAAKC,CAAO;AAAA,QACnD,eAAc;AAAA,QACd,IAAG;AAAA,QACH,IAAID,IAAUE,IAAY,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI;AAAA,QACvD,IAAIF,IAAUE,IAAY,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI;AAAA,QACvD,IAAID,IAAUC,IAAY,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI;AAAA,QACvD,IAAID,IAAUC,IAAY,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI;AAAA,QAEtD,UAAcQ,EAAA,IAAI,CAACa,GAAUC,MAC3B,gBAAAF,EAAA,QAAA,EAAiB,QAAQC,EAAS,QAAQ,WAAWA,EAAS,MAAA,GAApDC,CAA2D,CACvE;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/finstrong/components/shared/DialScoreCard.js

@@ -0,0 +1,181 @@
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+import h from "@mui/material/Stack";
+import { useTheme as Y } from "@mui/material/styles";
+import { PieChart as H } from "@mui/x-charts";
+import { TrendingUp as L, TrendingDown as O } from "@mxenabled/mx-icons";
+import { P as s } from "@mxenabled/mxui";
+import { radiansToDegrees as v, getMarkerXYCoordinates as U } from "../../util/finstrongUtils.js";
+import { CustomPieArc as B } from "./CustomPieArc.js";
+const C = ({
+  arcRadius: m = 100,
+  healthScore: r,
+  size: e = "L",
+  dialScoreData: f,
+  minValue: p = 0,
+  maxValue: u = 100,
+  markerColor: I,
+  healthScoreStatus: w,
+  footerCenterContent: a,
+  footerLeftContent: A,
+  footerRightContent: k,
+  isFinacialStrengthGraph: S = !1
+}) => {
+  const z = Y(), c = -Math.PI / 1.35, M = Math.PI / 1.35, b = M - c, D = b / (u - p), T = (r - p) * D, y = c + T + 0.02, j = e !== "SM" ? 0.1 : 0.12, l = m, x = m * (1 - j), o = l * 2.5, n = o / 2, i = o / 2, E = (x + l) / 2, F = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [R, W] = U(E, y, F), X = r / 25, P = {
+    L: { markerSize: 12, healthScoreFontSize: 64 },
+    M: { markerSize: 10, healthScoreFontSize: 48 },
+    SM: { markerSize: 3, healthScoreFontSize: 14 }
+  };
+  return /* @__PURE__ */ g(
+    h,
+    {
+      sx: {
+        width: o,
+        height: o,
+        position: "relative",
+        alignSelf: "center"
+      },
+      children: [
+        /* @__PURE__ */ t(
+          H,
+          {
+            height: o,
+            margin: { top: 0, right: 0, bottom: 0, left: 0 },
+            series: [
+              {
+                data: f,
+                innerRadius: x,
+                outerRadius: l,
+                startAngle: Math.round(v(c)),
+                // Use Math.degrees to convert
+                endAngle: Math.round(v(M))
+                // Use Math.degrees to convert
+              }
+            ],
+            skipAnimation: !0,
+            slotProps: {
+              legend: { hidden: !0 }
+            },
+            slots: {
+              pieArc: ($) => /* @__PURE__ */ t(
+                B,
+                {
+                  arcColor: $.color,
+                  arcRadius: m,
+                  arcStartAngle: c,
+                  centerX: n,
+                  centerY: i,
+                  dataIndex: $.dataIndex,
+                  dialScoreData: f,
+                  innerArcRadius: x,
+                  isFinacialStrengthGraph: S,
+                  outterArcRadius: l,
+                  progressEndAngle: y,
+                  totalAngularSpan: b,
+                  unitsPerSegment: X
+                }
+              )
+            },
+            sx: {
+              "& path": {
+                stroke: "none"
+              }
+            },
+            width: o,
+            children: r >= p && r <= u && /* @__PURE__ */ t(
+              "circle",
+              {
+                cx: n + R,
+                cy: i + W,
+                fill: z.palette.common.white,
+                r: P[e].markerSize,
+                stroke: S ? "url(#arcGradient)" : I,
+                strokeWidth: e !== "SM" ? 3 : 1
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          d,
+          {
+            sx: {
+              position: "absolute",
+              top: `${i}px`,
+              left: `${n}px`,
+              transform: "translate(-50%, -50%)",
+              textAlign: "center"
+            },
+            children: /* @__PURE__ */ g(
+              h,
+              {
+                spacing: 1,
+                sx: { alignItems: "center", justifyContent: "center", gap: e !== "M" ? 10 : 3 },
+                children: [
+                  /* @__PURE__ */ t(
+                    s,
+                    {
+                      sx: {
+                        fontSize: P[e].healthScoreFontSize,
+                        lineHeight: e !== "SM" ? "48px" : "100%"
+                      },
+                      variant: "H1",
+                      children: r
+                    }
+                  ),
+                  e !== "SM" && /* @__PURE__ */ t(s, { sx: { fontWeight: 600 }, variant: e === "L" ? "body1" : "body2", children: w })
+                ]
+              }
+            )
+          }
+        ),
+        !!a && /* @__PURE__ */ t(
+          d,
+          {
+            sx: {
+              position: "absolute",
+              top: `${i * 2 * 0.83}px`,
+              left: `${n}px`,
+              transform: "translate(-50%, -50%)",
+              textAlign: "center"
+            },
+            children: typeof a == "string" ? /* @__PURE__ */ t(s, { sx: { color: "text.secondary" }, variant: "subtitle2", children: a }) : /* @__PURE__ */ g(h, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
+              a > 0 ? /* @__PURE__ */ t(L, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ t(O, { size: 16, sx: { color: "error.main" } }),
+              /* @__PURE__ */ t(s, { sx: { fontWeight: 600, color: "success.main" }, variant: "body1", children: a })
+            ] })
+          }
+        ),
+        !!A && /* @__PURE__ */ t(
+          d,
+          {
+            sx: {
+              position: "absolute",
+              top: `${i * 2 * 0.83}px`,
+              left: `${n - n / 2}px`,
+              // shift left from center
+              transform: "translate(-50%, -50%)",
+              textAlign: "left"
+            },
+            children: /* @__PURE__ */ t(s, { variant: "body1", children: A })
+          }
+        ),
+        !!k && /* @__PURE__ */ t(
+          d,
+          {
+            sx: {
+              position: "absolute",
+              top: `${i * 2 * 0.83}px`,
+              left: `${n + n / 2}px`,
+              transform: "translate(-50%, -50%)",
+              textAlign: "right"
+            },
+            children: /* @__PURE__ */ t(s, { variant: "body1", children: k })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  C as DialScoreCard
+};
+//# sourceMappingURL=DialScoreCard.js.map