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

package/dist/help/components/requestsupport/HelpByCategoryList/index.es.js

@@ -0,0 +1,82 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import f from "react";
+import h from "@mui/material/Accordion";
+import b from "@mui/material/AccordionDetails";
+import g from "@mui/material/AccordionSummary";
+import y from "@mui/material/Divider";
+import R from "@mui/icons-material/ExpandMore";
+import B from "@mui/material/List";
+import I from "@mui/material/ListItemButton";
+import n from "@mui/material/Stack";
+import { Icon as L, Text as m } from "@mxenabled/mxui";
+const H = ({
+  helpByCategory: o,
+  onClick: p
+}) => {
+  const [s, a] = f.useState(null);
+  return /* @__PURE__ */ r(n, { sx: { flex: 1, gap: 12, p: 12 }, children: o.map(({ icon: c, topics: l, title: x }, t) => /* @__PURE__ */ d(
+    h,
+    {
+      disableGutters: !0,
+      expanded: t === s,
+      onChange: (e, i) => {
+        a(i ? t : null);
+      },
+      sx: S,
+      children: [
+        /* @__PURE__ */ r(
+          g,
+          {
+            expandIcon: /* @__PURE__ */ r(R, { sx: { color: "text.primary" } }),
+            sx: { p: "14px 24px", height: 64 },
+            children: /* @__PURE__ */ d(n, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
+              /* @__PURE__ */ r(L, { name: c, size: 24 }),
+              /* @__PURE__ */ r(m, { variant: "Body", children: x })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ r(y, {}),
+        /* @__PURE__ */ r(
+          b,
+          {
+            sx: {
+              ml: 56,
+              p: 0
+            },
+            children: /* @__PURE__ */ r(B, { sx: { "& .MuiListItemButton-root": { pl: 6 } }, children: l.map(({ label: e, type: i }, u) => /* @__PURE__ */ r(
+              I,
+              {
+                divider: !0,
+                onClick: () => p(e, i),
+                sx: {
+                  borderColor: "border.light",
+                  "&:last-child": {
+                    border: "none",
+                    borderBottomRightRadius: 7
+                  }
+                },
+                children: /* @__PURE__ */ r(m, { color: "secondary", variant: "Small", children: e })
+              },
+              u
+            )) })
+          }
+        )
+      ]
+    },
+    t
+  )) });
+}, S = (o) => ({
+  border: `1px solid ${o.palette.border?.light}`,
+  borderRadius: "8px",
+  "&:first-of-type": { borderRadius: "8px" },
+  "&:before": {
+    opacity: 0
+  },
+  "& .MuiAccordion-region": {
+    borderBottomLeftRadius: 8,
+    borderBottomRightRadius: 8
+  }
+});
+export {
+  H as HelpByCategoryList
+};

package/dist/help/components/requestsupport/MissingInstitution/index.es.js

@@ -0,0 +1,95 @@
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import g from "react";
+import { observer as D } from "mobx-react-lite";
+import L from "@mui/material/Alert";
+import W from "@mui/material/Snackbar";
+import E from "@mui/material/Stack";
+import I from "@mui/material/TextField";
+import { RequestSupportHeader as k } from "../RequestSupportHeader/index.es.js";
+import { useHelpStore as A } from "../../../../common/context/hooks/index.es.js";
+import F from "../../../../common/components/drawer/Drawer/index.es.js";
+const _ = {
+  institutionName: "",
+  institutionWebsite: ""
+}, m = {
+  institutionName: "",
+  institutionLoginPage: "",
+  institutionWebsite: ""
+}, B = D(
+  ({ copy: i, isOpen: h, onClose: v, onSave: b }) => {
+    const { alert: s, isLoading: q, setAlert: p } = A(), [c, d] = g.useState(_), [n, a] = g.useState(m), f = [
+      { name: "institutionName", required: !0 },
+      { name: "institutionWebsite", required: !0 },
+      { name: "institutionLoginPage", required: !1 }
+    ].map((e, t) => ({
+      ...e,
+      label: i.popular_topics_missing_institution_fields[t.toString()]
+    })), S = () => {
+      d(_), a(m), v();
+    }, C = (e) => {
+      const {
+        target: { name: t, value: u }
+      } = e;
+      a((r) => ({
+        ...r,
+        [t]: u
+      }));
+    };
+    return /* @__PURE__ */ x(
+      F,
+      {
+        isOpen: h,
+        onClose: S,
+        onPrimaryAction: () => {
+          const e = {};
+          let t = !0;
+          f.forEach(({ label: u, name: r, required: P }) => {
+            const l = n[r];
+            P && !l && (e[r] = `${u} ${i.request_support_required_message}`, t = !1), (r === "institutionWebsite" || r === "institutionLoginPage") && l && !/(.+)\.(.{2,})/g.test(l) && (e[r] = i.request_support_valid_url_message, t = !1);
+          }), d(e), t && (b(n), a(m));
+        },
+        secondaryColor: "primary",
+        title: i.request_support,
+        children: [
+          /* @__PURE__ */ o(
+            k,
+            {
+              content: i.popular_topics_missing_institution_content,
+              hasIcon: !1,
+              reverse: !0,
+              subtitle: i.request_support_institution_short_content,
+              title: i.popular_topics_missing_institution
+            }
+          ),
+          /* @__PURE__ */ o(E, { sx: { gap: 24, p: 24 }, children: f.map(({ label: e, name: t }) => /* @__PURE__ */ o(
+            I,
+            {
+              InputLabelProps: { shrink: !0 },
+              error: !!c[t],
+              fullWidth: !0,
+              helperText: c[t] || "",
+              label: e,
+              name: t,
+              onChange: C,
+              value: n[t]
+            },
+            t
+          )) }),
+          s.message && /* @__PURE__ */ o(
+            W,
+            {
+              anchorOrigin: { vertical: "bottom", horizontal: "center" },
+              autoHideDuration: 3500,
+              onClose: () => p(""),
+              open: !!s.message && s.severity === "error" && !q,
+              children: /* @__PURE__ */ o(L, { onClose: () => p(""), severity: s.severity, variant: "filled", children: s.message })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  B as default
+};

package/dist/help/components/requestsupport/PopularTopicsDrawer/index.es.js

@@ -0,0 +1,50 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import a from "react";
+import l from "@mui/material/Stack";
+import { Text as c } from "@mxenabled/mxui";
+import { PopularTopicsList as _ } from "../PopularTopicsList/index.es.js";
+import { RequestSupportHeader as f } from "../RequestSupportHeader/index.es.js";
+import { getInstitutionsBasedOnGuid as d } from "../../../utils/getInstitutionsBasedOnGuid/index.es.js";
+import { useAccountStore as h } from "../../../../common/context/hooks/index.es.js";
+import x from "../../../../common/components/drawer/Drawer/index.es.js";
+const D = ({
+  copy: t,
+  isOpen: s,
+  onClick: e,
+  onClose: u,
+  topic: n
+}) => {
+  const { institutions: o, accounts: i } = h(), p = a.useMemo(
+    () => d(o, i, {
+      singular: t.request_support_institution_account,
+      plural: t.request_support_institution_accounts
+    }),
+    [o, i]
+  );
+  return /* @__PURE__ */ r(x, { isOpen: s, onClose: u, title: t.request_support, children: /* @__PURE__ */ m(l, { children: [
+    /* @__PURE__ */ r(
+      f,
+      {
+        hasIcon: !1,
+        reverse: !0,
+        subtitle: t.request_support_institution_short_content,
+        title: n
+      }
+    ),
+    /* @__PURE__ */ r(
+      c,
+      {
+        color: "text.primary",
+        fontWeight: "bold",
+        gutterBottom: !0,
+        sx: { ml: 24 },
+        variant: "XSmall",
+        children: t.request_support_institution_topic_label
+      }
+    ),
+    /* @__PURE__ */ r(_, { list: p, onClick: e, sx: { fontWeight: 600 } })
+  ] }) });
+};
+export {
+  D as PopularTopicsDrawer
+};

package/dist/help/components/requestsupport/PopularTopicsList/index.es.js

@@ -0,0 +1,22 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import e from "react";
+import x from "@mui/material/Box";
+import a from "@mui/material/Divider";
+import f from "@mui/material/List";
+import { PopularTopicsRow as n } from "../PopularTopicsRow/index.es.js";
+const v = ({ list: i, onClick: m, sx: p }) => /* @__PURE__ */ o(x, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ o(f, { sx: { "& .MuiDivider-root:last-child": { ml: 0 } }, children: i.map(({ name: r, guid: t, subtitle: s, type: c }, l) => /* @__PURE__ */ d(e.Fragment, { children: [
+  /* @__PURE__ */ o(
+    n,
+    {
+      guid: t,
+      name: r,
+      onClick: () => m?.(r, c),
+      subtitle: s,
+      sx: p
+    }
+  ),
+  /* @__PURE__ */ o(a, { sx: { ml: 24 } })
+] }, `${r}-${l}`)) }) });
+export {
+  v as PopularTopicsList
+};

package/dist/help/components/requestsupport/PopularTopicsRow/index.es.js

@@ -0,0 +1,30 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import a from "@mui/material/ListItemAvatar";
+import p from "@mui/material/ListItem";
+import n from "@mui/material/ListItemButton";
+import l from "@mui/material/ListItemIcon";
+import d from "@mui/material/ListItemText";
+import { ChevronRight as y } from "@mxenabled/mx-icons";
+import { InstitutionLogo as c } from "@mxenabled/mxui";
+const P = ({
+  name: t,
+  onClick: i,
+  subtitle: m,
+  guid: o,
+  sx: s
+}) => /* @__PURE__ */ r(p, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(n, { "aria-label": t, onClick: i, children: [
+  o && /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(c, { alt: t, institutionGuid: o || "", size: 32 }) }),
+  /* @__PURE__ */ r(
+    d,
+    {
+      primary: t,
+      primaryTypographyProps: { style: { ...s }, variant: "Body" },
+      secondary: m,
+      secondaryTypographyProps: { variant: "XSmall" }
+    }
+  ),
+  /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(y, {}) })
+] }) });
+export {
+  P as PopularTopicsRow
+};

package/dist/help/components/requestsupport/RequestSupport/index.es.js

@@ -0,0 +1,179 @@
+import { jsx as i, jsxs as C } from "react/jsx-runtime";
+import a from "react";
+import { observer as w } from "mobx-react-lite";
+import D from "@mui/material/Box";
+import R from "@mui/material/Stack";
+import { Text as d } from "@mxenabled/mxui";
+import { ContactSupport as y } from "../ContactSupport/index.es.js";
+import { HelpByCategoryList as M } from "../HelpByCategoryList/index.es.js";
+import $ from "../MissingInstitution/index.es.js";
+import { PopularTopicsDrawer as W } from "../PopularTopicsDrawer/index.es.js";
+import { PopularTopicsList as H } from "../PopularTopicsList/index.es.js";
+import { RequestSupportFooter as j } from "../RequestSupportFooter/index.es.js";
+import { RequestSupportHeader as A } from "../RequestSupportHeader/index.es.js";
+import { RequestSupportInstitution as U } from "../RequestSupportInstitution/index.es.js";
+import E from "../SupportSuccessMessage/index.es.js";
+import { HELP_BY_CATEGORY_LIST as F, POPULAR_TOPICS_LIST as G } from "../../../constants/Help/index.es.js";
+import { useHelpStore as N, useUserStore as X, useGlobalUiStore as Y } from "../../../../common/context/hooks/index.es.js";
+import z from "../../../../common/components/drawer/Drawer/index.es.js";
+import J from "../../../../common/components/Loader/index.es.js";
+const St = w(
+  ({ copy: e, isOpen: O, onClose: x }) => {
+    const { alert: m, createSupportTicket: S, isLoading: c, setAlert: l } = N(), { user: s } = X(), { isInitialized: I } = Y(), [n, u] = a.useState(""), [b, p] = a.useState(!1), [L, f] = a.useState(!1), [o, _] = a.useState({
+      isOpen: !1,
+      topic: "",
+      type: void 0
+    }), T = F.map((t) => ({
+      ...t,
+      title: e.help_by_category_list[t.guid].label,
+      topics: t.topics.map(({ type: r }, v) => ({
+        type: r,
+        label: e.help_by_category_list[t.guid].topics[v]
+      }))
+    })), q = Object.keys(e.popular_topics_list).map((t, r) => ({
+      name: e.popular_topics_list[t],
+      type: G[r].type
+    })), g = () => {
+      u(""), _({ isOpen: !1, topic: "", type: void 0 });
+    }, B = (t) => {
+      s.email && S({
+        email: s.email,
+        message: n ? `Institution: ${n}, ${t}` : t,
+        title: o.topic || "Contact Support"
+      });
+    }, h = (t, r) => {
+      r === "other" ? f(!0) : _({ isOpen: !0, topic: t, type: r });
+    }, P = () => {
+      l(""), p(!1), f(!1), g();
+    }, k = (t) => {
+      if (!s.email) {
+        l(e.request_support_email_not_exists_message, "error");
+        return;
+      }
+      S({
+        email: s.email,
+        message: `Institution Website: ${t.institutionWebsite}${t.institutionLoginPage ? ` Institution Login Page: ${t.institutionLoginPage}` : ""} `,
+        title: `Institution Request: ${t.institutionName}`
+      });
+    };
+    return /* @__PURE__ */ i(z, { isOpen: O, onClose: x, title: e.request_support, children: !I || c ? /* @__PURE__ */ i(J, {}) : /* @__PURE__ */ C(a.Fragment, { children: [
+      /* @__PURE__ */ C(R, { children: [
+        /* @__PURE__ */ i(
+          A,
+          {
+            subtitle: e.request_support_short_content,
+            title: e.request_support_title
+          }
+        ),
+        /* @__PURE__ */ i(
+          d,
+          {
+            color: "text.primary",
+            fontWeight: "bold",
+            gutterBottom: !0,
+            sx: { ml: 24 },
+            variant: "XSmall",
+            children: e.popular_topics
+          }
+        ),
+        /* @__PURE__ */ i(
+          H,
+          {
+            list: q,
+            onClick: h,
+            sx: { fontWeight: 400 }
+          }
+        ),
+        /* @__PURE__ */ i(
+          d,
+          {
+            color: "text.primary",
+            fontWeight: "bold",
+            gutterBottom: !0,
+            sx: { m: "24px 0px 0px 24px" },
+            variant: "XSmall",
+            children: e.help_by_category
+          }
+        ),
+        /* @__PURE__ */ i(
+          M,
+          {
+            helpByCategory: T,
+            onClick: h
+          }
+        ),
+        /* @__PURE__ */ i(D, { sx: { p: 24 }, children: /* @__PURE__ */ i(
+          j,
+          {
+            copy: e,
+            onButtonClick: () => p(!0)
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ i(
+        y,
+        {
+          alert: m,
+          copy: e,
+          email: s.email,
+          institution: n,
+          isLoading: c,
+          isOpen: b,
+          onClose: () => {
+            p(!1), u("");
+          },
+          onSubmit: B,
+          setAlert: l,
+          topic: o.topic || e.contact_support
+        }
+      ),
+      /* @__PURE__ */ i(
+        $,
+        {
+          copy: e,
+          isOpen: L,
+          onClose: () => f(!1),
+          onSave: k
+        }
+      ),
+      /* @__PURE__ */ i(
+        W,
+        {
+          copy: e,
+          isOpen: o.isOpen,
+          onClick: (t) => {
+            u(t), o.type === "internal" && p(!0);
+          },
+          onClose: g,
+          topic: o.topic
+        }
+      ),
+      /* @__PURE__ */ i(
+        E,
+        {
+          copy: e,
+          email: s.email,
+          isOpen: !!m.message && m.severity === "success" && !c,
+          onBack: () => {
+            l(""), o.type === "internal" && p(!1);
+          },
+          onClose: P
+        }
+      ),
+      /* @__PURE__ */ i(
+        U,
+        {
+          copy: e,
+          institution: n,
+          isOpen: !!n && o.type === "external",
+          onClose: () => u(""),
+          popularTopicsDrawerOnClose: g,
+          title: o.topic
+        }
+      )
+    ] }) });
+  }
+);
+export {
+  St as RequestSupport
+};

package/dist/help/components/requestsupport/RequestSupportFooter/index.es.js

@@ -0,0 +1,26 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import s from "@mui/material/Button";
+import c from "@mui/material/Stack";
+import { P as i, Text as p } from "@mxenabled/mxui";
+const h = ({ copy: t, onButtonClick: o }) => {
+  const r = a();
+  return /* @__PURE__ */ n(c, { sx: { alignItems: "center", gap: 5 }, children: [
+    /* @__PURE__ */ e(i, { color: "text.secondary", sx: r, children: t.contact_support }),
+    /* @__PURE__ */ e(
+      p,
+      {
+        color: "text.secondary",
+        sx: { whiteSpace: "wrap", fontWeight: 400, textAlign: "center" },
+        variant: "ParagraphSmall",
+        children: t.request_support_footer_short_content
+      }
+    ),
+    /* @__PURE__ */ e(s, { onClick: o, sx: { ...r, mt: 24 }, children: t.request_support_footer_button })
+  ] });
+}, a = () => ({
+  fontWeight: 600,
+  textAlign: "center"
+});
+export {
+  h as RequestSupportFooter
+};

package/dist/help/components/requestsupport/RequestSupportHeader/index.es.js

@@ -0,0 +1,39 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import n from "react";
+import x from "@mui/material/Box";
+import i from "@mui/material/Stack";
+import { Icon as s, Text as a, P as d } from "@mxenabled/mxui";
+const g = ({
+  content: o,
+  hasIcon: l = !0,
+  institution: t = "",
+  reverse: c = !1,
+  subtitle: m,
+  title: p
+}) => /* @__PURE__ */ e(n.Fragment, { children: [
+  /* @__PURE__ */ e(
+    i,
+    {
+      sx: {
+        gap: 8,
+        p: 24,
+        pb: o ? 16 : 24,
+        flexDirection: c ? "column-reverse" : "column"
+      },
+      children: [
+        /* @__PURE__ */ e(x, { children: [
+          /* @__PURE__ */ e(i, { gap: 4, sx: { alignItems: "center", flexDirection: "row" }, children: [
+            l && /* @__PURE__ */ r(s, { name: "help", size: 20, sx: { color: "text.primary" } }),
+            /* @__PURE__ */ r(a, { color: "text.primary", variant: "H3", children: p })
+          ] }),
+          t && /* @__PURE__ */ r(a, { color: "text.primary", variant: "H3", children: t })
+        ] }),
+        /* @__PURE__ */ r(a, { color: "text.secondary", sx: { whiteSpace: "wrap" }, variant: "Small", children: m })
+      ]
+    }
+  ),
+  o && /* @__PURE__ */ r(d, { color: "text.secondary", sx: { px: 24 }, variant: "Small", children: o })
+] });
+export {
+  g as RequestSupportHeader
+};

package/dist/help/components/requestsupport/RequestSupportInstitution/index.es.js

@@ -0,0 +1,75 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Text as c, P as l } from "@mxenabled/mxui";
+import d from "@mui/material/Box";
+import n from "@mui/material/Button";
+import x from "@mui/material/Stack";
+import { RequestSupportHeader as _ } from "../RequestSupportHeader/index.es.js";
+import { useGlobalCopyStore as h } from "../../../../common/context/hooks/index.es.js";
+import f from "../../../../common/components/drawer/Drawer/index.es.js";
+import { buildDynamicCopy as s } from "../../../../common/utils/Localization/index.es.js";
+const R = ({
+  copy: t,
+  institution: o,
+  isOpen: p,
+  onClose: i,
+  popularTopicsDrawerOnClose: a,
+  title: m
+}) => {
+  const { common: u } = h();
+  return /* @__PURE__ */ e(f, { isOpen: p, onClose: i, title: t.request_support, children: [
+    /* @__PURE__ */ r(
+      _,
+      {
+        hasIcon: !1,
+        institution: o,
+        reverse: !0,
+        subtitle: t.request_support_institution_short_content,
+        title: m
+      }
+    ),
+    /* @__PURE__ */ e(
+      d,
+      {
+        sx: {
+          bgcolor: "background.paper",
+          borderRadius: "8px",
+          boxShadow: "0px 2px 8px rgba(106, 115, 129, 0.12)",
+          m: 24,
+          p: 24
+        },
+        children: [
+          /* @__PURE__ */ r(
+            c,
+            {
+              color: "secondary",
+              sx: {
+                fontWeight: 600
+              },
+              variant: "Body",
+              children: s(t.request_support_institution_message_title, o)
+            }
+          ),
+          /* @__PURE__ */ r(
+            l,
+            {
+              color: "secondary",
+              sx: {
+                fontWeight: 400,
+                mt: 2
+              },
+              variant: "ParagraphSmall",
+              children: s(t.request_support_institution_message, o)
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(x, { direction: "column", spacing: 8, sx: { mx: 24 }, children: [
+      /* @__PURE__ */ r(n, { onClick: a, variant: "contained", children: u.done_button }),
+      /* @__PURE__ */ r(n, { onClick: i, variant: "text", children: t.request_support_institution_back })
+    ] })
+  ] });
+};
+export {
+  R as RequestSupportInstitution
+};

package/dist/help/components/requestsupport/SupportSuccessMessage/index.es.js

@@ -0,0 +1,29 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import m from "@mui/material/Box";
+import s from "@mui/material/Button";
+import i from "@mui/material/Stack";
+import { Icon as p, H2 as a, P as d, Text as h } from "@mxenabled/mxui";
+import { useGlobalCopyStore as _ } from "../../../../common/context/hooks/index.es.js";
+import f from "../../../../common/components/drawer/Drawer/index.es.js";
+const v = ({
+  copy: e,
+  email: n,
+  isOpen: c,
+  onBack: l,
+  onClose: r
+}) => {
+  const { common: u } = _();
+  return /* @__PURE__ */ t(f, { isOpen: c, onClose: r, title: e.request_support, children: /* @__PURE__ */ o(m, { sx: { px: 24 }, children: [
+    /* @__PURE__ */ t(i, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ t(p, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
+    /* @__PURE__ */ o(i, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
+      /* @__PURE__ */ t(a, { children: e.request_support_success }),
+      /* @__PURE__ */ t(d, { align: "center", variant: "Body", children: e.request_support_submit_success_message }),
+      /* @__PURE__ */ t(h, { bold: !0, variant: "Body", children: n })
+    ] }),
+    /* @__PURE__ */ t(s, { fullWidth: !0, onClick: r, variant: "contained", children: u.done_button }),
+    /* @__PURE__ */ t(s, { fullWidth: !0, onClick: l, sx: { mt: 8 }, children: e.request_support_institution_back })
+  ] }) });
+};
+export {
+  v as default
+};