@mx-cartographer/experiences 7.0.29-alpha.mega2 → 7.0.30

package/dist/{WidgetContainer-D3Y1NrBT.mjs → WidgetContainer-Bn6JPnY3.mjs}

@@ -1,43 +1,42 @@
-import { jsxs as I, jsx as e } from "react/jsx-runtime";
-import s from "react";
-import { observer as ce } from "mobx-react-lite";
+import { jsxs as T, jsx as e } from "react/jsx-runtime";
+import o from "react";
+import { observer as ne } from "mobx-react-lite";
 import M from "@mui/material/Button";
-import X from "@mui/material/Box";
-import re from "@mui/material/Card";
-import oe from "@mui/material/CardHeader";
-import se from "@mui/material/CardContent";
+import j from "@mui/material/Box";
+import ce from "@mui/material/Card";
+import re from "@mui/material/CardHeader";
+import oe from "@mui/material/CardContent";
 import Z from "@mui/material/Divider";
 import F from "@mui/material/IconButton";
 import Y from "@mui/material/Stack";
-import { Icon as l, Text as z, DateRangePicker as q, H1 as le, H3 as Ce } from "@mxenabled/mxui";
-import { u as de } from "./useDimensions-27p2evRx.mjs";
-import { L as Te } from "./Loader-DUaFpDGv.mjs";
-import { f as Ie, a as Ee, u as Re, W as Ae } from "./hooks-DlI63qSB.mjs";
-import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
+import { Icon as s, Text as z, DateRangePicker as q, H1 as se, H3 as le } from "@mxenabled/mxui";
+import { u as Ce } from "./useDimensions-27p2evRx.mjs";
+import { L as de } from "./Loader-DUaFpDGv.mjs";
+import { f as Te, a as Ie, u as Ee, W as Re } from "./hooks-DlI63qSB.mjs";
+import { u as ae } from "./useScreenSize-B6JyS_Lj.mjs";
 import { addMonths as J } from "date-fns/addMonths";
 import { addDays as ge } from "date-fns/addDays";
 import { addYears as Q } from "date-fns/addYears";
-import { differenceInCalendarDays as ue } from "date-fns/differenceInCalendarDays";
-import { endOfDay as ee } from "date-fns/endOfDay";
+import { differenceInCalendarDays as Ae } from "date-fns/differenceInCalendarDays";
 import { endOfMonth as V } from "date-fns/endOfMonth";
-import { endOfToday as te } from "date-fns/endOfToday";
+import { endOfToday as ee } from "date-fns/endOfToday";
 import { endOfYear as Se } from "date-fns/endOfYear";
-import { startOfMonth as Ne } from "date-fns/startOfMonth";
-import { startOfToday as me } from "date-fns/startOfToday";
-import { startOfYear as Le } from "date-fns/startOfYear";
-import { subMonths as j } from "date-fns/subMonths";
-import { subDays as De } from "date-fns/subDays";
-import { subYears as _e } from "date-fns/subYears";
-import pe from "@mui/material/ButtonGroup";
-import ke from "@mui/material/Tab";
-import Oe from "@mui/material/Tabs";
+import { startOfMonth as ue } from "date-fns/startOfMonth";
+import { startOfToday as Ne } from "date-fns/startOfToday";
+import { startOfYear as me } from "date-fns/startOfYear";
+import { subMonths as X } from "date-fns/subMonths";
+import { subDays as Le } from "date-fns/subDays";
+import { subYears as te } from "date-fns/subYears";
+import De from "@mui/material/ButtonGroup";
+import pe from "@mui/material/Tab";
+import ke from "@mui/material/Tabs";
 import he from "@mui/material/ToggleButton";
-import fe from "@mui/material/ToggleButtonGroup";
-import be from "@mui/material/styles/useTheme";
-import { f as K, D as G, a as we } from "./Dialog-CWW597AF.mjs";
-import { D as Ke } from "./Drawer-kEE73B87.mjs";
-import { i as Ge, j as Me } from "./ConnectDrawer-D86nRDxQ.mjs";
-const We = {
+import Oe from "@mui/material/ToggleButtonGroup";
+import fe from "@mui/material/styles/useTheme";
+import { f as K, D as G, a as be } from "./Dialog-CWW597AF.mjs";
+import { D as we } from "./Drawer-kEE73B87.mjs";
+import { i as Ke, j as Ge } from "./ConnectDrawer-D86nRDxQ.mjs";
+const Me = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",
   ACCOUNTS_CLICK_FILTER: "accounts_widget_click_filter_accounts",
@@ -156,15 +155,15 @@ const We = {
   TRENDS_HOVER_LEGEND: "trends_hover_ChartLegend",
   TRENDS_LOAD_WIDGET: "trends_load_widget",
   TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions"
-}, ye = ({
+}, We = ({
   calendarActions: i,
-  color: N = "primary",
+  color: u = "primary",
   copy: a,
-  range: m = [Ne(me()), V(te())],
-  shouldShrinkToIcon: L = !0,
+  range: N = [ue(Ne()), V(ee())],
+  shouldShrinkToIcon: m = !0,
   variant: n = "outlined"
 }) => {
-  const W = be(), { isMobile: D } = ie(), [C, b] = s.useState(m), [c, y] = s.useState(a.dateRangePickerCopy.dateRangeThisMonth), [r, p] = s.useState(C), [k, O] = s.useState(!1), [H, x] = s.useState(!0), [h, d] = s.useState(6), T = {
+  const W = fe(), { isMobile: L } = ae(), [l, b] = o.useState(N), [c, y] = o.useState(a.dateRangePickerCopy.dateRangeThisMonth), [r, D] = o.useState(l), [p, k] = o.useState(!1), [H, x] = o.useState(!0), [h, C] = o.useState(6), d = {
     buttons: [
       { label: "3M", value: 3 },
       { label: "6M", value: 6 },
@@ -178,31 +177,31 @@ const We = {
       { label: "1 Year", value: 12 }
     ]
   };
-  s.useEffect(() => {
-    b(m), p(m);
-  }, [m]), s.useEffect(() => {
-    (n === "timeframebuttons" || n === "timeframetabs") && i.onRangeChanged(E());
+  o.useEffect(() => {
+    b(N), D(N);
+  }, [N]), o.useEffect(() => {
+    (n === "timeframebuttons" || n === "timeframetabs") && i.onRangeChanged(I());
   }, [h]);
-  const E = () => {
-    const _ = V(te());
-    return [V(j(_, h)), _];
+  const I = () => {
+    const _ = V(ee());
+    return [V(X(_, h)), _];
   }, w = (_) => {
-    const [t, o] = C, u = _ === "previous";
+    const [t, O] = l, A = _ === "previous";
     let S;
     if (c === a.dateRangePickerCopy.dateRangeThisMonth || c === a.dateRangePickerCopy.dateRangeLastMonth)
       S = [
-        u ? j(t, 1) : J(t, 1),
-        V(u ? j(o, 1) : J(o, 1))
+        A ? X(t, 1) : J(t, 1),
+        V(A ? X(O, 1) : J(O, 1))
       ];
     else if (c === a.dateRangePickerCopy.dateRangeYTD || c === a.dateRangePickerCopy.dateRangeLastYear) {
-      const R = Le(t), A = Se(t);
+      const E = me(t), R = Se(t);
       S = [
-        u ? _e(R, 1) : Q(R, 1),
-        u ? _e(A, 1) : Q(A, 1)
+        A ? te(E, 1) : Q(E, 1),
+        A ? te(R, 1) : Q(R, 1)
       ];
     } else {
-      const R = ue(o, t), A = u ? De : ge;
-      S = [A(t, R), A(o, R)];
+      const E = Ae(O, t), R = A ? Le : ge;
+      S = [R(t, E), R(O, E)];
     }
     b(S), i.onRangeChanged(S);
   }, v = () => {
@@ -210,33 +209,33 @@ const We = {
       c === a.dateRangePickerCopy.dateRangeThisMonth || c === a.dateRangePickerCopy.dateRangeLastMonth
     ), i.onRangeChanged(r);
   }, U = (_) => {
-    d(_);
+    C(_);
   };
-  return /* @__PURE__ */ I(X, { className: "mx-cmn-date-range-selector", m: 4, children: [
-    /* @__PURE__ */ I(
-      X,
+  return /* @__PURE__ */ T(j, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ T(
+      j,
       {
         sx: {
           [W.breakpoints.down("sm")]: {
-            display: L ? "none" : "flex",
+            display: m ? "none" : "flex",
             justifyContent: "center"
           },
           [W.breakpoints.up("sm")]: { display: "inline-flex" }
         },
         children: [
-          n === "readonly" && /* @__PURE__ */ I(Y, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(l, { name: "calendar_month", size: 24 }),
+          n === "readonly" && /* @__PURE__ */ T(Y, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(s, { name: "calendar_month", size: 24 }),
             /* @__PURE__ */ e(z, { bold: !0, children: K(r[0], G.MONTH_DAY) }),
-            /* @__PURE__ */ e(l, { name: "remove" }),
+            /* @__PURE__ */ e(s, { name: "remove" }),
             /* @__PURE__ */ e(z, { bold: !0, children: K(r[1], G.MONTH_DAY_YEAR) })
           ] }),
-          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ I(
-            pe,
+          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ T(
+            De,
             {
-              color: N,
+              color: u,
               sx: {
                 "& .MuiButtonGroup-grouped": {
-                  padding: D ? 0 : 12
+                  padding: L ? 0 : 12
                 },
                 "& .MuiButtonGroup-middleButton": {
                   px: 24
@@ -252,24 +251,24 @@ const We = {
                     "aria-label": a.dateRangePreviousAria,
                     color: i.shouldDisablePrevious ? "secondary" : "primary",
                     onClick: () => i.shouldDisablePrevious ? null : w("previous"),
-                    children: /* @__PURE__ */ e(l, { name: "chevron_left", size: 20 })
+                    children: /* @__PURE__ */ e(s, { name: "chevron_left", size: 20 })
                   }
                 ),
                 /* @__PURE__ */ e(
                   M,
                   {
                     "aria-disabled": i.shouldDisablePicker,
-                    color: N,
-                    onClick: () => i.shouldDisablePicker ? null : O(!0),
-                    startIcon: /* @__PURE__ */ e(l, { name: "calendar_month", size: 20 }),
+                    color: u,
+                    onClick: () => i.shouldDisablePicker ? null : k(!0),
+                    startIcon: /* @__PURE__ */ e(s, { name: "calendar_month", size: 20 }),
                     sx: {
-                      p: D ? 0 : 8
+                      p: L ? 0 : 8
                     },
-                    children: H ? K(C[0], G.MONTH_YEAR) : /* @__PURE__ */ I("span", { children: [
-                      K(C[0], G.MONTH_DAY_YEAR),
+                    children: H ? K(l[0], G.MONTH_YEAR) : /* @__PURE__ */ T("span", { children: [
+                      K(l[0], G.MONTH_DAY_YEAR),
                       " -",
                       " ",
-                      K(C[1], G.MONTH_DAY_YEAR)
+                      K(l[1], G.MONTH_DAY_YEAR)
                     ] })
                   }
                 ),
@@ -280,20 +279,20 @@ const We = {
                     "aria-label": a.dateRangeNextAria,
                     color: i.shouldDisableNext ? "secondary" : "primary",
                     onClick: () => i.shouldDisableNext ? null : w("next"),
-                    children: /* @__PURE__ */ e(l, { name: "chevron_right", size: 20 })
+                    children: /* @__PURE__ */ e(s, { name: "chevron_right", size: 20 })
                   }
                 )
               ]
             }
           ),
           n === "timeframebuttons" && /* @__PURE__ */ e(
-            fe,
+            Oe,
             {
-              color: N,
+              color: u,
               exclusive: !0,
               orientation: "horizontal",
               value: h,
-              children: T.buttons.map((_) => /* @__PURE__ */ e(
+              children: d.buttons.map((_) => /* @__PURE__ */ e(
                 he,
                 {
                   onClick: () => U(_.value),
@@ -306,15 +305,15 @@ const We = {
             }
           ),
           n === "timeframetabs" && /* @__PURE__ */ e(
-            Oe,
+            ke,
             {
               indicatorColor: "primary",
               onChange: (_, t) => U(t),
               textColor: "primary",
               value: h,
               variant: "fullWidth",
-              children: T.tabs.map((_) => /* @__PURE__ */ e(
-                ke,
+              children: d.tabs.map((_) => /* @__PURE__ */ e(
+                pe,
                 {
                   label: /* @__PURE__ */ e(z, { bold: !0, variant: "Body", children: _.label }),
                   sx: { minWidth: 80 },
@@ -327,14 +326,14 @@ const We = {
         ]
       }
     ),
-    k && D && /* @__PURE__ */ e(
-      Ke,
+    p && L && /* @__PURE__ */ e(
+      we,
       {
         ariaLabelClose: a.dateRangeCloseAria,
-        isOpen: k,
-        onClose: () => O(!1),
+        isOpen: p,
+        onClose: () => k(!1),
         onPrimaryAction: () => {
-          v(), O(!1);
+          v(), k(!1);
         },
         primaryText: a.dateRangeEditApply,
         title: a.dateRangeEditTitle,
@@ -344,12 +343,7 @@ const We = {
             copy: a.dateRangePickerCopy,
             dateRange: r,
             onRangeChanged: (_, t) => {
-              _[0] && !_[1] && (_[1] = _[0]);
-              const o = [
-                _[0],
-                _[1] ? ee(_[1]) : _[1]
-              ];
-              p(o), y(t);
+              _[0] && !_[1] && (_[1] = _[0]), D(_), y(t);
             },
             selectedShortcut: c,
             sx: { p: 16 }
@@ -357,12 +351,12 @@ const We = {
         )
       }
     ),
-    k && !D && /* @__PURE__ */ e(
-      we,
+    p && !L && /* @__PURE__ */ e(
+      be,
       {
         copy: { title: a.dateRangeEditTitle },
         isOpen: !0,
-        onClose: () => O(!1),
+        onClose: () => k(!1),
         onPrimaryAction: () => v(),
         primaryText: a.dateRangeEditApply,
         sx: {
@@ -376,12 +370,7 @@ const We = {
             copy: a.dateRangePickerCopy,
             dateRange: r,
             onRangeChanged: (_, t) => {
-              _[0] && !_[1] && (_[1] = _[0]);
-              const o = [
-                _[0],
-                _[1] ? ee(_[1]) : _[1]
-              ];
-              p(o), y(t);
+              _[0] && !_[1] && (_[1] = _[0]), D(_), y(t);
             },
             selectedShortcut: c,
             sx: {
@@ -395,26 +384,26 @@ const We = {
       }
     )
   ] });
-}, ae = ye, xe = ({
+}, _e = We, ye = ({
   accountOptions: i,
-  actions: N = [],
+  actions: u = [],
   calendarActions: a,
-  children: m,
-  dateRange: L,
+  children: N,
+  dateRange: m,
   dateRangeVariant: n,
   className: W = "mx-cmn-widget",
-  hasDivider: D = !1,
-  onBackClick: C,
+  hasDivider: L = !1,
+  onBackClick: l,
   onAccountsFilterClick: b,
   showDividerAboveDateSelector: c = !0,
   sx: y = {},
   title: r = ""
 }) => {
-  const [p, k] = s.useState(!1), [O, { height: H, width: x }] = de(), { onEvent: h } = Ie(), { isDesktop: d, isMobile: T, isTablet: E } = ie(x), { displayedDateRange: w, isCopyLoaded: v, selectedAccountGuids: U, setSelectedAccountGuids: _ } = Ee(), { common: t, connect: o } = Re(), u = () => {
-    C && (C(), h(We.WIDGET_BACK_CLICK));
+  const [D, p] = o.useState(!1), [k, { height: H, width: x }] = Ce(), { onEvent: h } = Te(), { isDesktop: C, isMobile: d, isTablet: I } = ae(x), { displayedDateRange: w, isCopyLoaded: v, selectedAccountGuids: U, setSelectedAccountGuids: _ } = Ie(), { common: t, connect: O } = Ee(), A = () => {
+    l && (l(), h(Me.WIDGET_BACK_CLICK));
   };
   if (!v)
-    return /* @__PURE__ */ e(Te, {});
+    return /* @__PURE__ */ e(de, {});
   const S = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: t.account_filter.account_type_accounts,
@@ -429,7 +418,7 @@ const We = {
       zeroStateTitle: t.account_filter.zero_state_title
     },
     title: t.account_filter.title
-  }, R = {
+  }, E = {
     dateRangePickerCopy: {
       dateRangeFrom: t.date_range_picker.from,
       dateRangeTo: t.date_range_picker.to,
@@ -447,39 +436,39 @@ const We = {
     dateRangeEditTitle: t.date_range_picker.edit_title,
     dateRangeNextAria: t.date_range_picker.next_aria,
     dateRangePreviousAria: t.date_range_picker.previous_aria
-  }, A = L ? L.start : w.start, $ = L ? L.end : w.end, ne = N?.length > 1;
-  return /* @__PURE__ */ I(
-    re,
+  }, R = m ? m.start : w.start, $ = m ? m.end : w.end, ie = u?.length > 1;
+  return /* @__PURE__ */ T(
+    ce,
     {
       className: W,
       sx: {
-        ...T && { px: 4 },
+        ...d && { px: 4 },
         "& .mx-cmn-date-range-selector": {
-          ...(T || E) && { textAlign: "center" }
+          ...(d || I) && { textAlign: "center" }
         },
         ...y
       },
       children: [
         r && /* @__PURE__ */ e(
-          oe,
+          re,
           {
-            action: /* @__PURE__ */ I(Y, { alignItems: "center", flexDirection: "row", children: [
-              d && a && /* @__PURE__ */ e(X, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
-                ae,
+            action: /* @__PURE__ */ T(Y, { alignItems: "center", flexDirection: "row", children: [
+              C && a && /* @__PURE__ */ e(j, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
+                _e,
                 {
                   calendarActions: a,
-                  copy: R,
-                  range: [A, $],
+                  copy: E,
+                  range: [R, $],
                   shouldShrinkToIcon: !1,
                   variant: n
                 }
               ) }),
               i && /* @__PURE__ */ e(
-                Ge,
+                Ke,
                 {
                   accounts: i,
                   copy: S,
-                  onConnectAccountClick: () => k(!0),
+                  onConnectAccountClick: () => p(!0),
                   onFilterClick: (f) => {
                     _(f), b?.(f);
                   },
@@ -488,86 +477,86 @@ const We = {
                   variant: "text"
                 }
               ),
-              N?.map((f) => {
-                if (s.isValidElement(f)) return f;
+              u?.map((f) => {
+                if (o.isValidElement(f)) return f;
                 const { iconName: g, onClick: P, label: B } = f;
-                return ne ? d || E ? /* @__PURE__ */ e(
+                return ie ? C || I ? /* @__PURE__ */ e(
                   M,
                   {
                     onClick: P,
-                    startIcon: /* @__PURE__ */ e(l, { name: g, size: 24 }),
+                    startIcon: /* @__PURE__ */ e(s, { name: g, size: 24 }),
                     sx: { my: 4 },
                     children: B
                   },
                   g
-                ) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(l, { name: g, size: 24 }) }, g) : d || E ? /* @__PURE__ */ e(
+                ) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(s, { name: g, size: 24 }) }, g) : C || I ? /* @__PURE__ */ e(
                   M,
                   {
                     onClick: P,
-                    startIcon: /* @__PURE__ */ e(l, { name: g, size: 24 }),
+                    startIcon: /* @__PURE__ */ e(s, { name: g, size: 24 }),
                     sx: { my: 4 },
                     children: B
                   },
                   g
-                ) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(l, { name: g, size: 24 }) }, g);
+                ) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(s, { name: g, size: 24 }) }, g);
               })
             ] }),
             sx: {
-              p: d ? 48 : 24,
+              p: C ? 48 : 24,
               pb: 0,
               "& .MuiCardHeader-action": {
                 mr: 0,
-                ...a && d && { flexGrow: 1 },
-                ...(T || E) && { alignSelf: "center" }
+                ...a && C && { flexGrow: 1 },
+                ...(d || I) && { alignSelf: "center" }
               },
               "& .MuiCardHeader-content": {
                 overflow: "hidden"
               }
             },
-            title: d || E ? /* @__PURE__ */ e(le, { children: r }) : /* @__PURE__ */ I(Y, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
-              T && C && /* @__PURE__ */ e(
+            title: C || I ? /* @__PURE__ */ e(se, { children: r }) : /* @__PURE__ */ T(Y, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
+              d && l && /* @__PURE__ */ e(
                 F,
                 {
                   "aria-label": t.back_to_dashboard,
                   color: "primary",
-                  onClick: u,
+                  onClick: A,
                   sx: { p: 12, mr: 4 },
-                  children: /* @__PURE__ */ e(l, { name: "arrow_back", size: 24 })
+                  children: /* @__PURE__ */ e(s, { name: "arrow_back", size: 24 })
                 }
               ),
-              /* @__PURE__ */ e(Ce, { children: r })
+              /* @__PURE__ */ e(le, { children: r })
             ] })
           }
         ),
-        D && /* @__PURE__ */ e(Z, { sx: { mt: d ? 48 : 24 } }),
-        a && (T || E) && /* @__PURE__ */ I(Y, { gap: 24, justifyContent: "center", sx: { mt: T ? 0 : 16 }, children: [
+        L && /* @__PURE__ */ e(Z, { sx: { mt: C ? 48 : 24 } }),
+        a && (d || I) && /* @__PURE__ */ T(Y, { gap: 24, justifyContent: "center", sx: { mt: d ? 0 : 16 }, children: [
           c && /* @__PURE__ */ e(Z, {}),
           /* @__PURE__ */ e(
-            ae,
+            _e,
             {
               calendarActions: a,
-              copy: R,
-              range: [A, $],
+              copy: E,
+              range: [R, $],
               shouldShrinkToIcon: !1,
               variant: n
             }
           )
         ] }),
-        p && /* @__PURE__ */ e(
-          Me,
+        D && /* @__PURE__ */ e(
+          Ge,
           {
-            onClose: () => k(!1),
-            showConnectWidget: p,
-            title: o.mini_title
+            onClose: () => p(!1),
+            showConnectWidget: D,
+            title: O.mini_title
           }
         ),
-        /* @__PURE__ */ e(se, { ref: O, sx: { p: 0 }, children: /* @__PURE__ */ e(Ae, { availableHeight: H, availableWidth: x, children: m }) })
+        /* @__PURE__ */ e(oe, { ref: k, sx: { p: 0 }, children: /* @__PURE__ */ e(Re, { availableHeight: H, availableWidth: x, children: N }) })
       ]
     }
   );
-}, Lt = ce(xe);
+}, Nt = ne(ye);
 export {
-  We as A,
-  ae as D,
-  Lt as W
+  Me as A,
+  _e as D,
+  Nt as W
 };