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

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

@@ -0,0 +1,56 @@
+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

@@ -0,0 +1,58 @@
+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

@@ -0,0 +1,84 @@
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,41 @@
+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

@@ -0,0 +1,69 @@
+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

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1,39 @@
+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
+};