@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpByCategoryList.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/HelpByCategoryList.tsx"],"sourcesContent":["import React from 'react'\n\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon, Text } from '@mxenabled/mxui'\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../../common'\nimport { type HelpType } from '../../../core'\n\ninterface HelpByCategory {\n  guid: string\n  icon: string\n  title: string\n  topics: Topic[]\n}\n\ninterface HelpByCategoryListProps {\n  helpByCategory: HelpByCategory[]\n  onClick: (label: string, type: HelpType) => void\n}\n\ninterface Topic {\n  label: string\n  type: HelpType\n}\n\nexport const HelpByCategoryList: React.FC<HelpByCategoryListProps> = ({\n  helpByCategory,\n  onClick,\n}) => {\n  const [expanded, setExpanded] = React.useState<number | null>(null)\n\n  const { onEvent } = useEvent()\n\n  return (\n    <Stack sx={{ flex: 1, gap: 12, p: 12 }}>\n      {helpByCategory.map(({ icon, topics, title }, i) => (\n        <Accordion\n          disableGutters={true}\n          expanded={i === expanded}\n          key={i}\n          onChange={(_, isExpanded) => {\n            onEvent(ANALYTICS_EVENTS.HELP_EXPAND_CATEGORY, {\n              category: title,\n            })\n\n            setExpanded(isExpanded ? i : null)\n          }}\n          sx={accordionStyles}\n        >\n          <AccordionSummary\n            expandIcon={<ExpandMore sx={{ color: 'text.primary' }} />}\n            sx={{ p: '14px 24px', height: 64 }}\n          >\n            <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 12 }}>\n              <Icon name={icon} size={24} />\n              <Text variant=\"body1\">{title}</Text>\n            </Stack>\n          </AccordionSummary>\n          <Divider />\n          <AccordionDetails\n            sx={{\n              ml: 56,\n              p: 0,\n            }}\n          >\n            <List sx={{ '& .MuiListItemButton-root': { pl: 6 } }}>\n              {topics.map(({ label, type }, i) => (\n                <ListItemButton\n                  divider={true}\n                  key={i}\n                  onClick={() => {\n                    onEvent(ANALYTICS_EVENTS.HELP_CLICK_CATEGORY, {\n                      category: title,\n                      helpTopic: label,\n                    })\n\n                    onClick(label, type)\n                  }}\n                  sx={{\n                    borderColor: 'neutral.light',\n                    '&:last-child': {\n                      border: 'none',\n                      borderBottomRightRadius: 7,\n                    },\n                  }}\n                >\n                  <Text color=\"secondary\" variant=\"body2\">\n                    {label}\n                  </Text>\n                </ListItemButton>\n              ))}\n            </List>\n          </AccordionDetails>\n        </Accordion>\n      ))}\n    </Stack>\n  )\n}\n\nconst accordionStyles = (theme: any) => {\n  return {\n    border: `1px solid ${theme.palette.neutral?.light}`,\n    borderRadius: '8px',\n    '&:first-of-type': { borderRadius: '8px' },\n    '&:before': {\n      opacity: 0,\n    },\n    '& .MuiAccordion-region': {\n      borderBottomLeftRadius: 8,\n      borderBottomRightRadius: 8,\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,IAAa,IAAA,CAAyD,EACpE,gBAAA,GACA,SAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAwB,IAAI,GAE5D,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,MAAM;AAAA,MAAG,KAAK;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,cAClC,EAAe,IAAA,CAAK,EAAE,MAAA,GAAM,QAAA,GAAQ,OAAA,EAAA,GAAS,MAC5C,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB;AAAA,MAChB,UAAU,MAAM;AAAA,MAEhB,UAAA,CAAW,GAAG,MAAe;AAC3B,QAAA,EAAQ,EAAiB,sBAAsB,EAC7C,UAAU,EACZ,CAAC,GAED,EAAY,IAAa,IAAI,IAAI;AAAA,MACnC;AAAA,MACA,IAAI;AAAA,gBAXN;AAAA,QAaE,gBAAA,EAAC,GAAD;AAAA,UACE,YAAY,gBAAA,EAAC,GAAD,EAAY,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;AAAA,UACxD,IAAI;AAAA,YAAE,GAAG;AAAA,YAAa,QAAQ;AAAA,UAAG;AAAA,oBAEjC,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,YAAY;AAAA,cAAU,eAAe;AAAA,cAAO,KAAK;AAAA,YAAG;AAAA,sBAAjE,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,MAAM;AAAA,YAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,wBAAS;AAAA,YAAY,CAAA,CAC9B;AAAA;QACS,CAAA;AAAA,QAClB,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,QACV,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,IAAI;AAAA,YACJ,GAAG;AAAA,UACL;AAAA,oBAEA,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAE,EAAE;AAAA,sBAChD,EAAO,IAAA,CAAK,EAAE,OAAA,GAAO,MAAA,EAAA,GAAQ,MAC5B,gBAAA,EAAC,GAAD;AAAA,cACE,SAAS;AAAA,cAET,SAAA,MAAe;AACb,gBAAA,EAAQ,EAAiB,qBAAqB;AAAA,kBAC5C,UAAU;AAAA,kBACV,WAAW;AAAA,gBACb,CAAC,GAED,EAAQ,GAAO,CAAI;AAAA,cACrB;AAAA,cACA,IAAI;AAAA,gBACF,aAAa;AAAA,gBACb,gBAAgB;AAAA,kBACd,QAAQ;AAAA,kBACR,yBAAyB;AAAA,gBAC3B;AAAA,cACF;AAAA,wBAEA,gBAAA,EAAC,GAAD;AAAA,gBAAM,OAAM;AAAA,gBAAY,SAAQ;AAAA,0BAC7B;AAAA,cACG,CAAA;AAAA,YACQ,GApBT,CAoBS,CACjB;AAAA,UACG,CAAA;AAAA,QACU,CAAA;AAAA,MACT;AAAA,OAtDJ,CAsDI,CACZ;AAAA,EACI,CAAA;AAEX,GAEM,IAAA,CAAmB,OAChB;AAAA,EACL,QAAQ,aAAa,EAAM,QAAQ,SAAS,KAAA;AAAA,EAC5C,cAAc;AAAA,EACd,mBAAmB,EAAE,cAAc,MAAM;AAAA,EACzC,YAAY,EACV,SAAS,EACX;AAAA,EACA,0BAA0B;AAAA,IACxB,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,EAC3B;AACF"}

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

@@ -0,0 +1,103 @@
+import { useHelpStore as D } from "../../../common/context/hooks.es.js";
+import L from "../../../common/components/drawer/Drawer.es.js";
+import { RequestSupportHeader as P } from "./RequestSupportHeader.es.js";
+import g from "react";
+import { observer as W } from "mobx-react-lite";
+import E from "@mui/material/Stack";
+import { jsx as o, jsxs as k } from "react/jsx-runtime";
+import A from "@mui/material/TextField";
+import F from "@mui/material/Alert";
+import H from "@mui/material/Snackbar";
+var _ = {
+  institutionName: "",
+  institutionWebsite: ""
+}, m = {
+  institutionName: "",
+  institutionLoginPage: "",
+  institutionWebsite: ""
+}, y = W(({ copy: i, isOpen: h, onClose: v, onSave: b }) => {
+  const { alert: s, isLoading: q, setAlert: p } = D(), [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__ */ k(L, {
+    isOpen: h,
+    onClose: S,
+    onPrimaryAction: () => {
+      const e = {};
+      let t = !0;
+      f.forEach(({ label: u, name: r, required: x }) => {
+        const l = n[r];
+        x && !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(P, {
+        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(A, {
+          error: !!c[t],
+          fullWidth: !0,
+          helperText: c[t] || "",
+          label: e,
+          name: t,
+          onChange: C,
+          slotProps: { inputLabel: { shrink: !0 } },
+          value: n[t]
+        }, t))
+      }),
+      s.message && /* @__PURE__ */ o(H, {
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        autoHideDuration: 3500,
+        onClose: () => p(""),
+        open: !!s.message && s.severity === "error" && !q,
+        children: /* @__PURE__ */ o(F, {
+          onClose: () => p(""),
+          severity: s.severity,
+          variant: "filled",
+          children: s.message
+        })
+      })
+    ]
+  });
+});
+export {
+  y as default
+};
+
+//# sourceMappingURL=MissingInstitution.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MissingInstitution.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/MissingInstitution.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { Drawer, useHelpStore } from '../../../common'\nimport { type InstitutionData, type HelpCopy } from '../../../core'\nimport { RequestSupportHeader } from './RequestSupportHeader'\n\ninterface MissingInstitutionProps {\n  copy: HelpCopy\n  isOpen: boolean\n  onClose: () => void\n  onSave: (formData: InstitutionData) => void\n}\n\nconst initialErrors = {\n  institutionName: '',\n  institutionWebsite: '',\n}\n\nconst initialFormData = {\n  institutionName: '',\n  institutionLoginPage: '',\n  institutionWebsite: '',\n}\n\nconst MissingInstitution: React.FC<MissingInstitutionProps> = observer(\n  ({ copy, isOpen, onClose, onSave }) => {\n    const { alert, isLoading, setAlert } = useHelpStore()\n    const [errors, setErrors] = React.useState<{ [key: string]: string }>(initialErrors)\n    const [formData, setFormData] = React.useState<InstitutionData>(initialFormData)\n\n    const fields = [\n      { name: 'institutionName', required: true },\n      { name: 'institutionWebsite', required: true },\n      { name: 'institutionLoginPage', required: false },\n    ].map((field, index) => ({\n      ...field,\n      label: copy.popular_topics_missing_institution_fields[index.toString()],\n    }))\n\n    const handleClose = () => {\n      setErrors(initialErrors)\n      setFormData(initialFormData)\n      onClose()\n    }\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const {\n        target: { name, value },\n      } = event\n      setFormData((prevData) => ({\n        ...prevData,\n        [name]: value,\n      }))\n    }\n\n    const handleSave = () => {\n      const newErrors: Record<string, string> = {}\n      let isValid = true\n\n      fields.forEach(({ label, name, required }) => {\n        const value = formData[name as keyof InstitutionData]\n\n        if (required && !value) {\n          newErrors[name] = `${label} ${copy.request_support_required_message}`\n          isValid = false\n        }\n\n        const urlPattern = /(.+)\\.(.{2,})/g\n        if (\n          (name === 'institutionWebsite' || name === 'institutionLoginPage') &&\n          value &&\n          !urlPattern.test(value)\n        ) {\n          newErrors[name] = copy.request_support_valid_url_message\n          isValid = false\n        }\n      })\n\n      setErrors(newErrors)\n\n      if (isValid) {\n        onSave(formData)\n        setFormData(initialFormData)\n      }\n    }\n\n    return (\n      <Drawer\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={handleSave}\n        secondaryColor=\"primary\"\n        title={copy.request_support}\n      >\n        <RequestSupportHeader\n          content={copy.popular_topics_missing_institution_content}\n          hasIcon={false}\n          reverse={true}\n          subtitle={copy.request_support_institution_short_content}\n          title={copy.popular_topics_missing_institution}\n        />\n        <Stack sx={{ gap: 24, p: 24 }}>\n          {fields.map(({ label, name }) => (\n            <TextField\n              error={!!errors[name]}\n              fullWidth={true}\n              helperText={errors[name] || ''}\n              key={name}\n              label={label}\n              name={name}\n              onChange={handleInputChange}\n              slotProps={{ inputLabel: { shrink: true } }}\n              value={formData[name as keyof InstitutionData]}\n            />\n          ))}\n        </Stack>\n        {alert.message && (\n          <Snackbar\n            anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n            autoHideDuration={3500}\n            onClose={() => setAlert('')}\n            open={!!alert.message && alert.severity === 'error' && !isLoading}\n          >\n            <Alert onClose={() => setAlert('')} severity={alert.severity} variant=\"filled\">\n              {alert.message}\n            </Alert>\n          </Snackbar>\n        )}\n      </Drawer>\n    )\n  },\n)\n\nexport default MissingInstitution\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopularTopicsDrawer.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/PopularTopicsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, Drawer, useAccountStore, useEvent } from '../../../common'\nimport { type HelpCopy } from '../../../core'\nimport { getInstitutionsBasedOnGuid } from '../../utils'\nimport { PopularTopicsList } from './PopularTopicsList'\nimport { RequestSupportHeader } from './RequestSupportHeader'\n\ninterface PopularTopicsDrawerProps {\n  copy: HelpCopy\n  isOpen: boolean\n  onClick: (title: string) => void\n  onClose: () => void\n  topic: string\n}\n\nexport const PopularTopicsDrawer: React.FC<PopularTopicsDrawerProps> = ({\n  copy,\n  isOpen,\n  onClick,\n  onClose,\n  topic,\n}) => {\n  const { institutions, accounts } = useAccountStore()\n  const { onEvent } = useEvent()\n  const institutionsList = React.useMemo(\n    () =>\n      getInstitutionsBasedOnGuid(institutions, accounts, {\n        singular: copy.request_support_institution_account,\n        plural: copy.request_support_institution_accounts,\n      }),\n    [institutions, accounts],\n  )\n\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n      <Stack>\n        <RequestSupportHeader\n          hasIcon={false}\n          reverse={true}\n          subtitle={copy.request_support_institution_short_content}\n          title={topic}\n        />\n        <Text\n          color=\"text.primary\"\n          fontWeight=\"bold\"\n          gutterBottom={true}\n          sx={{ ml: 24 }}\n          variant=\"caption\"\n        >\n          {copy.request_support_institution_topic_label}\n        </Text>\n        <PopularTopicsList\n          list={institutionsList}\n          onClick={(title) => {\n            onEvent(ANALYTICS_EVENTS.HELP_CLICK_SUPPORT_FOR_INSTITUTION, {\n              supportTopic: topic,\n              supportInstitution: title,\n            })\n\n            onClick(title)\n          }}\n          sx={{ fontWeight: 600 }}\n        />\n      </Stack>\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,IAAA,CAA2D,EACtE,MAAA,GACA,QAAA,GACA,SAAA,GACA,SAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,EAAE,cAAA,GAAc,UAAA,EAAA,IAAa,EAAgB,GAC7C,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,IAAmB,EAAM,QAAA,MAE3B,EAA2B,GAAc,GAAU;AAAA,IACjD,UAAU,EAAK;AAAA,IACf,QAAQ,EAAK;AAAA,EACf,CAAC,GACH,CAAC,GAAc,CAAQ,CACzB;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,QAAA;AAAA,IAAiB,SAAA;AAAA,IAAS,OAAO,EAAK;AAAA,cACpD,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU,EAAK;AAAA,QACf,OAAO;AAAA,MACR,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACE,OAAM;AAAA,QACN,YAAW;AAAA,QACX,cAAc;AAAA,QACd,IAAI,EAAE,IAAI,GAAG;AAAA,QACb,SAAQ;AAAA,kBAEP,EAAK;AAAA,MACF,CAAA;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,QACN,SAAA,CAAU,MAAU;AAClB,UAAA,EAAQ,EAAiB,oCAAoC;AAAA,YAC3D,cAAc;AAAA,YACd,oBAAoB;AAAA,UACtB,CAAC,GAED,EAAQ,CAAK;AAAA,QACf;AAAA,QACA,IAAI,EAAE,YAAY,IAAI;AAAA,MACvB,CAAA;AAAA,IACI,EAAA,CAAA;AAAA,EACD,CAAA;AAEZ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopularTopicsList.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/PopularTopicsList.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport type { HelpType } from '../../../core'\nimport { PopularTopicsRow } from './PopularTopicsRow'\n\nexport interface ListItem {\n  guid?: string\n  name: string\n  subtitle?: string\n  type?: HelpType\n}\n\ninterface PopularTopicsListProps {\n  sx?: CSSProperties\n  list: ListItem[]\n  onClick?: (title: string, type: ListItem['type']) => void\n}\n\nexport const PopularTopicsList: React.FC<PopularTopicsListProps> = ({ list, onClick, sx }) => (\n  <Box sx={{ bgcolor: 'background.paper' }}>\n    <List sx={{ '& .MuiDivider-root:last-child': { ml: 0 } }}>\n      {list.map(({ name, guid, subtitle, type }, index) => (\n        <React.Fragment key={`${name}-${index}`}>\n          <PopularTopicsRow\n            guid={guid}\n            name={name}\n            onClick={() => onClick?.(name, type!)}\n            subtitle={subtitle}\n            sx={sx}\n          />\n          <Divider sx={{ ml: 24 }} />\n        </React.Fragment>\n      ))}\n    </List>\n  </Box>\n)\n"],"mappings":";;;;;;AAsBA,IAAa,IAAA,CAAuD,EAAE,MAAA,GAAM,SAAA,GAAS,IAAA,EAAA,MACnF,gBAAA,EAAC,GAAD;AAAA,EAAK,IAAI,EAAE,SAAS,mBAAmB;AAAA,YACrC,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,iCAAiC,EAAE,IAAI,EAAE,EAAE;AAAA,cACpD,EAAK,IAAA,CAAK,EAAE,MAAA,GAAM,MAAA,GAAM,UAAA,GAAU,MAAA,EAAA,GAAQ,MACzC,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACQ,MAAA;AAAA,MACA,MAAA;AAAA,MACN,SAAA,MAAe,IAAU,GAAM,CAAK;AAAA,MAC1B,UAAA;AAAA,MACN,IAAA;AAAA,IACL,CAAA,GACD,gBAAA,EAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA,CACZ,EAAA,GATK,GAAG,CAAA,IAAQ,CAAA,EAShB,CACjB;AAAA,EACG,CAAA;AACH,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopularTopicsRow.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/PopularTopicsRow.tsx"],"sourcesContent":["import { CSSProperties } from 'react'\n\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { InstitutionLogo } from '@mxenabled/mxui'\n\ninterface PopularTopicsRowProps {\n  name: string\n  guid?: string\n  subtitle?: string\n  onClick: () => void\n  sx?: CSSProperties\n}\n\nexport const PopularTopicsRow: React.FC<PopularTopicsRowProps> = ({\n  name,\n  onClick,\n  subtitle,\n  guid,\n  sx,\n}) => (\n  <ListItem disableGutters={true} disablePadding={true}>\n    <ListItemButton aria-label={name} onClick={onClick}>\n      {guid && (\n        <ListItemAvatar>\n          <InstitutionLogo alt={name} institutionGuid={guid || ''} size={32} />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        primary={name}\n        secondary={subtitle}\n        slotProps={{\n          primary: { style: { ...sx }, variant: 'body1' },\n          secondary: { variant: 'caption' },\n        }}\n      />\n      <ListItemIcon>\n        <ChevronRight />\n      </ListItemIcon>\n    </ListItemButton>\n  </ListItem>\n)\n"],"mappings":";;;;;;;;AAoBA,IAAa,IAAA,CAAqD,EAChE,MAAA,GACA,SAAA,GACA,UAAA,GACA,MAAA,GACA,IAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EAAU,gBAAgB;AAAA,EAAM,gBAAgB;AAAA,YAC9C,gBAAA,EAAC,GAAD;AAAA,IAAgB,cAAY;AAAA,IAAe,SAAA;AAAA,cAA3C;AAAA,MACG,KACC,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAiB,KAAK;AAAA,QAAM,iBAAiB,KAAQ;AAAA,QAAI,MAAM;AAAA,MAAK,CAAA,EACtD,CAAA;AAAA,MAElB,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,UACT,SAAS;AAAA,YAAE,OAAO,EAAE,GAAG,EAAG;AAAA,YAAG,SAAS;AAAA,UAAQ;AAAA,UAC9C,WAAW,EAAE,SAAS,UAAU;AAAA,QAClC;AAAA,MACD,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,CAAe,CAAA,EACH,CAAA;AAAA,IACA;AAAA;AACR,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSupport.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupport.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalUiStore,\n  useHelpStore,\n  useUserStore,\n  ANALYTICS_EVENTS,\n  useEvent,\n} from '../../../common'\nimport {\n  type HelpByCategoryList as IHelpByCategoryList,\n  type HelpType,\n  type InstitutionData,\n  HelpCopy,\n} from '../../../core'\n\nimport { HELP_BY_CATEGORY_LIST, POPULAR_TOPICS_LIST } from '../../../core/constants/Help'\nimport { ContactSupport } from './ContactSupport'\nimport { HelpByCategoryList } from './HelpByCategoryList'\nimport MissingInstitution from './MissingInstitution'\nimport { PopularTopicsDrawer } from './PopularTopicsDrawer'\nimport { ListItem, PopularTopicsList } from './PopularTopicsList'\nimport { RequestSupportFooter } from './RequestSupportFooter'\nimport { RequestSupportHeader } from './RequestSupportHeader'\nimport { RequestSupportInstitution } from './RequestSupportInstitution'\nimport SupportSuccessMessage from './SupportSuccessMessage'\n\ninterface RequestSupportProps {\n  copy: HelpCopy\n  isOpen: boolean\n  onClose: () => void\n}\n\ninterface TopicProps {\n  isOpen: boolean\n  topic: string\n  type: HelpType\n}\n\nexport const RequestSupport: React.FC<RequestSupportProps> = observer(\n  ({ copy, isOpen, onClose }) => {\n    const { onEvent } = useEvent()\n    const { alert, createSupportTicket, isLoading, setAlert } = useHelpStore()\n    const { isInitialized } = useGlobalUiStore()\n    const { user } = useUserStore()\n\n    const [institution, setInstitution] = React.useState('')\n    const [isContactSupportDrawerOpen, setIsContactSupportDrawerOpen] = React.useState(false)\n    const [isMissingInstitutionsOpen, setIsMissingInstitutionsOpen] = React.useState(false)\n    const [topicsListDrawer, setTopicsListDrawer] = React.useState<TopicProps>({\n      isOpen: false,\n      topic: '',\n      type: undefined,\n    })\n\n    const helpByCategoryList = HELP_BY_CATEGORY_LIST.map((el) => ({\n      ...el,\n      title: copy.help_by_category_list[el.guid as keyof IHelpByCategoryList].label,\n      topics: el.topics.map(({ type }, index) => ({\n        type: type as HelpType,\n        label: copy.help_by_category_list[el.guid as keyof IHelpByCategoryList].topics[index],\n      })),\n    }))\n\n    const popularTopics = Object.keys(copy.popular_topics_list).map((list, i) => ({\n      name: copy.popular_topics_list[list],\n      type: POPULAR_TOPICS_LIST[i].type as ListItem['type'],\n    }))\n\n    const handleCloseDrawer = () => {\n      setInstitution('')\n      setTopicsListDrawer({ isOpen: false, topic: '', type: undefined })\n    }\n\n    const handleContactSupportSubmit = (message: string) => {\n      if (!user.email) return\n\n      createSupportTicket({\n        email: user.email,\n        message: institution ? `Institution: ${institution}, ${message}` : message,\n        title: topicsListDrawer.topic || 'Contact Support',\n      })\n    }\n\n    const handleSupportNavigation = (topic: string, type: HelpType) => {\n      if (type === 'other') setIsMissingInstitutionsOpen(true)\n      else setTopicsListDrawer({ isOpen: true, topic, type })\n    }\n\n    const handleSupportSuccessMessage = () => {\n      setAlert('')\n      setIsContactSupportDrawerOpen(false)\n      setIsMissingInstitutionsOpen(false)\n      handleCloseDrawer()\n    }\n\n    const handleMissingInstitution = (data: InstitutionData) => {\n      if (!user.email) {\n        setAlert(copy.request_support_email_not_exists_message, 'error')\n        return\n      }\n\n      onEvent(ANALYTICS_EVENTS.HELP_CLICK_SUPPORT_FOR_MISSING_INSTITUTION, {\n        supportTopic: 'missingInstitution',\n        institutionName: data.institutionName,\n        institutionWebsite: data.institutionWebsite,\n        institutionLoginPage: data.institutionLoginPage,\n      })\n\n      createSupportTicket({\n        email: user.email,\n        message: `Institution Website: ${data.institutionWebsite}${data.institutionLoginPage ? ` Institution Login Page: ${data.institutionLoginPage}` : ''} `,\n        title: `Institution Request: ${data.institutionName}`,\n      })\n    }\n\n    return (\n      <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n        {!isInitialized || isLoading ? (\n          <Loader />\n        ) : (\n          <React.Fragment>\n            <Stack>\n              <RequestSupportHeader\n                subtitle={copy.request_support_short_content}\n                title={copy.request_support_title}\n              />\n              <Text\n                color=\"text.primary\"\n                fontWeight=\"bold\"\n                gutterBottom={true}\n                sx={{ ml: 24 }}\n                variant=\"caption\"\n              >\n                {copy.popular_topics}\n              </Text>\n              <PopularTopicsList\n                list={popularTopics}\n                onClick={(title, type) => {\n                  onEvent(ANALYTICS_EVENTS.HELP_CLICK_SUPPORT_TOPIC, { supportTopic: title })\n\n                  handleSupportNavigation(title, type)\n                }}\n                sx={{ fontWeight: 400 }}\n              />\n              <Text\n                color=\"text.primary\"\n                fontWeight=\"bold\"\n                gutterBottom={true}\n                sx={{ m: '24px 0px 0px 24px' }}\n                variant=\"caption\"\n              >\n                {copy.help_by_category}\n              </Text>\n              <HelpByCategoryList\n                helpByCategory={helpByCategoryList}\n                onClick={handleSupportNavigation}\n              />\n              <Box sx={{ p: 24 }}>\n                <RequestSupportFooter\n                  copy={copy}\n                  onButtonClick={() => {\n                    onEvent(ANALYTICS_EVENTS.HELP_OPEN_SUPPORT_REQUEST, {})\n\n                    setIsContactSupportDrawerOpen(true)\n                  }}\n                />\n              </Box>\n            </Stack>\n            <ContactSupport\n              alert={alert}\n              copy={copy}\n              email={user.email}\n              institution={institution}\n              isLoading={isLoading}\n              isOpen={isContactSupportDrawerOpen}\n              onClose={() => {\n                setIsContactSupportDrawerOpen(false)\n                setInstitution('')\n              }}\n              onSubmit={handleContactSupportSubmit}\n              setAlert={setAlert}\n              topic={topicsListDrawer.topic || copy.contact_support}\n            />\n            <MissingInstitution\n              copy={copy}\n              isOpen={isMissingInstitutionsOpen}\n              onClose={() => setIsMissingInstitutionsOpen(false)}\n              onSave={handleMissingInstitution}\n            />\n            <PopularTopicsDrawer\n              copy={copy}\n              isOpen={topicsListDrawer.isOpen}\n              onClick={(title) => {\n                setInstitution(title)\n                if (topicsListDrawer.type === 'internal') setIsContactSupportDrawerOpen(true)\n              }}\n              onClose={handleCloseDrawer}\n              topic={topicsListDrawer.topic}\n            />\n            <SupportSuccessMessage\n              copy={copy}\n              email={user.email!}\n              isOpen={!!alert.message && alert.severity === 'success' && !isLoading}\n              onBack={() => {\n                setAlert('')\n                if (topicsListDrawer.type === 'internal') setIsContactSupportDrawerOpen(false)\n              }}\n              onClose={handleSupportSuccessMessage}\n            />\n            <RequestSupportInstitution\n              copy={copy}\n              institution={institution}\n              isOpen={!!institution && topicsListDrawer.type === 'external'}\n              onClose={() => setInstitution('')}\n              popularTopicsDrawerOnClose={handleCloseDrawer}\n              title={topicsListDrawer.topic}\n            />\n          </React.Fragment>\n        )}\n      </Drawer>\n    )\n  },\n)\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSupportFooter.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupportFooter.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { P, Text } from '@mxenabled/mxui'\n\nimport type { HelpCopy } from '../../../core'\n\ninterface FooterProps {\n  copy: HelpCopy\n  onButtonClick: () => void\n}\n\nexport const RequestSupportFooter: React.FC<FooterProps> = ({ copy, onButtonClick }) => {\n  const styles = getStyles()\n  return (\n    <Stack sx={{ alignItems: 'center', gap: 5 }}>\n      <P color=\"text.secondary\" sx={styles}>\n        {copy.contact_support}\n      </P>\n      <Text\n        color=\"text.secondary\"\n        sx={{ fontWeight: 400, textAlign: 'center' }}\n        variant=\"subtitle2\"\n      >\n        {copy.request_support_footer_short_content}\n      </Text>\n      <Button onClick={onButtonClick} sx={{ ...styles, mt: 24 }}>\n        {copy.request_support_footer_button}\n      </Button>\n    </Stack>\n  )\n}\n\nconst getStyles = () => {\n  return {\n    fontWeight: 600,\n    textAlign: 'center',\n  }\n}\n"],"mappings":";;;;;AAcA,IAAa,IAAA,CAA+C,EAAE,MAAA,GAAM,eAAA,EAAA,MAAoB;AACtF,QAAM,IAAS,EAAU;AACzB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,KAAK;AAAA,IAAE;AAAA,cAA1C;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAG,OAAM;AAAA,QAAiB,IAAI;AAAA,kBAC3B,EAAK;AAAA,MACL,CAAA;AAAA,MACH,gBAAA,EAAC,GAAD;AAAA,QACE,OAAM;AAAA,QACN,IAAI;AAAA,UAAE,YAAY;AAAA,UAAK,WAAW;AAAA,QAAS;AAAA,QAC3C,SAAQ;AAAA,kBAEP,EAAK;AAAA,MACF,CAAA;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,QAAQ,SAAS;AAAA,QAAe,IAAI;AAAA,UAAE,GAAG;AAAA,UAAQ,IAAI;AAAA,QAAG;AAAA,kBACrD,EAAK;AAAA,MACA,CAAA;AAAA,IACH;AAAA;AAEX,GAEM,IAAA,OACG;AAAA,EACL,YAAY;AAAA,EACZ,WAAW;AACb"}