@mx-cartographer/experiences 8.1.0 → 8.1.2

package/dist/WidgetContainer-CCR7I0gu.mjs

@@ -0,0 +1,470 @@
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import p from "react";
+import { observer as oe } from "mobx-react-lite";
+import G from "@mui/material/Button";
+import le from "@mui/material/Card";
+import de from "@mui/material/CardContent";
+import me from "@mui/material/Divider";
+import $ from "@mui/material/IconButton";
+import ce from "@mui/material/Paper";
+import B from "@mui/material/Stack";
+import { ChevronLeft as ue } from "@mxenabled/mx-icons";
+import { Icon as x, Text as F, DateRangePicker as J } from "@mxenabled/mxui";
+import { u as pe } from "./useDimensions-CeDR9V8N.mjs";
+import { G as ge } from "./GlobalAccountFilter-CZbiDwBH.mjs";
+import { b as ne, u as ie, g as he, a as fe, W as be } from "./hooks-HwStH7q_.mjs";
+import { addMonths as Z } from "date-fns/addMonths";
+import { addDays as Re } from "date-fns/addDays";
+import { addYears as ee } from "date-fns/addYears";
+import { differenceInCalendarDays as _e } from "date-fns/differenceInCalendarDays";
+import { endOfDay as Ce } from "date-fns/endOfDay";
+import { endOfMonth as z } from "date-fns/endOfMonth";
+import { endOfToday as te } from "date-fns/endOfToday";
+import { endOfYear as xe } from "date-fns/endOfYear";
+import { startOfMonth as De } from "date-fns/startOfMonth";
+import { startOfToday as ke } from "date-fns/startOfToday";
+import { startOfYear as ye } from "date-fns/startOfYear";
+import { subMonths as K } from "date-fns/subMonths";
+import { subDays as Te } from "date-fns/subDays";
+import { subYears as ae } from "date-fns/subYears";
+import re from "@mui/material/Box";
+import ve from "@mui/material/ButtonGroup";
+import Me from "@mui/material/Tab";
+import Pe from "@mui/material/Tabs";
+import Se from "@mui/material/ToggleButton";
+import Le from "@mui/material/ToggleButtonGroup";
+import Ye from "@mui/material/styles/useTheme";
+import { u as Ae } from "./useAriaLive-MkYebyUR.mjs";
+import { D as Ee } from "./Dialog-iLlBR8TG.mjs";
+import { D as Be } from "./Drawer-XPaLYjiO.mjs";
+import { u as se } from "./useScreenSize-CeFhWTt_.mjs";
+import { f as M, D as P } from "./DateFormats-CaOj_4eI.mjs";
+import { L as Oe } from "./Loader-CxeBwuPG.mjs";
+import we from "@mui/material/useMediaQuery";
+import { A as Ne } from "./Analytics-0Xm_BjHU.mjs";
+const Ie = (n) => {
+  const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = se(n), i = we("(min-width:900px)"), R = 24;
+  let s = 48, D = 32, h = 0, c = "h1", _ = !1;
+  const o = a || m;
+  r && !m ? (s = 24, D = 24, c = "h2") : o && (s = 8, D = 10, h = 10, c = "h3", _ = !0);
+  const A = {
+    pb: o ? 12 : 0,
+    ...o && {
+      px: s,
+      "& .mx-cmn-date-range-selector": { m: 0, width: "100%" },
+      "& .mx-cmn-date-range-selector > .MuiBox-root": { display: "flex" },
+      "& .MuiButtonGroup-root": { width: "100%" },
+      "& .MuiButtonGroup-middleButton": { flex: 1 },
+      "& .MuiToggleButtonGroup-root": { width: "100%", justifyContent: "center" }
+    }
+  };
+  return {
+    actionsFlex: o ? 0 : 1,
+    containerSquareCorners: _,
+    headerHeadingLevel: c,
+    headerPaddingBottom: h,
+    headerPaddingTop: D,
+    headerPaddingX: s,
+    iconSize: R,
+    isCompact: o,
+    isDesktop: d,
+    isViewportAbove900: i,
+    slotSx: A
+  };
+}, ze = ({
+  calendarActions: n,
+  color: d = "primary",
+  copy: a,
+  range: m = [De(ke()), z(te())],
+  shouldShrinkToIcon: r = !0,
+  variant: i = "outlined"
+}) => {
+  const R = Ye(), { isMobile: s } = se(), { announce: D, ariaLive: h } = Ae(), [c, _] = p.useState(m), [o, A] = p.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, O] = p.useState(c), [E, k] = p.useState(!1), [H, W] = p.useState(!0), [S, j] = p.useState(6), w = {
+    buttons: [
+      { ariaLabel: "3 Months", label: "3M", value: 3 },
+      { ariaLabel: "6 Months", label: "6M", value: 6 },
+      { ariaLabel: "9 Months", label: "9M", value: 9 },
+      { ariaLabel: "1 Year", label: "1Y", value: 12 }
+    ],
+    tabs: [
+      { label: "3 Months", value: 3 },
+      { label: "6 Months", value: 6 },
+      { label: "9 Months", value: 9 },
+      { label: "1 Year", value: 12 }
+    ]
+  };
+  p.useEffect(() => {
+    _(m), O(m);
+  }, [m]), p.useEffect(() => {
+    (i === "timeframebuttons" || i === "timeframetabs") && n.onRangeChanged(V());
+  }, [S]);
+  const V = () => {
+    const t = z(te());
+    return [z(K(t, S)), t];
+  }, N = (t) => {
+    const [l, u] = c, f = t === "previous";
+    let b;
+    if (o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth)
+      b = [
+        f ? K(l, 1) : Z(l, 1),
+        z(f ? K(u, 1) : Z(u, 1))
+      ];
+    else if (o === a.dateRangePickerCopy.dateRangeYTD || o === a.dateRangePickerCopy.dateRangeLastYear) {
+      const T = ye(l), v = xe(l);
+      b = [
+        f ? ae(T, 1) : ee(T, 1),
+        f ? ae(v, 1) : ee(v, 1)
+      ];
+    } else {
+      const T = _e(u, l), v = f ? Te : Re;
+      b = [v(l, T), v(u, T)];
+    }
+    _(b), n.onRangeChanged(b);
+  }, L = () => {
+    _(C), W(
+      o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth
+    ), n.onRangeChanged(C);
+  }, y = (t, l) => {
+    t[1] = t[1] ?? t[0];
+    const u = [t[0], t[1] ? Ce(t[1]) : t[1]], f = M(u[0], P.MONTH_DAY_YEAR), b = M(u[1], P.MONTH_DAY_YEAR);
+    O(u), A(l), D(`${a.dateRangePickerCopy}: ${f} - ${b}`);
+  }, Y = (t) => {
+    j(t);
+  };
+  return /* @__PURE__ */ g(re, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ g(
+      re,
+      {
+        sx: {
+          [R.breakpoints.down("sm")]: {
+            display: r ? "none" : "flex",
+            justifyContent: "center"
+          },
+          [R.breakpoints.up("sm")]: { display: "inline-flex" }
+        },
+        children: [
+          i === "readonly" && /* @__PURE__ */ g(B, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(x, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ e(F, { bold: !0, children: M(C[0], P.MONTH_DAY) }),
+            /* @__PURE__ */ e(x, { name: "remove" }),
+            /* @__PURE__ */ e(F, { bold: !0, children: M(C[1], P.MONTH_DAY_YEAR) })
+          ] }),
+          i !== "readonly" && i !== "timeframebuttons" && i !== "timeframetabs" && /* @__PURE__ */ g(
+            ve,
+            {
+              color: d,
+              sx: {
+                "& .MuiButtonGroup-grouped": {
+                  padding: s ? 0 : 12
+                },
+                "& .MuiButtonGroup-middleButton": {
+                  px: 24
+                },
+                height: 44
+              },
+              variant: i,
+              children: [
+                /* @__PURE__ */ e(
+                  G,
+                  {
+                    "aria-disabled": n.shouldDisablePrevious,
+                    "aria-label": a.dateRangePreviousAria,
+                    color: n.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => n.shouldDisablePrevious ? null : N("previous"),
+                    children: /* @__PURE__ */ e(x, { name: "chevron_left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  G,
+                  {
+                    "aria-disabled": n.shouldDisablePicker,
+                    color: d,
+                    onClick: () => n.shouldDisablePicker ? null : k(!0),
+                    startIcon: /* @__PURE__ */ e(x, { name: "calendar_month", size: 20 }),
+                    sx: {
+                      p: s ? 0 : 8
+                    },
+                    children: H ? M(c[0], P.MONTH_YEAR) : /* @__PURE__ */ g("span", { children: [
+                      M(c[0], P.MONTH_DAY_YEAR),
+                      " -",
+                      " ",
+                      M(c[1], P.MONTH_DAY_YEAR)
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  G,
+                  {
+                    "aria-disabled": n.shouldDisableNext,
+                    "aria-label": a.dateRangeNextAria,
+                    color: n.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => n.shouldDisableNext ? null : N("next"),
+                    children: /* @__PURE__ */ e(x, { name: "chevron_right", size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          i === "timeframebuttons" && /* @__PURE__ */ e(
+            Le,
+            {
+              "aria-label": a.dateRangeEditTitle,
+              color: d,
+              exclusive: !0,
+              orientation: "horizontal",
+              value: S,
+              children: w.buttons.map((t) => /* @__PURE__ */ e(
+                Se,
+                {
+                  "aria-label": t.ariaLabel,
+                  onClick: () => Y(t.value),
+                  sx: { width: 56 },
+                  value: t.value,
+                  children: t.label
+                },
+                t.label
+              ))
+            }
+          ),
+          i === "timeframetabs" && /* @__PURE__ */ e(
+            Pe,
+            {
+              indicatorColor: "primary",
+              onChange: (t, l) => Y(l),
+              textColor: "primary",
+              value: S,
+              variant: "fullWidth",
+              children: w.tabs.map((t) => /* @__PURE__ */ e(
+                Me,
+                {
+                  label: /* @__PURE__ */ e(F, { bold: !0, variant: "body1", children: t.label }),
+                  sx: { minWidth: 80 },
+                  value: t.value
+                },
+                t.label
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    E && s && /* @__PURE__ */ g(
+      Be,
+      {
+        ariaLabelClose: a.dateRangeCloseAria,
+        isOpen: E,
+        onClose: () => k(!1),
+        onPrimaryAction: () => {
+          L(), k(!1);
+        },
+        primaryText: a.dateRangeEditApply,
+        title: a.dateRangeEditTitle,
+        children: [
+          h,
+          /* @__PURE__ */ e(
+            J,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: C,
+              onRangeChanged: y,
+              selectedShortcut: o,
+              sx: { p: 0 }
+            }
+          )
+        ]
+      }
+    ),
+    E && !s && /* @__PURE__ */ g(
+      Ee,
+      {
+        copy: { title: a.dateRangeEditTitle },
+        isOpen: !0,
+        onClose: () => k(!1),
+        onPrimaryAction: () => L(),
+        primaryText: a.dateRangeEditApply,
+        sx: {
+          "& .MuiDialogContent-root": {
+            padding: 0
+          }
+        },
+        children: [
+          h,
+          /* @__PURE__ */ e(
+            J,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: C,
+              onRangeChanged: y,
+              selectedShortcut: o,
+              sx: {
+                pt: 0,
+                "& .MuiPickersLayout-toolbar": {
+                  gridColumn: "1/4"
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, Ge = oe(
+  ({ calendarActions: n, dateRange: d, dateRangeVariant: a }) => {
+    const { displayedDateRange: m } = ne(), { common: r } = ie(), i = {
+      dateRangePickerCopy: {
+        dateRangeFrom: r.date_range_picker.from,
+        dateRangeTo: r.date_range_picker.to,
+        dateRangeCustom: r.date_range_picker.custom,
+        dateRangeSelectARange: r.date_range_picker.select_range,
+        dateRangeThisMonth: r.date_range_picker.this_month,
+        dateRangeLastMonth: r.date_range_picker.last_month,
+        dateRangeLast30Days: r.date_range_picker.last_30_days,
+        dateRangeLast90Days: r.date_range_picker.last_90_days,
+        dateRangeYTD: r.date_range_picker.ytd,
+        dateRangeLastYear: r.date_range_picker.last_year,
+        dateRangeSelect: r.date_range_picker.select
+      },
+      dateRangeEditApply: r.date_range_picker.edit_apply,
+      dateRangeEditTitle: r.date_range_picker.edit_title,
+      dateRangeNextAria: r.date_range_picker.next_aria,
+      dateRangePreviousAria: r.date_range_picker.previous_aria
+    }, R = d ? d.start : m.start, s = d ? d.end : m.end;
+    return /* @__PURE__ */ e(
+      ze,
+      {
+        calendarActions: n,
+        copy: i,
+        range: [R, s],
+        shouldShrinkToIcon: !1,
+        variant: a
+      }
+    );
+  }
+), Yt = oe(
+  ({
+    actions: n,
+    allowedAccountTypes: d,
+    calendarActions: a,
+    children: m,
+    className: r = "mx-cmn-widget",
+    dateRange: i,
+    dateRangeVariant: R,
+    hasDivider: s = !1,
+    onAccountsFilterClick: D,
+    onBackClick: h,
+    onMenuClick: c,
+    showAccountFilter: _ = !0,
+    slotComponent: o,
+    sx: A = {},
+    title: C = ""
+  }) => {
+    const [O, { height: E, width: k }] = pe(), { onEvent: H } = he(), {
+      actionsFlex: W,
+      containerSquareCorners: S,
+      headerHeadingLevel: j,
+      headerPaddingBottom: w,
+      headerPaddingTop: V,
+      headerPaddingX: N,
+      iconSize: L,
+      isCompact: y,
+      isDesktop: Y,
+      isViewportAbove900: t,
+      slotSx: l
+    } = Ie(k), { isCopyLoaded: u } = ne(), { common: f } = ie(), {
+      config: { display_widget_headings: b }
+    } = fe(), T = () => {
+      h && (h(), H(Ne.WIDGET_BACK_CLICK));
+    };
+    if (!u)
+      return /* @__PURE__ */ e(Oe, {});
+    const v = () => c && y && !t ? /* @__PURE__ */ e($, { color: "primary", onClick: c, sx: { p: 10 }, children: /* @__PURE__ */ e(x, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : h ? /* @__PURE__ */ e(
+      $,
+      {
+        "aria-label": f.back_to_dashboard,
+        color: "primary",
+        onClick: T,
+        sx: { p: 10 },
+        children: /* @__PURE__ */ e(ue, { size: 24 })
+      }
+    ) : null, X = a && /* @__PURE__ */ e(B, { alignItems: "center", sx: l, children: /* @__PURE__ */ e(
+      Ge,
+      {
+        calendarActions: a,
+        dateRange: i,
+        dateRangeVariant: R
+      }
+    ) });
+    return /* @__PURE__ */ e(
+      ce,
+      {
+        className: r,
+        elevation: 1,
+        ref: O,
+        square: S,
+        sx: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, margin: 0, ...A },
+        children: /* @__PURE__ */ g(le, { children: [
+          /* @__PURE__ */ g(
+            B,
+            {
+              alignItems: "center",
+              alignSelf: "stretch",
+              direction: "row",
+              justifyContent: "space-between",
+              sx: {
+                pb: w,
+                pt: V,
+                px: N
+              },
+              children: [
+                v(),
+                /* @__PURE__ */ e(B, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: b && /* @__PURE__ */ e(F, { sx: { width: "100%" }, truncate: !0, variant: j, children: C }) }),
+                !y && (o || X),
+                /* @__PURE__ */ g(
+                  B,
+                  {
+                    alignItems: "center",
+                    direction: "row",
+                    justifyContent: "flex-end",
+                    sx: { flex: W, flexShrink: 0 },
+                    children: [
+                      _ && /* @__PURE__ */ e(
+                        ge,
+                        {
+                          allowedAccountTypes: d,
+                          isDesktop: Y,
+                          onAccountFilterClick: D
+                        }
+                      ),
+                      n?.map((q) => {
+                        if (p.isValidElement(q))
+                          return p.cloneElement(q, { isDesktop: Y });
+                        const { iconName: I, onClick: Q, label: U } = q;
+                        return Y ? /* @__PURE__ */ e(
+                          G,
+                          {
+                            onClick: Q,
+                            startIcon: /* @__PURE__ */ e(x, { name: I, size: L }),
+                            children: U
+                          },
+                          I
+                        ) : /* @__PURE__ */ e($, { "aria-label": U, color: "primary", onClick: Q, children: /* @__PURE__ */ e(x, { name: I, size: L }) }, I);
+                      })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          y && (o || X),
+          y && s && /* @__PURE__ */ e(me, {}),
+          /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(be, { availableHeight: E, availableWidth: k, children: m }) })
+        ] })
+      }
+    );
+  }
+);
+export {
+  ze as D,
+  Yt as W,
+  Ie as u
+};

package/dist/accounts/index.es.js

@@ -10,15 +10,15 @@ import O from "@mui/material/List";
 import B from "@mui/material/ListSubheader";
 import P from "@mui/system/Stack";
 import { useTheme as V1, alpha as M1 } from "@mui/material/styles";
-import { u as x, A as y1 } from "../AccountDetailsHeader-IPRH6Wja.mjs";
-import { L as w1 } from "../LineChart-DkD_s9NN.mjs";
-import { g as x1, a as R1, b as S1 } from "../SpendingData-CoZOmlZD.mjs";
-import { l as T1, u as A, d as E, g as D, h as m1, b as G, a as E1 } from "../hooks-BxkfR-Ff.mjs";
-import { A as I, g as L, N as p1 } from "../Account-BiB1F8lL.mjs";
-import { I as _1, P as L1, S as f1 } from "../Account-DuOz1a27.mjs";
-import { a as D1, b as k1 } from "../AccountFields-BbPSfzru.mjs";
-import { g as i2 } from "../AccountFields-BbPSfzru.mjs";
-import { A as U } from "../AccountListItem-qpACFl6i.mjs";
+import { u as x, A as y1 } from "../AccountDetailsHeader-D_a0XUkL.mjs";
+import { L as w1 } from "../LineChart-jJVBE8V8.mjs";
+import { g as x1, a as R1, b as S1 } from "../SpendingData-Dj85XEUp.mjs";
+import { l as T1, u as A, d as E, g as D, h as m1, b as G, a as E1 } from "../hooks-HwStH7q_.mjs";
+import { A as I, g as L, N as p1 } from "../Account-CMjOp7S2.mjs";
+import { I as _1, P as L1, S as f1 } from "../Account-BIKn4XEZ.mjs";
+import { a as D1, b as k1 } from "../AccountFields-nrrEXd46.mjs";
+import { g as i2 } from "../AccountFields-nrrEXd46.mjs";
+import { A as U } from "../AccountListItem-D80egD01.mjs";
 import a1 from "@mui/material/Tab";
 import I1 from "@mui/material/Tabs";
 import Z1 from "@mui/material/Switch";
@@ -26,18 +26,18 @@ import T from "@mui/material/ListItem";
 import $ from "@mui/material/ListItemButton";
 import Z from "@mui/material/ListItemText";
 import { A as w } from "../Analytics-0Xm_BjHU.mjs";
-import { D as Q } from "../Dialog-Ck34yr-d.mjs";
+import { D as Q } from "../Dialog-iLlBR8TG.mjs";
 import { b as f } from "../Localization-CkQ49EKr.mjs";
-import { D as t1 } from "../Drawer-Bbe4AMB1.mjs";
+import { D as t1 } from "../Drawer-XPaLYjiO.mjs";
 import Y from "@mui/material/ListItemAvatar";
 import N1 from "@mui/material/styles/useTheme";
-import { Error as g1, CheckCircle as O1, Language as F1 } from "@mxenabled/mx-icons";
-import { C as z } from "../ConnectDrawer-C0wjwcJt.mjs";
+import { Language as O1, Error as g1, CheckCircle as F1 } from "@mxenabled/mx-icons";
+import { C as z } from "../ConnectDrawer-5BpU4IQU.mjs";
 import { fromUnixTime as P1 } from "date-fns/fromUnixTime";
 import { isToday as W1 } from "date-fns/isToday";
 import { isYesterday as B1 } from "date-fns/isYesterday";
 import { f as s1, D as l1 } from "../DateFormats-CaOj_4eI.mjs";
-import { I as j } from "../IconBacking-B9oC6uL2.mjs";
+import { I as j } from "../IconBacking-DgT8DCeh.mjs";
 import { addMonths as U1 } from "date-fns/addMonths";
 import { AdapterDateFns as $1 } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DateCalendar as G1 } from "@mui/x-date-pickers/DateCalendar";
@@ -49,23 +49,23 @@ import X1 from "@mui/material/Select";
 import J1 from "@mui/material/TextField";
 import { F as X } from "../Accounts-CseLC3lL.mjs";
 import { M as a2 } from "../Accounts-CseLC3lL.mjs";
-import { C as q1 } from "../CurrencyInput-BkNVHxSV.mjs";
+import { C as q1 } from "../CurrencyInput-CSJ3zMgE.mjs";
 import Q1 from "@mui/material/Alert";
 import e3 from "@mui/material/AlertTitle";
 import t3 from "@mui/material/Link";
 import n3 from "@mui/material/Paper";
-import { subDays as o3, startOfToday as i3, endOfToday as c3 } from "date-fns";
-import { T as a3 } from "../EmbeddedCard-j7IGx3s1.mjs";
-import { T as s3 } from "../TransactionDetails-CN-yZkin.mjs";
-import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
+import { endOfToday as o3, subDays as i3, startOfToday as c3 } from "date-fns";
+import { T as a3 } from "../EmbeddedCard-BCcn_fK2.mjs";
+import { T as s3 } from "../TransactionDetails-Db8dwHoM.mjs";
+import { T as r1 } from "../TabContentContainer-CnMXkVqr.mjs";
 import { f as d1 } from "../NumberFormatting-CyrvFgfd.mjs";
-import { C as l3 } from "../ConnectionsDrawer-IA7vnv1J.mjs";
-import { u as H1 } from "../useScreenSize-CUcpY7aJ.mjs";
-import { u as n1 } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { L as o1 } from "../Loader-D3rjKx72.mjs";
-import { W as r3 } from "../WidgetContainer-Bc75FqK7.mjs";
-import { M as v1 } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
-import { A as l2 } from "../AccountStore-BeEiLNhW.mjs";
+import { C as l3 } from "../ConnectionsDrawer-DxpSlJN7.mjs";
+import { u as H1 } from "../useScreenSize-CeFhWTt_.mjs";
+import { u as n1 } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
+import { L as o1 } from "../Loader-CxeBwuPG.mjs";
+import { W as r3 } from "../WidgetContainer-CCR7I0gu.mjs";
+import { M as v1 } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { A as l2 } from "../AccountStore-B3S_p5Qa.mjs";
 const d3 = (t, o) => {
   const n = _1.includes(o) ? x1(t) : [], i = L1.includes(o) ? R1(t) : [], c = f1.includes(o) ? S1(t) : [];
   return [n, i, c].filter((l) => l.length > 0);
@@ -437,7 +437,7 @@ const d3 = (t, o) => {
     secondaryMessage: `${u.title}.`
   } : {
     color: "success.main",
-    icon: /* @__PURE__ */ e(O1, { filled: !0, sx: { ...q } }),
+    icon: /* @__PURE__ */ e(F1, { filled: !0, sx: { ...q } }),
     mainMessage: u.statusName,
     secondaryMessage: u.title
   };
@@ -497,7 +497,7 @@ const d3 = (t, o) => {
               },
               size: 32,
               children: /* @__PURE__ */ e(
-                F1,
+                O1,
                 {
                   sx: {
                     ...q,
@@ -779,7 +779,7 @@ const d3 = (t, o) => {
   );
   return h.useEffect(() => {
     a({
-      dateRange: { start: o3(i3(), 90), end: c3() },
+      dateRange: { start: i3(c3(), 90), end: o3() },
       accounts: [i.guid]
     });
   }, [i]), h.useEffect(() => n(w.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(R, { children: [

package/dist/analytics/index.es.js

@@ -3,12 +3,12 @@ import c from "react";
 import { observer as h } from "mobx-react-lite";
 import { SurveyQuestionType as C } from "posthog-js";
 import R from "@mui/material/Alert";
-import $ from "@mui/material/Button";
+import j from "@mui/material/Button";
 import s from "@mui/material/Stack";
-import { Text as u, TextField as j } from "@mxenabled/mxui";
-import { L as A } from "../Loader-D3rjKx72.mjs";
-import { M as L } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
-import { j as f, u as g, g as W, b as q } from "../hooks-BxkfR-Ff.mjs";
+import { Text as u, TextField as A } from "@mxenabled/mxui";
+import { L } from "../Loader-CxeBwuPG.mjs";
+import { M as W } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { j as f, u as g, g as $, b as q } from "../hooks-HwStH7q_.mjs";
 import E from "@mui/material/ToggleButton";
 import Q from "@mui/material/ToggleButtonGroup";
 import B from "@mui/material/styles/useTheme";
@@ -59,7 +59,7 @@ const G = () => {
 }, O = h(G), z = () => {
   const { response: n, setResponse: a } = f(), { analytics: t } = g();
   return /* @__PURE__ */ e(
-    j,
+    A,
     {
       label: t.feedback,
       multiline: !0,
@@ -72,7 +72,7 @@ const G = () => {
     }
   );
 }, H = h(z), I = () => {
-  const { onEvent: n } = W(), {
+  const { onEvent: n } = $(), {
     surveyId: a,
     question: t,
     isLastQuestion: o,
@@ -101,7 +101,7 @@ const G = () => {
     n("survey sent", r), x(), _(!0);
   };
   return k ? !t && !b ? null : /* @__PURE__ */ i(
-    L,
+    W,
     {
       closeLabel: w.close_aria,
       onClose: M,
@@ -130,7 +130,7 @@ const G = () => {
             t.type === C.Open && /* @__PURE__ */ e(H, {})
           ] }),
           /* @__PURE__ */ e(s, { sx: { px: 24, py: 16 }, children: /* @__PURE__ */ e(
-            $,
+            j,
             {
               disabled: !o && !p,
               onClick: o ? F : T,
@@ -145,7 +145,7 @@ const G = () => {
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e(A, {});
+  ) : /* @__PURE__ */ e(L, {});
 }, se = h(I);
 export {
   se as SurveyMiniWidget