@mx-cartographer/experiences 9.4.50 → 9.4.52-alpha.al0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/budgets/components/addbudget/Header.es.js +3 -3
- package/dist/budgets/components/addbudget/Header.es.js.map +1 -1
- package/dist/budgets/components/addbudget/RecalculateBudgets.es.js +11 -9
- package/dist/budgets/components/addbudget/RecalculateBudgets.es.js.map +1 -1
- package/dist/common/components/calendar/Calendar.d.ts +1 -0
- package/dist/common/components/calendar/Calendar.es.js.map +1 -1
- package/dist/common/components/drawer/Drawer.es.js +9 -9
- package/dist/common/components/drawer/Drawer.es.js.map +1 -1
- package/dist/common/components/drawer/Footer.es.js +6 -6
- package/dist/common/components/drawer/Footer.es.js.map +1 -1
- package/dist/finstrong/components/KeyIndicatorsDrawer.es.js +1 -0
- package/dist/finstrong/components/KeyIndicatorsDrawer.es.js.map +1 -1
- package/dist/finstrong/components/ManageDOB.es.js +16 -16
- package/dist/goals/components/actions/BirthdayAction.es.js +11 -11
- package/dist/help/components/HelpList.es.js +14 -14
- package/dist/help/components/HelpList.es.js.map +1 -1
- package/dist/help/components/requestsupport/ContactSupport.es.js +14 -14
- package/dist/help/components/requestsupport/ContactSupport.es.js.map +1 -1
- package/dist/help/components/requestsupport/HelpByCategoryList.es.js +1 -1
- package/dist/help/components/requestsupport/HelpByCategoryList.es.js.map +1 -1
- package/dist/help/components/requestsupport/RequestSupportInstitution.es.js +2 -2
- package/dist/help/components/requestsupport/RequestSupportInstitution.es.js.map +1 -1
- package/dist/insights/components/shared/InsightsCard/CardError.es.js +10 -10
- package/dist/insights/components/shared/InsightsCard/CardError.es.js.map +1 -1
- package/dist/recurringtransactions/components/PaymentSchedule.es.js +11 -11
- package/dist/settings/components/profile/ProfileTab.es.js +28 -28
- package/dist/transactions/components/shared/transactiondetails/actions/DateAction.es.js +59 -53
- package/dist/transactions/components/shared/transactiondetails/actions/DateAction.es.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
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":";;;;;;;;;;;;;;;AA4BA,IAAa,KAAA,CAAqC,EAChD,YAAA,GACA,kBAAA,IAAmB,IACnB,gBAAA,IAAiB,CAAC,GAClB,aAAA,GACA,WAAA,GACA,eAAA,GACA,eAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAwB,IAAI,GACtD,IAAW,KAAK,KAAK,EAAe,SAAS,CAAC,GAE9C,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IAAI;AAAA,IACN;AAAA,IANF,UAAA,CAQE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAc,CAAA,GACnB,gBAAA,EAAC,GAAD;AAAA,MAAG,SAAQ;AAAA,MAAS,UAAA;AAAA,IAAe,CAAA,CAC9B,EAAA,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI,EACF,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,MACN,EACF;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,cAAY;AAAA,QACZ,SAAA,MAAe;AACb,UAAA,EAAQ,EAAiB,4BAA4B,CAAC,CAAC,GAEvD,EAAc;AAAA,QAChB;AAAA,QACA,SAAQ;AAAA,QAEP,UAAA;AAAA,MACK,CAAA;AAAA,IACH,CAAA,CAEL;AAAA,EAEN,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,eAAe;AAAA,QAAE,IAAI;AAAA,QAAU,IAAI;AAAA,MAAM;AAAA,MAAG,KAAK;AAAA,IAAG;AAAA,IAC9D,UAAA,CAAC,GAAG,CAAC,EAAE,IAAA,CAAK,MAAS;AACpB,YAAM,IAAQ,MAAS,IAAI,IAAI,GACzB,IAAM,MAAS,IAAI,IAAW,EAAe,QAC7C,IAAQ,EAAe,MAAM,GAAO,CAAG;AAE7C,aACE,gBAAA,EAAC,GAAD;AAAA,QAAkB,IAAI;AAAA,UAAE,MAAM;AAAA,UAAG,KAAK;AAAA,UAAI,UAAU,EAAE,IAAI,kBAAkB;AAAA,QAAE;AAAA,QAC3E,UAAA,EAAM,IAAA,CAAK,EAAE,MAAA,GAAM,MAAA,GAAM,QAAA,GAAQ,OAAA,EAAA,GAAS,MAAM;AAC/C,gBAAM,IAAM,IAAI;AAChB,iBACE,gBAAA,EAAC,GAAD;AAAA,YACE,gBAAgB;AAAA,YAChB,UAAU,MAAQ;AAAA,YAElB,UAAA,CAAW,GAAG,MAAe;AAC3B,cAAA,EAAQ,EAAiB,mBAAmB,EAAE,SAAS,EAAM,CAAC,GAE9D,EAAY,IAAa,IAAM,IAAI;AAAA,YACrC;AAAA,YACA,IAAA,CAAK,OAAW;AAAA,cACd,QAAQ,aAAa,EAAM,QAAQ,SAAS,KAAA;AAAA,cAC5C,cAAc;AAAA,cACd,YAAY,EACV,SAAS,EACX;AAAA,cACA,0BAA0B;AAAA,gBACxB,SAAS;AAAA,gBACT,wBAAwB;AAAA,gBACxB,yBAAyB;AAAA,cAC3B;AAAA,YACF;AAAA,YApBF,UAAA;AAAA,cAsBE,gBAAA,EAAC,GAAD;AAAA,gBACE,YAAY,gBAAA,EAAC,GAAD,EAAY,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;AAAA,gBACxD,IAAI;AAAA,kBAAE,QAAQ;AAAA,kBAAI,GAAG;AAAA,gBAAY;AAAA,gBAEjC,UAAA,gBAAA,EAAC,GAAD;AAAA,kBAAO,IAAI;AAAA,oBAAE,YAAY;AAAA,oBAAU,eAAe;AAAA,oBAAO,KAAK;AAAA,kBAAG;AAAA,kBAAjE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,oBAAM,MAAM;AAAA,oBAAM,MAAM;AAAA,kBAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,oBAAM,SAAQ;AAAA,oBAAS,UAAA;AAAA,kBAAY,CAAA,CAC9B;AAAA;cACS,CAAA;AAAA,cAClB,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,cACV,gBAAA,EAAC,GAAD;AAAA,gBACE,IAAI;AAAA,kBACF,IAAI;AAAA,kBACJ,GAAG;AAAA,gBACL;AAAA,gBAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,kBAAM,gBAAgB;AAAA,kBACnB,UAAA,EAAO,IAAA,CAAK,EAAE,OAAA,GAAO,UAAA,EAAA,MACpB,gBAAA,EAAC,GAAD;AAAA,oBACE,cAAY;AAAA,oBACZ,SAAS;AAAA,oBAET,SAAA,MACE,EAAc;AAAA,sBAAE,MAAA;AAAA,sBAAM,UAAU;AAAA,sBAAO,WAAW;AAAA,sBAAO,UAAA;AAAA,oBAAS,CAAC;AAAA,oBAErE,IAAI;AAAA,sBACF,IAAI;AAAA,sBACJ,aAAa;AAAA,sBACb,gBAAgB;AAAA,wBACd,QAAQ;AAAA,wBACR,yBAAyB;AAAA,sBAC3B;AAAA,oBACF;AAAA,oBAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,sBAAM,OAAM;AAAA,
|
|
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=\"text.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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"}
|
|
@@ -10,10 +10,10 @@ import c from "@mui/material/Box";
|
|
|
10
10
|
import y from "@mui/material/TextField";
|
|
11
11
|
import I from "@mui/material/Alert";
|
|
12
12
|
import A from "@mui/material/Snackbar";
|
|
13
|
-
var N = ({ alert:
|
|
14
|
-
const [s, l] = m.useState(""), { onEvent:
|
|
15
|
-
|
|
16
|
-
}, v = o ?
|
|
13
|
+
var N = ({ alert: r, copy: t, email: n, institution: o, isLoading: i, isOpen: _, onClose: h, onSubmit: d, setAlert: a, topic: x }) => {
|
|
14
|
+
const [s, l] = m.useState(""), { onEvent: f } = b(), p = () => !i && h(), g = () => {
|
|
15
|
+
f(C.HELP_SUBMIT_SUPPORT_REQUEST, { supportRequest: s }), l(""), d(s);
|
|
16
|
+
}, v = o ? t.request_support_institution_short_content : t.request_support_contact_short_content;
|
|
17
17
|
return /* @__PURE__ */ u(q, {
|
|
18
18
|
isOpen: _,
|
|
19
19
|
isPrimaryDisabled: !s || !n,
|
|
@@ -21,22 +21,22 @@ var N = ({ alert: t, copy: r, email: n, institution: o, isLoading: i, isOpen: _,
|
|
|
21
21
|
onPrimaryAction: g,
|
|
22
22
|
onSecondaryAction: p,
|
|
23
23
|
secondaryColor: "primary",
|
|
24
|
-
title:
|
|
24
|
+
title: t.request_support,
|
|
25
25
|
children: [i ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ u(m.Fragment, { children: [
|
|
26
26
|
/* @__PURE__ */ e(E, {
|
|
27
27
|
hasIcon: !o,
|
|
28
28
|
institution: o,
|
|
29
29
|
reverse: !!o,
|
|
30
30
|
subtitle: v,
|
|
31
|
-
title:
|
|
31
|
+
title: x
|
|
32
32
|
}),
|
|
33
33
|
/* @__PURE__ */ e(c, {
|
|
34
34
|
sx: { px: 24 },
|
|
35
35
|
children: /* @__PURE__ */ e(y, {
|
|
36
36
|
error: !n,
|
|
37
37
|
fullWidth: !0,
|
|
38
|
-
helperText: n ? null :
|
|
39
|
-
label:
|
|
38
|
+
helperText: n ? null : t.request_support_email_not_exists_message,
|
|
39
|
+
label: t.request_contact_support_label,
|
|
40
40
|
multiline: !0,
|
|
41
41
|
onChange: ({ target: { value: S } }) => l(S),
|
|
42
42
|
slotProps: { inputLabel: { shrink: !0 } },
|
|
@@ -57,28 +57,28 @@ var N = ({ alert: t, copy: r, email: n, institution: o, isLoading: i, isOpen: _,
|
|
|
57
57
|
/* @__PURE__ */ e(c, {
|
|
58
58
|
sx: { p: "12px 24px 64px" },
|
|
59
59
|
children: /* @__PURE__ */ e(P, {
|
|
60
|
-
color: "secondary",
|
|
60
|
+
color: "text.secondary",
|
|
61
61
|
sx: {
|
|
62
62
|
fontSize: 13,
|
|
63
63
|
fontWeight: 400
|
|
64
64
|
},
|
|
65
65
|
variant: "subtitle2",
|
|
66
|
-
children:
|
|
66
|
+
children: t.request_contact_support_warning
|
|
67
67
|
})
|
|
68
68
|
})
|
|
69
|
-
] }),
|
|
69
|
+
] }), r.message && /* @__PURE__ */ e(A, {
|
|
70
70
|
anchorOrigin: {
|
|
71
71
|
vertical: "bottom",
|
|
72
72
|
horizontal: "center"
|
|
73
73
|
},
|
|
74
74
|
autoHideDuration: 3500,
|
|
75
75
|
onClose: () => a(""),
|
|
76
|
-
open: !!
|
|
76
|
+
open: !!r.message && r.severity === "error" && !i,
|
|
77
77
|
children: /* @__PURE__ */ e(I, {
|
|
78
78
|
onClose: () => a(""),
|
|
79
|
-
severity:
|
|
79
|
+
severity: r.severity,
|
|
80
80
|
variant: "filled",
|
|
81
|
-
children:
|
|
81
|
+
children: r.message
|
|
82
82
|
})
|
|
83
83
|
})]
|
|
84
84
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContactSupport.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/ContactSupport.tsx"],"sourcesContent":["import React from 'react'\n\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Snackbar from '@mui/material/Snackbar'\nimport TextField from '@mui/material/TextField'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, Drawer, Loader, useEvent } from '../../../common'\nimport { type HelpAlertProps, HelpCopy } from '../../../core'\nimport { RequestSupportHeader } from './RequestSupportHeader'\n\ninterface ContactSupportProps {\n alert: HelpAlertProps\n copy: HelpCopy\n email?: string | null | undefined\n institution?: string\n isLoading: boolean\n isOpen: boolean\n onClose: () => void\n onSubmit: (message: string) => void\n setAlert: (message: string) => void\n topic: string\n}\n\nexport const ContactSupport: React.FC<ContactSupportProps> = ({\n alert,\n copy,\n email,\n institution,\n isLoading,\n isOpen,\n onClose,\n onSubmit,\n setAlert,\n topic,\n}) => {\n const [message, setMessage] = React.useState('')\n\n const { onEvent } = useEvent()\n\n const handleClose = () => !isLoading && onClose()\n\n const handlePrimaryAction = () => {\n onEvent(ANALYTICS_EVENTS.HELP_SUBMIT_SUPPORT_REQUEST, {\n supportRequest: message,\n })\n\n setMessage('')\n onSubmit(message)\n }\n\n const subtitle = institution\n ? copy.request_support_institution_short_content\n : copy.request_support_contact_short_content\n return (\n <Drawer\n isOpen={isOpen}\n isPrimaryDisabled={!message || !email}\n onClose={handleClose}\n onPrimaryAction={handlePrimaryAction}\n onSecondaryAction={handleClose}\n secondaryColor=\"primary\"\n title={copy.request_support}\n >\n {isLoading ? (\n <Loader />\n ) : (\n <React.Fragment>\n <RequestSupportHeader\n hasIcon={!institution}\n institution={institution}\n reverse={!!institution}\n subtitle={subtitle}\n title={topic}\n />\n\n <Box sx={{ px: 24 }}>\n <TextField\n error={!email}\n fullWidth={true}\n helperText={!email ? copy.request_support_email_not_exists_message : null}\n label={copy.request_contact_support_label}\n multiline={true}\n onChange={({ target: { value } }) => setMessage(value)}\n slotProps={{ inputLabel: { shrink: true } }}\n sx={{\n '& .MuiInputBase-root': { alignItems: 'flex-start', minHeight: 124 },\n '& .MuiInputBase-input::placeholder': {\n fontSize: 13,\n color: 'text.secondary',\n },\n }}\n value={message}\n variant=\"outlined\"\n />\n </Box>\n <Box sx={{ p: '12px 24px 64px' }}>\n <Text\n color=\"secondary\"\n sx={{\n fontSize: 13,\n fontWeight: 400,\n }}\n variant=\"subtitle2\"\n >\n {copy.request_contact_support_warning}\n </Text>\n </Box>\n </React.Fragment>\n )}\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"],"mappings":";;;;;;;;;;;;AA0BA,IAAa,IAAA,CAAiD,EAC5D,OAAA,GACA,MAAA,GACA,OAAA,GACA,aAAA,GACA,WAAA,GACA,QAAA,GACA,SAAA,GACA,UAAA,GACA,UAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAS,CAAA,IAAc,EAAM,SAAS,EAAE,GAEzC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,IAAA,MAAoB,CAAC,KAAa,EAAQ,GAE1C,IAAA,MAA4B;AAChC,IAAA,EAAQ,EAAiB,6BAA6B,EACpD,gBAAgB,EAClB,CAAC,GAED,EAAW,EAAE,GACb,EAAS,CAAO;AAAA,EAClB,GAEM,IAAW,IACb,EAAK,4CACL,EAAK;AACT,SACE,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACR,mBAAmB,CAAC,KAAW,CAAC;AAAA,IAChC,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,gBAAe;AAAA,IACf,OAAO,EAAK;AAAA,IAPd,UAAA,CASG,IACC,gBAAA,EAAC,GAAD,CAAS,CAAA,IAET,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,CAAC;AAAA,QACG,aAAA;AAAA,QACb,SAAS,CAAC,CAAC;AAAA,QACD,UAAA;AAAA,QACV,OAAO;AAAA,MACR,CAAA;AAAA,MAED,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,IAAI,GAAG;AAAA,QAChB,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,OAAO,CAAC;AAAA,UACR,WAAW;AAAA,UACX,YAAa,IAAwD,OAAhD,EAAK;AAAA,UAC1B,OAAO,EAAK;AAAA,UACZ,WAAW;AAAA,UACX,UAAA,CAAW,EAAE,QAAQ,EAAE,OAAA,EAAA,EAAA,MAAc,EAAW,CAAK;AAAA,UACrD,WAAW,EAAE,YAAY,EAAE,QAAQ,GAAK,EAAE;AAAA,UAC1C,IAAI;AAAA,YACF,wBAAwB;AAAA,cAAE,YAAY;AAAA,cAAc,WAAW;AAAA,YAAI;AAAA,YACnE,sCAAsC;AAAA,cACpC,UAAU;AAAA,cACV,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACA,OAAO;AAAA,UACP,SAAQ;AAAA,QACT,CAAA;AAAA,MACE,CAAA;AAAA,MACL,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,GAAG,iBAAiB;AAAA,QAC7B,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI;AAAA,YACF,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAK;AAAA,QACF,CAAA;AAAA,MACH,CAAA;AAAA,IACS,EAAA,CAAA,GAEjB,EAAM,WACL,gBAAA,EAAC,GAAD;AAAA,MACE,cAAc;AAAA,QAAE,UAAU;AAAA,QAAU,YAAY;AAAA,MAAS;AAAA,MACzD,kBAAkB;AAAA,MAClB,SAAA,MAAe,EAAS,EAAE;AAAA,MAC1B,MAAM,CAAC,CAAC,EAAM,WAAW,EAAM,aAAa,WAAW,CAAC;AAAA,MAExD,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,SAAA,MAAe,EAAS,EAAE;AAAA,QAAG,UAAU,EAAM;AAAA,QAAU,SAAQ;AAAA,QACnE,UAAA,EAAM;AAAA,MACF,CAAA;AAAA,IACC,CAAA,CAEN;AAAA;AAEZ"}
|
|
1
|
+
{"version":3,"file":"ContactSupport.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/ContactSupport.tsx"],"sourcesContent":["import React from 'react'\n\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Snackbar from '@mui/material/Snackbar'\nimport TextField from '@mui/material/TextField'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, Drawer, Loader, useEvent } from '../../../common'\nimport { type HelpAlertProps, HelpCopy } from '../../../core'\nimport { RequestSupportHeader } from './RequestSupportHeader'\n\ninterface ContactSupportProps {\n alert: HelpAlertProps\n copy: HelpCopy\n email?: string | null | undefined\n institution?: string\n isLoading: boolean\n isOpen: boolean\n onClose: () => void\n onSubmit: (message: string) => void\n setAlert: (message: string) => void\n topic: string\n}\n\nexport const ContactSupport: React.FC<ContactSupportProps> = ({\n alert,\n copy,\n email,\n institution,\n isLoading,\n isOpen,\n onClose,\n onSubmit,\n setAlert,\n topic,\n}) => {\n const [message, setMessage] = React.useState('')\n\n const { onEvent } = useEvent()\n\n const handleClose = () => !isLoading && onClose()\n\n const handlePrimaryAction = () => {\n onEvent(ANALYTICS_EVENTS.HELP_SUBMIT_SUPPORT_REQUEST, {\n supportRequest: message,\n })\n\n setMessage('')\n onSubmit(message)\n }\n\n const subtitle = institution\n ? copy.request_support_institution_short_content\n : copy.request_support_contact_short_content\n return (\n <Drawer\n isOpen={isOpen}\n isPrimaryDisabled={!message || !email}\n onClose={handleClose}\n onPrimaryAction={handlePrimaryAction}\n onSecondaryAction={handleClose}\n secondaryColor=\"primary\"\n title={copy.request_support}\n >\n {isLoading ? (\n <Loader />\n ) : (\n <React.Fragment>\n <RequestSupportHeader\n hasIcon={!institution}\n institution={institution}\n reverse={!!institution}\n subtitle={subtitle}\n title={topic}\n />\n\n <Box sx={{ px: 24 }}>\n <TextField\n error={!email}\n fullWidth={true}\n helperText={!email ? copy.request_support_email_not_exists_message : null}\n label={copy.request_contact_support_label}\n multiline={true}\n onChange={({ target: { value } }) => setMessage(value)}\n slotProps={{ inputLabel: { shrink: true } }}\n sx={{\n '& .MuiInputBase-root': { alignItems: 'flex-start', minHeight: 124 },\n '& .MuiInputBase-input::placeholder': {\n fontSize: 13,\n color: 'text.secondary',\n },\n }}\n value={message}\n variant=\"outlined\"\n />\n </Box>\n <Box sx={{ p: '12px 24px 64px' }}>\n <Text\n color=\"text.secondary\"\n sx={{\n fontSize: 13,\n fontWeight: 400,\n }}\n variant=\"subtitle2\"\n >\n {copy.request_contact_support_warning}\n </Text>\n </Box>\n </React.Fragment>\n )}\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"],"mappings":";;;;;;;;;;;;AA0BA,IAAa,IAAA,CAAiD,EAC5D,OAAA,GACA,MAAA,GACA,OAAA,GACA,aAAA,GACA,WAAA,GACA,QAAA,GACA,SAAA,GACA,UAAA,GACA,UAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAS,CAAA,IAAc,EAAM,SAAS,EAAE,GAEzC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,IAAA,MAAoB,CAAC,KAAa,EAAQ,GAE1C,IAAA,MAA4B;AAChC,IAAA,EAAQ,EAAiB,6BAA6B,EACpD,gBAAgB,EAClB,CAAC,GAED,EAAW,EAAE,GACb,EAAS,CAAO;AAAA,EAClB,GAEM,IAAW,IACb,EAAK,4CACL,EAAK;AACT,SACE,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACR,mBAAmB,CAAC,KAAW,CAAC;AAAA,IAChC,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,gBAAe;AAAA,IACf,OAAO,EAAK;AAAA,IAPd,UAAA,CASG,IACC,gBAAA,EAAC,GAAD,CAAS,CAAA,IAET,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,CAAC;AAAA,QACG,aAAA;AAAA,QACb,SAAS,CAAC,CAAC;AAAA,QACD,UAAA;AAAA,QACV,OAAO;AAAA,MACR,CAAA;AAAA,MAED,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,IAAI,GAAG;AAAA,QAChB,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,OAAO,CAAC;AAAA,UACR,WAAW;AAAA,UACX,YAAa,IAAwD,OAAhD,EAAK;AAAA,UAC1B,OAAO,EAAK;AAAA,UACZ,WAAW;AAAA,UACX,UAAA,CAAW,EAAE,QAAQ,EAAE,OAAA,EAAA,EAAA,MAAc,EAAW,CAAK;AAAA,UACrD,WAAW,EAAE,YAAY,EAAE,QAAQ,GAAK,EAAE;AAAA,UAC1C,IAAI;AAAA,YACF,wBAAwB;AAAA,cAAE,YAAY;AAAA,cAAc,WAAW;AAAA,YAAI;AAAA,YACnE,sCAAsC;AAAA,cACpC,UAAU;AAAA,cACV,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACA,OAAO;AAAA,UACP,SAAQ;AAAA,QACT,CAAA;AAAA,MACE,CAAA;AAAA,MACL,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,GAAG,iBAAiB;AAAA,QAC7B,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI;AAAA,YACF,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAK;AAAA,QACF,CAAA;AAAA,MACH,CAAA;AAAA,IACS,EAAA,CAAA,GAEjB,EAAM,WACL,gBAAA,EAAC,GAAD;AAAA,MACE,cAAc;AAAA,QAAE,UAAU;AAAA,QAAU,YAAY;AAAA,MAAS;AAAA,MACzD,kBAAkB;AAAA,MAClB,SAAA,MAAe,EAAS,EAAE;AAAA,MAC1B,MAAM,CAAC,CAAC,EAAM,WAAW,EAAM,aAAa,WAAW,CAAC;AAAA,MAExD,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,SAAA,MAAe,EAAS,EAAE;AAAA,QAAG,UAAU,EAAM;AAAA,QAAU,SAAQ;AAAA,QACnE,UAAA,EAAM;AAAA,MACF,CAAA;AAAA,IACC,CAAA,CAEN;AAAA;AAEZ"}
|
|
@@ -1 +1 @@
|
|
|
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,IAClC,UAAA,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,MAXN,UAAA;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,UAEjC,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,YAAY;AAAA,cAAU,eAAe;AAAA,cAAO,KAAK;AAAA,YAAG;AAAA,YAAjE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,MAAM;AAAA,YAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,cAAS,UAAA;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,UAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAE,EAAE;AAAA,YAChD,UAAA,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,cAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,gBAAM,OAAM;AAAA,
|
|
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=\"text.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,IAClC,UAAA,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,MAXN,UAAA;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,UAEjC,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,YAAY;AAAA,cAAU,eAAe;AAAA,cAAO,KAAK;AAAA,YAAG;AAAA,YAAjE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,MAAM;AAAA,YAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,cAAS,UAAA;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,UAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAE,EAAE;AAAA,YAChD,UAAA,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,cAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,gBAAM,OAAM;AAAA,gBAAiB,SAAQ;AAAA,gBAClC,UAAA;AAAA,cACG,CAAA;AAAA,YACQ,GApBT,CAoBS,CACjB;AAAA,UACG,CAAA;AAAA,QACU,CAAA;AAAA,MACT;AAAA,IAtDJ,GAAA,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"}
|
|
@@ -30,12 +30,12 @@ var j = ({ copy: t, institution: o, isOpen: p, onClose: i, popularTopicsDrawerOn
|
|
|
30
30
|
p: 24
|
|
31
31
|
},
|
|
32
32
|
children: [/* @__PURE__ */ r(b, {
|
|
33
|
-
color: "
|
|
33
|
+
color: "text.primary",
|
|
34
34
|
sx: { fontWeight: 600 },
|
|
35
35
|
variant: "body1",
|
|
36
36
|
children: n(t.request_support_institution_message_title, o)
|
|
37
37
|
}), /* @__PURE__ */ r(_, {
|
|
38
|
-
color: "secondary",
|
|
38
|
+
color: "text.secondary",
|
|
39
39
|
sx: {
|
|
40
40
|
fontWeight: 400,
|
|
41
41
|
mt: 2
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequestSupportInstitution.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupportInstitution.tsx"],"sourcesContent":["import { P, Text } from '@mxenabled/mxui'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { Drawer, useGlobalCopyStore } from '../../../common'\nimport { HelpCopy } from '../../../core'\nimport { RequestSupportHeader } from './RequestSupportHeader'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface RequestSupportInstitutionProps {\n copy: HelpCopy\n institution: string\n isOpen: boolean\n onClose: () => void\n popularTopicsDrawerOnClose: () => void\n title: string\n}\n\nexport const RequestSupportInstitution: React.FC<RequestSupportInstitutionProps> = ({\n copy,\n institution,\n isOpen,\n onClose,\n popularTopicsDrawerOnClose,\n title,\n}) => {\n const { common: commonCopy } = useGlobalCopyStore()\n return (\n <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n <RequestSupportHeader\n hasIcon={false}\n institution={institution}\n reverse={true}\n subtitle={copy.request_support_institution_short_content}\n title={title}\n />\n <Box\n sx={{\n bgcolor: 'background.paper',\n borderRadius: '8px',\n boxShadow: '0px 2px 8px rgba(106, 115, 129, 0.12)',\n m: 24,\n p: 24,\n }}\n >\n <Text\n color=\"
|
|
1
|
+
{"version":3,"file":"RequestSupportInstitution.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupportInstitution.tsx"],"sourcesContent":["import { P, Text } from '@mxenabled/mxui'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { Drawer, useGlobalCopyStore } from '../../../common'\nimport { HelpCopy } from '../../../core'\nimport { RequestSupportHeader } from './RequestSupportHeader'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface RequestSupportInstitutionProps {\n copy: HelpCopy\n institution: string\n isOpen: boolean\n onClose: () => void\n popularTopicsDrawerOnClose: () => void\n title: string\n}\n\nexport const RequestSupportInstitution: React.FC<RequestSupportInstitutionProps> = ({\n copy,\n institution,\n isOpen,\n onClose,\n popularTopicsDrawerOnClose,\n title,\n}) => {\n const { common: commonCopy } = useGlobalCopyStore()\n return (\n <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n <RequestSupportHeader\n hasIcon={false}\n institution={institution}\n reverse={true}\n subtitle={copy.request_support_institution_short_content}\n title={title}\n />\n <Box\n sx={{\n bgcolor: 'background.paper',\n borderRadius: '8px',\n boxShadow: '0px 2px 8px rgba(106, 115, 129, 0.12)',\n m: 24,\n p: 24,\n }}\n >\n <Text\n color=\"text.primary\"\n sx={{\n fontWeight: 600,\n }}\n variant=\"body1\"\n >\n {buildDynamicCopy(copy.request_support_institution_message_title, institution) as string}\n </Text>\n <P\n color=\"text.secondary\"\n sx={{\n fontWeight: 400,\n mt: 2,\n }}\n variant=\"subtitle2\"\n >\n {buildDynamicCopy(copy.request_support_institution_message, institution) as string}\n </P>\n </Box>\n\n <Stack direction=\"column\" spacing={8} sx={{ mx: 24 }}>\n <Button onClick={popularTopicsDrawerOnClose} variant=\"contained\">\n {commonCopy.done_button}\n </Button>\n <Button onClick={onClose} variant=\"text\">\n {copy.request_support_institution_back}\n </Button>\n </Stack>\n </Drawer>\n )\n}\n"],"mappings":";;;;;;;;;AAmBA,IAAa,IAAA,CAAuE,EAClF,MAAA,GACA,aAAA,GACA,QAAA,GACA,SAAA,GACA,4BAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,EAAE,QAAQ,EAAA,IAAe,EAAmB;AAClD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,QAAA;AAAA,IAAiB,SAAA;AAAA,IAAS,OAAO,EAAK;AAAA,IAAtD,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS;AAAA,QACI,aAAA;AAAA,QACb,SAAS;AAAA,QACT,UAAU,EAAK;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,SAAS;AAAA,UACT,cAAc;AAAA,UACd,WAAW;AAAA,UACX,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI,EACF,YAAY,IACd;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAiB,EAAK,2CAA2C,CAAW;AAAA,QACzE,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,IAAI;AAAA,UACN;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAiB,EAAK,qCAAqC,CAAW;AAAA,QACtE,CAAA,CACA;AAAA;MAEL,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAS,SAAS;AAAA,QAAG,IAAI,EAAE,IAAI,GAAG;AAAA,QAAnD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAA4B,SAAQ;AAAA,UAClD,UAAA,EAAW;AAAA,QACN,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAAS,SAAQ;AAAA,UAC/B,UAAA,EAAK;AAAA,QACA,CAAA,CACH;AAAA;IACD;AAAA;AAEZ"}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { ThemedSVGImage as
|
|
2
|
-
import { ReactComponent as
|
|
1
|
+
import { ThemedSVGImage as m } from "../ThemedSVGImage.es.js";
|
|
2
|
+
import { ReactComponent as o } from "./images/BeatErrorView.es.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import e from "@mui/material/Stack";
|
|
5
|
-
import { P as
|
|
6
|
-
import { jsx as r, jsxs as
|
|
5
|
+
import { P as i } from "@mxenabled/mxui";
|
|
6
|
+
import { jsx as r, jsxs as a } from "react/jsx-runtime";
|
|
7
7
|
var s = {
|
|
8
8
|
marginBottom: 16,
|
|
9
9
|
maxWidth: 120,
|
|
10
10
|
width: "100%"
|
|
11
|
-
}, g = ({ erroredText:
|
|
11
|
+
}, g = ({ erroredText: t }) => /* @__PURE__ */ a(e, {
|
|
12
12
|
sx: { alignItems: "center" },
|
|
13
|
-
children: [/* @__PURE__ */ r(
|
|
13
|
+
children: [/* @__PURE__ */ r(m, {
|
|
14
14
|
divProps: { style: s },
|
|
15
|
-
image:
|
|
16
|
-
}), /* @__PURE__ */ r(
|
|
17
|
-
color: "
|
|
15
|
+
image: o
|
|
16
|
+
}), /* @__PURE__ */ r(i, {
|
|
17
|
+
color: "text.primary",
|
|
18
18
|
sx: {
|
|
19
19
|
mx: 8,
|
|
20
20
|
mb: 8
|
|
21
21
|
},
|
|
22
22
|
variant: "subtitle2",
|
|
23
|
-
children:
|
|
23
|
+
children: t
|
|
24
24
|
})]
|
|
25
25
|
});
|
|
26
26
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardError.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardError.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ThemedSVGImage } from '../ThemedSVGImage'\n\nimport { ReactComponent as BeatErrorView } from './images/BeatErrorView.svg'\n\nexport interface CardErrorProps {\n erroredText: string\n}\n\nconst imageStyles = {\n marginBottom: 16,\n maxWidth: 120,\n width: '100%',\n}\n\nexport const CardError: React.FC<CardErrorProps> = ({ erroredText }) => {\n return (\n <Stack\n sx={{\n alignItems: 'center',\n }}\n >\n <ThemedSVGImage divProps={{ style: imageStyles }} image={BeatErrorView} />\n <P color=\"
|
|
1
|
+
{"version":3,"file":"CardError.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardError.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ThemedSVGImage } from '../ThemedSVGImage'\n\nimport { ReactComponent as BeatErrorView } from './images/BeatErrorView.svg'\n\nexport interface CardErrorProps {\n erroredText: string\n}\n\nconst imageStyles = {\n marginBottom: 16,\n maxWidth: 120,\n width: '100%',\n}\n\nexport const CardError: React.FC<CardErrorProps> = ({ erroredText }) => {\n return (\n <Stack\n sx={{\n alignItems: 'center',\n }}\n >\n <ThemedSVGImage divProps={{ style: imageStyles }} image={BeatErrorView} />\n <P color=\"text.primary\" sx={{ mx: 8, mb: 8 }} variant=\"subtitle2\">\n {erroredText}\n </P>\n </Stack>\n )\n}\n"],"mappings":";;;;;;AAcA,IAAM,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AACT,GAEa,IAAA,CAAuC,EAAE,aAAA,EAAA,MAElD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI,EACF,YAAY,SACd;AAAA,EAHF,UAAA,CAKE,gBAAA,EAAC,GAAD;AAAA,IAAgB,UAAU,EAAE,OAAO,EAAY;AAAA,IAAG,OAAO;AAAA,EAAgB,CAAA,GACzE,gBAAA,EAAC,GAAD;AAAA,IAAG,OAAM;AAAA,IAAe,IAAI;AAAA,MAAE,IAAI;AAAA,MAAG,IAAI;AAAA,IAAE;AAAA,IAAG,SAAQ;AAAA,IACnD,UAAA;AAAA,EACA,CAAA,CACE"}
|
|
@@ -4,16 +4,16 @@ import { formatOrdinal as M } from "../../core/utils/NumberFormatting.es.js";
|
|
|
4
4
|
import { Select as n } from "../../common/components/Select.es.js";
|
|
5
5
|
import g from "react";
|
|
6
6
|
import A from "@mui/material/Stack";
|
|
7
|
-
import { startOfToday as
|
|
7
|
+
import { startOfToday as y } from "date-fns/startOfToday";
|
|
8
8
|
import { jsx as t, jsxs as T } from "react/jsx-runtime";
|
|
9
9
|
import { addYears as _ } from "date-fns/addYears";
|
|
10
10
|
import { subDays as Y } from "date-fns/subDays";
|
|
11
11
|
import { setDayOfYear as x } from "date-fns/setDayOfYear";
|
|
12
12
|
import { AdapterDateFns as D } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
13
|
-
import {
|
|
13
|
+
import { LocalizationProvider as C } from "@mui/x-date-pickers/LocalizationProvider";
|
|
14
|
+
import { getDayOfYear as W } from "date-fns/getDayOfYear";
|
|
14
15
|
import { DatePicker as P } from "@mui/x-date-pickers";
|
|
15
|
-
|
|
16
|
-
var N = ({ frequency: a, firstDay: y, secondDay: h, onFrequencyChange: s, onFirstDayChange: d, onSecondDayChange: c }) => {
|
|
16
|
+
var N = ({ frequency: a, firstDay: i, secondDay: h, onFrequencyChange: s, onFirstDayChange: d, onSecondDayChange: c }) => {
|
|
17
17
|
const { recurring: e } = E(), f = g.useMemo(() => [
|
|
18
18
|
{
|
|
19
19
|
id: r.EveryWeek,
|
|
@@ -81,8 +81,8 @@ var N = ({ frequency: a, firstDay: y, secondDay: h, onFrequencyChange: s, onFirs
|
|
|
81
81
|
label: M(o + 1)
|
|
82
82
|
}));
|
|
83
83
|
l[30].label += ` (${e.last_day_of_month})`;
|
|
84
|
-
const v = l.slice(0, 15), b = l.slice(14), u = a === r.EveryWeek || a === r.EveryOtherWeek, k = a === r.TwiceAMonth || a === r.EveryMonth || a === r.EveryOtherMonth || a === r.EveryQuarter || a === r.EveryOtherQuarter, m = x(
|
|
85
|
-
o && d(
|
|
84
|
+
const v = l.slice(0, 15), b = l.slice(14), u = a === r.EveryWeek || a === r.EveryOtherWeek, k = a === r.TwiceAMonth || a === r.EveryMonth || a === r.EveryOtherMonth || a === r.EveryQuarter || a === r.EveryOtherQuarter, m = x(y(), i), w = m < y() ? _(m, 1) : m, O = (o) => {
|
|
85
|
+
o && d(W(o));
|
|
86
86
|
};
|
|
87
87
|
return /* @__PURE__ */ T(A, {
|
|
88
88
|
gap: 24,
|
|
@@ -98,13 +98,13 @@ var N = ({ frequency: a, firstDay: y, secondDay: h, onFrequencyChange: s, onFirs
|
|
|
98
98
|
label: e.day_of_the_week,
|
|
99
99
|
onChange: d,
|
|
100
100
|
options: p,
|
|
101
|
-
value:
|
|
101
|
+
value: i
|
|
102
102
|
}),
|
|
103
103
|
k && /* @__PURE__ */ t(n, {
|
|
104
104
|
label: a === r.TwiceAMonth ? e.first_day_of_the_month : e.day_of_the_month,
|
|
105
105
|
onChange: d,
|
|
106
106
|
options: a === r.TwiceAMonth ? v : l,
|
|
107
|
-
value:
|
|
107
|
+
value: i
|
|
108
108
|
}),
|
|
109
109
|
a === r.TwiceAMonth && /* @__PURE__ */ t(n, {
|
|
110
110
|
label: e.second_day_of_the_month,
|
|
@@ -112,13 +112,13 @@ var N = ({ frequency: a, firstDay: y, secondDay: h, onFrequencyChange: s, onFirs
|
|
|
112
112
|
options: b,
|
|
113
113
|
value: h ?? ""
|
|
114
114
|
}),
|
|
115
|
-
a === r.EveryYear && /* @__PURE__ */ t(
|
|
115
|
+
a === r.EveryYear && /* @__PURE__ */ t(C, {
|
|
116
116
|
dateAdapter: D,
|
|
117
117
|
children: /* @__PURE__ */ t(P, {
|
|
118
118
|
disablePast: !0,
|
|
119
119
|
label: e.next_payment_date,
|
|
120
|
-
maxDate: Y(_(
|
|
121
|
-
minDate:
|
|
120
|
+
maxDate: Y(_(y(), 1), 1),
|
|
121
|
+
minDate: y(),
|
|
122
122
|
onChange: O,
|
|
123
123
|
value: w
|
|
124
124
|
})
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { useAppConfig as F, useGlobalCopyStore as B, useSettingsStore as
|
|
2
|
-
import { useScreenSize as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { useAppConfig as F, useGlobalCopyStore as B, useSettingsStore as M, useUserStore as R } from "../../../common/context/hooks.es.js";
|
|
2
|
+
import { useScreenSize as I } from "../../../common/hooks/useScreenSize.es.js";
|
|
3
|
+
import L from "../../../common/components/dialog/Dialog.es.js";
|
|
4
|
+
import z from "./actions/ResetPasswordAction.es.js";
|
|
5
5
|
import N from "./actions/VerifyEmailAction.es.js";
|
|
6
|
-
import
|
|
6
|
+
import j from "./actions/VerifyPhoneAction.es.js";
|
|
7
7
|
import p from "react";
|
|
8
|
-
import { observer as
|
|
8
|
+
import { observer as H } from "mobx-react-lite";
|
|
9
9
|
import l from "@mui/material/Stack";
|
|
10
|
-
import { H3 as
|
|
11
|
-
import
|
|
10
|
+
import { H3 as J, P as O } from "@mxenabled/mxui";
|
|
11
|
+
import $ from "@mui/material/Button";
|
|
12
12
|
import { Fragment as G, jsx as t, jsxs as i } from "react/jsx-runtime";
|
|
13
13
|
import { alpha as b, useTheme as K } from "@mui/material/styles";
|
|
14
14
|
import Y from "@mui/material/Box";
|
|
15
15
|
import { getUnixTime as q } from "date-fns/getUnixTime";
|
|
16
16
|
import d from "@mui/material/TextField";
|
|
17
17
|
import { AdapterDateFns as Q } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
18
|
+
import { LocalizationProvider as W } from "@mui/x-date-pickers/LocalizationProvider";
|
|
19
|
+
import { DatePicker as X } from "@mui/x-date-pickers";
|
|
20
20
|
var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
|
|
21
|
-
const u = K(), { common: w, settings: o } = B(), { isMobile: m } =
|
|
21
|
+
const u = K(), { common: w, settings: o } = B(), { isMobile: m } = I(C), { config: h } = F(), { updateUser: S } = M(), { user: r } = R(), [a, U] = p.useState({
|
|
22
22
|
first_name: r.first_name,
|
|
23
23
|
last_name: r.last_name,
|
|
24
24
|
email: r.email,
|
|
@@ -26,7 +26,7 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
|
|
|
26
26
|
birthday: r.birthday,
|
|
27
27
|
postal_code: r.postal_code,
|
|
28
28
|
credit_score: r.credit_score
|
|
29
|
-
}), [c, y] = p.useState(!1), [
|
|
29
|
+
}), [c, y] = p.useState(!1), [T, g] = p.useState(!1), _ = p.useRef(null), v = a.email && !r.email_is_verified && !c, x = a.phone && !r.phone_is_verified && !c;
|
|
30
30
|
p.useEffect(() => {
|
|
31
31
|
if (f) {
|
|
32
32
|
const e = (s) => {
|
|
@@ -37,17 +37,17 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
|
|
|
37
37
|
};
|
|
38
38
|
}
|
|
39
39
|
}, [c]);
|
|
40
|
-
const
|
|
40
|
+
const V = () => {
|
|
41
41
|
if (a.birthday) {
|
|
42
42
|
const e = /* @__PURE__ */ new Date(a.birthday * 1e3), s = e.getUTCFullYear(), A = e.getUTCMonth(), E = e.getUTCDate();
|
|
43
43
|
return new Date(s, A, E);
|
|
44
44
|
}
|
|
45
|
-
},
|
|
45
|
+
}, D = async () => {
|
|
46
46
|
await S({
|
|
47
47
|
...r,
|
|
48
48
|
...a
|
|
49
49
|
}), y(!1);
|
|
50
|
-
},
|
|
50
|
+
}, P = () => {
|
|
51
51
|
g(!1), f && f();
|
|
52
52
|
}, k = () => {
|
|
53
53
|
g(!1);
|
|
@@ -70,8 +70,8 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
|
|
|
70
70
|
"& .MuiTextField-root": { flex: 1 }
|
|
71
71
|
},
|
|
72
72
|
children: [
|
|
73
|
-
/* @__PURE__ */ t(
|
|
74
|
-
/* @__PURE__ */ t(
|
|
73
|
+
/* @__PURE__ */ t(J, { children: o.personal_details }),
|
|
74
|
+
/* @__PURE__ */ t(O, {
|
|
75
75
|
variant: "body1",
|
|
76
76
|
children: o.update_information
|
|
77
77
|
}),
|
|
@@ -115,16 +115,16 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
|
|
|
115
115
|
label: o.mobile_number,
|
|
116
116
|
onChange: (e) => n({ phone: e.target.value }),
|
|
117
117
|
type: "tel"
|
|
118
|
-
}), x && /* @__PURE__ */ t(
|
|
118
|
+
}), x && /* @__PURE__ */ t(j, {})]
|
|
119
119
|
})]
|
|
120
120
|
}),
|
|
121
121
|
/* @__PURE__ */ i(l, {
|
|
122
122
|
direction: m ? "column" : "row",
|
|
123
123
|
spacing: 24,
|
|
124
124
|
sx: { mb: 24 },
|
|
125
|
-
children: [/* @__PURE__ */ t(
|
|
125
|
+
children: [/* @__PURE__ */ t(W, {
|
|
126
126
|
dateAdapter: Q,
|
|
127
|
-
children: /* @__PURE__ */ t(
|
|
127
|
+
children: /* @__PURE__ */ t(X, {
|
|
128
128
|
label: o.birthdate,
|
|
129
129
|
onChange: (e) => n({ birthday: q(e) }),
|
|
130
130
|
slotProps: {
|
|
@@ -144,7 +144,7 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
|
|
|
144
144
|
"&:hover": { backgroundColor: b(u.palette.primary.light, 0.1) }
|
|
145
145
|
}
|
|
146
146
|
},
|
|
147
|
-
value:
|
|
147
|
+
value: V()
|
|
148
148
|
})
|
|
149
149
|
}), /* @__PURE__ */ t(d, {
|
|
150
150
|
defaultValue: a.postal_code,
|
|
@@ -158,26 +158,26 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
|
|
|
158
158
|
label: o.credit_score,
|
|
159
159
|
onChange: (e) => n({ credit_score: Number(e.target.value) })
|
|
160
160
|
}),
|
|
161
|
-
h.display_password_options_in_settings && /* @__PURE__ */ t(
|
|
162
|
-
/* @__PURE__ */ t(
|
|
161
|
+
h.display_password_options_in_settings && /* @__PURE__ */ t(z, {}),
|
|
162
|
+
/* @__PURE__ */ t($, {
|
|
163
163
|
disabled: !c,
|
|
164
|
-
onClick:
|
|
164
|
+
onClick: D,
|
|
165
165
|
sx: { width: m ? "100%" : 124 },
|
|
166
166
|
variant: "contained",
|
|
167
167
|
children: w.save_button
|
|
168
168
|
})
|
|
169
169
|
] })
|
|
170
170
|
]
|
|
171
|
-
}), /* @__PURE__ */ t(
|
|
171
|
+
}), /* @__PURE__ */ t(L, {
|
|
172
172
|
copy: { title: o.discard_changes },
|
|
173
|
-
isOpen:
|
|
173
|
+
isOpen: T,
|
|
174
174
|
onClose: k,
|
|
175
|
-
onSecondaryAction:
|
|
175
|
+
onSecondaryAction: P,
|
|
176
176
|
primaryText: o.keep_editing,
|
|
177
177
|
secondaryText: o.leave,
|
|
178
178
|
children: o.discard_changes_message
|
|
179
179
|
})] });
|
|
180
|
-
}, ye =
|
|
180
|
+
}, ye = H(Z);
|
|
181
181
|
export {
|
|
182
182
|
ye as default
|
|
183
183
|
};
|