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

package/dist/Drawer-BEtCk82g.mjs

@@ -0,0 +1,163 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import u from "@mui/material/Box";
+import s from "@mui/material/Stack";
+import { H2 as y, Drawer as B } from "@mxenabled/mxui";
+import x from "@mui/material/Button";
+import v from "@mui/material/IconButton";
+import { ArrowBack as j } from "@mxenabled/mx-icons";
+const F = ({
+  footerStyles: e = {},
+  hasSecondaryAction: a = !0,
+  isPrimaryDisabled: t,
+  onPrimaryAction: o,
+  onSecondaryAction: n,
+  primaryButtonProps: l = {},
+  primaryColor: c = "primary",
+  primaryText: i = "Save",
+  secondaryColor: d = "primary",
+  secondaryText: p = "Cancel"
+}) => /* @__PURE__ */ h(
+  s,
+  {
+    sx: {
+      bgcolor: "background.paper",
+      flexDirection: "row",
+      gap: 16,
+      justifyContent: "flex-end",
+      p: 24,
+      ...e
+    },
+    children: [
+      a && /* @__PURE__ */ r(
+        x,
+        {
+          color: d,
+          onClick: n,
+          variant: o ? "outlined" : "contained",
+          children: p
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        x,
+        {
+          ...l,
+          color: c,
+          disabled: t,
+          onClick: o,
+          variant: "contained",
+          children: i
+        }
+      )
+    ]
+  }
+), H = ({
+  ariaLabelClose: e,
+  onClose: a,
+  shouldShowBorders: t,
+  shouldShowShadow: o,
+  title: n
+}) => /* @__PURE__ */ h(
+  s,
+  {
+    "aria-level": 1,
+    direction: "row",
+    role: "heading",
+    sx: {
+      alignItems: "center",
+      backgroundColor: "background.paper",
+      ...t && {
+        borderBottom: 1,
+        borderTop: 1,
+        borderColor: "border.light"
+      },
+      ...o && {
+        boxShadow: "0px 2px 8px 0px #6A73811F"
+      },
+      padding: "8px 8px 8px 8px"
+    },
+    children: [
+      /* @__PURE__ */ r(v, { "aria-label": e, color: "primary", onClick: a, children: /* @__PURE__ */ r(j, { color: "primary", sx: { fontSize: 22 } }) }),
+      /* @__PURE__ */ r(
+        u,
+        {
+          sx: {
+            flexGrow: 1,
+            margin: "auto",
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */ r(y, { bold: !0, variant: "Body", children: n })
+        }
+      ),
+      /* @__PURE__ */ r(u, { width: "44px" })
+    ]
+  }
+), I = ({
+  ariaLabelClose: e = "Close",
+  children: a,
+  footerStyles: t = {},
+  hasSecondaryAction: o = !0,
+  id: n,
+  isOpen: l,
+  isPrimaryDisabled: c,
+  onClose: i,
+  onPrimaryAction: d,
+  onSecondaryAction: p,
+  primaryButtonProps: b,
+  primaryColor: m = "primary",
+  primaryText: g,
+  secondaryColor: w = "secondary",
+  secondaryText: f,
+  shouldShowHeaderBorders: k = !0,
+  shouldShowHeaderShadow: C = !1,
+  title: D,
+  ...S
+}) => /* @__PURE__ */ r(
+  B,
+  {
+    id: n,
+    isOpen: l,
+    onClose: i,
+    sx: {
+      "& .MuiDrawer-paper": {
+        backgroundColor: "background.default",
+        borderRadius: 0
+      },
+      height: "100%",
+      "& .MuiToolbar-root": {
+        backgroundColor: "background.paper"
+      }
+    },
+    ...S,
+    children: /* @__PURE__ */ h(s, { height: "100%", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r(
+        H,
+        {
+          ariaLabelClose: e,
+          onClose: i,
+          shouldShowBorders: k,
+          shouldShowShadow: C,
+          title: D
+        }
+      ),
+      /* @__PURE__ */ r(u, { height: "100%", overflow: "auto", children: a }),
+      d && /* @__PURE__ */ r(
+        F,
+        {
+          footerStyles: t,
+          hasSecondaryAction: o,
+          isPrimaryDisabled: c,
+          onPrimaryAction: d,
+          onSecondaryAction: p ?? i,
+          primaryButtonProps: b,
+          primaryColor: m,
+          primaryText: g,
+          secondaryColor: w,
+          secondaryText: f
+        }
+      )
+    ] })
+  }
+), q = I;
+export {
+  q as D
+};

package/dist/{EmptyState-DA_lfRBv.mjs → EmptyState-DoxNUae-.mjs}

@@ -1,21 +1,21 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import i from "@mui/material/Button";
-import x from "@mui/material/Stack";
-import { Icon as c } from "@mxenabled/mx-icons";
-import { Text as p } from "@mxenabled/mxui";
-const j = ({
-  icon: s,
-  iconColor: l,
-  header: m,
-  onClick: n,
+import s from "@mui/material/Button";
+import i from "@mui/material/Stack";
+import { Icon as x } from "@mxenabled/mx-icons";
+import { Text as c } from "@mxenabled/mxui";
+const y = ({
+  icon: p,
+  iconColor: m,
+  header: l,
+  onClick: a,
   primaryButton: e,
-  primaryButtonStartIcon: a,
+  primaryButtonStartIcon: n,
   secondaryButton: r,
   subText: d,
   sx: h,
   variant: f = "buttons"
 }) => /* @__PURE__ */ o(
-  x,
+  i,
   {
     sx: {
       alignItems: "center",
@@ -25,19 +25,21 @@ const j = ({
       ...h
     },
     children: [
-      /* @__PURE__ */ t(c, { name: s, size: 48, sx: { color: l } }),
+      /* @__PURE__ */ t(x, { name: p, size: 48, sx: { color: m } }),
       /* @__PURE__ */ t(
-        p,
+        c,
         {
+          className: "empty-state-header",
           color: "text.primary",
           sx: { fontWeight: 600, mt: 16, textAlign: "center", textWrap: "wrap" },
           variant: "body1",
-          children: m
+          children: l
         }
       ),
       /* @__PURE__ */ t(
-        p,
+        c,
         {
+          className: "empty-state-subtext",
           color: "text.secondary",
           sx: { fontWeight: 400, textAlign: "center", textWrap: "wrap", width: "calc(100% - 8px)" },
           variant: "subtitle2",
@@ -45,7 +47,7 @@ const j = ({
         }
       ),
       f === "buttons" && (e || r) && /* @__PURE__ */ o(
-        x,
+        i,
         {
           className: "buttons-footer",
           sx: {
@@ -54,19 +56,19 @@ const j = ({
           },
           children: [
             e && /* @__PURE__ */ t(
-              i,
+              s,
               {
-                onClick: () => n?.("primary"),
-                startIcon: a ? /* @__PURE__ */ t(c, { name: a }) : void 0,
+                onClick: () => a?.("primary"),
+                startIcon: n ? /* @__PURE__ */ t(x, { name: n }) : void 0,
                 sx: { textWrap: "nowrap" },
                 variant: "contained",
                 children: e
               }
             ),
             r && /* @__PURE__ */ t(
-              i,
+              s,
               {
-                onClick: () => n?.("secondary"),
+                onClick: () => a?.("secondary"),
                 sx: { textWrap: "nowrap" },
                 variant: "text",
                 children: r
@@ -79,5 +81,5 @@ const j = ({
   }
 );
 export {
-  j as E
+  y as E
 };

package/dist/{ExportCsvAction-sX8Rg4Ov.mjs → ExportCsvAction-DzTrtPzk.mjs}

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { observer as c } from "mobx-react-lite";
 import { Icon as i } from "@mxenabled/mxui";
-import { e as p } from "./exportTransactionsToCSV-7bVS7KXf.mjs";
-import { O as m } from "./User-BQUxBeZV.mjs";
+import { e as p } from "./exportTransactionsToCSV-Cz2t0lmA.mjs";
+import { O as m } from "./User-wXzDI4M8.mjs";
 import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
-import { g as _, h as C, u as l } from "./hooks-D6XlXHf4.mjs";
+import { g as _, h as C, u as l } from "./hooks-C41HAxM5.mjs";
 const v = ({ filter: t }) => {
   const { onEvent: r } = _(), { tags: e, sortedTransactions: s } = C(), { transactions: n } = l(), a = () => {
     r(m.ON_TRANSACTION_EXPORT_CSV_CLICK), p(t ? s.filter(t) : s, e);

package/dist/{Fetch-87LIQbEA.mjs → Fetch-DecPFeGU.mjs}

@@ -1,4 +1,4 @@
-import { g as r } from "./Localization-2MODESHW.mjs";
+import { g as i } from "./Localization-2MODESHW.mjs";
 const E = {
   ACCOUNTS: "accounts",
   ANALYTICS_EVENTS: "analytics_events",
@@ -46,26 +46,26 @@ const E = {
   USER_PROFILES: "user_profiles",
   WIDGET_URLS: "widget_urls"
 };
-class S {
+class _ {
   endpoint = "/";
   headers;
   onError;
-  constructor(s, n, t, o) {
-    this.endpoint = s;
+  constructor(n, s, t, o) {
+    this.endpoint = n;
     const e = {
       Accept: "application/json",
-      "Accept-Language": r(),
+      "Accept-Language": i(),
       "Content-Type": "application/json",
-      "MD-Session-Token": n
+      "MD-Session-Token": s
     };
     this.headers = t || e, this.onError = o;
   }
-  get = async (s) => {
-    const n = {
+  get = async (n) => {
+    const s = {
       method: "GET",
       headers: this.headers
     };
-    return fetch(`${this.endpoint}${s}`, n).then((t) => {
+    return fetch(`${this.endpoint}${n}`, s).then((t) => {
       if (t.ok)
         return t.text();
       throw t;
@@ -73,13 +73,13 @@ class S {
       throw this.onError?.(t, void 0, "ApiGetRequestError"), t;
     });
   };
-  post = async (s, n) => {
-    const t = n ? JSON.stringify(n) : void 0, o = {
+  post = async (n, s) => {
+    const t = s ? JSON.stringify(s) : void 0, o = {
       method: "POST",
       headers: this.headers,
       body: t
     };
-    return fetch(`${this.endpoint}${s}`, o).then((e) => {
+    return fetch(`${this.endpoint}${n}`, o).then((e) => {
       if (!e.ok)
         throw e;
       return e.text();
@@ -87,24 +87,26 @@ class S {
       throw e;
     });
   };
-  put = async (s, n) => {
-    const t = JSON.stringify(n), o = {
+  put = async (n, s) => {
+    const t = JSON.stringify(s), o = {
       method: "PUT",
       headers: this.headers,
       body: t
     };
-    return fetch(`${this.endpoint}${s}`, o).then((e) => e.ok ? e.text() : e.text().then((i) => {
-      throw new Error(i);
-    })).then((e) => e.length ? JSON.parse(e) : {}).then((e) => e).catch((e) => {
-      throw e;
+    return fetch(`${this.endpoint}${n}`, o).then((e) => {
+      if (e.ok)
+        return e.text();
+      throw new Error(`${e.status}`);
+    }).then((e) => e.length ? JSON.parse(e) : {}).then((e) => e).catch((e) => {
+      throw window?.app?.config?.type === "pulse" && this.onError?.(e.message), e.message;
     });
   };
-  delete = async (s) => {
-    const n = {
+  delete = async (n) => {
+    const s = {
       method: "DELETE",
       headers: this.headers
     };
-    return fetch(`${this.endpoint}${s}`, n).then((t) => t.ok ? t.text() : t.text().then((o) => {
+    return fetch(`${this.endpoint}${n}`, s).then((t) => t.ok ? t.text() : t.text().then((o) => {
       throw new Error(o);
     })).then((t) => t.length ? JSON.parse(t) : {}).then((t) => t).catch((t) => {
       throw t;
@@ -113,5 +115,5 @@ class S {
 }
 export {
   E as A,
-  S as F
+  _ as F
 };