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

package/dist/trends/utils/TrendsTable.es.js

@@ -0,0 +1,101 @@
+import { buildDynamicCopy as g } from "../../core/utils/Localization.es.js";
+import { DATE_FORMATS_INTL as d, formatDate as u } from "../../core/constants/DateFormats.es.js";
+import { amountComparator as i, categoryComparator as p } from "../../core/utils/TrendsUtil.es.js";
+import { HeaderCell as s } from "../components/trendstable/HeaderCell.es.js";
+import { CategoryCell as b } from "../components/trendstable/CategoryCell.es.js";
+import { AmountCell as c } from "../components/trendstable/AmountCell.es.js";
+import { parseISO as _ } from "date-fns/parseISO";
+var h = (n, o) => {
+  const r = u(_(o.isoDate), d.MONTH_LONG);
+  return n[r] = o.amount, n;
+}, f = (n) => (o, r) => {
+  const a = u(_(r.isoDate), d.MONTH_LONG);
+  return o + (n.includes(a) ? r.amount : 0);
+}, O = (n, o) => {
+  const r = [], a = new Date(n);
+  for (; a <= o; ) {
+    const e = u(a, d.MONTH_LONG);
+    r.push(e), a.setMonth(a.getMonth() + 1);
+  }
+  return r;
+}, D = (n, o) => {
+  const r = {
+    field: "category",
+    flex: 1,
+    headerClassName: "trends-table-header",
+    headerName: o.category_title,
+    minWidth: 210,
+    renderHeader: s,
+    renderCell: b,
+    sortable: !0,
+    sortComparator: p,
+    type: "string"
+  }, a = n.map((l) => ({
+    field: l,
+    flex: 1,
+    headerClassName: "trends-table-header",
+    headerName: l,
+    minWidth: 100,
+    renderHeader: s,
+    renderCell: c,
+    align: "center",
+    headerAlign: "center",
+    sortable: !0,
+    hideSortIcons: !1,
+    type: "number",
+    sortComparator: i,
+    valueGetter: (t, m) => m.monthlyAmounts?.[l] ?? 0
+  })), e = {
+    field: "total",
+    flex: 1,
+    headerClassName: "trends-table-header",
+    headerName: o.table_column_total,
+    minWidth: 100,
+    renderHeader: s,
+    renderCell: c,
+    align: "center",
+    headerAlign: "center",
+    sortable: !0,
+    hideSortIcons: !1,
+    type: "number",
+    sortComparator: i
+  };
+  return [
+    r,
+    ...a,
+    e
+  ];
+}, H = (n, o, r, a, e) => {
+  const l = n.filter((t) => t.is_income === r).map((t) => {
+    let m = t.totalMonthlyAmounts;
+    return e && (m = t.monthlyAmounts), {
+      id: t.guid,
+      category: t.name,
+      category_guid: t.guid,
+      isParent: !1,
+      top_level_category_guid: t.parent_guid || t.guid,
+      total: m.reduce(f(a), 0),
+      monthlyAmounts: m.reduce(h, {})
+    };
+  });
+  if (e && e.is_income === r) {
+    const t = e.monthlyAmounts.reduce(f(a), 0);
+    t !== 0 && l.push({
+      id: `sub-${e.guid}`,
+      category: g(o.category_general, e.name),
+      category_guid: e.guid,
+      isParent: !0,
+      top_level_category_guid: e.guid,
+      total: t,
+      monthlyAmounts: e.monthlyAmounts.reduce(h, {})
+    });
+  }
+  return l;
+};
+export {
+  O as generateMonthHeaders,
+  D as getTrendsTableColumns,
+  H as getTrendsTableRows
+};
+
+//# sourceMappingURL=TrendsTable.es.js.map

package/dist/trends/utils/TrendsTable.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsTable.es.js","names":[],"sources":["../../../src/trends/utils/TrendsTable.ts"],"sourcesContent":["import { parseISO } from 'date-fns/parseISO'\nimport { GridColDef } from '@mui/x-data-grid-pro'\nimport { HeaderCell } from '../components/trendstable/HeaderCell'\nimport { CategoryCell } from '../components/trendstable/CategoryCell'\nimport { amountComparator, categoryComparator } from '../../core/utils/TrendsUtil'\nimport { AmountCell } from '../components/trendstable/AmountCell'\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { DetailedCategory, type MonthlyAmount, TrendsCopy } from '../../core'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nconst amountsReducer = (records: Record<string, number>, monthlyAmount: MonthlyAmount) => {\n  const monthHeader = formatDate(parseISO(monthlyAmount.isoDate), DATE_FORMATS_INTL.MONTH_LONG)\n  records[monthHeader] = monthlyAmount.amount\n  return records\n}\n\nconst totalReducer = (monthHeaders: string[]) => (sum: number, ma: MonthlyAmount) => {\n  const monthHeader = formatDate(parseISO(ma.isoDate), DATE_FORMATS_INTL.MONTH_LONG)\n  return sum + (monthHeaders.includes(monthHeader) ? ma.amount : 0)\n}\n\nexport const generateMonthHeaders = (start: Date, end: Date): string[] => {\n  const result: string[] = []\n  const current = new Date(start)\n\n  while (current <= end) {\n    const formattedDate = formatDate(current, DATE_FORMATS_INTL.MONTH_LONG)\n    result.push(formattedDate)\n    current.setMonth(current.getMonth() + 1)\n  }\n\n  return result\n}\n\nexport const getTrendsTableColumns = (monthHeaders: string[], copy: TrendsCopy) => {\n  const categoryColumn: GridColDef = {\n    field: 'category',\n    flex: 1,\n    headerClassName: 'trends-table-header',\n    headerName: copy.category_title,\n    minWidth: 210,\n    renderHeader: HeaderCell,\n    renderCell: CategoryCell,\n    sortable: true,\n    sortComparator: categoryComparator,\n    type: 'string',\n  }\n\n  const monthColumns: GridColDef[] = monthHeaders.map((monthHeader) => ({\n    field: monthHeader,\n    flex: 1,\n    headerClassName: 'trends-table-header',\n    headerName: monthHeader,\n    minWidth: 100,\n    renderHeader: HeaderCell,\n    renderCell: AmountCell,\n    align: 'center',\n    headerAlign: 'center',\n    sortable: true,\n    hideSortIcons: false,\n    type: 'number',\n    sortComparator: amountComparator,\n    valueGetter: (_value: unknown, row: TrendsTableRow) => row.monthlyAmounts?.[monthHeader] ?? 0,\n  }))\n\n  const totalColumn: GridColDef = {\n    field: 'total',\n    flex: 1,\n    headerClassName: 'trends-table-header',\n    headerName: copy.table_column_total,\n    minWidth: 100,\n    renderHeader: HeaderCell,\n    renderCell: AmountCell,\n    align: 'center',\n    headerAlign: 'center',\n    sortable: true,\n    hideSortIcons: false,\n    type: 'number',\n    sortComparator: amountComparator,\n  }\n\n  return [categoryColumn, ...monthColumns, totalColumn]\n}\n\nexport type TrendsTableRow = {\n  id: string\n  category: string\n  category_guid: string\n  isParent: boolean\n  top_level_category_guid: string\n  total: number\n  monthlyAmounts: Record<string, number>\n}\n\nexport const getTrendsTableRows = (\n  categories: DetailedCategory[],\n  copy: TrendsCopy,\n  isIncome: boolean,\n  monthHeaders: string[],\n  parentCategory?: DetailedCategory,\n): TrendsTableRow[] => {\n  const categoryRows = categories\n    .filter((category) => category.is_income === isIncome)\n    .map((category) => {\n      let amounts = category.totalMonthlyAmounts\n      if (parentCategory) {\n        amounts = category.monthlyAmounts\n      }\n\n      return {\n        id: category.guid,\n        category: category.name,\n        category_guid: category.guid,\n        isParent: false,\n        top_level_category_guid: category.parent_guid || category.guid,\n        total: amounts.reduce(totalReducer(monthHeaders), 0),\n        monthlyAmounts: amounts.reduce(amountsReducer, {}),\n      }\n    })\n\n  // Add General category row when viewing sub-categories\n  if (parentCategory && parentCategory.is_income === isIncome) {\n    const total = parentCategory.monthlyAmounts.reduce(totalReducer(monthHeaders), 0)\n    if (total !== 0) {\n      categoryRows.push({\n        id: `sub-${parentCategory.guid}`,\n        category: buildDynamicCopy(copy.category_general, parentCategory.name) as string,\n        category_guid: parentCategory.guid,\n        isParent: true,\n        top_level_category_guid: parentCategory.guid,\n        total,\n        monthlyAmounts: parentCategory.monthlyAmounts.reduce(amountsReducer, {}),\n      })\n    }\n  }\n\n  return categoryRows\n}\n"],"mappings":"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"}

package/dist/trends/utils/TrendsWidget.es.js

@@ -0,0 +1,11 @@
+var r = (t, e, _) => ({
+  description: e ? t.empty_state_sub_text : t.empty_state_sub_text_no_aggregation,
+  header: e ? t.zero_state_content_header : t.zero_state_content_header_no_aggregation,
+  onClickHandler: e ? _ : void 0,
+  primaryButton: e ? t.empty_state_primary : void 0
+});
+export {
+  r as buildEmptyStateProps
+};
+
+//# sourceMappingURL=TrendsWidget.es.js.map

package/dist/trends/utils/TrendsWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendsWidget.es.js","names":[],"sources":["../../../src/trends/utils/TrendsWidget.ts"],"sourcesContent":["import { type TrendsCopy } from '../../core'\n\nexport const buildEmptyStateProps = (\n  copy: TrendsCopy,\n  hasAggregation: boolean,\n  handler: () => void,\n) => ({\n  description: hasAggregation\n    ? copy.empty_state_sub_text\n    : copy.empty_state_sub_text_no_aggregation,\n  header: hasAggregation\n    ? copy.zero_state_content_header\n    : copy.zero_state_content_header_no_aggregation,\n  onClickHandler: hasAggregation ? handler : undefined,\n  primaryButton: hasAggregation ? copy.empty_state_primary : undefined,\n})\n"],"mappings":"AAEA,IAAa,IAAA,CACX,GACA,GACA,OACI;AAAA,EACJ,aAAa,IACT,EAAK,uBACL,EAAK;AAAA,EACT,QAAQ,IACJ,EAAK,4BACL,EAAK;AAAA,EACT,gBAAgB,IAAiB,IAAU;AAAA,EAC3C,eAAe,IAAiB,EAAK,sBAAsB;AAC7D"}

package/dist/trends/utils/shared.es.js

@@ -0,0 +1,18 @@
+import { CategoryGuids as g, PaymentCategories as i } from "../../core/constants/Category.es.js";
+var n = (e) => (e.top_level_category_guid === g.INCOME || e.category_guid === g.INCOME) && !u(e), c = (e) => !n(e) && !t(e), o = (e) => i.includes(e.top_level_category_guid) || i.includes(e.category_guid), t = (e) => e.top_level_category_guid === g.TRANSFER || e.category_guid === g.TRANSFER, u = (e) => e.top_level_category_guid === g.INVESTMENTS || e.category_guid === g.INVESTMENTS, d = (e) => !n(e) && !t(e) && !u(e), v = (e) => e.filter((r) => r.category_guid === r.top_level_category_guid), y = (e, r) => {
+  if (r === 0) return 0;
+  const a = (e - r) / r;
+  return isNaN(a) ? 0 : a;
+};
+export {
+  y as calculateRelativeChange,
+  v as getTopLevelCategoryTotals,
+  c as isExpense,
+  n as isIncome,
+  u as isInvestment,
+  o as isPayment,
+  d as isSpend,
+  t as isTransfer
+};
+
+//# sourceMappingURL=shared.es.js.map

package/dist/trends/utils/shared.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.es.js","names":[],"sources":["../../../src/trends/utils/shared.ts"],"sourcesContent":["import { CategoryGuids, PaymentCategories } from '../../core/constants'\nimport { MonthlyCategoryTotals } from '../../core'\nimport { StackedLineChartData } from '../../core/utils/TrendsUtil'\n\ntype TotalsData = MonthlyCategoryTotals | StackedLineChartData\n\nexport const isIncome = (totals: TotalsData) => {\n  return (\n    (totals.top_level_category_guid === CategoryGuids.INCOME ||\n      totals.category_guid === CategoryGuids.INCOME) &&\n    !isInvestment(totals)\n  )\n}\n\nexport const isExpense = (totals: TotalsData) => {\n  return !isIncome(totals) && !isTransfer(totals)\n}\n\nexport const isPayment = (totals: TotalsData) => {\n  return (\n    PaymentCategories.includes(totals.top_level_category_guid) ||\n    PaymentCategories.includes(totals.category_guid)\n  )\n}\n\nexport const isTransfer = (totals: TotalsData) => {\n  return (\n    totals.top_level_category_guid === CategoryGuids.TRANSFER ||\n    totals.category_guid === CategoryGuids.TRANSFER\n  )\n}\n\nexport const isInvestment = (totals: TotalsData) => {\n  return (\n    totals.top_level_category_guid === CategoryGuids.INVESTMENTS ||\n    totals.category_guid === CategoryGuids.INVESTMENTS\n  )\n}\n\nexport const isSpend = (totals: TotalsData) => {\n  return !isIncome(totals) && !isTransfer(totals) && !isInvestment(totals)\n}\n\nexport const getTopLevelCategoryTotals = (\n  totals: (MonthlyCategoryTotals | StackedLineChartData)[],\n) => {\n  return totals.filter((item) => item.category_guid === item.top_level_category_guid)\n}\n\nexport const calculateRelativeChange = (current: number, previous: number) => {\n  if (previous === 0) return 0\n  const change = (current - previous) / previous\n  return isNaN(change) ? 0 : change\n}\n"],"mappings":";AAMA,IAAa,IAAA,CAAY,OAEpB,EAAO,4BAA4B,EAAc,UAChD,EAAO,kBAAkB,EAAc,WACzC,CAAC,EAAa,CAAM,GAIX,IAAA,CAAa,MACjB,CAAC,EAAS,CAAM,KAAK,CAAC,EAAW,CAAM,GAGnC,IAAA,CAAa,MAEtB,EAAkB,SAAS,EAAO,uBAAuB,KACzD,EAAkB,SAAS,EAAO,aAAa,GAItC,IAAA,CAAc,MAEvB,EAAO,4BAA4B,EAAc,YACjD,EAAO,kBAAkB,EAAc,UAI9B,IAAA,CAAgB,MAEzB,EAAO,4BAA4B,EAAc,eACjD,EAAO,kBAAkB,EAAc,aAI9B,IAAA,CAAW,MACf,CAAC,EAAS,CAAM,KAAK,CAAC,EAAW,CAAM,KAAK,CAAC,EAAa,CAAM,GAG5D,IAAA,CACX,MAEO,EAAO,OAAA,CAAQ,MAAS,EAAK,kBAAkB,EAAK,uBAAuB,GAGvE,IAAA,CAA2B,GAAiB,MAAqB;AAC5E,MAAI,MAAa,EAAG,QAAO;AAC3B,QAAM,KAAU,IAAU,KAAY;AACtC,SAAO,MAAM,CAAM,IAAI,IAAI;AAC7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.3.0-alpha.bb1",
+  "version": "9.3.0-alpha.bb2",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/accounts/AccountsMiniWidget/index.es.js

@@ -1,56 +0,0 @@
-import { useAccountStore as g, useGlobalCopyStore as x, useGlobalUiStore as A } from "../../common/context/hooks/index.es.js";
-import { useScreenSize as L } from "../../common/hooks/useScreenSize/index.es.js";
-import { useWidgetLoadTimer as h } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import y from "../../common/components/MiniWidgetContainer/index.es.js";
-import S from "../../common/components/Loader/index.es.js";
-import { SkeletonLoader as v } from "../../common/components/SkeletonLoader/index.es.js";
-import C from "../components/AccountListItem/index.es.js";
-import { getDisplayAccounts as D } from "../../common/utils/AccountFilter/index.es.js";
-import r from "react";
-import { observer as M } from "mobx-react-lite";
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import W from "@mui/material/Divider";
-import _ from "@mui/material/List";
-import b from "@mui/material/ListItem";
-var I = ({ onPrimaryCtaClick: u, sx: d }) => {
-  const { isAccountDataLoaded: n, loadAccountData: l } = g(), { accounts: i } = x(), { isInitialized: s, selectedAccounts: o } = A(), { isDesktop: a } = L();
-  h({
-    widgetName: "AccountsMiniWidget",
-    isLoaded: s
-  }), r.useEffect(() => {
-    n || l().finally();
-  }, []);
-  const e = r.useMemo(() => D(o, a ? 5 : 3), [o, a]);
-  return s ? /* @__PURE__ */ t(y, {
-    className: "mx-exp-accounts-miniwidget",
-    onPrimaryCtaClick: u,
-    primaryCtaLabel: i.primary_cta,
-    sx: d,
-    title: i.mini_title,
-    children: n ? /* @__PURE__ */ m(_, { children: [o.length === 0 && /* @__PURE__ */ t(b, {
-      sx: { justifyContent: "center" },
-      children: i.no_accounts
-    }), e.map((c, p) => {
-      const f = e.indexOf(c) === e.length - 1;
-      return /* @__PURE__ */ m(r.Fragment, { children: [/* @__PURE__ */ t(C, {
-        account: c,
-        listItemProps: { sx: { px: 24 } },
-        shouldShowConnectionStatus: !0
-      }), !f && /* @__PURE__ */ t(W, {
-        "aria-hidden": "true",
-        variant: "inset"
-      })] }, `account-item${p}`);
-    })] }) : /* @__PURE__ */ t(v, {
-      sx: {
-        px: 12,
-        py: 8
-      },
-      variant: "list"
-    })
-  }) : /* @__PURE__ */ t(S, {});
-}, q = M(I);
-export {
-  q as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/accounts/AccountsMiniWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/accounts/AccountsMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\n\nimport {\n  Loader,\n  MiniWidgetContainer,\n  useAccountStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n} from '../common'\nimport { MiniWidgetProps } from '../core'\n\nimport { getDisplayAccounts } from '../common/utils/AccountFilter'\nimport { SkeletonLoader } from '../common/components/SkeletonLoader'\n\nimport AccountListItem from './components/AccountListItem'\n\nconst AccountsMiniWidget: React.FC<MiniWidgetProps> = ({ onPrimaryCtaClick, sx }) => {\n  const { isAccountDataLoaded, loadAccountData } = useAccountStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { isInitialized, selectedAccounts } = useGlobalUiStore()\n  const { isDesktop } = useScreenSize()\n\n  useWidgetLoadTimer({\n    widgetName: 'AccountsMiniWidget',\n    isLoaded: isInitialized,\n  })\n\n  React.useEffect(() => {\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n  }, [])\n\n  const displayAccounts = React.useMemo(\n    () => getDisplayAccounts(selectedAccounts, !isDesktop ? 3 : 5),\n    [selectedAccounts, isDesktop],\n  )\n\n  if (!isInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      className=\"mx-exp-accounts-miniwidget\"\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={accountsCopy.primary_cta}\n      sx={sx}\n      title={accountsCopy.mini_title}\n    >\n      {!isAccountDataLoaded ? (\n        <SkeletonLoader sx={{ px: 12, py: 8 }} variant=\"list\" />\n      ) : (\n        <List>\n          {selectedAccounts.length === 0 && (\n            <ListItem sx={{ justifyContent: 'center' }}>{accountsCopy.no_accounts}</ListItem>\n          )}\n          {displayAccounts.map((account, i) => {\n            const isLast = displayAccounts.indexOf(account) === displayAccounts.length - 1\n            return (\n              <React.Fragment key={`account-item${i}`}>\n                <AccountListItem\n                  account={account}\n                  listItemProps={{ sx: { px: 24 } }}\n                  shouldShowConnectionStatus={true}\n                />\n                {!isLast && <Divider aria-hidden=\"true\" variant=\"inset\" />}\n              </React.Fragment>\n            )\n          })}\n        </List>\n      )}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(AccountsMiniWidget)\n"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAM,IAAA,CAAiD,EAAE,mBAAA,GAAmB,IAAA,EAAA,MAAS;AACnF,QAAM,EAAE,qBAAA,GAAqB,iBAAA,EAAA,IAAoB,EAAgB,GAC3D,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,eAAA,GAAe,kBAAA,EAAA,IAAqB,EAAiB,GACvD,EAAE,WAAA,EAAA,IAAc,EAAc;AAEpC,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAgB,EAAE,QAAQ;AAAA,EAE9B,GAAG,CAAC,CAAC;AAEL,QAAM,IAAkB,EAAM,QAAA,MACtB,EAAmB,GAAmB,IAAgB,IAAJ,CAAK,GAC7D,CAAC,GAAkB,CAAS,CAC9B;AAEA,SAAK,IAKH,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACS,mBAAA;AAAA,IACnB,iBAAiB,EAAa;AAAA,IAC1B,IAAA;AAAA,IACJ,OAAO,EAAa;AAAA,cAElB,IAGA,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,EAAiB,WAAW,KAC3B,gBAAA,EAAC,GAAD;AAAA,MAAU,IAAI,EAAE,gBAAgB,SAAS;AAAA,gBAAI,EAAa;AAAA,IAAsB,CAAA,GAEjF,EAAgB,IAAA,CAAK,GAAS,MAAM;AACnC,YAAM,IAAS,EAAgB,QAAQ,CAAO,MAAM,EAAgB,SAAS;AAC7E,aACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE;AAAA,QAChC,4BAA4B;AAAA,MAC7B,CAAA,GACA,CAAC,KAAU,gBAAA,EAAC,GAAD;AAAA,QAAS,eAAY;AAAA,QAAO,SAAQ;AAAA,MAAS,CAAA,CAC3C,EAAA,GAPK,eAAe,CAAA,EAOpB;AAAA,IAEpB,CAAC,CACG,EAAA,CAAA,IAnBN,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,MAAG,SAAQ;AAAA,IAAQ,CAAA;AAAA,EAqBtC,CAAA,IAjCd,gBAAA,EAAC,GAAD,CAAS,CAAA;AAmCpB,GAEA,IAAe,EAAS,CAAkB"}

package/dist/accounts/AccountsWidget/index.es.js

@@ -1,75 +0,0 @@
-import { useAccountStore as L, useAppConfig as T, useEvent as w, useGlobalCopyStore as W, useGlobalUiStore as E } from "../../common/context/hooks/index.es.js";
-import { useScreenSize as v } from "../../common/hooks/useScreenSize/index.es.js";
-import { useWidgetLoadTimer as x } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import { ANALYTICS_EVENTS as i } from "../../common/constants/Analytics/index.es.js";
-import y from "../../common/components/Loader/index.es.js";
-import { WidgetContainer as k } from "../../common/components/WidgetContainer/index.es.js";
-import D from "../../common/components/ConnectDrawer/index.es.js";
-import { SkeletonLoader as I } from "../../common/components/SkeletonLoader/index.es.js";
-import b from "../components/AccountsList/index.es.js";
-import O from "../components/ConnectionsDrawer/index.es.js";
-import c from "react";
-import { observer as U } from "mobx-react-lite";
-import j from "@mui/material/Stack";
-import { Text as G } from "@mxenabled/mxui";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-var K = ({ onBackClick: l, onMenuClick: d, sx: m = {} }) => {
-  const [u, r] = c.useState(!1), [C, s] = c.useState(!1), { config: f } = T(), { isAccountDataLoaded: o, loadAccountData: p } = L(), { accounts: e, connect: _ } = W(), { isInitialized: g, selectedAccountGuids: A } = E(), { isDesktop: S } = v(), { onEvent: n } = w();
-  x({
-    widgetName: "AccountsWidget",
-    isLoaded: o
-  }), c.useEffect(() => {
-    o || p().finally();
-  }, []);
-  const h = () => {
-    r(!0), n(i.ACCOUNTS_CLICK_CONNECT);
-  }, N = () => {
-    s(!0), n(i.ACCOUNTS_CLICK_CONNECT);
-  };
-  return g ? /* @__PURE__ */ a(k, {
-    actions: f.show_connections_widget_in_master ? [{
-      iconName: "add",
-      label: e.add,
-      onClick: h
-    }, {
-      iconName: "credit_card_gear",
-      label: e.manage,
-      onClick: N
-    }] : [],
-    hasDivider: !0,
-    onAccountsFilterClick: () => n(i.ACCOUNTS_CLICK_FILTER),
-    onBackClick: l,
-    onMenuClick: d,
-    sx: m,
-    title: e.title,
-    children: [
-      o ? /* @__PURE__ */ a(j, { children: [A.length < 1 && /* @__PURE__ */ t(G, {
-        display: "flex",
-        justifyContent: "center",
-        my: 24,
-        children: e.no_accounts
-      }), /* @__PURE__ */ t(b, {})] }) : /* @__PURE__ */ t(I, {
-        sx: {
-          px: S ? 48 : 24,
-          pt: 24
-        },
-        variant: "list"
-      }),
-      /* @__PURE__ */ t(D, {
-        onClose: () => r(!1),
-        showConnectWidget: u,
-        title: _.mini_title
-      }),
-      /* @__PURE__ */ t(O, {
-        onClose: () => s(!1),
-        showConnectionsWidget: C,
-        title: e.manage_connections
-      })
-    ]
-  }) : /* @__PURE__ */ t(y, {});
-}, tt = U(K);
-export {
-  tt as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/accounts/AccountsWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/accounts/AccountsWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  ConnectDrawer,\n  Loader,\n  WidgetContainer,\n  useAccountStore,\n  useEvent,\n  useAppConfig,\n  useGlobalUiStore,\n  useGlobalCopyStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n} from '../common'\nimport { WidgetProps } from '../core'\n\nimport { SkeletonLoader } from '../common/components/SkeletonLoader'\n\nimport AccountsList from './components/AccountsList'\nimport ConnectionsDrawer from './components/ConnectionsDrawer'\n\nconst AccountsWidget: React.FC<WidgetProps> = ({ onBackClick, onMenuClick, sx = {} }) => {\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n  const [showConnectionsWidget, setShowConnectionsWidget] = React.useState(false)\n\n  const { config } = useAppConfig()\n  const { isAccountDataLoaded, loadAccountData } = useAccountStore()\n  const { accounts: copy, connect: connectCopy } = useGlobalCopyStore()\n  const { isInitialized, selectedAccountGuids } = useGlobalUiStore()\n  const { isDesktop } = useScreenSize()\n  const { onEvent } = useEvent()\n\n  useWidgetLoadTimer({\n    widgetName: 'AccountsWidget',\n    isLoaded: isAccountDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n  }, [])\n\n  const handleAddAccount = () => {\n    setShowConnectWidget(true)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n  }\n\n  const handleManageConnections = () => {\n    setShowConnectionsWidget(true)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n  }\n\n  if (!isInitialized) return <Loader />\n\n  return (\n    <WidgetContainer\n      actions={\n        config.show_connections_widget_in_master\n          ? [\n              { iconName: 'add', label: copy.add, onClick: handleAddAccount },\n              {\n                iconName: 'credit_card_gear',\n                label: copy.manage,\n                onClick: handleManageConnections,\n              },\n            ]\n          : []\n      }\n      hasDivider={true}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      sx={sx}\n      title={copy.title}\n    >\n      {!isAccountDataLoaded ? (\n        <SkeletonLoader sx={{ px: isDesktop ? 48 : 24, pt: 24 }} variant=\"list\" />\n      ) : (\n        <Stack>\n          {selectedAccountGuids.length < 1 && (\n            <Text display=\"flex\" justifyContent=\"center\" my={24}>\n              {copy.no_accounts}\n            </Text>\n          )}\n          <AccountsList />\n        </Stack>\n      )}\n\n      <ConnectDrawer\n        onClose={() => setShowConnectWidget(false)}\n        showConnectWidget={showConnectWidget}\n        title={connectCopy.mini_title}\n      />\n      <ConnectionsDrawer\n        onClose={() => setShowConnectionsWidget(false)}\n        showConnectionsWidget={showConnectionsWidget}\n        title={copy.manage_connections}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(AccountsWidget)\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,IAAM,IAAA,CAAyC,EAAE,aAAA,GAAa,aAAA,GAAa,IAAA,IAAK,CAAC,EAAA,MAAQ;AACvF,QAAM,CAAC,GAAmB,CAAA,IAAwB,EAAM,SAAS,EAAK,GAChE,CAAC,GAAuB,CAAA,IAA4B,EAAM,SAAS,EAAK,GAExE,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,qBAAA,GAAqB,iBAAA,EAAA,IAAoB,EAAgB,GAC3D,EAAE,UAAU,GAAM,SAAS,EAAA,IAAgB,EAAmB,GAC9D,EAAE,eAAA,GAAe,sBAAA,EAAA,IAAyB,EAAiB,GAC3D,EAAE,WAAA,EAAA,IAAc,EAAc,GAC9B,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAgB,EAAE,QAAQ;AAAA,EAE9B,GAAG,CAAC,CAAC;AAEL,QAAM,IAAA,MAAyB;AAC7B,IAAA,EAAqB,EAAI,GACzB,EAAQ,EAAiB,sBAAsB;AAAA,EACjD,GAEM,IAAA,MAAgC;AACpC,IAAA,EAAyB,EAAI,GAC7B,EAAQ,EAAiB,sBAAsB;AAAA,EACjD;AAEA,SAAK,IAGH,gBAAA,EAAC,GAAD;AAAA,IACE,SACE,EAAO,oCACH,CACE;AAAA,MAAE,UAAU;AAAA,MAAO,OAAO,EAAK;AAAA,MAAK,SAAS;AAAA,IAAiB,GAC9D;AAAA,MACE,UAAU;AAAA,MACV,OAAO,EAAK;AAAA,MACZ,SAAS;AAAA,IACX,CACF,IACA,CAAC;AAAA,IAEP,YAAY;AAAA,IACZ,uBAAA,MAA6B,EAAQ,EAAiB,qBAAqB;AAAA,IAC9D,aAAA;AAAA,IACA,aAAA;AAAA,IACT,IAAA;AAAA,IACJ,OAAO,EAAK;AAAA,cAlBd;AAAA,MAoBI,IAGA,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,EAAqB,SAAS,KAC7B,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAO,gBAAe;AAAA,QAAS,IAAI;AAAA,kBAC9C,EAAK;AAAA,MACF,CAAA,GAER,gBAAA,EAAC,GAAD,CAAe,CAAA,CACV,EAAA,CAAA,IATP,gBAAA,EAAC,GAAD;AAAA,QAAgB,IAAI;AAAA,UAAE,IAAI,IAAY,KAAK;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,QAAG,SAAQ;AAAA,MAAQ,CAAA;AAAA,MAY3E,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,EAAqB,EAAK;AAAA,QACtB,mBAAA;AAAA,QACnB,OAAO,EAAY;AAAA,MACpB,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,EAAyB,EAAK;AAAA,QACtB,uBAAA;AAAA,QACvB,OAAO,EAAK;AAAA,MACb,CAAA;AAAA,IACc;AAAA,OA9CQ,gBAAA,EAAC,GAAD,CAAS,CAAA;AAgDtC,GAEA,KAAe,EAAS,CAAc"}

package/dist/accounts/ConnectMiniWidget/index.es.js

@@ -1,35 +0,0 @@
-import { useGlobalCopyStore as c, useGlobalUiStore as d } from "../../common/context/hooks/index.es.js";
-import { useWidgetLoadTimer as s } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import l from "../../common/components/MiniWidgetContainer/index.es.js";
-import C from "../../common/components/Loader/index.es.js";
-import f from "../../common/components/ConnectDrawer/index.es.js";
-import p from "../components/ConnectMiniWidgetCard/index.es.js";
-import u from "react";
-import { observer as g } from "mobx-react-lite";
-import { jsx as e, jsxs as W } from "react/jsx-runtime";
-var y = ({ onPrimaryCtaClick: n = () => {
-}, sx: a }) => {
-  const { isCopyLoaded: o } = d(), { connect: t } = c(), [i, r] = u.useState(!1), m = () => {
-    r(!0), n();
-  };
-  return s({
-    widgetName: "ConnectMiniWidget",
-    isLoaded: o
-  }), o ? /* @__PURE__ */ W(l, {
-    className: "mx-exp-connect-miniwidget",
-    onPrimaryCtaClick: m,
-    primaryCtaLabel: t.primary_cta,
-    sx: a,
-    title: t.mini_title,
-    children: [/* @__PURE__ */ e(p, {}), i && /* @__PURE__ */ e(f, {
-      onClose: () => r(!1),
-      showConnectWidget: i,
-      title: t.mini_title
-    })]
-  }) : /* @__PURE__ */ e(C, {});
-}, j = g(y);
-export {
-  j as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/accounts/ConnectMiniWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/accounts/ConnectMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { type SxProps } from '@mui/material/styles'\n\nimport {\n  ConnectDrawer,\n  Loader,\n  MiniWidgetContainer,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useWidgetLoadTimer,\n} from '../common'\n\nimport ConnectMiniWidgetCard from './components/ConnectMiniWidgetCard'\n\ninterface ConnectMiniWidgetProps {\n  onPrimaryCtaClick?: () => void\n  sx?: SxProps\n}\n\nconst ConnectMiniWidget: React.FC<ConnectMiniWidgetProps> = ({\n  onPrimaryCtaClick = () => {},\n  sx,\n}) => {\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  const onCtaClick = () => {\n    setShowConnectWidget(true)\n    onPrimaryCtaClick()\n  }\n\n  useWidgetLoadTimer({\n    widgetName: 'ConnectMiniWidget',\n    isLoaded: isCopyLoaded,\n  })\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      className=\"mx-exp-connect-miniwidget\"\n      onPrimaryCtaClick={onCtaClick}\n      primaryCtaLabel={connectCopy.primary_cta}\n      sx={sx}\n      title={connectCopy.mini_title}\n    >\n      <ConnectMiniWidgetCard />\n      {showConnectWidget && (\n        <ConnectDrawer\n          onClose={() => setShowConnectWidget(false)}\n          showConnectWidget={showConnectWidget}\n          title={connectCopy.mini_title}\n        />\n      )}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(ConnectMiniWidget)\n"],"mappings":";;;;;;;;;AAqBA,IAAM,IAAA,CAAuD,EAC3D,mBAAA,IAAA,MAA0B;AAAC,GAC3B,IAAA,EAAA,MACI;AACJ,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,SAAS,EAAA,IAAgB,EAAmB,GAE9C,CAAC,GAAmB,CAAA,IAAwB,EAAM,SAAS,EAAK,GAEhE,IAAA,MAAmB;AACvB,IAAA,EAAqB,EAAI,GACzB,EAAkB;AAAA,EACpB;AAOA,SALA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAEI,IAKH,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,mBAAmB;AAAA,IACnB,iBAAiB,EAAY;AAAA,IACzB,IAAA;AAAA,IACJ,OAAO,EAAY;AAAA,cALrB,CAOE,gBAAA,EAAC,GAAD,CAAwB,CAAA,GACvB,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe,EAAqB,EAAK;AAAA,MACtB,mBAAA;AAAA,MACnB,OAAO,EAAY;AAAA,IACpB,CAAA,CAEgB;AAAA,OAnBd,gBAAA,EAAC,GAAD,CAAS,CAAA;AAqBpB,GAEA,IAAe,EAAS,CAAiB"}

package/dist/accounts/components/AccountListItem/index.es.js

@@ -1,91 +0,0 @@
-import _ from "../../../common/hooks/useAccountDisplayName/index.es.js";
-import { useAppConfig as v, useGlobalCopyStore as I } from "../../../common/context/hooks/index.es.js";
-import { ConnectionStatus as l } from "../../../core/types/Account/index.es.js";
-import { formatCurrency as C } from "../../../core/utils/NumberFormatting/index.es.js";
-import { getAccountBalanceDetails as L } from "../../utils/AccountFields/index.es.js";
-import { ErrorStatus as S } from "../ConnectionStatusIcons/index.es.js";
-import "react";
-import { observer as A } from "mobx-react-lite";
-import { InstitutionLogo as B, Text as i } from "@mxenabled/mxui";
-import { Fragment as d, jsx as e, jsxs as r } from "react/jsx-runtime";
-import { useTheme as j } from "@mui/material/styles";
-import c from "@mui/material/Box";
-import T from "@mui/material/ListItem";
-import M from "@mui/material/ListItemButton";
-import $ from "@mui/material/ListItemText";
-import k from "@mui/material/ListItemAvatar";
-import D from "@mui/material/Badge";
-var E = ({ account: t, onRowClick: n, listItemProps: s, shouldShowConnectionStatus: p = !1 }) => {
-  const u = j(), f = _(t), { config: h } = v(), { accounts: o } = I(), { firstSubtitle: b, firstValue: g, secondSubtitle: y, secondValue: x } = L(t, o, h.display_available_balance_in_accounts);
-  let a;
-  (t.connectionStatus === l.Error || t.connectionStatus === l.RequiresMfa) && (a = /* @__PURE__ */ e(S, { size: 16 }));
-  const m = /* @__PURE__ */ r(d, { children: [/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(D, {
-    badgeContent: p ? a : void 0,
-    sx: { "& .MuiBadge-badge": { right: -1 } },
-    children: /* @__PURE__ */ e(B, {
-      alt: "MX",
-      institutionGuid: t.institution_guid || ""
-    })
-  }) }), /* @__PURE__ */ e($, {
-    disableTypography: !0,
-    primary: /* @__PURE__ */ r(i, {
-      bold: !0,
-      color: t.is_hidden ? u.palette.text.secondary : void 0,
-      variant: "body1",
-      children: [
-        `${f} ${t.account_number ? `*${t.account_number}` : ""}`,
-        " ",
-        t.is_hidden && !t.is_closed && o.is_hidden,
-        t.is_closed && o.is_closed
-      ]
-    }),
-    secondary: /* @__PURE__ */ r(d, { children: [/* @__PURE__ */ r(c, {
-      sx: {
-        alignItems: "center",
-        display: "flex",
-        justifyContent: "space-between"
-      },
-      children: [/* @__PURE__ */ e(i, {
-        variant: "caption",
-        children: b
-      }), /* @__PURE__ */ e(i, {
-        bold: !0,
-        variant: "body2",
-        children: C(g, "0,0.00")
-      })]
-    }), /* @__PURE__ */ r(c, {
-      sx: {
-        alignItems: "center",
-        display: "flex",
-        justifyContent: "space-between"
-      },
-      children: [/* @__PURE__ */ e(i, {
-        variant: "caption",
-        children: y
-      }), /* @__PURE__ */ e(i, {
-        ml: "auto",
-        variant: "caption",
-        children: x
-      })]
-    })] })
-  })] });
-  return /* @__PURE__ */ e(T, {
-    ...s,
-    sx: {
-      backgroundColor: "background.paper",
-      color: t.is_closed ? "grey.700" : "",
-      ...s?.sx
-    },
-    children: n ? /* @__PURE__ */ e(M, {
-      alignItems: "flex-start",
-      onClick: n,
-      sx: { px: 24 },
-      children: m
-    }) : m
-  });
-}, P = A(E);
-export {
-  P as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/accounts/components/AccountListItem/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/accounts/components/AccountListItem.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Badge from '@mui/material/Badge'\nimport Box from '@mui/material/Box'\nimport ListItem, { ListItemOwnProps } from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\n\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport { ErrorStatus } from './ConnectionStatusIcons'\n\nimport { useAccountDisplayName, useAppConfig, useGlobalCopyStore } from '../../common'\nimport { Account, ConnectionStatus } from '../../core'\nimport { getAccountBalanceDetails } from '../utils/AccountFields'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface AccountListItemProps {\n  account: Account\n  onRowClick?: () => void\n  listItemProps?: ListItemOwnProps\n  shouldShowConnectionStatus?: boolean\n}\n\nconst AccountListItem: React.FC<AccountListItemProps> = ({\n  account,\n  onRowClick,\n  listItemProps,\n  shouldShowConnectionStatus = false,\n}) => {\n  const theme = useTheme()\n  const displayName = useAccountDisplayName(account)\n  const { config } = useAppConfig()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { firstSubtitle, firstValue, secondSubtitle, secondValue } = getAccountBalanceDetails(\n    account,\n    accountsCopy,\n    config.display_available_balance_in_accounts,\n  )\n\n  let statusIcon = undefined\n  if (\n    account.connectionStatus === ConnectionStatus.Error ||\n    account.connectionStatus === ConnectionStatus.RequiresMfa\n  ) {\n    statusIcon = <ErrorStatus size={16} />\n  }\n\n  const content = (\n    <>\n      <ListItemAvatar>\n        <Badge\n          badgeContent={shouldShowConnectionStatus ? statusIcon : undefined}\n          sx={{\n            '& .MuiBadge-badge': {\n              right: -1,\n            },\n          }}\n        >\n          <InstitutionLogo alt=\"MX\" institutionGuid={account.institution_guid || ''} />\n        </Badge>\n      </ListItemAvatar>\n\n      <ListItemText\n        disableTypography={true}\n        primary={\n          <Text\n            bold={true}\n            color={account.is_hidden ? theme.palette.text.secondary : undefined}\n            variant=\"body1\"\n          >\n            {`${displayName} ${account.account_number ? `*${account.account_number}` : ''}`}{' '}\n            {account.is_hidden && !account.is_closed && accountsCopy.is_hidden}\n            {account.is_closed && accountsCopy.is_closed}\n          </Text>\n        }\n        secondary={\n          <>\n            <Box sx={{ alignItems: 'center', display: 'flex', justifyContent: 'space-between' }}>\n              <Text variant=\"caption\">{firstSubtitle}</Text>\n              <Text bold={true} variant=\"body2\">\n                {formatCurrency(firstValue, '0,0.00')}\n              </Text>\n            </Box>\n            <Box sx={{ alignItems: 'center', display: 'flex', justifyContent: 'space-between' }}>\n              <Text variant=\"caption\">{secondSubtitle}</Text>\n              <Text ml=\"auto\" variant=\"caption\">\n                {secondValue}\n              </Text>\n            </Box>\n          </>\n        }\n      />\n    </>\n  )\n\n  return (\n    <ListItem\n      {...listItemProps}\n      sx={{\n        backgroundColor: 'background.paper',\n        color: account.is_closed ? 'grey.700' : '',\n        ...listItemProps?.sx,\n      }}\n    >\n      {onRowClick ? (\n        <ListItemButton alignItems=\"flex-start\" onClick={onRowClick} sx={{ px: 24 }}>\n          {content}\n        </ListItemButton>\n      ) : (\n        content\n      )}\n    </ListItem>\n  )\n}\n\nexport default observer(AccountListItem)\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,IAAM,IAAA,CAAmD,EACvD,SAAA,GACA,YAAA,GACA,eAAA,GACA,4BAAA,IAA6B,GAAA,MACzB;AACJ,QAAM,IAAQ,EAAS,GACjB,IAAc,EAAsB,CAAO,GAC3C,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,eAAA,GAAe,YAAA,GAAY,gBAAA,GAAgB,aAAA,EAAA,IAAgB,EACjE,GACA,GACA,EAAO,qCACT;AAEA,MAAI;AACJ,GACE,EAAQ,qBAAqB,EAAiB,SAC9C,EAAQ,qBAAqB,EAAiB,iBAE9C,IAAa,gBAAA,EAAC,GAAD,EAAa,MAAM,GAAK,CAAA;AAGvC,QAAM,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAc,IAA6B,IAAa;AAAA,IACxD,IAAI,EACF,qBAAqB,EACnB,OAAO,GACT,EACF;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAiB,KAAI;AAAA,MAAK,iBAAiB,EAAQ,oBAAoB;AAAA,IAAK,CAAA;AAAA,EACvE,CAAA,EACO,CAAA,GAEhB,gBAAA,EAAC,GAAD;AAAA,IACE,mBAAmB;AAAA,IACnB,SACE,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAQ,YAAY,EAAM,QAAQ,KAAK,YAAY;AAAA,MAC1D,SAAQ;AAAA,gBAHV;AAAA,QAKG,GAAG,CAAA,IAAe,EAAQ,iBAAiB,IAAI,EAAQ,cAAA,KAAmB,EAAA;AAAA,QAAM;AAAA,QAChF,EAAQ,aAAa,CAAC,EAAQ,aAAa,EAAa;AAAA,QACxD,EAAQ,aAAa,EAAa;AAAA,MAC/B;AAAA;IAER,WACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,SAAS;AAAA,QAAQ,gBAAgB;AAAA,MAAgB;AAAA,gBAAlF,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAW;AAAA,MAAoB,CAAA,GAC7C,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,EAAe,GAAY,QAAQ;AAAA,MAChC,CAAA,CACH;AAAA,QACL,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,SAAS;AAAA,QAAQ,gBAAgB;AAAA,MAAgB;AAAA,gBAAlF,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAW;AAAA,MAAqB,CAAA,GAC9C,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAG;AAAA,QAAO,SAAQ;AAAA,kBACrB;AAAA,MACG,CAAA,CACH;AAAA,MACL,EAAA,CAAA;AAAA,EAEL,CAAA,CACD,EAAA,CAAA;AAGJ,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,IAAI;AAAA,MACF,iBAAiB;AAAA,MACjB,OAAO,EAAQ,YAAY,aAAa;AAAA,MACxC,GAAG,GAAe;AAAA,IACpB;AAAA,cAEC,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgB,YAAW;AAAA,MAAa,SAAS;AAAA,MAAY,IAAI,EAAE,IAAI,GAAG;AAAA,gBACvE;AAAA,IACa,CAAA,IAEhB;AAAA,EAEM,CAAA;AAEd,GAEA,IAAe,EAAS,CAAe"}

package/dist/accounts/components/AccountsList/index.es.js

@@ -1,129 +0,0 @@
-import { useAccountStore as R, useAppConfig as U, useEvent as D, useGlobalCopyStore as M, useGlobalUiStore as F } from "../../../common/context/hooks/index.es.js";
-import { ANALYTICS_EVENTS as V } from "../../../common/constants/Analytics/index.es.js";
-import { formatCurrency as y } from "../../../core/utils/NumberFormatting/index.es.js";
-import { useAccountUiStore as H } from "../../hooks/useUiStore/index.es.js";
-import { getClosedAccountBalanceTotal as K } from "../../utils/AccountFields/index.es.js";
-import x from "../AccountListItem/index.es.js";
-import Y from "../detailsdrawer/Accounts/AccountDetailsDrawer/index.es.js";
-import s from "react";
-import { observer as q } from "mobx-react-lite";
-import { Text as p } from "@mxenabled/mxui";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import v from "@mui/material/Box";
-import g from "@mui/material/Divider";
-import w from "@mui/material/List";
-import L from "@mui/material/ListSubheader";
-import h from "@mui/system/Stack";
-var z = () => {
-  const [f, C] = s.useState(""), { config: T } = U(), { accounts: i } = M(), { allSelectedAccounts: c } = F(), { setSelectedAccount: O, setSelectedMember: k } = H(), { members: I } = R(), { onEvent: B } = D(), E = [...new Set(c.map((e) => e.account_type))], l = c.find((e) => f === e.guid), d = s.useMemo(() => c.filter((e) => e.is_hidden), [c]), u = s.useMemo(() => c.filter((e) => e.is_closed), [c]), j = d.reduce((e, n) => (n.available_balance || n.balance || 0) + e, 0), G = K(u, i, T.display_available_balance_in_accounts);
-  s.useEffect(() => {
-    if (l) {
-      O(l);
-      const e = I.find((n) => n.guid === l?.member_guid) || {};
-      e && k(e);
-    }
-  }, [l, f]);
-  const A = (e) => {
-    C(e.guid), B(V.ACCOUNTS_CLICK_ACCOUNT, {
-      account_guid: e.guid,
-      account_type: e.account_type
-    });
-  }, S = (e) => {
-    const n = e === "hidden" ? d : u, b = e === "hidden" ? j : G, o = e === "hidden" ? i.account_hidden : i.account_closed;
-    return /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(w, {
-      "aria-label": o,
-      subheader: /* @__PURE__ */ t(L, {
-        component: "h2",
-        sx: {
-          backgroundColor: "transparent",
-          px: 24
-        },
-        children: /* @__PURE__ */ a(h, {
-          component: "span",
-          direction: "row",
-          sx: {
-            justifyContent: "space-between",
-            color: "grey.700"
-          },
-          children: [/* @__PURE__ */ t(p, {
-            bold: !0,
-            variant: "body1",
-            children: o
-          }), /* @__PURE__ */ t(p, {
-            bold: !0,
-            variant: "body1",
-            children: y(b, "0,0.00")
-          })]
-        })
-      }),
-      children: /* @__PURE__ */ t(h, { children: n.map((r, m, N) => {
-        const _ = m === N.length - 1;
-        return /* @__PURE__ */ a(s.Fragment, { children: [/* @__PURE__ */ t(x, {
-          account: r,
-          onRowClick: () => A(r),
-          shouldShowConnectionStatus: !0
-        }), e === "hidden" ? /* @__PURE__ */ t(g, { sx: {
-          mb: _ ? 24 : 4,
-          ml: _ ? 24 : 68
-        } }) : !_ && /* @__PURE__ */ t(g, { sx: {
-          mb: 4,
-          ml: 68
-        } })] }, r.guid);
-      }) })
-    }) });
-  };
-  return /* @__PURE__ */ a(v, { children: [
-    E.map((e) => {
-      const n = c.filter((o) => o.account_type === e && !o.is_closed && !o.is_hidden), b = n.reduce((o, r) => (r.balance || 0) + o, 0);
-      return n.length === 0 ? null : /* @__PURE__ */ t(w, {
-        "aria-label": i.account_type_accounts[n[0]?.account_type],
-        subheader: /* @__PURE__ */ t(L, {
-          component: "h2",
-          sx: {
-            backgroundColor: "transparent",
-            px: 24
-          },
-          children: /* @__PURE__ */ a(h, {
-            component: "span",
-            direction: "row",
-            sx: {
-              display: "flex",
-              justifyContent: "space-between"
-            },
-            children: [/* @__PURE__ */ t(p, {
-              bold: !0,
-              variant: "body1",
-              children: i.account_types[e]
-            }), /* @__PURE__ */ t(p, {
-              bold: !0,
-              variant: "body1",
-              children: y(b, "0,0.00")
-            })]
-          })
-        }),
-        children: /* @__PURE__ */ t(h, { children: n.map((o) => {
-          const r = c.indexOf(o) === c.length - 1, m = n.indexOf(o) === n.length - 1;
-          return /* @__PURE__ */ a(s.Fragment, { children: [/* @__PURE__ */ t(x, {
-            account: o,
-            onRowClick: () => A(o),
-            shouldShowConnectionStatus: !0
-          }), (!r || u.length > 0 || d.length > 0) && /* @__PURE__ */ t(g, { sx: {
-            mb: m ? 24 : 4,
-            ml: m ? 24 : 68
-          } })] }, o.guid);
-        }) })
-      }, e);
-    }),
-    d.length > 0 && S("hidden"),
-    u.length > 0 && S("closed"),
-    /* @__PURE__ */ t(Y, {
-      isOpen: !!f,
-      onClose: () => C("")
-    })
-  ] });
-}, le = q(z);
-export {
-  le as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/accounts/components/AccountsList/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/accounts/components/AccountsList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/system/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  formatCurrency,\n  useAccountStore,\n  useAppConfig,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n} from '../../common'\nimport type { Account, AccountType, Member } from '../../core'\n\nimport { useAccountUiStore } from '../hooks/useUiStore'\nimport { getClosedAccountBalanceTotal } from '../utils/AccountFields'\n\nimport AccountDetailsDrawer from './detailsdrawer/Accounts/AccountDetailsDrawer'\nimport AccountListItem from './AccountListItem'\n\nconst AccountsList = () => {\n  const [selectedAccountGuid, setSelectedAccountGuid] = React.useState('')\n\n  const { config } = useAppConfig()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { allSelectedAccounts: accounts } = useGlobalUiStore()\n  const { setSelectedAccount, setSelectedMember } = useAccountUiStore()\n  const { members } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const accountTypes: AccountType[] = [...new Set(accounts.map((account) => account.account_type))]\n\n  const account = accounts.find((account) => selectedAccountGuid === account.guid)\n\n  const hiddenAccounts: Account[] = React.useMemo(\n    () => accounts.filter((account) => account.is_hidden),\n    [accounts],\n  )\n  const closedAccounts: Account[] = React.useMemo(\n    () => accounts.filter((account) => account.is_closed),\n    [accounts],\n  )\n\n  const totalHiddenBalance = hiddenAccounts.reduce(\n    (total, account) => (account.available_balance || account.balance || 0) + total,\n    0,\n  )\n\n  const totalClosedBalance = getClosedAccountBalanceTotal(\n    closedAccounts,\n    accountsCopy,\n    config.display_available_balance_in_accounts,\n  )\n\n  React.useEffect(() => {\n    if (account) {\n      setSelectedAccount(account)\n      const member =\n        members.find((member: Member) => member.guid === account?.member_guid) || ({} as Member)\n      if (member) {\n        setSelectedMember(member)\n      }\n    }\n  }, [account, selectedAccountGuid])\n\n  const onRowClick = (account: Account) => {\n    setSelectedAccountGuid(account.guid)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_ACCOUNT, {\n      account_guid: account.guid,\n      account_type: account.account_type,\n    })\n  }\n\n  const getAccountsSection = (sectionType: 'hidden' | 'closed') => {\n    const accounts = sectionType === 'hidden' ? hiddenAccounts : closedAccounts\n    const totalBalance = sectionType === 'hidden' ? totalHiddenBalance : totalClosedBalance\n    const sectionLabel =\n      sectionType === 'hidden' ? accountsCopy.account_hidden : accountsCopy.account_closed\n\n    return (\n      <Box>\n        <List\n          aria-label={sectionLabel}\n          subheader={\n            <ListSubheader component={'h2'} sx={{ backgroundColor: 'transparent', px: 24 }}>\n              <Stack\n                component=\"span\"\n                direction=\"row\"\n                sx={{ justifyContent: 'space-between', color: 'grey.700' }}\n              >\n                <Text bold={true} variant=\"body1\">\n                  {sectionLabel}\n                </Text>\n                <Text bold={true} variant=\"body1\">\n                  {formatCurrency(totalBalance, '0,0.00')}\n                </Text>\n              </Stack>\n            </ListSubheader>\n          }\n        >\n          <Stack>\n            {accounts.map((account, index, array) => {\n              const isLastItem = index === array.length - 1\n              return (\n                <React.Fragment key={account.guid}>\n                  <AccountListItem\n                    account={account}\n                    onRowClick={() => onRowClick(account)}\n                    shouldShowConnectionStatus={true}\n                  />\n                  {sectionType === 'hidden' ? (\n                    <Divider\n                      sx={{\n                        mb: isLastItem ? 24 : 4,\n                        ml: !isLastItem ? 68 : 24,\n                      }}\n                    />\n                  ) : (\n                    !isLastItem && (\n                      <Divider\n                        sx={{\n                          mb: 4,\n                          ml: 68,\n                        }}\n                      />\n                    )\n                  )}\n                </React.Fragment>\n              )\n            })}\n          </Stack>\n        </List>\n      </Box>\n    )\n  }\n\n  return (\n    <Box>\n      {accountTypes.map((type) => {\n        const accountsOfType = accounts.filter(\n          (account) => account.account_type === type && !account.is_closed && !account.is_hidden,\n        )\n        const accountsOfTypeTotal = accountsOfType.reduce(\n          (total, account) => (account.balance || 0) + total,\n          0,\n        )\n\n        if (accountsOfType.length === 0) {\n          return null\n        }\n\n        return (\n          <List\n            aria-label={accountsCopy.account_type_accounts[accountsOfType[0]?.account_type]}\n            key={type}\n            subheader={\n              <ListSubheader component={'h2'} sx={{ backgroundColor: 'transparent', px: 24 }}>\n                <Stack\n                  component=\"span\"\n                  direction=\"row\"\n                  sx={{ display: 'flex', justifyContent: 'space-between' }}\n                >\n                  <Text bold={true} variant=\"body1\">\n                    {accountsCopy.account_types[type]}\n                  </Text>\n                  <Text bold={true} variant=\"body1\">\n                    {formatCurrency(accountsOfTypeTotal, '0,0.00')}\n                  </Text>\n                </Stack>\n              </ListSubheader>\n            }\n          >\n            <Stack>\n              {accountsOfType.map((account) => {\n                const isVeryLastItem = accounts.indexOf(account) === accounts.length - 1\n                const isLastAccountTypeItem =\n                  accountsOfType.indexOf(account) === accountsOfType.length - 1\n\n                return (\n                  <React.Fragment key={account.guid}>\n                    <AccountListItem\n                      account={account}\n                      onRowClick={() => onRowClick(account)}\n                      shouldShowConnectionStatus={true}\n                    />\n                    {/* the margin bottom is to counteract Firefly's CSS reset and will ideally be removed at some point */}\n                    {(!isVeryLastItem ||\n                      closedAccounts.length > 0 ||\n                      hiddenAccounts.length > 0) && (\n                      <Divider\n                        sx={{\n                          mb: isLastAccountTypeItem ? 24 : 4,\n                          ml: !isLastAccountTypeItem ? 68 : 24,\n                        }}\n                      />\n                    )}\n                  </React.Fragment>\n                )\n              })}\n            </Stack>\n          </List>\n        )\n      })}\n      {hiddenAccounts.length > 0 && getAccountsSection('hidden')}\n      {closedAccounts.length > 0 && getAccountsSection('closed')}\n      <AccountDetailsDrawer\n        isOpen={!!selectedAccountGuid}\n        onClose={() => setSelectedAccountGuid('')}\n      />\n    </Box>\n  )\n}\n\nexport default observer(AccountsList)\n"],"mappings":"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"}