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

package/dist/cashflow/CashflowMiniWidget.js

@@ -0,0 +1,179 @@
+import { jsx as t } from "react/jsx-runtime";
+import s from "react";
+import { observer as a } from "mobx-react-lite";
+import "bowser";
+import "date-fns/getUnixTime";
+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 n, useGlobalUiStore as l, useRecurringTransactionsStore as f } 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 "../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import c from "../common/components/MiniWidgetContainer.js";
+import "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import d from "../common/components/Loader.js";
+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 "./CashflowWidget.js";
+import "./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 "../recurringtransactions/RecurringTransactionsWidget.js";
+import "../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../recurringtransactions/components/shared/RecurringSettings.js";
+import "../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../recurringtransactions/components/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 u from "./components/CashflowWidgetContent.js";
+const C = ({ onPrimaryCtaClick: i, sx: m = {} }) => {
+  const { cashflow: o } = n(), { isCopyLoaded: p, isInitialized: r } = l(), { loadRepeatingTransactions: e } = f();
+  return s.useEffect(() => {
+    r && e().finally();
+  }, [r]), p ? /* @__PURE__ */ t(
+    c,
+    {
+      className: "mx-exp-cashflow-miniwidget",
+      onPrimaryCtaClick: i,
+      primaryCtaLabel: o.primary_cta,
+      subTitle: o.sub_title,
+      sx: m,
+      title: o.title,
+      children: /* @__PURE__ */ t(u, { onAddIncomeClick: i })
+    }
+  ) : /* @__PURE__ */ t(d, {});
+}, di = a(C);
+export {
+  di as default
+};
+//# sourceMappingURL=CashflowMiniWidget.js.map

package/dist/cashflow/CashflowMiniWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CashflowMiniWidget.js","sources":["../../src/cashflow/CashflowMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Loader,\n  MiniWidgetContainer,\n  MiniWidgetProps,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n} from '../common'\n\nimport CashflowWidgetContent from './components/CashflowWidgetContent'\n\nconst CashflowMiniWidget: React.FC<MiniWidgetProps> = ({ onPrimaryCtaClick, sx = {} }) => {\n  const { cashflow: customCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized } = useGlobalUiStore()\n  const { loadRepeatingTransactions } = useRecurringTransactionsStore()\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadRepeatingTransactions().finally()\n    }\n  }, [isInitialized])\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      className=\"mx-exp-cashflow-miniwidget\"\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={customCopy.primary_cta}\n      subTitle={customCopy.sub_title}\n      sx={sx}\n      title={customCopy.title}\n    >\n      <CashflowWidgetContent onAddIncomeClick={onPrimaryCtaClick} />\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(CashflowMiniWidget)\n"],"names":["CashflowMiniWidget","onPrimaryCtaClick","sx","customCopy","useGlobalCopyStore","isCopyLoaded","isInitialized","useGlobalUiStore","loadRepeatingTransactions","useRecurringTransactionsStore","React","jsx","MiniWidgetContainer","CashflowWidgetContent","Loader","CashflowMiniWidget$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,IAAgD,CAAC,EAAE,mBAAAC,GAAmB,IAAAC,IAAK,SAAS;AACxF,QAAM,EAAE,UAAUC,EAAW,IAAIC,EAAmB,GAC9C,EAAE,cAAAC,GAAc,eAAAC,EAAc,IAAIC,EAAiB,GACnD,EAAE,2BAAAC,MAA8BC;AAQtC,SANAC,EAAM,UAAU,MAAM;AACpB,IAAIJ,KACFE,EAAA,EAA4B;EAC9B,GACC,CAACF,CAAa,CAAC,GAEbD,IAKH,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAAX;AAAA,MACA,iBAAiBE,EAAW;AAAA,MAC5B,UAAUA,EAAW;AAAA,MACrB,IAAAD;AAAA,MACA,OAAOC,EAAW;AAAA,MAElB,UAAA,gBAAAQ,EAACE,GAAsB,EAAA,kBAAkBZ,EAAmB,CAAA;AAAA,IAAA;AAAA,EAAA,sBAZtDa,GAAO,CAAA,CAAA;AAenB,GAEeC,KAAAC,EAAShB,CAAkB;"}

package/dist/cashflow/CashflowOnboarding.js

@@ -0,0 +1,346 @@
+import { jsx as t, jsxs as m, Fragment as w } from "react/jsx-runtime";
+import c, { useState as s } from "react";
+import { observer as tt } from "mobx-react-lite";
+import { formatISO as ot } from "date-fns/formatISO";
+import { fromUnixTime as F } from "date-fns/fromUnixTime";
+import { getUnixTime as rt } from "date-fns/getUnixTime";
+import { startOfMonth as it } from "date-fns/startOfMonth";
+import { startOfToday as O } from "date-fns/startOfToday";
+import { subDays as et } from "date-fns/subDays";
+import l from "@mui/material/Box";
+import d from "@mui/material/Button";
+import R from "@mui/material/Divider";
+import mt from "@mui/material/List";
+import h from "@mui/material/Stack";
+import { keyframes as nt } from "@mui/material/styles";
+import pt from "@mui/material/styles/useTheme";
+import { H1 as at, P as W, Icon as v } from "@mxenabled/mxui";
+import ct from "./components/onboarding/StepOne.js";
+import st from "./components/onboarding/StepTwo.js";
+import "bowser";
+import "date-fns/intlFormat";
+import "../common/constants/Account.js";
+import "../common/constants/Category.js";
+import { fromUnixToDayOfWeekAndDate as dt } from "../common/utils/DateUtil.js";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../common/components/accountfilter/AccountFilterOptions.js";
+import { useRecurringTransactionsStore as lt, useGlobalCopyStore as ut, useCashflowStore as ft, useGlobalUiStore as gt, useTransactionStore as ht } from "../common/context/hooks.js";
+import "../common/context/GlobalDataProvider.js";
+import "../common/context/WidgetContainerProvider.js";
+import { useScreenSize as yt } from "../common/hooks/useScreenSize.js";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+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/addYears";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+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 "../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 xt from "../common/components/Loader.js";
+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 { Frequency as St, RepeatingType as A } from "../common/types/RepeatingTransaction.js";
+import "posthog-js";
+import "./CashflowMiniWidget.js";
+import "./CashflowWidget.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 "../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 "../transactions/constants/Analytics.js";
+import "../transactions/constants/Transaction.js";
+import bt from "../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 "../recurringtransactions/RecurringTransactionsWidget.js";
+import "../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import { getNextPaymentDate as G } from "../recurringtransactions/util/RecurringTransactions.js";
+import "../recurringtransactions/components/shared/RecurringSettings.js";
+import "../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import { SelectTransaction as _t } from "../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import { AddRecurringTransactionDetails as Dt } from "../recurringtransactions/components/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 Tt from "../common/components/SubheaderRow.js";
+import { useCashflowUiStore as Ct } from "./context/hooks.js";
+import { incomeFilterSearch as kt, incomeFilter as L } from "../transactions/utils/Filters.js";
+import { CASHFLOW_IMAGES as It } from "./constants/CashflowImages.js";
+const wt = nt`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`, Ft = () => {
+  const { addRepeatingTransaction: M, repeatingTransactions: U } = lt(), { cashflow: n, common: y } = ut(), { completeOnboarding: x } = ft(), { isDirty: q } = Ct(), { isMobile: p } = yt(), { isCopyLoaded: N, setDisplayedDate: z } = gt(), { filter: S, setFilter: b, transactions: _ } = ht(), B = pt(), [H, u] = s(!0), [a, P] = c.useState(St.EveryMonth), [$, j] = c.useState(1), [E, J] = c.useState(15), [D, K] = s(!1), [f, T] = s(1), [i, Q] = s([]), [C, g] = s(""), e = c.useMemo(
+    () => _.find((o) => o.guid === C),
+    [C, _]
+  ), X = !!U.filter(
+    (o) => o.repeating_transaction_type === A.Income
+  ).length, k = async () => {
+    T(2), z(
+      //  Beginning of the month, 90 days before today
+      it(et(O(), 90)),
+      O()
+    ), b({ ...S, custom: L }), T(3);
+  }, Y = async () => {
+    if (!(i.length < 1)) {
+      K(!0);
+      for (let o = 0; o < i.length; o++) {
+        const r = i[o], I = G(a, F(r.date)), V = {
+          account_guid: r.account_guid,
+          amount: r.amount,
+          merchant_guid: r.merchant_guid,
+          description: r.feed_description || r.description,
+          predicted_occurs_on: ot(I, { representation: "date" }),
+          recurrence_day: I.getDay(),
+          recurrence_type: a,
+          repeating_transaction_type: A.Income,
+          transaction_type: r.transaction_type
+        };
+        await M(V, r);
+      }
+      await x();
+    }
+  }, Z = !e && H || !e && i.length < 1;
+  return N ? /* @__PURE__ */ m(
+    l,
+    {
+      sx: {
+        display: "flex",
+        alignItems: p ? "flex-start" : "center",
+        backgroundColor: B.palette.background.paper,
+        backgroundImage: p ? null : `url(${It.CASHFLOW_ONBOARDING})`,
+        backgroundRepeat: "no-repeat",
+        backgroundPosition: "left 100px",
+        backgroundSize: "35%",
+        py: 24
+      },
+      children: [
+        f === 1 && /* @__PURE__ */ t(
+          l,
+          {
+            sx: {
+              ...p ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
+            },
+            children: /* @__PURE__ */ t(ct, { handleNextStep: k })
+          }
+        ),
+        f === 2 && /* @__PURE__ */ t(
+          l,
+          {
+            sx: {
+              ...p ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
+            },
+            children: /* @__PURE__ */ t(st, {})
+          }
+        ),
+        f === 3 && /* @__PURE__ */ m(
+          l,
+          {
+            sx: {
+              ...p ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
+            },
+            children: [
+              /* @__PURE__ */ t(at, { pb: 12, children: n.add_income_title }),
+              /* @__PURE__ */ t(W, { mb: 24, children: n.add_income_description }),
+              i.length > 0 && !e && /* @__PURE__ */ m(w, { children: [
+                /* @__PURE__ */ t(mt, { children: i.map((o, r) => /* @__PURE__ */ m(c.Fragment, { children: [
+                  /* @__PURE__ */ t(Tt, { bgcolor: "background.paper", children: dt(
+                    rt(o.nextDate || o.date)
+                  ) }),
+                  /* @__PURE__ */ t(bt, { transaction: o }),
+                  r !== i.length - 1 && /* @__PURE__ */ t(R, {})
+                ] }, o.guid)) }),
+                /* @__PURE__ */ m(h, { alignItems: "center", direction: "row", children: [
+                  /* @__PURE__ */ t(R, { sx: { flexGrow: 1 } }),
+                  /* @__PURE__ */ t(
+                    d,
+                    {
+                      onClick: () => u(!0),
+                      startIcon: /* @__PURE__ */ t(v, { name: "add", size: 20 }),
+                      children: n.add_income
+                    }
+                  )
+                ] })
+              ] }),
+              Z && /* @__PURE__ */ t(
+                _t,
+                {
+                  bgcolor: "background.paper",
+                  onSearch: (o) => b({
+                    ...S,
+                    custom: (r) => o ? kt(r, o) : L(r)
+                  }),
+                  onSelected: (o) => {
+                    g(o), u(!1);
+                  }
+                }
+              ),
+              !X && q && /* @__PURE__ */ t(W, { color: "error", mt: 16, children: n.confirm_error }),
+              e && /* @__PURE__ */ m(w, { children: [
+                /* @__PURE__ */ t(
+                  Dt,
+                  {
+                    bgcolor: "background.paper",
+                    firstDay: $,
+                    frequency: a,
+                    onFirstDayChange: j,
+                    onFrequencyChange: P,
+                    onSecondDayChange: J,
+                    secondDay: E,
+                    transaction: e
+                  }
+                ),
+                /* @__PURE__ */ m(h, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+                  /* @__PURE__ */ t(
+                    d,
+                    {
+                      "aria-disabled": !e,
+                      onClick: () => {
+                        const o = [...i];
+                        o.push({
+                          ...e,
+                          nextDate: G(a, F(e.date)),
+                          frequency: a
+                        }), Q(o), g("");
+                      },
+                      variant: "contained",
+                      children: y.confirm_button
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    d,
+                    {
+                      onClick: () => {
+                        g(""), u(!0), k().finally();
+                      },
+                      variant: "outlined",
+                      children: y.cancel_button
+                    }
+                  )
+                ] })
+              ] }),
+              i.length > 0 && !e && /* @__PURE__ */ m(h, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+                /* @__PURE__ */ t(
+                  d,
+                  {
+                    "aria-disabled": i.length < 1 || D,
+                    onClick: Y,
+                    startIcon: D ? /* @__PURE__ */ t(
+                      v,
+                      {
+                        name: "progress_activity",
+                        sx: {
+                          animation: `${wt} 2s linear infinite`
+                        }
+                      }
+                    ) : null,
+                    variant: "contained",
+                    children: n.confirm_income_button
+                  }
+                ),
+                /* @__PURE__ */ t(d, { onClick: x, variant: "outlined", children: n.skip_button })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ t(xt, {});
+}, ki = tt(Ft);
+export {
+  ki as default
+};
+//# sourceMappingURL=CashflowOnboarding.js.map

package/dist/cashflow/CashflowOnboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CashflowOnboarding.js","sources":["../../src/cashflow/CashflowOnboarding.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { formatISO } from 'date-fns/formatISO'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { getUnixTime } from 'date-fns/getUnixTime'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subDays } from 'date-fns/subDays'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\nimport { keyframes } from '@mui/material/styles'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { H1, Icon, P } from '@mxenabled/mxui'\n\nimport StepOne from './components/onboarding/StepOne'\nimport StepTwo from './components/onboarding/StepTwo'\n\nimport {\n  type RepeatingTransaction,\n  type Transaction,\n  Loader,\n  RepeatingType,\n  useCashflowStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useScreenSize,\n  useTransactionStore,\n  Frequency,\n} from '../common'\nimport SubheaderRow from '../common/components/SubheaderRow'\n\nimport { useCashflowUiStore } from './context/hooks'\n\nimport { TransactionRow } from '../transactions'\nimport { incomeFilter, incomeFilterSearch } from '../transactions/utils/Filters'\n\nimport { AddRecurringTransactionDetails } from '../recurringtransactions'\nimport { SelectTransaction } from '../recurringtransactions'\nimport { getNextPaymentDate } from '../recurringtransactions/util/RecurringTransactions'\n\nimport { fromUnixToDayOfWeekAndDate } from '../common/utils/DateUtil'\nimport { CASHFLOW_IMAGES } from './constants/CashflowImages'\n\ninterface UpcomingTransactions extends Transaction {\n  nextDate: Date | null\n  frequency: Frequency\n}\n\nconst spin = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst CashflowOnboarding: React.FC = () => {\n  const { addRepeatingTransaction, repeatingTransactions } = useRecurringTransactionsStore()\n  const { cashflow: customCopy, common: commonCopy } = useGlobalCopyStore()\n\n  const { completeOnboarding } = useCashflowStore()\n  const { isDirty } = useCashflowUiStore()\n  const { isMobile } = useScreenSize()\n  const { isCopyLoaded, setDisplayedDate } = useGlobalUiStore()\n  const { filter, setFilter, transactions } = useTransactionStore()\n  const theme = useTheme()\n\n  const [addIncome, setAddIncome] = useState(true)\n  const [frequency, setFrequency] = React.useState(Frequency.EveryMonth)\n  const [firstDay, setFirstDay] = React.useState(1)\n  const [secondDay, setSecondDay] = React.useState(15)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  // const [nextDate, setNextDate] = React.useState<Date | null>(null)\n  const [step, setStep] = useState(1)\n  const [selectedTransactions, setSelectedTransactions] = useState<UpcomingTransactions[] | []>([])\n  const [transactionGuid, setTransactionGuid] = useState('')\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const canSubmit = !!repeatingTransactions.filter(\n    (r) => r.repeating_transaction_type === RepeatingType.Income,\n  ).length\n\n  const handleGetTransactions = async () => {\n    setStep(2)\n    // set transaction date range and filter by income\n    setDisplayedDate(\n      //  Beginning of the month, 90 days before today\n      startOfMonth(subDays(startOfToday(), 90)),\n      startOfToday(),\n    )\n\n    setFilter({ ...filter, custom: incomeFilter })\n\n    setStep(3)\n  }\n\n  const handleAddIncome = async () => {\n    if (selectedTransactions.length < 1) {\n      return\n    }\n    setIsSubmitting(true)\n\n    // Create Repeating Transactions\n    for (let i = 0; i < selectedTransactions.length; i++) {\n      const upcomingTransaction = selectedTransactions[i]\n\n      const nextDate = getNextPaymentDate(frequency, fromUnixTime(upcomingTransaction.date))\n\n      const repeatingTransaction = {\n        account_guid: upcomingTransaction.account_guid,\n        amount: upcomingTransaction.amount,\n        merchant_guid: upcomingTransaction.merchant_guid,\n        description: upcomingTransaction.feed_description || upcomingTransaction.description,\n        predicted_occurs_on: formatISO(nextDate, { representation: 'date' }),\n        recurrence_day: nextDate.getDay(),\n        recurrence_type: frequency,\n        repeating_transaction_type: RepeatingType.Income,\n        transaction_type: upcomingTransaction.transaction_type,\n      } as RepeatingTransaction\n\n      await addRepeatingTransaction(repeatingTransaction, upcomingTransaction)\n    }\n    await completeOnboarding()\n  }\n\n  const showSelectIncome =\n    (!transaction && addIncome) || (!transaction && selectedTransactions.length < 1)\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: !isMobile ? 'center' : 'flex-start',\n        backgroundColor: theme.palette.background.paper,\n        backgroundImage: !isMobile ? `url(${CASHFLOW_IMAGES.CASHFLOW_ONBOARDING})` : null,\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'left 100px',\n        backgroundSize: '35%',\n        py: 24,\n      }}\n    >\n      {step === 1 && (\n        <Box\n          sx={{\n            ...(isMobile\n              ? { display: 'flex', flexDirection: 'column', maxWidth: '100%', padding: '0 16px' }\n              : { maxWidth: 590, ml: '40%', mr: 90 }),\n          }}\n        >\n          <StepOne handleNextStep={handleGetTransactions} />\n        </Box>\n      )}\n      {step === 2 && (\n        <Box\n          sx={{\n            ...(isMobile\n              ? { display: 'flex', flexDirection: 'column', maxWidth: '100%', padding: '0 16px' }\n              : { maxWidth: 590, ml: '40%', mr: 90 }),\n          }}\n        >\n          <StepTwo />\n        </Box>\n      )}\n      {step === 3 && (\n        <Box\n          sx={{\n            ...(isMobile\n              ? { display: 'flex', flexDirection: 'column', maxWidth: '100%', padding: '0 16px' }\n              : { maxWidth: 590, ml: '40%', mr: 90 }),\n          }}\n        >\n          <H1 pb={12}>{customCopy.add_income_title}</H1>\n          <P mb={24}>{customCopy.add_income_description}</P>\n\n          {selectedTransactions.length > 0 && !transaction && (\n            <>\n              <List>\n                {selectedTransactions.map((transaction, index) => {\n                  return (\n                    <React.Fragment key={transaction.guid}>\n                      <SubheaderRow bgcolor=\"background.paper\">\n                        {fromUnixToDayOfWeekAndDate(\n                          getUnixTime(transaction.nextDate || transaction.date),\n                        )}\n                      </SubheaderRow>\n                      <TransactionRow transaction={transaction} />\n                      {index !== selectedTransactions.length - 1 && <Divider />}\n                    </React.Fragment>\n                  )\n                })}\n              </List>\n              <Stack alignItems=\"center\" direction=\"row\">\n                <Divider sx={{ flexGrow: 1 }} />\n                <Button\n                  onClick={() => setAddIncome(true)}\n                  startIcon={<Icon name=\"add\" size={20} />}\n                >\n                  {customCopy.add_income}\n                </Button>\n              </Stack>\n            </>\n          )}\n\n          {showSelectIncome && (\n            <SelectTransaction\n              bgcolor=\"background.paper\"\n              onSearch={(searchValue) =>\n                setFilter({\n                  ...filter,\n                  custom: (transaction: Transaction) =>\n                    searchValue\n                      ? incomeFilterSearch(transaction, searchValue)\n                      : incomeFilter(transaction),\n                })\n              }\n              onSelected={(guid) => {\n                setTransactionGuid(guid)\n                setAddIncome(false)\n              }}\n            />\n          )}\n\n          {!canSubmit && isDirty && (\n            <P color=\"error\" mt={16}>\n              {customCopy.confirm_error}\n            </P>\n          )}\n\n          {transaction && (\n            <>\n              <AddRecurringTransactionDetails\n                bgcolor=\"background.paper\"\n                firstDay={firstDay}\n                frequency={frequency}\n                onFirstDayChange={setFirstDay}\n                onFrequencyChange={setFrequency}\n                onSecondDayChange={setSecondDay}\n                secondDay={secondDay}\n                transaction={transaction}\n              />\n              <Stack direction=\"row\" gap={16} ml={24} mt={32}>\n                <Button\n                  aria-disabled={!transaction}\n                  onClick={() => {\n                    const updatedTransactions = [...selectedTransactions]\n                    updatedTransactions.push({\n                      ...transaction,\n                      nextDate: getNextPaymentDate(frequency, fromUnixTime(transaction.date)),\n                      frequency,\n                    })\n\n                    setSelectedTransactions(updatedTransactions)\n                    setTransactionGuid('')\n                  }}\n                  variant=\"contained\"\n                >\n                  {commonCopy.confirm_button}\n                </Button>\n                <Button\n                  onClick={() => {\n                    setTransactionGuid('')\n                    setAddIncome(true)\n                    handleGetTransactions().finally()\n                  }}\n                  variant=\"outlined\"\n                >\n                  {commonCopy.cancel_button}\n                </Button>\n              </Stack>\n            </>\n          )}\n\n          {selectedTransactions.length > 0 && !transaction && (\n            <Stack direction=\"row\" gap={16} ml={24} mt={32}>\n              <Button\n                aria-disabled={selectedTransactions.length < 1 || isSubmitting}\n                onClick={handleAddIncome}\n                startIcon={\n                  isSubmitting ? (\n                    <Icon\n                      name=\"progress_activity\"\n                      sx={{\n                        animation: `${spin} 2s linear infinite`,\n                      }}\n                    />\n                  ) : null\n                }\n                variant=\"contained\"\n              >\n                {customCopy.confirm_income_button}\n              </Button>\n              <Button onClick={completeOnboarding} variant=\"outlined\">\n                {customCopy.skip_button}\n              </Button>\n            </Stack>\n          )}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nexport default observer(CashflowOnboarding)\n"],"names":["spin","keyframes","CashflowOnboarding","addRepeatingTransaction","repeatingTransactions","useRecurringTransactionsStore","customCopy","commonCopy","useGlobalCopyStore","completeOnboarding","useCashflowStore","isDirty","useCashflowUiStore","isMobile","useScreenSize","isCopyLoaded","setDisplayedDate","useGlobalUiStore","filter","setFilter","transactions","useTransactionStore","theme","useTheme","addIncome","setAddIncome","useState","frequency","setFrequency","React","Frequency","firstDay","setFirstDay","secondDay","setSecondDay","isSubmitting","setIsSubmitting","step","setStep","selectedTransactions","setSelectedTransactions","transactionGuid","setTransactionGuid","transaction","t","canSubmit","r","RepeatingType","handleGetTransactions","startOfMonth","subDays","startOfToday","incomeFilter","handleAddIncome","i","upcomingTransaction","nextDate","getNextPaymentDate","fromUnixTime","repeatingTransaction","formatISO","showSelectIncome","jsxs","Box","CASHFLOW_IMAGES","jsx","StepOne","StepTwo","H1","P","Fragment","List","index","SubheaderRow","fromUnixToDayOfWeekAndDate","getUnixTime","TransactionRow","Divider","Stack","Button","Icon","SelectTransaction","searchValue","incomeFilterSearch","guid","AddRecurringTransactionDetails","updatedTransactions","Loader","CashflowOnboarding$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,MAAMA,KAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASPC,KAA+B,MAAM;AACzC,QAAM,EAAE,yBAAAC,GAAyB,uBAAAC,EAAsB,IAAIC,GAA8B,GACnF,EAAE,UAAUC,GAAY,QAAQC,EAAA,IAAeC,MAE/C,EAAE,oBAAAC,MAAuBC,MACzB,EAAE,SAAAC,MAAYC,MACd,EAAE,UAAAC,MAAaC,MACf,EAAE,cAAAC,GAAc,kBAAAC,EAAiB,IAAIC,GAAiB,GACtD,EAAE,QAAAC,GAAQ,WAAAC,GAAW,cAAAC,MAAiBC,GAAoB,GAC1DC,IAAQC,MAER,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAASC,GAAU,UAAU,GAC/D,CAACC,GAAUC,CAAW,IAAIH,EAAM,SAAS,CAAC,GAC1C,CAACI,GAAWC,CAAY,IAAIL,EAAM,SAAS,EAAE,GAC7C,CAACM,GAAcC,CAAe,IAAIV,EAAS,EAAK,GAEhD,CAACW,GAAMC,CAAO,IAAIZ,EAAS,CAAC,GAC5B,CAACa,GAAsBC,CAAuB,IAAId,EAAsC,CAAE,CAAA,GAC1F,CAACe,GAAiBC,CAAkB,IAAIhB,EAAS,EAAE,GAEnDiB,IAAcd,EAAM;AAAA,IACxB,MAAMT,EAAa,KAAK,CAACwB,MAAMA,EAAE,SAASH,CAAe;AAAA,IACzD,CAACA,GAAiBrB,CAAY;AAAA,EAAA,GAG1ByB,IAAY,CAAC,CAACzC,EAAsB;AAAA,IACxC,CAAC0C,MAAMA,EAAE,+BAA+BC,EAAc;AAAA,EACtD,EAAA,QAEIC,IAAwB,YAAY;AACxC,IAAAV,EAAQ,CAAC,GAETtB;AAAA;AAAA,MAEEiC,GAAaC,GAAQC,EAAa,GAAG,EAAE,CAAC;AAAA,MACxCA,EAAa;AAAA,IAAA,GAGfhC,EAAU,EAAE,GAAGD,GAAQ,QAAQkC,EAAc,CAAA,GAE7Cd,EAAQ,CAAC;AAAA,EAAA,GAGLe,IAAkB,YAAY;AAC9B,QAAA,EAAAd,EAAqB,SAAS,IAGlC;AAAA,MAAAH,EAAgB,EAAI;AAGpB,eAASkB,IAAI,GAAGA,IAAIf,EAAqB,QAAQe,KAAK;AAC9C,cAAAC,IAAsBhB,EAAqBe,CAAC,GAE5CE,IAAWC,EAAmB9B,GAAW+B,EAAaH,EAAoB,IAAI,CAAC,GAE/EI,IAAuB;AAAA,UAC3B,cAAcJ,EAAoB;AAAA,UAClC,QAAQA,EAAoB;AAAA,UAC5B,eAAeA,EAAoB;AAAA,UACnC,aAAaA,EAAoB,oBAAoBA,EAAoB;AAAA,UACzE,qBAAqBK,GAAUJ,GAAU,EAAE,gBAAgB,QAAQ;AAAA,UACnE,gBAAgBA,EAAS,OAAO;AAAA,UAChC,iBAAiB7B;AAAA,UACjB,4BAA4BoB,EAAc;AAAA,UAC1C,kBAAkBQ,EAAoB;AAAA,QAAA;AAGlC,cAAApD,EAAwBwD,GAAsBJ,CAAmB;AAAA,MACzE;AACA,YAAM9C,EAAmB;AAAA;AAAA,EAAA,GAGrBoD,IACH,CAAClB,KAAenB,KAAe,CAACmB,KAAeJ,EAAqB,SAAS;AAEhF,SAAKxB,IAKH,gBAAA+C;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAalD,IAAsB,eAAX;AAAA,QACxB,iBAAiBS,EAAM,QAAQ,WAAW;AAAA,QAC1C,iBAAkBT,IAA2D,OAAhD,OAAOmD,GAAgB,mBAAmB;AAAA,QACvE,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAChB,IAAI;AAAA,MACN;AAAA,MAEC,UAAA;AAAA,QAAA3B,MAAS,KACR,gBAAA4B;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,GAAIlD,IACA,EAAE,SAAS,QAAQ,eAAe,UAAU,UAAU,QAAQ,SAAS,SAAA,IACvE,EAAE,UAAU,KAAK,IAAI,OAAO,IAAI,GAAG;AAAA,YACzC;AAAA,YAEA,UAAA,gBAAAoD,EAACC,IAAQ,EAAA,gBAAgBlB,EAAuB,CAAA;AAAA,UAAA;AAAA,QAClD;AAAA,QAEDX,MAAS,KACR,gBAAA4B;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,GAAIlD,IACA,EAAE,SAAS,QAAQ,eAAe,UAAU,UAAU,QAAQ,SAAS,SAAA,IACvE,EAAE,UAAU,KAAK,IAAI,OAAO,IAAI,GAAG;AAAA,YACzC;AAAA,YAEA,4BAACsD,IAAQ,EAAA;AAAA,UAAA;AAAA,QACX;AAAA,QAED9B,MAAS,KACR,gBAAAyB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,GAAIlD,IACA,EAAE,SAAS,QAAQ,eAAe,UAAU,UAAU,QAAQ,SAAS,SAAA,IACvE,EAAE,UAAU,KAAK,IAAI,OAAO,IAAI,GAAG;AAAA,YACzC;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAoD,EAACG,IAAG,EAAA,IAAI,IAAK,UAAA9D,EAAW,kBAAiB;AAAA,cACxC,gBAAA2D,EAAAI,GAAA,EAAE,IAAI,IAAK,YAAW,wBAAuB;AAAA,cAE7C9B,EAAqB,SAAS,KAAK,CAACI,KAEjC,gBAAAmB,EAAAQ,GAAA,EAAA,UAAA;AAAA,gBAAA,gBAAAL,EAACM,IACE,EAAA,UAAAhC,EAAqB,IAAI,CAACI,GAAa6B,MAEpC,gBAAAV,EAACjC,EAAM,UAAN,EACC,UAAA;AAAA,kBAAC,gBAAAoC,EAAAQ,IAAA,EAAa,SAAQ,oBACnB,UAAAC;AAAA,oBACCC,GAAYhC,EAAY,YAAYA,EAAY,IAAI;AAAA,kBAAA,GAExD;AAAA,kBACA,gBAAAsB,EAACW,IAAe,EAAA,aAAajC,EAAa,CAAA;AAAA,kBACzC6B,MAAUjC,EAAqB,SAAS,uBAAMsC,GAAQ,EAAA;AAAA,gBAAA,KAPpClC,EAAY,IAQjC,CAEH,GACH;AAAA,gBACC,gBAAAmB,EAAAgB,GAAA,EAAM,YAAW,UAAS,WAAU,OACnC,UAAA;AAAA,kBAAA,gBAAAb,EAACY,GAAQ,EAAA,IAAI,EAAE,UAAU,KAAK;AAAA,kBAC9B,gBAAAZ;AAAA,oBAACc;AAAA,oBAAA;AAAA,sBACC,SAAS,MAAMtD,EAAa,EAAI;AAAA,sBAChC,WAAY,gBAAAwC,EAAAe,GAAA,EAAK,MAAK,OAAM,MAAM,IAAI;AAAA,sBAErC,UAAW1E,EAAA;AAAA,oBAAA;AAAA,kBACd;AAAA,gBAAA,GACF;AAAA,cAAA,GACF;AAAA,cAGDuD,KACC,gBAAAI;AAAA,gBAACgB;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,UAAU,CAACC,MACT/D,EAAU;AAAA,oBACR,GAAGD;AAAA,oBACH,QAAQ,CAACyB,MACPuC,IACIC,GAAmBxC,GAAauC,CAAW,IAC3C9B,EAAaT,CAAW;AAAA,kBAAA,CAC/B;AAAA,kBAEH,YAAY,CAACyC,MAAS;AACpB,oBAAA1C,EAAmB0C,CAAI,GACvB3D,EAAa,EAAK;AAAA,kBACpB;AAAA,gBAAA;AAAA,cACF;AAAA,cAGD,CAACoB,KAAalC,KACZ,gBAAAsD,EAAAI,GAAA,EAAE,OAAM,SAAQ,IAAI,IAClB,UAAA/D,EAAW,cACd,CAAA;AAAA,cAGDqC,KAEG,gBAAAmB,EAAAQ,GAAA,EAAA,UAAA;AAAA,gBAAA,gBAAAL;AAAA,kBAACoB;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,UAAAtD;AAAA,oBACA,WAAAJ;AAAA,oBACA,kBAAkBK;AAAA,oBAClB,mBAAmBJ;AAAA,oBACnB,mBAAmBM;AAAA,oBACnB,WAAAD;AAAA,oBACA,aAAAU;AAAA,kBAAA;AAAA,gBACF;AAAA,gBACA,gBAAAmB,EAACgB,KAAM,WAAU,OAAM,KAAK,IAAI,IAAI,IAAI,IAAI,IAC1C,UAAA;AAAA,kBAAA,gBAAAb;AAAA,oBAACc;AAAA,oBAAA;AAAA,sBACC,iBAAe,CAACpC;AAAA,sBAChB,SAAS,MAAM;AACP,8BAAA2C,IAAsB,CAAC,GAAG/C,CAAoB;AACpD,wBAAA+C,EAAoB,KAAK;AAAA,0BACvB,GAAG3C;AAAA,0BACH,UAAUc,EAAmB9B,GAAW+B,EAAaf,EAAY,IAAI,CAAC;AAAA,0BACtE,WAAAhB;AAAA,wBAAA,CACD,GAEDa,EAAwB8C,CAAmB,GAC3C5C,EAAmB,EAAE;AAAA,sBACvB;AAAA,sBACA,SAAQ;AAAA,sBAEP,UAAWnC,EAAA;AAAA,oBAAA;AAAA,kBACd;AAAA,kBACA,gBAAA0D;AAAA,oBAACc;AAAA,oBAAA;AAAA,sBACC,SAAS,MAAM;AACb,wBAAArC,EAAmB,EAAE,GACrBjB,EAAa,EAAI,GACjBuB,EAAA,EAAwB;sBAC1B;AAAA,sBACA,SAAQ;AAAA,sBAEP,UAAWzC,EAAA;AAAA,oBAAA;AAAA,kBACd;AAAA,gBAAA,GACF;AAAA,cAAA,GACF;AAAA,cAGDgC,EAAqB,SAAS,KAAK,CAACI,KAClC,gBAAAmB,EAAAgB,GAAA,EAAM,WAAU,OAAM,KAAK,IAAI,IAAI,IAAI,IAAI,IAC1C,UAAA;AAAA,gBAAA,gBAAAb;AAAA,kBAACc;AAAA,kBAAA;AAAA,oBACC,iBAAexC,EAAqB,SAAS,KAAKJ;AAAA,oBAClD,SAASkB;AAAA,oBACT,WACElB,IACE,gBAAA8B;AAAA,sBAACe;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,IAAI;AAAA,0BACF,WAAW,GAAGhF,EAAI;AAAA,wBACpB;AAAA,sBAAA;AAAA,oBAAA,IAEA;AAAA,oBAEN,SAAQ;AAAA,oBAEP,UAAWM,EAAA;AAAA,kBAAA;AAAA,gBACd;AAAA,kCACCyE,GAAO,EAAA,SAAStE,GAAoB,SAAQ,YAC1C,YAAW,aACd;AAAA,cAAA,GACF;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,sBA3KI8E,IAAO,CAAA,CAAA;AA+KnB,GAEeC,KAAAC,GAASvF,EAAkB;"}