@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

package/dist/help/HelpWidget.es.js

@@ -0,0 +1,25 @@
+import { useGlobalUiStore as m } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as p } from "../common/hooks/useWidgetLoadTimer.es.js";
+import d from "../common/components/Loader.es.js";
+import { WidgetContainer as s } from "../common/components/WidgetContainer.es.js";
+import { Help as a } from "./components/Help.es.js";
+import { observer as f } from "mobx-react-lite";
+import { jsx as r } from "react/jsx-runtime";
+var H = f(({ onBackClick: o, onMenuClick: i, sx: t }) => {
+  const { isInitialized: e } = m();
+  return p({
+    widgetName: "HelpWidget",
+    isLoaded: e
+  }), e ? /* @__PURE__ */ r(s, {
+    onBackClick: o,
+    onMenuClick: i,
+    showAccountFilter: !1,
+    sx: { p: 16 },
+    children: /* @__PURE__ */ r(a, { sx: t })
+  }) : /* @__PURE__ */ r(d, {});
+});
+export {
+  H as HelpWidget
+};
+
+//# sourceMappingURL=HelpWidget.es.js.map

package/dist/help/HelpWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpWidget.es.js","names":[],"sources":["../../src/help/HelpWidget.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Loader, useGlobalUiStore, WidgetContainer, useWidgetLoadTimer } from '../common'\nimport { WidgetProps } from '../core'\n\nimport { Help } from './components/Help'\n\nexport const HelpWidget = observer(({ onBackClick, onMenuClick, sx }: WidgetProps) => {\n  const { isInitialized } = useGlobalUiStore()\n\n  useWidgetLoadTimer({\n    widgetName: 'HelpWidget',\n    isLoaded: isInitialized,\n  })\n\n  if (!isInitialized) return <Loader />\n\n  return (\n    <WidgetContainer\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      showAccountFilter={false}\n      sx={{ p: 16 }}\n    >\n      <Help sx={sx} />\n    </WidgetContainer>\n  )\n})\n"],"mappings":";;;;;;;AAOA,IAAa,IAAa,EAAA,CAAU,EAAE,aAAA,GAAa,aAAA,GAAa,IAAA,EAAA,MAAsB;AACpF,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAiB;AAO3C,SALA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAEI,IAGH,gBAAA,EAAC,GAAD;AAAA,IACe,aAAA;AAAA,IACA,aAAA;AAAA,IACb,mBAAmB;AAAA,IACnB,IAAI,EAAE,GAAG,GAAG;AAAA,cAEZ,gBAAA,EAAC,GAAD,EAAU,IAAA,EAAK,CAAA;AAAA,EACA,CAAA,IAVQ,gBAAA,EAAC,GAAD,CAAS,CAAA;AAYtC,CAAC"}

package/dist/help/components/Help.es.js

@@ -0,0 +1,48 @@
+import { useAppConfig as h, useEvent as T, useGlobalCopyStore as q, useHelpStore as C } from "../../common/context/hooks.es.js";
+import { useScreenSize as _ } from "../../common/hooks/useScreenSize.es.js";
+import { ANALYTICS_EVENTS as R } from "../../common/constants/Analytics.es.js";
+import { HelpList as x } from "./HelpList.es.js";
+import { HelpContent as H } from "./HelpContent.es.js";
+import { RequestSupport as g } from "./requestsupport/RequestSupport.es.js";
+import u from "react";
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+var j = ({ sx: i = {} }) => {
+  const { config: s } = h(), { onEvent: c } = T(), { help: e } = q(), { helpCategories: a } = C(), { isMobile: m } = _(), [f, p] = u.useState(!1), [n, r] = u.useState(null), S = (t) => {
+    c(R.HELP_CLICK_TOPIC, {
+      feature: t.category,
+      helpTopic: t.pageTitle
+    }), r(t);
+  }, l = () => p(!0);
+  return /* @__PURE__ */ b(d, {
+    sx: {
+      pt: 24,
+      px: m ? 24 : 0,
+      ...i
+    },
+    children: [n ? /* @__PURE__ */ o(H, {
+      copy: e,
+      hasRequestButton: s.enable_support_requests,
+      onNavigateToList: () => r(null),
+      onRequestSupport: l,
+      topicInfo: n
+    }) : /* @__PURE__ */ o(x, {
+      buttonText: e.request_support,
+      hasRequestButton: s.enable_support_requests,
+      helpCategories: a,
+      helpContent: e.list_short_content,
+      helpTitle: e.list_title,
+      onRequestHelp: l,
+      onTopicSelect: S
+    }), /* @__PURE__ */ o(g, {
+      copy: e,
+      isOpen: f,
+      onClose: () => p(!1)
+    })]
+  });
+};
+export {
+  j as Help
+};
+
+//# sourceMappingURL=Help.es.js.map

package/dist/help/components/Help.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Help.es.js","names":[],"sources":["../../../src/help/components/Help.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport {\n  ANALYTICS_EVENTS,\n  useAppConfig,\n  useEvent,\n  useGlobalCopyStore,\n  useHelpStore,\n  useScreenSize,\n} from '../../common'\nimport { type SelectedTopic } from '../../core'\n\nimport { HelpList } from './HelpList'\nimport { HelpContent } from './HelpContent'\nimport { RequestSupport } from './requestsupport'\nimport type { SxProps } from '@mui/material/styles'\n\ninterface HelpProps {\n  sx?: SxProps\n}\n\nexport const Help = ({ sx = {} }: HelpProps) => {\n  const { config } = useAppConfig()\n  const { onEvent } = useEvent()\n  const { help: helpCopy } = useGlobalCopyStore()\n  const { helpCategories } = useHelpStore()\n  const { isMobile } = useScreenSize()\n\n  const [isRequestSupportOpen, setIsRequestSupportOpen] = React.useState(false)\n  const [selectedTopic, setSelectedTopic] = React.useState<SelectedTopic | null>(null)\n\n  const handleTopicSelect = (topic: SelectedTopic) => {\n    onEvent(ANALYTICS_EVENTS.HELP_CLICK_TOPIC, {\n      feature: topic.category,\n      helpTopic: topic.pageTitle,\n    })\n\n    setSelectedTopic(topic)\n  }\n  const handleRequestHelp = () => setIsRequestSupportOpen(true)\n\n  return (\n    <Box sx={{ pt: 24, px: isMobile ? 24 : 0, ...sx }}>\n      {!selectedTopic ? (\n        <HelpList\n          buttonText={helpCopy.request_support}\n          hasRequestButton={config.enable_support_requests}\n          helpCategories={helpCategories}\n          helpContent={helpCopy.list_short_content}\n          helpTitle={helpCopy.list_title}\n          onRequestHelp={handleRequestHelp}\n          onTopicSelect={handleTopicSelect}\n        />\n      ) : (\n        <HelpContent\n          copy={helpCopy}\n          hasRequestButton={config.enable_support_requests}\n          onNavigateToList={() => setSelectedTopic(null)}\n          onRequestSupport={handleRequestHelp}\n          topicInfo={selectedTopic}\n        />\n      )}\n      <RequestSupport\n        copy={helpCopy}\n        isOpen={isRequestSupportOpen}\n        onClose={() => setIsRequestSupportOpen(false)}\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;AAuBA,IAAa,IAAA,CAAQ,EAAE,IAAA,IAAK,CAAC,EAAA,MAAmB;AAC9C,QAAM,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,MAAM,EAAA,IAAa,EAAmB,GACxC,EAAE,gBAAA,EAAA,IAAmB,EAAa,GAClC,EAAE,UAAA,EAAA,IAAa,EAAc,GAE7B,CAAC,GAAsB,CAAA,IAA2B,EAAM,SAAS,EAAK,GACtE,CAAC,GAAe,CAAA,IAAoB,EAAM,SAA+B,IAAI,GAE7E,IAAA,CAAqB,MAAyB;AAClD,IAAA,EAAQ,EAAiB,kBAAkB;AAAA,MACzC,SAAS,EAAM;AAAA,MACf,WAAW,EAAM;AAAA,IACnB,CAAC,GAED,EAAiB,CAAK;AAAA,EACxB,GACM,IAAA,MAA0B,EAAwB,EAAI;AAE5D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,IAAI,IAAW,KAAK;AAAA,MAAG,GAAG;AAAA,IAAG;AAAA,cAAhD,CACI,IAWA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,kBAAkB,EAAO;AAAA,MACzB,kBAAA,MAAwB,EAAiB,IAAI;AAAA,MAC7C,kBAAkB;AAAA,MAClB,WAAW;AAAA,IACZ,CAAA,IAhBD,gBAAA,EAAC,GAAD;AAAA,MACE,YAAY,EAAS;AAAA,MACrB,kBAAkB,EAAO;AAAA,MACT,gBAAA;AAAA,MAChB,aAAa,EAAS;AAAA,MACtB,WAAW,EAAS;AAAA,MACpB,eAAe;AAAA,MACf,eAAe;AAAA,IAChB,CAAA,GAUH,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,SAAA,MAAe,EAAwB,EAAK;AAAA,IAC7C,CAAA,CACE;AAAA;AAET"}

package/dist/help/components/HelpContent.es.js

@@ -0,0 +1,25 @@
+import { useGlobalCopyStore as f } from "../../common/context/hooks.es.js";
+import a from "../../common/components/ErrorBoundary.es.js";
+import { Header as u } from "./content/Header.es.js";
+import { contentSection as C } from "./content/section/index.es.js";
+import y from "react";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+var g = ({ copy: r, hasRequestButton: e = !1, onNavigateToList: n, onRequestSupport: p, topicInfo: { category: m, pageTitle: i, topicKey: l, guid: c } }) => {
+  const { help: s } = f(), t = C[c] || null;
+  return /* @__PURE__ */ d(y.Fragment, { children: [/* @__PURE__ */ o(u, {
+    buttonCopy: r.request_support,
+    hasRequestButton: e,
+    onNavigateToList: n,
+    onRequestSupport: p,
+    title: m,
+    topicTitle: i
+  }), /* @__PURE__ */ o(a, { children: t && /* @__PURE__ */ o(t, {
+    copy: s,
+    topicKey: l
+  }) })] });
+};
+export {
+  g as HelpContent
+};
+
+//# sourceMappingURL=HelpContent.es.js.map

package/dist/help/components/HelpContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpContent.es.js","names":[],"sources":["../../../src/help/components/HelpContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ErrorBoundary, useGlobalCopyStore } from '../../common'\nimport { type HelpContentProps } from '../../core'\n\nimport { Header } from './content'\nimport { contentSection } from './content/section'\n\nexport const HelpContent: React.FC<HelpContentProps> = ({\n  copy,\n  hasRequestButton = false,\n  onNavigateToList,\n  onRequestSupport,\n  topicInfo: { category, pageTitle, topicKey, guid },\n}) => {\n  const { help: helpCopy } = useGlobalCopyStore()\n  const ContentComponent = contentSection[guid as keyof typeof contentSection] || null\n\n  return (\n    <React.Fragment>\n      <Header\n        buttonCopy={copy.request_support}\n        hasRequestButton={hasRequestButton}\n        onNavigateToList={onNavigateToList}\n        onRequestSupport={onRequestSupport}\n        title={category}\n        topicTitle={pageTitle}\n      />\n      <ErrorBoundary>\n        {ContentComponent && <ContentComponent copy={helpCopy} topicKey={topicKey} />}\n      </ErrorBoundary>\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;AAQA,IAAa,IAAA,CAA2C,EACtD,MAAA,GACA,kBAAA,IAAmB,IACnB,kBAAA,GACA,kBAAA,GACA,WAAW,EAAE,UAAA,GAAU,WAAA,GAAW,UAAA,GAAU,MAAA,EAAA,EAAA,MACxC;AACJ,QAAM,EAAE,MAAM,EAAA,IAAa,EAAmB,GACxC,IAAmB,EAAe,CAAA,KAAwC;AAEhF,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACC,kBAAA;AAAA,IACA,kBAAA;AAAA,IACA,kBAAA;AAAA,IAClB,OAAO;AAAA,IACP,YAAY;AAAA,EACb,CAAA,GACD,gBAAA,EAAC,GAAD,EAAA,UACG,KAAoB,gBAAA,EAAC,GAAD;AAAA,IAAkB,MAAM;AAAA,IAAoB,UAAA;AAAA,EAAW,CAAA,EAC/D,CAAA,CACD,EAAA,CAAA;AAEpB"}

package/dist/help/components/HelpList.es.js

@@ -0,0 +1,142 @@
+import { useEvent as C } from "../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as h } from "../../common/constants/Analytics.es.js";
+import S, { useState as _ } from "react";
+import t from "@mui/material/Stack";
+import { H3 as T, Icon as k, P as B, Text as u } from "@mxenabled/mxui";
+import D from "@mui/material/Button";
+import { ExpandMore as H } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import j from "@mui/material/Divider";
+import w from "@mui/material/List";
+import M from "@mui/material/ListItemButton";
+import N from "@mui/material/Grid";
+import G from "@mui/material/Accordion";
+import O from "@mui/material/AccordionDetails";
+import U from "@mui/material/AccordionSummary";
+var er = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], helpContent: g, helpTitle: b, onRequestHelp: E, onTopicSelect: v }) => {
+  const [y, R] = _(null), m = Math.ceil(n.length / 2), { onEvent: l } = C();
+  return /* @__PURE__ */ e(S.Fragment, { children: [/* @__PURE__ */ e(N, {
+    container: !0,
+    sx: {
+      alignItems: "center",
+      justifyContent: "space-between",
+      mb: 24
+    },
+    children: [/* @__PURE__ */ e(t, { children: [/* @__PURE__ */ r(T, { children: b }), /* @__PURE__ */ r(B, {
+      variant: "body1",
+      children: g
+    })] }), f && /* @__PURE__ */ r(t, {
+      sx: { pt: {
+        xs: 12,
+        md: 0
+      } },
+      children: /* @__PURE__ */ r(D, {
+        "aria-label": c,
+        onClick: () => {
+          l(h.HELP_CLICK_REQUEST_SUPPORT, {}), E();
+        },
+        variant: "contained",
+        children: c
+      })
+    })]
+  }), /* @__PURE__ */ r(t, {
+    sx: {
+      flexDirection: {
+        xs: "column",
+        md: "row"
+      },
+      gap: 12
+    },
+    children: [0, 1].map((d) => {
+      const p = d === 0 ? 0 : m, I = d === 0 ? m : n.length;
+      return /* @__PURE__ */ r(t, {
+        sx: {
+          flex: 1,
+          gap: 12,
+          maxWidth: { md: "calc(50% - 6px)" }
+        },
+        children: n.slice(p, I).map(({ guid: s, icon: L, topics: P, title: a }, A) => {
+          const x = A + p;
+          return /* @__PURE__ */ e(G, {
+            disableGutters: !0,
+            expanded: x === y,
+            onChange: (o, i) => {
+              l(h.HELP_EXPAND_TOPIC, { feature: a }), R(i ? x : null);
+            },
+            sx: (o) => ({
+              border: `1px solid ${o.palette.neutral?.light}`,
+              borderRadius: "8px !important",
+              "&:before": { opacity: 0 },
+              "& .MuiAccordion-region": {
+                bgcolor: "background.default",
+                borderBottomLeftRadius: 8,
+                borderBottomRightRadius: 8
+              }
+            }),
+            children: [
+              /* @__PURE__ */ r(U, {
+                expandIcon: /* @__PURE__ */ r(H, { sx: { color: "text.primary" } }),
+                sx: {
+                  height: 64,
+                  p: "14px 24px"
+                },
+                children: /* @__PURE__ */ e(t, {
+                  sx: {
+                    alignItems: "center",
+                    flexDirection: "row",
+                    gap: 12
+                  },
+                  children: [/* @__PURE__ */ r(k, {
+                    name: L,
+                    size: 24
+                  }), /* @__PURE__ */ r(u, {
+                    variant: "body1",
+                    children: a
+                  })]
+                })
+              }),
+              /* @__PURE__ */ r(j, {}),
+              /* @__PURE__ */ r(O, {
+                sx: {
+                  ml: 56,
+                  p: 0
+                },
+                children: /* @__PURE__ */ r(w, {
+                  disablePadding: !0,
+                  children: P.map(({ label: o, topicKey: i }) => /* @__PURE__ */ r(M, {
+                    "aria-label": o,
+                    divider: !0,
+                    onClick: () => v({
+                      guid: s,
+                      category: a,
+                      pageTitle: o,
+                      topicKey: i
+                    }),
+                    sx: {
+                      pl: "6px !important",
+                      borderColor: "neutral.light",
+                      "&:last-child": {
+                        border: "none !important",
+                        borderBottomRightRadius: 7
+                      }
+                    },
+                    children: /* @__PURE__ */ r(u, {
+                      color: "secondary",
+                      variant: "body2",
+                      children: o
+                    })
+                  }, i))
+                })
+              })
+            ]
+          }, s);
+        })
+      }, d);
+    })
+  })] });
+};
+export {
+  er as HelpList
+};
+
+//# sourceMappingURL=HelpList.es.js.map

package/dist/help/components/HelpList.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpList.es.js","names":[],"sources":["../../../src/help/components/HelpList.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport List from '@mui/material/List'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport Stack from '@mui/material/Stack'\n\nimport { H3, Icon, P, Text } from '@mxenabled/mxui'\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../common'\nimport { type HelpCategory, type SelectedTopic } from '../../core'\n\nexport interface HelpListProps {\n  buttonText: string\n  hasRequestButton?: boolean\n  helpCategories: HelpCategory[]\n  helpContent: string\n  helpTitle: string\n  onRequestHelp: () => void\n  onTopicSelect: (topic: SelectedTopic) => void\n}\n\nexport const HelpList: React.FC<HelpListProps> = ({\n  buttonText,\n  hasRequestButton = false,\n  helpCategories = [],\n  helpContent,\n  helpTitle,\n  onRequestHelp,\n  onTopicSelect,\n}) => {\n  const [expanded, setExpanded] = useState<number | null>(null)\n  const midpoint = Math.ceil(helpCategories.length / 2)\n\n  const { onEvent } = useEvent()\n\n  return (\n    <React.Fragment>\n      <Grid\n        container={true}\n        sx={{\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          mb: 24,\n        }}\n      >\n        <Stack>\n          <H3>{helpTitle}</H3>\n          <P variant=\"body1\">{helpContent}</P>\n        </Stack>\n        {hasRequestButton && (\n          <Stack\n            sx={{\n              pt: {\n                xs: 12,\n                md: 0,\n              },\n            }}\n          >\n            <Button\n              aria-label={buttonText}\n              onClick={() => {\n                onEvent(ANALYTICS_EVENTS.HELP_CLICK_REQUEST_SUPPORT, {})\n\n                onRequestHelp()\n              }}\n              variant=\"contained\"\n            >\n              {buttonText}\n            </Button>\n          </Stack>\n        )}\n      </Grid>\n\n      <Stack sx={{ flexDirection: { xs: 'column', md: 'row' }, gap: 12 }}>\n        {[0, 1].map((half) => {\n          const start = half === 0 ? 0 : midpoint\n          const end = half === 0 ? midpoint : helpCategories.length\n          const items = helpCategories.slice(start, end)\n\n          return (\n            <Stack key={half} sx={{ flex: 1, gap: 12, maxWidth: { md: 'calc(50% - 6px)' } }}>\n              {items.map(({ guid, icon, topics, title }, i) => {\n                const key = i + start\n                return (\n                  <Accordion\n                    disableGutters={true}\n                    expanded={key === expanded}\n                    key={guid}\n                    onChange={(_, isExpanded) => {\n                      onEvent(ANALYTICS_EVENTS.HELP_EXPAND_TOPIC, { feature: title })\n\n                      setExpanded(isExpanded ? key : null)\n                    }}\n                    sx={(theme) => ({\n                      border: `1px solid ${theme.palette.neutral?.light}`,\n                      borderRadius: '8px !important',\n                      '&:before': {\n                        opacity: 0,\n                      },\n                      '& .MuiAccordion-region': {\n                        bgcolor: 'background.default',\n                        borderBottomLeftRadius: 8,\n                        borderBottomRightRadius: 8,\n                      },\n                    })}\n                  >\n                    <AccordionSummary\n                      expandIcon={<ExpandMore sx={{ color: 'text.primary' }} />}\n                      sx={{ height: 64, p: '14px 24px' }}\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 disablePadding={true}>\n                        {topics.map(({ label, topicKey }) => (\n                          <ListItemButton\n                            aria-label={label}\n                            divider={true}\n                            key={topicKey}\n                            onClick={() =>\n                              onTopicSelect({ guid, category: title, pageTitle: label, topicKey })\n                            }\n                            sx={{\n                              pl: '6px !important',\n                              borderColor: 'neutral.light',\n                              '&:last-child': {\n                                border: 'none !important',\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              })}\n            </Stack>\n          )\n        })}\n      </Stack>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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"}

package/dist/help/components/content/BottomImageContent.es.js

@@ -0,0 +1,51 @@
+import p from "react";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTheme as c } from "@mui/material/styles";
+import l from "@mui/material/Box";
+import h from "@mui/material/Divider";
+import r from "@mui/material/Grid";
+var j = ({ altImage: m, content: o, hasDivider: n = !0, image: s, imageLargeBreakPoint: a = 12, sx: d }) => {
+  const t = c();
+  return /* @__PURE__ */ i(p.Fragment, { children: [/* @__PURE__ */ e(l, {
+    sx: {
+      pb: 48,
+      ...d
+    },
+    children: /* @__PURE__ */ i(r, {
+      container: !0,
+      rowSpacing: 24,
+      children: [/* @__PURE__ */ e(r, {
+        size: 12,
+        children: o
+      }), /* @__PURE__ */ e(r, {
+        size: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: a
+        },
+        sx: {
+          m: "0 auto",
+          [t.breakpoints.between("sm", "lg")]: {
+            display: "flex",
+            justifyContent: "center"
+          },
+          "& img": {
+            width: "100%",
+            maxWidth: 1176,
+            [t.breakpoints.between("sm", "lg")]: { width: "75%" }
+          }
+        },
+        children: /* @__PURE__ */ e("img", {
+          alt: m,
+          src: s
+        })
+      })]
+    })
+  }), n && /* @__PURE__ */ e(h, {})] });
+};
+export {
+  j as BottomImageContent
+};
+
+//# sourceMappingURL=BottomImageContent.es.js.map

package/dist/help/components/content/BottomImageContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/BottomImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../core/types/Help'\n\nexport const BottomImageContent: React.FC<ImageContentProps> = ({\n  altImage,\n  content,\n  hasDivider = true,\n  image,\n  imageLargeBreakPoint = 12,\n  sx,\n}) => {\n  const theme = useTheme()\n  return (\n    <React.Fragment>\n      <Box sx={{ pb: 48, ...sx }}>\n        <Grid container={true} rowSpacing={24}>\n          <Grid size={12}>{content}</Grid>\n          <Grid\n            size={{ xs: 12, sm: 12, md: 12, lg: imageLargeBreakPoint }}\n            sx={{\n              m: '0 auto',\n              [theme.breakpoints.between('sm', 'lg')]: {\n                display: 'flex',\n                justifyContent: 'center',\n              },\n              '& img': {\n                width: '100%',\n                maxWidth: 1176,\n                [theme.breakpoints.between('sm', 'lg')]: {\n                  width: '75%',\n                },\n              },\n            }}\n          >\n            <img alt={altImage} src={image} />\n          </Grid>\n        </Grid>\n      </Box>\n      {hasDivider && <Divider />}\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAmD,EAC9D,UAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,OAAA,GACA,sBAAA,IAAuB,IACvB,IAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,cACvB,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,YAAY;AAAA,gBAAnC,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,kBAAK;AAAA,MAAc,CAAA,GAC/B,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAqB;AAAA,QACzD,IAAI;AAAA,UACF,GAAG;AAAA,WACF,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI;AAAA,YACvC,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,YACP,UAAU;AAAA,aACT,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,kBAEA,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,CACF;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}

package/dist/help/components/content/ContentItem.es.js

@@ -0,0 +1,46 @@
+import { H3 as h, P as d } from "@mxenabled/mxui";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import y from "@mui/material/Box";
+var o = ({ content: t, sx: r }) => /* @__PURE__ */ e(d, {
+  sx: {
+    lineHeight: "24px",
+    py: 6,
+    ...r
+  },
+  children: t
+}), j = ({ content: t, sx: r }) => /* @__PURE__ */ e(h, {
+  color: "text.primary",
+  sx: {
+    py: 12,
+    whiteSpace: { sm: "nowrap" },
+    ...r
+  },
+  children: t
+}), w = ({ items: t, listType: r = "ul", subItemPlacement: i, subItems: p = [], subListType: n = "ol" }) => {
+  const c = r, m = n;
+  return /* @__PURE__ */ e(y, {
+    sx: { [r]: {
+      m: 0,
+      p: 0,
+      pl: 16,
+      "& li::marker": { fontSize: 15 }
+    } },
+    children: /* @__PURE__ */ e(c, { children: t.map((x, l) => /* @__PURE__ */ f("li", { children: [/* @__PURE__ */ e(o, {
+      content: x,
+      sx: { py: 1 }
+    }), i === l ? /* @__PURE__ */ e(m, {
+      ...n === "ol" && { type: "a" },
+      children: p.map((a, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(o, {
+        content: a,
+        sx: { py: 1 }
+      }) }, s))
+    }) : null] }, l)) })
+  });
+};
+export {
+  w as List,
+  j as SectionTitle,
+  o as Text
+};
+
+//# sourceMappingURL=ContentItem.es.js.map

package/dist/help/components/content/ContentItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentItem.es.js","names":[],"sources":["../../../../src/help/components/content/ContentItem.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport { ListProps, SectionTitleProps, TextProps } from '../../../core/types/Help'\n\nexport const Text: React.FC<TextProps> = ({ content, sx }) => (\n  <P sx={{ lineHeight: '24px', py: 6, ...sx }}>{content}</P>\n)\n\nexport const SectionTitle: React.FC<SectionTitleProps> = ({ content, sx }) => (\n  <H3 color=\"text.primary\" sx={{ py: 12, whiteSpace: { sm: 'nowrap' }, ...sx }}>\n    {content}\n  </H3>\n)\n\nexport const List: React.FC<ListProps> = ({\n  items,\n  listType = 'ul',\n  subItemPlacement,\n  subItems = [],\n  subListType = 'ol',\n}) => {\n  const Element = listType\n  const SubElement = subListType\n\n  return (\n    <Box sx={{ [listType]: { m: 0, p: 0, pl: 16, '& li::marker': { fontSize: 15 } } }}>\n      <Element>\n        {items.map((elm, i) => (\n          <li key={i}>\n            <Text content={elm} sx={{ py: 1 }} />\n            {subItemPlacement === i ? (\n              <SubElement {...(subListType === 'ol' && { type: 'a' })}>\n                {subItems.map((subElm, index) => (\n                  <li key={index}>\n                    <Text content={subElm} sx={{ py: 1 }} />\n                  </li>\n                ))}\n              </SubElement>\n            ) : null}\n          </li>\n        ))}\n      </Element>\n    </Box>\n  )\n}\n"],"mappings":";;;AAKA,IAAa,IAAA,CAA6B,EAAE,SAAA,GAAS,IAAA,EAAA,MACnD,gBAAA,EAAC,GAAD;AAAA,EAAG,IAAI;AAAA,IAAE,YAAY;AAAA,IAAQ,IAAI;AAAA,IAAG,GAAG;AAAA,EAAG;AAAA,YAAI;AAAW,CAAA,GAG9C,IAAA,CAA6C,EAAE,SAAA,GAAS,IAAA,EAAA,MACnE,gBAAA,EAAC,GAAD;AAAA,EAAI,OAAM;AAAA,EAAe,IAAI;AAAA,IAAE,IAAI;AAAA,IAAI,YAAY,EAAE,IAAI,SAAS;AAAA,IAAG,GAAG;AAAA,EAAG;AAAA,YACxE;AACC,CAAA,GAGO,IAAA,CAA6B,EACxC,OAAA,GACA,UAAA,IAAW,MACX,kBAAA,GACA,UAAA,IAAW,CAAC,GACZ,aAAA,IAAc,KAAA,MACV;AACJ,QAAM,IAAU,GACV,IAAa;AAEnB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAA,CAAG,CAAA,GAAW;AAAA,MAAE,GAAG;AAAA,MAAG,GAAG;AAAA,MAAG,IAAI;AAAA,MAAI,gBAAgB,EAAE,UAAU,GAAG;AAAA,IAAE,EAAE;AAAA,cAC9E,gBAAA,EAAC,GAAD,EAAA,UACG,EAAM,IAAA,CAAK,GAAK,MACf,gBAAA,EAAC,MAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAM,SAAS;AAAA,MAAK,IAAI,EAAE,IAAI,EAAE;AAAA,IAAI,CAAA,GACnC,MAAqB,IACpB,gBAAA,EAAC,GAAD;AAAA,MAAY,GAAK,MAAgB,QAAQ,EAAE,MAAM,IAAI;AAAA,gBAClD,EAAS,IAAA,CAAK,GAAQ,MACrB,gBAAA,EAAC,MAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAS;AAAA,QAAQ,IAAI,EAAE,IAAI,EAAE;AAAA,MAAI,CAAA,EACrC,GAFK,CAEL,CACL;AAAA,IACS,CAAA,IACV,IACF,EAAA,GAXK,CAWL,CACL,EACM,CAAA;AAAA,EACN,CAAA;AAET"}

package/dist/help/components/content/Header.es.js

@@ -0,0 +1,83 @@
+import { useGlobalCopyStore as d } from "../../../common/context/hooks.es.js";
+import p from "react";
+import { H2 as x, H3 as h, Text as t } from "@mxenabled/mxui";
+import f from "@mui/material/Button";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import o from "@mui/material/Grid";
+import y from "@mui/material/Breadcrumbs";
+var H = ({ buttonCopy: i, hasRequestButton: l, onNavigateToList: a, onRequestSupport: s, title: m, topicTitle: n }) => {
+  const { help: c } = d();
+  return /* @__PURE__ */ e(p.Fragment, { children: [/* @__PURE__ */ e(o, {
+    container: !0,
+    sx: {
+      alignItems: "center",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ e(o, {
+      size: {
+        xs: 12,
+        sm: 6
+      },
+      children: [/* @__PURE__ */ r(h, {
+        color: "text.primary",
+        children: m
+      }), /* @__PURE__ */ e(y, {
+        separator: /* @__PURE__ */ r(t, {
+          bold: !0,
+          color: "grey.600",
+          sx: { fontWeight: 700 },
+          variant: "body2",
+          children: "/"
+        }),
+        children: [/* @__PURE__ */ r(t, {
+          bold: !0,
+          color: "primary.main",
+          onClick: a,
+          sx: {
+            cursor: "pointer",
+            fontWeight: 700
+          },
+          variant: "body2",
+          children: c.list_title
+        }), /* @__PURE__ */ r(t, {
+          bold: !0,
+          color: "text.secondary",
+          sx: { fontWeight: 700 },
+          variant: "body2",
+          children: n
+        })]
+      })]
+    }), l && /* @__PURE__ */ r(o, {
+      size: {
+        xs: 12,
+        sm: 6
+      },
+      sx: {
+        display: "flex",
+        justifyContent: { sm: "flex-end" },
+        mt: {
+          xs: 24,
+          sm: 0
+        }
+      },
+      children: /* @__PURE__ */ r(f, {
+        "aria-label": i,
+        onClick: s,
+        variant: "contained",
+        children: i
+      })
+    })]
+  }), /* @__PURE__ */ r(x, {
+    color: "text.primary",
+    sx: {
+      mt: 24,
+      whiteSpace: { sm: "nowrap" }
+    },
+    children: n
+  })] });
+};
+export {
+  H as Header
+};
+
+//# sourceMappingURL=Header.es.js.map

package/dist/help/components/content/Header.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.es.js","names":[],"sources":["../../../../src/help/components/content/Header.tsx"],"sourcesContent":["import React from 'react'\n\nimport Breadcrumbs from '@mui/material/Breadcrumbs'\nimport Button from '@mui/material/Button'\nimport Grid from '@mui/material/Grid'\nimport { H2, H3, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface HeaderProps {\n  buttonCopy: string\n  hasRequestButton?: boolean\n  onNavigateToList: () => void\n  onRequestSupport: () => void\n  title: string\n  topicTitle: string\n}\n\nexport const Header: React.FC<HeaderProps> = ({\n  buttonCopy,\n  hasRequestButton,\n  onNavigateToList,\n  onRequestSupport,\n  title,\n  topicTitle,\n}) => {\n  const { help: helpCopy } = useGlobalCopyStore()\n  return (\n    <React.Fragment>\n      <Grid container={true} sx={{ alignItems: 'center', justifyContent: 'space-between' }}>\n        <Grid size={{ xs: 12, sm: 6 }}>\n          <H3 color=\"text.primary\">{title}</H3>\n          <Breadcrumbs\n            separator={\n              <Text bold={true} color=\"grey.600\" sx={{ fontWeight: 700 }} variant=\"body2\">\n                /\n              </Text>\n            }\n          >\n            <Text\n              bold={true}\n              color=\"primary.main\"\n              onClick={onNavigateToList}\n              sx={{ cursor: 'pointer', fontWeight: 700 }}\n              variant=\"body2\"\n            >\n              {helpCopy.list_title}\n            </Text>\n            <Text bold={true} color=\"text.secondary\" sx={{ fontWeight: 700 }} variant=\"body2\">\n              {topicTitle}\n            </Text>\n          </Breadcrumbs>\n        </Grid>\n        {hasRequestButton && (\n          <Grid\n            size={{ xs: 12, sm: 6 }}\n            sx={{\n              display: 'flex',\n              justifyContent: { sm: 'flex-end' },\n              mt: { xs: 24, sm: 0 },\n            }}\n          >\n            <Button aria-label={buttonCopy} onClick={onRequestSupport} variant=\"contained\">\n              {buttonCopy}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      <H2 color=\"text.primary\" sx={{ mt: 24, whiteSpace: { sm: 'nowrap' } }}>\n        {topicTitle}\n      </H2>\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,IAAa,IAAA,CAAiC,EAC5C,YAAA,GACA,kBAAA,GACA,kBAAA,GACA,kBAAA,GACA,OAAA,GACA,YAAA,EAAA,MACI;AACJ,QAAM,EAAE,MAAM,EAAA,IAAa,EAAmB;AAC9C,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,WAAW;AAAA,IAAM,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,gBAAgB;AAAA,IAAgB;AAAA,cAAnF,CACE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,gBAA5B,CACE,gBAAA,EAAC,GAAD;AAAA,QAAI,OAAM;AAAA,kBAAgB;AAAA,MAAU,CAAA,GACpC,gBAAA,EAAC,GAAD;AAAA,QACE,WACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAW,IAAI,EAAE,YAAY,IAAI;AAAA,UAAG,SAAQ;AAAA,oBAAQ;AAAA,QAEtE,CAAA;AAAA,kBAJV,CAOE,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS;AAAA,UACT,IAAI;AAAA,YAAE,QAAQ;AAAA,YAAW,YAAY;AAAA,UAAI;AAAA,UACzC,SAAQ;AAAA,oBAEP,EAAS;AAAA,QACN,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAiB,IAAI,EAAE,YAAY,IAAI;AAAA,UAAG,SAAQ;AAAA,oBACvE;AAAA,QACG,CAAA,CACK;AAAA,QACT;AAAA,QACL,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,MACtB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB,EAAE,IAAI,WAAW;AAAA,QACjC,IAAI;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,QAAE;AAAA,MACtB;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QAAQ,cAAY;AAAA,QAAY,SAAS;AAAA,QAAkB,SAAQ;AAAA,kBAChE;AAAA,MACK,CAAA;AAAA,IACJ,CAAA,CAEJ;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,IAAI,OAAM;AAAA,IAAe,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,YAAY,EAAE,IAAI,SAAS;AAAA,IAAE;AAAA,cACjE;AAAA,EACC,CAAA,CACU,EAAA,CAAA;AAEpB"}

package/dist/help/components/content/LeftImageContent.es.js

@@ -0,0 +1,57 @@
+import d from "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useTheme as h } from "@mui/material/styles";
+import p from "@mui/material/Box";
+import f from "@mui/material/Divider";
+import t from "@mui/material/Grid";
+var j = ({ altImage: m, content: n, hasDivider: o = !0, image: l, imageLargeBreakPoint: r = 4, sx: c }) => {
+  const i = h();
+  return /* @__PURE__ */ s(d.Fragment, { children: [/* @__PURE__ */ e(p, {
+    sx: {
+      pb: 48,
+      ...c
+    },
+    children: /* @__PURE__ */ s(t, {
+      container: !0,
+      spacing: 24,
+      sx: { alignItems: "flex-start" },
+      children: [/* @__PURE__ */ e(t, {
+        size: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: r
+        },
+        sx: {
+          alignSelf: "stretch",
+          [i.breakpoints.between("sm", "lg")]: {
+            display: "flex",
+            justifyContent: "center"
+          },
+          "& img": {
+            height: "100%",
+            width: "100%",
+            [i.breakpoints.between("sm", "lg")]: { width: "75%" }
+          }
+        },
+        children: /* @__PURE__ */ e("img", {
+          alt: m,
+          src: l
+        })
+      }), /* @__PURE__ */ e(t, {
+        size: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12 - r
+        },
+        children: n
+      })]
+    })
+  }), o && /* @__PURE__ */ e(f, {})] });
+};
+export {
+  j as LeftImageContent
+};
+
+//# sourceMappingURL=LeftImageContent.es.js.map

package/dist/help/components/content/LeftImageContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/LeftImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../core/types/Help'\n\nexport const LeftImageContent: React.FC<ImageContentProps> = ({\n  altImage,\n  content,\n  hasDivider = true,\n  image,\n  imageLargeBreakPoint = 4,\n  sx,\n}) => {\n  const theme = useTheme()\n  return (\n    <React.Fragment>\n      <Box sx={{ pb: 48, ...sx }}>\n        <Grid container={true} spacing={24} sx={{ alignItems: 'flex-start' }}>\n          <Grid\n            size={{ xs: 12, sm: 12, md: 12, lg: imageLargeBreakPoint }}\n            sx={{\n              alignSelf: 'stretch',\n              [theme.breakpoints.between('sm', 'lg')]: {\n                display: 'flex',\n                justifyContent: 'center',\n              },\n              '& img': {\n                height: '100%',\n                width: '100%',\n                [theme.breakpoints.between('sm', 'lg')]: {\n                  width: '75%',\n                },\n              },\n            }}\n          >\n            <img alt={altImage} src={image} />\n          </Grid>\n          <Grid size={{ xs: 12, sm: 12, md: 12, lg: 12 - imageLargeBreakPoint }}>{content}</Grid>\n        </Grid>\n      </Box>\n      {hasDivider && <Divider />}\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAiD,EAC5D,UAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,OAAA,GACA,sBAAA,IAAuB,GACvB,IAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,cACvB,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,SAAS;AAAA,MAAI,IAAI,EAAE,YAAY,aAAa;AAAA,gBAAnE,CACE,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAqB;AAAA,QACzD,IAAI;AAAA,UACF,WAAW;AAAA,WACV,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI;AAAA,YACvC,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,UACA,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,OAAO;AAAA,aACN,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,kBAEA,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI,KAAK;AAAA,QAAqB;AAAA,kBAAI;AAAA,MAAc,CAAA,CAClF;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}

package/dist/help/components/content/NoImageContent.es.js

@@ -0,0 +1,15 @@
+import { Fragment as m, jsx as r, jsxs as i } from "react/jsx-runtime";
+import n from "@mui/material/Box";
+import p from "@mui/material/Divider";
+var d = ({ content: o, hasDivider: e = !0, sx: t }) => /* @__PURE__ */ i(m, { children: [/* @__PURE__ */ r(n, {
+  sx: {
+    pb: 48,
+    ...t
+  },
+  children: o
+}), e && /* @__PURE__ */ r(p, {})] });
+export {
+  d as NoImageContent
+};
+
+//# sourceMappingURL=NoImageContent.es.js.map

package/dist/help/components/content/NoImageContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/NoImageContent.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\n\nimport { NoImageContentProps } from '../../../core/types/Help'\n\nexport const NoImageContent: React.FC<NoImageContentProps> = ({\n  content,\n  hasDivider = true,\n  sx,\n}) => {\n  return (\n    <>\n      <Box sx={{ pb: 48, ...sx }}>{content}</Box>\n      {hasDivider && <Divider />}\n    </>\n  )\n}\n"],"mappings":";;;AAKA,IAAa,IAAA,CAAiD,EAC5D,SAAA,GACA,YAAA,IAAa,IACb,IAAA,EAAA,MAGE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,EAAK,IAAI;AAAA,IAAE,IAAI;AAAA,IAAI,GAAG;AAAA,EAAG;AAAA,YAAI;AAAa,CAAA,GACzC,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACzB,EAAA,CAAA"}

package/dist/help/components/content/RightImageContent.es.js

@@ -0,0 +1,55 @@
+import p from "react";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { useTheme as c } from "@mui/material/styles";
+import x from "@mui/material/Box";
+import h from "@mui/material/Divider";
+import t from "@mui/material/Grid";
+var j = ({ altImage: s, content: n, hasDivider: o = !0, image: l, imageLargeBreakPoint: r = 4, sx: d }) => {
+  const i = c();
+  return /* @__PURE__ */ m(p.Fragment, { children: [/* @__PURE__ */ e(x, {
+    sx: {
+      pb: 48,
+      ...d
+    },
+    children: /* @__PURE__ */ m(t, {
+      container: !0,
+      spacing: 24,
+      sx: { alignItems: "flex-start" },
+      children: [/* @__PURE__ */ e(t, {
+        size: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12 - r
+        },
+        children: n
+      }), /* @__PURE__ */ e(t, {
+        size: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: r
+        },
+        sx: {
+          [i.breakpoints.between("sm", "lg")]: {
+            display: "flex",
+            justifyContent: "center"
+          },
+          "& img": {
+            width: "100%",
+            [i.breakpoints.between("sm", "lg")]: { width: "75%" }
+          }
+        },
+        children: /* @__PURE__ */ e("img", {
+          alt: s,
+          src: l
+        })
+      })]
+    })
+  }), o && /* @__PURE__ */ e(h, {})] });
+};
+export {
+  j as RightImageContent
+};
+
+//# sourceMappingURL=RightImageContent.es.js.map

package/dist/help/components/content/RightImageContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/RightImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../core/types/Help'\n\nexport const RightImageContent: React.FC<ImageContentProps> = ({\n  altImage,\n  content,\n  hasDivider = true,\n  image,\n  imageLargeBreakPoint = 4,\n  sx,\n}) => {\n  const theme = useTheme()\n  return (\n    <React.Fragment>\n      <Box sx={{ pb: 48, ...sx }}>\n        <Grid container={true} spacing={24} sx={{ alignItems: 'flex-start' }}>\n          <Grid size={{ xs: 12, sm: 12, md: 12, lg: 12 - imageLargeBreakPoint }}>{content}</Grid>\n          <Grid\n            size={{ xs: 12, sm: 12, md: 12, lg: imageLargeBreakPoint }}\n            sx={{\n              [theme.breakpoints.between('sm', 'lg')]: {\n                display: 'flex',\n                justifyContent: 'center',\n              },\n              '& img': {\n                width: '100%',\n                [theme.breakpoints.between('sm', 'lg')]: {\n                  width: '75%',\n                },\n              },\n            }}\n          >\n            <img alt={altImage} src={image} />\n          </Grid>\n        </Grid>\n      </Box>\n      {hasDivider && <Divider />}\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAkD,EAC7D,UAAA,GACA,SAAA,GACA,YAAA,IAAa,IACb,OAAA,GACA,sBAAA,IAAuB,GACvB,IAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,cACvB,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,SAAS;AAAA,MAAI,IAAI,EAAE,YAAY,aAAa;AAAA,gBAAnE,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI,KAAK;AAAA,QAAqB;AAAA,kBAAI;AAAA,MAAc,CAAA,GACtF,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAqB;AAAA,QACzD,IAAI;AAAA,WACD,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI;AAAA,YACvC,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,aACN,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,kBAEA,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,CACF;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}