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

package/dist/networth/components/NetWorthSummary/index.es.js

@@ -1,38 +0,0 @@
-import { useGlobalCopyStore as i } from "../../../common/context/hooks/index.es.js";
-import { CurrencyText as c } from "../../../common/components/CurrencyText/index.es.js";
-import f from "../NetWorthChange/index.es.js";
-import { observer as s } from "mobx-react-lite";
-import h from "@mui/material/Stack";
-import { Text as p } from "@mxenabled/mxui";
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { useTheme as l } from "@mui/material/styles";
-import { format as y, fromUnixTime as d } from "date-fns";
-var x = ({ hoveredData: o, selectedData: n }) => {
-  const { net_worth: m } = i(), e = l(), r = o || n, a = y(d(r.x), "MMMM");
-  return /* @__PURE__ */ u(h, {
-    alignItems: "center",
-    direction: "column",
-    m: 24,
-    children: [
-      /* @__PURE__ */ t(p, {
-        color: e.palette.secondary.main,
-        variant: "body2",
-        children: `${a} ${m.net_worth}`
-      }),
-      /* @__PURE__ */ t(c, {
-        amount: r.y,
-        variant: "h2"
-      }),
-      /* @__PURE__ */ t(f, {
-        currencyLabel: m.this_month,
-        netWorth: r,
-        theme: e
-      })
-    ]
-  });
-}, g = s(x);
-export {
-  g as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/networth/components/NetWorthSummary/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/networth/components/NetWorthSummary.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport { fromUnixTime, format } from 'date-fns'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport NetWorthChange from './NetWorthChange'\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthSummaryProps {\n  hoveredData?: NetWorth\n  selectedData: NetWorth\n}\n\nconst NetWorthSummary: React.FC<NetWorthSummaryProps> = ({ hoveredData, selectedData }) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const summary = hoveredData ? hoveredData : selectedData\n\n  const formattedMonth = format(fromUnixTime(summary.x), 'MMMM')\n\n  return (\n    <Stack alignItems=\"center\" direction=\"column\" m={24}>\n      <Text color={theme.palette.secondary.main} variant=\"body2\">\n        {`${formattedMonth} ${copy.net_worth}`}\n      </Text>\n      <CurrencyText amount={summary.y} variant=\"h2\" />\n      <NetWorthChange currencyLabel={copy.this_month} netWorth={summary} theme={theme} />\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthSummary)\n"],"mappings":";;;;;;;;;AAiBA,IAAM,IAAA,CAAmD,EAAE,aAAA,GAAa,cAAA,EAAA,MAAmB;AACzF,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,IAAQ,EAAS,GACjB,IAAU,KAA4B,GAEtC,IAAiB,EAAO,EAAa,EAAQ,CAAC,GAAG,MAAM;AAE7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,WAAU;AAAA,IAAS,GAAG;AAAA,cAAjD;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAO,EAAM,QAAQ,UAAU;AAAA,QAAM,SAAQ;AAAA,kBAChD,GAAG,CAAA,IAAkB,EAAK,SAAA;AAAA,MACvB,CAAA;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,QAAc,QAAQ,EAAQ;AAAA,QAAG,SAAQ;AAAA,MAAM,CAAA;AAAA,MAC/C,gBAAA,EAAC,GAAD;AAAA,QAAgB,eAAe,EAAK;AAAA,QAAY,UAAU;AAAA,QAAgB,OAAA;AAAA,MAAQ,CAAA;AAAA,IAC7E;AAAA;AAEX,GAEA,IAAe,EAAS,CAAe"}

package/dist/networth/components/micro/NetworthData/index.es.js

@@ -1,49 +0,0 @@
-import { formatCurrency as c } from "../../../../core/utils/NumberFormatting/index.es.js";
-import n from "@mui/material/Stack";
-import { P as x, Text as s } from "@mxenabled/mxui";
-import { Icon as h } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-var w = ({ amount: o, copy: a, trendValue: r }) => {
-  const e = r > 0, d = r === 0 ? "trending_flat" : e ? "trending_up" : "trending_down";
-  return /* @__PURE__ */ i(n, {
-    sx: {
-      flexDirection: "row",
-      justifyContent: "space-between"
-    },
-    children: [/* @__PURE__ */ t(x, {
-      variant: "h1",
-      children: c(o, "0,0")
-    }), o !== 0 && /* @__PURE__ */ i(n, {
-      sx: { color: e ? "success.main" : "text.secondary" },
-      children: [/* @__PURE__ */ i(n, {
-        sx: {
-          flexDirection: "row",
-          gap: 8
-        },
-        children: [/* @__PURE__ */ t(h, {
-          name: d,
-          size: 20
-        }), /* @__PURE__ */ t(s, {
-          sx: {
-            fontWeight: 600,
-            textAlign: "right"
-          },
-          variant: "body1",
-          children: c(r, "0,0.00")
-        })]
-      }), /* @__PURE__ */ t(s, {
-        sx: {
-          display: "block",
-          textAlign: "right"
-        },
-        variant: "caption",
-        children: a.this_month
-      })]
-    })]
-  });
-};
-export {
-  w as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/networth/components/micro/NetworthData/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/networth/components/micro/NetworthData.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { NetWorthCopy } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface NetworthDataProps {\n  amount: number\n  copy: NetWorthCopy\n  trendValue: number\n}\n\nconst NetworthData = ({ amount, copy, trendValue }: NetworthDataProps) => {\n  const isTrendUp = trendValue > 0\n  const trendDirectionIcon = isTrendUp ? 'trending_up' : 'trending_down'\n  const trendIcon = trendValue === 0 ? 'trending_flat' : trendDirectionIcon\n\n  return (\n    <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n      <P variant=\"h1\">{formatCurrency(amount, '0,0')}</P>\n      {amount !== 0 && (\n        <Stack sx={{ color: isTrendUp ? 'success.main' : 'text.secondary' }}>\n          <Stack sx={{ flexDirection: 'row', gap: 8 }}>\n            <Icon name={trendIcon} size={20} />\n            <Text sx={{ fontWeight: 600, textAlign: 'right' }} variant=\"body1\">\n              {formatCurrency(trendValue, '0,0.00')}\n            </Text>\n          </Stack>\n          <Text sx={{ display: 'block', textAlign: 'right' }} variant=\"caption\">\n            {copy.this_month}\n          </Text>\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default NetworthData\n"],"mappings":";;;;;AAcA,IAAM,IAAA,CAAgB,EAAE,QAAA,GAAQ,MAAA,GAAM,YAAA,EAAA,MAAoC;AACxE,QAAM,IAAY,IAAa,GAEzB,IAAY,MAAe,IAAI,kBADV,IAAY,gBAAgB;AAGvD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,eAAe;AAAA,MAAO,gBAAgB;AAAA,IAAgB;AAAA,cAAnE,CACE,gBAAA,EAAC,GAAD;AAAA,MAAG,SAAQ;AAAA,gBAAM,EAAe,GAAQ,KAAK;AAAA,IAAK,CAAA,GACjD,MAAW,KACV,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,OAAO,IAAY,iBAAiB,iBAAiB;AAAA,gBAAlE,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,eAAe;AAAA,UAAO,KAAK;AAAA,QAAE;AAAA,kBAA1C,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAW,MAAM;AAAA,QAAK,CAAA,GAClC,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAQ;AAAA,UAAG,SAAQ;AAAA,oBACxD,EAAe,GAAY,QAAQ;AAAA,QAChC,CAAA,CACD;AAAA,UACP,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI;AAAA,UAAE,SAAS;AAAA,UAAS,WAAW;AAAA,QAAQ;AAAA,QAAG,SAAQ;AAAA,kBACzD,EAAK;AAAA,MACF,CAAA,CACD;AAAA,MAEJ;AAAA;AAEX"}

package/dist/networth/components/micro/ZeroState/index.es.js

@@ -1,31 +0,0 @@
-import t from "@mui/material/Stack";
-import { P as i, Text as a } from "@mxenabled/mxui";
-import { Icon as n } from "@mxenabled/mx-icons";
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-var m = ({ copy: e }) => /* @__PURE__ */ o(t, {
-  sx: {
-    flexDirection: "row",
-    gap: 12
-  },
-  children: [/* @__PURE__ */ r(n, {
-    name: "elevation",
-    size: 32,
-    sx: { color: "text.primary" }
-  }), /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ r(a, {
-    sx: {
-      display: "block",
-      fontWeight: 600
-    },
-    variant: "body1",
-    children: e.empty_widget_header
-  }), /* @__PURE__ */ r(i, {
-    sx: { color: "text.secondary" },
-    variant: "body2",
-    children: e.zero_state_description
-  })] })]
-});
-export {
-  m as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/networth/components/micro/ZeroState/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/networth/components/micro/ZeroState.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { NetWorthCopy } from '../../../core'\n\ninterface ZeroStateProps {\n  copy: NetWorthCopy\n}\n\nconst ZeroState = ({ copy }: ZeroStateProps) => {\n  return (\n    <Stack sx={{ flexDirection: 'row', gap: 12 }}>\n      <Icon name=\"elevation\" size={32} sx={{ color: 'text.primary' }} />\n      <Stack>\n        <Text sx={{ display: 'block', fontWeight: 600 }} variant=\"body1\">\n          {copy.empty_widget_header}\n        </Text>\n        <P sx={{ color: 'text.secondary' }} variant=\"body2\">\n          {copy.zero_state_description}\n        </P>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default ZeroState\n"],"mappings":";;;;AAWA,IAAM,IAAA,CAAa,EAAE,MAAA,EAAA,MAEjB,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI;AAAA,IAAE,eAAe;AAAA,IAAO,KAAK;AAAA,EAAG;AAAA,YAA3C,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAK;AAAA,IAAY,MAAM;AAAA,IAAI,IAAI,EAAE,OAAO,eAAe;AAAA,EAAI,CAAA,GACjE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI;AAAA,MAAE,SAAS;AAAA,MAAS,YAAY;AAAA,IAAI;AAAA,IAAG,SAAQ;AAAA,cACtD,EAAK;AAAA,EACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,IAAG,IAAI,EAAE,OAAO,iBAAiB;AAAA,IAAG,SAAQ;AAAA,cACzC,EAAK;AAAA,EACL,CAAA,CACE,EAAA,CAAA,CACF"}

package/dist/notifications/components/DateRow/index.es.js

@@ -1,23 +0,0 @@
-import { fromUnixToDayOfWeekAndDate as o } from "../../../core/utils/DateUtil/index.es.js";
-import "react";
-import { Text as e } from "@mxenabled/mxui";
-import { jsx as r } from "react/jsx-runtime";
-import m from "@mui/material/Box";
-var x = ({ date: t }) => /* @__PURE__ */ r(m, {
-  sx: {
-    display: "flex",
-    justifyContent: "center",
-    mt: 12,
-    py: 8
-  },
-  children: /* @__PURE__ */ r(e, {
-    bold: !0,
-    variant: "body2",
-    children: o(t)
-  })
-});
-export {
-  x as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/notifications/components/DateRow/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/notifications/components/DateRow.tsx"],"sourcesContent":["import React from 'react'\nimport Box from '@mui/material/Box'\nimport { Text } from '@mxenabled/mxui'\n\nimport { fromUnixToDayOfWeekAndDate } from '../../core/utils/DateUtil'\n\ninterface DateRowProps {\n  date: number\n}\n\nconst DateRow: React.FC<DateRowProps> = ({ date }) => {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'center', mt: 12, py: 8 }}>\n      <Text bold={true} variant=\"body2\">\n        {fromUnixToDayOfWeekAndDate(date)}\n      </Text>\n    </Box>\n  )\n}\n\nexport default DateRow\n"],"mappings":";;;;;AAUA,IAAM,IAAA,CAAmC,EAAE,MAAA,EAAA,MAEvC,gBAAA,EAAC,GAAD;AAAA,EAAK,IAAI;AAAA,IAAE,SAAS;AAAA,IAAQ,gBAAgB;AAAA,IAAU,IAAI;AAAA,IAAI,IAAI;AAAA,EAAE;AAAA,YAClE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,cACvB,EAA2B,CAAI;AAAA,EAC5B,CAAA;AACH,CAAA"}

package/dist/notifications/components/NotificationBadge/index.es.js

@@ -1,33 +0,0 @@
-import { useAccountStore as c, useBudgetsStore as g, useGlobalCopyStore as l } from "../../../common/context/hooks/index.es.js";
-import "react";
-import { observer as m } from "mobx-react-lite";
-import { CategoryIcon as y, InstitutionLogo as f } from "@mxenabled/mxui";
-import { jsx as t } from "react/jsx-runtime";
-var p = ({ notification: i }) => {
-  const { accounts: s } = c(), { budgets: r } = g(), { accounts: u } = l(), e = s.find((o) => o.guid === i.entity_guid), d = r.find((o) => o.guid === i.entity_guid), a = i.entity_guid.includes("GOL"), n = { badge: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 4,
-    marginRight: 12
-  } };
-  return e || a ? /* @__PURE__ */ t("div", {
-    style: n.badge,
-    children: /* @__PURE__ */ t(f, {
-      alt: e?.institutionName || u.institution_logo_alt,
-      institutionGuid: e?.institution_guid ?? "",
-      size: 33
-    })
-  }) : /* @__PURE__ */ t("div", {
-    style: n.badge,
-    children: /* @__PURE__ */ t(y, {
-      categoryGuid: d?.category_guid,
-      size: 36
-    })
-  });
-}, x = m(p);
-export {
-  x as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/notifications/components/NotificationBadge/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/notifications/components/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { InstitutionLogo, CategoryIcon } from '@mxenabled/mxui'\n\nimport { useAccountStore, useBudgetsStore, useGlobalCopyStore } from '../../common'\nimport { type Notification } from '../../core'\n\ninterface NotificationBadgeProps {\n  notification: Notification\n}\n\nconst NotificationBadge: React.FC<NotificationBadgeProps> = ({ notification }) => {\n  // Show notifications for all accounts (including hidden)\n  const { accounts } = useAccountStore()\n  const { budgets } = useBudgetsStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  const account = accounts.find((account) => account.guid === notification.entity_guid)\n  const budget = budgets.find((budget) => budget.guid === notification.entity_guid)\n  const isGoal = notification.entity_guid.includes('GOL')\n\n  const styles = {\n    badge: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 4,\n      marginRight: 12,\n    },\n  }\n\n  if (account || isGoal) {\n    return (\n      <div style={styles.badge}>\n        <InstitutionLogo\n          alt={account?.institutionName || accountsCopy.institution_logo_alt}\n          institutionGuid={account?.institution_guid ?? ''}\n          size={33}\n        />\n      </div>\n    )\n  } else {\n    return (\n      <div style={styles.badge}>\n        <CategoryIcon categoryGuid={budget?.category_guid} size={36} />\n      </div>\n    )\n  }\n}\n\nexport default observer(NotificationBadge)\n"],"mappings":";;;;;AAYA,IAAM,IAAA,CAAuD,EAAE,cAAA,EAAA,MAAmB;AAEhF,QAAM,EAAE,UAAA,EAAA,IAAa,EAAgB,GAC/B,EAAE,SAAA,EAAA,IAAY,EAAgB,GAC9B,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAEhD,IAAU,EAAS,KAAA,CAAM,MAAY,EAAQ,SAAS,EAAa,WAAW,GAC9E,IAAS,EAAQ,KAAA,CAAM,MAAW,EAAO,SAAS,EAAa,WAAW,GAC1E,IAAS,EAAa,YAAY,SAAS,KAAK,GAEhD,IAAS,EACb,OAAO;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,aAAa;AAAA,EACf,EACF;AAEA,SAAI,KAAW,IAEX,gBAAA,EAAC,OAAD;AAAA,IAAK,OAAO,EAAO;AAAA,cACjB,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,GAAS,mBAAmB,EAAa;AAAA,MAC9C,iBAAiB,GAAS,oBAAoB;AAAA,MAC9C,MAAM;AAAA,IACP,CAAA;AAAA,EACE,CAAA,IAIL,gBAAA,EAAC,OAAD;AAAA,IAAK,OAAO,EAAO;AAAA,cACjB,gBAAA,EAAC,GAAD;AAAA,MAAc,cAAc,GAAQ;AAAA,MAAe,MAAM;AAAA,IAAK,CAAA;AAAA,EAC3D,CAAA;AAGX,GAEA,IAAe,EAAS,CAAiB"}

package/dist/notifications/components/NotificationCard/index.es.js

@@ -1,56 +0,0 @@
-import { useNotificationStore as n } from "../../../common/context/hooks/index.es.js";
-import i from "../NotificationBadge/index.es.js";
-import "react";
-import { Text as l } from "@mxenabled/mxui";
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Card as m, useTheme as c } from "@mui/material";
-var v = ({ notification: e, onClick: o }) => {
-  const { updateNotification: d } = n(), t = c(), a = {
-    card: {
-      alignItems: "center",
-      cursor: "pointer",
-      display: "flex",
-      marginBottom: 12,
-      paddingX: 24,
-      paddingY: 12,
-      "&:focus": { backgroundColor: t.palette.background.default },
-      "&:hover": { backgroundColor: t.palette.background.default }
-    },
-    dot: {
-      backgroundColor: t.palette.primary.main,
-      borderRadius: "100%",
-      flex: "0 0 auto",
-      marginLeft: -8,
-      marginRight: 8,
-      height: 8,
-      width: 8
-    }
-  };
-  return /* @__PURE__ */ s(m, {
-    onClick: () => {
-      o(e), d({
-        ...e,
-        has_been_viewed: !0
-      }).finally();
-    },
-    sx: a.card,
-    children: [
-      e.has_been_viewed ? null : /* @__PURE__ */ r("div", {
-        "data-testid": "new-message-dot",
-        style: a.dot
-      }),
-      /* @__PURE__ */ r(i, { notification: e }),
-      /* @__PURE__ */ r(l, {
-        bold: !e.has_been_viewed,
-        truncate: !1,
-        variant: "body2",
-        children: e.content
-      })
-    ]
-  });
-};
-export {
-  v as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/notifications/components/NotificationCard/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/notifications/components/NotificationCard.tsx"],"sourcesContent":["import React from 'react'\nimport { Card, useTheme } from '@mui/material'\nimport { Text } from '@mxenabled/mxui'\n\nimport { type Notification } from '../../core'\nimport { useNotificationStore } from '../../common'\nimport NotificationBadge from './NotificationBadge'\n\ninterface NotificationCardProps {\n  notification: Notification\n  onClick: (notification: Notification) => void\n}\n\nconst NotificationCard: React.FC<NotificationCardProps> = ({ notification, onClick }) => {\n  const { updateNotification } = useNotificationStore()\n  const theme = useTheme()\n\n  const styles = {\n    card: {\n      alignItems: 'center',\n      cursor: 'pointer',\n      display: 'flex',\n      marginBottom: 12,\n      paddingX: 24,\n      paddingY: 12,\n      '&:focus': {\n        backgroundColor: theme.palette.background.default,\n      },\n      '&:hover': {\n        backgroundColor: theme.palette.background.default,\n      },\n    },\n    dot: {\n      backgroundColor: theme.palette.primary.main,\n      borderRadius: '100%',\n      flex: '0 0 auto',\n      marginLeft: -8,\n      marginRight: 8,\n      height: 8,\n      width: 8,\n    },\n  }\n\n  const handleOnClick = () => {\n    onClick(notification)\n    updateNotification({ ...notification, has_been_viewed: true }).finally()\n  }\n\n  return (\n    <Card onClick={handleOnClick} sx={styles.card}>\n      {!notification.has_been_viewed ? (\n        <div data-testid=\"new-message-dot\" style={styles.dot} />\n      ) : null}\n      <NotificationBadge notification={notification} />\n      <Text bold={!notification.has_been_viewed} truncate={false} variant={'body2'}>\n        {notification.content}\n      </Text>\n    </Card>\n  )\n}\n\nexport default NotificationCard\n"],"mappings":";;;;;;AAaA,IAAM,IAAA,CAAqD,EAAE,cAAA,GAAc,SAAA,EAAA,MAAc;AACvF,QAAM,EAAE,oBAAA,EAAA,IAAuB,EAAqB,GAC9C,IAAQ,EAAS,GAEjB,IAAS;AAAA,IACb,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW,EACT,iBAAiB,EAAM,QAAQ,WAAW,QAC5C;AAAA,MACA,WAAW,EACT,iBAAiB,EAAM,QAAQ,WAAW,QAC5C;AAAA,IACF;AAAA,IACA,KAAK;AAAA,MACH,iBAAiB,EAAM,QAAQ,QAAQ;AAAA,MACvC,cAAc;AAAA,MACd,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAOA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,SANF,MAAsB;AAC1B,MAAA,EAAQ,CAAY,GACpB,EAAmB;AAAA,QAAE,GAAG;AAAA,QAAc,iBAAiB;AAAA,MAAK,CAAC,EAAE,QAAQ;AAAA,IACzE;AAAA,IAGgC,IAAI,EAAO;AAAA,cAAzC;AAAA,MACI,EAAa,kBAEX,OADF,gBAAA,EAAC,OAAD;AAAA,QAAK,eAAY;AAAA,QAAkB,OAAO,EAAO;AAAA,MAAM,CAAA;AAAA,MAEzD,gBAAA,EAAC,GAAD,EAAiC,cAAA,EAAe,CAAA;AAAA,MAChD,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM,CAAC,EAAa;AAAA,QAAiB,UAAU;AAAA,QAAO,SAAS;AAAA,kBAClE,EAAa;AAAA,MACV,CAAA;AAAA,IACF;AAAA;AAEV"}

package/dist/notifications/components/NotificationDrawer/index.es.js

@@ -1,47 +0,0 @@
-import { useAppConfig as g, useGlobalCopyStore as _, useGlobalUiStore as u } from "../../../common/context/hooks/index.es.js";
-import n from "../../../common/components/drawer/Drawer/index.es.js";
-import d from "../../../common/components/Loader/index.es.js";
-import h from "../NotificationList/index.es.js";
-import { NotificationSettings as S } from "../../../settings/components/notifications/NotificationSettings/index.es.js";
-import C from "react";
-import { observer as b } from "mobx-react-lite";
-import { Settings as w } from "@mxenabled/mx-icons";
-import { Fragment as L, jsx as t, jsxs as r } from "react/jsx-runtime";
-import x from "@mui/material/IconButton";
-var F = b(({ notificationTypes: e, isOpen: a, onClose: l, onNotificationClick: f }) => {
-  const { config: c } = g(), { notifications: o, settings: s } = _(), { isCopyLoaded: p } = u(), [m, i] = C.useState(!1);
-  return p ? /* @__PURE__ */ r(L, { children: [/* @__PURE__ */ r(n, {
-    ariaLabelClose: o.close_notifications,
-    isOpen: a,
-    onClose: l,
-    title: o.notifications_title,
-    children: [/* @__PURE__ */ t(x, {
-      "aria-label": s.open_notification_settings_btn_aria,
-      onClick: () => i(!0),
-      sx: {
-        position: "absolute",
-        right: 8,
-        top: 8
-      },
-      children: /* @__PURE__ */ t(w, { size: 24 })
-    }), /* @__PURE__ */ t(h, {
-      notificationTypes: e,
-      onClick: f,
-      onManageNotifications: () => i(!0)
-    })]
-  }), /* @__PURE__ */ t(n, {
-    ariaLabelClose: o.close_notification_settings,
-    isOpen: m,
-    onClose: () => i(!1),
-    title: s.notification_settings_title,
-    children: /* @__PURE__ */ t(S, {
-      notificationTypes: e,
-      showPersonalDetails: !c.display_user_profile_in_settings
-    })
-  })] }) : /* @__PURE__ */ t(d, {});
-});
-export {
-  F as NotificationDrawer
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/notifications/components/NotificationDrawer/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/notifications/components/NotificationDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport IconButton from '@mui/material/IconButton'\n\nimport { Settings as SettingsIcon } from '@mxenabled/mx-icons'\n\nimport { Drawer, Loader, useAppConfig, useGlobalCopyStore, useGlobalUiStore } from '../../common'\nimport { type Notification, NotificationTypes } from '../../core'\n\nimport { NotificationSettings } from '../../settings'\n\nimport NotificationList from './NotificationList'\n\ninterface NotificationDrawerProps {\n  notificationTypes?: NotificationTypes[]\n  isOpen: boolean\n  onClose: () => void\n  onNotificationClick?: (notification: Notification) => void\n}\n\nexport const NotificationDrawer = observer(\n  ({ notificationTypes, isOpen, onClose, onNotificationClick }: NotificationDrawerProps) => {\n    const { config } = useAppConfig()\n    const { notifications: copy, settings: settingsCopy } = useGlobalCopyStore()\n    const { isCopyLoaded } = useGlobalUiStore()\n\n    const [shouldShowSettings, setShouldShowSettings] = React.useState(false)\n\n    if (!isCopyLoaded) return <Loader />\n\n    return (\n      <>\n        <Drawer\n          ariaLabelClose={copy.close_notifications}\n          isOpen={isOpen}\n          onClose={onClose}\n          title={copy.notifications_title}\n        >\n          <IconButton\n            aria-label={settingsCopy.open_notification_settings_btn_aria}\n            onClick={() => setShouldShowSettings(true)}\n            sx={{\n              position: 'absolute',\n              right: 8,\n              top: 8,\n            }}\n          >\n            <SettingsIcon size={24} />\n          </IconButton>\n\n          <NotificationList\n            notificationTypes={notificationTypes}\n            onClick={onNotificationClick}\n            onManageNotifications={() => setShouldShowSettings(true)}\n          />\n        </Drawer>\n        <Drawer\n          ariaLabelClose={copy.close_notification_settings}\n          isOpen={shouldShowSettings}\n          onClose={() => setShouldShowSettings(false)}\n          title={settingsCopy.notification_settings_title}\n        >\n          <NotificationSettings\n            notificationTypes={notificationTypes}\n            showPersonalDetails={!config.display_user_profile_in_settings}\n          />\n        </Drawer>\n      </>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;AAqBA,IAAa,IAAqB,EAAA,CAC/B,EAAE,mBAAA,GAAmB,QAAA,GAAQ,SAAA,GAAS,qBAAA,EAAA,MAAmD;AACxF,QAAM,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,eAAe,GAAM,UAAU,EAAA,IAAiB,EAAmB,GACrE,EAAE,cAAA,EAAA,IAAiB,EAAiB,GAEpC,CAAC,GAAoB,CAAA,IAAyB,EAAM,SAAS,EAAK;AAExE,SAAK,IAGH,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAK;AAAA,IACb,QAAA;AAAA,IACC,SAAA;AAAA,IACT,OAAO,EAAK;AAAA,cAJd,CAME,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAa;AAAA,MACzB,SAAA,MAAe,EAAsB,EAAI;AAAA,MACzC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,gBAEA,gBAAA,EAAC,GAAD,EAAc,MAAM,GAAK,CAAA;AAAA,IACf,CAAA,GAEZ,gBAAA,EAAC,GAAD;AAAA,MACqB,mBAAA;AAAA,MACnB,SAAS;AAAA,MACT,uBAAA,MAA6B,EAAsB,EAAI;AAAA,IACxD,CAAA,CACK;AAAA,MACR,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAK;AAAA,IACrB,QAAQ;AAAA,IACR,SAAA,MAAe,EAAsB,EAAK;AAAA,IAC1C,OAAO,EAAa;AAAA,cAEpB,gBAAA,EAAC,GAAD;AAAA,MACqB,mBAAA;AAAA,MACnB,qBAAqB,CAAC,EAAO;AAAA,IAC9B,CAAA;AAAA,EACK,CAAA,CACR,EAAA,CAAA,IAvCsB,gBAAA,EAAC,GAAD,CAAS,CAAA;AAyCrC,CACF"}

package/dist/notifications/components/NotificationList/index.es.js

@@ -1,42 +0,0 @@
-import { useGlobalUiStore as N, useNotificationStore as g } from "../../../common/context/hooks/index.es.js";
-import { NotificationTypes as v } from "../../../core/types/Notification/index.es.js";
-import { getInsightNotificationTypeValues as x, shouldShowDate as y } from "../../../core/utils/NotificationUtils/index.es.js";
-import L from "../../../common/components/Loader/index.es.js";
-import _ from "../DateRow/index.es.js";
-import b from "../NotificationCard/index.es.js";
-import { NotificationEmptyState as I } from "../NotificationsEmptyState/index.es.js";
-import { useEffect as S } from "react";
-import { observer as k } from "mobx-react-lite";
-import { Fragment as w, jsx as t, jsxs as e } from "react/jsx-runtime";
-import s from "@mui/material/Box";
-import C from "@mui/material/Divider";
-import D from "@mui/material/List";
-var T = ({ notificationTypes: a, onClick: n, onManageNotifications: m }) => {
-  const { isLoading: f, loadNotifications: l, markAllAsViewed: c, recentNotifications: d } = g(), { isInitialized: p } = N(), h = (i) => {
-    n?.(i);
-  };
-  S(() => {
-    l().then(() => c()).finally();
-  }, []);
-  const u = a?.includes(v.Insights);
-  if (!p || f) return /* @__PURE__ */ t(L, {});
-  const o = d.slice().sort((i, r) => r.delivered_at - i.delivered_at).filter((i) => u ? x().has(i.notification_type) : !0);
-  return /* @__PURE__ */ e(w, { children: [o.length === 0 && /* @__PURE__ */ t(I, { onManageNotifications: m }), /* @__PURE__ */ t(D, {
-    sx: { p: 16 },
-    children: o.map((i, r) => /* @__PURE__ */ e(s, {
-      sx: { mb: 12 },
-      children: [y(r, o) && /* @__PURE__ */ e(s, {
-        sx: { mb: 12 },
-        children: [/* @__PURE__ */ t(_, { date: i.delivered_at }), /* @__PURE__ */ t(C, {})]
-      }), /* @__PURE__ */ t(b, {
-        notification: i,
-        onClick: h
-      })]
-    }, i.guid))
-  })] });
-}, M = k(T);
-export {
-  M as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/notifications/components/NotificationList/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/notifications/components/NotificationList.tsx"],"sourcesContent":["import React, { useEffect } 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'\n\nimport {\n  shouldShowDate,\n  getInsightNotificationTypeValues,\n} from '../../core/utils/NotificationUtils'\nimport {\n  type Notification,\n  NotificationTypes,\n  NotificationTypes as NotificationTypesEnum,\n} from '../../core'\n\nimport { Loader, useGlobalUiStore, useNotificationStore } from '../../common'\n\nimport DateRow from './DateRow'\nimport NotificationCard from './NotificationCard'\nimport { NotificationEmptyState } from './NotificationsEmptyState'\n\nexport interface NotificationListProps {\n  notificationTypes?: NotificationTypes[]\n  onClick?: (notification: Notification) => void\n  onManageNotifications: () => void\n}\n\nconst NotificationList: React.FC<NotificationListProps> = ({\n  notificationTypes,\n  onClick,\n  onManageNotifications,\n}) => {\n  const { isLoading, loadNotifications, markAllAsViewed, recentNotifications } =\n    useNotificationStore()\n  const { isInitialized } = useGlobalUiStore()\n\n  const handleClick = (notification: Notification) => {\n    onClick?.(notification)\n  }\n\n  useEffect(() => {\n    loadNotifications()\n      .then(() => markAllAsViewed())\n      .finally()\n  }, [])\n\n  const isNotificationTypesInsights = notificationTypes?.includes(NotificationTypesEnum.Insights)\n\n  if (!isInitialized || isLoading) {\n    return <Loader />\n  }\n\n  const filteredNotifications = recentNotifications\n    .slice()\n    .sort((a, b) => b.delivered_at - a.delivered_at)\n    .filter((notification) =>\n      isNotificationTypesInsights\n        ? getInsightNotificationTypeValues().has(notification.notification_type)\n        : true,\n    )\n\n  return (\n    <>\n      {filteredNotifications.length === 0 && (\n        <NotificationEmptyState onManageNotifications={onManageNotifications} />\n      )}\n      <List sx={{ p: 16 }}>\n        {filteredNotifications.map((notification, index) => {\n          const showDate = shouldShowDate(index, filteredNotifications)\n\n          return (\n            <Box key={notification.guid} sx={{ mb: 12 }}>\n              {showDate && (\n                <Box sx={{ mb: 12 }}>\n                  <DateRow date={notification.delivered_at} />\n                  <Divider />\n                </Box>\n              )}\n              <NotificationCard notification={notification} onClick={handleClick} />\n            </Box>\n          )\n        })}\n      </List>\n    </>\n  )\n}\n\nexport default observer(NotificationList)\n"],"mappings":";;;;;;;;;;;;;AA6BA,IAAM,IAAA,CAAqD,EACzD,mBAAA,GACA,SAAA,GACA,uBAAA,EAAA,MACI;AACJ,QAAM,EAAE,WAAA,GAAW,mBAAA,GAAmB,iBAAA,GAAiB,qBAAA,EAAA,IACrD,EAAqB,GACjB,EAAE,eAAA,EAAA,IAAkB,EAAiB,GAErC,IAAA,CAAe,MAA+B;AAClD,IAAA,IAAU,CAAY;AAAA,EACxB;AAEA,EAAA,EAAA,MAAgB;AACd,IAAA,EAAkB,EACf,KAAA,MAAW,EAAgB,CAAC,EAC5B,QAAQ;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,QAAM,IAA8B,GAAmB,SAAS,EAAsB,QAAQ;AAE9F,MAAI,CAAC,KAAiB,EACpB,QAAO,gBAAA,EAAC,GAAD,CAAS,CAAA;AAGlB,QAAM,IAAwB,EAC3B,MAAM,EACN,KAAA,CAAM,GAAG,MAAM,EAAE,eAAe,EAAE,YAAY,EAC9C,OAAA,CAAQ,MACP,IACI,EAAiC,EAAE,IAAI,EAAa,iBAAiB,IACrE,EACN;AAEF,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACG,EAAsB,WAAW,KAChC,gBAAA,EAAC,GAAD,EAA+C,uBAAA,EAAwB,CAAA,GAEzE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,GAAG,GAAG;AAAA,cACf,EAAsB,IAAA,CAAK,GAAc,MAItC,gBAAA,EAAC,GAAD;AAAA,MAA6B,IAAI,EAAE,IAAI,GAAG;AAAA,gBAA1C,CAHe,EAAe,GAAO,CAIlC,KACC,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,IAAI,GAAG;AAAA,kBAAlB,CACE,gBAAA,EAAC,GAAD,EAAS,MAAM,EAAa,aAAe,CAAA,GAC3C,gBAAA,EAAC,GAAD,CAAU,CAAA,CACP;AAAA,UAEP,gBAAA,EAAC,GAAD;AAAA,QAAgC,cAAA;AAAA,QAAc,SAAS;AAAA,MAAc,CAAA,CAClE;AAAA,OARK,EAAa,IAQlB,CAER;AAAA,EACG,CAAA,CACN,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAgB"}

package/dist/notifications/components/NotificationsEmptyState/index.es.js

@@ -1,49 +0,0 @@
-import { useGlobalCopyStore as e } from "../../../common/context/hooks/index.es.js";
-import { observer as r } from "mobx-react-lite";
-import a from "@mui/material/Stack";
-import { Text as o } from "@mxenabled/mxui";
-import s from "@mui/material/Button";
-import { Icon as c } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-var y = r(({ onManageNotifications: n }) => {
-  const { notifications: i } = e();
-  return /* @__PURE__ */ m(a, {
-    sx: {
-      alignItems: "center",
-      height: "95%",
-      justifyContent: "center"
-    },
-    children: [
-      /* @__PURE__ */ t(c, {
-        name: "notifications",
-        size: 32
-      }),
-      /* @__PURE__ */ t(o, {
-        sx: { pt: 32 },
-        variant: "h3",
-        children: i.notification_empty_state.no_new_notifications
-      }),
-      /* @__PURE__ */ t(o, {
-        sx: {
-          maxWidth: 327,
-          pb: 24,
-          pt: 12,
-          textAlign: "center"
-        },
-        variant: "subtitle1",
-        children: i.notification_empty_state.notification_description
-      }),
-      /* @__PURE__ */ t(s, {
-        onClick: n,
-        sx: { p: "12px 16px" },
-        variant: "outlined",
-        children: i.notification_empty_state.manage_notifications
-      })
-    ]
-  });
-});
-export {
-  y as NotificationEmptyState
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/notifications/components/NotificationsEmptyState/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/notifications/components/NotificationsEmptyState.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { useGlobalCopyStore } from '../../common'\n\ninterface NotificationEmptyStateProps {\n  onManageNotifications: () => void\n}\n\nexport const NotificationEmptyState = observer(\n  ({ onManageNotifications }: NotificationEmptyStateProps) => {\n    const { notifications: notificationsCopy } = useGlobalCopyStore()\n\n    return (\n      <Stack sx={{ alignItems: 'center', height: '95%', justifyContent: 'center' }}>\n        <Icon name=\"notifications\" size={32} />\n\n        <Text sx={{ pt: 32 }} variant=\"h3\">\n          {notificationsCopy.notification_empty_state.no_new_notifications}\n        </Text>\n        <Text\n          sx={{\n            maxWidth: 327,\n            pb: 24,\n            pt: 12,\n            textAlign: 'center',\n          }}\n          variant=\"subtitle1\"\n        >\n          {notificationsCopy.notification_empty_state.notification_description}\n        </Text>\n        <Button onClick={onManageNotifications} sx={{ p: '12px 16px' }} variant=\"outlined\">\n          {notificationsCopy.notification_empty_state.manage_notifications}\n        </Button>\n      </Stack>\n    )\n  },\n)\n"],"mappings":";;;;;;;AAYA,IAAa,IAAyB,EAAA,CACnC,EAAE,uBAAA,EAAA,MAAyD;AAC1D,QAAM,EAAE,eAAe,EAAA,IAAsB,EAAmB;AAEhE,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,QAAQ;AAAA,MAAO,gBAAgB;AAAA,IAAS;AAAA,cAA3E;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAgB,MAAM;AAAA,MAAK,CAAA;AAAA,MAEtC,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,IAAI,GAAG;AAAA,QAAG,SAAQ;AAAA,kBAC3B,EAAkB,yBAAyB;AAAA,MACxC,CAAA;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,UAAU;AAAA,UACV,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW;AAAA,QACb;AAAA,QACA,SAAQ;AAAA,kBAEP,EAAkB,yBAAyB;AAAA,MACxC,CAAA;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,QAAQ,SAAS;AAAA,QAAuB,IAAI,EAAE,GAAG,YAAY;AAAA,QAAG,SAAQ;AAAA,kBACrE,EAAkB,yBAAyB;AAAA,MACtC,CAAA;AAAA,IACH;AAAA;AAEX,CACF"}

package/dist/notifications/constants/NotificationConstants/index.es.js

@@ -1,24 +0,0 @@
-import { ApiEndpoints as t } from "../../../core/constants/ApiEndpoints/index.es.js";
-import { AccountNotificationTypes as e, BudgetNotificationTypes as a } from "../../../core/types/Notification/index.es.js";
-var o = (n) => {
-  switch (n) {
-    case a.BudgetExceeded:
-    case a.BudgetOffTarget:
-      return t.BUDGETS;
-    case e.DebtPaymentReminder:
-    case e.AccountBalanceLow:
-    case e.AccountDepositLarge:
-      return t.ACCOUNTS;
-    case e.TransactionExpenseLarge:
-    case e.TransactionFeeCharge:
-    case e.InternationalTransaction:
-      return t.TRANSACTIONS;
-    default:
-      return null;
-  }
-};
-export {
-  o as getNotificationDetailRoute
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/notifications/constants/NotificationConstants/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/notifications/constants/NotificationConstants.ts"],"sourcesContent":["import { ApiEndpoints } from '../../core/constants'\nimport { AccountNotificationTypes, BudgetNotificationTypes } from '../../core'\n\nexport const getNotificationDetailRoute = (notificationType: number) => {\n  switch (notificationType) {\n    case BudgetNotificationTypes.BudgetExceeded:\n    case BudgetNotificationTypes.BudgetOffTarget:\n      return ApiEndpoints.BUDGETS\n    case AccountNotificationTypes.DebtPaymentReminder:\n    case AccountNotificationTypes.AccountBalanceLow:\n    case AccountNotificationTypes.AccountDepositLarge:\n      return ApiEndpoints.ACCOUNTS\n    case AccountNotificationTypes.TransactionExpenseLarge:\n    case AccountNotificationTypes.TransactionFeeCharge:\n    case AccountNotificationTypes.InternationalTransaction:\n      return ApiEndpoints.TRANSACTIONS\n    default:\n      return null\n  }\n}\n"],"mappings":";;AAGA,IAAa,IAAA,CAA8B,MAA6B;AACtE,UAAQ,GAAR;AAAA,IACE,KAAK,EAAwB;AAAA,IAC7B,KAAK,EAAwB;AAC3B,aAAO,EAAa;AAAA,IACtB,KAAK,EAAyB;AAAA,IAC9B,KAAK,EAAyB;AAAA,IAC9B,KAAK,EAAyB;AAC5B,aAAO,EAAa;AAAA,IACtB,KAAK,EAAyB;AAAA,IAC9B,KAAK,EAAyB;AAAA,IAC9B,KAAK,EAAyB;AAC5B,aAAO,EAAa;AAAA,IACtB;AACE,aAAO;AAAA,EACX;AACF"}

package/dist/recurringtransactions/RecurringTransactionsMicroWidget/index.es.js

@@ -1,54 +0,0 @@
-import { useEvent as R, useGlobalCopyStore as C, useGlobalUiStore as S, useRecurringTransactionsStore as _, useTransactionStore as A } from "../../common/context/hooks/index.es.js";
-import { useWidgetLoadTimer as E } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import { ANALYTICS_EVENTS as o } from "../../common/constants/Analytics/index.es.js";
-import N from "../../common/components/MicroWidgetContainer/index.es.js";
-import I from "../../common/components/Loader/index.es.js";
-import { ZeroStateMicroWidget as L } from "../ZeroStateMicroWidget/index.es.js";
-import { MicroWidgetContent as h } from "../components/MicroWidgetContent/index.es.js";
-import m from "react";
-import { observer as D } from "mobx-react-lite";
-import { endOfMonth as y } from "date-fns/endOfMonth";
-import { startOfMonth as G } from "date-fns/startOfMonth";
-import { startOfToday as O } from "date-fns/startOfToday";
-import { jsx as t } from "react/jsx-runtime";
-import { endOfToday as W } from "date-fns/endOfToday";
-import { subDays as b } from "date-fns/subDays";
-var H = D(({ onCTAClick: d }) => {
-  const { onEvent: i } = R(), { isInitialized: e, selectedAccountGuids: a } = S(), { loadRepeatingTransactionData: f, upcomingRecurrences: n, repeatingTransactions: g, setDateRange: u, isDataLoaded: r } = _(), { setFilter: p } = A(), { recurring: s, budgets: T } = C();
-  E({
-    widgetName: "RecurringTransactionsMicroWidget",
-    isLoaded: r
-  }), m.useEffect(() => {
-    r || f().finally(() => {
-      i(o.RECURRING_TRANSACTIONS_LOAD_WIDGET, { state: n.length > 0 ? "default" : "zeroState" });
-    });
-  }, []), m.useEffect(() => {
-    e && (p({
-      dateRange: {
-        start: b(O(), 90),
-        end: W()
-      },
-      accounts: a
-    }), u({
-      start: G(/* @__PURE__ */ new Date()),
-      end: y(/* @__PURE__ */ new Date())
-    }));
-  }, [e, a]);
-  const l = () => {
-    i(n.length > 0 ? o.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : o.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL), d();
-  };
-  if (!e || !r) return /* @__PURE__ */ t(I, { height: 100 });
-  const c = !g?.length;
-  return /* @__PURE__ */ t(N, {
-    className: "mx-recurring-transaction-microwidget",
-    ctaLabel: c ? T.get_started_cta : s.primary_cta,
-    onCTAClick: l,
-    title: s.recurring_expenses,
-    children: c ? /* @__PURE__ */ t(L, {}) : /* @__PURE__ */ t(h, {})
-  });
-});
-export {
-  H as RecurringTransactionsMicroWidget
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/RecurringTransactionsMicroWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/recurringtransactions/RecurringTransactionsMicroWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { endOfToday } from 'date-fns/endOfToday'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subDays } from 'date-fns/subDays'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  MicroWidgetContainer,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  useWidgetLoadTimer,\n} from '../common'\n\nimport { ZeroStateMicroWidget } from './ZeroStateMicroWidget'\nimport { MicroWidgetContent } from './components/MicroWidgetContent'\n\ninterface RecurringTransactionsMicroWidgetProps {\n  onCTAClick: () => void\n}\n\nexport const RecurringTransactionsMicroWidget = observer(\n  ({ onCTAClick }: RecurringTransactionsMicroWidgetProps) => {\n    const { onEvent } = useEvent()\n\n    const { isInitialized, selectedAccountGuids } = useGlobalUiStore()\n    const {\n      loadRepeatingTransactionData,\n      upcomingRecurrences,\n      repeatingTransactions,\n      setDateRange,\n      isDataLoaded,\n    } = useRecurringTransactionsStore()\n    const { setFilter } = useTransactionStore()\n    const { recurring: copy, budgets: budgetsCopy } = useGlobalCopyStore()\n\n    useWidgetLoadTimer({\n      widgetName: 'RecurringTransactionsMicroWidget',\n      isLoaded: isDataLoaded,\n    })\n\n    React.useEffect(() => {\n      if (!isDataLoaded) {\n        // Load the repeating transactions and related data\n        loadRepeatingTransactionData().finally(() => {\n          onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_LOAD_WIDGET, {\n            state: upcomingRecurrences.length > 0 ? 'default' : 'zeroState',\n          })\n        })\n      }\n    }, [])\n\n    React.useEffect(() => {\n      if (isInitialized) {\n        setFilter({\n          dateRange: { start: subDays(startOfToday(), 90), end: endOfToday() },\n          accounts: selectedAccountGuids,\n        })\n        setDateRange({ start: startOfMonth(new Date()), end: endOfMonth(new Date()) })\n      }\n    }, [isInitialized, selectedAccountGuids])\n\n    const handleCTAClick = () => {\n      onEvent(\n        upcomingRecurrences.length > 0\n          ? ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_GET_STARTED\n          : ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL,\n      )\n      onCTAClick()\n    }\n\n    if (!isInitialized || !isDataLoaded) return <Loader height={100} />\n\n    const showZeroState = !repeatingTransactions?.length\n\n    return (\n      <MicroWidgetContainer\n        className=\"mx-recurring-transaction-microwidget\"\n        ctaLabel={showZeroState ? budgetsCopy.get_started_cta : copy.primary_cta}\n        onCTAClick={handleCTAClick}\n        title={copy.recurring_expenses}\n      >\n        {!showZeroState ? <MicroWidgetContent /> : <ZeroStateMicroWidget />}\n      </MicroWidgetContainer>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,IAAa,IAAmC,EAAA,CAC7C,EAAE,YAAA,EAAA,MAAwD;AACzD,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,EAAE,eAAA,GAAe,sBAAA,EAAA,IAAyB,EAAiB,GAC3D,EACJ,8BAAA,GACA,qBAAA,GACA,uBAAA,GACA,cAAA,GACA,cAAA,EAAA,IACE,EAA8B,GAC5B,EAAE,WAAA,EAAA,IAAc,EAAoB,GACpC,EAAE,WAAW,GAAM,SAAS,EAAA,IAAgB,EAAmB;AAErE,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,KAEH,EAA6B,EAAE,QAAA,MAAc;AAC3C,MAAA,EAAQ,EAAiB,oCAAoC,EAC3D,OAAO,EAAoB,SAAS,IAAI,YAAY,YACtD,CAAC;AAAA,IACH,CAAC;AAAA,EAEL,GAAG,CAAC,CAAC,GAEL,EAAM,UAAA,MAAgB;AACpB,IAAI,MACF,EAAU;AAAA,MACR,WAAW;AAAA,QAAE,OAAO,EAAQ,EAAa,GAAG,EAAE;AAAA,QAAG,KAAK,EAAW;AAAA,MAAE;AAAA,MACnE,UAAU;AAAA,IACZ,CAAC,GACD,EAAa;AAAA,MAAE,OAAO,EAAa,oBAAI,KAAK,CAAC;AAAA,MAAG,KAAK,EAAW,oBAAI,KAAK,CAAC;AAAA,IAAE,CAAC;AAAA,EAEjF,GAAG,CAAC,GAAe,CAAoB,CAAC;AAExC,QAAM,IAAA,MAAuB;AAC3B,IAAA,EACE,EAAoB,SAAS,IACzB,EAAiB,2CACjB,EAAiB,qCACvB,GACA,EAAW;AAAA,EACb;AAEA,MAAI,CAAC,KAAiB,CAAC,EAAc,QAAO,gBAAA,EAAC,GAAD,EAAQ,QAAQ,IAAM,CAAA;AAElE,QAAM,IAAgB,CAAC,GAAuB;AAE9C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,UAAU,IAAgB,EAAY,kBAAkB,EAAK;AAAA,IAC7D,YAAY;AAAA,IACZ,OAAO,EAAK;AAAA,cAEV,IAAyC,gBAAA,EAAC,GAAD,CAAuB,CAAA,IAAhD,gBAAA,EAAC,GAAD,CAAqB,CAAA;AAAA,EACnB,CAAA;AAE1B,CACF"}

package/dist/recurringtransactions/RecurringTransactionsMiniWidget/index.es.js

@@ -1,47 +0,0 @@
-import { useGlobalCopyStore as d, useGlobalUiStore as f, useRecurringTransactionsStore as l, useTransactionStore as p } from "../../common/context/hooks/index.es.js";
-import { useWidgetLoadTimer as u } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import g from "../../common/components/MiniWidgetContainer/index.es.js";
-import y from "../../common/components/Loader/index.es.js";
-import { SkeletonLoader as T } from "../../common/components/SkeletonLoader/index.es.js";
-import { RecurringTransactionDetailsDrawer as b } from "../components/RecurringTransactionDetailsDrawer/index.es.js";
-import { MiniWidgetContent as x } from "../components/MiniWidgetContent/index.es.js";
-import a from "react";
-import { observer as L } from "mobx-react-lite";
-import { startOfToday as R } from "date-fns/startOfToday";
-import { jsx as i, jsxs as C } from "react/jsx-runtime";
-import { endOfToday as D } from "date-fns/endOfToday";
-import { subDays as S } from "date-fns/subDays";
-var z = L(({ onPrimaryCtaClick: o, sx: n }) => {
-  const { recurring: r } = d(), { setFilter: s } = p(), { isDataLoaded: t, loadRepeatingTransactionData: m } = l(), { isInitialized: c, selectedAccountGuids: e } = f();
-  return u({
-    widgetName: "RecurringTransactionsMiniWidget",
-    isLoaded: t
-  }), a.useEffect(() => {
-    t || m().finally();
-  }, []), a.useEffect(() => {
-    e.length > 0 && s({
-      dateRange: {
-        start: S(R(), 90),
-        end: D()
-      },
-      accounts: e
-    });
-  }, [e]), c ? /* @__PURE__ */ C(g, {
-    className: "mx-exp-recurring-transactions-miniwidget",
-    onPrimaryCtaClick: o,
-    primaryCtaLabel: r.primary_cta,
-    primaryCtaLabelAria: r.primary_cta_aria,
-    subTitle: r.sub_title,
-    sx: n,
-    title: r.mini_title,
-    children: [t ? /* @__PURE__ */ i(x, {}) : /* @__PURE__ */ i(T, {
-      sx: { mx: 16 },
-      variant: "list"
-    }), /* @__PURE__ */ i(b, {})]
-  }) : /* @__PURE__ */ i(y, {});
-});
-export {
-  z as RecurringTransactionsMiniWidget
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/RecurringTransactionsMiniWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../src/recurringtransactions/RecurringTransactionsMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { endOfToday } from 'date-fns/endOfToday'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subDays } from 'date-fns/subDays'\n\nimport {\n  Loader,\n  MiniWidgetContainer,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  useWidgetLoadTimer,\n} from '../common'\nimport { type MiniWidgetProps } from '../core'\n\nimport { MiniWidgetContent } from './components/MiniWidgetContent'\nimport { RecurringTransactionDetailsDrawer } from './components/RecurringTransactionDetailsDrawer'\nimport { SkeletonLoader } from '../common/components/SkeletonLoader'\n\nexport const RecurringTransactionsMiniWidget = observer(\n  ({ onPrimaryCtaClick, sx }: MiniWidgetProps) => {\n    const { recurring: copy } = useGlobalCopyStore()\n    const { setFilter } = useTransactionStore()\n    const { isDataLoaded, loadRepeatingTransactionData } = useRecurringTransactionsStore()\n    const { isInitialized, selectedAccountGuids } = useGlobalUiStore()\n\n    useWidgetLoadTimer({\n      widgetName: 'RecurringTransactionsMiniWidget',\n      isLoaded: isDataLoaded,\n    })\n\n    React.useEffect(() => {\n      if (!isDataLoaded) {\n        loadRepeatingTransactionData().finally()\n      }\n    }, [])\n\n    React.useEffect(() => {\n      if (selectedAccountGuids.length > 0) {\n        setFilter({\n          dateRange: { start: subDays(startOfToday(), 90), end: endOfToday() },\n          accounts: selectedAccountGuids,\n        })\n      }\n    }, [selectedAccountGuids])\n\n    if (!isInitialized) return <Loader />\n\n    return (\n      <MiniWidgetContainer\n        className=\"mx-exp-recurring-transactions-miniwidget\"\n        onPrimaryCtaClick={onPrimaryCtaClick}\n        primaryCtaLabel={copy.primary_cta}\n        primaryCtaLabelAria={copy.primary_cta_aria}\n        subTitle={copy.sub_title}\n        sx={sx}\n        title={copy.mini_title}\n      >\n        {isDataLoaded ? <MiniWidgetContent /> : <SkeletonLoader sx={{ mx: 16 }} variant=\"list\" />}\n\n        <RecurringTransactionDetailsDrawer />\n      </MiniWidgetContainer>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAa,IAAkC,EAAA,CAC5C,EAAE,mBAAA,GAAmB,IAAA,EAAA,MAA0B;AAC9C,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EAAE,WAAA,EAAA,IAAc,EAAoB,GACpC,EAAE,cAAA,GAAc,8BAAA,EAAA,IAAiC,EAA8B,GAC/E,EAAE,eAAA,GAAe,sBAAA,EAAA,IAAyB,EAAiB;AAsBjE,SApBA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAA6B,EAAE,QAAQ;AAAA,EAE3C,GAAG,CAAC,CAAC,GAEL,EAAM,UAAA,MAAgB;AACpB,IAAI,EAAqB,SAAS,KAChC,EAAU;AAAA,MACR,WAAW;AAAA,QAAE,OAAO,EAAQ,EAAa,GAAG,EAAE;AAAA,QAAG,KAAK,EAAW;AAAA,MAAE;AAAA,MACnE,UAAU;AAAA,IACZ,CAAC;AAAA,EAEL,GAAG,CAAC,CAAoB,CAAC,GAEpB,IAGH,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACS,mBAAA;AAAA,IACnB,iBAAiB,EAAK;AAAA,IACtB,qBAAqB,EAAK;AAAA,IAC1B,UAAU,EAAK;AAAA,IACX,IAAA;AAAA,IACJ,OAAO,EAAK;AAAA,cAPd,CASG,IAAe,gBAAA,EAAC,GAAD,CAAoB,CAAA,IAAI,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI,EAAE,IAAI,GAAG;AAAA,MAAG,SAAQ;AAAA,IAAQ,CAAA,GAExF,gBAAA,EAAC,GAAD,CAAoC,CAAA,CACjB;AAAA,OAfI,gBAAA,EAAC,GAAD,CAAS,CAAA;AAiBtC,CACF"}