@mx-cartographer/experiences 7.12.16 → 7.13.0

package/dist/categories/index.es.js

@@ -1,4 +1,4 @@
-import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-wfUTIbLR.mjs";
+import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-DYHNBd2v.mjs";
 import { C as g } from "../CategoryStore-FTxUbn0f.mjs";
 export {
   o as CategoryRow,

package/dist/common/index.es.js

@@ -11,24 +11,24 @@ import { L as Re, a as $e } from "../Transaction-CqjlF6SO.mjs";
 import { H } from "../Help-B8mD4aLJ.mjs";
 import { E as Ge } from "../Help-B8mD4aLJ.mjs";
 import { M as We } from "../MicroWidgetContainer-B_EnfvCq.mjs";
-import { M as Ye } from "../MiniWidgetContainer-Cu72GNsE.mjs";
-import { D as Ke, W as ze } from "../WidgetContainer-B0ncgABX.mjs";
-import { C as Ve } from "../ConnectDrawer-CioFo6Wy.mjs";
-import { f as W, c as q, d as C } from "../BudgetUtil--_QXyszn.mjs";
-import { a as Ze, b as Je, C as ts, e as es, k as ss, h as rs, j as os, l as as } from "../BudgetUtil--_QXyszn.mjs";
+import { M as Ye } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { D as Ke, W as ze } from "../WidgetContainer-D_iaToWJ.mjs";
+import { C as Ve } from "../ConnectDrawer-C0wjwcJt.mjs";
+import { f as W, c as q, d as C } from "../BudgetUtil-CLhRnCoX.mjs";
+import { a as Xe, b as Je, C as ts, e as es, k as ss, h as rs, j as os, l as as } from "../BudgetUtil-CLhRnCoX.mjs";
 import { C as is } from "../CurrencyInput-DuMktPu3.mjs";
 import { L as us } from "../Loader-D3rjKx72.mjs";
-import { R as ls } from "../ResponsiveButton-DZFp78fJ.mjs";
+import { R as hs } from "../ResponsiveButton-DZFp78fJ.mjs";
 import { S as gs } from "../SearchBox-B7km148n.mjs";
 import { T as Y } from "../TransactionStore-DP5vipL2.mjs";
 import { S as _s } from "../TransactionStore-DP5vipL2.mjs";
 import { T as ms } from "../TabContentContainer-j01JYR_7.mjs";
 import { I as Ss } from "../IconBacking-B9oC6uL2.mjs";
-import { D as ws, F as Cs, c as Ds, d as Es, R as As, S as xs } from "../RecurringTransactions-CYNpe_RS.mjs";
-import { C as Q } from "../CashflowStore-DEdQJU5i.mjs";
-import { I as Bs } from "../CashflowStore-DEdQJU5i.mjs";
-import { d as K } from "../GoalStore-0bd-Upkc.mjs";
-import { C as vs, G as Ms, M as ks, T as Ns } from "../GoalStore-0bd-Upkc.mjs";
+import { D as ws, F as Cs, c as Ds, d as Es, R as As, S as xs } from "../RecurringTransactions-BOzBqfdg.mjs";
+import { C as Q } from "../CashflowStore-D3MKniVM.mjs";
+import { I as Bs } from "../CashflowStore-D3MKniVM.mjs";
+import { d as K } from "../GoalStore-DB58sKTC.mjs";
+import { C as vs, G as Ms, M as ks, T as Ns } from "../GoalStore-DB58sKTC.mjs";
 import { C as Ls } from "../CurrencyText-CA-E5N_y.mjs";
 import { E as Ps } from "../EmptyState-DHAkGsjk.mjs";
 import { L as $s } from "../ListItemAction-4KB7P75M.mjs";
@@ -36,30 +36,30 @@ import { T as z } from "../TrendsStore-st6GjDtg.mjs";
 import { L as Gs } from "../TrendsStore-st6GjDtg.mjs";
 import { A as Ws, B as qs, I as Ys, N as Qs, T as Ks, a as zs } from "../Notification-CMBNDGC-.mjs";
 import { G as Vs } from "../GlobalAccountFilter-B73Pw1hJ.mjs";
-import { S as Zs } from "../StatusBar-BK_uYHAB.mjs";
+import { S as Xs } from "../StatusBar-BK_uYHAB.mjs";
 import { D as tr } from "../Donut-CpxJlVvJ.mjs";
 import { D as sr } from "../Dialog-Ck34yr-d.mjs";
 import { jsxs as D, jsx as b } from "react/jsx-runtime";
 import { css as j } from "@mxenabled/cssinjs";
-import { D as V, a as X } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { D as V, a as Z } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { S as or } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { D as nr } from "../Drawer-DV4NTsFg.mjs";
+import { D as nr } from "../Drawer-Bbe4AMB1.mjs";
 import { A as cr } from "../Analytics-BYItVAe-.mjs";
-import { D as dr, O as lr, a as hr, f as gr } from "../DateFormats-BMpMrZpW.mjs";
+import { D as dr, O as hr, a as lr, f as gr } from "../DateFormats-BMpMrZpW.mjs";
 import { I as _r, P as fr, S as mr } from "../Account-DuOz1a27.mjs";
 import { b as f } from "../Category-CevNQ03n.mjs";
 import { C as Sr, c as br, a as wr, P as Cr } from "../Category-CevNQ03n.mjs";
 import { C as Er, f as Ar, b as xr, a as Tr, g as Br, i as Ir } from "../NumberFormatting-QCaNwbjv.mjs";
-import { R as Z } from "../RecurringTransactionsStore-BD-OfVZ-.mjs";
-import { S as Mr, T as kr } from "../RecurringTransactionsStore-BD-OfVZ-.mjs";
-import { G as Ur, C as Lr, D as Or, W as Pr, d as Rr, a as $r, m as Fr, t as Gr, l as Hr, v as Wr, w as qr, g as Yr, y as Qr, u as Kr, f as zr, b as jr, k as Vr, z as Xr, s as Zr, x as Jr, c as to, q as eo, n as so, A as ro, i as oo, r as ao, h as no, B as io, o as co, p as uo } from "../hooks-BxkfR-Ff.mjs";
-import { u as ho } from "../useAccountDisplayName-DKwT1mWv.mjs";
+import { R as X } from "../RecurringTransactionsStore-CcfPS0d3.mjs";
+import { S as Mr, T as kr } from "../RecurringTransactionsStore-CcfPS0d3.mjs";
+import { G as Ur, C as Lr, D as Or, W as Pr, d as Rr, a as $r, m as Fr, t as Gr, l as Hr, v as Wr, w as qr, g as Yr, y as Qr, u as Kr, f as zr, b as jr, k as Vr, z as Zr, s as Xr, x as Jr, c as to, q as eo, n as so, A as ro, i as oo, r as ao, h as no, B as io, o as co, p as uo } from "../hooks-BxkfR-Ff.mjs";
+import { u as lo } from "../useAccountDisplayName-DKwT1mWv.mjs";
 import { u as po } from "../useInsightsEnabled-DL_oNyI0.mjs";
 import { u as fo } from "../useScreenSize-B6JyS_Lj.mjs";
 import { useRef as J, useEffect as tt } from "react";
 import { u as yo } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { makeAutoObservable as h, runInAction as l, reaction as L, autorun as et } from "mobx";
-import { A as st } from "../AccountStore-Brc0MNSF.mjs";
+import { makeAutoObservable as l, runInAction as h, reaction as L, autorun as et } from "mobx";
+import { A as st } from "../AccountStore-BNlTuxWN.mjs";
 import rt from "posthog-js";
 import { B as ot } from "../BeatStore-C6CAT-ce.mjs";
 import { endOfMonth as O } from "date-fns/endOfMonth";
@@ -68,8 +68,8 @@ import { startOfToday as E } from "date-fns/startOfToday";
 import { D as at } from "../DebtsStore-BZqNLaqd.mjs";
 import { F as nt } from "../FinstrongStore-BQxXxxYD.mjs";
 import { A as it, m as ct, a as ut, b as dt } from "../InvestmentUtil-BItV7uEs.mjs";
-import { M as lt } from "../MerchantStore-BzGi4JAZ.mjs";
-import { N as ht } from "../NetWorthStore-DP78lgZ0.mjs";
+import { M as ht } from "../MerchantStore-BzGi4JAZ.mjs";
+import { N as lt } from "../NetWorthStore-BqZ44-4M.mjs";
 import { a as gt } from "../SettingsStore-Cax1fzsz.mjs";
 import { addMonths as pt } from "date-fns/addMonths";
 import { getMonth as m } from "date-fns/getMonth";
@@ -95,25 +95,15 @@ const me = [
 var mt = /* @__PURE__ */ ((s) => (s[s.SpendingPlan = 0] = "SpendingPlan", s[s.Budgets = 1] = "Budgets", s))(mt || {}), yt = /* @__PURE__ */ ((s) => (s[s.RecurringExpense = 0] = "RecurringExpense", s[s.PlannedExpense = 1] = "PlannedExpense", s[s.Other = 2] = "Other", s[s.Income = 3] = "Income", s))(yt || {});
 const St = [
   "fontFamily",
-  "H1",
   "h1",
-  "H2",
   "h2",
-  "H3",
   "h3",
-  "Body",
   "body1",
-  "Small",
   "body2",
-  "Button",
   "button",
-  "XSmall",
   "caption",
-  "Paragraph",
   "subtitle1",
-  "ParagraphSmall",
   "subtitle2",
-  "Tiny",
   "tiny"
 ], bt = [
   { key: "primary", light: "primary_color", dark: "primary_color_dark" },
@@ -254,7 +244,7 @@ const Ce = (s) => {
   hasGap: s = !1,
   segments: t,
   size: e = V,
-  strokeWidth: r = X,
+  strokeWidth: r = Z,
   children: o
 }) => {
   const n = Ct(e), i = (e - r) / 2, c = e / 2;
@@ -314,17 +304,17 @@ class Dt {
       t.endpoint,
       t.sessionToken,
       t.onError
-    ), h(this);
+    ), l(this);
   }
   loadCopy = async () => {
-    await this.getCopy(this.featureNamespace), l(() => {
+    await this.getCopy(this.featureNamespace), h(() => {
       this.isInitialized = !0;
     });
   };
   getCopy = async (t, e = "") => {
     try {
       const r = await this.api.getGlobalCopy(t, e);
-      l(() => {
+      h(() => {
         this.copy = r[t];
       });
     } catch (r) {
@@ -340,7 +330,7 @@ class Et {
   response = null;
   responses = {};
   constructor(t) {
-    this.globalStore = t, h(this);
+    this.globalStore = t, l(this);
   }
   get isLastQuestion() {
     return this.currentQuestionIndex === this.surveyQuestions.length - 1;
@@ -363,7 +353,7 @@ class Et {
   }
   loadSurvey = (t = !1) => {
     rt.getActiveMatchingSurveys((e) => {
-      l(() => {
+      h(() => {
         if (e.length > 0) {
           const r = e.find((o) => o.id === this.surveyId);
           r && (this.survey = r, this.currentQuestionIndex = 0, this.question = r.questions[0], this.response = null, this.responses = {});
@@ -429,7 +419,7 @@ class It {
   theme = {};
   merchantBudgets = [];
   constructor(t) {
-    this.globalStore = t, this.api = new v(t.endpoint, t.sessionToken, t.onError), h(this);
+    this.globalStore = t, this.api = new v(t.endpoint, t.sessionToken, t.onError), l(this);
   }
   loadBudgetData = async () => {
     this.globalStore.recurringTransactionsStore.isDataLoaded || await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData(), await this.loadBudgets(), L(
@@ -481,7 +471,7 @@ class It {
   addBudget = async (t, e, r = null) => {
     try {
       const o = await this.api.addBudget(t, e, r);
-      l(() => {
+      h(() => {
         this.budgets.push(o);
       });
     } catch (o) {
@@ -490,7 +480,7 @@ class It {
   };
   deleteBudget = async (t) => {
     try {
-      await this.api.deleteBudget(t), l(() => {
+      await this.api.deleteBudget(t), h(() => {
         const e = this.budgets.findIndex((r) => r.guid === t);
         e >= 0 && this.budgets.splice(e, 1);
       });
@@ -540,7 +530,7 @@ class It {
   updateBudget = async (t) => {
     try {
       const e = await this.api.updateBudget(t);
-      l(() => {
+      h(() => {
         const r = this.budgets.findIndex((o) => o.guid === t.guid);
         r >= 0 && (this.budgets[r] = e);
       });
@@ -557,7 +547,7 @@ class It {
   addMerchantBudget = async (t, e) => {
     try {
       const r = await this.api.addMerchantBudget(t, e);
-      return l(() => {
+      return h(() => {
         this.merchantBudgets.push(r);
       }), { isSuccess: !0 };
     } catch (r) {
@@ -567,7 +557,7 @@ class It {
   updateMerchantBudget = async (t) => {
     try {
       const { guid: e, amount: r } = t, o = await this.api.updateMerchantBudget(e, r);
-      return l(() => {
+      return h(() => {
         const n = this.merchantBudgets.findIndex((i) => i.guid === t.guid);
         n >= 0 && (this.merchantBudgets[n] = o);
       }), { isSuccess: !0 };
@@ -577,7 +567,7 @@ class It {
   };
   deleteMerchantBudget = async (t) => {
     try {
-      return await this.api.deleteMerchantBudget(t), l(() => {
+      return await this.api.deleteMerchantBudget(t), h(() => {
         const e = this.merchantBudgets.filter(
           (r) => r.guid !== t
         );
@@ -619,7 +609,7 @@ class kt {
   globalStore;
   isLoading = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new M(t.endpoint, t.sessionToken, t.onError), h(this);
+    this.globalStore = t, this.api = new M(t.endpoint, t.sessionToken, t.onError), l(this);
   }
   createSupportTicket = async (t) => {
     try {
@@ -664,7 +654,7 @@ class Nt {
   globalStore;
   showConnectionsWidget = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new k(t.endpoint, t.sessionToken, t.onError), h(this);
+    this.globalStore = t, this.api = new k(t.endpoint, t.sessionToken, t.onError), l(this);
   }
   get analysisChartData() {
     return ct(ut(this.visibleHoldings), this.analysisType);
@@ -700,7 +690,7 @@ class Nt {
       const e = await this.api.updateHoldings(t), r = this.holdings.findIndex(({ guid: o }) => o === t.guid);
       if (r >= 0) {
         const o = [...this.holdings];
-        o[r] = e, l(() => {
+        o[r] = e, h(() => {
           this.holdings = o, this.holdingsLoaded = !0;
         });
       }
@@ -829,7 +819,7 @@ class Ut {
   isAppDataLoaded = !1;
   banner = {};
   constructor(t) {
-    this.globalStore = t, this.api = new U(t.endpoint, t.sessionToken, t.onError), h(this);
+    this.globalStore = t, this.api = new U(t.endpoint, t.sessionToken, t.onError), l(this);
   }
   get appConfig() {
     return this.globalStore.appConfig;
@@ -863,7 +853,7 @@ class Ut {
   loadBanner = async () => {
     try {
       const t = this.user?.guid ?? null, e = t ? await this.bannerApi.getBanner(t) : {};
-      l(() => {
+      h(() => {
         this.banner = e;
       });
     } catch (t) {
@@ -878,7 +868,7 @@ class Lt {
   globalStore;
   widgetApi = new I("/", "");
   constructor(t) {
-    this.globalStore = t, this.widgetApi = new I(t.endpoint, t.sessionToken), h(this);
+    this.globalStore = t, this.widgetApi = new I(t.endpoint, t.sessionToken), l(this);
   }
   loadWidget = async ({ widget: t = "connect_widget", mode: e = "light", ...r }) => await this.widgetApi.requestWidgetUrl({
     widget_url: { widget_type: t, color_scheme: e, ...r }
@@ -893,7 +883,7 @@ class Ot {
     end: O(this.displayedDate)
   };
   constructor(t) {
-    h(this), this.globalStore = t, L(
+    l(this), this.globalStore = t, L(
       () => this.globalStore.accountStore.visibleAccounts,
       (e) => {
         this.populateAccountFilterMap(e);
@@ -957,7 +947,7 @@ class Pt {
   userFeatures = [];
   userFeaturesLoaded = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new B(t.endpoint, t.sessionToken, t.onError), h(this);
+    this.globalStore = t, this.api = new B(t.endpoint, t.sessionToken, t.onError), l(this);
   }
   get userProfile() {
     return this.globalStore.appDataStore.userProfile;
@@ -1026,7 +1016,7 @@ class Ee {
   // UI Stores
   globalUiStore;
   constructor(t = N, e = "/", r, o) {
-    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.onError = r, this.onStoreUpdate = o, this.accountStore = new st(this), this.appDataStore = new Ut(this), this.analyticsStore = new Et(this), this.beatStore = new ot(this), this.budgetsStore = new It(this), this.cashflowStore = new Q(this), this.categoryStore = new $(this), this.connectStore = new Lt(this), this.copyStore = new Dt(this), this.debtsStore = new at(this), this.finstrongStore = new nt(this), this.goalStore = new K(this), this.helpStore = new kt(this), this.holdingStore = new Nt(this), this.merchantStore = new lt(this), this.netWorthStore = new ht(this), this.notificationStore = new F(this), this.recurringTransactionsStore = new Z(this), this.settingsStore = new gt(this), this.transactionStore = new Y(this), this.trendsStore = new z(this), this.userStore = new Pt(this), this.globalUiStore = new Ot(this), h(this), et(() => {
+    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.onError = r, this.onStoreUpdate = o, this.accountStore = new st(this), this.appDataStore = new Ut(this), this.analyticsStore = new Et(this), this.beatStore = new ot(this), this.budgetsStore = new It(this), this.cashflowStore = new Q(this), this.categoryStore = new $(this), this.connectStore = new Lt(this), this.copyStore = new Dt(this), this.debtsStore = new at(this), this.finstrongStore = new nt(this), this.goalStore = new K(this), this.helpStore = new kt(this), this.holdingStore = new Nt(this), this.merchantStore = new ht(this), this.netWorthStore = new lt(this), this.notificationStore = new F(this), this.recurringTransactionsStore = new X(this), this.settingsStore = new gt(this), this.transactionStore = new Y(this), this.trendsStore = new z(this), this.userStore = new Pt(this), this.globalUiStore = new Ot(this), l(this), et(() => {
       const { transactions: n } = this.transactionStore;
       this.emitUpdate({
         transactions: n
@@ -1075,7 +1065,7 @@ export {
   T as BannerApi,
   ke as BeatApi,
   qs as BudgetNotificationTypes,
-  Ze as Calendar,
+  Xe as Calendar,
   Je as CalendarSelectionTypes,
   Ue as CategoryApi,
   Sr as CategoryColors,
@@ -1092,7 +1082,7 @@ export {
   Ls as CurrencyText,
   dr as DATE_FORMATS_INTL,
   V as DEFAULT_DONUT_SIZE,
-  X as DEFAULT_STROKE_WIDTH,
+  Z as DEFAULT_STROKE_WIDTH,
   ws as DataRow,
   Ke as DateRangeSelector,
   sr as Dialog,
@@ -1131,8 +1121,8 @@ export {
   Io as NonConnectedStatuses,
   Oe as NotificationApi,
   Qs as NotificationTypes,
-  lr as ORDINAL_DATE_FORMAT,
-  hr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
+  hr as ORDINAL_DATE_FORMAT,
+  lr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
   fr as PAYMENT_ACCOUNT_TYPES,
   Cr as PaymentCategories,
   mt as PlanTypes,
@@ -1144,7 +1134,7 @@ export {
   Es as RecurrenceType,
   ft as RecurrenceTypes,
   As as RepeatingType,
-  ls as ResponsiveButton,
+  hs as ResponsiveButton,
   mr as SPENDING_ACCOUNT_TYPES,
   Tt as ScheduledPaymentTypes,
   we as ScheduledPaymentsApi,
@@ -1154,7 +1144,7 @@ export {
   _s as SelectionBox,
   or as SingleSegmentDonut,
   Mr as Sizes,
-  Zs as StatusBar,
+  Xs as StatusBar,
   No as StatusName,
   kr as TOUCH_TARGET,
   ms as TabContentContainer,
@@ -1187,7 +1177,7 @@ export {
   Fo as getLocale,
   as as isIncome,
   Ir as isValidNumber,
-  ho as useAccountDisplayName,
+  lo as useAccountDisplayName,
   Rr as useAccountStore,
   $r as useAppConfig,
   Fr as useBudgetsStore,
@@ -1203,8 +1193,8 @@ export {
   zr as useGlobalStore,
   jr as useGlobalUiStore,
   Vr as useGoalStore,
-  Xr as useHelpStore,
-  Zr as useHoldingStore,
+  Zr as useHelpStore,
+  Xr as useHoldingStore,
   po as useInsightsEnabled,
   Jr as useLoad,
   to as useMerchantStore,

package/dist/dashboard/index.es.js

@@ -16,9 +16,9 @@ import I from "@mui/material/Tooltip";
 import B from "@mui/material/useMediaQuery";
 import { G as F } from "../GlobalAccountFilter-B73Pw1hJ.mjs";
 import { u as y } from "../useScreenSize-B6JyS_Lj.mjs";
-import { C as $ } from "../ConnectDrawer-CioFo6Wy.mjs";
+import { C as $ } from "../ConnectDrawer-C0wjwcJt.mjs";
 import { u as z } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-const H = p(() => {
+const R = p(() => {
   const t = S(), {
     appDataStore: { banner: o, loadBanner: i, user: a }
   } = _();
@@ -57,7 +57,7 @@ const H = p(() => {
       )
     }
   ) : null;
-}), R = ({ handleConnectClick: t }) => {
+}), T = ({ handleConnectClick: t }) => {
   const { common: o } = b(), i = B("(max-width: 700px)");
   return /* @__PURE__ */ e(W, { my: 4, children: i ? /* @__PURE__ */ e(I, { id: "add-accounts", placement: "bottom", title: o.add_accounts, children: /* @__PURE__ */ e(
     A,
@@ -87,7 +87,7 @@ const H = p(() => {
       children: o.add_accounts
     }
   ) });
-}, T = p(R), j = () => {
+}, j = p(T), Q = () => {
   const [t, o] = n.useState(!1), i = G("(max-width:320px)"), { common: a, connect: g } = b(), { config: d } = v(), { isMobile: f } = y(), x = () => {
     const l = (/* @__PURE__ */ new Date()).getHours();
     return l > 1 && l < 12 ? a.good_morning : l >= 12 && l < 18 ? a.good_afternoon : a.good_evening;
@@ -95,11 +95,11 @@ const H = p(() => {
   return /* @__PURE__ */ c(n.Fragment, { children: [
     /* @__PURE__ */ e(C, { sx: { gap: 12, mb: f ? 24 : 0, p: 24 }, children: /* @__PURE__ */ c(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ c(s, { children: [
-        /* @__PURE__ */ e(M, { variant: i ? "H2" : "H1", children: x() }),
+        /* @__PURE__ */ e(M, { variant: i ? "h2" : "h1", children: x() }),
         /* @__PURE__ */ e(D, { color: "text.secondary", children: a.heres_your_spending_overview })
       ] }),
       /* @__PURE__ */ c(s, { flexDirection: "row", children: [
-        d.show_connections_widget_in_master && /* @__PURE__ */ e(T, { handleConnectClick: () => o(!0) }),
+        d.show_connections_widget_in_master && /* @__PURE__ */ e(j, { handleConnectClick: () => o(!0) }),
         /* @__PURE__ */ e(F, {})
       ] })
     ] }) }),
@@ -112,7 +112,7 @@ const H = p(() => {
       }
     )
   ] });
-}, Q = p(j);
+}, H = p(Q);
 var h = /* @__PURE__ */ ((t) => (t[t.Main = 0] = "Main", t[t.RightSide = 1] = "RightSide", t[t.Disabled = 2] = "Disabled", t))(h || {});
 const P = ({ widgets: t, isLoading: o }) => {
   const { isDesktop: i, isMobile: a } = y(), { copyStore: g } = _();
@@ -131,9 +131,9 @@ const P = ({ widgets: t, isLoading: o }) => {
     [d]
   );
   return /* @__PURE__ */ c(u, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ e(u, { sx: { pt: 16 }, xs: 12, children: g.isInitialized && /* @__PURE__ */ e(Q, {}) }),
+    /* @__PURE__ */ e(u, { sx: { pt: 16 }, xs: 12, children: g.isInitialized && /* @__PURE__ */ e(H, {}) }),
     /* @__PURE__ */ c(u, { lg: 8, xs: 12, children: [
-      /* @__PURE__ */ e(H, {}),
+      /* @__PURE__ */ e(R, {}),
       o && /* @__PURE__ */ c(s, { direction: "column", spacing: 24, children: [
         /* @__PURE__ */ e(m, { height: 100, variant: "rounded", width: "100%" }),
         /* @__PURE__ */ e(m, { height: 300, variant: "rounded", width: "100%" }),