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

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

@@ -1,56 +0,0 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import n from "react";
-import l from "@mui/material/Button";
-import p from "@mui/material/Card";
-import d from "@mui/material/CardContent";
-import f from "@mui/material/CardHeader";
-import C from "@mui/material/Stack";
-import { AccountBalance as h, ChevronRight as x } from "@mxenabled/mx-icons";
-import { Text as a } from "@mxenabled/mxui";
-import g from "../ConnectDrawer/index.es.js";
-import { useAppConfig as u } from "../../context/hooks/index.es.js";
-const H = ({ description: i, label: o, title: c }) => {
-  const { config: m } = u(), [s, e] = n.useState(!1);
-  if (m.show_connections_widget_in_master)
-    return /* @__PURE__ */ t(n.Fragment, { children: [
-      /* @__PURE__ */ t(p, { sx: { m: 24 }, children: [
-        /* @__PURE__ */ r(
-          f,
-          {
-            avatar: /* @__PURE__ */ r(h, {}),
-            sx: { ".MuiCardHeader-avatar": { mr: 8 } },
-            title: /* @__PURE__ */ r(a, { bold: !0, variant: "Body", children: c })
-          }
-        ),
-        /* @__PURE__ */ r(d, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ t(C, { alignItems: "flex-start", spacing: 2, children: [
-          /* @__PURE__ */ r(a, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: i }),
-          /* @__PURE__ */ r(
-            l,
-            {
-              endIcon: /* @__PURE__ */ r(x, {}),
-              onClick: () => e(!0),
-              sx: {
-                pl: 0,
-                ":hover": {
-                  bgcolor: "unset"
-                }
-              },
-              variant: "text",
-              children: o
-            }
-          )
-        ] }) })
-      ] }),
-      /* @__PURE__ */ r(
-        g,
-        {
-          onClose: () => e(!1),
-          showConnectWidget: s,
-          title: o
-        }
-      )
-    ] });
-};
-export {
-  H as ConnectCard
-};

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/CurrencyInput/index.es.js

@@ -1,84 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import i from "react";
-import { css as q } from "@mxenabled/cssinjs";
-import { v4 as B } from "uuid";
-import { useTokens as O, TextField as W, P as p } from "@mxenabled/mxui";
-import { buildDynamicCopy as d, getLocale as _ } from "../../utils/Localization/index.es.js";
-import { getCurrencyCodes as j, formatCurrency as y } from "../../utils/NumberFormatting/index.es.js";
-import { CurrencyCodes as D, MAX_MONEY_INPUT as C } from "../../constants/Numbers/index.es.js";
-import { useGlobalCopyStore as F } from "../../context/hooks/index.es.js";
-const G = ({
-  allowDecimals: o = !0,
-  ariaLabel: b,
-  amount: c,
-  amountIsRequired: g = !0,
-  copy: u,
-  customValidate: h = () => !0,
-  errorText: $ = "",
-  label: M,
-  minAmount: a = 1,
-  setAmount: S,
-  setHasValidInput: r,
-  ...x
-}) => {
-  const [f, t] = i.useState(""), { common: N } = F(), n = u || N.currency_input, T = O(), k = L(T), P = /^[0-9]*$/, R = /^(\d)*(\,)?([0-9]{1,2})?$/, A = /^(\d)*(\.)?([0-9]{1,2})?$/;
-  let s;
-  const E = i.useRef(B());
-  if (o)
-    switch (j()) {
-      case D.CAD:
-        s = R;
-        break;
-      default:
-        s = A;
-        break;
-    }
-  else
-    s = P;
-  i.useEffect(() => {
-    l(c);
-  }, [c]);
-  const l = (e) => {
-    !g && (e === "" || e === "." || e === ",") ? (t(""), r?.(!1)) : Number(e) < a ? (t(
-      d(
-        n.error_amount_must_be_equal_to,
-        y(a, "0")
-      )
-    ), r?.(!1)) : Number(e) > C ? (t(
-      d(
-        n.error_amount_must_be_less_than_or_equal_to,
-        y(C, o ? "0,0.00" : "0,0", Math.floor)
-      )
-    ), r?.(!1)) : e.toString().match(s) ? h() ? (t(""), r?.(!0)) : (t($), r?.(!1)) : (t(n.error_amount_is_invalid), r?.(!1)), S(e.toString());
-  };
-  return /* @__PURE__ */ m(
-    W,
-    {
-      InputProps: {
-        endAdornment: _().includes("fr-ca") ? /* @__PURE__ */ m(p, { children: "$" }) : void 0,
-        startAdornment: _().includes("fr-ca") ? void 0 : /* @__PURE__ */ m(p, { children: "$" })
-      },
-      "aria-label": b || n.enter_amount,
-      className: `mx-cmn-currency-input ${k}`,
-      error: !!f,
-      helperText: f,
-      inputMode: o ? "decimal" : "numeric",
-      inputProps: {
-        noValidate: !0,
-        pattern: "[0-9]*"
-      },
-      label: M,
-      name: `currency-input-${E.current}`,
-      onChange: (e) => l(e.target.value),
-      value: c,
-      ...x
-    }
-  );
-}, L = (o) => q({
-  "& .MuiInputBase-adornedStart > .p": {
-    marginRight: o.Spacing.Tiny
-  }
-}), Z = G;
-export {
-  Z 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/EmptyState/index.es.js

@@ -1,55 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import n from "@mui/material/Button";
-import o from "@mui/material/Stack";
-import { Icon as l } from "@mxenabled/mx-icons";
-import { H2 as d, Text as f } from "@mxenabled/mxui";
-const v = ({
-  iconColor: i,
-  header: c,
-  icon: x,
-  onClick: t,
-  primaryButton: p,
-  secondaryButton: e,
-  subText: m,
-  sx: s
-}) => /* @__PURE__ */ a(
-  o,
-  {
-    sx: {
-      mt: 54,
-      alignItems: "center",
-      alignSelf: "center",
-      ...s
-    },
-    children: [
-      /* @__PURE__ */ r(l, { name: x, size: 54, sx: { color: i } }),
-      /* @__PURE__ */ r(d, { color: "text.primary", sx: { textWrap: "wrap", textAlign: "center" }, children: c }),
-      /* @__PURE__ */ r(
-        f,
-        {
-          color: "text.secondary",
-          sx: { textAlign: "center", textWrap: "wrap" },
-          variant: "Paragraph",
-          children: m
-        }
-      ),
-      /* @__PURE__ */ a(
-        o,
-        {
-          className: "buttons-footer",
-          sx: {
-            gap: 12,
-            mt: 48
-          },
-          children: [
-            /* @__PURE__ */ r(n, { onClick: () => t("primary"), sx: { textWrap: "nowrap" }, variant: "contained", children: p }),
-            e && /* @__PURE__ */ r(n, { onClick: () => t("secondary"), sx: { textWrap: "nowrap" }, variant: "text", children: e })
-          ]
-        }
-      )
-    ]
-  }
-);
-export {
-  v as EmptyState
-};

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/IconBacking/index.es.js

@@ -1,39 +0,0 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import d from "@mui/material/Box";
-import e from "@mui/material/Stack";
-const m = ({
-  backingSx: r,
-  children: i,
-  size: o,
-  sx: t
-}) => /* @__PURE__ */ c(
-  e,
-  {
-    sx: {
-      display: "grid",
-      placeItems: "center",
-      zIndex: 3,
-      ...t
-    },
-    children: [
-      i,
-      /* @__PURE__ */ n(
-        d,
-        {
-          sx: {
-            backgroundColor: "common.white",
-            borderRadius: "50%",
-            height: o,
-            width: o,
-            gridRow: 1,
-            gridColumn: 1,
-            ...r
-          }
-        }
-      )
-    ]
-  }
-), x = m;
-export {
-  x 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/ListItemAction/index.es.js

@@ -1,69 +0,0 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import u from "react";
-import { observer as v } from "mobx-react-lite";
-import x from "@mui/material/ListItem";
-import C from "@mui/material/ListItemButton";
-import I from "@mui/material/ListItemText";
-import g from "@mui/material/Stack";
-import { ChevronRight as L } from "@mxenabled/mx-icons";
-import { Text as n } from "@mxenabled/mxui";
-import j from "../dialog/Dialog/index.es.js";
-import { useGlobalCopyStore as P } from "../../context/hooks/index.es.js";
-const D = v(
-  ({
-    children: a,
-    isDisabled: i = !1,
-    isSaveDisabled: s = !1,
-    label: p,
-    onCancel: c,
-    onSave: l,
-    primaryText: f,
-    secondaryText: y,
-    zeroStateText: o
-  }) => {
-    const { common: m } = P(), [d, t] = u.useState(!1), h = () => {
-      t(!1), c?.();
-    }, b = () => {
-      t(!1), l();
-    };
-    return /* @__PURE__ */ e(x, { children: [
-      /* @__PURE__ */ e(C, { onClick: () => t(!i), children: [
-        /* @__PURE__ */ r(
-          I,
-          {
-            primary: /* @__PURE__ */ e(g, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ r(n, { variant: "body1", children: f }),
-              /* @__PURE__ */ r(
-                n,
-                {
-                  bold: !0,
-                  color: o ? "primary.main" : "text.primary",
-                  sx: { mr: 4 },
-                  variant: "body1",
-                  children: o || y
-                }
-              )
-            ] }),
-            primaryTypographyProps: { variant: "body1" }
-          }
-        ),
-        !i && !o && /* @__PURE__ */ r(L, {})
-      ] }),
-      /* @__PURE__ */ r(
-        j,
-        {
-          copy: { title: p, close_aria: m.close_aria },
-          disablePrimaryButton: s,
-          isOpen: d,
-          onClose: h,
-          onPrimaryAction: b,
-          primaryText: m.save_button,
-          children: a
-        }
-      )
-    ] });
-  }
-);
-export {
-  D as ListItemAction
-};

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/MicroWidgetContainer/index.es.js

@@ -1,45 +0,0 @@
-import { jsx as r, jsxs as p, Fragment as f } from "react/jsx-runtime";
-import x from "@mui/material/Button";
-import C from "@mui/material/Card";
-import g from "@mui/material/CardContent";
-import b from "@mui/material/CardHeader";
-import { P as u, H3 as v } from "@mxenabled/mxui";
-import { ChevronRight as W } from "@mxenabled/mx-icons";
-import { useDimensions as w } from "../../hooks/useDimensions/index.es.js";
-import { WidgetContainerProvider as H } from "../../context/WidgetContainerProvider/index.es.js";
-const M = ({
-  children: i,
-  className: o,
-  ctaLabel: n,
-  onCTAClick: a,
-  subHeader: t,
-  sx: d,
-  title: c,
-  variant: s = "borderless"
-}) => {
-  const [l, { height: m, width: h }] = w(), e = /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ r(
-      b,
-      {
-        action: /* @__PURE__ */ r(
-          x,
-          {
-            endIcon: /* @__PURE__ */ r(W, { size: 20 }),
-            onClick: a,
-            size: "small",
-            variant: "text",
-            children: n
-          }
-        ),
-        subheader: t && /* @__PURE__ */ r(u, { sx: { color: "text.secondary" }, variant: "body2", children: t }),
-        sx: { p: 0, pb: 8, width: "calc(100% - 8px)", "& .MuiCardHeader-action": { mt: 0 } },
-        title: /* @__PURE__ */ r(v, { sx: { width: "calc(100% - 10px)" }, children: c })
-      }
-    ),
-    /* @__PURE__ */ r(g, { ref: l, sx: { p: 0, ":last-child": { pb: 0 } }, children: /* @__PURE__ */ r(H, { availableHeight: m, availableWidth: h, children: i }) })
-  ] });
-  return s === "borderless" ? e : /* @__PURE__ */ r(C, { className: o, sx: { alignItems: "center", p: 16, ...d }, children: e });
-}, F = M;
-export {
-  F as default
-};

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

@@ -1,39 +0,0 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import f from "@mui/material/Button";
-import u from "@mui/material/Card";
-import x from "@mui/material/CardHeader";
-import g from "@mui/material/CardContent";
-import b from "@mui/material/IconButton";
-import { Icon as C, ChevronRight as v } from "@mxenabled/mx-icons";
-import { Text as W, H3 as H } from "@mxenabled/mxui";
-import { useDimensions as I } from "../../hooks/useDimensions/index.es.js";
-import { WidgetContainerProvider as j } from "../../context/WidgetContainerProvider/index.es.js";
-const w = ({
-  className: t = "mx-cmn-mini-widget",
-  closeLabel: a,
-  children: m,
-  onClose: i,
-  onPrimaryCtaClick: o,
-  primaryCtaLabel: d = "",
-  subTitle: e = "",
-  sx: l = {},
-  title: n = ""
-}) => {
-  const [c, { height: p, width: s }] = I();
-  return /* @__PURE__ */ h(u, { className: t, sx: { ...l }, children: [
-    /* @__PURE__ */ r(
-      x,
-      {
-        action: i ? /* @__PURE__ */ r(b, { "aria-label": a, onClick: i, children: /* @__PURE__ */ r(C, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ r(f, { endIcon: /* @__PURE__ */ r(v, {}), onClick: o, children: /* @__PURE__ */ r(W, { bold: !0, variant: "Small", children: d }) }),
-        subheader: e || null,
-        subheaderTypographyProps: { variant: "Small" },
-        sx: { pb: 4 },
-        title: n ? /* @__PURE__ */ r(H, { sx: { pb: 4 }, children: n }) : null
-      }
-    ),
-    /* @__PURE__ */ r(g, { ref: c, sx: { p: 0 }, children: /* @__PURE__ */ r(j, { availableHeight: p, availableWidth: s, children: m }) })
-  ] });
-}, $ = w;
-export {
-  $ as default
-};