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

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

@@ -0,0 +1,56 @@
+import { useNotificationStore as n } from "../../common/context/hooks.es.js";
+import i from "./NotificationBadge.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=NotificationCard.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCard.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.es.js

@@ -0,0 +1,47 @@
+import { useAppConfig as g, useGlobalCopyStore as _, useGlobalUiStore as u } from "../../common/context/hooks.es.js";
+import n from "../../common/components/drawer/Drawer.es.js";
+import d from "../../common/components/Loader.es.js";
+import h from "./NotificationList.es.js";
+import { NotificationSettings as S } from "../../settings/components/notifications/NotificationSettings.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=NotificationDrawer.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawer.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.es.js

@@ -0,0 +1,42 @@
+import { useGlobalUiStore as N, useNotificationStore as g } from "../../common/context/hooks.es.js";
+import { NotificationTypes as v } from "../../core/types/Notification.es.js";
+import { getInsightNotificationTypeValues as x, shouldShowDate as y } from "../../core/utils/NotificationUtils.es.js";
+import L from "../../common/components/Loader.es.js";
+import _ from "./DateRow.es.js";
+import b from "./NotificationCard.es.js";
+import { NotificationEmptyState as I } from "./NotificationsEmptyState.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=NotificationList.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationList.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.es.js

@@ -0,0 +1,49 @@
+import { useGlobalCopyStore as e } from "../../common/context/hooks.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=NotificationsEmptyState.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsEmptyState.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.es.js

@@ -0,0 +1,24 @@
+import { ApiEndpoints as t } from "../../core/constants/ApiEndpoints.es.js";
+import { AccountNotificationTypes as e, BudgetNotificationTypes as a } from "../../core/types/Notification.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=NotificationConstants.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationConstants.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/notifications/index.es.js

@@ -1,200 +1,8 @@
-import { A as f, B as N, N as A } from "../Notification-DTNYSd8P.mjs";
-import { A as y } from "../ApiEndpoints-DXwIYNUV.mjs";
-import { jsx as t, jsxs as l, Fragment as S } from "react/jsx-runtime";
-import T, { useEffect as D } from "react";
-import { observer as p } from "mobx-react-lite";
-import b from "@mui/material/Box";
-import B from "@mui/material/Divider";
-import I from "@mui/material/List";
-import { g as R, s as O } from "../NotificationUtils-BRGFTePr.mjs";
-import { Text as m, InstitutionLogo as G, CategoryIcon as E } from "@mxenabled/mxui";
-import { k as j } from "../DateUtil-Bl7d7C1W.mjs";
-import { useTheme as z, Card as U } from "@mui/material";
-import { c as F, o as P, u as C, y as k, a as v, i as V } from "../hooks-97sNJ_lf.mjs";
-import { Icon as W, Settings as $ } from "@mxenabled/mx-icons";
-import M from "@mui/material/Button";
-import X from "@mui/material/Stack";
-import { L as w } from "../Loader-CxeBwuPG.mjs";
-import Y from "@mui/material/IconButton";
-import { N as q } from "../NotificationSettings-BXpzPNjH.mjs";
-import { D as x } from "../Drawer-DLUMdk6P.mjs";
-const xt = (i) => {
-  switch (i) {
-    case N.BudgetExceeded:
-    case N.BudgetOffTarget:
-      return y.BUDGETS;
-    case f.DebtPaymentReminder:
-    case f.AccountBalanceLow:
-    case f.AccountDepositLarge:
-      return y.ACCOUNTS;
-    case f.TransactionExpenseLarge:
-    case f.TransactionFeeCharge:
-    case f.InternationalTransaction:
-      return y.TRANSACTIONS;
-    default:
-      return null;
-  }
-}, H = ({ date: i }) => /* @__PURE__ */ t(b, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ t(m, { bold: !0, variant: "body2", children: j(i) }) }), J = ({ notification: i }) => {
-  const { accounts: e } = F(), { budgets: r } = P(), { accounts: n } = C(), o = e.find((c) => c.guid === i.entity_guid), a = r.find((c) => c.guid === i.entity_guid), d = i.entity_guid.includes("GOL"), u = {
-    badge: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      borderRadius: 4,
-      marginRight: 12
-    }
-  };
-  return o || d ? /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(
-    G,
-    {
-      alt: o?.institutionName || n.institution_logo_alt,
-      institutionGuid: o?.institution_guid ?? "",
-      size: 33
-    }
-  ) }) : /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(E, { categoryGuid: a?.category_guid, size: 36 }) });
-}, K = p(J), Q = ({ notification: i, onClick: e }) => {
-  const { updateNotification: r } = k(), n = z(), o = {
-    card: {
-      alignItems: "center",
-      cursor: "pointer",
-      display: "flex",
-      marginBottom: 12,
-      paddingX: 24,
-      paddingY: 12,
-      "&:focus": {
-        backgroundColor: n.palette.background.default
-      },
-      "&:hover": {
-        backgroundColor: n.palette.background.default
-      }
-    },
-    dot: {
-      backgroundColor: n.palette.primary.main,
-      borderRadius: "100%",
-      flex: "0 0 auto",
-      marginLeft: -8,
-      marginRight: 8,
-      height: 8,
-      width: 8
-    }
-  };
-  return /* @__PURE__ */ l(U, { onClick: () => {
-    e(i), r({ ...i, has_been_viewed: !0 }).finally();
-  }, sx: o.card, children: [
-    i.has_been_viewed ? null : /* @__PURE__ */ t("div", { "data-testid": "new-message-dot", style: o.dot }),
-    /* @__PURE__ */ t(K, { notification: i }),
-    /* @__PURE__ */ t(m, { bold: !i.has_been_viewed, truncate: !1, variant: "body2", children: i.content })
-  ] });
-}, Z = p(
-  ({ onManageNotifications: i }) => {
-    const { notifications: e } = C();
-    return /* @__PURE__ */ l(X, { sx: { alignItems: "center", height: "95%", justifyContent: "center" }, children: [
-      /* @__PURE__ */ t(W, { name: "notifications", size: 32 }),
-      /* @__PURE__ */ t(m, { sx: { pt: 32 }, variant: "h3", children: e.notification_empty_state.no_new_notifications }),
-      /* @__PURE__ */ t(
-        m,
-        {
-          sx: {
-            maxWidth: 327,
-            pb: 24,
-            pt: 12,
-            textAlign: "center"
-          },
-          variant: "subtitle1",
-          children: e.notification_empty_state.notification_description
-        }
-      ),
-      /* @__PURE__ */ t(M, { onClick: i, sx: { p: "12px 16px" }, variant: "outlined", children: e.notification_empty_state.manage_notifications })
-    ] });
-  }
-), tt = ({
-  notificationTypes: i,
-  onClick: e,
-  onManageNotifications: r
-}) => {
-  const { isLoading: n, loadNotifications: o, markAllAsViewed: a, recentNotifications: d } = k(), { isInitialized: u } = v(), c = (s) => {
-    e?.(s);
-  };
-  D(() => {
-    o().then(() => a()).finally();
-  }, []);
-  const g = i?.includes(A.Insights);
-  if (!u || n)
-    return /* @__PURE__ */ t(w, {});
-  const h = d.slice().sort((s, _) => _.delivered_at - s.delivered_at).filter(
-    (s) => g ? R().has(s.notification_type) : !0
-  );
-  return /* @__PURE__ */ l(S, { children: [
-    h.length === 0 && /* @__PURE__ */ t(Z, { onManageNotifications: r }),
-    /* @__PURE__ */ t(I, { sx: { p: 16 }, children: h.map((s, _) => {
-      const L = O(_, h);
-      return /* @__PURE__ */ l(b, { sx: { mb: 12 }, children: [
-        L && /* @__PURE__ */ l(b, { sx: { mb: 12 }, children: [
-          /* @__PURE__ */ t(H, { date: s.delivered_at }),
-          /* @__PURE__ */ t(B, {})
-        ] }),
-        /* @__PURE__ */ t(Q, { notification: s, onClick: c })
-      ] }, s.guid);
-    }) })
-  ] });
-}, it = p(tt), St = p(
-  ({ notificationTypes: i, isOpen: e, onClose: r, onNotificationClick: n }) => {
-    const { config: o } = V(), { notifications: a, settings: d } = C(), { isCopyLoaded: u } = v(), [c, g] = T.useState(!1);
-    return u ? /* @__PURE__ */ l(S, { children: [
-      /* @__PURE__ */ l(
-        x,
-        {
-          ariaLabelClose: a.close_notifications,
-          isOpen: e,
-          onClose: r,
-          title: a.notifications_title,
-          children: [
-            /* @__PURE__ */ t(
-              Y,
-              {
-                "aria-label": d.open_notification_settings_btn_aria,
-                onClick: () => g(!0),
-                sx: {
-                  position: "absolute",
-                  right: 8,
-                  top: 8
-                },
-                children: /* @__PURE__ */ t($, { size: 24 })
-              }
-            ),
-            /* @__PURE__ */ t(
-              it,
-              {
-                notificationTypes: i,
-                onClick: n,
-                onManageNotifications: () => g(!0)
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ t(
-        x,
-        {
-          ariaLabelClose: a.close_notification_settings,
-          isOpen: c,
-          onClose: () => g(!1),
-          title: d.notification_settings_title,
-          children: /* @__PURE__ */ t(
-            q,
-            {
-              notificationTypes: i,
-              showPersonalDetails: !o.display_user_profile_in_settings
-            }
-          )
-        }
-      )
-    ] }) : /* @__PURE__ */ t(w, {});
-  }
-);
+import { getNotificationDetailRoute as t } from "./constants/NotificationConstants.es.js";
+import r from "./components/NotificationList.es.js";
+import { NotificationDrawer as f } from "./components/NotificationDrawer.es.js";
 export {
-  St as NotificationDrawer,
-  it as NotificationList,
-  xt as getNotificationDetailRoute
+  f as NotificationDrawer,
+  r as NotificationList,
+  t as getNotificationDetailRoute
 };
-//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/RecurringTransactionsMicroWidget.es.js

@@ -0,0 +1,54 @@
+import { useEvent as R, useGlobalCopyStore as C, useGlobalUiStore as S, useRecurringTransactionsStore as _, useTransactionStore as A } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as E } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { ANALYTICS_EVENTS as o } from "../common/constants/Analytics.es.js";
+import N from "../common/components/MicroWidgetContainer.es.js";
+import I from "../common/components/Loader.es.js";
+import { ZeroStateMicroWidget as L } from "./ZeroStateMicroWidget.es.js";
+import { MicroWidgetContent as h } from "./components/MicroWidgetContent.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=RecurringTransactionsMicroWidget.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringTransactionsMicroWidget.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.es.js

@@ -0,0 +1,47 @@
+import { useGlobalCopyStore as d, useGlobalUiStore as f, useRecurringTransactionsStore as l, useTransactionStore as p } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as u } from "../common/hooks/useWidgetLoadTimer.es.js";
+import g from "../common/components/MiniWidgetContainer.es.js";
+import y from "../common/components/Loader.es.js";
+import { SkeletonLoader as T } from "../common/components/SkeletonLoader.es.js";
+import { RecurringTransactionDetailsDrawer as b } from "./components/RecurringTransactionDetailsDrawer.es.js";
+import { MiniWidgetContent as x } from "./components/MiniWidgetContent.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=RecurringTransactionsMiniWidget.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringTransactionsMiniWidget.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"}