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

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsChart.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetailsChart.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsChart.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport { Loader, useCategoryStore, useGlobalStore } from '../../../../common'\nimport { MiniWidgetProps } from '../../../../core'\n\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\ninterface AccountDetailsChartProps extends MiniWidgetProps {\n  ChartComponent?: React.ComponentType\n  header?: string\n}\n\nconst AccountDetailsChart: React.FC<AccountDetailsChartProps> = ({\n  sx,\n  ChartComponent,\n  header,\n}) => {\n  const { loadMonthlyCategoryTotals } = useCategoryStore()\n  const { isInitialized } = useGlobalStore()\n  const { selectedAccount } = useAccountUiStore()\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlyCategoryTotals([selectedAccount]).finally(() => {\n        setIsWidgetInitialized(true)\n      })\n    }\n  }, [isInitialized, selectedAccount])\n\n  if (!isInitialized || !isWidgetInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <Card\n      sx={{\n        '& .MuiCardContent-root:last-child': {\n          pb: 0,\n        },\n        ...sx,\n      }}\n    >\n      <CardHeader sx={{ pb: 0 }} title={<H3 sx={{ pb: 4 }}>{header}</H3>} />\n\n      <CardContent sx={{ p: 0 }}>{ChartComponent ? <ChartComponent /> : null}</CardContent>\n    </Card>\n  )\n}\n\nexport default observer(AccountDetailsChart)\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,IAAA,CAA2D,EAC/D,IAAA,GACA,gBAAA,GACA,QAAA,EAAA,MACI;AACJ,QAAM,EAAE,2BAAA,EAAA,IAA8B,EAAiB,GACjD,EAAE,eAAA,EAAA,IAAkB,EAAe,GACnC,EAAE,iBAAA,EAAA,IAAoB,EAAkB,GAExC,CAAC,GAAqB,CAAA,IAA0B,EAAM,SAAS,EAAK;AAU1E,SARA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAA0B,CAAC,CAAe,CAAC,EAAE,QAAA,MAAc;AACzD,MAAA,EAAuB,EAAI;AAAA,IAC7B,CAAC;AAAA,EAEL,GAAG,CAAC,GAAe,CAAe,CAAC,GAE/B,CAAC,KAAiB,CAAC,IACd,gBAAA,EAAC,GAAD,CAAS,CAAA,IAIhB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,qCAAqC,EACnC,IAAI,EACN;AAAA,MACA,GAAG;AAAA,IACL;AAAA,cANF,CAQE,gBAAA,EAAC,GAAD;AAAA,MAAY,IAAI,EAAE,IAAI,EAAE;AAAA,MAAG,OAAO,gBAAA,EAAC,GAAD;AAAA,QAAI,IAAI,EAAE,IAAI,EAAE;AAAA,kBAAI;AAAA,MAAW,CAAA;AAAA,IAAI,CAAA,GAErE,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI,EAAE,GAAG,EAAE;AAAA,gBAAI,IAAiB,gBAAA,EAAC,GAAD,CAAiB,CAAA,IAAI;AAAA,IAAkB,CAAA,CAChF;AAAA;AAEV,GAEA,IAAe,EAAS,CAAmB"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsContent.es.js

@@ -0,0 +1,50 @@
+import { useGlobalCopyStore as s } from "../../../../common/context/hooks.es.js";
+import r from "../../../../common/components/TabContentContainer.es.js";
+import c from "./AccountDetailsTab.es.js";
+import d from "./ConnectionErrorMessage.es.js";
+import m from "../Transactions/TransactionsTab.es.js";
+import u from "react";
+import { observer as b } from "mobx-react-lite";
+import { Fragment as f, jsx as a, jsxs as n } from "react/jsx-runtime";
+import i from "@mui/material/Tab";
+import p from "@mui/material/Tabs";
+var C = () => {
+  const [t, o] = u.useState(0), { accounts: e } = s();
+  return /* @__PURE__ */ n(f, { children: [
+    /* @__PURE__ */ a(d, { setTabValue: o }),
+    /* @__PURE__ */ n(p, {
+      "aria-label": e.transactions_and_details_aria,
+      centered: !0,
+      onChange: (_, l) => o(l),
+      textColor: "primary",
+      value: t,
+      variant: "fullWidth",
+      children: [/* @__PURE__ */ a(i, {
+        "aria-controls": "transaction-details-tabpanel-0",
+        id: "transaction-details-tab-0",
+        label: e.transactions
+      }), /* @__PURE__ */ a(i, {
+        "aria-controls": "account-details-tabpanel-1",
+        id: "account-details-tab-1",
+        label: e.account_details
+      })]
+    }),
+    /* @__PURE__ */ a(r, {
+      index: 0,
+      name: "transaction-details",
+      value: t,
+      children: /* @__PURE__ */ a(m, {})
+    }),
+    /* @__PURE__ */ a(r, {
+      index: 1,
+      name: "account-details",
+      value: t,
+      children: /* @__PURE__ */ a(c, {})
+    })
+  ] });
+}, V = b(C);
+export {
+  V as default
+};
+
+//# sourceMappingURL=AccountDetailsContent.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetailsContent.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { TabContentContainer, useGlobalCopyStore } from '../../../../common'\n\nimport AccountDetailsTab from './AccountDetailsTab'\nimport ConnectionErrorMessage from './ConnectionErrorMessage'\nimport TransactionsTab from '../Transactions/TransactionsTab'\n\nconst AccountDetailsContent = () => {\n  const [tabValue, setTabValue] = React.useState(0)\n\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  return (\n    <>\n      <ConnectionErrorMessage setTabValue={setTabValue} />\n\n      <Tabs\n        aria-label={accountsCopy.transactions_and_details_aria}\n        centered={true}\n        onChange={(_, val) => setTabValue(val)}\n        textColor=\"primary\"\n        value={tabValue}\n        variant=\"fullWidth\"\n      >\n        <Tab\n          aria-controls=\"transaction-details-tabpanel-0\"\n          id=\"transaction-details-tab-0\"\n          label={accountsCopy.transactions}\n        />\n        <Tab\n          aria-controls=\"account-details-tabpanel-1\"\n          id=\"account-details-tab-1\"\n          label={accountsCopy.account_details}\n        />\n      </Tabs>\n\n      <TabContentContainer index={0} name=\"transaction-details\" value={tabValue}>\n        <TransactionsTab />\n      </TabContentContainer>\n\n      <TabContentContainer index={1} name=\"account-details\" value={tabValue}>\n        <AccountDetailsTab />\n      </TabContentContainer>\n    </>\n  )\n}\n\nexport default observer(AccountDetailsContent)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAA,MAA8B;AAClC,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,CAAC,GAE1C,EAAE,UAAU,EAAA,IAAiB,EAAmB;AAEtD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD,EAAqC,aAAA,EAAc,CAAA;AAAA,IAEnD,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAa;AAAA,MACzB,UAAU;AAAA,MACV,UAAA,CAAW,GAAG,MAAQ,EAAY,CAAG;AAAA,MACrC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAQ;AAAA,gBANV,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAa;AAAA,MACrB,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAa;AAAA,MACrB,CAAA,CACG;AAAA;IAEN,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAsB,OAAO;AAAA,gBAC/D,gBAAA,EAAC,GAAD,CAAkB,CAAA;AAAA,IACC,CAAA;AAAA,IAErB,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAkB,OAAO;AAAA,gBAC3D,gBAAA,EAAC,GAAD,CAAoB,CAAA;AAAA,IACD,CAAA;AAAA,EACrB,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAqB"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsDrawer.es.js

@@ -0,0 +1,21 @@
+import { useGlobalCopyStore as e } from "../../../../common/context/hooks.es.js";
+import c from "../../../../common/components/drawer/Drawer.es.js";
+import l from "../../../../trends/components/TrendsChart.es.js";
+import s from "./AccountDetailsContent.es.js";
+import i from "./AccountDetailsHeader.es.js";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+var _ = ({ isOpen: r, onClose: a }) => {
+  const { accounts: t } = e();
+  return /* @__PURE__ */ n(c, {
+    ariaLabelClose: t.close_account_details_aria,
+    isOpen: r,
+    onClose: a,
+    title: t.account_details,
+    children: [/* @__PURE__ */ o(i, { ChartComponent: l }), /* @__PURE__ */ o(s, {})]
+  });
+};
+export {
+  _ as default
+};
+
+//# sourceMappingURL=AccountDetailsDrawer.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsDrawer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetailsDrawer.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsDrawer.tsx"],"sourcesContent":["import { Drawer, useGlobalCopyStore } from '../../../../common'\nimport TrendsChart from '../../../../trends/components/TrendsChart'\n\nimport AccountDetailsContent from './AccountDetailsContent'\nimport AccountDetailsHeader from './AccountDetailsHeader'\n\ninterface AccountDetailsDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst AccountDetailsDrawer = ({ isOpen, onClose }: AccountDetailsDrawerProps) => {\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  return (\n    <Drawer\n      ariaLabelClose={accountsCopy.close_account_details_aria}\n      isOpen={isOpen}\n      onClose={onClose}\n      title={accountsCopy.account_details}\n    >\n      <AccountDetailsHeader ChartComponent={TrendsChart} />\n\n      <AccountDetailsContent />\n    </Drawer>\n  )\n}\n\nexport default AccountDetailsDrawer\n"],"mappings":";;;;;;AAWA,IAAM,IAAA,CAAwB,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAyC;AAC/E,QAAM,EAAE,UAAU,EAAA,IAAiB,EAAmB;AAEtD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAa;AAAA,IACrB,QAAA;AAAA,IACC,SAAA;AAAA,IACT,OAAO,EAAa;AAAA,cAJtB,CAME,gBAAA,EAAC,GAAD,EAAsB,gBAAgB,EAAc,CAAA,GAEpD,gBAAA,EAAC,GAAD,CAAwB,CAAA,CAClB;AAAA;AAEZ"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.es.js

@@ -0,0 +1,81 @@
+import A from "../../../../common/hooks/useAccountDisplayName.es.js";
+import { useAccountStore as v, useAppConfig as S, useGlobalCopyStore as N } from "../../../../common/context/hooks.es.js";
+import { formatCurrency as T } from "../../../../core/utils/NumberFormatting.es.js";
+import { INCOME_ACCOUNT_TYPES as E, PAYMENT_ACCOUNT_TYPES as w, SPENDING_ACCOUNT_TYPES as D } from "../../../../common/constants/Account.es.js";
+import { useAccountUiStore as P } from "../../../hooks/useUiStore.es.js";
+import { getAccountBalanceDetails as j } from "../../../utils/AccountFields.es.js";
+import { getChartLabels as x } from "../../../utils/AccountDetails.es.js";
+import O from "./AccountDetailsChart.es.js";
+import { observer as U } from "mobx-react-lite";
+import i from "@mui/material/Stack";
+import { H2 as Y, InstitutionLogo as G, Text as e } from "@mxenabled/mxui";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var H = ({ customDetailsChart: a, ChartComponent: c }) => {
+  const { institutions: s } = v(), { selectedAccount: o } = P(), { config: l } = S(), { accounts: r } = N(), { firstSubtitle: u, firstValue: d, hasAvailableBalance: m, secondSubtitle: p, secondValue: f } = j(o, r, l.display_available_balance_in_accounts), b = s.find((g) => g.guid === o?.institution_guid), _ = [
+    ...E,
+    ...w,
+    ...D
+  ].includes(o.account_type), h = A(o), { title: y, description: C } = x(o.account_type, r);
+  return /* @__PURE__ */ n(i, {
+    bgcolor: "background.default",
+    p: 24,
+    children: [
+      /* @__PURE__ */ n(i, {
+        gap: 12,
+        children: [/* @__PURE__ */ t(G, {
+          alt: r.institution_logo_alt,
+          institutionGuid: o.institution_guid || "",
+          size: 64
+        }), /* @__PURE__ */ t(e, {
+          variant: "body2",
+          children: b?.name
+        })]
+      }),
+      /* @__PURE__ */ n(i, {
+        gap: 8,
+        mb: 24,
+        mt: 4,
+        children: [
+          /* @__PURE__ */ t(Y, { children: h }),
+          /* @__PURE__ */ n(i, {
+            direction: "row",
+            justifyContent: "space-between",
+            children: [/* @__PURE__ */ t(e, {
+              bold: m,
+              variant: "body1",
+              children: u
+            }), /* @__PURE__ */ t(e, {
+              bold: !0,
+              variant: "body1",
+              children: T(d, "0,0.00")
+            })]
+          }),
+          /* @__PURE__ */ n(i, {
+            direction: "row",
+            justifyContent: "space-between",
+            children: [/* @__PURE__ */ t(e, {
+              variant: "body2",
+              children: p
+            }), /* @__PURE__ */ t(e, {
+              variant: "body2",
+              children: f
+            })]
+          })
+        ]
+      }),
+      _ && /* @__PURE__ */ t(i, {
+        "aria-label": C,
+        role: "img",
+        children: a || /* @__PURE__ */ t(O, {
+          ChartComponent: c,
+          header: y
+        })
+      })
+    ]
+  });
+}, R = U(H);
+export {
+  R as default
+};
+
+//# sourceMappingURL=AccountDetailsHeader.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetailsHeader.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { H2, InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  useAccountStore,\n  INCOME_ACCOUNT_TYPES,\n  PAYMENT_ACCOUNT_TYPES,\n  SPENDING_ACCOUNT_TYPES,\n  useAccountDisplayName,\n  useGlobalCopyStore,\n  useAppConfig,\n} from '../../../../common'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\nimport { getAccountBalanceDetails } from '../../../utils/AccountFields'\nimport { getChartLabels } from '../../../utils/AccountDetails'\n\nimport AccountDetailsChart from './AccountDetailsChart'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\ninterface AccountDetailsHeaderProps {\n  ChartComponent?: React.ComponentType\n  customDetailsChart?: React.ReactElement\n}\n\nconst AccountDetailsHeader = ({\n  customDetailsChart,\n  ChartComponent,\n}: AccountDetailsHeaderProps) => {\n  const { institutions } = useAccountStore()\n  const { selectedAccount: account } = useAccountUiStore()\n  const { config } = useAppConfig()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { firstSubtitle, firstValue, hasAvailableBalance, secondSubtitle, secondValue } =\n    getAccountBalanceDetails(account, accountsCopy, config.display_available_balance_in_accounts)\n\n  const institution = institutions.find(\n    (institution) => institution.guid === account?.institution_guid,\n  )\n\n  const showChart = [\n    ...INCOME_ACCOUNT_TYPES,\n    ...PAYMENT_ACCOUNT_TYPES,\n    ...SPENDING_ACCOUNT_TYPES,\n  ].includes(account.account_type)\n\n  const displayName = useAccountDisplayName(account)\n\n  const { title, description } = getChartLabels(account.account_type, accountsCopy)\n\n  return (\n    <Stack bgcolor=\"background.default\" p={24}>\n      <Stack gap={12}>\n        <InstitutionLogo\n          alt={accountsCopy.institution_logo_alt}\n          institutionGuid={account.institution_guid || ''}\n          size={64}\n        />\n        <Text variant=\"body2\">{institution?.name}</Text>\n      </Stack>\n      <Stack gap={8} mb={24} mt={4}>\n        <H2>{displayName}</H2>\n        <Stack direction=\"row\" justifyContent=\"space-between\">\n          <Text bold={hasAvailableBalance} variant=\"body1\">\n            {firstSubtitle}\n          </Text>\n          <Text bold={true} variant=\"body1\">\n            {formatCurrency(firstValue, '0,0.00')}\n          </Text>\n        </Stack>\n        <Stack direction=\"row\" justifyContent=\"space-between\">\n          <Text variant=\"body2\">{secondSubtitle}</Text>\n          <Text variant=\"body2\">{secondValue}</Text>\n        </Stack>\n      </Stack>\n      {showChart && (\n        <Stack aria-label={description} role=\"img\">\n          {customDetailsChart ? (\n            customDetailsChart\n          ) : (\n            <AccountDetailsChart ChartComponent={ChartComponent} header={title} />\n          )}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(AccountDetailsHeader)\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAM,IAAA,CAAwB,EAC5B,oBAAA,GACA,gBAAA,EAAA,MAC+B;AAC/B,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAgB,GACnC,EAAE,iBAAiB,EAAA,IAAY,EAAkB,GACjD,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,eAAA,GAAe,YAAA,GAAY,qBAAA,GAAqB,gBAAA,GAAgB,aAAA,EAAA,IACtE,EAAyB,GAAS,GAAc,EAAO,qCAAqC,GAExF,IAAc,EAAa,KAAA,CAC9B,MAAgB,EAAY,SAAS,GAAS,gBACjD,GAEM,IAAY;AAAA,IAChB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE,SAAS,EAAQ,YAAY,GAEzB,IAAc,EAAsB,CAAO,GAE3C,EAAE,OAAA,GAAO,aAAA,EAAA,IAAgB,EAAe,EAAQ,cAAc,CAAY;AAEhF,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAQ;AAAA,IAAqB,GAAG;AAAA,cAAvC;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,kBAAZ,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK,EAAa;AAAA,UAClB,iBAAiB,EAAQ,oBAAoB;AAAA,UAC7C,MAAM;AAAA,QACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAS,GAAa;AAAA,QAAW,CAAA,CAC1C;AAAA;MACP,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,QAAG,IAAI;AAAA,QAAI,IAAI;AAAA,kBAA3B;AAAA,UACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAgB,CAAA;AAAA,UACrB,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,gBAAe;AAAA,sBAAtC,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAqB,SAAQ;AAAA,wBACtC;AAAA,YACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,SAAQ;AAAA,wBACvB,EAAe,GAAY,QAAQ;AAAA,YAChC,CAAA,CACD;AAAA;UACP,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,gBAAe;AAAA,sBAAtC,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,wBAAS;AAAA,YAAqB,CAAA,GAC5C,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,wBAAS;AAAA,YAAkB,CAAA,CACpC;AAAA;QACF;AAAA;MACN,KACC,gBAAA,EAAC,GAAD;AAAA,QAAO,cAAY;AAAA,QAAa,MAAK;AAAA,kBAClC,KAGC,gBAAA,EAAC,GAAD;AAAA,UAAqC,gBAAA;AAAA,UAAgB,QAAQ;AAAA,QAAQ,CAAA;AAAA,MAElE,CAAA;AAAA,IAEJ;AAAA;AAEX,GAEA,IAAe,EAAS,CAAoB"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsTab.es.js

@@ -0,0 +1,22 @@
+import { useEvent as r } from "../../../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as e } from "../../../../common/constants/Analytics.es.js";
+import m from "./AccountActions.es.js";
+import c from "./AccountConnection.es.js";
+import f from "./AccountDetails.es.js";
+import i from "react";
+import { observer as n } from "mobx-react-lite";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import s from "@mui/material/List";
+var u = () => {
+  const { onEvent: o } = r();
+  return i.useEffect(() => o(e.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ a(s, { children: [
+    /* @__PURE__ */ t(f, {}),
+    /* @__PURE__ */ t(c, {}),
+    /* @__PURE__ */ t(m, {})
+  ] });
+}, D = n(u);
+export {
+  D as default
+};
+
+//# sourceMappingURL=AccountDetailsTab.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsTab.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetailsTab.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport List from '@mui/material/List'\n\nimport AccountActions from './AccountActions'\nimport AccountConnection from './AccountConnection'\nimport AccountDetails from './AccountDetails'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../../../common'\n\nconst AccountDetailsTab = () => {\n  const { onEvent } = useEvent()\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_VIEW), [])\n\n  return (\n    <List>\n      <AccountDetails />\n      <AccountConnection />\n      <AccountActions />\n    </List>\n  )\n}\n\nexport default observer(AccountDetailsTab)\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAA,MAA0B;AAC9B,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS;AAC7B,SAAA,EAAM,UAAA,MAAgB,EAAQ,EAAiB,oBAAoB,GAAG,CAAC,CAAC,GAGtE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,IACjB,gBAAA,EAAC,GAAD,CAAoB,CAAA;AAAA,IACpB,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,EACb,EAAA,CAAA;AAEV,GAEA,IAAe,EAAS,CAAiB"}

package/dist/accounts/components/detailsdrawer/Accounts/ConnectionErrorMessage.es.js

@@ -0,0 +1,75 @@
+import { useGlobalCopyStore as f } from "../../../../common/context/hooks.es.js";
+import { NonConnectedStatuses as u } from "../../../../core/types/Account.es.js";
+import d from "../../../../common/components/ConnectDrawer.es.js";
+import { useAccountUiStore as p } from "../../../hooks/useUiStore.es.js";
+import { getConnectionMessages as g } from "../../../utils/getConnectionMessages.es.js";
+import s from "react";
+import { observer as C } from "mobx-react-lite";
+import { Text as b } from "@mxenabled/mxui";
+import h from "@mui/material/Paper";
+import { Error as x } from "@mxenabled/mx-icons";
+import { Fragment as S, jsx as o, jsxs as c } from "react/jsx-runtime";
+import _ from "@mui/material/Alert";
+import v from "@mui/material/AlertTitle";
+import w from "@mui/material/Link";
+var y = ({ setTabValue: a }) => {
+  const [n, i] = s.useState(!1), { selectedMember: e } = p(), { accounts: m, connect: l } = f(), t = e.connection_status && u.includes(e.connection_status);
+  if (s.useEffect(() => {
+    t && a(1);
+  }, [t]), !t) return;
+  const r = g(e, l);
+  return /* @__PURE__ */ c(S, { children: [/* @__PURE__ */ o(h, {
+    sx: {
+      mb: 16,
+      mt: 24,
+      mx: 24
+    },
+    children: /* @__PURE__ */ c(_, {
+      icon: /* @__PURE__ */ o(x, { filled: !0 }),
+      role: "none",
+      severity: "error",
+      sx: {
+        borderLeft: 5,
+        borderTopLeftRadius: 6,
+        borderBottomLeftRadius: 6,
+        borderColor: "error.main",
+        color: "text.primary",
+        "&.MuiPaper-root": { backgroundColor: "background.paper" }
+      },
+      children: [
+        r.title && /* @__PURE__ */ o(v, {
+          sx: {
+            fontWeight: 600,
+            marginTop: 2
+          },
+          variant: "body1",
+          children: r.title
+        }),
+        /* @__PURE__ */ o(b, {
+          component: "p",
+          variant: "subtitle2",
+          children: r.main
+        }),
+        r.cta && /* @__PURE__ */ o(w, {
+          onClick: () => i(!0),
+          sx: {
+            fontSize: 15,
+            fontWeight: 600,
+            ml: 0
+          },
+          children: r.cta
+        })
+      ]
+    })
+  }), n && /* @__PURE__ */ o(d, {
+    loadWidgetProps: { current_member_guid: e.guid },
+    onClose: () => i(!1),
+    showConnectWidget: n,
+    title: m.manage_connection
+  })] });
+}, G = C(y);
+export {
+  G as default
+};
+
+//# sourceMappingURL=ConnectionErrorMessage.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/ConnectionErrorMessage.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionErrorMessage.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/ConnectionErrorMessage.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport AlertTitle from '@mui/material/AlertTitle'\nimport Link from '@mui/material/Link'\nimport Paper from '@mui/material/Paper'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Error as ErrorIcon } from '@mxenabled/mx-icons'\n\nimport ConnectDrawer from '../../../../common/components/ConnectDrawer'\n\nimport {\n  getConnectionMessages,\n  ConnectionMessageObject,\n} from '../../../utils/getConnectionMessages'\nimport { useGlobalCopyStore } from '../../../../common'\nimport { NonConnectedStatuses } from '../../../../core'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\ninterface ConnectionErrorMessageProps {\n  setTabValue: (val: number) => void\n}\n\nconst ConnectionErrorMessage: React.FC<ConnectionErrorMessageProps> = ({ setTabValue }) => {\n  const [shouldShowConnectDrawer, setShouldShowConnectDrawer] = React.useState(false)\n\n  const { selectedMember: member } = useAccountUiStore()\n  const { accounts: accountsCopy, connect: connectCopy } = useGlobalCopyStore()\n\n  const hasError =\n    member.connection_status && NonConnectedStatuses.includes(member.connection_status)\n\n  React.useEffect(() => {\n    if (hasError) {\n      setTabValue(1)\n    }\n  }, [hasError])\n\n  if (!hasError) return\n\n  const statusMessages: ConnectionMessageObject = getConnectionMessages(member, connectCopy)\n\n  // eslint-disable-next-line consistent-return\n  return (\n    <>\n      <Paper\n        sx={{\n          mb: 16,\n          mt: 24,\n          mx: 24,\n        }}\n      >\n        <Alert\n          icon={<ErrorIcon filled={true} />}\n          role=\"none\"\n          severity=\"error\"\n          sx={{\n            borderLeft: 5,\n            borderTopLeftRadius: 6,\n            borderBottomLeftRadius: 6,\n            borderColor: 'error.main',\n            color: 'text.primary',\n            '&.MuiPaper-root': {\n              backgroundColor: 'background.paper',\n            },\n          }}\n        >\n          {statusMessages.title && (\n            <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"body1\">\n              {statusMessages.title}\n            </AlertTitle>\n          )}\n          <Text component=\"p\" variant=\"subtitle2\">\n            {statusMessages.main}\n          </Text>\n          {statusMessages.cta && (\n            <Link\n              onClick={() => setShouldShowConnectDrawer(true)}\n              sx={{ fontSize: 15, fontWeight: 600, ml: 0 }}\n            >\n              {statusMessages.cta}\n            </Link>\n          )}\n        </Alert>\n      </Paper>\n\n      {shouldShowConnectDrawer && (\n        <ConnectDrawer\n          loadWidgetProps={{ current_member_guid: member.guid }}\n          onClose={() => setShouldShowConnectDrawer(false)}\n          showConnectWidget={shouldShowConnectDrawer}\n          title={accountsCopy.manage_connection}\n        />\n      )}\n    </>\n  )\n}\n\nexport default observer(ConnectionErrorMessage)\n"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAM,IAAA,CAAiE,EAAE,aAAA,EAAA,MAAkB;AACzF,QAAM,CAAC,GAAyB,CAAA,IAA8B,EAAM,SAAS,EAAK,GAE5E,EAAE,gBAAgB,EAAA,IAAW,EAAkB,GAC/C,EAAE,UAAU,GAAc,SAAS,EAAA,IAAgB,EAAmB,GAEtE,IACJ,EAAO,qBAAqB,EAAqB,SAAS,EAAO,iBAAiB;AAQpF,MANA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,CAAC;AAAA,EAEjB,GAAG,CAAC,CAAQ,CAAC,GAET,CAAC,EAAU;AAEf,QAAM,IAA0C,EAAsB,GAAQ,CAAW;AAGzF,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,gBAAA,EAAC,GAAD,EAAW,QAAQ,GAAO,CAAA;AAAA,MAChC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,qBAAqB;AAAA,QACrB,wBAAwB;AAAA,QACxB,aAAa;AAAA,QACb,OAAO;AAAA,QACP,mBAAmB,EACjB,iBAAiB,mBACnB;AAAA,MACF;AAAA,gBAbF;AAAA,QAeG,EAAe,SACd,gBAAA,EAAC,GAAD;AAAA,UAAY,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,oBACxD,EAAe;AAAA,QACN,CAAA;AAAA,QAEd,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,oBACzB,EAAe;AAAA,QACZ,CAAA;AAAA,QACL,EAAe,OACd,gBAAA,EAAC,GAAD;AAAA,UACE,SAAA,MAAe,EAA2B,EAAI;AAAA,UAC9C,IAAI;AAAA,YAAE,UAAU;AAAA,YAAI,YAAY;AAAA,YAAK,IAAI;AAAA,UAAE;AAAA,oBAE1C,EAAe;AAAA,QACZ,CAAA;AAAA,MAEH;AAAA;EACF,CAAA,GAEN,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAiB,EAAE,qBAAqB,EAAO,KAAK;AAAA,IACpD,SAAA,MAAe,EAA2B,EAAK;AAAA,IAC/C,mBAAmB;AAAA,IACnB,OAAO,EAAa;AAAA,EACrB,CAAA,CAEH,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAsB"}

package/dist/accounts/components/detailsdrawer/Transactions/TransactionsTab.es.js

@@ -0,0 +1,37 @@
+import { useEvent as l, useGlobalCopyStore as T, useTransactionStore as p } from "../../../../common/context/hooks.es.js";
+import _ from "../../../../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as C } from "../../../../common/constants/Analytics.es.js";
+import { useAccountUiStore as E } from "../../../hooks/useUiStore.es.js";
+import S from "../../../../transactions/components/shared/TransactionList.es.js";
+import A from "../../../../transactions/components/shared/TransactionDetails.es.js";
+import t from "react";
+import { observer as b } from "mobx-react-lite";
+import { Fragment as y, jsx as a, jsxs as D } from "react/jsx-runtime";
+import { endOfToday as g, startOfToday as v, subDays as L } from "date-fns";
+var N = () => {
+  const [o, e] = t.useState(""), { onEvent: c } = l(), { selectedAccount: r } = E(), { accounts: s } = T(), { isTransactionDataLoaded: f, loadTransactionData: u, setFilter: d, sortedTransactions: n } = p();
+  t.useEffect(() => {
+    f || u().finally();
+  }, []);
+  const i = t.useMemo(() => n.find((m) => m.guid === o), [o, n]);
+  return t.useEffect(() => {
+    d({
+      dateRange: {
+        start: L(v(), 90),
+        end: g()
+      },
+      accounts: [r.guid]
+    });
+  }, [r]), t.useEffect(() => c(C.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ D(y, { children: [/* @__PURE__ */ a(S, { onClick: e }), i && /* @__PURE__ */ a(_, {
+    ariaLabelClose: s.close_drawer,
+    isOpen: !!o,
+    onClose: () => e(""),
+    title: s.transaction_drawer_title,
+    children: /* @__PURE__ */ a(A, { transaction: i })
+  })] });
+}, V = b(N);
+export {
+  V as default
+};
+
+//# sourceMappingURL=TransactionsTab.es.js.map

package/dist/accounts/components/detailsdrawer/Transactions/TransactionsTab.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsTab.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Transactions/TransactionsTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { subDays, startOfToday, endOfToday } from 'date-fns'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useEvent,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../common'\nimport { TransactionDetails, TransactionList } from '../../../../transactions'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\nconst TransactionsTab = () => {\n  const [guid, setGuid] = React.useState('')\n\n  const { onEvent } = useEvent()\n  const { selectedAccount } = useAccountUiStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { isTransactionDataLoaded, loadTransactionData, setFilter, sortedTransactions } =\n    useTransactionStore()\n\n  React.useEffect(() => {\n    if (!isTransactionDataLoaded) {\n      loadTransactionData().finally()\n    }\n  }, [])\n\n  const transaction = React.useMemo(\n    () => sortedTransactions.find((t) => t.guid === guid),\n    [guid, sortedTransactions],\n  )\n\n  React.useEffect(() => {\n    setFilter({\n      dateRange: { start: subDays(startOfToday(), 90), end: endOfToday() },\n      accounts: [selectedAccount.guid],\n    })\n  }, [selectedAccount])\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), [])\n\n  return (\n    <>\n      <TransactionList onClick={setGuid} />\n      {transaction && (\n        <Drawer\n          ariaLabelClose={accountsCopy.close_drawer}\n          isOpen={!!guid}\n          onClose={() => setGuid('')}\n          title={accountsCopy.transaction_drawer_title}\n        >\n          <TransactionDetails transaction={transaction} />\n        </Drawer>\n      )}\n    </>\n  )\n}\n\nexport default observer(TransactionsTab)\n"],"mappings":";;;;;;;;;;AAcA,IAAM,IAAA,MAAwB;AAC5B,QAAM,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAE,GAEnC,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,iBAAA,EAAA,IAAoB,EAAkB,GACxC,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,yBAAA,GAAyB,qBAAA,GAAqB,WAAA,GAAW,oBAAA,EAAA,IAC/D,EAAoB;AAEtB,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAoB,EAAE,QAAQ;AAAA,EAElC,GAAG,CAAC,CAAC;AAEL,QAAM,IAAc,EAAM,QAAA,MAClB,EAAmB,KAAA,CAAM,MAAM,EAAE,SAAS,CAAI,GACpD,CAAC,GAAM,CAAkB,CAC3B;AAEA,SAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAU;AAAA,MACR,WAAW;AAAA,QAAE,OAAO,EAAQ,EAAa,GAAG,EAAE;AAAA,QAAG,KAAK,EAAW;AAAA,MAAE;AAAA,MACnE,UAAU,CAAC,EAAgB,IAAI;AAAA,IACjC,CAAC;AAAA,EACH,GAAG,CAAC,CAAe,CAAC,GAEpB,EAAM,UAAA,MAAgB,EAAQ,EAAiB,iCAAiC,GAAG,CAAC,CAAC,GAGnF,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAiB,SAAS,EAAU,CAAA,GACnC,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAa;AAAA,IAC7B,QAAQ,CAAC,CAAC;AAAA,IACV,SAAA,MAAe,EAAQ,EAAE;AAAA,IACzB,OAAO,EAAa;AAAA,cAEpB,gBAAA,EAAC,GAAD,EAAiC,aAAA,EAAc,CAAA;AAAA,EACzC,CAAA,CAEV,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAe"}

package/dist/accounts/constants/Accounts.d.ts

@@ -1,7 +1,4 @@
-export declare enum MemberConnectionStatus {
-    Loading = "loading",
-    Error = "error"
-}
+export { MemberConnectionStatus } from '../../common/constants/Connect';
 export declare enum FieldType {
     Currency = "currency",
     Date = "date",

package/dist/accounts/constants/Accounts.es.js

@@ -0,0 +1,10 @@
+import { MemberConnectionStatus as n } from "../../common/constants/Connect.es.js";
+var c = /* @__PURE__ */ (function(t) {
+  return t.Currency = "currency", t.Date = "date", t.Input = "input", t.Select = "select", t;
+})({});
+export {
+  c as FieldType,
+  n as MemberConnectionStatus
+};
+
+//# sourceMappingURL=Accounts.es.js.map

package/dist/accounts/constants/Accounts.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accounts.es.js","names":[],"sources":["../../../src/accounts/constants/Accounts.ts"],"sourcesContent":["// MemberConnectionStatus moved to the foundational `common` layer (so `common`\n// no longer depends on `accounts`). Re-exported here to preserve the public\n// `@mx-cartographer/experiences/accounts` API.\nexport { MemberConnectionStatus } from '../../common/constants/Connect'\n\nexport enum FieldType {\n  Currency = 'currency',\n  Date = 'date',\n  Input = 'input',\n  Select = 'select',\n}\n"],"mappings":";AAKA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,WAAA,YACA,EAAA,OAAA,QACA,EAAA,QAAA,SACA,EAAA,SAAA;AACF,GAAA,CAAA,CAAA"}

package/dist/accounts/hooks/useGetMergeableAccounts.es.js

@@ -0,0 +1,11 @@
+import { useAccountStore as u } from "../../common/context/hooks.es.js";
+import { useAccountUiStore as o } from "./useUiStore.es.js";
+var i = () => {
+  const { accounts: r } = u(), { selectedAccount: c, selectedMember: e } = o();
+  return r.filter((t) => t.member_guid === e.guid && e.successfully_aggregated_at && t.guid !== c.guid);
+};
+export {
+  i as useGetMergeableAccounts
+};
+
+//# sourceMappingURL=useGetMergeableAccounts.es.js.map

package/dist/accounts/hooks/useGetMergeableAccounts.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetMergeableAccounts.es.js","names":[],"sources":["../../../src/accounts/hooks/useGetMergeableAccounts.tsx"],"sourcesContent":["import { useAccountStore } from '../../common'\nimport { useAccountUiStore } from './useUiStore'\n\nexport const useGetMergeableAccounts = () => {\n  const { accounts } = useAccountStore()\n  const { selectedAccount, selectedMember } = useAccountUiStore()\n  return accounts.filter(\n    (account) =>\n      account.member_guid === selectedMember.guid &&\n      selectedMember.successfully_aggregated_at &&\n      account.guid !== selectedAccount.guid,\n  )\n}\n"],"mappings":";;AAGA,IAAa,IAAA,MAAgC;AAC3C,QAAM,EAAE,UAAA,EAAA,IAAa,EAAgB,GAC/B,EAAE,iBAAA,GAAiB,gBAAA,EAAA,IAAmB,EAAkB;AAC9D,SAAO,EAAS,OAAA,CACb,MACC,EAAQ,gBAAgB,EAAe,QACvC,EAAe,8BACf,EAAQ,SAAS,EAAgB,IACrC;AACF"}

package/dist/accounts/hooks/useUiStore.es.js

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

package/dist/accounts/hooks/useUiStore.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiStore.es.js","names":[],"sources":["../../../src/accounts/hooks/useUiStore.ts"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext, useAccountStore } from '../../common'\n\nexport const useAccountUiStore = () => {\n  const context = React.useContext(GlobalDataContext)\n\n  if (!context) {\n    throw new Error('useCategoryUiStore() must be used within the GlobalDataContext')\n  }\n\n  return useAccountStore().uiStore\n}\n"],"mappings":";;;AAGA,IAAa,IAAA,MAA0B;AAGrC,MAAI,CAFY,EAAM,WAAW,CAE5B,EACH,OAAM,IAAI,MAAM,gEAAgE;AAGlF,SAAO,EAAgB,EAAE;AAC3B"}