@mx-cartographer/experiences 6.3.4-alpha.sms8 → 6.3.4-alpha.sms9

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as l, Fragment as Z } from "react/jsx-runtime";
-import g, { useMemo as xl, useRef as ws, useEffect as zn, useState as Et } from "react";
+import g, { useMemo as xl, useRef as ws, useEffect as Yn, useState as Et } from "react";
 import { observer as A } from "mobx-react-lite";
 import L from "@mui/material/Box";
 import k from "@mui/material/Divider";
@@ -86,7 +86,7 @@ import xd, { SurveyQuestionType as rr } from "posthog-js";
 import { differenceInDays as Id } from "date-fns/differenceInDays";
 import Ca from "@mui/icons-material/ChevronRight";
 import fa from "@mui/icons-material/ExpandMore";
-import { DataGridPro as jn } from "@mui/x-data-grid-pro";
+import { DataGridPro as Xn } from "@mui/x-data-grid-pro";
 import { intervalToDuration as vd, formatDuration as wd, getDate as sr, fromUnixTime as vi, startOfMonth as cr, format as On, differenceInMonths as Nd, isSameDay as Dd, subDays as Rd, startOfToday as Od, endOfToday as Ld } from "date-fns";
 import In from "@mui/material/Alert";
 import Mi from "@mui/material/Snackbar";
@@ -399,7 +399,7 @@ const su = [
   20
   /* IMPAIRED */
 ], Ks = [...Vs, ...Us];
-var Kn = /* @__PURE__ */ ((e) => (e.Connected = "Connected", e.Error = "Error", e.Processing = "Processing", e.RequiresMfa = "RequiresMfa", e))(Kn || {});
+var zn = /* @__PURE__ */ ((e) => (e.Connected = "Connected", e.Error = "Error", e.Processing = "Processing", e.RequiresMfa = "RequiresMfa", e))(zn || {});
 const H2 = {
   3: "Challenged",
   12: "Closed",
@@ -1420,7 +1420,7 @@ const Su = (e, n) => {
   isTablet: bn(ge().breakpoints.between("sm", "lg"))
 }), j2 = (e) => {
   const n = ws();
-  return zn(() => {
+  return Yn(() => {
     n.current = e;
   }, [e]), n.current;
 }, nc = ({
@@ -2227,13 +2227,13 @@ const Pu = ({
       }
     )
   ] });
-}, Xn = g.createContext(null), q2 = ({
+}, qn = g.createContext(null), q2 = ({
   children: e,
   globalStore: n,
   onEvent: i,
   onPageView: a
 }) => /* @__PURE__ */ t(
-  Xn.Provider,
+  qn.Provider,
   {
     value: {
       globalStore: n,
@@ -2254,7 +2254,7 @@ const Pu = ({
     children: e
   }
 ), qe = (e = "useGlobalStore") => {
-  const n = g.useContext(Xn);
+  const n = g.useContext(qn);
   if (!n)
     throw new Error(`${e}() must be used within the GlobalDataContext`);
   return n;
@@ -2297,7 +2297,7 @@ const Pu = ({
   chartContainerRef: o
 }) => {
   const r = tt(), s = ws(null), [c, d] = Et({ x: a.x, y: a.y });
-  if (zn(() => {
+  if (Yn(() => {
     (() => {
       const h = s.current, m = o.current;
       if (!h || !m) return;
@@ -4307,7 +4307,7 @@ class f_ {
   };
 }
 const hi = () => {
-  if (!g.useContext(Xn))
+  if (!g.useContext(qn))
     throw new Error("useCashflowUiStore() must be used within the GlobalDataContext");
   return wo().uiStore;
 }, b_ = ({ remaining: e }) => {
@@ -5206,7 +5206,7 @@ class G_ {
   };
 }
 const xt = () => {
-  if (!g.useContext(Xn))
+  if (!g.useContext(qn))
     throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
   return Te().uiStore;
 }, mc = (e, n) => {
@@ -5501,7 +5501,7 @@ const xt = () => {
     }
   ];
   return /* @__PURE__ */ t(Tt, { sx: { height: e, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ t(
-    jn,
+    Xn,
     {
       columns: _,
       disableColumnFilter: !0,
@@ -5515,7 +5515,7 @@ const xt = () => {
     }
   ) });
 }, th = A(eh), pn = () => {
-  if (!g.useContext(Xn))
+  if (!g.useContext(qn))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return Ke().uiStore;
 }, Qt = {
@@ -7108,7 +7108,7 @@ const fc = ({ transaction: e }) => {
       i.is_manual && /* @__PURE__ */ t(Ah, { transaction: i })
     ] }) })
   ] }) }) : /* @__PURE__ */ t(he, {});
-}, qn = A(Xh), qh = ({ copy: e, isOpen: n, onClose: i, onPrimaryAction: a }) => {
+}, Zn = A(Xh), qh = ({ copy: e, isOpen: n, onClose: i, onPrimaryAction: a }) => {
   const { common: o, transactions: r } = x(), { isCopyLoaded: s } = _e();
   return s ? /* @__PURE__ */ l(
     Be,
@@ -7433,7 +7433,7 @@ const fc = ({ transaction: e }) => {
             isOpen: Re === "transaction",
             onClose: Al,
             title: D.details_title,
-            children: Me && /* @__PURE__ */ t(qn, { transaction: Me })
+            children: Me && /* @__PURE__ */ t(Zn, { transaction: Me })
           }
         ),
         Me && Re === "category" && /* @__PURE__ */ t(
@@ -7731,7 +7731,7 @@ const fc = ({ transaction: e }) => {
         isOpen: !!f,
         onClose: () => E(""),
         title: i.transaction_details_drawer_title,
-        children: v && /* @__PURE__ */ t(qn, { transaction: v })
+        children: v && /* @__PURE__ */ t(Zn, { transaction: v })
       }
     ),
     /* @__PURE__ */ t(
@@ -8080,7 +8080,7 @@ const fc = ({ transaction: e }) => {
       }
     ) })
   ] });
-}, wc = A(gg), Di = (e) => e.top_level_category_guid !== N.INCOME && e.transaction_type === St.DEBIT, Nc = (e, n) => Di(e) ? e.payee?.toLowerCase().includes(n.toLowerCase()) || e.description.toLowerCase().includes(n.toLowerCase()) || e.feed_description.toLowerCase().includes(n.toLowerCase()) : !1, Yn = (e) => e.top_level_category_guid === N.INCOME || e.top_level_category_guid === N.TRANSFER && e.transaction_type === St.CREDIT, Bo = (e, n) => Yn(e) ? e.payee?.toLowerCase().includes(n.toLowerCase()) || e.description?.toLowerCase().includes(n.toLowerCase()) || e.feed_description?.toLowerCase().includes(n.toLowerCase()) : !1, mg = ({
+}, wc = A(gg), Di = (e) => e.top_level_category_guid !== N.INCOME && e.transaction_type === St.DEBIT, Nc = (e, n) => Di(e) ? e.payee?.toLowerCase().includes(n.toLowerCase()) || e.description.toLowerCase().includes(n.toLowerCase()) || e.feed_description.toLowerCase().includes(n.toLowerCase()) : !1, jn = (e) => e.top_level_category_guid === N.INCOME || e.top_level_category_guid === N.TRANSFER && e.transaction_type === St.CREDIT, Bo = (e, n) => jn(e) ? e.payee?.toLowerCase().includes(n.toLowerCase()) || e.description?.toLowerCase().includes(n.toLowerCase()) || e.feed_description?.toLowerCase().includes(n.toLowerCase()) : !1, mg = ({
   isIncome: e = !1,
   label: n,
   onAddActivity: i = () => null
@@ -8089,7 +8089,7 @@ const fc = ({ transaction: e }) => {
     () => _.find((D) => D.guid === m),
     [m]
   ), w = () => {
-    h(!0), d(e ? { ...c, custom: Yn } : { ...c, custom: Di });
+    h(!0), d(e ? { ...c, custom: jn } : { ...c, custom: Di });
   }, I = async () => {
     if (i(), !v || !y) {
       R();
@@ -8132,7 +8132,7 @@ const fc = ({ transaction: e }) => {
             onSearch: (D) => {
               d({
                 ...c,
-                custom: (H) => e ? D ? Bo(H, D) : Yn(H) : D ? Nc(H, D) : Di(H)
+                custom: (H) => e ? D ? Bo(H, D) : jn(H) : D ? Nc(H, D) : Di(H)
               });
             },
             onSelected: (D) => C(D)
@@ -9202,7 +9202,7 @@ const Hg = {
     r
   );
   let u;
-  (e.connectionStatus === Kn.Error || e.connectionStatus === Kn.RequiresMfa) && (u = /* @__PURE__ */ t($g, { size: 16 }));
+  (e.connectionStatus === zn.Error || e.connectionStatus === zn.RequiresMfa) && (u = /* @__PURE__ */ t($g, { size: 16 }));
   const h = /* @__PURE__ */ l(Z, { children: [
     /* @__PURE__ */ t(Pe, { children: /* @__PURE__ */ t(
       bo,
@@ -9502,7 +9502,7 @@ const jg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
           }
         ),
         e > 650 ? /* @__PURE__ */ t(
-          jn,
+          Xn,
           {
             autoHeight: !0,
             columnHeaderHeight: 48,
@@ -9894,7 +9894,7 @@ const jg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
       //  Beginning of the month, 90 days before today
       We(dt(de(), 90)),
       de()
-    ), h({ ...u, custom: Yn }), H(3);
+    ), h({ ...u, custom: jn }), H(3);
   }, ce = async () => {
     if (!(O.length < 1)) {
       w(!0);
@@ -9979,7 +9979,7 @@ const jg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
                   bgcolor: "background.paper",
                   onSearch: (oe) => h({
                     ...u,
-                    custom: (me) => oe ? Bo(me, oe) : Yn(me)
+                    custom: (me) => oe ? Bo(me, oe) : jn(me)
                   }),
                   onSelected: (oe) => {
                     K(oe), E(!1);
@@ -10235,7 +10235,7 @@ function gm(e, n, i = 0) {
   };
 }
 const Cn = () => {
-  if (!g.useContext(Xn))
+  if (!g.useContext(qn))
     throw new Error("useCateUiStore() must be used within the GlobalDataContext");
   return xa().uiStore;
 }, mm = ({ debts: e, onClickCta: n, sx: i }) => {
@@ -10653,7 +10653,7 @@ const Cn = () => {
     }
   );
 }, fm = A(Cm), $t = () => {
-  if (!g.useContext(Xn))
+  if (!g.useContext(qn))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return ve().uiStore;
 }, La = (e) => e.top_level_category_guid === N.INCOME || e.category_guid === N.INCOME, bm = (e) => !La(e) && !Bc(e), Gc = (e) => _r.includes(e.top_level_category_guid) || _r.includes(e.category_guid), Bc = (e) => e.top_level_category_guid === N.TRANSFER || e.category_guid === N.TRANSFER, ym = (e) => !La(e) && !Gc(e) && !Bc(e), Em = (e) => e.filter((n) => n.category_guid === n.top_level_category_guid), $o = (e, n) => {
@@ -11555,7 +11555,7 @@ const Kt = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
         ...e
       },
       children: /* @__PURE__ */ t(
-        jn,
+        Xn,
         {
           columns: c ? m : h,
           disableColumnFilter: !0,
@@ -12135,7 +12135,7 @@ const Cp = (e, n) => {
         children: /* @__PURE__ */ l(b, { children: [
           /* @__PURE__ */ t(Oe, { sx: { my: 12, mx: 24 }, children: n.reorder_goals_description }),
           /* @__PURE__ */ t(
-            jn,
+            Xn,
             {
               columnHeaderHeight: 0,
               columns: _,
@@ -14416,7 +14416,7 @@ const S1 = (e, n) => {
   const { isLoading: i, loadNotifications: a, recentNotifications: o, markAllAsViewed: r } = cc(), { notifications: s } = x(), { isCopyLoaded: c } = _e(), d = (_) => {
     e?.(_);
   };
-  return zn(() => (a().finally(), () => {
+  return Yn(() => (a().finally(), () => {
     r().finally();
   }), []), /* @__PURE__ */ l(Z, { children: [
     (!c || i) && /* @__PURE__ */ t(he, { label: s?.loading, size: 40 }),
@@ -18261,7 +18261,7 @@ const EC = ({
     device_type: `${c.make} ${c.model}`
   })), [e]);
   return /* @__PURE__ */ t(L, { sx: { width: "100%" }, children: /* @__PURE__ */ t(
-    jn,
+    Xn,
     {
       columns: r,
       disableColumnFilter: !0,
@@ -19019,12 +19019,12 @@ const tl = A(
   }
 ), kC = A(({ selectedTab: e }) => {
   const { alert: n, setAlert: i } = Ht();
-  return console.log("selectedTab steph", e), /* @__PURE__ */ l(Z, { children: [
-    e === Qn.Profile && /* @__PURE__ */ t(yC, {}),
-    e === Qn.Devices && /* @__PURE__ */ t(xC, {}),
-    e === Qn.Notifications && /* @__PURE__ */ t(tl, {}),
-    e === Qn.TransactionRules && /* @__PURE__ */ t(RC, {}),
-    e === Qn.Help && /* @__PURE__ */ t(mC, {}),
+  return console.log("selectedTab steph", e), console.log("SettingsTab.Profile steph", Kn.Profile), /* @__PURE__ */ l(Z, { children: [
+    e === Kn.Profile && /* @__PURE__ */ t(yC, {}),
+    e === Kn.Devices && /* @__PURE__ */ t(xC, {}),
+    e === Kn.Notifications && /* @__PURE__ */ t(tl, {}),
+    e === Kn.TransactionRules && /* @__PURE__ */ t(RC, {}),
+    e === Kn.Help && /* @__PURE__ */ t(mC, {}),
     /* @__PURE__ */ t(
       Mi,
       {
@@ -19047,7 +19047,7 @@ const tl = A(
     )
   ] });
 });
-var Qn = /* @__PURE__ */ ((e) => (e[e.Profile = 0] = "Profile", e[e.Devices = 1] = "Devices", e[e.Notifications = 2] = "Notifications", e[e.TransactionRules = 3] = "TransactionRules", e[e.Help = 4] = "Help", e))(Qn || {});
+var Kn = /* @__PURE__ */ ((e) => (e[e.Profile = 0] = "Profile", e[e.Devices = 1] = "Devices", e[e.Notifications = 2] = "Notifications", e[e.TransactionRules = 3] = "TransactionRules", e[e.Help = 4] = "Help", e))(Kn || {});
 const h4 = A(({ onBackClick: e, sx: n }) => {
   const { settings: i } = x(), { isCopyLoaded: a, isInitialized: o } = _e(), { config: r } = Wi(), { isMobile: s } = Ee(), c = ge(), {
     display_user_profile_in_settings: d,
@@ -20329,7 +20329,7 @@ const Qa = ({
         isOpen: !!e,
         onClose: () => n(""),
         title: o.transaction_drawer_title,
-        children: /* @__PURE__ */ t(qn, { transaction: c })
+        children: /* @__PURE__ */ t(Zn, { transaction: c })
       }
     )
   ] });
@@ -21179,9 +21179,9 @@ class Af {
         (r) => r.guid === a.member_guid
       );
       if (o > -1) {
-        let r = Kn.Connected;
+        let r = zn.Connected;
         const s = this.members[o];
-        Vs.includes(s.connection_status) ? r = Kn.Error : su.includes(s.connection_status) ? r = Kn.Processing : Us.includes(s.connection_status) && (r = Kn.RequiresMfa);
+        Vs.includes(s.connection_status) ? r = zn.Error : su.includes(s.connection_status) ? r = zn.Processing : Us.includes(s.connection_status) && (r = zn.RequiresMfa);
         let c = a.user_name || a.feed_name || "";
         a.account_number && (c = `${c} *${a.account_number}`), i.push({
           ...a,
@@ -21498,14 +21498,14 @@ function Hf({ bubble: e }) {
     }
   ) });
 }
-const Zn = 75, ms = 50;
+const Qn = 75, ms = 50;
 function $f({ bubble: e, isDraggable: n, onClick: i = () => {
 } }) {
   const [a, o] = g.useState(!1);
   if (g.useEffect(() => {
     document.fonts.ready.then(() => {
       const S = Dt.select(`.icon-${c}`), v = S.node()?.getComputedTextLength();
-      S.attr("x", () => h < Zn ? v ? v / 2 - 12 : 12 : v ? v / 2 - 16 : 16);
+      S.attr("x", () => h < Qn ? v ? v / 2 - 12 : 12 : v ? v / 2 - 16 : 16);
     });
   }, []), !e) return;
   const {
@@ -21556,14 +21556,14 @@ function $f({ bubble: e, isDraggable: n, onClick: i = () => {
             className: `icon-${c}`,
             component: "text",
             name: c,
-            size: h <= Zn ? 24 : 32,
+            size: h <= Qn ? 24 : 32,
             sx: {
               fill: s
             },
             y: f
           }
         ),
-        h > Zn && /* @__PURE__ */ t(
+        h > Qn && /* @__PURE__ */ t(
           p,
           {
             bold: !0,
@@ -21583,11 +21583,11 @@ function $f({ bubble: e, isDraggable: n, onClick: i = () => {
             id: `budget-description-${_}-1`,
             sx: { fill: s },
             variant: "Body",
-            y: h <= Zn ? 12 : 24,
-            children: h <= Zn ? u.split(" ")[0] : u
+            y: h <= Qn ? 12 : 24,
+            children: h <= Qn ? u.split(" ")[0] : u
           }
         ),
-        h <= Zn && h > ms && /* @__PURE__ */ t(
+        h <= Qn && h > ms && /* @__PURE__ */ t(
           p,
           {
             component: "text",
@@ -22131,7 +22131,7 @@ const Ff = ({
           isOpen: !!h,
           onClose: () => u(""),
           title: n.details_transaction_drawer,
-          children: h && /* @__PURE__ */ t(qn, { transaction: h })
+          children: h && /* @__PURE__ */ t(Zn, { transaction: h })
         }
       )
     ] })
@@ -23595,7 +23595,7 @@ const d0 = ({ widgets: e, isLoading: n }) => {
       }
     ];
     return /* @__PURE__ */ t(Tt, { sx: { boxShadow: "none", width: "100%" }, children: /* @__PURE__ */ t(
-      jn,
+      Xn,
       {
         columns: Ft,
         disableColumnFilter: !0,
@@ -24406,7 +24406,7 @@ const Ki = g.createContext(null), M0 = ({
   }
 ), k0 = ({ beat: e }) => {
   const [n, i] = Et(N.UNCATEGORIZED);
-  return zn(() => {
+  return Yn(() => {
     e.primary_category_guid ? i(e.primary_category_guid) : e.category_guids?.length && i(e.category_guids[0]);
   }, []), /* @__PURE__ */ t(kt, { categoryGuid: n, size: 16, sx: { minWidth: 16 } });
 }, G0 = ({ beat: e }) => {
@@ -25300,7 +25300,7 @@ const Ki = g.createContext(null), M0 = ({
   const { ref: C, inView: f } = Fs({
     threshold: hl
   }), { cardsCopy: E } = Vn(), { onEvent: y } = zi(), { updateBeat: S, updateOffer: v } = U0();
-  zn(() => {
+  Yn(() => {
     f && (i.has_been_displayed ? y(sl(i.template)) : (i.guid.startsWith("OFR") ? v({
       ...i,
       has_been_displayed: !0
@@ -25308,7 +25308,7 @@ const Ki = g.createContext(null), M0 = ({
       ...i,
       has_been_displayed: !0
     }), y(cl(i.template))));
-  }, [f]), zn(() => {
+  }, [f]), Yn(() => {
     if (f && i)
       if (i.template === "MarketingOffer") {
         const I = i;
@@ -25868,7 +25868,7 @@ const Ki = g.createContext(null), M0 = ({
   const _ = ge(), { ref: u, inView: h } = Fs({
     threshold: hl
   }), { cardsCopy: m } = Vn(), { onEvent: C } = zi();
-  zn(() => {
+  Yn(() => {
     h && (C(ll.ON_VIEW_MORE_VIEWED), r?.capture("viewed_insight", {
       template: "view_more_card"
     }));
@@ -26082,7 +26082,7 @@ const Ki = g.createContext(null), M0 = ({
           isOpen: !!m,
           onClose: () => C(""),
           title: i.transaction_details_drawer_title,
-          children: f && /* @__PURE__ */ t(qn, { transaction: f })
+          children: f && /* @__PURE__ */ t(Zn, { transaction: f })
         }
       ),
       /* @__PURE__ */ t(
@@ -26313,7 +26313,7 @@ const Ki = g.createContext(null), M0 = ({
       () => s.find((I) => I.guid === u),
       [u]
     ), S = () => {
-      _(!0), r(e ? { ...o, custom: Yn } : { ...o, custom: Di });
+      _(!0), r(e ? { ...o, custom: jn } : { ...o, custom: Di });
     }, v = async () => {
       if (!y || !f) {
         w();
@@ -26358,7 +26358,7 @@ const Ki = g.createContext(null), M0 = ({
               onSearch: (I) => {
                 r({
                   ...o,
-                  custom: (R) => e ? I ? Bo(R, I) : Yn(R) : I ? Nc(R, I) : Di(R)
+                  custom: (R) => e ? I ? Bo(R, I) : jn(R) : I ? Nc(R, I) : Di(R)
                 });
               },
               onSelected: (I) => h(I)
@@ -27496,7 +27496,7 @@ const Ki = g.createContext(null), M0 = ({
         isOpen: !!I,
         onClose: () => E(""),
         title: o.transaction_details_drawer_title,
-        children: I && /* @__PURE__ */ t(qn, { transaction: I })
+        children: I && /* @__PURE__ */ t(Zn, { transaction: I })
       }
     )
   ] });
@@ -27641,7 +27641,7 @@ const Ob = (e) => e.reduce((i, a) => {
     return Object.values(f);
   }, [e, i]);
   return /* @__PURE__ */ t(L, { sx: { height: o, width: "100%", overflowX: "auto", boxShadow: "none", ...r }, children: /* @__PURE__ */ t(
-    jn,
+    Xn,
     {
       columns: h,
       disableColumnFilter: !0,
@@ -27687,7 +27687,7 @@ const Ob = (e) => e.reduce((i, a) => {
       onClose: m,
       title: $b.title,
       children: [
-        h && /* @__PURE__ */ t(qn, { transaction: h }),
+        h && /* @__PURE__ */ t(Zn, { transaction: h }),
         !h && /* @__PURE__ */ t(mn, { onClick: u })
       ]
     }
@@ -27963,7 +27963,7 @@ export {
   _c as ConnectCard,
   _i as ConnectDrawer,
   f4 as ConnectMiniWidget,
-  Kn as ConnectionStatus,
+  zn as ConnectionStatus,
   ht as ConnectionStatusEnums,
   ra as CurrencyCodes,
   on as CurrencyInput,
@@ -27991,7 +27991,7 @@ export {
   Ne as Frequency,
   Si as GlobalCopyApi,
   d_ as GlobalCopyStore,
-  Xn as GlobalDataContext,
+  qn as GlobalDataContext,
   q2 as GlobalDataProvider,
   m4 as GlobalStore,
   jr as GoalApi,
@@ -28085,7 +28085,7 @@ export {
   fi as TopActions,
   z as TrackType,
   da as TransactionApi,
-  qn as TransactionDetails,
+  Zn as TransactionDetails,
   mn as TransactionList,
   va as TransactionRow,
   RC as TransactionRulesTab,