@mx-cartographer/experiences 4.2.0-alpha.sms3 → 4.2.0-alpha.sms5

package/dist/index.es.js

@@ -41,7 +41,7 @@ import { eachWeekOfInterval as $o } from "date-fns/eachWeekOfInterval";
 import { endOfMonth as Re } from "date-fns/endOfMonth";
 import { format as Ve } from "date-fns/format";
 import { isSameMonth as es } from "date-fns/isSameMonth";
-import { startOfMonth as xe } from "date-fns/startOfMonth";
+import { startOfMonth as De } from "date-fns/startOfMonth";
 import { subMonths as bA } from "date-fns/subMonths";
 import gA from "@mui/material/Paper";
 import As from "@mui/icons-material/KeyboardArrowLeftRounded";
@@ -80,7 +80,7 @@ import vA from "@mui/material/Avatar";
 import be from "@mui/material/ListItemAvatar";
 import nA from "@mui/material/ListItemIcon";
 import { ChevronRight as wA, Payments as xs, NoteStack as Os, Person as _s, CheckCircle as Ns, Icon as Ya, ExpandLess as Ps, ExpandMore as Ms, AccountBalance as Rs, AddBox as di } from "@mxenabled/mx-icons";
-import { makeAutoObservable as De, runInAction as Y, reaction as oa, autorun as Hs, observable as Bs } from "mobx";
+import { makeAutoObservable as xe, runInAction as Y, reaction as oa, autorun as Hs, observable as Bs } from "mobx";
 import { differenceInDays as zs } from "date-fns/differenceInDays";
 import Cn from "@mui/icons-material/ChevronRight";
 import sa from "@mui/icons-material/ExpandMore";
@@ -1741,7 +1741,7 @@ const dl = ({
     h(A), p(n), A && d(A);
   }, [A, n]);
   const f = g.useMemo(() => {
-    const w = $o({ start: xe(c), end: Re(c) }), D = [];
+    const w = $o({ start: De(c), end: Re(c) }), D = [];
     for (let _ = 0; _ < w.length; _++) {
       const O = w[_], x = Zo({ start: O, end: OA(O, 6) }), z = [];
       for (let K = 0; K < x.length; K++)
@@ -2655,7 +2655,7 @@ const dl = ({
   calendarActions: e,
   color: A = "primary",
   copy: n,
-  range: a = [xe(ie()), Re(ot())],
+  range: a = [De(ie()), Re(ot())],
   shouldShrinkToIcon: r = !0,
   toolTipContent: i = "",
   variant: o = "outlined"
@@ -3677,7 +3677,7 @@ class Kl {
   api = new cn("/", "");
   isInitialized = !1;
   constructor() {
-    De(this);
+    xe(this);
   }
   initialize = async (A, n) => {
     this.api = new cn(A, n), await this.getCopy(this.featureNamespace), Y(() => {
@@ -3706,7 +3706,7 @@ class ql {
   appData = {};
   api = new Cr("/", "");
   constructor() {
-    De(this);
+    xe(this);
   }
   initialize = async (A, n) => {
     this.api = new Cr(A, n), await this.loadAppData();
@@ -3734,7 +3734,7 @@ class kl {
   beats = [];
   api = new Et("/", "");
   constructor() {
-    De(this);
+    xe(this);
   }
   initialize = async (A, n) => {
     this.api = new Et(A, n), await this.loadBeats();
@@ -3825,13 +3825,13 @@ class jl {
   categoryApi = new sn("/", "");
   globalStore;
   alert = "";
-  dateRange = { start: xe(ie()), end: Re(ie()) };
+  dateRange = { start: De(ie()), end: Re(ie()) };
   budgets = [];
   selectedBudget;
   selectedSubBudget;
   theme = {};
   constructor(A) {
-    this.globalStore = A, De(this);
+    this.globalStore = A, xe(this);
   }
   initialize = async (A, n) => {
     this.api = new fr(A, n), this.categoryApi = new sn(A, n), oa(
@@ -4537,7 +4537,7 @@ const Vl = [
 }, td = (e, A, n) => {
   const {
     accounts: a = [],
-    dateRange: r = { start: xe(ie()), end: ot() },
+    dateRange: r = { start: De(ie()), end: ot() },
     custom: i = () => !0,
     searchTerm: o = ""
   } = e;
@@ -4590,7 +4590,7 @@ const Fi = {
   tags: []
 };
 let sd = class {
-  beginDate = xe(/* @__PURE__ */ new Date());
+  beginDate = De(/* @__PURE__ */ new Date());
   endDate = Re(/* @__PURE__ */ new Date());
   expandedSplits = [];
   isInitialized = !1;
@@ -4603,7 +4603,7 @@ let sd = class {
   isAmountValid = !1;
   showInsights = !1;
   constructor() {
-    De(this);
+    xe(this);
   }
   setDateRange = (A, n) => {
     this.beginDate = A, this.endDate = n;
@@ -4660,18 +4660,17 @@ class cd {
         tags: r = [],
         transactionRules: i = [],
         transactions: o = [],
-        associatedBeats: s = [],
-        updateExternallyManagedTransactions: c
+        updateExternallyManagedTransactions: s
       } = n;
-      this.taggings = a, this.tags = r, this.transactionRules = i, this.transactions = o, this.associatedBeats = s, this.updateExternallyManagedTransactions = c, this.setIsLoading(!1), this.shouldManageDataExternally = !0;
+      this.taggings = a, this.tags = r, this.transactionRules = i, this.transactions = o, this.updateExternallyManagedTransactions = s, this.setIsLoading(!1), this.shouldManageDataExternally = !0;
     }
-    this.globalStore = A, this.uiStore = new sd(), De(this);
+    this.globalStore = A, this.uiStore = new sd(), xe(this);
   }
   initialize = async (A, n) => {
-    this.api = new Er(A, n), this.beatApi = new Et(A, n), this.shouldManageDataExternally ? (this.uiStore.setIsInitialized(!0), Hs(() => {
+    this.api = new Er(A, n), this.beatApi = new Et(A, n), this.shouldManageDataExternally ? (this.uiStore.setIsInitialized(!0), await this.loadAssociatedBeats(De(/* @__PURE__ */ new Date())), Hs(() => {
       this.globalStore.isInitialized && (this.transactions = this.augmentTransactions(this.transactions));
     })) : await Promise.all([
-      this.loadAssociatedBeats(xe(/* @__PURE__ */ new Date())),
+      this.loadAssociatedBeats(De(/* @__PURE__ */ new Date())),
       this.loadTags(),
       this.loadTaggings(),
       this.loadTransactionRules(),
@@ -5550,7 +5549,7 @@ const xd = ({
 }, Dr = (e) => {
   const A = [], n = ie();
   for (let a = 0; a <= Ir; a++) {
-    const r = xe(bA(n, Ir - a)), o = e.filter(
+    const r = De(bA(n, Ir - a)), o = e.filter(
       (s) => s.year_month === Number(Ve(r, "yyyyMM"))
     ).reduce((s, c) => s + c.total, 0);
     A.push({
@@ -5572,7 +5571,7 @@ let Yd = class {
   savedOnSelect;
   // todo
   constructor() {
-    De(this);
+    xe(this);
   }
   setExpandedGuid = (A) => this.expandedGuid = A;
   setSelectedGuid = (A) => this.selectedGuid = A;
@@ -5593,7 +5592,7 @@ class Vd {
   monthlyCategoryTotals = [];
   isLoadingCategoryTotals = !1;
   constructor(A) {
-    this.globalStore = A, this.uiStore = new Yd(), De(this);
+    this.globalStore = A, this.uiStore = new Yd(), xe(this);
   }
   initialize = async (A, n) => {
     this.api = new sn(A, n), await this.loadCategories();
@@ -5653,7 +5652,7 @@ class Vd {
     }
   };
   loadMonthlyCategoryTotals = async (A = this.globalStore.accountStore.accounts, n, a) => {
-    const r = Ce(xe(n ?? bA(/* @__PURE__ */ new Date(), 11))), i = Ce(Re(a ?? /* @__PURE__ */ new Date()));
+    const r = Ce(De(n ?? bA(/* @__PURE__ */ new Date(), 11))), i = Ce(Re(a ?? /* @__PURE__ */ new Date()));
     try {
       const o = await this.api.getMonthlyCategoryTotals(r, i, A);
       Y(() => {
@@ -5671,7 +5670,7 @@ class Vd {
         Ce(a),
         A
       ), i = await this.api.getMonthlyCategoryTotals(
-        Ce(xe(bA(a, 11))),
+        Ce(De(bA(a, 11))),
         Ce(Re(a)),
         A
       );
@@ -6942,7 +6941,7 @@ const Qi = ({ transaction: e }) => {
   g.useEffect(() => {
     te(r);
   }, [r]), g.useEffect(() => {
-    const ze = xe(ie()), ka = Re(ie());
+    const ze = De(ie()), ka = Re(ie());
     V(ze, ka), E({
       dateRange: { start: ze, end: ka },
       accounts: G.map((zo) => zo.guid)
@@ -7827,7 +7826,7 @@ const Qi = ({ transaction: e }) => {
     };
   }), s = a.filter(
     (u) => ft(Le(u.expected_date), {
-      start: xe(ie()),
+      start: De(ie()),
       end: OA(ie(), 30)
     })
   ).filter((u) => {
@@ -7877,7 +7876,7 @@ const Qi = ({ transaction: e }) => {
     recurrenceDay: A.recurrence_day,
     scheduledPaymentGuid: A.guid,
     transactionGuid: ""
-  }, c = A.recurrence_day, d = ie(), u = xe(ie()), h = OA(ie(), 30);
+  }, c = A.recurrence_day, d = ie(), u = De(ie()), h = OA(ie(), 30);
   let m = u;
   switch (A.recurrence_type) {
     case X.EveryWeek:
@@ -8024,16 +8023,16 @@ const Qi = ({ transaction: e }) => {
     e === 1 && /* @__PURE__ */ t(Pa, {})
   ] });
 }, io = T(Zu), _t = (e, A) => e + A.amount, zn = (e) => e.activityType === Ne.Income && ft(e.expectedDate, {
-  start: xe(ie()),
+  start: De(ie()),
   end: Re(ie())
 }), en = (e) => e.activityType === Ne.Expense && ft(e.expectedDate, {
-  start: xe(ie()),
+  start: De(ie()),
   end: Re(ie())
 }), Kn = (e) => e.occurredOnDate && ft(e.occurredOnDate, {
-  start: xe(/* @__PURE__ */ new Date()),
+  start: De(/* @__PURE__ */ new Date()),
   end: OA(ie(), 30)
 }) || ft(e.expectedDate, {
-  start: xe(/* @__PURE__ */ new Date()),
+  start: De(/* @__PURE__ */ new Date()),
   end: OA(ie(), 30)
 }), $u = ({ day: e, outsideCurrentMonth: A, ...n }) => {
   const { recurring: a } = L(), { selectedAccountGuids: r } = ye(), { activities: i, setSelectedDay: o } = ke(), c = g.useMemo(
@@ -8119,7 +8118,7 @@ const Qi = ({ transaction: e }) => {
     ha,
     {
       maxDate: Re(oA(/* @__PURE__ */ new Date(), 1)),
-      minDate: xe(/* @__PURE__ */ new Date()),
+      minDate: De(/* @__PURE__ */ new Date()),
       onMonthChange: i,
       showDaysOutsideCurrentMonth: !0,
       slots: {
@@ -8453,7 +8452,7 @@ class hh {
   selectedDay;
   isLoading = !0;
   constructor(A) {
-    this.globalStore = A, De(this);
+    this.globalStore = A, xe(this);
   }
   initialize = async (A, n) => {
     this.api = new or(A, n), this.cashflowApi = new Br(A, n), this.loadActivity();
@@ -8566,7 +8565,7 @@ class hh {
   loadExpectedEvents = async () => {
     try {
       const A = await this.cashflowApi.getProjectedCashflowEvents(
-        xe(ie()),
+        De(ie()),
         OA(ie(), 30)
       );
       Y(() => {
@@ -9442,7 +9441,7 @@ const wh = ({ activity: e }) => /* @__PURE__ */ l(Q, { children: [
   ), V = !!n.length, te = async () => {
     O(2), c(
       //  Beginning of the month, 90 days before today
-      xe(TA(ie(), 90)),
+      De(TA(ie(), 90)),
       ie()
     ), u({ ...d, custom: Xt }), O(3);
   }, ue = async () => {
@@ -9696,7 +9695,7 @@ let Fh = class {
   upcomingExpenses = [];
   selectedCashAccounts = [];
   constructor() {
-    De(this);
+    xe(this);
   }
   // Returns the number of days until the next income activity or 0 if there is no income activity
   get daysUntilNextIncome() {
@@ -9721,7 +9720,7 @@ class Xh {
   globalStore;
   uiStore;
   constructor(A) {
-    this.globalStore = A, this.uiStore = new Fh(), De(this);
+    this.globalStore = A, this.uiStore = new Fh(), xe(this);
   }
   completeOnboarding = async () => {
     const A = {
@@ -9735,7 +9734,7 @@ class jh {
   widgetApi = new cr("/", "");
   globalStore;
   constructor(A) {
-    this.globalStore = A, De(this);
+    this.globalStore = A, xe(this);
   }
   initialize = async (A, n) => {
     this.widgetApi = new cr(A, n);
@@ -10182,7 +10181,7 @@ const tn = {
   return ve().uiStore;
 }, On = (e) => e.top_level_category_guid === b.INCOME || e.category_guid === b.INCOME, Jh = (e) => !On(e) && !lo(e), co = (e) => tr.includes(e.top_level_category_guid) || tr.includes(e.category_guid), lo = (e) => e.top_level_category_guid === b.TRANSFER || e.category_guid === b.TRANSFER, Zh = (e) => !On(e) && !co(e) && !lo(e), $h = (e) => e.filter((A) => A.category_guid === A.top_level_category_guid), Ra = (e, A) => {
   const n = [];
-  let a = xe(bA(/* @__PURE__ */ new Date(), 5));
+  let a = De(bA(/* @__PURE__ */ new Date(), 5));
   const r = /* @__PURE__ */ new Date();
   for (; Te(a, r); )
     n.push({
@@ -10203,7 +10202,7 @@ const tn = {
   const A = [], n = e.filter(
     (i) => i.top_level_category_guid !== b.INCOME && i.top_level_category_guid !== b.TRANSFER && i.total > 0
   );
-  let a = xe(bA(/* @__PURE__ */ new Date(), 5));
+  let a = De(bA(/* @__PURE__ */ new Date(), 5));
   const r = Re(/* @__PURE__ */ new Date());
   for (; Te(a, r); )
     A.push({
@@ -11179,7 +11178,7 @@ class zg {
   isLoading = !1;
   selectedDebtChartData = {};
   constructor() {
-    De(this);
+    xe(this);
   }
   get showError() {
     const { interest_rate: A, monthly_payment: n } = this.selectedDebtChartData;
@@ -11195,7 +11194,7 @@ class Kg {
   globalStore;
   uiStore;
   constructor(A) {
-    this.globalStore = A, this.uiStore = new zg(), De(this);
+    this.globalStore = A, this.uiStore = new zg(), xe(this);
   }
   get debts() {
     const { debtAccounts: A } = this.globalStore.accountStore, { debtGoals: n } = this.globalStore.goalStore;
@@ -11209,11 +11208,11 @@ class qg {
   selectedAccountGuids = this.selectedAccounts.map((A) => A.guid);
   displayedDate = /* @__PURE__ */ new Date();
   displayedDateRange = {
-    start: xe(this.displayedDate),
+    start: De(this.displayedDate),
     end: Re(this.displayedDate)
   };
   constructor(A) {
-    De(this), this.globalStore = A;
+    xe(this), this.globalStore = A;
   }
   setInitialized = (A) => {
     this.isInitialized = A;
@@ -12232,7 +12231,7 @@ class a1 {
   selectedGoal = void 0;
   monthlyCashFlowProfile = void 0;
   constructor(A) {
-    this.globalStore = A, De(this);
+    this.globalStore = A, xe(this);
   }
   initialize = async (A, n) => {
     this.api = new kr(A, n);
@@ -12630,7 +12629,7 @@ class s1 {
   appConfig;
   globalStore;
   constructor(A) {
-    this.globalStore = A, De(this);
+    this.globalStore = A, xe(this);
   }
   loadAppConfig = (A) => this.appConfig = A;
   get helpCategories() {
@@ -12716,7 +12715,7 @@ class u1 {
   merchants = [];
   isLoading = !1;
   constructor() {
-    De(this);
+    xe(this);
   }
   initialize = async (A, n) => {
     this.api = new Fr(A, n);
@@ -12739,7 +12738,7 @@ const vo = 13, h1 = (e, A) => e.filter((n) => {
 }), g1 = (e, A) => [...e, ...A], Xr = (e) => {
   if (e && e.length > 0)
     return e[e.length - 1];
-}, m1 = (e, A) => e.year_month - A.year_month, p1 = () => Array.from({ length: vo }, (e, A) => Math.floor(xe(bA(/* @__PURE__ */ new Date(), A)).getTime() / 1e3)).sort(), C1 = (e, A, n) => !e.length || !A.length ? [] : p1().reduceRight((r, i) => {
+}, m1 = (e, A) => e.year_month - A.year_month, p1 = () => Array.from({ length: vo }, (e, A) => Math.floor(De(bA(/* @__PURE__ */ new Date(), A)).getTime() / 1e3)).sort(), C1 = (e, A, n) => !e.length || !A.length ? [] : p1().reduceRight((r, i) => {
   const o = A.filter(
     ({ year_month: u }) => u === parseInt(Ve(Le(i), "yyyyMM"))
   ), s = e.map((u) => {
@@ -12819,7 +12818,7 @@ class y1 {
   hoveredData;
   selectedData;
   constructor(A) {
-    this.globalStore = A, De(this);
+    this.globalStore = A, xe(this);
   }
   loadNetWorthData = async (A) => {
     try {
@@ -13313,7 +13312,7 @@ class H1 {
   notifications = [];
   recentNotifications = [];
   constructor() {
-    De(this, { notifications: Bs });
+    xe(this, { notifications: Bs });
   }
   initialize = async (A, n) => {
     this.api = new ir(A, n), await this.loadNotifications();
@@ -13419,7 +13418,7 @@ class F1 {
   globalStore;
   api = new sr("/", "");
   constructor(A) {
-    this.globalStore = A, De(this);
+    this.globalStore = A, xe(this);
   }
   initialize = async (A, n) => {
     this.api = new sr(A, n);
@@ -13484,7 +13483,7 @@ class G8 {
     accountStoreProps: A = void 0,
     transactionStoreProps: n = void 0
   }) {
-    this.accountStore = new vm(this, A), this.appDataStore = new ql(), this.beatStore = new kl(), this.budgetsStore = new jl(this), this.cashflowStore = new Xh(this), this.categoryStore = new Vd(this), this.connectStore = new jh(this), this.copyStore = new Kl(), this.debtsStore = new Kg(this), this.goalStore = new a1(this), this.helpStore = new s1(this), this.merchantStore = new u1(), this.netWorthStore = new y1(this), this.notificationStore = new H1(), this.recurringActivityStore = new hh(this), this.transactionStore = new cd(this, n), this.userStore = new F1(this), this.globalUiStore = new qg(this), De(this);
+    this.accountStore = new vm(this, A), this.appDataStore = new ql(), this.beatStore = new kl(), this.budgetsStore = new jl(this), this.cashflowStore = new Xh(this), this.categoryStore = new Vd(this), this.connectStore = new jh(this), this.copyStore = new Kl(), this.debtsStore = new Kg(this), this.goalStore = new a1(this), this.helpStore = new s1(this), this.merchantStore = new u1(), this.netWorthStore = new y1(this), this.notificationStore = new H1(), this.recurringActivityStore = new hh(this), this.transactionStore = new cd(this, n), this.userStore = new F1(this), this.globalUiStore = new qg(this), xe(this);
   }
   initialize = async (A, n, a = X1) => {
     await this.copyStore.initialize(A, n), await this.appDataStore.initialize(A, n);
@@ -14800,7 +14799,7 @@ class fm {
   selectedAccount = {};
   selectedMember = {};
   constructor() {
-    De(this);
+    xe(this);
   }
   setIsLoading = (A) => this.isLoading = A;
   setSelectedAccount = (A) => this.selectedAccount = A;
@@ -14827,15 +14826,14 @@ class vm {
       const {
         accounts: a = [],
         institutions: r = [],
-        // members = [],
         updateExternallyManagedAccounts: i
       } = n;
       this.accounts = a, this.institutions = r, this.updateExternallyManagedAccounts = i, this.shouldManageDataExternally = !!a.length && !!r;
     }
-    this.globalStore = A, this.uiStore = new fm(), De(this);
+    this.globalStore = A, this.uiStore = new fm(), xe(this);
   }
   initialize = async (A, n) => {
-    this.api = new Qr(A, n), this.shouldManageDataExternally ? await this.loadMembers() : await Promise.all([this.loadAccounts(), this.loadInstitutions()]), oa(
+    this.api = new Qr(A, n), this.shouldManageDataExternally ? await this.loadMembers() : await Promise.all([this.loadMembers(), this.loadAccounts(), this.loadInstitutions()]), oa(
       () => this.accounts,
       (a) => {
         this.shouldManageDataExternally && (this.accounts = this.sortAccounts(this.augmentAccounts(a)), this.updateExternallyManagedAccounts?.(a));
@@ -15773,7 +15771,7 @@ const _m = ({
     z(!0), a(F.BUDGETS_CLICK_ADD);
   }, V = () => {
     z(!1);
-  }, te = yt(m.end, xe(/* @__PURE__ */ new Date()));
+  }, te = yt(m.end, De(/* @__PURE__ */ new Date()));
   return !s || !_ ? /* @__PURE__ */ t(We, {}) : /* @__PURE__ */ l(
     CA,
     {
@@ -16729,7 +16727,7 @@ class lp {
   namespace = "experiences";
   translationKey = "micro_insights";
   constructor() {
-    De(this);
+    xe(this);
   }
   initialize = async (A, n) => {
     this.copyApi = new cn(A, n), await this.loadCopy();
@@ -16904,7 +16902,7 @@ class gp {
   onAnalyticPageView = ti;
   beatApi = new Et("/", "");
   constructor() {
-    De(this);
+    xe(this);
   }
   initialize = async (A, n, a) => {
     this.onAnalyticEvent = (r, i) => {
@@ -16929,7 +16927,7 @@ class mp {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new lp(), this.insightsMicroWidgetStore = new gp(), De(this);
+    this.copyStore = new lp(), this.insightsMicroWidgetStore = new gp(), xe(this);
   }
   initialize = async (A, n, a) => {
     await this.copyStore.initialize(A, n), await this.insightsMicroWidgetStore.initialize(A, n, a), this.session = await Ic(A, n, "1.0.0", "Micro Insights Carousel"), Y(() => {
@@ -18689,7 +18687,7 @@ const Vt = g.createContext(null), pp = ({
   g.useEffect(() => {
     o(
       n,
-      xe(/* @__PURE__ */ new Date()),
+      De(/* @__PURE__ */ new Date()),
       Re(/* @__PURE__ */ new Date())
     ).finally();
   }, [n]);
@@ -19032,7 +19030,7 @@ const Vt = g.createContext(null), pp = ({
   g.useEffect(() => {
     o(n);
   }, [n]), g.useEffect(() => {
-    i(xe(ie()), Re(ie())), d(!0), s(F.SPENDING_VIEW);
+    i(De(ie()), Re(ie())), d(!0), s(F.SPENDING_VIEW);
   }, []);
   const u = (h) => {
     i(h[0], h[1]);