@mx-cartographer/experiences 8.0.0-alpha.sms1 → 8.0.0-alpha.sms2

package/dist/{ViewMoreMicroCard-C0832BMe.mjs → ViewMoreMicroCard-CH9E-jOx.mjs}

@@ -1,17 +1,17 @@
-import { jsx as e, jsxs as g, Fragment as De } from "react/jsx-runtime";
+import { jsx as e, jsxs as g, Fragment as xe } from "react/jsx-runtime";
 import u, { useEffect as ee, useState as J } from "react";
 import { observer as P } from "mobx-react-lite";
 import k from "@mui/material/Stack";
-import xe from "@mui/material/Button";
+import De from "@mui/material/Button";
 import Le from "@mui/material/Typography";
-import { BarChart as Ve, Error as ae, Campaign as Ne, ChevronLeft as He, ChevronRight as fe } from "@mxenabled/mx-icons";
-import { L as ke } from "./Loader-DUaFpDGv.mjs";
+import { BarChart as Ve, Error as ae, Campaign as Ne, ChevronLeft as He, ChevronRight as Ce } from "@mxenabled/mx-icons";
+import { L as ke } from "./Loader-BSWSYqvn.mjs";
 import Z from "@mui/material/Box";
 import se from "@mui/material/IconButton";
 import { useTheme as Fe } from "@mui/material/styles";
 import { useInView as me } from "react-intersection-observer";
 import { P as Be, CategoryIcon as Ze, MerchantLogo as Pe } from "@mxenabled/mxui";
-import { b as be } from "./Category-CevNQ03n.mjs";
+import { b as be } from "./Category-Ccoew_sA.mjs";
 import te from "@mui/material/styles/useTheme";
 import { b as Ge } from "./Localization-2MODESHW.mjs";
 import Ue from "@mui/material/CircularProgress";
@@ -79,7 +79,7 @@ const oe = {
     ...i,
     [ge(o)]: {
       action: L.MICRO_BEAT_CLICKED,
-      category: x.BEAT_INTERACTION,
+      category: D.BEAT_INTERACTION,
       label: le(o),
       value: v
     }
@@ -90,7 +90,7 @@ const oe = {
     ...i,
     [Ie(o)]: {
       action: L.MICRO_BEAT_DISPLAYED,
-      category: x.BEAT_INTERACTION,
+      category: D.BEAT_INTERACTION,
       label: le(o),
       value: v
     }
@@ -101,18 +101,17 @@ const oe = {
     ...i,
     [ye(o)]: {
       action: L.MICRO_BEAT_DISPLAYED_FIRST_TIME,
-      category: x.BEAT_INTERACTION,
+      category: D.BEAT_INTERACTION,
       label: le(o),
       value: v
     }
   }),
   {}
-), D = {
-  CARD: "Card",
+), x = {
   CAROUSEL_CONTROL: "Carousel Control",
   MICRO_WIDGET: "Micro Widget",
   VIEW_MORE: "View More"
-}, x = {
+}, D = {
   MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
   BEAT_INTERACTION: "Beat Interaction"
 }, S = {
@@ -138,21 +137,21 @@ const oe = {
   MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: "Micro Widget Carousel No Relevant Insights"
 }, ue = {
   [H.MICRO_WIDGET_CAROUSEL]: {
-    label: D.MICRO_WIDGET,
+    label: x.MICRO_WIDGET,
     name: H.MICRO_WIDGET_CAROUSEL,
     path: he.INSIGHTS_MICRO_WIDGET,
     value: v
   },
   // zero state
   [H.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
-    label: D.MICRO_WIDGET,
+    label: x.MICRO_WIDGET,
     name: H.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
     path: he.INSIGHTS_MICRO_WIDGET,
     value: v
   },
   // no relevant cards
   [H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
-    label: D.MICRO_WIDGET,
+    label: x.MICRO_WIDGET,
     name: H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
     path: "/micro-widget",
     value: v
@@ -161,39 +160,39 @@ const oe = {
   // carousel control interaction events - clicks and swipes
   [S.ON_CAROUSEL_BACK_CLICK]: {
     action: L.CONTROL_BACKWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: D.CAROUSEL_CONTROL,
+    category: D.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
     value: v
   },
   [S.ON_CAROUSEL_FORWARD_CLICK]: {
     action: L.CONTROL_FORWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: D.CAROUSEL_CONTROL,
+    category: D.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
     value: v
   },
   [S.ON_CAROUSEL_BACK_SWIPE]: {
     action: L.SWIPE_BACKWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: D.CAROUSEL_CONTROL,
+    category: D.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
     value: v
   },
   [S.ON_CAROUSEL_FORWARD_SWIPE]: {
     action: L.SWIPE_FORWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: D.CAROUSEL_CONTROL,
+    category: D.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
     value: v
   },
   // read more card events
   [S.ON_VIEW_MORE_CLICKED]: {
     action: L.MICRO_BEAT_CLICKED,
-    category: x.BEAT_INTERACTION,
-    label: D.VIEW_MORE,
+    category: D.BEAT_INTERACTION,
+    label: x.VIEW_MORE,
     value: v
   },
   [ve.ON_VIEW_MORE_VIEWED]: {
     action: L.MICRO_BEAT_DISPLAYED,
-    category: x.BEAT_INTERACTION,
-    label: D.VIEW_MORE,
+    category: D.BEAT_INTERACTION,
+    label: x.VIEW_MORE,
     value: v
   },
   ...Je(),
@@ -201,12 +200,12 @@ const oe = {
   ...tt()
 }, _e = async (i, o) => !o || !pe[i] ? null : o.sendAnalyticEvent(pe[i]).then((t) => t).catch((t) => {
   throw t;
-}), Ce = async (i, o) => !o || !ue[i] ? null : o.sendAnalyticsPageview(ue[i]).then((t) => t).catch((t) => {
+}), fe = async (i, o) => !o || !ue[i] ? null : o.sendAnalyticsPageview(ue[i]).then((t) => t).catch((t) => {
   throw t;
 });
 class it {
   onAnalyticEvent = _e;
-  onAnalyticPageView = Ce;
+  onAnalyticPageView = fe;
   beatApi = new de("/", "");
   constructor() {
     ie(this);
@@ -217,7 +216,7 @@ class it {
         throw a.status === 401 && l(), a;
       });
     }, this.onAnalyticPageView = (n, r) => {
-      Ce(n, r).then((a) => a).catch((a) => {
+      fe(n, r).then((a) => a).catch((a) => {
         throw a.status === 401 && l(), a;
       });
     }, this.beatApi = new de(o, t);
@@ -261,13 +260,13 @@ const U = u.createContext(null), lt = ({
   icon: a,
   isActiveCard: c,
   isZeroState: h,
-  onCardClick: C = () => {
+  onCardClick: f = () => {
   },
   showIcon: p,
   style: d = {},
   title: E,
   variant: s,
-  widthOverrides: f
+  widthOverrides: C
 }, _) {
   const R = te(), [O, I] = u.useState(!1), { cardStyle: m, linkTextStyle: T } = d, y = s ? m : { border: "none", boxShadow: "none", ...m }, M = /* @__PURE__ */ e(
     Be,
@@ -306,7 +305,7 @@ const U = u.createContext(null), lt = ({
       role: "group",
       sx: {
         height: "100%",
-        minWidth: f ? `${f}px` : "100%",
+        minWidth: C ? `${C}px` : "100%",
         fontFamily: R.typography.fontFamily
       },
       children: /* @__PURE__ */ e(
@@ -315,7 +314,7 @@ const U = u.createContext(null), lt = ({
           "aria-hidden": !c,
           "aria-label": t,
           id: "divButton",
-          onClick: () => C(),
+          onClick: () => f(),
           onKeyDown: () => I(!1),
           onKeyUp: () => I(!0),
           ref: _,
@@ -1278,13 +1277,13 @@ const U = u.createContext(null), lt = ({
   isActiveCard: a,
   onCardClick: c,
   posthog: h,
-  showIcon: C,
+  showIcon: f,
   variant: p,
   widthOverrides: d
 }) => {
   const { ref: E, inView: s } = me({
     threshold: Ae
-  }), { cardsCopy: f } = V(), { onEvent: _ } = z(), { updateBeat: R, updateOffer: O } = ht();
+  }), { cardsCopy: C } = V(), { onEvent: _ } = z(), { updateBeat: R, updateOffer: O } = ht();
   ee(() => {
     s && (t.has_been_displayed ? _(Ie(t.template)) : (t.guid.startsWith("OFR") ? O({
       ...t,
@@ -1327,7 +1326,7 @@ const U = u.createContext(null), lt = ({
   return /* @__PURE__ */ e(
     j,
     {
-      actionText: t.micro_call_to_action || f.micro_card_cta,
+      actionText: t.micro_call_to_action || C.micro_card_cta,
       ariaLabel: i,
       backgroundColor: o,
       description: t?.html_micro_description && t?.html_micro_description.length > 0 ? t.html_micro_description : t.html_description,
@@ -1338,13 +1337,13 @@ const U = u.createContext(null), lt = ({
       posthog: h,
       ref: E,
       showCTAColocatedWithText: l,
-      showIcon: C,
+      showIcon: f,
       title: t.micro_title && t.micro_title.length > 0 ? t.micro_title : t.title,
       variant: p,
       widthOverrides: d
     }
   );
-}, Ct = ({
+}, ft = ({
   currentBeatIndex: i,
   numBeats: o,
   onNextClick: t,
@@ -1354,7 +1353,7 @@ const U = u.createContext(null), lt = ({
   shouldApplyDotAnimation: a = !1,
   visibleCardsCount: c = 1
 }) => {
-  const h = Fe(), { carouselCopy: C } = V(), p = Math.floor(r) > n || i - c + 1 === 0, d = r < 0 || o - 1 === i, E = h.palette.grey[500], s = h.palette.primary.main;
+  const h = Fe(), { carouselCopy: f } = V(), p = Math.floor(r) > n || i - c + 1 === 0, d = r < 0 || o - 1 === i, E = h.palette.grey[500], s = h.palette.primary.main;
   return /* @__PURE__ */ g(
     k,
     {
@@ -1374,7 +1373,7 @@ const U = u.createContext(null), lt = ({
           se,
           {
             "aria-disabled": p,
-            "aria-label": C.previous_insight_cta_aria,
+            "aria-label": f.previous_insight_cta_aria,
             disabled: p,
             onClick: l,
             children: /* @__PURE__ */ e(
@@ -1387,7 +1386,7 @@ const U = u.createContext(null), lt = ({
             )
           }
         ),
-        Array.from({ length: o }).map((f, _) => {
+        Array.from({ length: o }).map((C, _) => {
           const R = _ === i;
           return /* @__PURE__ */ e(
             Z,
@@ -1417,11 +1416,11 @@ const U = u.createContext(null), lt = ({
           se,
           {
             "aria-disabled": d,
-            "aria-label": C.next_insight_cta_aria,
+            "aria-label": f.next_insight_cta_aria,
             disabled: d,
             onClick: t,
             children: /* @__PURE__ */ e(
-              fe,
+              Ce,
               {
                 style: {
                   color: d ? E : s
@@ -1433,7 +1432,7 @@ const U = u.createContext(null), lt = ({
       ]
     }
   );
-}, ft = ({
+}, Ct = ({
   activeCardIndex: i,
   beats: o,
   cardWidth: t,
@@ -1444,19 +1443,19 @@ const U = u.createContext(null), lt = ({
   showIcon: c,
   variant: h
 }) => {
-  const { carouselCopy: C } = V(), p = {
+  const { carouselCopy: f } = V(), p = {
     showCTAColocatedWithText: l,
     heightOverrides: n,
     posthog: a,
     showIcon: c,
     variant: h
   };
-  return /* @__PURE__ */ g(De, { children: [
+  return /* @__PURE__ */ g(xe, { children: [
     o.map((d, E) => {
-      const s = E + 1, f = o.length + 1, _ = Ge(
-        C.card_position_in_carousel_aria,
+      const s = E + 1, C = o.length + 1, _ = Ge(
+        f.card_position_in_carousel_aria,
         s.toString(),
-        f.toString()
+        C.toString()
       ), R = d.micro_title && d.micro_title.length > 0, O = d.micro_description && d.micro_description.length > 0, I = R ? d.micro_title : d.title, m = O ? d.micro_description : d.description;
       return /* @__PURE__ */ e(
         _t,
@@ -1492,13 +1491,13 @@ const U = u.createContext(null), lt = ({
   posthog: a,
   showCarouselControls: c,
   showIcon: h,
-  showWithMargin: C = !0,
+  showWithMargin: f = !0,
   variant: p,
   widthOverrides: d,
   visibleCardsCount: E = 1
   // Default to 1 card visible
 }) => {
-  const s = u.useRef(null), f = u.useRef(null), [_, R] = u.useState(0), [O, I] = u.useState(null), [m, T] = u.useState(null), [y, M] = u.useState(null), { carouselCopy: W } = V(), { onEvent: F } = z();
+  const s = u.useRef(null), C = u.useRef(null), [_, R] = u.useState(0), [O, I] = u.useState(null), [m, T] = u.useState(null), [y, M] = u.useState(null), { carouselCopy: W } = V(), { onEvent: F } = z();
   u.useEffect(() => {
     if (s.current && !o) {
       const A = s.current.offsetWidth, b = 8;
@@ -1511,7 +1510,7 @@ const U = u.createContext(null), lt = ({
       M(B);
     }
   }, [E, s.current?.offsetWidth]), u.useEffect(() => {
-    const A = f.current?.offsetWidth;
+    const A = C.current?.offsetWidth;
     if (typeof A == "number" && o) {
       const b = (G) => {
         const re = [
@@ -1525,14 +1524,14 @@ const U = u.createContext(null), lt = ({
       };
       M(b(A));
       const B = () => {
-        const G = f.current?.offsetWidth;
+        const G = C.current?.offsetWidth;
         typeof G == "number" && M(b(G));
       };
       return window.addEventListener("resize", B), () => {
         window.removeEventListener("resize", B);
       };
     }
-  }, [o, f]);
+  }, [o, C]);
   const K = () => {
     F(S.ON_CAROUSEL_FORWARD_CLICK, i), s.current && y && s.current.scrollTo({
       left: _ + y + 8,
@@ -1560,7 +1559,7 @@ const U = u.createContext(null), lt = ({
     {
       "aria-label": W.carousel_title,
       "aria-roledescription": "carousel",
-      ref: f,
+      ref: C,
       role: "group/region",
       sx: {
         alignItems: "center",
@@ -1584,7 +1583,7 @@ const U = u.createContext(null), lt = ({
               gap: 8,
               listStyleType: "none",
               m: 0,
-              maxWidth: C ? "calc(100% - 32px)" : "100%",
+              maxWidth: f ? "calc(100% - 32px)" : "100%",
               overflowX: "auto",
               overflowY: "hidden",
               p: 0,
@@ -1596,7 +1595,7 @@ const U = u.createContext(null), lt = ({
               }
             },
             children: /* @__PURE__ */ e(
-              ft,
+              Ct,
               {
                 activeCardIndex: w,
                 beats: t,
@@ -1612,7 +1611,7 @@ const U = u.createContext(null), lt = ({
           }
         ),
         c && /* @__PURE__ */ e(
-          Ct,
+          ft,
           {
             currentBeatIndex: w + E - 1,
             numBeats: t.length + 1,
@@ -1662,9 +1661,9 @@ const U = u.createContext(null), lt = ({
           }
         ),
         /* @__PURE__ */ e(
-          xe,
+          De,
           {
-            endIcon: /* @__PURE__ */ e(fe, { size: 20 }),
+            endIcon: /* @__PURE__ */ e(Ce, { size: 20 }),
             onClick: a,
             size: "small",
             sx: (c) => ({
@@ -1710,7 +1709,7 @@ const U = u.createContext(null), lt = ({
   u.useEffect(() => {
     h(H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
-  const C = () => {
+  const f = () => {
     t && t(), c(S.ON_NO_RELEVANT_INSIGHTS_CLICKED), l?.capture("clicked_insight", {
       template: "no_relevant_insights"
     });
@@ -1724,7 +1723,7 @@ const U = u.createContext(null), lt = ({
       heightOverrides: o,
       icon: /* @__PURE__ */ e(Se, {}),
       isZeroState: !0,
-      onCardClick: C,
+      onCardClick: f,
       posthog: l,
       showIcon: n,
       style: {
@@ -1787,13 +1786,13 @@ const U = u.createContext(null), lt = ({
   },
   onEvent: h = () => {
   },
-  onPageview: C = () => {
+  onPageview: f = () => {
   },
   posthog: p,
   showBorder: d = !0,
   showCarouselControls: E,
   showHeader: s,
-  showIcon: f,
+  showIcon: C,
   showWithMargin: _ = !0,
   token: R = "",
   userHasFullInsightFeedBeats: O,
@@ -1801,7 +1800,7 @@ const U = u.createContext(null), lt = ({
   visibleCardsCount: m = 1,
   widthOverrides: T
 }) => {
-  const [y, M] = J("STANDARD"), [W, F] = J(!1), [K, $] = J(!1), X = Ke([h], N), Q = $e([C], N);
+  const [y, M] = J("STANDARD"), [W, F] = J(!1), [K, $] = J(!1), X = Ke([h], N), Q = $e([f], N);
   u.useEffect(() => {
     !N.isInitialized && !K && (N.initialize(n, R, a).catch(() => $(!1)), $(!0));
   }, [n, R, a, N.isInitialized, K]), u.useEffect(() => {
@@ -1815,7 +1814,7 @@ const U = u.createContext(null), lt = ({
     heightOverrides: r,
     onCardClick: c,
     posthog: p,
-    showIcon: f,
+    showIcon: C,
     showWithMargin: _,
     widthOverrides: T
   }, Y = {
@@ -1825,7 +1824,7 @@ const U = u.createContext(null), lt = ({
     heightOverrides: r,
     onCardClick: c,
     posthog: p,
-    showIcon: f
+    showIcon: C
   };
   return /* @__PURE__ */ e(lt, { onEvent: X, onPageview: Q, store: N, children: /* @__PURE__ */ g(yt, { heightOverrides: r, widthOverrides: T, children: [
     !W && /* @__PURE__ */ e(vt, {}),
@@ -1881,7 +1880,7 @@ const U = u.createContext(null), lt = ({
   variant: a,
   widthOverrides: c
 }) => {
-  const h = te(), { ref: C, inView: p } = me({
+  const h = te(), { ref: f, inView: p } = me({
     threshold: Ae
   }), { cardsCopy: d } = V(), { onEvent: E } = z();
   ee(() => {
@@ -1905,7 +1904,7 @@ const U = u.createContext(null), lt = ({
       isActiveCard: i,
       onCardClick: s,
       posthog: n,
-      ref: C,
+      ref: f,
       showIcon: r,
       title: d.view_more_card_title,
       variant: a,

package/dist/{WidgetContainer-BhQ1Kx2z.mjs → WidgetContainer-B1Jzb4XA.mjs}

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import o from "react";
 import { observer as ce } from "mobx-react-lite";
-import $ from "@mui/material/Box";
+import Z from "@mui/material/Box";
 import M from "@mui/material/Button";
 import re from "@mui/material/Card";
 import oe from "@mui/material/CardContent";
@@ -12,11 +12,11 @@ import Y from "@mui/material/Stack";
 import { ChevronLeft as le } from "@mxenabled/mx-icons";
 import { Icon as T, Text as X, DateRangePicker as J, H1 as Ce, H3 as de } from "@mxenabled/mxui";
 import { u as Te } from "./useDimensions-27p2evRx.mjs";
-import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-C41HAxM5.mjs";
+import { L as Ie } from "./Loader-BSWSYqvn.mjs";
+import { g as Ee, b as Re, u as ge, a as Ae, W as ue } from "./hooks-C41HAxM5.mjs";
 import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
 import { addMonths as Q } from "date-fns/addMonths";
-import { addDays as ue } from "date-fns/addDays";
+import { addDays as Se } from "date-fns/addDays";
 import { addYears as ee } from "date-fns/addYears";
 import { differenceInCalendarDays as Ne } from "date-fns/differenceInCalendarDays";
 import { endOfDay as me } from "date-fns/endOfDay";
@@ -35,9 +35,9 @@ import be from "@mui/material/Tabs";
 import we from "@mui/material/ToggleButton";
 import Ke from "@mui/material/ToggleButtonGroup";
 import Ge from "@mui/material/styles/useTheme";
-import { f as K, a as G, D as Me } from "./Dialog-BPTr3qHE.mjs";
-import { D as We } from "./Drawer-BEtCk82g.mjs";
-import { k as ye, l as xe } from "./ConnectDrawer-BIbTqYOH.mjs";
+import { f as K, a as G, D as Me } from "./Dialog-CDV0kKxj.mjs";
+import { D as We } from "./Drawer-Dqe5EqvA.mjs";
+import { k as ye, l as xe } from "./ConnectDrawer-Dn1MlqLz.mjs";
 const ve = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",
@@ -158,7 +158,7 @@ const ve = {
   TRENDS_HOVER_LEGEND: "trends_hover_ChartLegend",
   TRENDS_LOAD_WIDGET: "trends_load_widget",
   TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions"
-}, Ue = ({
+}, ae = ({
   calendarActions: a,
   color: N = "primary",
   copy: _,
@@ -189,24 +189,24 @@ const ve = {
     const e = V(te());
     return [V(j(e, h)), e];
   }, w = (e) => {
-    const [i, E] = s, S = e === "previous";
-    let u;
+    const [i, E] = s, u = e === "previous";
+    let S;
     if (c === _.dateRangePickerCopy.dateRangeThisMonth || c === _.dateRangePickerCopy.dateRangeLastMonth)
-      u = [
-        S ? j(i, 1) : Q(i, 1),
-        V(S ? j(E, 1) : Q(E, 1))
+      S = [
+        u ? j(i, 1) : Q(i, 1),
+        V(u ? j(E, 1) : Q(E, 1))
       ];
     else if (c === _.dateRangePickerCopy.dateRangeYTD || c === _.dateRangePickerCopy.dateRangeLastYear) {
       const R = ke(i), g = Le(i);
-      u = [
-        S ? _e(R, 1) : ee(R, 1),
-        S ? _e(g, 1) : ee(g, 1)
+      S = [
+        u ? _e(R, 1) : ee(R, 1),
+        u ? _e(g, 1) : ee(g, 1)
       ];
     } else {
-      const R = Ne(E, i), g = S ? he : ue;
-      u = [g(i, R), g(E, R)];
+      const R = Ne(E, i), g = u ? he : Se;
+      S = [g(i, R), g(E, R)];
     }
-    f(u), a.onRangeChanged(u);
+    f(S), a.onRangeChanged(S);
   }, x = () => {
     f(r), y(
       c === _.dateRangePickerCopy.dateRangeThisMonth || c === _.dateRangePickerCopy.dateRangeLastMonth
@@ -218,9 +218,9 @@ const ve = {
   }, U = (e) => {
     l(e);
   };
-  return /* @__PURE__ */ d($, { className: "mx-cmn-date-range-selector", m: 4, children: [
+  return /* @__PURE__ */ d(Z, { className: "mx-cmn-date-range-selector", m: 4, children: [
     /* @__PURE__ */ d(
-      $,
+      Z,
       {
         sx: {
           [W.breakpoints.down("sm")]: {
@@ -387,7 +387,7 @@ const ve = {
       }
     )
   ] });
-}, ae = Ue, Pe = ({
+}, Ue = ({
   accountOptions: a,
   actions: N = [],
   calendarActions: _,
@@ -402,12 +402,12 @@ const ve = {
   sx: H = {},
   title: r = ""
 }) => {
-  const [b, p] = o.useState(!1), [k, { height: F, width: y }] = Te(), { onEvent: h } = Ee(), { isDesktop: l, isMobile: C, isTablet: I } = ie(y), { displayedDateRange: w, isCopyLoaded: x, selectedAccountGuids: v, setSelectedAccountGuids: U } = Re(), { common: e, connect: i } = ge(), { config: E } = Ae(), S = () => {
+  const [b, p] = o.useState(!1), [k, { height: F, width: y }] = Te(), { onEvent: h } = Ee(), { isDesktop: l, isMobile: C, isTablet: I } = ie(y), { displayedDateRange: w, isCopyLoaded: x, selectedAccountGuids: v, setSelectedAccountGuids: U } = Re(), { common: e, connect: i } = ge(), { config: E } = Ae(), u = () => {
     s && (s(), h(ve.WIDGET_BACK_CLICK));
   };
   if (!x)
     return /* @__PURE__ */ t(Ie, {});
-  const u = {
+  const S = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: e.account_filter.account_type_accounts,
       cancelButton: e.cancel_button,
@@ -439,7 +439,7 @@ const ve = {
     dateRangeEditTitle: e.date_range_picker.edit_title,
     dateRangeNextAria: e.date_range_picker.next_aria,
     dateRangePreviousAria: e.date_range_picker.previous_aria
-  }, g = L ? L.start : w.start, Z = L ? L.end : w.end, ne = N?.length > 1;
+  }, g = L ? L.start : w.start, $ = L ? L.end : w.end, ne = N?.length > 1;
   return /* @__PURE__ */ d(
     re,
     {
@@ -456,12 +456,12 @@ const ve = {
           se,
           {
             action: /* @__PURE__ */ d(Y, { alignItems: "center", flexDirection: "row", children: [
-              l && _ && /* @__PURE__ */ t($, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
+              l && _ && /* @__PURE__ */ t(Z, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
                 ae,
                 {
                   calendarActions: _,
                   copy: R,
-                  range: [g, Z],
+                  range: [g, $],
                   shouldShrinkToIcon: !1,
                   variant: n
                 }
@@ -470,7 +470,7 @@ const ve = {
                 ye,
                 {
                   accounts: a,
-                  copy: u,
+                  copy: S,
                   onConnectAccountClick: E.show_connections_widget_in_master ? () => p(!0) : void 0,
                   onFilterClick: (O) => {
                     U(O), f?.(O);
@@ -522,7 +522,7 @@ const ve = {
                 {
                   "aria-label": e.back_to_dashboard,
                   color: "primary",
-                  onClick: S,
+                  onClick: u,
                   sx: { p: 12, mr: 4 },
                   children: /* @__PURE__ */ t(le, { size: 24 })
                 }
@@ -539,7 +539,7 @@ const ve = {
             {
               calendarActions: _,
               copy: R,
-              range: [g, Z],
+              range: [g, $],
               shouldShrinkToIcon: !1,
               variant: n
             }
@@ -553,13 +553,13 @@ const ve = {
             title: i.mini_title
           }
         ),
-        /* @__PURE__ */ t(oe, { ref: k, sx: { p: 0 }, children: /* @__PURE__ */ t(Se, { availableHeight: F, availableWidth: y, children: m }) })
+        /* @__PURE__ */ t(oe, { ref: k, sx: { p: 0 }, children: /* @__PURE__ */ t(ue, { availableHeight: F, availableWidth: y, children: m }) })
       ]
     }
   );
-}, ht = ce(Pe);
+}, kt = ce(Ue);
 export {
   ve as A,
   ae as D,
-  ht as W
+  kt as W
 };