@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0

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

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

package/dist/Error-Dogaw2jO.mjs

@@ -0,0 +1,84 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import c from "react";
+import { observer as g } from "mobx-react-lite";
+import { Stack as i, Box as f, Button as u, useTheme as y } from "@mui/material";
+import { Icon as C, Text as l } from "@mxenabled/mxui";
+import { G as b } from "./hooks-BaO_gOI6.mjs";
+const m = c.forwardRef(
+  (r, o) => {
+    const n = y();
+    return /* @__PURE__ */ e(
+      "svg",
+      {
+        fill: "none",
+        height: "60",
+        ref: o,
+        viewBox: "0 0 72 60",
+        width: "72",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...r,
+        children: /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M28.8288 1.43265C34.4433 4.02036 36.9443 13.1615 44.4378 18.7551C53.8387 25.7725 64.7205 8.05287 70.6592 18.2364C80.9926 35.9558 28.2828 74.5237 25.8072 54.2678C25.1894 49.213 34.1353 42.7165 27.308 38.2971C18.7065 32.7294 9.89746 43.1722 4.34888 37.9733C-8.70438 25.7428 10.0261 -7.2333 28.8288 1.43265Z",
+            fill: n.palette.primary[100] ?? "#DFE8FD"
+          }
+        )
+      }
+    );
+  }
+);
+m.displayName = "BlobSVG";
+const w = ({
+  heading: r,
+  message: o,
+  iconName: n = "error",
+  buttonText: d,
+  onClick: s
+}) => {
+  const t = c.useContext(b)?.globalStore.copyStore.copy.common, h = r ?? (t?.error_heading ? `${t.error_heading}!` : "Oops!"), x = o ?? t?.error_message ?? "Something went wrong. Please try again.", p = d ?? t?.refresh_button ?? "Refresh";
+  return /* @__PURE__ */ e(i, { alignItems: "center", justifyContent: "center", style: { height: "100dvh" }, children: /* @__PURE__ */ a(
+    i,
+    {
+      sx: {
+        display: "flex",
+        padding: "48px 16px",
+        flexDirection: "column",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ a(
+          i,
+          {
+            sx: {
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ e(
+                f,
+                {
+                  sx: {
+                    position: "absolute",
+                    zIndex: 0
+                  },
+                  children: /* @__PURE__ */ e(m, {})
+                }
+              ),
+              /* @__PURE__ */ e(C, { color: "primary", name: n, size: 48, sx: { zIndex: 1 } })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(l, { bold: !0, color: "text.primary", mt: "24px", variant: "h2", children: h }),
+        /* @__PURE__ */ e(l, { color: "text.secondary", variant: "subtitle1", children: x }),
+        s && /* @__PURE__ */ e(u, { color: "primary", onClick: () => {
+          s?.();
+        }, sx: { mt: 48 }, variant: "contained", children: p })
+      ]
+    }
+  ) });
+}, G = g(w);
+export {
+  m as B,
+  G as E
+};

package/dist/ErrorBoundary-CsdOcnJ9.mjs

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

package/dist/{ExportCsvAction-oG_Mn66T.mjs → ExportCsvAction-Bw02ZJEj.mjs}

@@ -1,16 +1,16 @@
 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-BU1jTY0Q.mjs";
-import { O as m } from "./User-CulNdZUr.mjs";
-import { R as x } from "./ResponsiveButton-C6KH8JH4.mjs";
-import { g as _, h as C, u as l } from "./hooks-fY_n74f7.mjs";
+import { e as p } from "./TransactionUtils-BphBJBbU.mjs";
+import { O as m } from "./EmbeddedCard-DPwJjqMH.mjs";
+import { g as x, h as _, u as C } from "./hooks-BaO_gOI6.mjs";
+import { R as l } from "./ResponsiveButton-CC9F_Ezk.mjs";
 const v = ({ filter: t }) => {
-  const { onEvent: r } = _(), { tags: e, sortedTransactions: s } = C(), { transactions: n } = l(), a = () => {
+  const { onEvent: r } = x(), { tags: e, sortedTransactions: s } = _(), { transactions: n } = C(), a = () => {
     r(m.ON_TRANSACTION_EXPORT_CSV_CLICK), p(t ? s.filter(t) : s, e);
   };
   return /* @__PURE__ */ o("div", { className: "mx-txn-export-csv-action", children: /* @__PURE__ */ o(
-    x,
+    l,
     {
       icon: /* @__PURE__ */ o(i, { name: "open_in_new" }),
       label: n.export_csv_btn,

package/dist/GlobalAccountFilter-7Cg2-9A5.mjs

@@ -0,0 +1,237 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import B from "react";
+import { observer as I } from "mobx-react-lite";
+import j from "@mui/material/Box";
+import C from "@mui/material/Button";
+import P from "@mui/material/Divider";
+import w from "@mui/material/IconButton";
+import O from "@mui/material/Popover";
+import A from "@mui/material/Stack";
+import E from "@mui/material/Tooltip";
+import { FilterAlt as F } from "@mxenabled/mx-icons";
+import S from "@mui/material/Checkbox";
+import G from "@mui/material/List";
+import g from "@mui/material/ListItem";
+import _ from "@mui/material/ListItemButton";
+import H from "@mui/material/ListItemIcon";
+import v from "@mui/material/ListItemText";
+import { b as M, u as W, d as z } from "./hooks-BaO_gOI6.mjs";
+const N = I(
+  ({ allowedAccountTypes: a }) => {
+    const { accountFilterMap: s, updateAccountFilterMap: u } = M(), { accounts: y, common: x } = W(), { account_filter: c } = x, { accountsByTypeMap: n } = z(), k = B.useMemo(
+      () => Array.from(n.keys()).reduce((t, i) => {
+        if (!a || a && a.includes(i)) {
+          const o = n.get(i);
+          o && t.push(...o);
+        }
+        return t;
+      }, []),
+      [n, a]
+    ), p = new Map(
+      Array.from(s.entries()).filter(([t]) => k.some((i) => i.guid === t))
+    ), m = Array.from(p.values()).every((t) => t), b = Array.from(p.values()).some((t) => t), f = () => {
+      for (const t of p.keys())
+        u(t, !m);
+    }, h = (t) => {
+      const i = n.get(t);
+      if (!i) return;
+      const o = i.some((r) => s.get(r.guid));
+      for (const r of i)
+        u(r.guid, !o);
+    };
+    return /* @__PURE__ */ d(
+      G,
+      {
+        dense: !0,
+        id: "filter_accounts",
+        sx: { overflowY: "scroll", maxHeight: 350, minWidth: 280 },
+        children: [
+          /* @__PURE__ */ e(
+            g,
+            {
+              "aria-label": c.select_all_accounts,
+              disableGutters: !0,
+              disablePadding: !0,
+              role: "menuitem",
+              sx: { py: 16 },
+              children: /* @__PURE__ */ d(_, { disableGutters: !0, onClick: f, sx: { p: 0, px: 8 }, children: [
+                /* @__PURE__ */ e(
+                  S,
+                  {
+                    "aria-checked": m,
+                    checked: m,
+                    disableRipple: !0,
+                    indeterminate: !m && b,
+                    size: "small",
+                    slotProps: { input: { "aria-labelledby": "label-select-all" } },
+                    tabIndex: -1
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  v,
+                  {
+                    id: "label-select-all",
+                    primary: c.select_all_accounts,
+                    slotProps: { primary: { variant: "body1", fontWeight: "normal" } }
+                  }
+                )
+              ] })
+            }
+          ),
+          Array.from(n.keys()).map((t) => {
+            const i = n.get(t), o = a ? !a.includes(t) : !1, r = y.account_type_accounts[t];
+            return (
+              // Account Type Header
+              /* @__PURE__ */ e(
+                g,
+                {
+                  "aria-label": r,
+                  disableGutters: !0,
+                  disablePadding: !0,
+                  children: /* @__PURE__ */ d(A, { sx: { pb: 8, width: "100%" }, children: [
+                    /* @__PURE__ */ e(P, {}),
+                    /* @__PURE__ */ e(
+                      G,
+                      {
+                        dense: !0,
+                        role: "menu",
+                        subheader: /* @__PURE__ */ e(g, { "aria-label": r, role: "menu", children: /* @__PURE__ */ e(
+                          _,
+                          {
+                            disableGutters: !0,
+                            disabled: o,
+                            onClick: () => h(t),
+                            sx: { pl: 16, minHeight: 40, justifyContent: "left" },
+                            children: /* @__PURE__ */ e(
+                              v,
+                              {
+                                primary: r,
+                                slotProps: { primary: { variant: "body1", fontWeight: "bold" } }
+                              }
+                            )
+                          }
+                        ) }),
+                        children: i?.map((l) => (
+                          // Account Checkbox
+                          /* @__PURE__ */ e(g, { "aria-label": l.displayName, role: "menuitem", children: /* @__PURE__ */ d(
+                            _,
+                            {
+                              disableGutters: !0,
+                              disabled: o,
+                              onClick: () => u(l.guid, !s.get(l.guid)),
+                              sx: { p: 0, minHeight: 40 },
+                              children: [
+                                /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
+                                  S,
+                                  {
+                                    "aria-checked": s.get(l.guid),
+                                    checked: s.get(l.guid),
+                                    disableRipple: !0,
+                                    size: "small",
+                                    slotProps: { input: { "aria-labelledby": `label-${l.guid}` } },
+                                    tabIndex: -1
+                                  }
+                                ) }),
+                                /* @__PURE__ */ e(
+                                  v,
+                                  {
+                                    id: `label-${l.guid}`,
+                                    primary: l.displayName,
+                                    slotProps: { primary: { variant: "body1", fontWeight: "normal" } }
+                                  }
+                                )
+                              ]
+                            }
+                          ) }, l.guid)
+                        ))
+                      }
+                    )
+                  ] })
+                },
+                t
+              )
+            );
+          })
+        ]
+      }
+    );
+  }
+), le = I(
+  ({
+    allowedAccountTypes: a,
+    isDesktop: s,
+    onAccountFilterClick: u,
+    sx: y = {},
+    variant: x = "text"
+  }) => {
+    const { common: c } = W(), { accountFilterMap: n, resetAccountFilterMap: k } = M(), { detailedAccounts: p, updateAccountFilter: m } = z(), [b, f] = B.useState(null), h = (L) => {
+      k(), f(L.currentTarget), u?.();
+    }, t = () => {
+      f(null);
+    }, i = async () => {
+      await m(n), f(null);
+    }, o = c.account_filter, r = !!b, l = p.length === 0;
+    return /* @__PURE__ */ d(j, { sx: { ...y }, children: [
+      s ? /* @__PURE__ */ e(
+        C,
+        {
+          "aria-controls": r ? "filter_accounts" : void 0,
+          "aria-expanded": r,
+          "aria-haspopup": !0,
+          "aria-label": o.title,
+          disabled: l,
+          onClick: h,
+          startIcon: /* @__PURE__ */ e(F, { size: 24 }),
+          sx: { p: 8, whiteSpace: "nowrap", minWidth: "max-content" },
+          variant: x,
+          children: c.filter_button
+        }
+      ) : /* @__PURE__ */ e(E, { id: "filter-accounts", placement: "bottom", title: o.title, children: /* @__PURE__ */ e(
+        w,
+        {
+          "aria-controls": r ? "filter_accounts" : void 0,
+          "aria-describedby": "filter-accounts",
+          "aria-expanded": r,
+          "aria-haspopup": !0,
+          "aria-label": o.title,
+          color: "primary",
+          disabled: l,
+          onClick: h,
+          sx: { p: 8 },
+          children: /* @__PURE__ */ e(F, { size: 24 })
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        O,
+        {
+          anchorEl: b,
+          anchorOrigin: { vertical: "bottom", horizontal: "left" },
+          onClose: t,
+          open: r,
+          transformOrigin: { vertical: "top", horizontal: "left" },
+          children: /* @__PURE__ */ d(A, { children: [
+            /* @__PURE__ */ e(N, { allowedAccountTypes: a }),
+            /* @__PURE__ */ e(P, {}),
+            /* @__PURE__ */ d(A, { direction: "row", justifyContent: "space-between", spacing: 16, sx: { p: 16 }, children: [
+              /* @__PURE__ */ e(C, { fullWidth: !0, onClick: t, variant: "text", children: c.cancel_button }),
+              /* @__PURE__ */ e(
+                C,
+                {
+                  "aria-label": o.filter_button_aria,
+                  color: "primary",
+                  fullWidth: !0,
+                  onClick: i,
+                  variant: "contained",
+                  children: c.filter_button
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    ] });
+  }
+);
+export {
+  le as G
+};

package/dist/GlobalCopyApi-wcnDUzMV.mjs

@@ -0,0 +1,128 @@
+import c from "bowser";
+import { A as a } from "./ApiEndpoints-DXwIYNUV.mjs";
+import { g as h } from "./Localization-DnoVyBNK.mjs";
+class o {
+  endpoint = "/";
+  headers;
+  onError;
+  constructor(e, n, t, r) {
+    this.endpoint = e;
+    const s = {
+      Accept: "application/json",
+      "Accept-Language": h(),
+      "Content-Type": "application/json",
+      "MD-Session-Token": n
+    };
+    this.headers = t || s, this.onError = r;
+  }
+  get = async (e) => {
+    const n = {
+      method: "GET",
+      headers: this.headers
+    };
+    return fetch(`${this.endpoint}${e}`, n).then((t) => {
+      if (t.ok)
+        return t.text();
+      throw t;
+    }).then((t) => t.length ? JSON.parse(t) : {}).then((t) => t).catch((t) => {
+      throw this.onError?.(t, void 0, "ApiGetRequestError"), t;
+    });
+  };
+  post = async (e, n) => {
+    const t = n ? JSON.stringify(n) : void 0, r = {
+      method: "POST",
+      headers: this.headers,
+      body: t
+    };
+    return fetch(`${this.endpoint}${e}`, r).then((s) => {
+      if (!s.ok)
+        throw s;
+      return s.text();
+    }).then((s) => s.length ? JSON.parse(s) : {}).then((s) => s).catch((s) => {
+      throw s;
+    });
+  };
+  put = async (e, n) => {
+    const t = JSON.stringify(n), r = {
+      method: "PUT",
+      headers: this.headers,
+      body: t
+    };
+    return fetch(`${this.endpoint}${e}`, r).then((s) => {
+      if (s.ok)
+        return s.text();
+      throw new Error(`${s.status}`);
+    }).then((s) => s.length ? JSON.parse(s) : {}).then((s) => s).catch((s) => {
+      throw window?.app?.config?.type === "pulse" && this.onError?.(s.message), s.message;
+    });
+  };
+  delete = async (e) => {
+    const n = {
+      method: "DELETE",
+      headers: this.headers
+    };
+    return fetch(`${this.endpoint}${e}`, n).then((t) => t.ok ? t.text() : t.text().then((r) => {
+      throw new Error(r);
+    })).then((t) => t.length ? JSON.parse(t) : {}).then((t) => t).catch((t) => {
+      throw t;
+    });
+  };
+}
+class f {
+  fetchInstance;
+  constructor(e, n, t) {
+    this.fetchInstance = new o(e, n, void 0, t);
+  }
+  initializeAnalyticsSession = async (e, n) => {
+    const t = c.getParser(window.navigator.userAgent), { analytics_session: r } = await this.fetchInstance.post(a.ANALYTICS_SESSION, {
+      browser_name: t.getBrowserName() || "Unknown",
+      browser_version: t.getBrowserVersion() || "0.0.0",
+      is_first_visit: !1,
+      product_name: "Individual Widget",
+      product_version: e
+    });
+    return r ? (this.fetchInstance.post(a.ANALYTICS_FEATURE_VISITS, {
+      feature_visit: {
+        analytics_session_guid: r.guid,
+        feature_name: n || "Experiences",
+        is_first_visit: r.is_first_visit
+      }
+    }), { analytics_session: r }) : { analytics_session: null };
+  };
+  sendAnalyticEvent = async (e) => this.fetchInstance.post(a.ANALYTICS_EVENTS, e).catch((n) => {
+    throw n;
+  });
+  sendAnalyticsPageview = async (e) => this.fetchInstance.post(a.ANALYTICS_PAGEVIEWS, e).catch((n) => {
+    throw n;
+  });
+}
+class l {
+  fetchInstance;
+  constructor(e, n, t) {
+    this.fetchInstance = new o(e, n, void 0, t);
+  }
+  getBeats = async (e, n) => {
+    const t = `page=${e || 1}&per_page=${n || 5}`;
+    return this.fetchInstance.get(`${a.BEATS}?${t}`).then((r) => r.beats);
+  };
+  getBeatsWithAssociatedTransaction = async (e) => {
+    let n = "has_associated_transaction_guid=true";
+    return n += e ? `&from_date=${e}` : "", this.fetchInstance.get(`${a.BEATS}?${n}`).then((t) => t.beats);
+  };
+  getOffers = async () => this.fetchInstance.get(`${a.OFFERS}/${a.PULSE_COMMUNICATIONS}`).then((e) => e.pulse_communications);
+  updateBeat = async (e) => this.fetchInstance.put(`${a.BEATS}/${e.guid}`, e).then((n) => n.beat);
+  updateOffer = async (e) => this.fetchInstance.put(`${a.OFFERS}/${e.guid}`, e).then((n) => n.beat);
+}
+class g {
+  fetchInstance;
+  constructor(e, n, t) {
+    this.fetchInstance = new o(e, n, void 0, t);
+  }
+  getGlobalCopy = async (e, n) => this.fetchInstance.post(`${a.LOCALIZED_CONTENT}/${e}`, { translation_key: n }).then((t) => t);
+}
+export {
+  f as A,
+  l as B,
+  o as F,
+  g as G
+};