@mx-cartographer/experiences 6.25.3-alpha.al2 → 6.25.3-alpha.mega2

package/dist/recurringtransactions/components/RecurringTransactions.js

@@ -0,0 +1,305 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import Y from "react";
+import { observer as z } from "mobx-react-lite";
+import { addMonths as F } from "date-fns/addMonths";
+import { startOfMonth as T } from "date-fns/startOfMonth";
+import { endOfMonth as R } from "date-fns/endOfMonth";
+import { subMonths as V } from "date-fns/subMonths";
+import { isBefore as q } from "date-fns/isBefore";
+import s from "@mui/material/Unstable_Grid2";
+import x from "@mui/material/IconButton";
+import m from "@mui/material/Stack";
+import _ from "@mui/material/Tab";
+import J from "@mui/material/Tabs";
+import { ChevronLeft as Q, ChevronRight as X } from "@mxenabled/mx-icons";
+import { H3 as Z, Text as b } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as M } from "../../common/constants/Analytics.js";
+import { formatDate as S, DATE_FORMATS_INTL as I } from "../../common/constants/DateFormats.js";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { buildDynamicCopy as v } from "../../common/utils/Localization.js";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as $, useEvent as tt, useRecurringTransactionsStore as rt } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as ot } from "../../common/hooks/useScreenSize.js";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "@mui/material/Paper";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "@mui/material/styles/useTheme";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/useMediaQuery";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../RecurringTransactionsWidget.js";
+import "../RecurringTransactionsMiniWidget.js";
+import "../RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "./shared/RecurringSettings.js";
+import "./shared/recurringsettings/ManageIncome.js";
+import "./shared/recurringsettings/ManageExpenses.js";
+import "./shared/recurringsettings/SelectTransaction.js";
+import "./shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { RecurrenceCalendar as it } from "./recurrencecalendar/RecurrenceCalendar.js";
+import { RecurrenceList as n } from "./RecurrenceList.js";
+import { RecurringStatus as y } from "./RecurringStatus.js";
+const ni = z(() => {
+  const { recurring: r } = $(), { isDesktop: p, isSmallMobile: a } = ot(), { onEvent: l } = tt(), {
+    currentMonthExpenses: N,
+    currentMonthIncome: k,
+    dateRange: e,
+    expenseTotal: E,
+    incomeTotal: D,
+    missedExpenseTotal: A,
+    pastRecurrences: d,
+    paidExpenseTotal: O,
+    paidIncomeTotal: L,
+    selectedDay: u,
+    selectedDayRecurrences: G,
+    setDateRange: h,
+    upcomingExpenseTotal: w,
+    upcomingIncomeTotal: P,
+    upcomingRecurrences: f
+  } = rt(), [c, U] = Y.useState(0), j = q(e.start, /* @__PURE__ */ new Date()), H = (o, W) => {
+    U(W);
+  }, g = (o) => {
+    l(M.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
+      transaction_guid: o.transaction?.guid
+    });
+  }, C = (o) => {
+    l(M.RECURRING_TRANSACTIONS_CLICK_PAID, {
+      transaction_guid: o.transaction?.guid
+    });
+  }, B = () => {
+    const o = F(e.start, 1);
+    h({
+      start: T(o),
+      end: R(o)
+    });
+  }, K = () => {
+    const o = V(e.start, 1);
+    h({
+      start: T(o),
+      end: R(o)
+    });
+  };
+  return /* @__PURE__ */ i(s, { container: !0, sx: { pt: 16, px: 24, spacing: 24 }, children: [
+    /* @__PURE__ */ t(s, { md: !0, sm: 12, width: "100%", children: /* @__PURE__ */ i(m, { sx: { gap: 16 }, children: [
+      /* @__PURE__ */ i(m, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(Z, { sx: { px: 24 }, children: v(
+          r.header_title,
+          S(e.start, I.MONTH_LONG)
+        ) }),
+        !p && /* @__PURE__ */ i(m, { direction: "row", gap: 4, children: [
+          /* @__PURE__ */ t(
+            x,
+            {
+              color: "primary",
+              disabled: j,
+              onClick: K,
+              children: /* @__PURE__ */ t(Q, {})
+            }
+          ),
+          /* @__PURE__ */ t(x, { color: "primary", onClick: B, children: /* @__PURE__ */ t(X, {}) })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(
+        y,
+        {
+          expected: E,
+          missed: A,
+          paid: O,
+          title: r.expenses,
+          total: N.length,
+          upcoming: w
+        }
+      ),
+      /* @__PURE__ */ t(
+        y,
+        {
+          expected: D,
+          isExpense: !1,
+          paid: L,
+          title: r.deposits,
+          total: k.length,
+          upcoming: P
+        }
+      ),
+      p && /* @__PURE__ */ t(
+        n,
+        {
+          onRecurrenceClick: g,
+          recurrences: f,
+          title: r.upcoming_activity
+        }
+      ),
+      !p && /* @__PURE__ */ i(m, { children: [
+        /* @__PURE__ */ i(J, { onChange: H, value: c, variant: "fullWidth", children: [
+          /* @__PURE__ */ t(
+            _,
+            {
+              label: /* @__PURE__ */ t(b, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: a ? r.upcoming : r.upcoming_activity })
+            }
+          ),
+          /* @__PURE__ */ t(
+            _,
+            {
+              label: /* @__PURE__ */ t(b, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: a ? r.past : r.past_transactions })
+            }
+          )
+        ] }),
+        c === 0 && /* @__PURE__ */ t(
+          n,
+          {
+            onRecurrenceClick: g,
+            recurrences: f
+          }
+        ),
+        c === 1 && /* @__PURE__ */ t(
+          n,
+          {
+            onRecurrenceClick: C,
+            recurrences: d
+          }
+        )
+      ] })
+    ] }) }),
+    p && /* @__PURE__ */ t(s, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ i(m, { gap: 24, children: [
+      /* @__PURE__ */ t(it, {}),
+      /* @__PURE__ */ t(
+        n,
+        {
+          onRecurrenceClick: C,
+          recurrences: G || d,
+          title: u ? v(
+            r.day_transactions,
+            S(u, I.MONTH_DAY)
+          ) : r.past_transactions
+        }
+      )
+    ] }) })
+  ] });
+});
+export {
+  ni as RecurringTransactions
+};
+//# sourceMappingURL=RecurringTransactions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringTransactions.js","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/Unstable_Grid2'\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 { H3, Text } from '@mxenabled/mxui'\n\nimport {\n  type Recurrence,\n  ANALYTICS_EVENTS,\n  buildDynamicCopy,\n  DATE_FORMATS_INTL,\n  formatDate,\n  useEvent,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n} from '../../common'\n\nimport { RecurrenceCalendar } from './recurrencecalendar/RecurrenceCalendar'\nimport { RecurrenceList } from './RecurrenceList'\nimport { RecurringStatus } from './RecurringStatus'\n\nexport const RecurringTransactions = observer(() => {\n  const { recurring: copy } = useGlobalCopyStore()\n  const { isDesktop, isSmallMobile } = useScreenSize()\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    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    onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {\n      transaction_guid: recurrence.transaction?.guid,\n    })\n  }\n\n  const onPaidRecurrenceClick = (recurrence: 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 container={true} sx={{ pt: 16, px: 24, spacing: 24 }}>\n      <Grid md={true} sm={12} width={'100%'}>\n        <Stack sx={{ gap: 16 }}>\n          <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n            <H3 sx={{ px: 24 }}>\n              {\n                buildDynamicCopy(\n                  copy.header_title,\n                  formatDate(dateRange.start, DATE_FORMATS_INTL.MONTH_LONG),\n                ) as string\n              }\n            </H3>\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\n          {!isDesktop && (\n            <Stack>\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        </Stack>\n      </Grid>\n\n      {isDesktop && (\n        <Grid sx={{ minWidth: 450 }} xs=\"auto\">\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    </Grid>\n  )\n})\n"],"names":["RecurringTransactions","observer","copy","useGlobalCopyStore","isDesktop","isSmallMobile","useScreenSize","onEvent","useEvent","currentMonthExpenses","currentMonthIncome","dateRange","expenseTotal","incomeTotal","missedExpenseTotal","pastRecurrences","paidExpenseTotal","paidIncomeTotal","selectedDay","selectedDayRecurrences","setDateRange","upcomingExpenseTotal","upcomingIncomeTotal","upcomingRecurrences","useRecurringTransactionsStore","selectedTab","setSelectedTab","React","isPreviousMonthDisabled","isBefore","handleTabChange","_event","newValue","onUpcomingRecurrenceClick","recurrence","ANALYTICS_EVENTS","onPaidRecurrenceClick","onNextMonthClick","nextMonth","addMonths","startOfMonth","endOfMonth","onPreviousMonthClick","lastMonth","subMonths","jsxs","Grid","jsx","Stack","H3","buildDynamicCopy","formatDate","DATE_FORMATS_INTL","IconButton","ChevronLeft","ChevronRight","RecurringStatus","RecurrenceList","Tabs","Tab","Text","RecurrenceCalendar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCa,MAAAA,KAAwBC,EAAS,MAAM;AAClD,QAAM,EAAE,WAAWC,EAAK,IAAIC,EAAmB,GACzC,EAAE,WAAAC,GAAW,eAAAC,EAAc,IAAIC,GAAc,GAC7C,EAAE,SAAAC,MAAYC,MACd;AAAA,IACJ,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,MACEC,GAA8B,GAE5B,CAACC,GAAaC,CAAc,IAAIC,EAAM,SAAS,CAAC,GAEhDC,IAA0BC,EAASlB,EAAU,OAAO,oBAAI,MAAM,GAE9DmB,IAAkB,CAACC,GAA8BC,MAAqB;AAC1E,IAAAN,EAAeM,CAAQ;AAAA,EAAA,GAGnBC,IAA4B,CAACC,MAA2B;AAC5D,IAAA3B,EAAQ4B,EAAiB,uCAAuC;AAAA,MAC9D,kBAAkBD,EAAW,aAAa;AAAA,IAAA,CAC3C;AAAA,EAAA,GAGGE,IAAwB,CAACF,MAA2B;AACxD,IAAA3B,EAAQ4B,EAAiB,mCAAmC;AAAA,MAC1D,kBAAkBD,EAAW,aAAa;AAAA,IAAA,CAC3C;AAAA,EAAA,GAGGG,IAAmB,MAAM;AAC7B,UAAMC,IAAYC,EAAU5B,EAAU,OAAO,CAAC;AACjC,IAAAS,EAAA;AAAA,MACX,OAAOoB,EAAaF,CAAS;AAAA,MAC7B,KAAKG,EAAWH,CAAS;AAAA,IAAA,CAC1B;AAAA,EAAA,GAGGI,IAAuB,MAAM;AACjC,UAAMC,IAAYC,EAAUjC,EAAU,OAAO,CAAC;AACjC,IAAAS,EAAA;AAAA,MACX,OAAOoB,EAAaG,CAAS;AAAA,MAC7B,KAAKF,EAAWE,CAAS;AAAA,IAAA,CAC1B;AAAA,EAAA;AAGH,SACG,gBAAAE,EAAAC,GAAA,EAAK,WAAW,IAAM,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,SAAS,GAAA,GACpD,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAK,EAAA,IAAI,IAAM,IAAI,IAAI,OAAO,QAC7B,UAAA,gBAAAD,EAACG,GAAM,EAAA,IAAI,EAAE,KAAK,GAChB,GAAA,UAAA;AAAA,MAAA,gBAAAH,EAACG,KAAM,YAAW,UAAS,WAAU,OAAM,gBAAe,iBACxD,UAAA;AAAA,QAAA,gBAAAD,EAACE,GAAG,EAAA,IAAI,EAAE,IAAI,MAEV,UAAAC;AAAA,UACEhD,EAAK;AAAA,UACLiD,EAAWxC,EAAU,OAAOyC,EAAkB,UAAU;AAAA,QAAA,GAG9D;AAAA,QACC,CAAChD,KACA,gBAAAyC,EAACG,KAAM,WAAU,OAAM,KAAK,GAC1B,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,UAAUzB;AAAA,cACV,SAASc;AAAA,cAET,4BAACY,GAAY,EAAA;AAAA,YAAA;AAAA,UACf;AAAA,UACA,gBAAAP,EAACM,KAAW,OAAM,WAAU,SAAShB,GACnC,UAAA,gBAAAU,EAACQ,KAAa,EAChB,CAAA;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,MAEA,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,UAAU5C;AAAA,UACV,QAAQE;AAAA,UACR,MAAME;AAAA,UACN,OAAOd,EAAK;AAAA,UACZ,OAAOO,EAAqB;AAAA,UAC5B,UAAUY;AAAA,QAAA;AAAA,MACZ;AAAA,MAEA,gBAAA0B;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,UAAU3C;AAAA,UACV,WAAW;AAAA,UACX,MAAMI;AAAA,UACN,OAAOf,EAAK;AAAA,UACZ,OAAOQ,EAAmB;AAAA,UAC1B,UAAUY;AAAA,QAAA;AAAA,MACZ;AAAA,MAEClB,KACC,gBAAA2C;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,mBAAmBxB;AAAA,UACnB,aAAaV;AAAA,UACb,OAAOrB,EAAK;AAAA,QAAA;AAAA,MACd;AAAA,MAGD,CAACE,KACA,gBAAAyC,EAACG,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAH,EAACa,KAAK,UAAU5B,GAAiB,OAAOL,GAAa,SAAQ,aAC3D,UAAA;AAAA,UAAA,gBAAAsB;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,OACG,gBAAAZ,EAAAa,GAAA,EAAK,MAAM,IAAM,IAAI,EAAE,eAAe,OAAO,GAAG,SAAQ,SACtD,UAAAvD,IAAgBH,EAAK,WAAWA,EAAK,mBACxC;AAAA,YAAA;AAAA,UAEJ;AAAA,UACA,gBAAA6C;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,OACG,gBAAAZ,EAAAa,GAAA,EAAK,MAAM,IAAM,IAAI,EAAE,eAAe,OAAO,GAAG,SAAQ,SACtD,UAAAvD,IAAgBH,EAAK,OAAOA,EAAK,mBACpC;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QACCuB,MAAgB,KACf,gBAAAsB;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,mBAAmBxB;AAAA,YACnB,aAAaV;AAAA,UAAA;AAAA,QACf;AAAA,QAEDE,MAAgB,KACf,gBAAAsB;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,mBAAmBrB;AAAA,YACnB,aAAarB;AAAA,UAAA;AAAA,QACf;AAAA,MAAA,GAEJ;AAAA,IAAA,EAAA,CAEJ,EACF,CAAA;AAAA,IAECX,KACC,gBAAA2C,EAACD,GAAK,EAAA,IAAI,EAAE,UAAU,IAAI,GAAG,IAAG,QAC9B,UAAC,gBAAAD,EAAAG,GAAA,EAAM,KAAK,IACV,UAAA;AAAA,MAAA,gBAAAD,EAACc,IAAmB,EAAA;AAAA,MACpB,gBAAAd;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,mBAAmBrB;AAAA,UACnB,aAAajB,KAA0BJ;AAAA,UACvC,OACEG,IACKgC;AAAA,YACChD,EAAK;AAAA,YACLiD,EAAWjC,GAAakC,EAAkB,SAAS;AAAA,cAErDlD,EAAK;AAAA,QAAA;AAAA,MAEb;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,206 @@
+import { jsxs as S, Fragment as f, jsx as i } from "react/jsx-runtime";
+import o from "react";
+import { observer as C } from "mobx-react-lite";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as h } from "../../../common/constants/Analytics.js";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as D, useRecurringTransactionsStore as E, useEvent as A } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import R from "../../../common/components/drawer/Drawer.js";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import N from "../../../common/components/DataRow.js";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemButton";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/ListItemIcon";
+import "@mui/material/ListItemText";
+import "@mui/material/Switch";
+import "@mui/material/ListItemAvatar";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Avatar";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../RecurringTransactionsWidget.js";
+import "../../RecurringTransactionsMiniWidget.js";
+import "../../RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import { getFrequencyLabel as v } from "../../util/RecurringTransactions.js";
+import "../shared/RecurringSettings.js";
+import "../shared/recurringsettings/ManageIncome.js";
+import "../shared/recurringsettings/ManageExpenses.js";
+import "../shared/recurringsettings/SelectTransaction.js";
+import "../shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { PaymentSchedule as F } from "../PaymentSchedule.js";
+const No = C(({ repeatingTransaction: r }) => {
+  const { recurring: t } = D(), { updateRepeatingTransaction: c } = E(), { onEvent: s } = A(), [a, m] = o.useState(!1), [p, u] = o.useState(r.recurrence_type), [e, y] = o.useState(r.recurrence_day), [n, l] = o.useState(r.second_recurrence_day), d = async () => {
+    await c({
+      ...r,
+      recurrence_type: p,
+      recurrence_day: e,
+      second_recurrence_day: n
+    }), m(!1);
+  }, _ = () => {
+    m(!0), s(h.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+  };
+  return /* @__PURE__ */ S(f, { children: [
+    /* @__PURE__ */ i(
+      N,
+      {
+        iconName: "sync",
+        label: t.activity_schedule,
+        onClick: _,
+        value: `${v(t, r, !0)}`
+      }
+    ),
+    /* @__PURE__ */ i(
+      R,
+      {
+        ariaLabelClose: t.close_drawer_aria,
+        isOpen: a,
+        onClose: () => m(!1),
+        onPrimaryAction: d,
+        title: t.payment_schedule,
+        children: /* @__PURE__ */ i(
+          F,
+          {
+            firstDay: e,
+            frequency: p,
+            onFirstDayChange: y,
+            onFrequencyChange: u,
+            onSecondDayChange: l,
+            secondDay: n
+          }
+        )
+      }
+    )
+  ] });
+});
+export {
+  No as PaymentScheduleAction
+};
+//# sourceMappingURL=PaymentScheduleAction.js.map

package/dist/recurringtransactions/components/actions/PaymentScheduleAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentScheduleAction.js","sources":["../../../../src/recurringtransactions/components/actions/PaymentScheduleAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  type RepeatingTransaction,\n  ANALYTICS_EVENTS,\n  DataRow,\n  Drawer,\n  Frequency,\n  useEvent,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n} from '../../../common'\n\nimport { getFrequencyLabel } from '../../util/RecurringTransactions'\n\nimport { PaymentSchedule } from '../PaymentSchedule'\n\ninterface FrequencyActionProps {\n  repeatingTransaction: RepeatingTransaction\n}\n\nexport const PaymentScheduleAction = observer(({ repeatingTransaction }: FrequencyActionProps) => {\n  const { recurring: copy } = useGlobalCopyStore()\n  const { updateRepeatingTransaction } = useRecurringTransactionsStore()\n\n  const { onEvent } = useEvent()\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [frequency, setFrequency] = React.useState<Frequency>(repeatingTransaction.recurrence_type)\n  const [firstDay, setFirstDay] = React.useState(repeatingTransaction.recurrence_day)\n  const [secondDay, setSecondDay] = React.useState(repeatingTransaction.second_recurrence_day)\n\n  const handleSave = async () => {\n    await updateRepeatingTransaction({\n      ...repeatingTransaction,\n      recurrence_type: frequency,\n      recurrence_day: firstDay,\n      second_recurrence_day: secondDay,\n    })\n\n    setIsOpen(false)\n  }\n\n  const handleOpen = () => {\n    setIsOpen(true)\n    onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE)\n  }\n\n  return (\n    <>\n      <DataRow\n        iconName=\"sync\"\n        label={copy.activity_schedule}\n        onClick={handleOpen}\n        value={`${getFrequencyLabel(copy, repeatingTransaction, true)}`}\n      />\n      <Drawer\n        ariaLabelClose={copy.close_drawer_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        onPrimaryAction={handleSave}\n        title={copy.payment_schedule}\n      >\n        <PaymentSchedule\n          firstDay={firstDay}\n          frequency={frequency}\n          onFirstDayChange={setFirstDay}\n          onFrequencyChange={setFrequency}\n          onSecondDayChange={setSecondDay}\n          secondDay={secondDay}\n        />\n      </Drawer>\n    </>\n  )\n})\n"],"names":["PaymentScheduleAction","observer","repeatingTransaction","copy","useGlobalCopyStore","updateRepeatingTransaction","useRecurringTransactionsStore","onEvent","useEvent","isOpen","setIsOpen","React","frequency","setFrequency","firstDay","setFirstDay","secondDay","setSecondDay","handleSave","handleOpen","ANALYTICS_EVENTS","jsxs","Fragment","jsx","DataRow","getFrequencyLabel","Drawer","PaymentSchedule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAMA,KAAwBC,EAAS,CAAC,EAAE,sBAAAC,QAAiD;AAChG,QAAM,EAAE,WAAWC,EAAK,IAAIC,EAAmB,GACzC,EAAE,4BAAAC,MAA+BC,KAEjC,EAAE,SAAAC,MAAYC,KACd,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAAM,SAAoBT,EAAqB,eAAe,GAC1F,CAACY,GAAUC,CAAW,IAAIJ,EAAM,SAAST,EAAqB,cAAc,GAC5E,CAACc,GAAWC,CAAY,IAAIN,EAAM,SAAST,EAAqB,qBAAqB,GAErFgB,IAAa,YAAY;AAC7B,UAAMb,EAA2B;AAAA,MAC/B,GAAGH;AAAA,MACH,iBAAiBU;AAAA,MACjB,gBAAgBE;AAAA,MAChB,uBAAuBE;AAAA,IAAA,CACxB,GAEDN,EAAU,EAAK;AAAA,EAAA,GAGXS,IAAa,MAAM;AACvB,IAAAT,EAAU,EAAI,GACdH,EAAQa,EAAiB,qDAAqD;AAAA,EAAA;AAGhF,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAOrB,EAAK;AAAA,QACZ,SAASgB;AAAA,QACT,OAAO,GAAGM,EAAkBtB,GAAMD,GAAsB,EAAI,CAAC;AAAA,MAAA;AAAA,IAC/D;AAAA,IACA,gBAAAqB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,gBAAgBvB,EAAK;AAAA,QACrB,QAAAM;AAAA,QACA,SAAS,MAAMC,EAAU,EAAK;AAAA,QAC9B,iBAAiBQ;AAAA,QACjB,OAAOf,EAAK;AAAA,QAEZ,UAAA,gBAAAoB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAAb;AAAA,YACA,WAAAF;AAAA,YACA,kBAAkBG;AAAA,YAClB,mBAAmBF;AAAA,YACnB,mBAAmBI;AAAA,YACnB,WAAAD;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/recurringtransactions/components/micro/MerchantLogosRow.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "@mui/material/Stack";
+import { MerchantLogo as c } from "@mxenabled/mxui";
+const n = ({
+  upcomingRecurrences: i,
+  maxLogos: a = 3
+}) => /* @__PURE__ */ t(m, { sx: { flexDirection: "row", gap: 4 }, children: i?.slice(0, a).map((o, r) => /* @__PURE__ */ t(
+  c,
+  {
+    categoryGuid: o.categoryGuid || "",
+    merchantGuid: o.merchantGuid || ""
+  },
+  `${o.categoryGuid}-${o.merchantGuid}-${r}`
+)) });
+export {
+  n as MerchantLogosRow
+};
+//# sourceMappingURL=MerchantLogosRow.js.map

package/dist/recurringtransactions/components/micro/MerchantLogosRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MerchantLogosRow.js","sources":["../../../../src/recurringtransactions/components/micro/MerchantLogosRow.tsx"],"sourcesContent":["import React from 'react'\nimport Stack from '@mui/material/Stack'\nimport { MerchantLogo } from '@mxenabled/mxui'\nimport { Recurrence } from '../../../common'\n\ninterface MerchantLogosRowProps {\n  upcomingRecurrences: Recurrence[]\n  maxLogos?: number\n}\n\nexport const MerchantLogosRow: React.FC<MerchantLogosRowProps> = ({\n  upcomingRecurrences,\n  maxLogos = 3,\n}) => {\n  return (\n    <Stack sx={{ flexDirection: 'row', gap: 4 }}>\n      {upcomingRecurrences\n        ?.slice(0, maxLogos)\n        .map((recurrence, index) => (\n          <MerchantLogo\n            categoryGuid={recurrence.categoryGuid || ''}\n            key={`${recurrence.categoryGuid}-${recurrence.merchantGuid}-${index}`}\n            merchantGuid={recurrence.merchantGuid || ''}\n          />\n        ))}\n    </Stack>\n  )\n}\n"],"names":["MerchantLogosRow","upcomingRecurrences","maxLogos","Stack","recurrence","index","jsx","MerchantLogo"],"mappings":";;;AAUO,MAAMA,IAAoD,CAAC;AAAA,EAChE,qBAAAC;AAAA,EACA,UAAAC,IAAW;AACb,wBAEKC,GAAM,EAAA,IAAI,EAAE,eAAe,OAAO,KAAK,EACrC,GAAA,UAAAF,GACG,MAAM,GAAGC,CAAQ,EAClB,IAAI,CAACE,GAAYC,MAChB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,cAAcH,EAAW,gBAAgB;AAAA,IAEzC,cAAcA,EAAW,gBAAgB;AAAA,EAAA;AAAA,EADpC,GAAGA,EAAW,YAAY,IAAIA,EAAW,YAAY,IAAIC,CAAK;AAGtE,CAAA,EACL,CAAA;"}

package/dist/recurringtransactions/components/micro/OverlappingMerchantLogos.js

@@ -0,0 +1,45 @@
+import { jsx as i } from "react/jsx-runtime";
+import n from "@mui/material/Box";
+import { MerchantLogo as m } from "@mxenabled/mxui";
+const h = ({
+  upcomingRecurrences: e,
+  logoSize: r = 32,
+  maxLogos: a = 3
+}) => {
+  const l = (o) => o * (r / 2);
+  return /* @__PURE__ */ i(
+    n,
+    {
+      sx: {
+        position: "relative",
+        width: 64
+      },
+      children: e.map((o, t) => t < a ? /* @__PURE__ */ i(
+        n,
+        {
+          sx: {
+            borderRadius: "4px",
+            left: l(t),
+            outlineColor: "common.white",
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            position: "absolute"
+          },
+          children: /* @__PURE__ */ i(
+            m,
+            {
+              categoryGuid: o.categoryGuid || "",
+              merchantGuid: o.merchantGuid || "",
+              size: r
+            }
+          )
+        },
+        `${o.categoryGuid}-${o.merchantGuid}-${t}`
+      ) : null)
+    }
+  );
+};
+export {
+  h as OverlappingMerchantLogos
+};
+//# sourceMappingURL=OverlappingMerchantLogos.js.map

package/dist/recurringtransactions/components/micro/OverlappingMerchantLogos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlappingMerchantLogos.js","sources":["../../../../src/recurringtransactions/components/micro/OverlappingMerchantLogos.tsx"],"sourcesContent":["import React from 'react'\nimport Box from '@mui/material/Box'\nimport { MerchantLogo } from '@mxenabled/mxui'\nimport { Recurrence } from '../../../common'\n\ninterface OverlappingMerchantLogosProps {\n  upcomingRecurrences: Recurrence[]\n  logoSize?: number\n  maxLogos?: number\n}\n\nexport const OverlappingMerchantLogos: React.FC<OverlappingMerchantLogosProps> = ({\n  upcomingRecurrences,\n  logoSize = 32,\n  maxLogos = 3,\n}) => {\n  const ICON_OVERLAP_X = (i: number) => i * (logoSize / 2)\n\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        width: 64,\n      }}\n    >\n      {upcomingRecurrences.map((recurrence, index) => {\n        if (index < maxLogos) {\n          return (\n            <Box\n              key={`${recurrence.categoryGuid}-${recurrence.merchantGuid}-${index}`}\n              sx={{\n                borderRadius: '4px',\n                left: ICON_OVERLAP_X(index),\n                outlineColor: 'common.white',\n                outlineStyle: 'solid',\n                outlineWidth: 2,\n                position: 'absolute',\n              }}\n            >\n              <MerchantLogo\n                categoryGuid={recurrence.categoryGuid || ''}\n                merchantGuid={recurrence.merchantGuid || ''}\n                size={logoSize}\n              />\n            </Box>\n          )\n        }\n        return null\n      })}\n    </Box>\n  )\n}\n"],"names":["OverlappingMerchantLogos","upcomingRecurrences","logoSize","maxLogos","ICON_OVERLAP_X","i","jsx","Box","recurrence","index","MerchantLogo"],"mappings":";;;AAWO,MAAMA,IAAoE,CAAC;AAAA,EAChF,qBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,MAAM;AACJ,QAAMC,IAAiB,CAACC,MAAcA,KAAKH,IAAW;AAGpD,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEC,UAAoBN,EAAA,IAAI,CAACO,GAAYC,MAChCA,IAAQN,IAER,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,IAAI;AAAA,YACF,cAAc;AAAA,YACd,MAAMH,EAAeK,CAAK;AAAA,YAC1B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,YACd,UAAU;AAAA,UACZ;AAAA,UAEA,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,cAAcF,EAAW,gBAAgB;AAAA,cACzC,cAAcA,EAAW,gBAAgB;AAAA,cACzC,MAAMN;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,QAdK,GAAGM,EAAW,YAAY,IAAIA,EAAW,YAAY,IAAIC,CAAK;AAAA,MAAA,IAkBlE,IACR;AAAA,IAAA;AAAA,EAAA;AAGP;"}