@mx-cartographer/experiences 9.2.4-alpha.al2 → 9.3.0-alpha.bb1

package/dist/recurringtransactions/components/RecurringTransactionList/index.es.js

@@ -0,0 +1,181 @@
+import { DATE_FORMATS_INTL as A, formatDate as E } from "../../../core/constants/DateFormats/index.es.js";
+import { useEvent as N, useGlobalCopyStore as O, useRecurringTransactionsStore as z } from "../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as D } from "../../../common/constants/Analytics/index.es.js";
+import { RecurrenceStatus as o } from "../../../core/types/RepeatingTransaction/index.es.js";
+import { formatCurrency as j } from "../../../core/utils/NumberFormatting/index.es.js";
+import { ListItemWrapper as w } from "../../../common/components/ListItemWrapper/index.es.js";
+import c from "react";
+import l from "@mui/material/Stack";
+import { MerchantLogo as P, Text as a } from "@mxenabled/mxui";
+import { Cancel as U, CheckCircle as B, Icon as Y } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import F from "@mui/material/IconButton";
+import { getUnixTime as H } from "date-fns/getUnixTime";
+import { fromUnixTime as W } from "date-fns/fromUnixTime";
+import $ from "@mui/material/Divider";
+import K from "@mui/material/List";
+import V from "@mui/material/ListItemText";
+import q from "@mui/material/ListItemAvatar";
+import J from "@mui/material/MenuItem";
+import Q from "@mui/material/Menu";
+var X = (d, u) => {
+  const p = d.map((e) => ({
+    key: e.guid,
+    name: e.payee || e.description || e.feed_description,
+    amount: e.amount,
+    date: e.date,
+    merchantGuid: e.merchant_guid || "",
+    categoryGuid: e.top_level_category_guid || "",
+    category: e.category || "",
+    status: o.Paid,
+    transactionGuid: e.guid
+  })), h = u.map((e) => ({
+    key: `missed-${e.expectedDate.getTime()}`,
+    name: e.name,
+    amount: e.amount,
+    date: H(e.expectedDate),
+    merchantGuid: e.merchantGuid,
+    categoryGuid: e.categoryGuid,
+    category: "",
+    status: o.Missed
+  }));
+  return [...p, ...h].sort((e, m) => m.date - e.date);
+}, _e = ({ isIncome: d = !1, onMarkAsUnpaidClick: u, onMarkAsPaidClick: p, onTransactionClick: h, recurringTransaction: e, transactions: m }) => {
+  const { recurring: n } = O(), { onEvent: T } = N(), { recurrences: y } = z(), [x, _] = c.useState(null), [s, v] = c.useState(null), M = c.useMemo(() => y.filter((t) => t.repeatingTransactionGuid === e.guid && t.status === o.Missed), [y, e.guid]), C = c.useMemo(() => X(m, M), [m, M]), G = (t) => {
+    t.transactionGuid && h(t.transactionGuid);
+  }, R = (t, f) => {
+    t.stopPropagation(), _(t.currentTarget), v(f), T(D.RECURRING_TRANSACTIONS_LIST_CLICK_MORE_MENU);
+  }, b = () => {
+    _(null), v(null);
+  }, L = () => {
+    s && (s.status === o.Missed ? p() : s.transactionGuid && u(s.transactionGuid), b());
+  };
+  return /* @__PURE__ */ i(l, {
+    direction: "column",
+    sx: { minHeight: "30dvh" },
+    children: [
+      /* @__PURE__ */ r(a, {
+        bold: !0,
+        id: "past-activity",
+        sx: {
+          ml: 24,
+          mt: 16,
+          mb: 8
+        },
+        variant: "body1",
+        children: n.past_activity
+      }),
+      /* @__PURE__ */ r(K, {
+        "aria-labelledby": "past-activity",
+        sx: {
+          flex: 1,
+          overflow: "auto"
+        },
+        children: C.map((t, f) => {
+          const g = t.status === o.Paid, S = t.status === o.Missed, I = f === C.length - 1;
+          return /* @__PURE__ */ i(c.Fragment, { children: [/* @__PURE__ */ i(w, {
+            onClick: g ? () => G(t) : void 0,
+            sx: { "& .MuiListItemButton-root": { pr: 10 } },
+            children: [
+              /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(P, {
+                categoryGuid: t.categoryGuid,
+                merchantGuid: t.merchantGuid
+              }) }),
+              /* @__PURE__ */ r(V, {
+                disableTypography: !0,
+                secondary: /* @__PURE__ */ i(l, {
+                  direction: "row",
+                  justifyContent: "space-between",
+                  children: [/* @__PURE__ */ r(a, {
+                    variant: "caption",
+                    children: E(W(t.date), A.MONTH_DAY_YEAR)
+                  }), /* @__PURE__ */ i(l, {
+                    alignItems: "center",
+                    direction: "row",
+                    gap: 6,
+                    sx: { textTransform: "uppercase" },
+                    children: [
+                      g && /* @__PURE__ */ r(B, {
+                        color: "success",
+                        filled: !0,
+                        size: 12
+                      }),
+                      S && /* @__PURE__ */ r(U, {
+                        color: "error",
+                        filled: !0,
+                        size: 12
+                      }),
+                      /* @__PURE__ */ r(a, {
+                        bold: !0,
+                        color: "text.secondary",
+                        variant: "caption",
+                        children: g ? n.paid?.toLowerCase() : n.missed?.toLowerCase()
+                      })
+                    ]
+                  })]
+                }),
+                children: /* @__PURE__ */ i(l, {
+                  direction: "row",
+                  justifyContent: "space-between",
+                  sx: { gap: 8 },
+                  children: [/* @__PURE__ */ r(a, {
+                    bold: !0,
+                    variant: "body1",
+                    children: t.name
+                  }), /* @__PURE__ */ i(a, {
+                    bold: !0,
+                    color: d ? "success.main" : "text.primary",
+                    sx: { flexShrink: 0 },
+                    variant: "body1",
+                    children: [d ? "+" : "", j(t.amount, "0,0.00")]
+                  })]
+                })
+              }),
+              /* @__PURE__ */ r(F, {
+                "aria-label": n.more_menu_aria,
+                onClick: (k) => R(k, t),
+                size: "small",
+                sx: {
+                  alignSelf: "center",
+                  ml: 4
+                },
+                children: /* @__PURE__ */ r(Y, {
+                  name: "more_vert",
+                  size: 20,
+                  sx: { color: "text.secondary" }
+                })
+              })
+            ]
+          }), /* @__PURE__ */ r($, { variant: I ? "fullWidth" : "inset" })] }, t.key);
+        })
+      }),
+      /* @__PURE__ */ r(Q, {
+        anchorEl: x,
+        anchorOrigin: {
+          horizontal: "right",
+          vertical: "bottom"
+        },
+        disableScrollLock: !0,
+        onClose: b,
+        open: !!x,
+        transformOrigin: {
+          horizontal: "right",
+          vertical: "top"
+        },
+        children: /* @__PURE__ */ r(J, {
+          onClick: L,
+          sx: { p: 12 },
+          children: /* @__PURE__ */ r(a, {
+            variant: "body1",
+            children: s?.status === o.Missed ? n.mark_as_paid_cta : n.mark_as_unpaid_cta
+          })
+        })
+      })
+    ]
+  });
+};
+export {
+  _e as RecurringTransactionList
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/RecurringTransactionList/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/recurringtransactions/components/RecurringTransactionList.tsx"],"sourcesContent":["import React from 'react'\n\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { getUnixTime } from 'date-fns/getUnixTime'\n\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport List from '@mui/material/List'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemText from '@mui/material/ListItemText'\nimport Menu from '@mui/material/Menu'\nimport MenuItem from '@mui/material/MenuItem'\nimport Stack from '@mui/material/Stack'\n\nimport { Cancel, CheckCircle, Icon } from '@mxenabled/mx-icons'\nimport { MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  formatCurrency,\n  ListItemWrapper,\n  useEvent,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n} from '../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\n\nimport {\n  type Recurrence,\n  type Transaction,\n  RecurrenceStatus,\n  RepeatingTransaction,\n} from '../../core'\n\ntype RecurringTransactionRow = {\n  key: string\n  name: string\n  amount: number\n  date: number\n  merchantGuid: string\n  categoryGuid: string\n  category: string\n  status: RecurrenceStatus.Paid | RecurrenceStatus.Missed\n  transactionGuid?: string\n}\n\nconst buildRows = (\n  transactions: Transaction[],\n  missedRecurrences: Recurrence[],\n): RecurringTransactionRow[] => {\n  const paidRows: RecurringTransactionRow[] = transactions.map((t) => ({\n    key: t.guid,\n    name: t.payee || t.description || t.feed_description,\n    amount: t.amount,\n    date: t.date,\n    merchantGuid: t.merchant_guid || '',\n    categoryGuid: t.top_level_category_guid || '',\n    category: t.category || '',\n    status: RecurrenceStatus.Paid,\n    transactionGuid: t.guid,\n  }))\n\n  const missedRows: RecurringTransactionRow[] = missedRecurrences.map((r) => ({\n    key: `missed-${r.expectedDate.getTime()}`,\n    name: r.name,\n    amount: r.amount,\n    date: getUnixTime(r.expectedDate),\n    merchantGuid: r.merchantGuid,\n    categoryGuid: r.categoryGuid,\n    category: '',\n    status: RecurrenceStatus.Missed,\n  }))\n\n  return [...paidRows, ...missedRows].sort((a, b) => b.date - a.date)\n}\n\ninterface RecurringTransactionListProps {\n  isIncome?: boolean\n  onMarkAsPaidClick: () => void\n  onMarkAsUnpaidClick: (transactionGuid: string) => void\n  onTransactionClick: (guid: string) => void\n  recurringTransaction: RepeatingTransaction\n  transactions: Transaction[]\n}\n\nexport const RecurringTransactionList = ({\n  isIncome = false,\n  onMarkAsUnpaidClick,\n  onMarkAsPaidClick,\n  onTransactionClick,\n  recurringTransaction,\n  transactions,\n}: RecurringTransactionListProps) => {\n  const { recurring: copy } = useGlobalCopyStore()\n  const { onEvent } = useEvent()\n  const { recurrences } = useRecurringTransactionsStore()\n\n  const [menuAnchorEl, setMenuAnchorEl] = React.useState<HTMLElement | null>(null)\n  const [menuRow, setMenuRow] = React.useState<RecurringTransactionRow | null>(null)\n\n  const missedRecurrences = React.useMemo(\n    () =>\n      recurrences.filter(\n        (r) =>\n          r.repeatingTransactionGuid === recurringTransaction.guid &&\n          r.status === RecurrenceStatus.Missed,\n      ),\n    [recurrences, recurringTransaction.guid],\n  )\n\n  const rows = React.useMemo(\n    () => buildRows(transactions, missedRecurrences),\n    [transactions, missedRecurrences],\n  )\n\n  const handleClick = (row: RecurringTransactionRow) => {\n    if (row.transactionGuid) {\n      onTransactionClick(row.transactionGuid)\n    }\n  }\n\n  const handleMenuOpen = (e: React.MouseEvent<HTMLElement>, row: RecurringTransactionRow) => {\n    e.stopPropagation()\n    setMenuAnchorEl(e.currentTarget)\n    setMenuRow(row)\n    onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_LIST_CLICK_MORE_MENU)\n  }\n\n  const handleMenuClose = () => {\n    setMenuAnchorEl(null)\n    setMenuRow(null)\n  }\n\n  const handleMenuAction = () => {\n    if (!menuRow) return\n\n    if (menuRow.status === RecurrenceStatus.Missed) {\n      onMarkAsPaidClick()\n    } else if (menuRow.transactionGuid) {\n      onMarkAsUnpaidClick(menuRow.transactionGuid)\n    }\n    handleMenuClose()\n  }\n\n  return (\n    <Stack direction=\"column\" sx={{ minHeight: '30dvh' }}>\n      <Text bold={true} id=\"past-activity\" sx={{ ml: 24, mt: 16, mb: 8 }} variant=\"body1\">\n        {copy.past_activity}\n      </Text>\n      <List aria-labelledby=\"past-activity\" sx={{ flex: 1, overflow: 'auto' }}>\n        {rows.map((row, index) => {\n          const isPaid = row.status === RecurrenceStatus.Paid\n          const isMissed = row.status === RecurrenceStatus.Missed\n          const isLast = index === rows.length - 1\n\n          return (\n            <React.Fragment key={row.key}>\n              <ListItemWrapper\n                onClick={isPaid ? () => handleClick(row) : undefined}\n                sx={{ '& .MuiListItemButton-root': { pr: 10 } }}\n              >\n                <ListItemAvatar>\n                  <MerchantLogo categoryGuid={row.categoryGuid} merchantGuid={row.merchantGuid} />\n                </ListItemAvatar>\n                <ListItemText\n                  disableTypography={true}\n                  secondary={\n                    <Stack direction=\"row\" justifyContent=\"space-between\">\n                      <Text variant=\"caption\">\n                        {formatDate(fromUnixTime(row.date), DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n                      </Text>\n                      <Stack\n                        alignItems=\"center\"\n                        direction=\"row\"\n                        gap={6}\n                        sx={{ textTransform: 'uppercase' }}\n                      >\n                        {isPaid && <CheckCircle color=\"success\" filled={true} size={12} />}\n                        {isMissed && <Cancel color=\"error\" filled={true} size={12} />}\n                        <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n                          {isPaid ? copy.paid?.toLowerCase() : copy.missed?.toLowerCase()}\n                        </Text>\n                      </Stack>\n                    </Stack>\n                  }\n                >\n                  <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ gap: 8 }}>\n                    <Text bold={true} variant=\"body1\">\n                      {row.name}\n                    </Text>\n                    <Text\n                      bold={true}\n                      color={isIncome ? 'success.main' : 'text.primary'}\n                      sx={{ flexShrink: 0 }}\n                      variant=\"body1\"\n                    >\n                      {isIncome ? '+' : ''}\n                      {formatCurrency(row.amount, '0,0.00')}\n                    </Text>\n                  </Stack>\n                </ListItemText>\n                <IconButton\n                  aria-label={copy.more_menu_aria}\n                  onClick={(e) => handleMenuOpen(e, row)}\n                  size=\"small\"\n                  sx={{ alignSelf: 'center', ml: 4 }}\n                >\n                  <Icon name=\"more_vert\" size={20} sx={{ color: 'text.secondary' }} />\n                </IconButton>\n              </ListItemWrapper>\n              <Divider variant={isLast ? 'fullWidth' : 'inset'} />\n            </React.Fragment>\n          )\n        })}\n      </List>\n\n      <Menu\n        anchorEl={menuAnchorEl}\n        anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n        disableScrollLock={true}\n        onClose={handleMenuClose}\n        open={Boolean(menuAnchorEl)}\n        transformOrigin={{ horizontal: 'right', vertical: 'top' }}\n      >\n        <MenuItem onClick={handleMenuAction} sx={{ p: 12 }}>\n          <Text variant=\"body1\">\n            {menuRow?.status === RecurrenceStatus.Missed\n              ? copy.mark_as_paid_cta\n              : copy.mark_as_unpaid_cta}\n          </Text>\n        </MenuItem>\n      </Menu>\n    </Stack>\n  )\n}\n"],"mappings":"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"}

package/dist/recurringtransactions/components/RecurringTransactions/index.es.js

@@ -0,0 +1,155 @@
+import { buildDynamicCopy as x } from "../../../core/utils/Localization/index.es.js";
+import { DATE_FORMATS_INTL as b, formatDate as _ } from "../../../core/constants/DateFormats/index.es.js";
+import { useEvent as q, useGlobalCopyStore as J, useRecurringTransactionsStore as Q, useWidgetContainerProvider as X } from "../../../common/context/hooks/index.es.js";
+import { useScreenSize as Z } from "../../../common/hooks/useScreenSize/index.es.js";
+import { ANALYTICS_EVENTS as v } from "../../../common/constants/Analytics/index.es.js";
+import { RecurrenceCalendar as $ } from "../recurrencecalendar/RecurrenceCalendar/index.es.js";
+import { RecurrenceList as c } from "../RecurrenceList/index.es.js";
+import { RecurringStatus as S } from "../RecurringStatus/index.es.js";
+import { RecurringTransactionDetailsDrawer as ee } from "../RecurringTransactionDetailsDrawer/index.es.js";
+import te from "react";
+import { observer as re } from "mobx-react-lite";
+import i from "@mui/material/Stack";
+import { H2 as ne, Text as M } from "@mxenabled/mxui";
+import { addMonths as oe } from "date-fns/addMonths";
+import { endOfMonth as I } from "date-fns/endOfMonth";
+import { isBefore as ie } from "date-fns/isBefore";
+import { startOfMonth as y } from "date-fns/startOfMonth";
+import { subMonths as ae } from "date-fns/subMonths";
+import { ChevronLeft as ce, ChevronRight as se } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import N from "@mui/material/Tab";
+import le from "@mui/material/Tabs";
+import D from "@mui/material/IconButton";
+import l from "@mui/material/Grid";
+var Oe = re(() => {
+  const { recurring: r } = J(), { availableWidth: k } = X(), { isDesktop: o, isSmallMobile: m, isMobile: E } = Z(k), { onEvent: p } = q(), { currentMonthExpenses: A, currentMonthIncome: G, dateRange: a, expenseTotal: O, incomeTotal: w, missedExpenseTotal: L, pastRecurrences: d, paidExpenseTotal: P, paidIncomeTotal: U, selectedDay: u, selectedDayRecurrences: W, setDateRange: h, setSelectedRecurrence: f, setSelectedRepeatingTransactionGuid: g, upcomingExpenseTotal: j, upcomingIncomeTotal: z, upcomingRecurrences: T } = Q(), [s, H] = te.useState(0), B = ie(a.start, /* @__PURE__ */ new Date()), K = (t, V) => {
+    H(V);
+  }, R = (t) => {
+    g(t.repeatingTransactionGuid), f(t), p(v.RECURRING_TRANSACTIONS_CLICK_UPCOMING, { transaction_guid: t.transaction?.guid });
+  }, C = (t) => {
+    g(t.repeatingTransactionGuid), f(t), p(v.RECURRING_TRANSACTIONS_CLICK_PAID, { transaction_guid: t.transaction?.guid });
+  }, Y = () => {
+    const t = oe(a.start, 1);
+    h({
+      start: y(t),
+      end: I(t)
+    });
+  }, F = () => {
+    const t = ae(a.start, 1);
+    h({
+      start: y(t),
+      end: I(t)
+    });
+  };
+  return /* @__PURE__ */ n(l, {
+    container: !0,
+    sx: { pt: 16 },
+    children: [
+      /* @__PURE__ */ n(l, {
+        size: {
+          sm: 12,
+          md: "grow"
+        },
+        width: "100%",
+        children: [/* @__PURE__ */ n(i, {
+          sx: {
+            gap: 16,
+            px: o ? 48 : 24
+          },
+          children: [
+            /* @__PURE__ */ n(i, {
+              alignItems: "center",
+              direction: "row",
+              justifyContent: "space-between",
+              children: [/* @__PURE__ */ e(ne, {
+                variant: "h3",
+                children: x(r.header_title, _(a.start, b.MONTH_LONG))
+              }), !o && /* @__PURE__ */ n(i, {
+                direction: "row",
+                gap: 4,
+                children: [/* @__PURE__ */ e(D, {
+                  color: "primary",
+                  disabled: B,
+                  onClick: F,
+                  children: /* @__PURE__ */ e(ce, {})
+                }), /* @__PURE__ */ e(D, {
+                  color: "primary",
+                  onClick: Y,
+                  children: /* @__PURE__ */ e(se, {})
+                })]
+              })]
+            }),
+            /* @__PURE__ */ e(S, {
+              expected: O,
+              missed: L,
+              paid: P,
+              title: r.expenses,
+              total: A.length,
+              upcoming: j
+            }),
+            /* @__PURE__ */ e(S, {
+              expected: w,
+              isExpense: !1,
+              paid: U,
+              title: r.deposits,
+              total: G.length,
+              upcoming: z
+            }),
+            o && /* @__PURE__ */ e(c, {
+              onRecurrenceClick: R,
+              recurrences: T,
+              title: r.upcoming_activity
+            })
+          ]
+        }), !o && /* @__PURE__ */ n(i, {
+          sx: { px: E ? 0 : 24 },
+          children: [
+            /* @__PURE__ */ n(le, {
+              onChange: K,
+              value: s,
+              variant: "fullWidth",
+              children: [/* @__PURE__ */ e(N, { label: /* @__PURE__ */ e(M, {
+                bold: !0,
+                sx: { textTransform: "none" },
+                variant: "body1",
+                children: m ? r.upcoming : r.upcoming_activity
+              }) }), /* @__PURE__ */ e(N, { label: /* @__PURE__ */ e(M, {
+                bold: !0,
+                sx: { textTransform: "none" },
+                variant: "body1",
+                children: m ? r.past : r.past_transactions
+              }) })]
+            }),
+            s === 0 && /* @__PURE__ */ e(c, {
+              onRecurrenceClick: R,
+              recurrences: T
+            }),
+            s === 1 && /* @__PURE__ */ e(c, {
+              onRecurrenceClick: C,
+              recurrences: d
+            })
+          ]
+        })]
+      }),
+      o && /* @__PURE__ */ e(l, {
+        size: { xs: "auto" },
+        sx: { minWidth: 450 },
+        children: /* @__PURE__ */ n(i, {
+          gap: 24,
+          children: [/* @__PURE__ */ e($, {}), /* @__PURE__ */ e(c, {
+            onRecurrenceClick: C,
+            recurrences: W || d,
+            title: u ? x(r.day_transactions, _(u, b.MONTH_DAY)) : r.past_transactions
+          })]
+        })
+      }),
+      /* @__PURE__ */ e(ee, {})
+    ]
+  });
+});
+export {
+  Oe as RecurringTransactions
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/RecurringTransactions/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/recurringtransactions/components/RecurringTransactions.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { addMonths } from 'date-fns/addMonths'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { subMonths } from 'date-fns/subMonths'\nimport { isBefore } from 'date-fns/isBefore'\n\nimport Grid from '@mui/material/Grid'\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { ChevronLeft, ChevronRight } from '@mxenabled/mx-icons'\n\nimport { H2, Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  useEvent,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n  useWidgetContainerProvider,\n} from '../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { type Recurrence } from '../../core'\n\nimport { RecurrenceCalendar } from './recurrencecalendar/RecurrenceCalendar'\nimport { RecurrenceList } from './RecurrenceList'\nimport { RecurringStatus } from './RecurringStatus'\nimport { RecurringTransactionDetailsDrawer } from './RecurringTransactionDetailsDrawer'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nexport const RecurringTransactions = observer(() => {\n  const { recurring: copy } = useGlobalCopyStore()\n  const { availableWidth } = useWidgetContainerProvider()\n  const { isDesktop, isSmallMobile, isMobile } = useScreenSize(availableWidth)\n\n  const { onEvent } = useEvent()\n  const {\n    currentMonthExpenses,\n    currentMonthIncome,\n    dateRange,\n    expenseTotal,\n    incomeTotal,\n    missedExpenseTotal,\n    pastRecurrences,\n    paidExpenseTotal,\n    paidIncomeTotal,\n    selectedDay,\n    selectedDayRecurrences,\n    setDateRange,\n    setSelectedRecurrence,\n    setSelectedRepeatingTransactionGuid,\n    upcomingExpenseTotal,\n    upcomingIncomeTotal,\n    upcomingRecurrences,\n  } = useRecurringTransactionsStore()\n\n  const [selectedTab, setSelectedTab] = React.useState(0)\n\n  const isPreviousMonthDisabled = isBefore(dateRange.start, new Date())\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n  }\n\n  const onUpcomingRecurrenceClick = (recurrence: Recurrence) => {\n    setSelectedRepeatingTransactionGuid(recurrence.repeatingTransactionGuid)\n    setSelectedRecurrence(recurrence)\n    onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {\n      transaction_guid: recurrence.transaction?.guid,\n    })\n  }\n\n  const onPaidRecurrenceClick = (recurrence: Recurrence) => {\n    setSelectedRepeatingTransactionGuid(recurrence.repeatingTransactionGuid)\n    setSelectedRecurrence(recurrence)\n    onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_PAID, {\n      transaction_guid: recurrence.transaction?.guid,\n    })\n  }\n\n  const onNextMonthClick = () => {\n    const nextMonth = addMonths(dateRange.start, 1)\n    setDateRange({\n      start: startOfMonth(nextMonth),\n      end: endOfMonth(nextMonth),\n    })\n  }\n\n  const onPreviousMonthClick = () => {\n    const lastMonth = subMonths(dateRange.start, 1)\n    setDateRange({\n      start: startOfMonth(lastMonth),\n      end: endOfMonth(lastMonth),\n    })\n  }\n\n  return (\n    <Grid\n      container={true}\n      sx={{\n        pt: 16,\n      }}\n    >\n      <Grid size={{ sm: 12, md: 'grow' }} width={'100%'}>\n        <Stack sx={{ gap: 16, px: isDesktop ? 48 : 24 }}>\n          <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n            <H2 variant=\"h3\">\n              {\n                buildDynamicCopy(\n                  copy.header_title,\n                  formatDate(dateRange.start, DATE_FORMATS_INTL.MONTH_LONG),\n                ) as string\n              }\n            </H2>\n            {!isDesktop && (\n              <Stack direction=\"row\" gap={4}>\n                <IconButton\n                  color=\"primary\"\n                  disabled={isPreviousMonthDisabled}\n                  onClick={onPreviousMonthClick}\n                >\n                  <ChevronLeft />\n                </IconButton>\n                <IconButton color=\"primary\" onClick={onNextMonthClick}>\n                  <ChevronRight />\n                </IconButton>\n              </Stack>\n            )}\n          </Stack>\n\n          <RecurringStatus\n            expected={expenseTotal}\n            missed={missedExpenseTotal}\n            paid={paidExpenseTotal}\n            title={copy.expenses}\n            total={currentMonthExpenses.length}\n            upcoming={upcomingExpenseTotal}\n          />\n\n          <RecurringStatus\n            expected={incomeTotal}\n            isExpense={false}\n            paid={paidIncomeTotal}\n            title={copy.deposits}\n            total={currentMonthIncome.length}\n            upcoming={upcomingIncomeTotal}\n          />\n\n          {isDesktop && (\n            <RecurrenceList\n              onRecurrenceClick={onUpcomingRecurrenceClick}\n              recurrences={upcomingRecurrences}\n              title={copy.upcoming_activity}\n            />\n          )}\n        </Stack>\n        {!isDesktop && (\n          <Stack sx={{ px: isMobile ? 0 : 24 }}>\n            <Tabs onChange={handleTabChange} value={selectedTab} variant=\"fullWidth\">\n              <Tab\n                label={\n                  <Text bold={true} sx={{ textTransform: 'none' }} variant=\"body1\">\n                    {isSmallMobile ? copy.upcoming : copy.upcoming_activity}\n                  </Text>\n                }\n              />\n              <Tab\n                label={\n                  <Text bold={true} sx={{ textTransform: 'none' }} variant=\"body1\">\n                    {isSmallMobile ? copy.past : copy.past_transactions}\n                  </Text>\n                }\n              />\n            </Tabs>\n            {selectedTab === 0 && (\n              <RecurrenceList\n                onRecurrenceClick={onUpcomingRecurrenceClick}\n                recurrences={upcomingRecurrences}\n              />\n            )}\n            {selectedTab === 1 && (\n              <RecurrenceList\n                onRecurrenceClick={onPaidRecurrenceClick}\n                recurrences={pastRecurrences}\n              />\n            )}\n          </Stack>\n        )}\n      </Grid>\n\n      {isDesktop && (\n        <Grid size={{ xs: 'auto' }} sx={{ minWidth: 450 }}>\n          <Stack gap={24}>\n            <RecurrenceCalendar />\n            <RecurrenceList\n              onRecurrenceClick={onPaidRecurrenceClick}\n              recurrences={selectedDayRecurrences || pastRecurrences}\n              title={\n                selectedDay\n                  ? (buildDynamicCopy(\n                      copy.day_transactions,\n                      formatDate(selectedDay, DATE_FORMATS_INTL.MONTH_DAY),\n                    ) as string)\n                  : copy.past_transactions\n              }\n            />\n          </Stack>\n        </Grid>\n      )}\n\n      <RecurringTransactionDetailsDrawer />\n    </Grid>\n  )\n})\n"],"mappings":"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"}

package/dist/recurringtransactions/components/UpcomingRecurrenceCard/index.es.js

@@ -0,0 +1,63 @@
+import { DATE_FORMATS_INTL as p, formatDate as l } from "../../../core/constants/DateFormats/index.es.js";
+import { useGlobalCopyStore as s } from "../../../common/context/hooks/index.es.js";
+import { RecurrenceStatus as h } from "../../../core/types/RepeatingTransaction/index.es.js";
+import f from "../../../microinsights/beaticons/BeatMaterialIcon/index.es.js";
+import o from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+import { ChevronRight as u } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { alpha as _, useTheme as g } from "@mui/material";
+import b from "@mui/material/Card";
+import y from "@mui/material/CardActionArea";
+var D = ({ expectedDate: n, onMarkAsPaidClick: c, status: m }) => {
+  const d = g(), { recurring: e } = s(), t = m === h.Paid;
+  return /* @__PURE__ */ r(b, {
+    variant: "elevation",
+    children: /* @__PURE__ */ r(y, {
+      onClick: c,
+      children: /* @__PURE__ */ i(o, {
+        alignItems: "center",
+        direction: "row",
+        justifyContent: "space-between",
+        sx: {
+          px: 16,
+          py: 14
+        },
+        children: [/* @__PURE__ */ i(o, {
+          alignItems: "center",
+          direction: "row",
+          gap: 12,
+          children: [/* @__PURE__ */ r(f, {
+            bgColor: _(d.palette.primary.main, 0.15),
+            name: t ? "check_circle" : "calendar_clock"
+          }), /* @__PURE__ */ i(o, {
+            direction: "column",
+            children: [/* @__PURE__ */ r(a, {
+              fontSize: 11,
+              variant: "body1",
+              children: t ? e.paid : e.upcoming
+            }), /* @__PURE__ */ r(a, {
+              bold: !0,
+              variant: "body1",
+              children: l(n, p.MONTH_DAY_YEAR)
+            })]
+          })]
+        }), /* @__PURE__ */ i(o, {
+          alignItems: "center",
+          direction: "row",
+          gap: 4,
+          children: [/* @__PURE__ */ r(a, {
+            bold: !0,
+            variant: "body1",
+            children: t ? e.mark_as_unpaid_cta : e.mark_as_paid_cta
+          }), /* @__PURE__ */ r(u, { size: 20 })]
+        })]
+      })
+    })
+  });
+};
+export {
+  D as UpcomingRecurrenceCard
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/UpcomingRecurrenceCard/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/recurringtransactions/components/UpcomingRecurrenceCard.tsx"],"sourcesContent":["import Card from '@mui/material/Card'\nimport CardActionArea from '@mui/material/CardActionArea'\nimport Stack from '@mui/material/Stack'\nimport { alpha, useTheme } from '@mui/material'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { RecurrenceStatus } from '../../core'\nimport { BeatMaterialIcon } from '../../microinsights'\n\ninterface UpcomingRecurrenceCardProps {\n  expectedDate: Date\n  onMarkAsPaidClick: () => void\n  status?: RecurrenceStatus\n}\n\nexport const UpcomingRecurrenceCard = ({\n  expectedDate,\n  onMarkAsPaidClick,\n  status,\n}: UpcomingRecurrenceCardProps) => {\n  const theme = useTheme()\n  const { recurring: copy } = useGlobalCopyStore()\n\n  const isPaid = status === RecurrenceStatus.Paid\n\n  return (\n    <Card variant=\"elevation\">\n      <CardActionArea onClick={onMarkAsPaidClick}>\n        <Stack\n          alignItems=\"center\"\n          direction=\"row\"\n          justifyContent=\"space-between\"\n          sx={{ px: 16, py: 14 }}\n        >\n          <Stack alignItems=\"center\" direction=\"row\" gap={12}>\n            <BeatMaterialIcon\n              bgColor={alpha(theme.palette.primary.main, 0.15)}\n              name={isPaid ? 'check_circle' : 'calendar_clock'}\n            />\n            <Stack direction=\"column\">\n              <Text fontSize={11} variant=\"body1\">\n                {isPaid ? copy.paid : copy.upcoming}\n              </Text>\n              <Text bold={true} variant=\"body1\">\n                {formatDate(expectedDate, DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n              </Text>\n            </Stack>\n          </Stack>\n\n          <Stack alignItems=\"center\" direction=\"row\" gap={4}>\n            <Text bold={true} variant=\"body1\">\n              {isPaid ? copy.mark_as_unpaid_cta : copy.mark_as_paid_cta}\n            </Text>\n            <ChevronRight size={20} />\n          </Stack>\n        </Stack>\n      </CardActionArea>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,IAAA,CAA0B,EACrC,cAAA,GACA,mBAAA,GACA,QAAA,EAAA,MACiC;AACjC,QAAM,IAAQ,EAAS,GACjB,EAAE,WAAW,EAAA,IAAS,EAAmB,GAEzC,IAAS,MAAW,EAAiB;AAE3C,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,SAAQ;AAAA,cACZ,gBAAA,EAAC,GAAD;AAAA,MAAgB,SAAS;AAAA,gBACvB,gBAAA,EAAC,GAAD;AAAA,QACE,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAe;AAAA,QACf,IAAI;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,kBAJvB,CAME,gBAAA,EAAC,GAAD;AAAA,UAAO,YAAW;AAAA,UAAS,WAAU;AAAA,UAAM,KAAK;AAAA,oBAAhD,CACE,gBAAA,EAAC,GAAD;AAAA,YACE,SAAS,EAAM,EAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,YAC/C,MAAM,IAAS,iBAAiB;AAAA,UACjC,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,sBAAjB,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,UAAU;AAAA,cAAI,SAAQ;AAAA,wBACzB,IAAS,EAAK,OAAO,EAAK;AAAA,YACvB,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,SAAQ;AAAA,wBACvB,EAAW,GAAc,EAAkB,cAAc;AAAA,YACtD,CAAA,CACD;AAAA,YACF;AAAA,YAEP,gBAAA,EAAC,GAAD;AAAA,UAAO,YAAW;AAAA,UAAS,WAAU;AAAA,UAAM,KAAK;AAAA,oBAAhD,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,sBACvB,IAAS,EAAK,qBAAqB,EAAK;AAAA,UACrC,CAAA,GACN,gBAAA,EAAC,GAAD,EAAc,MAAM,GAAK,CAAA,CACpB;AAAA,UACF;AAAA;IACO,CAAA;AAAA,EACZ,CAAA;AAEV"}

package/dist/recurringtransactions/components/actions/LinkTransactionDrawer/index.es.js

@@ -0,0 +1,46 @@
+import { useGlobalCopyStore as _, useRecurringTransactionsStore as h, useTransactionStore as F } from "../../../../common/context/hooks/index.es.js";
+import b from "../../../../common/components/drawer/Drawer/index.es.js";
+import { RepeatingType as g } from "../../../../core/types/RepeatingTransaction/index.es.js";
+import { useTransactionsUiStore as y } from "../../../../transactions/context/hooks/index.es.js";
+import { expenseFilter as w, expenseFilterSearch as x, incomeFilter as R, incomeFilterSearch as k } from "../../../../transactions/utils/Filters/index.es.js";
+import { SelectTransaction as v } from "../../shared/recurringsettings/SelectTransaction/index.es.js";
+import T from "react";
+import { observer as D } from "mobx-react-lite";
+import { jsx as s } from "react/jsx-runtime";
+var m = (t, r) => (e) => {
+  if (e.repeating_transaction_guid) return !1;
+  const o = t.repeating_transaction_type === g.Income;
+  return r ? o ? k(e, r) : x(e, r) : o ? R(e) : w(e);
+}, q = D(({ isOpen: t, onClose: r, recurringTransaction: e }) => {
+  const { recurring: o } = _(), { markRecurrenceAsPaid: l } = h(), { filter: n, setFilter: a, transactions: f } = F(), { setSearchValue: p } = y();
+  T.useEffect(() => {
+    t ? a({
+      ...n,
+      custom: m(e)
+    }) : p("");
+  }, [t, e]);
+  const u = (i) => {
+    a({
+      ...n,
+      custom: m(e, i)
+    });
+  }, d = async (i) => {
+    const c = f.find((S) => S.guid === i);
+    c && (await l(e.guid, c), r());
+  };
+  return /* @__PURE__ */ s(b, {
+    ariaLabelClose: o.close_drawer_aria,
+    isOpen: t,
+    onClose: r,
+    title: o.link_transaction_button,
+    children: /* @__PURE__ */ s(v, {
+      onSearch: u,
+      onSelected: d
+    })
+  });
+});
+export {
+  q as LinkTransactionDrawer
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/actions/LinkTransactionDrawer/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/actions/LinkTransactionDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Drawer,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n} from '../../../common'\nimport { type RepeatingTransaction, type Transaction, RepeatingType } from '../../../core'\n\nimport {\n  expenseFilter,\n  expenseFilterSearch,\n  incomeFilter,\n  incomeFilterSearch,\n} from '../../../transactions/utils/Filters'\n\nimport { SelectTransaction } from '../shared/recurringsettings/SelectTransaction'\nimport { useTransactionsUiStore } from '../../../transactions'\n\ninterface LinkTransactionDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n  recurringTransaction: RepeatingTransaction\n}\n\nconst buildFilter =\n  (recurringTransaction: RepeatingTransaction, searchValue?: string) => (t: Transaction) => {\n    if (t.repeating_transaction_guid) return false\n\n    const isIncome = recurringTransaction.repeating_transaction_type === RepeatingType.Income\n\n    if (searchValue) {\n      return isIncome ? incomeFilterSearch(t, searchValue) : expenseFilterSearch(t, searchValue)\n    }\n\n    return isIncome ? incomeFilter(t) : expenseFilter(t)\n  }\n\nexport const LinkTransactionDrawer = observer(\n  ({ isOpen, onClose, recurringTransaction }: LinkTransactionDrawerProps) => {\n    const { recurring: copy } = useGlobalCopyStore()\n    const { markRecurrenceAsPaid } = useRecurringTransactionsStore()\n    const { filter, setFilter, transactions } = useTransactionStore()\n\n    const { setSearchValue } = useTransactionsUiStore()\n\n    React.useEffect(() => {\n      if (isOpen) {\n        setFilter({ ...filter, custom: buildFilter(recurringTransaction) })\n      } else {\n        setSearchValue('')\n      }\n    }, [isOpen, recurringTransaction])\n\n    const handleSearch = (searchValue: string) => {\n      setFilter({ ...filter, custom: buildFilter(recurringTransaction, searchValue) })\n    }\n\n    const handleSelected = async (guid: string) => {\n      const transaction = transactions.find((t) => t.guid === guid)\n      if (transaction) {\n        await markRecurrenceAsPaid(recurringTransaction.guid, transaction)\n        onClose()\n      }\n    }\n\n    return (\n      <Drawer\n        ariaLabelClose={copy.close_drawer_aria}\n        isOpen={isOpen}\n        onClose={onClose}\n        title={copy.link_transaction_button}\n      >\n        <SelectTransaction onSearch={handleSearch} onSelected={handleSelected} />\n      </Drawer>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;AA2BA,IAAM,IAAA,CACH,GAA4C,MAAA,CAA0B,MAAmB;AACxF,MAAI,EAAE,2BAA4B,QAAO;AAEzC,QAAM,IAAW,EAAqB,+BAA+B,EAAc;AAEnF,SAAI,IACK,IAAW,EAAmB,GAAG,CAAW,IAAI,EAAoB,GAAG,CAAW,IAGpF,IAAW,EAAa,CAAC,IAAI,EAAc,CAAC;AACrD,GAEW,IAAwB,EAAA,CAClC,EAAE,QAAA,GAAQ,SAAA,GAAS,sBAAA,EAAA,MAAuD;AACzE,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EAAE,sBAAA,EAAA,IAAyB,EAA8B,GACzD,EAAE,QAAA,GAAQ,WAAA,GAAW,cAAA,EAAA,IAAiB,EAAoB,GAE1D,EAAE,gBAAA,EAAA,IAAmB,EAAuB;AAElD,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAI,IACF,EAAU;AAAA,MAAE,GAAG;AAAA,MAAQ,QAAQ,EAAY,CAAoB;AAAA,IAAE,CAAC,IAElE,EAAe,EAAE;AAAA,EAErB,GAAG,CAAC,GAAQ,CAAoB,CAAC;AAEjC,QAAM,IAAA,CAAgB,MAAwB;AAC5C,IAAA,EAAU;AAAA,MAAE,GAAG;AAAA,MAAQ,QAAQ,EAAY,GAAsB,CAAW;AAAA,IAAE,CAAC;AAAA,EACjF,GAEM,IAAiB,OAAO,MAAiB;AAC7C,UAAM,IAAc,EAAa,KAAA,CAAM,MAAM,EAAE,SAAS,CAAI;AAC5D,IAAI,MACF,MAAM,EAAqB,EAAqB,MAAM,CAAW,GACjE,EAAQ;AAAA,EAEZ;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAK;AAAA,IACb,QAAA;AAAA,IACC,SAAA;AAAA,IACT,OAAO,EAAK;AAAA,cAEZ,gBAAA,EAAC,GAAD;AAAA,MAAmB,UAAU;AAAA,MAAc,YAAY;AAAA,IAAiB,CAAA;AAAA,EAClE,CAAA;AAEZ,CACF"}

package/dist/recurringtransactions/components/actions/MarkAsPaidDialog/index.es.js

@@ -0,0 +1,28 @@
+import { useGlobalCopyStore as n } from "../../../../common/context/hooks/index.es.js";
+import e from "../../../../common/components/dialog/Dialog/index.es.js";
+import { Text as c } from "@mxenabled/mxui";
+import { jsx as o } from "react/jsx-runtime";
+var _ = ({ isOpen: t, onClose: a, onLinkTransaction: i }) => {
+  const { recurring: r } = n();
+  return /* @__PURE__ */ o(e, {
+    copy: {
+      title: r.mark_as_paid_dialog_title,
+      close_aria: r.close_drawer_aria
+    },
+    isOpen: t,
+    maxWidth: "xs",
+    onClose: a,
+    onPrimaryAction: i,
+    primaryText: r.link_transaction_button,
+    sx: { "& .MuiStack-root, & .MuiDialogContent-root": { backgroundColor: "background.paper" } },
+    children: /* @__PURE__ */ o(c, {
+      truncate: !1,
+      children: r.link_transaction_description
+    })
+  });
+};
+export {
+  _ as MarkAsPaidDialog
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/actions/MarkAsPaidDialog/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/actions/MarkAsPaidDialog.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../../../common'\n\ninterface MarkAsPaidDialogProps {\n  isOpen: boolean\n  onClose: () => void\n  onLinkTransaction: () => void\n}\n\nexport const MarkAsPaidDialog = ({ isOpen, onClose, onLinkTransaction }: MarkAsPaidDialogProps) => {\n  const { recurring: copy } = useGlobalCopyStore()\n\n  return (\n    <Dialog\n      copy={{\n        title: copy.mark_as_paid_dialog_title,\n        close_aria: copy.close_drawer_aria,\n      }}\n      isOpen={isOpen}\n      maxWidth=\"xs\"\n      onClose={onClose}\n      onPrimaryAction={onLinkTransaction}\n      primaryText={copy.link_transaction_button}\n      sx={{\n        '& .MuiStack-root, & .MuiDialogContent-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n    >\n      <Text truncate={false}>{copy.link_transaction_description}</Text>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAA,CAAoB,EAAE,QAAA,GAAQ,SAAA,GAAS,mBAAA,EAAA,MAA+C;AACjG,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB;AAE/C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM;AAAA,MACJ,OAAO,EAAK;AAAA,MACZ,YAAY,EAAK;AAAA,IACnB;AAAA,IACQ,QAAA;AAAA,IACR,UAAS;AAAA,IACA,SAAA;AAAA,IACT,iBAAiB;AAAA,IACjB,aAAa,EAAK;AAAA,IAClB,IAAI,EACF,8CAA8C,EAC5C,iBAAiB,mBACnB,EACF;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAM,UAAU;AAAA,gBAAQ,EAAK;AAAA,IAAmC,CAAA;AAAA,EAC1D,CAAA;AAEZ"}

package/dist/recurringtransactions/components/actions/MarkAsUnpaidDialog/index.es.js

@@ -0,0 +1,28 @@
+import { useGlobalCopyStore as n } from "../../../../common/context/hooks/index.es.js";
+import e from "../../../../common/components/dialog/Dialog/index.es.js";
+import { Text as c } from "@mxenabled/mxui";
+import { jsx as o } from "react/jsx-runtime";
+var u = ({ isOpen: t, onClose: a, onUnlinkTransaction: i }) => {
+  const { recurring: r } = n();
+  return /* @__PURE__ */ o(e, {
+    copy: {
+      title: r.mark_as_unpaid_dialog_title,
+      close_aria: r.close_drawer_aria
+    },
+    isOpen: t,
+    maxWidth: "xs",
+    onClose: a,
+    onPrimaryAction: i,
+    primaryText: r.unlink_transaction_button,
+    sx: { "& .MuiStack-root, & .MuiDialogContent-root": { backgroundColor: "background.paper" } },
+    children: /* @__PURE__ */ o(c, {
+      truncate: !1,
+      children: r.unlink_transaction_description
+    })
+  });
+};
+export {
+  u as MarkAsUnpaidDialog
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/actions/MarkAsUnpaidDialog/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/actions/MarkAsUnpaidDialog.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../../../common'\n\ninterface MarkAsUnpaidDialogProps {\n  isOpen: boolean\n  onClose: () => void\n  onUnlinkTransaction: () => void\n}\n\nexport const MarkAsUnpaidDialog = ({\n  isOpen,\n  onClose,\n  onUnlinkTransaction,\n}: MarkAsUnpaidDialogProps) => {\n  const { recurring: copy } = useGlobalCopyStore()\n\n  return (\n    <Dialog\n      copy={{\n        title: copy.mark_as_unpaid_dialog_title,\n        close_aria: copy.close_drawer_aria,\n      }}\n      isOpen={isOpen}\n      maxWidth=\"xs\"\n      onClose={onClose}\n      onPrimaryAction={onUnlinkTransaction}\n      primaryText={copy.unlink_transaction_button}\n      sx={{\n        '& .MuiStack-root, & .MuiDialogContent-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n    >\n      <Text truncate={false}>{copy.unlink_transaction_description}</Text>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAA,CAAsB,EACjC,QAAA,GACA,SAAA,GACA,qBAAA,EAAA,MAC6B;AAC7B,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB;AAE/C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM;AAAA,MACJ,OAAO,EAAK;AAAA,MACZ,YAAY,EAAK;AAAA,IACnB;AAAA,IACQ,QAAA;AAAA,IACR,UAAS;AAAA,IACA,SAAA;AAAA,IACT,iBAAiB;AAAA,IACjB,aAAa,EAAK;AAAA,IAClB,IAAI,EACF,8CAA8C,EAC5C,iBAAiB,mBACnB,EACF;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAM,UAAU;AAAA,gBAAQ,EAAK;AAAA,IAAqC,CAAA;AAAA,EAC5D,CAAA;AAEZ"}

package/dist/recurringtransactions/components/actions/PaymentScheduleAction/index.es.js

@@ -0,0 +1,47 @@
+import { useEvent as p, useGlobalCopyStore as f, useRecurringTransactionsStore as C } from "../../../../common/context/hooks/index.es.js";
+import h from "../../../../common/components/drawer/Drawer/index.es.js";
+import { ANALYTICS_EVENTS as D } from "../../../../common/constants/Analytics/index.es.js";
+import { getFrequencyLabel as E } from "../../../../core/utils/RecurringTransactionsUtil/index.es.js";
+import v from "../../../../common/components/DataRow/index.es.js";
+import { PaymentSchedule as A } from "../../PaymentSchedule/index.es.js";
+import o from "react";
+import { observer as R } from "mobx-react-lite";
+import { Fragment as N, jsx as n, jsxs as F } from "react/jsx-runtime";
+var x = R(({ repeatingTransaction: e }) => {
+  const { recurring: r } = f(), { updateRepeatingTransaction: u } = C(), { onEvent: y } = p(), [l, t] = o.useState(!1), [c, m] = o.useState(e.recurrence_type), [a, i] = o.useState(e.recurrence_day), [s, d] = o.useState(e.second_recurrence_day), _ = async () => {
+    await u({
+      ...e,
+      recurrence_type: c,
+      recurrence_day: a,
+      second_recurrence_day: s
+    }), t(!1);
+  }, S = () => {
+    t(!0), y(D.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+  };
+  return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ n(v, {
+    iconName: "sync",
+    label: r.activity_schedule,
+    onClick: S,
+    showChevron: !1,
+    value: `${E(r, e, !0)}`
+  }), /* @__PURE__ */ n(h, {
+    ariaLabelClose: r.close_drawer_aria,
+    isOpen: l,
+    onClose: () => t(!1),
+    onPrimaryAction: _,
+    title: r.payment_schedule,
+    children: /* @__PURE__ */ n(A, {
+      firstDay: a,
+      frequency: c,
+      onFirstDayChange: i,
+      onFrequencyChange: m,
+      onSecondDayChange: d,
+      secondDay: s
+    })
+  })] });
+});
+export {
+  x as PaymentScheduleAction
+};
+
+//# sourceMappingURL=index.es.js.map