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

package/dist/recurringtransactions/components/shared/RecurringSettings/ManageIncome/index.es.js

@@ -0,0 +1,72 @@
+import { useEvent as u, useGlobalCopyStore as f, useRecurringTransactionsStore as h } from "../../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as m } from "../../../../../common/constants/Analytics/index.es.js";
+import { Frequency as x, RepeatingType as R } from "../../../../../core/types/RepeatingTransaction/index.es.js";
+import { RecurringRow as C } from "../RecurringRow/index.es.js";
+import { AddRecurringTransaction as T } from "../AddRecurringTransaction/index.es.js";
+import { RecurringSettingsZeroState as _ } from "../RecurringSettingsZeroState/index.es.js";
+import I from "react";
+import { observer as S } from "mobx-react-lite";
+import A from "@mui/material/Stack";
+import { Text as b } from "@mxenabled/mxui";
+import { Fragment as y, jsx as r, jsxs as o } from "react/jsx-runtime";
+import i from "@mui/material/Box";
+import s from "@mui/material/Divider";
+import N from "@mui/material/List";
+var z = S(({ forOverview: t = !1 }) => {
+  const { recurring: c } = f(), { detailedRepeatingTransactions: p } = h(), { onEvent: a } = u(), l = (e) => {
+    a(m.RECURRING_TRANSACTIONS_CLICK_INCOME, { repeating_transaction_guid: e.guid });
+  }, g = () => {
+    a(m.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
+  }, n = p.filter((e) => e.repeating_transaction_type === R.Income && (e.transactions.length > 0 || e.recurrence_type === x.EveryYear));
+  return /* @__PURE__ */ r(y, { children: n.length !== 0 ? /* @__PURE__ */ o(A, {
+    sx: {
+      height: t ? "calc(100vh - 62px)" : "calc(100vh - 109px)",
+      maxHeight: t ? "calc(100vh - 62px)" : "calc(100vh - 109px)"
+    },
+    children: [
+      t && /* @__PURE__ */ r(b, {
+        bold: !0,
+        sx: {
+          mb: 4,
+          mt: 12,
+          mx: 24
+        },
+        variant: "body2",
+        children: c.income
+      }),
+      /* @__PURE__ */ r(i, {
+        sx: {
+          flex: 1,
+          overflow: "auto"
+        },
+        children: /* @__PURE__ */ r(N, {
+          sx: { bgcolor: "background.paper" },
+          children: n.map((e, d) => /* @__PURE__ */ o(I.Fragment, { children: [/* @__PURE__ */ r(C, {
+            onClick: l,
+            repeatingTransaction: e
+          }), /* @__PURE__ */ r(s, { variant: d < n.length - 1 ? "inset" : "fullWidth" })] }, e.guid))
+        })
+      }),
+      /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ r(s, {}), /* @__PURE__ */ r(i, {
+        sx: {
+          alignContent: "center",
+          bgcolor: "background.paper",
+          justifyContent: "flex-end",
+          px: 24,
+          py: 12,
+          textAlign: "right"
+        },
+        children: /* @__PURE__ */ r(T, {
+          isIncome: !0,
+          label: c.add_income,
+          onAddRecurringTransaction: g
+        })
+      })] })
+    ]
+  }) : /* @__PURE__ */ r(_, { zeroStateFor: "income" }) });
+});
+export {
+  z as ManageIncome
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/shared/RecurringSettings/ManageIncome/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/recurringtransactions/components/shared/recurringsettings/ManageIncome.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  useEvent,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n} from '../../../../common'\nimport { type RepeatingTransaction, Frequency, RepeatingType } from '../../../../core'\n\nimport { RecurringRow } from './RecurringRow'\nimport { AddRecurringTransaction } from './AddRecurringTransaction'\nimport { RecurringSettingsZeroState } from './RecurringSettingsZeroState'\n\ninterface ManageIncomeProps {\n  forOverview?: boolean\n}\n\nexport const ManageIncome = observer(({ forOverview = false }: ManageIncomeProps) => {\n  const { recurring: copy } = useGlobalCopyStore()\n  const { detailedRepeatingTransactions } = useRecurringTransactionsStore()\n  const { onEvent } = useEvent()\n\n  const onClick = (repeatingTransaction: RepeatingTransaction) => {\n    onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_INCOME, {\n      repeating_transaction_guid: repeatingTransaction.guid,\n    })\n  }\n\n  const onAdd = () => {\n    onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME)\n  }\n\n  const filteredTransactions = detailedRepeatingTransactions.filter(\n    (rt) =>\n      rt.repeating_transaction_type === RepeatingType.Income &&\n      (rt.transactions.length > 0 || rt.recurrence_type === Frequency.EveryYear),\n  )\n\n  return (\n    <>\n      {filteredTransactions.length !== 0 ? (\n        <Stack\n          sx={{\n            height: forOverview ? 'calc(100vh - 62px)' : 'calc(100vh - 109px)',\n            maxHeight: forOverview ? 'calc(100vh - 62px)' : 'calc(100vh - 109px)',\n          }}\n        >\n          {forOverview && (\n            <Text bold={true} sx={{ mb: 4, mt: 12, mx: 24 }} variant=\"body2\">\n              {copy.income}\n            </Text>\n          )}\n          <Box sx={{ flex: 1, overflow: 'auto' }}>\n            <List sx={{ bgcolor: 'background.paper' }}>\n              {filteredTransactions.map((rt, index) => (\n                <React.Fragment key={rt.guid}>\n                  <RecurringRow onClick={onClick} repeatingTransaction={rt} />\n                  <Divider\n                    variant={index < filteredTransactions.length - 1 ? 'inset' : 'fullWidth'}\n                  />\n                </React.Fragment>\n              ))}\n            </List>\n          </Box>\n          <Box>\n            <Divider />\n            <Box\n              sx={{\n                alignContent: 'center',\n                bgcolor: 'background.paper',\n                justifyContent: 'flex-end',\n                px: 24,\n                py: 12,\n                textAlign: 'right',\n              }}\n            >\n              <AddRecurringTransaction\n                isIncome={true}\n                label={copy.add_income}\n                onAddRecurringTransaction={onAdd}\n              />\n            </Box>\n          </Box>\n        </Stack>\n      ) : (\n        <RecurringSettingsZeroState zeroStateFor=\"income\" />\n      )}\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;AA0BA,IAAa,IAAe,EAAA,CAAU,EAAE,aAAA,IAAc,GAAA,MAA+B;AACnF,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EAAE,+BAAA,EAAA,IAAkC,EAA8B,GAClE,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,IAAA,CAAW,MAA+C;AAC9D,IAAA,EAAQ,EAAiB,qCAAqC,EAC5D,4BAA4B,EAAqB,KACnD,CAAC;AAAA,EACH,GAEM,IAAA,MAAc;AAClB,IAAA,EAAQ,EAAiB,uCAAuC;AAAA,EAClE,GAEM,IAAuB,EAA8B,OAAA,CACxD,MACC,EAAG,+BAA+B,EAAc,WAC/C,EAAG,aAAa,SAAS,KAAK,EAAG,oBAAoB,EAAU,UACpE;AAEA,SACE,gBAAA,EAAA,GAAA,EAAA,UACG,EAAqB,WAAW,IAC/B,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ,IAAc,uBAAuB;AAAA,MAC7C,WAAW,IAAc,uBAAuB;AAAA,IAClD;AAAA,cAJF;AAAA,MAMG,KACC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,IAAI;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,QAAG,SAAQ;AAAA,kBACtD,EAAK;AAAA,MACF,CAAA;AAAA,MAER,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI;AAAA,UAAE,MAAM;AAAA,UAAG,UAAU;AAAA,QAAO;AAAA,kBACnC,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,oBACrC,EAAqB,IAAA,CAAK,GAAI,MAC7B,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAuB,SAAA;AAAA,YAAS,sBAAsB;AAAA,UAAK,CAAA,GAC3D,gBAAA,EAAC,GAAD,EACE,SAAS,IAAQ,EAAqB,SAAS,IAAI,UAAU,YAC9D,CAAA,CACa,EAAA,GALK,EAAG,IAKR,CACjB;AAAA,QACG,CAAA;AAAA,MACH,CAAA;AAAA,MACL,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,CAAU,CAAA,GACV,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,cAAc;AAAA,UACd,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW;AAAA,QACb;AAAA,kBAEA,gBAAA,EAAC,GAAD;AAAA,UACE,UAAU;AAAA,UACV,OAAO,EAAK;AAAA,UACZ,2BAA2B;AAAA,QAC5B,CAAA;AAAA,MACE,CAAA,CACF,EAAA,CAAA;AAAA,IACA;AAAA,OAEP,gBAAA,EAAC,GAAD,EAA4B,cAAa,SAAU,CAAA,EAErD,CAAA;AAEN,CAAC"}

package/dist/recurringtransactions/components/shared/RecurringSettings/RecurringRow/index.es.js

@@ -0,0 +1,96 @@
+import { useGlobalCopyStore as h } from "../../../../../common/context/hooks/index.es.js";
+import y from "../../../../../common/components/drawer/Drawer/index.es.js";
+import { RepeatingType as m } from "../../../../../core/types/RepeatingTransaction/index.es.js";
+import { formatCurrency as x } from "../../../../../core/utils/NumberFormatting/index.es.js";
+import { getFrequencyLabel as b } from "../../../../../core/utils/RecurringTransactionsUtil/index.es.js";
+import { RecurringTransactionDetails as I } from "../../../RecurringTransactionDetails/index.es.js";
+import d from "react";
+import { observer as _ } from "mobx-react-lite";
+import o from "@mui/material/Stack";
+import { InstitutionLogo as g, MerchantLogo as w, Text as n } from "@mxenabled/mxui";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import C from "@mui/material/ListItem";
+import L from "@mui/material/ListItemButton";
+import v from "@mui/material/ListItemText";
+import R from "@mui/material/ListItemAvatar";
+var H = _(({ onClick: u = () => {
+}, repeatingTransaction: t }) => {
+  const { recurring: i } = h(), [a, c] = d.useState(!1), p = d.useMemo(() => t.transactions.length === 0 ? "" : t.transactions[0].category_guid || "", [t]), s = t.account?.displayName || "", l = t.repeating_transaction_type === m.Income, f = b(i, t, !0);
+  return /* @__PURE__ */ r(C, {
+    disableGutters: !0,
+    disablePadding: !0,
+    children: [/* @__PURE__ */ r(L, {
+      onClick: () => {
+        u(t), c(!0);
+      },
+      children: [/* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(w, {
+        categoryGuid: p,
+        merchantGuid: t.merchant_guid
+      }) }), /* @__PURE__ */ e(v, { children: /* @__PURE__ */ r(o, {
+        direction: "row",
+        gap: 4,
+        sx: { justifyContent: "space-between" },
+        children: [/* @__PURE__ */ r(o, {
+          direction: "column",
+          sx: { width: "50%" },
+          children: [/* @__PURE__ */ e(n, {
+            bold: !0,
+            variant: "body1",
+            children: t.description
+          }), /* @__PURE__ */ r(o, {
+            alignItems: "center",
+            direction: "row",
+            gap: 6,
+            children: [t.account?.institution_guid && /* @__PURE__ */ e(g, {
+              alt: s,
+              institutionGuid: t.account?.institution_guid,
+              size: 12
+            }), /* @__PURE__ */ e(n, {
+              variant: "caption",
+              children: s
+            })]
+          })]
+        }), /* @__PURE__ */ r(o, {
+          alignItems: "flex-end",
+          sx: { width: "50%" },
+          children: [/* @__PURE__ */ r(n, {
+            bold: !0,
+            color: l ? "success.main" : "text.primary",
+            variant: "body1",
+            children: [l ? "+" : "", x(t.amount, "0,0.00")]
+          }), /* @__PURE__ */ e(o, {
+            direction: "row",
+            sx: {
+              alignItems: "center",
+              gap: 6,
+              justifyContent: "flex-end",
+              textTransform: "uppercase",
+              width: "100%"
+            },
+            children: /* @__PURE__ */ e(n, {
+              bold: !0,
+              color: "text.secondary",
+              variant: "caption",
+              children: f
+            })
+          })]
+        })]
+      }) })]
+    }), /* @__PURE__ */ e(y, {
+      ariaLabelClose: i.close_drawer_aria,
+      isOpen: a,
+      onClose: () => c(!1),
+      title: t.repeating_transaction_type === m.Income ? i.income_details : i.expense_details,
+      children: /* @__PURE__ */ e(I, {
+        onDeleted: () => c(!1),
+        recurringTransaction: t,
+        selectedRecurrence: null
+      })
+    })]
+  });
+});
+export {
+  H as RecurringRow
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/shared/RecurringSettings/RecurringRow/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/recurringtransactions/components/shared/recurringsettings/RecurringRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { InstitutionLogo, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport { Drawer, useGlobalCopyStore } from '../../../../common'\nimport { type RepeatingTransaction, RepeatingType } from '../../../../core'\n\nimport { getFrequencyLabel } from '../../../../core/utils/RecurringTransactionsUtil'\nimport { RecurringTransactionDetails } from '../../RecurringTransactionDetails'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\ninterface RecurringRowProps {\n  onClick?: (repeatingTransaction: RepeatingTransaction) => void\n  repeatingTransaction: RepeatingTransaction\n}\n\nexport const RecurringRow = observer(\n  ({ onClick = () => {}, repeatingTransaction }: RecurringRowProps) => {\n    const { recurring: copy } = useGlobalCopyStore()\n\n    const [isDetialsOpen, setIsDetailsOpen] = React.useState(false)\n\n    const categoryGuid = React.useMemo(\n      () =>\n        repeatingTransaction.transactions.length === 0\n          ? ''\n          : repeatingTransaction.transactions[0].category_guid || '',\n      [repeatingTransaction],\n    )\n\n    const institutionName = repeatingTransaction.account?.displayName || ''\n\n    const isCredit = repeatingTransaction.repeating_transaction_type === RepeatingType.Income\n    const statusLabel = getFrequencyLabel(copy, repeatingTransaction, true)\n\n    const onItemClick = () => {\n      onClick(repeatingTransaction)\n      setIsDetailsOpen(true)\n    }\n\n    return (\n      <ListItem disableGutters={true} disablePadding={true}>\n        <ListItemButton onClick={onItemClick}>\n          <ListItemAvatar>\n            <MerchantLogo\n              categoryGuid={categoryGuid}\n              merchantGuid={repeatingTransaction.merchant_guid}\n            />\n          </ListItemAvatar>\n          <ListItemText>\n            <Stack direction=\"row\" gap={4} sx={{ justifyContent: 'space-between' }}>\n              <Stack direction=\"column\" sx={{ width: '50%' }}>\n                <Text bold={true} variant=\"body1\">\n                  {repeatingTransaction.description}\n                </Text>\n                <Stack alignItems=\"center\" direction=\"row\" gap={6}>\n                  {repeatingTransaction.account?.institution_guid && (\n                    <InstitutionLogo\n                      alt={institutionName}\n                      institutionGuid={repeatingTransaction.account?.institution_guid}\n                      size={12}\n                    />\n                  )}\n                  <Text variant=\"caption\">{institutionName}</Text>\n                </Stack>\n              </Stack>\n\n              <Stack alignItems=\"flex-end\" sx={{ width: '50%' }}>\n                <Text\n                  bold={true}\n                  color={isCredit ? 'success.main' : 'text.primary'}\n                  variant=\"body1\"\n                >\n                  {isCredit ? '+' : ''}\n                  {formatCurrency(repeatingTransaction.amount, '0,0.00')}\n                </Text>\n                <Stack\n                  direction=\"row\"\n                  sx={{\n                    alignItems: 'center',\n                    gap: 6,\n                    justifyContent: 'flex-end',\n                    textTransform: 'uppercase',\n                    width: '100%',\n                  }}\n                >\n                  <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n                    {statusLabel}\n                  </Text>\n                </Stack>\n              </Stack>\n            </Stack>\n          </ListItemText>\n        </ListItemButton>\n\n        <Drawer\n          ariaLabelClose={copy.close_drawer_aria}\n          isOpen={isDetialsOpen}\n          onClose={() => setIsDetailsOpen(false)}\n          title={\n            repeatingTransaction.repeating_transaction_type === RepeatingType.Income\n              ? copy.income_details\n              : copy.expense_details\n          }\n        >\n          <RecurringTransactionDetails\n            onDeleted={() => setIsDetailsOpen(false)}\n            recurringTransaction={repeatingTransaction}\n            selectedRecurrence={null}\n          />\n        </Drawer>\n      </ListItem>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/recurringtransactions/components/shared/RecurringSettings/RecurringSettingsZeroState/index.es.js

@@ -0,0 +1,47 @@
+import { useEvent as a, useGlobalCopyStore as d } from "../../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as o } from "../../../../../common/constants/Analytics/index.es.js";
+import { AddRecurringTransaction as p } from "../AddRecurringTransaction/index.es.js";
+import { observer as g } from "mobx-react-lite";
+import l from "@mui/material/Stack";
+import { P as n } from "@mxenabled/mxui";
+import { ReceiptLong as u } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as A } from "react/jsx-runtime";
+var b = g(({ zeroStateFor: i }) => {
+  const { recurring: e } = d(), { onEvent: s } = a(), t = i === "income", c = t ? e.recurring_setting_zero_state_income_title : e.recurring_setting_zero_state_expenses_title, _ = t ? e.recurring_setting_zero_state_income_description : e.recurring_setting_zero_state_expenses_description, m = t ? e.add_income : e.add_expense;
+  return /* @__PURE__ */ A(l, {
+    sx: {
+      alignItems: "center",
+      p: 24,
+      pt: 48
+    },
+    children: [
+      /* @__PURE__ */ r(u, { size: 48 }),
+      /* @__PURE__ */ r(n, {
+        sx: {
+          my: 8,
+          fontWeight: 600
+        },
+        variant: "body1",
+        children: c
+      }),
+      /* @__PURE__ */ r(n, {
+        color: "text.secondary",
+        sx: { mb: 32 },
+        variant: "subtitle2",
+        children: _
+      }),
+      /* @__PURE__ */ r(p, {
+        isIncome: t,
+        label: m,
+        onAddRecurringTransaction: () => {
+          s(t ? o.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : o.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE);
+        }
+      })
+    ]
+  });
+});
+export {
+  b as RecurringSettingsZeroState
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/shared/RecurringSettings/RecurringSettingsZeroState/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/recurringtransactions/components/shared/recurringsettings/RecurringSettingsZeroState.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ReceiptLong } from '@mxenabled/mx-icons'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useEvent, useGlobalCopyStore } from '../../../../common'\n\nimport { AddRecurringTransaction } from './AddRecurringTransaction'\n\ninterface RecurringSettingsZeroStateProps {\n  zeroStateFor: 'expenses' | 'income'\n}\n\nexport const RecurringSettingsZeroState = observer(\n  ({ zeroStateFor }: RecurringSettingsZeroStateProps) => {\n    const { recurring: copy } = useGlobalCopyStore()\n    const { onEvent } = useEvent()\n\n    const isIncome = zeroStateFor === 'income'\n    const title = isIncome\n      ? copy.recurring_setting_zero_state_income_title\n      : copy.recurring_setting_zero_state_expenses_title\n    const description = isIncome\n      ? copy.recurring_setting_zero_state_income_description\n      : copy.recurring_setting_zero_state_expenses_description\n    const label = isIncome ? copy.add_income : copy.add_expense\n\n    const onAdd = () => {\n      onEvent(\n        isIncome\n          ? ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME\n          : ANALYTICS_EVENTS.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE,\n      )\n    }\n\n    return (\n      <Stack sx={{ alignItems: 'center', p: 24, pt: 48 }}>\n        <ReceiptLong size={48} />\n        <P sx={{ my: 8, fontWeight: 600 }} variant=\"body1\">\n          {title}\n        </P>\n        <P color=\"text.secondary\" sx={{ mb: 32 }} variant=\"subtitle2\">\n          {description}\n        </P>\n        <AddRecurringTransaction\n          isIncome={isIncome}\n          label={label}\n          onAddRecurringTransaction={onAdd}\n        />\n      </Stack>\n    )\n  },\n)\n"],"mappings":";;;;;;;;AAgBA,IAAa,IAA6B,EAAA,CACvC,EAAE,cAAA,EAAA,MAAoD;AACrD,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,IAAW,MAAiB,UAC5B,IAAQ,IACV,EAAK,4CACL,EAAK,6CACH,IAAc,IAChB,EAAK,kDACL,EAAK,mDACH,IAAQ,IAAW,EAAK,aAAa,EAAK;AAUhD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,GAAG;AAAA,MAAI,IAAI;AAAA,IAAG;AAAA,cAAjD;AAAA,MACE,gBAAA,EAAC,GAAD,EAAa,MAAM,GAAK,CAAA;AAAA,MACxB,gBAAA,EAAC,GAAD;AAAA,QAAG,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,YAAY;AAAA,QAAI;AAAA,QAAG,SAAQ;AAAA,kBACxC;AAAA,MACA,CAAA;AAAA,MACH,gBAAA,EAAC,GAAD;AAAA,QAAG,OAAM;AAAA,QAAiB,IAAI,EAAE,IAAI,GAAG;AAAA,QAAG,SAAQ;AAAA,kBAC/C;AAAA,MACA,CAAA;AAAA,MACH,gBAAA,EAAC,GAAD;AAAA,QACY,UAAA;AAAA,QACH,OAAA;AAAA,QACP,2BApBA,MAAc;AAClB,UAAA,EACE,IACI,EAAiB,0CACjB,EAAiB,oCACvB;AAAA,QACF;AAAA,MAeK,CAAA;AAAA,IACI;AAAA;AAEX,CACF"}

package/dist/recurringtransactions/components/shared/RecurringSettings/SelectTransaction/index.es.js

@@ -0,0 +1,45 @@
+import { useGlobalCopyStore as l } from "../../../../../common/context/hooks/index.es.js";
+import m from "../../../../../common/components/SearchBox/index.es.js";
+import { useTransactionsUiStore as h } from "../../../../../transactions/context/hooks/index.es.js";
+import p from "../../../../../transactions/components/shared/TransactionList/index.es.js";
+import { observer as f } from "mobx-react-lite";
+import _ from "@mui/material/Stack";
+import { P as u } from "@mxenabled/mxui";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+var j = f(({ bgcolor: o = "background.default", description: t, onSearch: c, onSelected: s }) => {
+  const { recurring: a } = l(), { searchValue: i, setSearchValue: n } = h();
+  return /* @__PURE__ */ d(_, {
+    sx: {
+      bgcolor: o,
+      gap: 16,
+      pt: 8
+    },
+    children: [
+      t && /* @__PURE__ */ e(u, {
+        sx: { mx: 24 },
+        children: t
+      }),
+      /* @__PURE__ */ e(m, {
+        ariaLabel: a.select_transaction_search_aria,
+        cancelAriaLabel: a.select_transaction_search_cancel_aria,
+        onChange: (r) => {
+          n(r), c(r);
+        },
+        placeholder: a.select_transaction_search_placeholder,
+        searchValue: i
+      }),
+      /* @__PURE__ */ e(p, {
+        bgcolor: o,
+        filter: (r) => !!r.merchant_guid,
+        height: "auto",
+        onClick: s,
+        showLoader: !1
+      })
+    ]
+  });
+});
+export {
+  j as SelectTransaction
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/shared/RecurringSettings/SelectTransaction/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/recurringtransactions/components/shared/recurringsettings/SelectTransaction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { SearchBox, useGlobalCopyStore } from '../../../../common'\nimport { TransactionList, useTransactionsUiStore } from '../../../../transactions'\n\ninterface SelectTransactionProps {\n  bgcolor?: string\n  description?: string\n  onSearch: (value: string) => void\n  onSelected: (guid: string) => void\n}\n\nexport const SelectTransaction = observer(\n  ({\n    bgcolor = 'background.default',\n    description,\n    onSearch,\n    onSelected,\n  }: SelectTransactionProps) => {\n    const { recurring: recurringCopy } = useGlobalCopyStore()\n    const { searchValue, setSearchValue } = useTransactionsUiStore()\n\n    return (\n      <Stack sx={{ bgcolor, gap: 16, pt: 8 }}>\n        {description && <P sx={{ mx: 24 }}>{description}</P>}\n        <SearchBox\n          ariaLabel={recurringCopy.select_transaction_search_aria}\n          cancelAriaLabel={recurringCopy.select_transaction_search_cancel_aria}\n          onChange={(value) => {\n            setSearchValue(value)\n            onSearch(value)\n          }}\n          placeholder={recurringCopy.select_transaction_search_placeholder}\n          searchValue={searchValue}\n        />\n        <TransactionList\n          bgcolor={bgcolor}\n          filter={(t) => !!t.merchant_guid}\n          height=\"auto\"\n          onClick={onSelected}\n          showLoader={false}\n        />\n      </Stack>\n    )\n  },\n)\n"],"mappings":";;;;;;;;AAgBA,IAAa,IAAoB,EAAA,CAC9B,EACC,SAAA,IAAU,sBACV,aAAA,GACA,UAAA,GACA,YAAA,EAAA,MAC4B;AAC5B,QAAM,EAAE,WAAW,EAAA,IAAkB,EAAmB,GAClD,EAAE,aAAA,GAAa,gBAAA,EAAA,IAAmB,EAAuB;AAE/D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,SAAA;AAAA,MAAS,KAAK;AAAA,MAAI,IAAI;AAAA,IAAE;AAAA,cAArC;AAAA,MACG,KAAe,gBAAA,EAAC,GAAD;AAAA,QAAG,IAAI,EAAE,IAAI,GAAG;AAAA,kBAAI;AAAA,MAAe,CAAA;AAAA,MACnD,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW,EAAc;AAAA,QACzB,iBAAiB,EAAc;AAAA,QAC/B,UAAA,CAAW,MAAU;AACnB,UAAA,EAAe,CAAK,GACpB,EAAS,CAAK;AAAA,QAChB;AAAA,QACA,aAAa,EAAc;AAAA,QACd,aAAA;AAAA,MACd,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACW,SAAA;AAAA,QACT,QAAA,CAAS,MAAM,CAAC,CAAC,EAAE;AAAA,QACnB,QAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,MACb,CAAA;AAAA,IACI;AAAA;AAEX,CACF"}

package/dist/recurringtransactions/components/shared/RecurringSettings/index.es.js

@@ -0,0 +1,37 @@
+import { useEvent as m, useGlobalCopyStore as g } from "../../../../common/context/hooks/index.es.js";
+import { ManageExpenses as l } from "../recurringsettings/ManageExpenses/index.es.js";
+import { ManageIncome as p } from "../recurringsettings/ManageIncome/index.es.js";
+import b from "react";
+import { observer as d } from "mobx-react-lite";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import u from "@mui/material/Box";
+import a from "@mui/material/Tab";
+import f from "@mui/material/Tabs";
+var M = d(({ defaultSelectedTab: i = 0 }) => {
+  const [r, s] = b.useState(i), { onEvent: c } = m(), { recurring: o } = g();
+  return /* @__PURE__ */ t(u, {
+    bgcolor: "background.default",
+    height: "100%",
+    children: [
+      /* @__PURE__ */ t(f, {
+        onChange: (_, n) => {
+          s(n), c(n === 0 ? "recurring_transactions_widget_manage_expenses" : "recurring_transactions_widget_edit_income");
+        },
+        sx: {
+          bgcolor: "background.paper",
+          mb: 0
+        },
+        value: r,
+        variant: "fullWidth",
+        children: [/* @__PURE__ */ e(a, { label: o.expenses }), /* @__PURE__ */ e(a, { label: o.income })]
+      }),
+      r === 0 && /* @__PURE__ */ e(l, {}),
+      r === 1 && /* @__PURE__ */ e(p, {})
+    ]
+  });
+});
+export {
+  M as RecurringSettings
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/recurringtransactions/components/shared/RecurringSettings/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/recurringtransactions/components/shared/RecurringSettings.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { ManageExpenses } from './recurringsettings/ManageExpenses'\nimport { ManageIncome } from './recurringsettings/ManageIncome'\n\nimport { useEvent, useGlobalCopyStore } from '../../../common'\n\ninterface RecurringSettingsProps {\n  defaultSelectedTab?: number\n}\n\nexport const RecurringSettings = observer(({ defaultSelectedTab = 0 }: RecurringSettingsProps) => {\n  const [selectedTab, setSelectedTab] = React.useState(defaultSelectedTab)\n  const { onEvent } = useEvent()\n  const { recurring: recurringCopy } = useGlobalCopyStore()\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n    onEvent(\n      newValue === 0\n        ? 'recurring_transactions_widget_manage_expenses'\n        : 'recurring_transactions_widget_edit_income',\n    )\n  }\n\n  return (\n    <Box bgcolor=\"background.default\" height=\"100%\">\n      <Tabs\n        onChange={handleTabChange}\n        sx={{ bgcolor: 'background.paper', mb: 0 }}\n        value={selectedTab}\n        variant=\"fullWidth\"\n      >\n        <Tab label={recurringCopy.expenses} />\n        <Tab label={recurringCopy.income} />\n      </Tabs>\n      {selectedTab === 0 && <ManageExpenses />}\n      {selectedTab === 1 && <ManageIncome />}\n    </Box>\n  )\n})\n"],"mappings":";;;;;;;;;AAgBA,IAAa,IAAoB,EAAA,CAAU,EAAE,oBAAA,IAAqB,EAAA,MAAgC;AAChG,QAAM,CAAC,GAAa,CAAA,IAAkB,EAAM,SAAS,CAAkB,GACjE,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,WAAW,EAAA,IAAkB,EAAmB;AAWxD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,SAAQ;AAAA,IAAqB,QAAO;AAAA,cAAzC;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,UAZA,CAAmB,GAA8B,MAAqB;AAC1E,UAAA,EAAe,CAAQ,GACvB,EACE,MAAa,IACT,kDACA,2CACN;AAAA,QACF;AAAA,QAMM,IAAI;AAAA,UAAE,SAAS;AAAA,UAAoB,IAAI;AAAA,QAAE;AAAA,QACzC,OAAO;AAAA,QACP,SAAQ;AAAA,kBAJV,CAME,gBAAA,EAAC,GAAD,EAAK,OAAO,EAAc,SAAW,CAAA,GACrC,gBAAA,EAAC,GAAD,EAAK,OAAO,EAAc,OAAS,CAAA,CAC/B;AAAA;MACL,MAAgB,KAAK,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,MACtC,MAAgB,KAAK,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,IAClC;AAAA;AAET,CAAC"}