@mx-cartographer/experiences 6.26.18-alpha.mega3 → 6.26.18-alpha.mega4

package/dist/common/components/ConnectDrawer/index.es.js

@@ -1,58 +0,0 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import s from "react";
-import { observer as x } from "mobx-react-lite";
-import L from "@mui/material/styles/useTheme";
-import { ConnectWidget as b } from "@mxenabled/web-widget-sdk";
-import a from "../../../accounts/components/ConnectStatus/index.es.js";
-import { MemberConnectionStatus as c } from "../../../accounts/constants/Accounts/index.es.js";
-import { CONNECT_WIDGET_ID as i } from "../../constants/Connect/index.es.js";
-import { useAccountStore as D, useConnectStore as _, useGlobalCopyStore as w } from "../../context/hooks/index.es.js";
-import y from "../drawer/Drawer/index.es.js";
-const I = ({
-  loadWidgetProps: l,
-  onClose: m,
-  showConnectWidget: o,
-  title: u
-}) => {
-  let n;
-  const { refreshAccounts: f } = D(), { loadWidget: p } = _(), { connect: d } = w(), [C, e] = s.useState(!1), [h, t] = s.useState(!1), {
-    palette: { mode: S }
-  } = L();
-  return s.useEffect(() => (o ? (e(!0), p({ mode: S, ...l }).then((E) => {
-    n = new b({
-      container: `#${i}`,
-      style: {
-        height: "calc(100% - 62px)",
-        maxWidth: "450px",
-        position: "absolute",
-        width: "100%"
-      },
-      url: E.url,
-      onSsoUrlLoadError: () => {
-        e(!1), t(!0);
-      },
-      onLoad: () => {
-        e(!1), t(!1);
-      }
-    });
-  })) : (e(!1), t(!1)), () => {
-    n?.unmount();
-  }), [o]), /* @__PURE__ */ r(
-    y,
-    {
-      ariaLabelClose: d.close_manage_connection_aria,
-      isOpen: o,
-      onClose: () => {
-        m(), f();
-      },
-      title: u,
-      children: /* @__PURE__ */ g("div", { id: i, children: [
-        h && /* @__PURE__ */ r(a, { status: c.Error }),
-        C && /* @__PURE__ */ r(a, { status: c.Loading })
-      ] })
-    }
-  );
-}, M = x(I);
-export {
-  M as default
-};

package/dist/common/components/CurrencyText/index.es.js

@@ -1,20 +0,0 @@
-import { jsxs as u } from "react/jsx-runtime";
-import { Text as x } from "@mxenabled/mxui";
-import { formatCurrency as f } from "../../utils/NumberFormatting/index.es.js";
-const y = ({
-  isIncome: e = !1,
-  amount: o = 0,
-  bold: m,
-  color: r,
-  formatString: n,
-  sx: s,
-  symbol: t,
-  variant: c,
-  ...i
-}) => /* @__PURE__ */ u(x, { bold: m, color: r || (e ? "success.main" : "text.primary"), sx: s, variant: c, ...i, children: [
-  t && t,
-  f(Number(o), n ?? "0,0.00")
-] });
-export {
-  y as CurrencyText
-};

package/dist/common/components/DataRow/index.es.js

@@ -1,29 +0,0 @@
-import { jsxs as e, Fragment as d, jsx as r } from "react/jsx-runtime";
-import l from "@mui/material/Avatar";
-import a from "@mui/material/ListItem";
-import c from "@mui/material/ListItemAvatar";
-import p from "@mui/material/ListItemButton";
-import h from "@mui/material/ListItemText";
-import { Icon as i, IconWeight as f } from "@mxenabled/mxui";
-import g from "@mui/material/ListItemIcon";
-const y = ({ iconName: n, label: m, onClick: t, value: s }) => {
-  const o = /* @__PURE__ */ e(d, { children: [
-    /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(l, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ r(i, { name: n, sx: { color: "text.primary" }, weight: f.Dark }) }) }),
-    /* @__PURE__ */ r(
-      h,
-      {
-        primary: m,
-        primaryTypographyProps: { variant: "XSmall" },
-        secondary: s,
-        secondaryTypographyProps: { color: "text.default", variant: "Body", fontWeight: 600 }
-      }
-    )
-  ] });
-  return t ? /* @__PURE__ */ r(a, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(p, { onClick: t, children: [
-    o,
-    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(i, { name: "chevron_right", size: 24 }) })
-  ] }) }) : /* @__PURE__ */ r(a, { disableGutters: !1, disablePadding: !1, children: o });
-}, D = y;
-export {
-  D as default
-};

package/dist/common/components/ErrorBoundary/index.es.js

@@ -1,24 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import e from "react";
-import { H3 as n } from "@mxenabled/mxui";
-const s = {
-  text: "Oops! Something went wrong."
-};
-class a extends e.Component {
-  state = {
-    hasError: !1
-  };
-  componentDidCatch(r, t) {
-    console.error("Uncaught error:", r, t);
-  }
-  static getDerivedStateFromError() {
-    return { hasError: !0 };
-  }
-  render() {
-    return this.state.hasError ? /* @__PURE__ */ o(n, { sx: { pt: 24 }, children: s.text }) : this.props.children;
-  }
-}
-const m = a;
-export {
-  m as default
-};

package/dist/common/components/InformationTooltip/index.es.js

@@ -1,41 +0,0 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import a from "@mui/material/IconButton";
-import m from "@mui/material/Stack";
-import l from "@mui/material/Tooltip";
-import { Text as r, Icon as c, IconWeight as p } from "@mxenabled/mxui";
-const f = ({
-  body: i,
-  iconName: n = "info",
-  title: t
-}) => /* @__PURE__ */ o(
-  l,
-  {
-    enterTouchDelay: 500,
-    title: /* @__PURE__ */ e(m, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
-      /* @__PURE__ */ o(r, { bold: !0, variant: "Body", children: t }),
-      /* @__PURE__ */ o(r, { sx: { whiteSpace: "unset" }, variant: "Small", children: i })
-    ] }),
-    children: /* @__PURE__ */ o(
-      a,
-      {
-        "aria-label": t,
-        sx: {
-          minHeight: 0,
-          minWidth: 0,
-          p: 0
-        },
-        children: /* @__PURE__ */ o(
-          c,
-          {
-            name: n,
-            sx: { color: "primary.main", fontSize: 16 },
-            weight: p.Dark
-          }
-        )
-      }
-    )
-  }
-), I = f;
-export {
-  I as default
-};

package/dist/common/components/ListItemRow/index.es.js

@@ -1,67 +0,0 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import f from "react";
-import h from "@mui/material/ListItem";
-import I from "@mui/material/ListItemButton";
-import s from "@mui/material/ListItemIcon";
-import g from "@mui/material/ListItemText";
-import t from "@mui/material/Stack";
-import { Text as i } from "@mxenabled/mxui";
-const R = ({
-  onClick: o,
-  leftIcon: n,
-  rightIcon: m,
-  title: a,
-  subtitle: c,
-  rightContent: l,
-  titleBold: x = !0,
-  rightContentBold: p = !0
-}) => {
-  const d = /* @__PURE__ */ e(f.Fragment, { children: [
-    n && /* @__PURE__ */ r(s, { sx: { ml: 0 }, children: n }),
-    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ e(
-      t,
-      {
-        sx: {
-          alignItems: "center",
-          flexDirection: "row",
-          marginLeft: 12
-        },
-        children: [
-          /* @__PURE__ */ e(t, { sx: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ r(i, { bold: x, variant: "body1", children: a }),
-            c && /* @__PURE__ */ r(i, { variant: "caption", children: c })
-          ] }),
-          /* @__PURE__ */ e(t, { sx: { flexDirection: "row", alignItems: "center", gap: 1 }, children: [
-            l && /* @__PURE__ */ r(i, { bold: p, display: "flex", variant: "body1", children: l }),
-            m && /* @__PURE__ */ r(s, { children: m })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-  return /* @__PURE__ */ r(h, { sx: { bgcolor: "background.paper" }, children: o ? /* @__PURE__ */ r(
-    I,
-    {
-      onClick: o,
-      sx: {
-        py: 14
-      },
-      children: d
-    }
-  ) : /* @__PURE__ */ r(
-    t,
-    {
-      sx: {
-        py: 14,
-        px: 24,
-        width: "100%",
-        flexDirection: "row",
-        alignItems: "center"
-      },
-      children: d
-    }
-  ) });
-};
-export {
-  R as ListItemRow
-};

package/dist/common/components/ListItemWrapper/index.es.js

@@ -1,32 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import i from "@mui/material/ListItem";
-import m from "@mui/material/ListItemButton";
-import { useEvent as n } from "../../context/hooks/index.es.js";
-const d = ({
-  children: t,
-  clickEventName: o,
-  onClick: e,
-  sx: s = {}
-}) => {
-  const { onEvent: p } = n();
-  return e ? /* @__PURE__ */ r(i, { sx: { bgcolor: "background.paper", ...s }, children: /* @__PURE__ */ r(
-    m,
-    {
-      onClick: () => {
-        o && p(o), e();
-      },
-      children: t
-    }
-  ) }) : /* @__PURE__ */ r(
-    i,
-    {
-      disableGutters: !1,
-      disablePadding: !1,
-      sx: { bgcolor: "background.paper", ...s },
-      children: t
-    }
-  );
-};
-export {
-  d as ListItemWrapper
-};

package/dist/common/components/Loader/index.es.js

@@ -1,14 +0,0 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import c from "@mui/material/CircularProgress";
-import i from "@mui/material/Stack";
-import { useTokens as a, Text as m } from "@mxenabled/mxui";
-const p = ({ height: e = 250, label: r = "", size: o = 32 }) => {
-  const n = a();
-  return /* @__PURE__ */ s(i, { alignItems: "center", gap: n.Spacing.XLarge, height: e, justifyContent: "center", children: [
-    /* @__PURE__ */ t(c, { size: o }),
-    r && /* @__PURE__ */ t(m, { children: r })
-  ] });
-}, x = p;
-export {
-  x as default
-};

package/dist/common/components/ResponsiveButton/index.es.js

@@ -1,45 +0,0 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import p from "react";
-import d from "@mui/material/Button";
-import a from "@mui/material/IconButton";
-import c from "@mui/material/Tooltip";
-import f from "@mui/material/styles/useTheme";
-const u = ({
-  icon: e,
-  label: i,
-  onClick: o,
-  placement: s = "bottom",
-  tooltipText: n,
-  variant: l = "text"
-}) => {
-  const r = f();
-  return /* @__PURE__ */ m(p.Fragment, { children: [
-    /* @__PURE__ */ t(
-      d,
-      {
-        onClick: o,
-        startIcon: e,
-        sx: {
-          [r.breakpoints.down("lg")]: { display: "none" },
-          [r.breakpoints.up("lg")]: { display: "inline-flex" }
-        },
-        title: n,
-        variant: l,
-        children: i
-      }
-    ),
-    /* @__PURE__ */ t(
-      c,
-      {
-        describeChild: !0,
-        placement: s,
-        sx: { display: { xs: "inline-flex", lg: "none" } },
-        title: n,
-        children: /* @__PURE__ */ t(a, { onClick: o, children: e })
-      }
-    )
-  ] });
-}, R = u;
-export {
-  R as default
-};

package/dist/common/components/Select/index.es.js

@@ -1,25 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import o from "@mui/material/MenuItem";
-import m from "@mui/material/TextField";
-import { ExpandMore as i } from "@mxenabled/mx-icons";
-const h = ({ label: t, onChange: n, options: a, value: l }) => /* @__PURE__ */ r(
-  m,
-  {
-    InputLabelProps: { shrink: !0 },
-    SelectProps: {
-      IconComponent: (e) => /* @__PURE__ */ r(i, { size: 20, sx: { mr: 4 }, ...e })
-    },
-    defaultValue: 0,
-    label: t,
-    onChange: (e) => {
-      n(Number(e.target.value));
-    },
-    select: !0,
-    value: l,
-    variant: "outlined",
-    children: a.map((e) => /* @__PURE__ */ r(o, { value: e.id, children: e.label }, e.id))
-  }
-);
-export {
-  h as Select
-};

package/dist/common/components/SelectionBox/index.es.js

@@ -1,48 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import m from "@mui/material/Box";
-import n from "@mui/material/FormControlLabel";
-import s from "@mui/material/Radio";
-import d from "@mui/material/styles/useTheme";
-import b from "@mui/material/Tooltip";
-const x = ({
-  checked: t = !1,
-  label: r,
-  sx: l = {},
-  tooltip: i = "",
-  value: a
-}) => {
-  const o = d(), p = o.palette.mode === "light" ? o.palette.grey[400] : o.palette.grey[700], c = t ? o.palette.action.active : p;
-  return /* @__PURE__ */ e(
-    m,
-    {
-      bgcolor: "background.paper",
-      border: `${t ? 3 : 1}px solid`,
-      borderColor: c,
-      borderRadius: 2,
-      mt: -2,
-      mx: 8,
-      pr: 8,
-      py: 4,
-      sx: { "&:hover": { borderColor: o.palette.action.active }, ...l },
-      children: /* @__PURE__ */ e(b, { title: i, children: /* @__PURE__ */ e(
-        n,
-        {
-          control: /* @__PURE__ */ e(
-            s,
-            {
-              disableRipple: !0,
-              sx: { "&.Mui-checked": { color: o.palette.action.active } }
-            }
-          ),
-          label: r,
-          labelPlacement: "start",
-          sx: { ml: 0, pl: 8 },
-          value: a
-        }
-      ) })
-    }
-  );
-}, S = x;
-export {
-  S as default
-};

package/dist/common/components/SubheaderRow/index.es.js

@@ -1,10 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import l from "@mui/material/Box";
-import { Text as a } from "@mxenabled/mxui";
-const p = ({
-  bgcolor: r = "background.default",
-  children: t
-}) => /* @__PURE__ */ o(l, { display: "inline-block", pb: 4, pl: 24, pt: 4, sx: { bgcolor: r, width: "100%" }, children: /* @__PURE__ */ o(a, { bold: !0, variant: "XSmall", children: t }) });
-export {
-  p as default
-};

package/dist/common/components/WidgetContainer/index.es.js

@@ -1,195 +0,0 @@
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import v from "react";
-import { observer as $ } from "mobx-react-lite";
-import w from "@mui/material/Button";
-import q from "@mui/material/Box";
-import J from "@mui/material/Card";
-import O from "@mui/material/CardHeader";
-import Q from "@mui/material/CardContent";
-import T from "@mui/material/Divider";
-import f from "@mui/material/IconButton";
-import g from "@mui/material/Stack";
-import { Icon as l, H1 as X, H3 as Z } from "@mxenabled/mxui";
-import { useDimensions as ee } from "../../hooks/useDimensions/index.es.js";
-import te from "../Loader/index.es.js";
-import { useEvent as re, useGlobalUiStore as oe, useGlobalCopyStore as ae } from "../../context/hooks/index.es.js";
-import { useScreenSize as ne } from "../../hooks/useScreenSize/index.es.js";
-import z from "../daterangeselector/DateRangeSelector/index.es.js";
-import ie from "../accountfilter/AccountFilter/index.es.js";
-import ce from "../ConnectDrawer/index.es.js";
-import { WidgetContainerProvider as le } from "../../context/WidgetContainerProvider/index.es.js";
-import { ANALYTICS_EVENTS as se } from "../../constants/Analytics/index.es.js";
-const de = ({
-  accountOptions: h,
-  actions: C = [],
-  calendarActions: i,
-  children: I,
-  dateRange: s,
-  dateRangeVariant: y,
-  className: E = "mx-cmn-widget",
-  hasDivider: L = !1,
-  onBackClick: p,
-  onAccountsFilterClick: B,
-  showDividerAboveDateSelector: G = !0,
-  sx: W = {},
-  title: u = ""
-}) => {
-  const [x, k] = v.useState(!1), [H, { height: M, width: b }] = ee(), { onEvent: F } = re(), { isDesktop: o, isMobile: a, isTablet: n } = ne(b), { displayedDateRange: S, isCopyLoaded: N, selectedAccountGuids: j, setSelectedAccountGuids: P } = oe(), { common: e, connect: Y } = ae(), K = () => {
-    p && (p(), F(se.WIDGET_BACK_CLICK));
-  };
-  if (!N)
-    return /* @__PURE__ */ t(te, {});
-  const U = {
-    accountFilterOptionsCopy: {
-      accountTypeAccounts: e.account_filter.account_type_accounts,
-      cancelButton: e.cancel_button,
-      filterButton: e.filter_button,
-      filterButtonAria: e.account_filter.filter_button_generic_aria,
-      selectAllAccounts: e.account_filter.select_all_accounts,
-      toggleAccountTypeAccounts: e.account_filter.toggle_account_type_accounts,
-      unselectAllAccounts: e.account_filter.unselect_all_accounts,
-      zeroStateButton: e.account_filter.zero_state_button,
-      zeroStateDescription: e.account_filter.zero_state_description,
-      zeroStateTitle: e.account_filter.zero_state_title
-    },
-    title: e.account_filter.title
-  }, A = {
-    dateRangePickerCopy: {
-      dateRangeFrom: e.date_range_picker.from,
-      dateRangeTo: e.date_range_picker.to,
-      dateRangeCustom: e.date_range_picker.custom,
-      dateRangeSelectARange: e.date_range_picker.select_range,
-      dateRangeThisMonth: e.date_range_picker.this_month,
-      dateRangeLastMonth: e.date_range_picker.last_month,
-      dateRangeLast30Days: e.date_range_picker.last_30_days,
-      dateRangeLast90Days: e.date_range_picker.last_90_days,
-      dateRangeYTD: e.date_range_picker.ytd,
-      dateRangeLastYear: e.date_range_picker.last_year,
-      dateRangeSelect: e.date_range_picker.select
-    },
-    dateRangeEditApply: e.date_range_picker.edit_apply,
-    dateRangeEditTitle: e.date_range_picker.edit_title,
-    dateRangeNextAria: e.date_range_picker.next_aria,
-    dateRangePreviousAria: e.date_range_picker.previous_aria
-  }, R = s ? s.start : S.start, D = s ? s.end : S.end, V = C?.length > 1;
-  return /* @__PURE__ */ _(
-    J,
-    {
-      className: E,
-      sx: {
-        ...a && { px: 4 },
-        "& .mx-cmn-date-range-selector": {
-          ...(a || n) && { textAlign: "center" }
-        },
-        ...W
-      },
-      children: [
-        u && /* @__PURE__ */ t(
-          O,
-          {
-            action: /* @__PURE__ */ _(g, { alignItems: "center", flexDirection: "row", children: [
-              o && i && /* @__PURE__ */ t(q, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
-                z,
-                {
-                  calendarActions: i,
-                  copy: A,
-                  range: [R, D],
-                  shouldShrinkToIcon: !1,
-                  variant: y
-                }
-              ) }),
-              h && /* @__PURE__ */ t(
-                ie,
-                {
-                  accounts: h,
-                  copy: U,
-                  onConnectAccountClick: () => k(!0),
-                  onFilterClick: (c) => {
-                    P(c), B?.();
-                  },
-                  selectedAccountGuids: j,
-                  showAccountNumbers: !1,
-                  variant: "text"
-                }
-              ),
-              C?.map((c) => {
-                if (v.isValidElement(c)) return c;
-                const { iconName: r, onClick: d, label: m } = c;
-                return V ? o || n ? /* @__PURE__ */ t(
-                  w,
-                  {
-                    onClick: d,
-                    startIcon: /* @__PURE__ */ t(l, { name: r, size: 24 }),
-                    sx: { my: 4 },
-                    children: m
-                  },
-                  r
-                ) : /* @__PURE__ */ t(f, { "aria-label": m, color: "primary", onClick: d, children: /* @__PURE__ */ t(l, { name: r, size: 24 }) }, r) : o || n ? /* @__PURE__ */ t(
-                  w,
-                  {
-                    onClick: d,
-                    startIcon: /* @__PURE__ */ t(l, { name: r, size: 24 }),
-                    sx: { my: 4 },
-                    children: m
-                  },
-                  r
-                ) : /* @__PURE__ */ t(f, { "aria-label": m, color: "primary", onClick: d, children: /* @__PURE__ */ t(l, { name: r, size: 24 }) }, r);
-              })
-            ] }),
-            sx: {
-              p: o ? 48 : 24,
-              pb: 0,
-              "& .MuiCardHeader-action": {
-                mr: 0,
-                ...i && o && { flexGrow: 1 },
-                ...(a || n) && { alignSelf: "center" }
-              },
-              "& .MuiCardHeader-content": {
-                overflow: "hidden"
-              }
-            },
-            title: o || n ? /* @__PURE__ */ t(X, { children: u }) : /* @__PURE__ */ _(g, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
-              a && p && /* @__PURE__ */ t(
-                f,
-                {
-                  "aria-label": e.back_to_dashboard,
-                  color: "primary",
-                  onClick: K,
-                  sx: { p: 12, mr: 4 },
-                  children: /* @__PURE__ */ t(l, { name: "arrow_back", size: 24 })
-                }
-              ),
-              /* @__PURE__ */ t(Z, { children: u })
-            ] })
-          }
-        ),
-        L && /* @__PURE__ */ t(T, { sx: { mt: o ? 48 : 24 } }),
-        i && (a || n) && /* @__PURE__ */ _(g, { gap: 24, justifyContent: "center", sx: { mt: a ? 0 : 16 }, children: [
-          G && /* @__PURE__ */ t(T, {}),
-          /* @__PURE__ */ t(
-            z,
-            {
-              calendarActions: i,
-              copy: A,
-              range: [R, D],
-              shouldShrinkToIcon: !1,
-              variant: y
-            }
-          )
-        ] }),
-        x && /* @__PURE__ */ t(
-          ce,
-          {
-            onClose: () => k(!1),
-            showConnectWidget: x,
-            title: Y.mini_title
-          }
-        ),
-        /* @__PURE__ */ t(Q, { ref: H, sx: { p: 0 }, children: /* @__PURE__ */ t(le, { availableHeight: M, availableWidth: b, children: I }) })
-      ]
-    }
-  );
-}, Ee = $(de);
-export {
-  Ee as default
-};