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

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

@@ -1 +1 @@
-{"version":3,"file":"TopImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/TopImageContent.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 TopImageContent: 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\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 size={12}>{content}</Grid>\n        </Grid>\n      </Box>\n      {hasDivider && <Divider />}\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAgD,EAC3D,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,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,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,kBAAK;AAAA,MAAc,CAAA,CAC3B;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}
+{"version":3,"file":"TopImageContent.es.js","names":[],"sources":["../../../../src/help/components/content/TopImageContent.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 TopImageContent: 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\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 size={12}>{content}</Grid>\n        </Grid>\n      </Box>\n      {hasDivider && <Divider />}\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAgD,EAC3D,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,IACvB,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAM,WAAW;AAAA,MAAM,YAAY;AAAA,MAAnC,UAAA,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,GAAG;AAAA,UACF,CAAA,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,YACT,CAAA,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAA,GAAI,EACvC,OAAO,MACT;AAAA,UACF;AAAA,QACF;AAAA,QAEA,UAAA,gBAAA,EAAC,OAAD;AAAA,UAAK,KAAK;AAAA,UAAU,KAAK;AAAA,QAAQ,CAAA;AAAA,MAC7B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAK,UAAA;AAAA,MAAc,CAAA,CAC3B;AAAA;EACH,CAAA,GACJ,KAAc,gBAAA,EAAC,GAAD,CAAU,CAAA,CACX,EAAA,CAAA;AAEpB"}

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

@@ -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,cAPd,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,kBAChB,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,kBAC7B,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI;AAAA,YACF,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,oBAEP,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,gBAExD,gBAAA,EAAC,GAAD;AAAA,QAAO,SAAA,MAAe,EAAS,EAAE;AAAA,QAAG,UAAU,EAAM;AAAA,QAAU,SAAQ;AAAA,kBACnE,EAAM;AAAA,MACF,CAAA;AAAA,IACC,CAAA,CAEN;AAAA;AAEZ"}
+{"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"}

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

@@ -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,cAClC,EAAe,IAAA,CAAK,EAAE,MAAA,GAAM,QAAA,GAAQ,OAAA,EAAA,GAAS,MAC5C,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB;AAAA,MAChB,UAAU,MAAM;AAAA,MAEhB,UAAA,CAAW,GAAG,MAAe;AAC3B,QAAA,EAAQ,EAAiB,sBAAsB,EAC7C,UAAU,EACZ,CAAC,GAED,EAAY,IAAa,IAAI,IAAI;AAAA,MACnC;AAAA,MACA,IAAI;AAAA,gBAXN;AAAA,QAaE,gBAAA,EAAC,GAAD;AAAA,UACE,YAAY,gBAAA,EAAC,GAAD,EAAY,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;AAAA,UACxD,IAAI;AAAA,YAAE,GAAG;AAAA,YAAa,QAAQ;AAAA,UAAG;AAAA,oBAEjC,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,YAAY;AAAA,cAAU,eAAe;AAAA,cAAO,KAAK;AAAA,YAAG;AAAA,sBAAjE,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,MAAM;AAAA,YAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,wBAAS;AAAA,YAAY,CAAA,CAC9B;AAAA;QACS,CAAA;AAAA,QAClB,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,QACV,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,IAAI;AAAA,YACJ,GAAG;AAAA,UACL;AAAA,oBAEA,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAE,EAAE;AAAA,sBAChD,EAAO,IAAA,CAAK,EAAE,OAAA,GAAO,MAAA,EAAA,GAAQ,MAC5B,gBAAA,EAAC,GAAD;AAAA,cACE,SAAS;AAAA,cAET,SAAA,MAAe;AACb,gBAAA,EAAQ,EAAiB,qBAAqB;AAAA,kBAC5C,UAAU;AAAA,kBACV,WAAW;AAAA,gBACb,CAAC,GAED,EAAQ,GAAO,CAAI;AAAA,cACrB;AAAA,cACA,IAAI;AAAA,gBACF,aAAa;AAAA,gBACb,gBAAgB;AAAA,kBACd,QAAQ;AAAA,kBACR,yBAAyB;AAAA,gBAC3B;AAAA,cACF;AAAA,wBAEA,gBAAA,EAAC,GAAD;AAAA,gBAAM,OAAM;AAAA,gBAAY,SAAQ;AAAA,0BAC7B;AAAA,cACG,CAAA;AAAA,YACQ,GApBT,CAoBS,CACjB;AAAA,UACG,CAAA;AAAA,QACU,CAAA;AAAA,MACT;AAAA,OAtDJ,CAsDI,CACZ;AAAA,EACI,CAAA;AAEX,GAEM,IAAA,CAAmB,OAChB;AAAA,EACL,QAAQ,aAAa,EAAM,QAAQ,SAAS,KAAA;AAAA,EAC5C,cAAc;AAAA,EACd,mBAAmB,EAAE,cAAc,MAAM;AAAA,EACzC,YAAY,EACV,SAAS,EACX;AAAA,EACA,0BAA0B;AAAA,IACxB,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,EAC3B;AACF"}
+{"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,gBAAY,SAAQ;AAAA,gBAC7B,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"}

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

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

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

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

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

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

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

@@ -3,9 +3,9 @@ import { ChevronRight as a } from "@mxenabled/mx-icons";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import p from "@mui/material/ListItem";
 import l from "@mui/material/ListItemButton";
-import d from "@mui/material/ListItemIcon";
-import c from "@mui/material/ListItemText";
-import f from "@mui/material/ListItemAvatar";
+import d from "@mui/material/ListItemText";
+import c from "@mui/material/ListItemAvatar";
+import f from "@mui/material/ListItemIcon";
 var P = ({ name: r, onClick: o, subtitle: m, guid: i, sx: e }) => /* @__PURE__ */ t(p, {
   disableGutters: !0,
   disablePadding: !0,
@@ -13,12 +13,12 @@ var P = ({ name: r, onClick: o, subtitle: m, guid: i, sx: e }) => /* @__PURE__ *
     "aria-label": r,
     onClick: o,
     children: [
-      i && /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(s, {
+      i && /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(s, {
         alt: r,
         institutionGuid: i || "",
         size: 32
       }) }),
-      /* @__PURE__ */ t(c, {
+      /* @__PURE__ */ t(d, {
         primary: r,
         secondary: m,
         slotProps: {
@@ -29,7 +29,7 @@ var P = ({ name: r, onClick: o, subtitle: m, guid: i, sx: e }) => /* @__PURE__ *
           secondary: { variant: "caption" }
         }
       }),
-      /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(a, {}) })
+      /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(a, {}) })
     ]
   })
 });

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RequestSupportHeader.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupportHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text, Icon, P } from '@mxenabled/mxui'\n\ninterface RequestSupportHeaderProps {\n  content?: string\n  hasIcon?: boolean\n  institution?: string\n  reverse?: boolean\n  subtitle: string\n  title: string\n}\n\nexport const RequestSupportHeader: React.FC<RequestSupportHeaderProps> = ({\n  content,\n  hasIcon = true,\n  institution = '',\n  reverse = false,\n  subtitle,\n  title,\n}) => (\n  <React.Fragment>\n    <Stack\n      sx={{\n        gap: 8,\n        p: 24,\n        pb: content ? 16 : 24,\n        flexDirection: reverse ? 'column-reverse' : 'column',\n      }}\n    >\n      <Box>\n        <Stack gap={4} sx={{ alignItems: 'center', flexDirection: 'row' }}>\n          {hasIcon && <Icon name=\"help\" size={20} sx={{ color: 'text.primary' }} />}\n          <Text color=\"text.primary\" variant=\"h3\">\n            {title}\n          </Text>\n        </Stack>\n        {institution && (\n          <Text color=\"text.primary\" variant=\"h3\">\n            {institution}\n          </Text>\n        )}\n      </Box>\n      <Text color=\"text.secondary\" variant=\"body2\">\n        {subtitle}\n      </Text>\n    </Stack>\n    {content && (\n      <P color=\"text.secondary\" sx={{ px: 24 }} variant=\"body2\">\n        {content}\n      </P>\n    )}\n  </React.Fragment>\n)\n"],"mappings":";;;;;AAgBA,IAAa,IAAA,CAA6D,EACxE,SAAA,GACA,SAAA,IAAU,IACV,aAAA,IAAc,IACd,SAAA,IAAU,IACV,UAAA,GACA,OAAA,EAAA,MAEA,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,KAAK;AAAA,IACL,GAAG;AAAA,IACH,IAAI,IAAU,KAAK;AAAA,IACnB,eAAe,IAAU,mBAAmB;AAAA,EAC9C;AAAA,YANF,CAQE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAG,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,eAAe;AAAA,IAAM;AAAA,cAAhE,CACG,KAAW,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAK;AAAA,MAAO,MAAM;AAAA,MAAI,IAAI,EAAE,OAAO,eAAe;AAAA,IAAI,CAAA,GACxE,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAe,SAAQ;AAAA,gBAChC;AAAA,IACG,CAAA,CACD;AAAA,MACN,KACC,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAe,SAAQ;AAAA,cAChC;AAAA,EACG,CAAA,CAEL,EAAA,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAiB,SAAQ;AAAA,cAClC;AAAA,EACG,CAAA,CACD;IACN,KACC,gBAAA,EAAC,GAAD;AAAA,EAAG,OAAM;AAAA,EAAiB,IAAI,EAAE,IAAI,GAAG;AAAA,EAAG,SAAQ;AAAA,YAC/C;AACA,CAAA,CAES,EAAA,CAAA"}
+{"version":3,"file":"RequestSupportHeader.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupportHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text, Icon, P } from '@mxenabled/mxui'\n\ninterface RequestSupportHeaderProps {\n  content?: string\n  hasIcon?: boolean\n  institution?: string\n  reverse?: boolean\n  subtitle: string\n  title: string\n}\n\nexport const RequestSupportHeader: React.FC<RequestSupportHeaderProps> = ({\n  content,\n  hasIcon = true,\n  institution = '',\n  reverse = false,\n  subtitle,\n  title,\n}) => (\n  <React.Fragment>\n    <Stack\n      sx={{\n        gap: 8,\n        p: 24,\n        pb: content ? 16 : 24,\n        flexDirection: reverse ? 'column-reverse' : 'column',\n      }}\n    >\n      <Box>\n        <Stack gap={4} sx={{ alignItems: 'center', flexDirection: 'row' }}>\n          {hasIcon && <Icon name=\"help\" size={20} sx={{ color: 'text.primary' }} />}\n          <Text color=\"text.primary\" variant=\"h3\">\n            {title}\n          </Text>\n        </Stack>\n        {institution && (\n          <Text color=\"text.primary\" variant=\"h3\">\n            {institution}\n          </Text>\n        )}\n      </Box>\n      <Text color=\"text.secondary\" variant=\"body2\">\n        {subtitle}\n      </Text>\n    </Stack>\n    {content && (\n      <P color=\"text.secondary\" sx={{ px: 24 }} variant=\"body2\">\n        {content}\n      </P>\n    )}\n  </React.Fragment>\n)\n"],"mappings":";;;;;AAgBA,IAAa,IAAA,CAA6D,EACxE,SAAA,GACA,SAAA,IAAU,IACV,aAAA,IAAc,IACd,SAAA,IAAU,IACV,UAAA,GACA,OAAA,EAAA,MAEA,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,KAAK;AAAA,IACL,GAAG;AAAA,IACH,IAAI,IAAU,KAAK;AAAA,IACnB,eAAe,IAAU,mBAAmB;AAAA,EAC9C;AAAA,EANF,UAAA,CAQE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAG,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,eAAe;AAAA,IAAM;AAAA,IAAhE,UAAA,CACG,KAAW,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAK;AAAA,MAAO,MAAM;AAAA,MAAI,IAAI,EAAE,OAAO,eAAe;AAAA,IAAI,CAAA,GACxE,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAe,SAAQ;AAAA,MAChC,UAAA;AAAA,IACG,CAAA,CACD;AAAA,EACN,CAAA,GAAA,KACC,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAe,SAAQ;AAAA,IAChC,UAAA;AAAA,EACG,CAAA,CAEL,EAAA,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAiB,SAAQ;AAAA,IAClC,UAAA;AAAA,EACG,CAAA,CACD;AACN,CAAA,GAAA,KACC,gBAAA,EAAC,GAAD;AAAA,EAAG,OAAM;AAAA,EAAiB,IAAI,EAAE,IAAI,GAAG;AAAA,EAAG,SAAQ;AAAA,EAC/C,UAAA;AACA,CAAA,CAES,EAAA,CAAA"}

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

@@ -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=\"secondary\"\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=\"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,cAAtD;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,kBAPF,CASE,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI,EACF,YAAY,IACd;AAAA,UACA,SAAQ;AAAA,oBAEP,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,oBAEP,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,kBAAnD,CACE,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAA4B,SAAQ;AAAA,oBAClD,EAAW;AAAA,QACN,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAAS,SAAQ;AAAA,oBAC/B,EAAK;AAAA,QACA,CAAA,CACH;AAAA;IACD;AAAA;AAEZ"}
+{"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=\"secondary\"\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=\"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SupportSuccessMessage.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/SupportSuccessMessage.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { H2, Icon, P, Text } from '@mxenabled/mxui'\n\nimport { Drawer, useGlobalCopyStore } from '../../../common'\nimport { type HelpCopy } from '../../../core'\n\ninterface SupportSuccessMessageProps {\n  copy: HelpCopy\n  email: string\n  isOpen: boolean\n  onBack: () => void\n  onClose: () => void\n}\n\nconst SupportSuccessMessage: React.FC<SupportSuccessMessageProps> = ({\n  copy,\n  email,\n  isOpen,\n  onBack,\n  onClose,\n}) => {\n  const { common: commonCopy } = useGlobalCopyStore()\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n      <Box sx={{ px: 24 }}>\n        <Stack sx={{ alignItems: 'center', pb: 24, pt: 80 }}>\n          <Icon color=\"success\" fill={true} name=\"check_circle\" size={64} />\n        </Stack>\n        <Stack sx={{ alignItems: 'center', gap: 16, pb: 48 }}>\n          <H2>{copy.request_support_success}</H2>\n          <P align=\"center\" variant=\"body1\">\n            {copy.request_support_submit_success_message}\n          </P>\n          <Text bold={true} variant=\"body1\">\n            {email}\n          </Text>\n        </Stack>\n        <Button fullWidth={true} onClick={onClose} variant=\"contained\">\n          {commonCopy.done_button}\n        </Button>\n        <Button fullWidth={true} onClick={onBack} sx={{ mt: 8 }}>\n          {copy.request_support_institution_back}\n        </Button>\n      </Box>\n    </Drawer>\n  )\n}\n\nexport default SupportSuccessMessage\n"],"mappings":";;;;;;;;AAkBA,IAAM,IAAA,CAA+D,EACnE,MAAA,GACA,OAAA,GACA,QAAA,GACA,QAAA,GACA,SAAA,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,cACpD,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI,EAAE,IAAI,GAAG;AAAA,gBAAlB;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,YAAY;AAAA,YAAU,IAAI;AAAA,YAAI,IAAI;AAAA,UAAG;AAAA,oBAChD,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAU,MAAM;AAAA,YAAM,MAAK;AAAA,YAAe,MAAM;AAAA,UAAK,CAAA;AAAA,QAC5D,CAAA;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,YAAY;AAAA,YAAU,KAAK;AAAA,YAAI,IAAI;AAAA,UAAG;AAAA,oBAAnD;AAAA,YACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,wBAA4B,CAAA;AAAA,YACtC,gBAAA,EAAC,GAAD;AAAA,cAAG,OAAM;AAAA,cAAS,SAAQ;AAAA,wBACvB,EAAK;AAAA,YACL,CAAA;AAAA,YACH,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,SAAQ;AAAA,wBACvB;AAAA,YACG,CAAA;AAAA,UACD;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAQ,WAAW;AAAA,UAAM,SAAS;AAAA,UAAS,SAAQ;AAAA,oBAChD,EAAW;AAAA,QACN,CAAA;AAAA,QACR,gBAAA,EAAC,GAAD;AAAA,UAAQ,WAAW;AAAA,UAAM,SAAS;AAAA,UAAQ,IAAI,EAAE,IAAI,EAAE;AAAA,oBACnD,EAAK;AAAA,QACA,CAAA;AAAA,MACL;AAAA;EACC,CAAA;AAEZ"}
+{"version":3,"file":"SupportSuccessMessage.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/SupportSuccessMessage.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { H2, Icon, P, Text } from '@mxenabled/mxui'\n\nimport { Drawer, useGlobalCopyStore } from '../../../common'\nimport { type HelpCopy } from '../../../core'\n\ninterface SupportSuccessMessageProps {\n  copy: HelpCopy\n  email: string\n  isOpen: boolean\n  onBack: () => void\n  onClose: () => void\n}\n\nconst SupportSuccessMessage: React.FC<SupportSuccessMessageProps> = ({\n  copy,\n  email,\n  isOpen,\n  onBack,\n  onClose,\n}) => {\n  const { common: commonCopy } = useGlobalCopyStore()\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n      <Box sx={{ px: 24 }}>\n        <Stack sx={{ alignItems: 'center', pb: 24, pt: 80 }}>\n          <Icon color=\"success\" fill={true} name=\"check_circle\" size={64} />\n        </Stack>\n        <Stack sx={{ alignItems: 'center', gap: 16, pb: 48 }}>\n          <H2>{copy.request_support_success}</H2>\n          <P align=\"center\" variant=\"body1\">\n            {copy.request_support_submit_success_message}\n          </P>\n          <Text bold={true} variant=\"body1\">\n            {email}\n          </Text>\n        </Stack>\n        <Button fullWidth={true} onClick={onClose} variant=\"contained\">\n          {commonCopy.done_button}\n        </Button>\n        <Button fullWidth={true} onClick={onBack} sx={{ mt: 8 }}>\n          {copy.request_support_institution_back}\n        </Button>\n      </Box>\n    </Drawer>\n  )\n}\n\nexport default SupportSuccessMessage\n"],"mappings":";;;;;;;;AAkBA,IAAM,IAAA,CAA+D,EACnE,MAAA,GACA,OAAA,GACA,QAAA,GACA,QAAA,GACA,SAAA,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,IACpD,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI,EAAE,IAAI,GAAG;AAAA,MAAlB,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,YAAY;AAAA,YAAU,IAAI;AAAA,YAAI,IAAI;AAAA,UAAG;AAAA,UAChD,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAU,MAAM;AAAA,YAAM,MAAK;AAAA,YAAe,MAAM;AAAA,UAAK,CAAA;AAAA,QAC5D,CAAA;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,YAAY;AAAA,YAAU,KAAK;AAAA,YAAI,IAAI;AAAA,UAAG;AAAA,UAAnD,UAAA;AAAA,YACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,wBAA4B,CAAA;AAAA,YACtC,gBAAA,EAAC,GAAD;AAAA,cAAG,OAAM;AAAA,cAAS,SAAQ;AAAA,cACvB,UAAA,EAAK;AAAA,YACL,CAAA;AAAA,YACH,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,SAAQ;AAAA,cACvB,UAAA;AAAA,YACG,CAAA;AAAA,UACD;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAQ,WAAW;AAAA,UAAM,SAAS;AAAA,UAAS,SAAQ;AAAA,UAChD,UAAA,EAAW;AAAA,QACN,CAAA;AAAA,QACR,gBAAA,EAAC,GAAD;AAAA,UAAQ,WAAW;AAAA,UAAM,SAAS;AAAA,UAAQ,IAAI,EAAE,IAAI,EAAE;AAAA,UACnD,UAAA,EAAK;AAAA,QACA,CAAA;AAAA,MACL;AAAA;EACC,CAAA;AAEZ"}

package/dist/insights/components/feed/Header.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.es.js","names":[],"sources":["../../../../src/insights/components/feed/Header.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { AppBar, IconButton, Stack, Toolbar, useTheme, useMediaQuery } from '@mui/material'\nimport { useGlobalCopyStore } from '../../../common'\n\nconst HEADER_HEIGHTS = {\n  sm: 64,\n  md: 80,\n  lg: 92,\n}\n\nconst HEADER_PADDING = {\n  sm: '0px 16px',\n  md: '0px 24px',\n  lg: '0px 48px',\n}\n\ninterface HeaderProps {\n  title: string\n  onBackButtonClick?: () => void\n  children?: React.ReactNode\n}\n\nexport const Header = ({ title, onBackButtonClick, children }: HeaderProps) => {\n  const theme = useTheme()\n  const { common: copy } = useGlobalCopyStore()\n\n  const isLargeScreen = useMediaQuery(theme.breakpoints.up('lg'))\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n\n  const getHeaderStyles = () => {\n    if (isSmallScreen) {\n      return { variant: 'h3' as const, height: HEADER_HEIGHTS.sm, padding: HEADER_PADDING.sm }\n    }\n    if (isLargeScreen) {\n      return { variant: 'h1' as const, height: HEADER_HEIGHTS.lg, padding: HEADER_PADDING.lg }\n    }\n    return { variant: 'h2' as const, height: HEADER_HEIGHTS.md, padding: HEADER_PADDING.md }\n  }\n\n  const headerStyles = getHeaderStyles()\n\n  return (\n    <AppBar\n      color=\"inherit\"\n      position=\"sticky\"\n      sx={(theme) => ({\n        boxShadow: 'none',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n        borderRadius: 0,\n        justifyContent: 'center',\n        height: headerStyles.height,\n        padding: headerStyles.padding,\n        zIndex: 900,\n      })}\n    >\n      <Toolbar\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Stack alignItems=\"center\" direction=\"row\" gap={4}>\n          {onBackButtonClick && (\n            <IconButton aria-label={copy?.back} color=\"primary\" onClick={onBackButtonClick}>\n              <Icon color=\"primary\" name=\"arrow_back_ios_new\" size={24} />\n            </IconButton>\n          )}\n          <Text variant={headerStyles.variant}>{title}</Text>\n        </Stack>\n        <Stack alignItems=\"center\" direction=\"row\">\n          {children}\n        </Stack>\n      </Toolbar>\n    </AppBar>\n  )\n}\n"],"mappings":";;;;;AAOA,IAAM,IAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEM,IAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAQa,IAAA,CAAU,EAAE,OAAA,GAAO,mBAAA,GAAmB,UAAA,EAAA,MAA4B;AAC7E,QAAM,IAAQ,EAAS,GACjB,EAAE,QAAQ,EAAA,IAAS,EAAmB,GAEtC,IAAgB,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC,GAaxD,IAZgB,EAAc,EAAM,YAAY,KAAK,IAAI,CAAC,IAIrD;AAAA,IAAE,SAAS;AAAA,IAAe,QAAQ,EAAe;AAAA,IAAI,SAAS,EAAe;AAAA,EAAG,IAErF,IACK;AAAA,IAAE,SAAS;AAAA,IAAe,QAAQ,EAAe;AAAA,IAAI,SAAS,EAAe;AAAA,EAAG,IAElF;AAAA,IAAE,SAAS;AAAA,IAAe,QAAQ,EAAe;AAAA,IAAI,SAAS,EAAe;AAAA,EAAG;AAKzF,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,OAAM;AAAA,IACN,UAAS;AAAA,IACT,IAAA,CAAK,OAAW;AAAA,MACd,WAAW;AAAA,MACX,cAAc,aAAa,EAAM,QAAQ,OAAA;AAAA,MACzC,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,QAAQ,EAAa;AAAA,MACrB,SAAS,EAAa;AAAA,MACtB,QAAQ;AAAA,IACV;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB;AAAA,gBALF,CAOE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,KAAK;AAAA,kBAAhD,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,UAAY,cAAY,GAAM;AAAA,UAAM,OAAM;AAAA,UAAU,SAAS;AAAA,oBAC3D,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAU,MAAK;AAAA,YAAqB,MAAM;AAAA,UAAK,CAAA;AAAA,QACjD,CAAA,GAEd,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAS,EAAa;AAAA,oBAAU;AAAA,QAAY,CAAA,CAC7C;AAAA,UACP,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAClC,UAAA;AAAA,MACI,CAAA,CACA;AAAA;EACH,CAAA;AAEZ"}
+{"version":3,"file":"Header.es.js","names":[],"sources":["../../../../src/insights/components/feed/Header.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { AppBar, IconButton, Stack, Toolbar, useTheme, useMediaQuery } from '@mui/material'\nimport { useGlobalCopyStore } from '../../../common'\n\nconst HEADER_HEIGHTS = {\n  sm: 64,\n  md: 80,\n  lg: 92,\n}\n\nconst HEADER_PADDING = {\n  sm: '0px 16px',\n  md: '0px 24px',\n  lg: '0px 48px',\n}\n\ninterface HeaderProps {\n  title: string\n  onBackButtonClick?: () => void\n  children?: React.ReactNode\n}\n\nexport const Header = ({ title, onBackButtonClick, children }: HeaderProps) => {\n  const theme = useTheme()\n  const { common: copy } = useGlobalCopyStore()\n\n  const isLargeScreen = useMediaQuery(theme.breakpoints.up('lg'))\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n\n  const getHeaderStyles = () => {\n    if (isSmallScreen) {\n      return { variant: 'h3' as const, height: HEADER_HEIGHTS.sm, padding: HEADER_PADDING.sm }\n    }\n    if (isLargeScreen) {\n      return { variant: 'h1' as const, height: HEADER_HEIGHTS.lg, padding: HEADER_PADDING.lg }\n    }\n    return { variant: 'h2' as const, height: HEADER_HEIGHTS.md, padding: HEADER_PADDING.md }\n  }\n\n  const headerStyles = getHeaderStyles()\n\n  return (\n    <AppBar\n      color=\"inherit\"\n      position=\"sticky\"\n      sx={(theme) => ({\n        boxShadow: 'none',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n        borderRadius: 0,\n        justifyContent: 'center',\n        height: headerStyles.height,\n        padding: headerStyles.padding,\n        zIndex: 900,\n      })}\n    >\n      <Toolbar\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Stack alignItems=\"center\" direction=\"row\" gap={4}>\n          {onBackButtonClick && (\n            <IconButton aria-label={copy?.back} color=\"primary\" onClick={onBackButtonClick}>\n              <Icon color=\"primary\" name=\"arrow_back_ios_new\" size={24} />\n            </IconButton>\n          )}\n          <Text variant={headerStyles.variant}>{title}</Text>\n        </Stack>\n        <Stack alignItems=\"center\" direction=\"row\">\n          {children}\n        </Stack>\n      </Toolbar>\n    </AppBar>\n  )\n}\n"],"mappings":";;;;;AAOA,IAAM,IAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEM,IAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAQa,IAAA,CAAU,EAAE,OAAA,GAAO,mBAAA,GAAmB,UAAA,EAAA,MAA4B;AAC7E,QAAM,IAAQ,EAAS,GACjB,EAAE,QAAQ,EAAA,IAAS,EAAmB,GAEtC,IAAgB,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC,GAaxD,IAZgB,EAAc,EAAM,YAAY,KAAK,IAAI,CAAC,IAIrD;AAAA,IAAE,SAAS;AAAA,IAAe,QAAQ,EAAe;AAAA,IAAI,SAAS,EAAe;AAAA,EAAG,IAErF,IACK;AAAA,IAAE,SAAS;AAAA,IAAe,QAAQ,EAAe;AAAA,IAAI,SAAS,EAAe;AAAA,EAAG,IAElF;AAAA,IAAE,SAAS;AAAA,IAAe,QAAQ,EAAe;AAAA,IAAI,SAAS,EAAe;AAAA,EAAG;AAKzF,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,OAAM;AAAA,IACN,UAAS;AAAA,IACT,IAAA,CAAK,OAAW;AAAA,MACd,WAAW;AAAA,MACX,cAAc,aAAa,EAAM,QAAQ,OAAA;AAAA,MACzC,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,QAAQ,EAAa;AAAA,MACrB,SAAS,EAAa;AAAA,MACtB,QAAQ;AAAA,IACV;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB;AAAA,MALF,UAAA,CAOE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,KAAK;AAAA,QAAhD,UAAA,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,UAAY,cAAY,GAAM;AAAA,UAAM,OAAM;AAAA,UAAU,SAAS;AAAA,UAC3D,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAU,MAAK;AAAA,YAAqB,MAAM;AAAA,UAAK,CAAA;AAAA,QACjD,CAAA,GAEd,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAS,EAAa;AAAA,UAAU,UAAA;AAAA,QAAY,CAAA,CAC7C;AAAA,MACP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAClC,UAAA;AAAA,MACI,CAAA,CACA;AAAA;EACH,CAAA;AAEZ"}

package/dist/insights/components/insights/AmericanUpcomingTaxDeadlineAlert/AmericanUpcomingTaxDeadlineAlert.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmericanUpcomingTaxDeadlineAlert.es.js","names":[],"sources":["../../../../../src/insights/components/insights/AmericanUpcomingTaxDeadlineAlert/AmericanUpcomingTaxDeadlineAlert.tsx"],"sourcesContent":["import { BeatCardMUI } from '../../'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { ReactComponent as UpcomingTaxDeadline } from './images/AmericanUpcomingTaxDeadlineAlert.svg'\nimport { ReactComponent as UpcomingTaxDeadlineAlertCIBCImage } from './images/UpcomingTaxDeadlineAlertCIBC.svg'\nimport { AmericanUpcomingTaxDeadlineAlertProps } from './types/AmericanUpcomingTaxDeadlineProps'\n\nexport const AmericanUpcomingTaxDeadlineAlert = ({\n  beat,\n  isCIBC,\n  isMini,\n  ...restProps\n}: AmericanUpcomingTaxDeadlineAlertProps) => {\n  const AmericanUpcomingTaxDeadlineAlertImage = isCIBC\n    ? UpcomingTaxDeadlineAlertCIBCImage\n    : UpcomingTaxDeadline\n\n  const imageStyle = isCIBC ? { width: isMini ? '30%' : '50%' } : { display: 'flex', width: 'auto' }\n\n  return (\n    <BeatCardMUI {...restProps} beat={beat} isMini={isMini}>\n      <ThemedSVGImage\n        divProps={{ style: imageStyle }}\n        image={AmericanUpcomingTaxDeadlineAlertImage}\n      />\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;AAOA,IAAa,IAAA,CAAoC,EAC/C,MAAA,GACA,QAAA,GACA,QAAA,GACA,GAAG,EAAA,MASD,gBAAA,EAAC,GAAD;AAAA,EAAa,GAAI;AAAA,EAAiB,MAAA;AAAA,EAAc,QAAA;AAAA,YAC9C,gBAAA,EAAC,GAAD;AAAA,IACE,UAAU,EAAE,OALC,IAAS,EAAE,OAAO,IAAS,QAAQ,MAAM,IAAI;AAAA,MAAE,SAAS;AAAA,MAAQ,OAAO;AAAA,IAAO,EAK7D;AAAA,IAC9B,OAVwC,IAC1C,IACA;AAAA,EASC,CAAA;AACU,CAAA"}
+{"version":3,"file":"AmericanUpcomingTaxDeadlineAlert.es.js","names":[],"sources":["../../../../../src/insights/components/insights/AmericanUpcomingTaxDeadlineAlert/AmericanUpcomingTaxDeadlineAlert.tsx"],"sourcesContent":["import { BeatCardMUI } from '../../'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { ReactComponent as UpcomingTaxDeadline } from './images/AmericanUpcomingTaxDeadlineAlert.svg'\nimport { ReactComponent as UpcomingTaxDeadlineAlertCIBCImage } from './images/UpcomingTaxDeadlineAlertCIBC.svg'\nimport { AmericanUpcomingTaxDeadlineAlertProps } from './types/AmericanUpcomingTaxDeadlineProps'\n\nexport const AmericanUpcomingTaxDeadlineAlert = ({\n  beat,\n  isCIBC,\n  isMini,\n  ...restProps\n}: AmericanUpcomingTaxDeadlineAlertProps) => {\n  const AmericanUpcomingTaxDeadlineAlertImage = isCIBC\n    ? UpcomingTaxDeadlineAlertCIBCImage\n    : UpcomingTaxDeadline\n\n  const imageStyle = isCIBC ? { width: isMini ? '30%' : '50%' } : { display: 'flex', width: 'auto' }\n\n  return (\n    <BeatCardMUI {...restProps} beat={beat} isMini={isMini}>\n      <ThemedSVGImage\n        divProps={{ style: imageStyle }}\n        image={AmericanUpcomingTaxDeadlineAlertImage}\n      />\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;AAOA,IAAa,IAAA,CAAoC,EAC/C,MAAA,GACA,QAAA,GACA,QAAA,GACA,GAAG,EAAA,MASD,gBAAA,EAAC,GAAD;AAAA,EAAa,GAAI;AAAA,EAAiB,MAAA;AAAA,EAAc,QAAA;AAAA,EAC9C,UAAA,gBAAA,EAAC,GAAD;AAAA,IACE,UAAU,EAAE,OALC,IAAS,EAAE,OAAO,IAAS,QAAQ,MAAM,IAAI;AAAA,MAAE,SAAS;AAAA,MAAQ,OAAO;AAAA,IAAO,EAK7D;AAAA,IAC9B,OAVwC,IAC1C,IACA;AAAA,EASC,CAAA;AACU,CAAA"}

package/dist/insights/components/insights/BillAmountNotStandard/BillAmountNotStandard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BillAmountNotStandard.es.js","names":[],"sources":["../../../../../src/insights/components/insights/BillAmountNotStandard/BillAmountNotStandard.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCard, InsightButton } from '../..'\nimport { BarChart } from '../../shared/Charts/BarChart'\nimport { ReactComponent as BarChartEmptyState } from '../../shared/images/EmptyBarChart.svg'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { BillAmountNotStandardProps } from './types/BillAmountNotStandard'\n\nexport const BillAmountNotStandard: React.FC<BillAmountNotStandardProps> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\n  legendLabelAvg,\n  legendLabelMain,\n  onBarClick,\n  ...restProps\n}) => {\n  return (\n    <BeatCard {...restProps} beat={beat} button={<InsightButton {...buttonProps} beat={beat} />}>\n      {data.length > 0 ? (\n        <BarChart\n          amounts={amounts}\n          color={color}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelAvg={legendLabelAvg}\n          legendLabelMain={legendLabelMain}\n          margin={{ bottom: 8, left: 2, right: 2, top: 24 }}\n          onBarClick={onBarClick}\n        />\n      ) : (\n        <ThemedSVGImage image={BarChartEmptyState} />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;;AASA,IAAa,IAAA,CAA+D,EAC1E,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,GACA,gBAAA,GACA,iBAAA,GACA,YAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EAAU,GAAI;AAAA,EAAiB,MAAA;AAAA,EAAM,QAAQ,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA;AAAA,YACvF,EAAK,SAAS,IACb,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACF,gBAAA;AAAA,IACC,iBAAA;AAAA,IACjB,QAAQ;AAAA,MAAE,QAAQ;AAAA,MAAG,MAAM;AAAA,MAAG,OAAO;AAAA,MAAG,KAAK;AAAA,IAAG;AAAA,IACpC,YAAA;AAAA,EACb,CAAA,IAED,gBAAA,EAAC,GAAD,EAAgB,OAAO,EAAqB,CAAA;AAEtC,CAAA"}
+{"version":3,"file":"BillAmountNotStandard.es.js","names":[],"sources":["../../../../../src/insights/components/insights/BillAmountNotStandard/BillAmountNotStandard.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCard, InsightButton } from '../..'\nimport { BarChart } from '../../shared/Charts/BarChart'\nimport { ReactComponent as BarChartEmptyState } from '../../shared/images/EmptyBarChart.svg'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { BillAmountNotStandardProps } from './types/BillAmountNotStandard'\n\nexport const BillAmountNotStandard: React.FC<BillAmountNotStandardProps> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\n  legendLabelAvg,\n  legendLabelMain,\n  onBarClick,\n  ...restProps\n}) => {\n  return (\n    <BeatCard {...restProps} beat={beat} button={<InsightButton {...buttonProps} beat={beat} />}>\n      {data.length > 0 ? (\n        <BarChart\n          amounts={amounts}\n          color={color}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelAvg={legendLabelAvg}\n          legendLabelMain={legendLabelMain}\n          margin={{ bottom: 8, left: 2, right: 2, top: 24 }}\n          onBarClick={onBarClick}\n        />\n      ) : (\n        <ThemedSVGImage image={BarChartEmptyState} />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;;AASA,IAAa,IAAA,CAA+D,EAC1E,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,GACA,gBAAA,GACA,iBAAA,GACA,YAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EAAU,GAAI;AAAA,EAAiB,MAAA;AAAA,EAAM,QAAQ,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA;AAAA,EACvF,UAAA,EAAK,SAAS,IACb,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACF,gBAAA;AAAA,IACC,iBAAA;AAAA,IACjB,QAAQ;AAAA,MAAE,QAAQ;AAAA,MAAG,MAAM;AAAA,MAAG,OAAO;AAAA,MAAG,KAAK;AAAA,IAAG;AAAA,IACpC,YAAA;AAAA,EACb,CAAA,IAED,gBAAA,EAAC,GAAD,EAAgB,OAAO,EAAqB,CAAA;AAEtC,CAAA"}

package/dist/insights/components/insights/BillAmountNotStandard/BillAmountNotStandardMUI.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BillAmountNotStandardMUI.es.js","names":[],"sources":["../../../../../src/insights/components/insights/BillAmountNotStandard/BillAmountNotStandardMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCardMUI, InsightButton } from '../..'\nimport { BarChartV2 } from '../../shared/Charts/BarChart'\nimport { ReactComponent as BarChartEmptyState } from '../../shared/images/EmptyBarChart.svg'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { type BillAmountNotStandardProps } from './types/BillAmountNotStandard'\n\nexport const BillAmountNotStandardMUI: React.FC<BillAmountNotStandardProps> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\n  trendAmountLabel,\n  monthlyAmountLabel,\n  onBarClick,\n  selectedTabIndex,\n  ...restProps\n}) => {\n  return (\n    <BeatCardMUI\n      {...restProps}\n      beat={beat}\n      button={data?.length > 0 && <InsightButton {...buttonProps} beat={beat} />}\n    >\n      {data.length > 0 ? (\n        <BarChartV2\n          amounts={amounts}\n          color={color}\n          data={data}\n          margin={{ bottom: 10, left: 2, right: 2, top: 20 }}\n          monthlyAmountLabel={monthlyAmountLabel}\n          onBarClick={onBarClick}\n          selectedTabIndex={selectedTabIndex}\n          trendAmountLabel={trendAmountLabel}\n        />\n      ) : (\n        <ThemedSVGImage\n          divProps={{\n            style: {\n              marginLeft: 2,\n              marginRight: 2,\n            },\n          }}\n          image={BarChartEmptyState}\n        />\n      )}\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;AASA,IAAa,IAAA,CAAkE,EAC7E,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,GACA,kBAAA,GACA,oBAAA,GACA,YAAA,GACA,kBAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QAAQ,GAAM,SAAS,KAAK,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA;AAAA,YAExE,EAAK,SAAS,IACb,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ;AAAA,MAAE,QAAQ;AAAA,MAAI,MAAM;AAAA,MAAG,OAAO;AAAA,MAAG,KAAK;AAAA,IAAG;AAAA,IAC7B,oBAAA;AAAA,IACR,YAAA;AAAA,IACM,kBAAA;AAAA,IACA,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,IACE,UAAU,EACR,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,IACf,EACF;AAAA,IACA,OAAO;AAAA,EACR,CAAA;AAEQ,CAAA"}
+{"version":3,"file":"BillAmountNotStandardMUI.es.js","names":[],"sources":["../../../../../src/insights/components/insights/BillAmountNotStandard/BillAmountNotStandardMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCardMUI, InsightButton } from '../..'\nimport { BarChartV2 } from '../../shared/Charts/BarChart'\nimport { ReactComponent as BarChartEmptyState } from '../../shared/images/EmptyBarChart.svg'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { type BillAmountNotStandardProps } from './types/BillAmountNotStandard'\n\nexport const BillAmountNotStandardMUI: React.FC<BillAmountNotStandardProps> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\n  trendAmountLabel,\n  monthlyAmountLabel,\n  onBarClick,\n  selectedTabIndex,\n  ...restProps\n}) => {\n  return (\n    <BeatCardMUI\n      {...restProps}\n      beat={beat}\n      button={data?.length > 0 && <InsightButton {...buttonProps} beat={beat} />}\n    >\n      {data.length > 0 ? (\n        <BarChartV2\n          amounts={amounts}\n          color={color}\n          data={data}\n          margin={{ bottom: 10, left: 2, right: 2, top: 20 }}\n          monthlyAmountLabel={monthlyAmountLabel}\n          onBarClick={onBarClick}\n          selectedTabIndex={selectedTabIndex}\n          trendAmountLabel={trendAmountLabel}\n        />\n      ) : (\n        <ThemedSVGImage\n          divProps={{\n            style: {\n              marginLeft: 2,\n              marginRight: 2,\n            },\n          }}\n          image={BarChartEmptyState}\n        />\n      )}\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;AASA,IAAa,IAAA,CAAkE,EAC7E,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,GACA,kBAAA,GACA,oBAAA,GACA,YAAA,GACA,kBAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QAAQ,GAAM,SAAS,KAAK,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA;AAAA,EAExE,UAAA,EAAK,SAAS,IACb,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ;AAAA,MAAE,QAAQ;AAAA,MAAI,MAAM;AAAA,MAAG,OAAO;AAAA,MAAG,KAAK;AAAA,IAAG;AAAA,IAC7B,oBAAA;AAAA,IACR,YAAA;AAAA,IACM,kBAAA;AAAA,IACA,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,IACE,UAAU,EACR,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,IACf,EACF;AAAA,IACA,OAAO;AAAA,EACR,CAAA;AAEQ,CAAA"}

package/dist/insights/components/insights/CashBack/CashBack.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CashBack.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CashBack/CashBack.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { alpha } from '@mui/material/styles'\n\nimport { ButtonActionType } from '../../../types/CommonBeat'\nimport { BeatCardMUI } from '../../'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport CashBackImage from './images/CashBack.png'\nimport type { CashBackProps } from './types/CashBack'\n\nexport const CashBack: React.FC<CashBackProps> = ({\n  beat,\n  buttonProps,\n  displayData,\n  ...restProps\n}) => {\n  return (\n    <BeatCardMUI\n      {...restProps}\n      beat={beat}\n      button={\n        <InsightButton\n          {...buttonProps}\n          beat={beat}\n          onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n        />\n      }\n    >\n      <Stack\n        justifyContent=\"flex-end\"\n        sx={{\n          background: `url(${CashBackImage}) no-repeat top / cover`,\n          height: 175,\n          width: '100%',\n        }}\n      >\n        <Box\n          sx={{\n            bgcolor: (theme) => alpha(theme.palette.success.light, 0.6),\n            height: 56,\n            p: 8,\n            pl: 16,\n          }}\n        >\n          <Text color=\"success.dark\" variant=\"h1\">\n            {displayData.amount}\n          </Text>\n        </Box>\n      </Stack>\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,IAAA,CAAqC,EAChD,MAAA,GACA,aAAA,GACA,aAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACE,MAAA;AAAA,IACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,EACnE,CAAA;AAAA,YAGH,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAe;AAAA,IACf,IAAI;AAAA,MACF,YAAY,OAAO,CAAA;AAAA,MACnB,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAA,CAAU,MAAU,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG;AAAA,QAC1D,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,IAAI;AAAA,MACN;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAe,SAAQ;AAAA,kBAChC,EAAY;AAAA,MACT,CAAA;AAAA,IACH,CAAA;AAAA,EACA,CAAA;AACI,CAAA"}
+{"version":3,"file":"CashBack.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CashBack/CashBack.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { alpha } from '@mui/material/styles'\n\nimport { ButtonActionType } from '../../../types/CommonBeat'\nimport { BeatCardMUI } from '../../'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport CashBackImage from './images/CashBack.png'\nimport type { CashBackProps } from './types/CashBack'\n\nexport const CashBack: React.FC<CashBackProps> = ({\n  beat,\n  buttonProps,\n  displayData,\n  ...restProps\n}) => {\n  return (\n    <BeatCardMUI\n      {...restProps}\n      beat={beat}\n      button={\n        <InsightButton\n          {...buttonProps}\n          beat={beat}\n          onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n        />\n      }\n    >\n      <Stack\n        justifyContent=\"flex-end\"\n        sx={{\n          background: `url(${CashBackImage}) no-repeat top / cover`,\n          height: 175,\n          width: '100%',\n        }}\n      >\n        <Box\n          sx={{\n            bgcolor: (theme) => alpha(theme.palette.success.light, 0.6),\n            height: 56,\n            p: 8,\n            pl: 16,\n          }}\n        >\n          <Text color=\"success.dark\" variant=\"h1\">\n            {displayData.amount}\n          </Text>\n        </Box>\n      </Stack>\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,IAAA,CAAqC,EAChD,MAAA,GACA,aAAA,GACA,aAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACE,MAAA;AAAA,IACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,EACnE,CAAA;AAAA,EAGH,UAAA,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAe;AAAA,IACf,IAAI;AAAA,MACF,YAAY,OAAO,CAAA;AAAA,MACnB,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAA,CAAU,MAAU,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG;AAAA,QAC1D,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,IAAI;AAAA,MACN;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAe,SAAQ;AAAA,QAChC,UAAA,EAAY;AAAA,MACT,CAAA;AAAA,IACH,CAAA;AAAA,EACA,CAAA;AACI,CAAA"}

package/dist/insights/components/insights/CategoryBudget/CategoryBudget.es.js

@@ -1,43 +1,43 @@
-import { getCategoryColor as u } from "../../../../core/utils/CategoryUtil.es.js";
-import f from "../../shared/StatusIndicator.es.js";
-import { InsightButton as g } from "../../shared/InsightsCard/InsightButton.es.js";
-import { BeatCardMUI as C } from "../../shared/InsightsCard/BeatCardMUI.es.js";
+import { getCategoryColor as f } from "../../../../core/utils/CategoryUtil.es.js";
+import g from "../../shared/StatusIndicator.es.js";
+import { InsightButton as C } from "../../shared/InsightsCard/InsightButton.es.js";
+import { BeatCardMUI as y } from "../../shared/InsightsCard/BeatCardMUI.es.js";
 import "react";
-import { CategoryIcon as y } from "@mxenabled/mxui";
+import { CategoryIcon as h } from "@mxenabled/mxui";
 import { jsx as r } from "react/jsx-runtime";
-import { alpha as h, useTheme as x } from "@mui/material/styles";
-var z = ({ amount: m, label: n, beat: o, budgetPercentage: t, hasBudget: l = !1, leftLabel: p, rightLabel: c, buttonProps: s, ...e }) => {
-  const { category_guid: i } = o.payload, d = () => t > 100 ? "error.main" : t > 50 ? "warning.main" : "success.main", a = u(i, x());
-  return /* @__PURE__ */ r(C, {
+import { alpha as x, useTheme as _ } from "@mui/material/styles";
+var G = ({ amount: m, label: n, beat: o, budgetPercentage: t, hasBudget: c = !1, leftLabel: l, rightLabel: p, buttonProps: s, ...e }) => {
+  const { category_guid: i } = o.payload, d = () => t > 100 ? "error.main" : t > 50 ? "warning.main" : "success.main", u = _(), a = f(i, u);
+  return /* @__PURE__ */ r(y, {
     ...e,
     beat: o,
-    button: /* @__PURE__ */ r(g, {
+    button: /* @__PURE__ */ r(C, {
       ...s,
       beat: {
         ...o,
-        call_to_action: l ? o.supporting_action : o.call_to_action
+        call_to_action: c ? o.supporting_action : o.call_to_action
       }
     }),
     header: { ...e.header },
-    children: /* @__PURE__ */ r(f, {
+    children: /* @__PURE__ */ r(g, {
       amount: m,
       borderRadius: "6px",
       completeColor: d(),
-      icon: /* @__PURE__ */ r(y, {
+      icon: /* @__PURE__ */ r(h, {
         categoryGuid: i,
         size: 44,
         sx: {
           color: "text.primary",
-          bgcolor: h(a, 0.25),
+          bgcolor: x(a, 0.25),
           borderColor: a,
           borderWidth: 1,
           borderStyle: "solid"
         }
       }),
       label: n,
-      leftLabel: p,
+      leftLabel: l,
       percentComplete: t,
-      rightLabel: c,
+      rightLabel: p,
       sx: {
         p: 0,
         "& .details-container": {
@@ -49,7 +49,7 @@ var z = ({ amount: m, label: n, beat: o, budgetPercentage: t, hasBudget: l = !1,
   });
 };
 export {
-  z as CategoryBudget
+  G as CategoryBudget
 };
 
 //# sourceMappingURL=CategoryBudget.es.js.map

package/dist/insights/components/insights/CategoryBudget/CategoryBudget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryBudget.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CategoryBudget/CategoryBudget.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CategoryIcon } from '@mxenabled/mxui'\nimport { useTheme } from '@mui/material/styles'\nimport { alpha } from '@mui/material/styles'\n\nimport { BeatCardMUI, InsightButton, StatusIndicator } from '../..'\nimport type { CategoryBudgetProps } from './types/CategoryBudget'\nimport { getCategoryColor } from '../../../../core/utils/CategoryUtil'\n\nexport const CategoryBudget: React.FC<CategoryBudgetProps> = ({\n  amount,\n  label,\n  beat,\n  budgetPercentage,\n  hasBudget = false,\n  leftLabel,\n  rightLabel,\n  buttonProps,\n  ...restProps\n}) => {\n  const { category_guid } = beat.payload\n\n  const getCompleteColor = () => {\n    if (budgetPercentage > 100) return 'error.main'\n    if (budgetPercentage > 50) return 'warning.main'\n    return 'success.main'\n  }\n\n  const theme = useTheme()\n\n  const avatarBgColor = getCategoryColor(category_guid, theme)\n\n  return (\n    <BeatCardMUI\n      {...restProps}\n      beat={beat}\n      button={\n        <InsightButton\n          {...buttonProps}\n          beat={{\n            ...beat,\n            call_to_action: hasBudget ? beat.supporting_action : beat.call_to_action,\n          }}\n        />\n      }\n      header={{ ...restProps.header }}\n    >\n      <StatusIndicator\n        amount={amount}\n        borderRadius=\"6px\"\n        completeColor={getCompleteColor()}\n        icon={\n          <CategoryIcon\n            categoryGuid={category_guid}\n            size={44}\n            sx={{\n              color: 'text.primary',\n              bgcolor: alpha(avatarBgColor, 0.25),\n              borderColor: avatarBgColor,\n              borderWidth: 1,\n              borderStyle: 'solid',\n            }}\n          />\n        }\n        label={label}\n        leftLabel={leftLabel}\n        percentComplete={budgetPercentage}\n        rightLabel={rightLabel}\n        sx={{ p: 0, '& .details-container': { gap: 12, py: 8 } }}\n      />\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAa,IAAA,CAAiD,EAC5D,QAAA,GACA,OAAA,GACA,MAAA,GACA,kBAAA,GACA,WAAA,IAAY,IACZ,WAAA,GACA,YAAA,GACA,aAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAK,SAEzB,IAAA,MACA,IAAmB,MAAY,eAC/B,IAAmB,KAAW,iBAC3B,gBAKH,IAAgB,EAAiB,GAFzB,EAEwC,CAAK;AAE3D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACE,MAAA;AAAA,IACN,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACJ,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,gBAAgB,IAAY,EAAK,oBAAoB,EAAK;AAAA,MAC5D;AAAA,IACD,CAAA;AAAA,IAEH,QAAQ,EAAE,GAAG,EAAU,OAAO;AAAA,cAE9B,gBAAA,EAAC,GAAD;AAAA,MACU,QAAA;AAAA,MACR,cAAa;AAAA,MACb,eAAe,EAAiB;AAAA,MAChC,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,cAAc;AAAA,QACd,MAAM;AAAA,QACN,IAAI;AAAA,UACF,OAAO;AAAA,UACP,SAAS,EAAM,GAAe,IAAI;AAAA,UAClC,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAa;AAAA,QACf;AAAA,MACD,CAAA;AAAA,MAEI,OAAA;AAAA,MACI,WAAA;AAAA,MACX,iBAAiB;AAAA,MACL,YAAA;AAAA,MACZ,IAAI;AAAA,QAAE,GAAG;AAAA,QAAG,wBAAwB;AAAA,UAAE,KAAK;AAAA,UAAI,IAAI;AAAA,QAAE;AAAA,MAAE;AAAA,IACxD,CAAA;AAAA,EACU,CAAA;AAEjB"}
+{"version":3,"file":"CategoryBudget.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CategoryBudget/CategoryBudget.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CategoryIcon } from '@mxenabled/mxui'\nimport { useTheme } from '@mui/material/styles'\nimport { alpha } from '@mui/material/styles'\n\nimport { BeatCardMUI, InsightButton, StatusIndicator } from '../..'\nimport type { CategoryBudgetProps } from './types/CategoryBudget'\nimport { getCategoryColor } from '../../../../core/utils/CategoryUtil'\n\nexport const CategoryBudget: React.FC<CategoryBudgetProps> = ({\n  amount,\n  label,\n  beat,\n  budgetPercentage,\n  hasBudget = false,\n  leftLabel,\n  rightLabel,\n  buttonProps,\n  ...restProps\n}) => {\n  const { category_guid } = beat.payload\n\n  const getCompleteColor = () => {\n    if (budgetPercentage > 100) return 'error.main'\n    if (budgetPercentage > 50) return 'warning.main'\n    return 'success.main'\n  }\n\n  const theme = useTheme()\n\n  const avatarBgColor = getCategoryColor(category_guid, theme)\n\n  return (\n    <BeatCardMUI\n      {...restProps}\n      beat={beat}\n      button={\n        <InsightButton\n          {...buttonProps}\n          beat={{\n            ...beat,\n            call_to_action: hasBudget ? beat.supporting_action : beat.call_to_action,\n          }}\n        />\n      }\n      header={{ ...restProps.header }}\n    >\n      <StatusIndicator\n        amount={amount}\n        borderRadius=\"6px\"\n        completeColor={getCompleteColor()}\n        icon={\n          <CategoryIcon\n            categoryGuid={category_guid}\n            size={44}\n            sx={{\n              color: 'text.primary',\n              bgcolor: alpha(avatarBgColor, 0.25),\n              borderColor: avatarBgColor,\n              borderWidth: 1,\n              borderStyle: 'solid',\n            }}\n          />\n        }\n        label={label}\n        leftLabel={leftLabel}\n        percentComplete={budgetPercentage}\n        rightLabel={rightLabel}\n        sx={{ p: 0, '& .details-container': { gap: 12, py: 8 } }}\n      />\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAa,IAAA,CAAiD,EAC5D,QAAA,GACA,OAAA,GACA,MAAA,GACA,kBAAA,GACA,WAAA,IAAY,IACZ,WAAA,GACA,YAAA,GACA,aAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAK,SAEzB,IAAA,MACA,IAAmB,MAAY,eAC/B,IAAmB,KAAW,iBAC3B,gBAGH,IAAQ,EAAS,GAEjB,IAAgB,EAAiB,GAAe,CAAK;AAE3D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACE,MAAA;AAAA,IACN,QACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACJ,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,gBAAgB,IAAY,EAAK,oBAAoB,EAAK;AAAA,MAC5D;AAAA,IACD,CAAA;AAAA,IAEH,QAAQ,EAAE,GAAG,EAAU,OAAO;AAAA,IAE9B,UAAA,gBAAA,EAAC,GAAD;AAAA,MACU,QAAA;AAAA,MACR,cAAa;AAAA,MACb,eAAe,EAAiB;AAAA,MAChC,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,cAAc;AAAA,QACd,MAAM;AAAA,QACN,IAAI;AAAA,UACF,OAAO;AAAA,UACP,SAAS,EAAM,GAAe,IAAI;AAAA,UAClC,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAa;AAAA,QACf;AAAA,MACD,CAAA;AAAA,MAEI,OAAA;AAAA,MACI,WAAA;AAAA,MACX,iBAAiB;AAAA,MACL,YAAA;AAAA,MACZ,IAAI;AAAA,QAAE,GAAG;AAAA,QAAG,wBAAwB;AAAA,UAAE,KAAK;AAAA,UAAI,IAAI;AAAA,QAAE;AAAA,MAAE;AAAA,IACxD,CAAA;AAAA,EACU,CAAA;AAEjB"}

package/dist/insights/components/insights/CategorySpendingV2/CategorySpendingV2.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategorySpendingV2.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CategorySpendingV2/CategorySpendingV2.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { ButtonActionType } from '../../../types/CommonBeat'\nimport { BarChart } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { CategorySpendingV2Props } from './types/CategorySpendingV2'\n\nexport const CategorySpendingV2: React.FC<CategorySpendingV2Props> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\n  legendLabelAvg,\n  legendLabelMain,\n  onBarClick,\n  selectedTabIndex,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      {...restProps}\n      beat={beat}\n      button={\n        data.length ? (\n          <Stack spacing={10} sx={{ pt: 8 }}>\n            <InsightButton\n              {...buttonProps}\n              beat={beat}\n              onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n            />\n            <InsightButton\n              {...buttonProps}\n              beat={beat}\n              onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Secondary)}\n              primary={false}\n            />\n          </Stack>\n        ) : null\n      }\n    >\n      {data.length ? (\n        <BarChart\n          amounts={amounts}\n          color={color}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelAvg={legendLabelAvg}\n          legendLabelMain={legendLabelMain}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 24,\n          }}\n          onBarClick={onBarClick}\n          selectedTabIndex={selectedTabIndex}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;;AAUA,IAAa,IAAA,CAAyD,EACpE,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,GACA,gBAAA,GACA,iBAAA,GACA,YAAA,GACA,kBAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,EAAK,SACH,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAS;AAAA,IAAI,IAAI,EAAE,IAAI,EAAE;AAAA,cAAhC,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,IACnE,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,SAAS;AAAA,MACpE,SAAS;AAAA,IACV,CAAA,CACI;AAAA,OACL;AAAA,YAGL,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACF,gBAAA;AAAA,IACC,iBAAA;AAAA,IACjB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACY,YAAA;AAAA,IACM,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEV,CAAA"}
+{"version":3,"file":"CategorySpendingV2.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CategorySpendingV2/CategorySpendingV2.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { ButtonActionType } from '../../../types/CommonBeat'\nimport { BarChart } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { CategorySpendingV2Props } from './types/CategorySpendingV2'\n\nexport const CategorySpendingV2: React.FC<CategorySpendingV2Props> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\n  legendLabelAvg,\n  legendLabelMain,\n  onBarClick,\n  selectedTabIndex,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      {...restProps}\n      beat={beat}\n      button={\n        data.length ? (\n          <Stack spacing={10} sx={{ pt: 8 }}>\n            <InsightButton\n              {...buttonProps}\n              beat={beat}\n              onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n            />\n            <InsightButton\n              {...buttonProps}\n              beat={beat}\n              onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Secondary)}\n              primary={false}\n            />\n          </Stack>\n        ) : null\n      }\n    >\n      {data.length ? (\n        <BarChart\n          amounts={amounts}\n          color={color}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelAvg={legendLabelAvg}\n          legendLabelMain={legendLabelMain}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 24,\n          }}\n          onBarClick={onBarClick}\n          selectedTabIndex={selectedTabIndex}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;;AAUA,IAAa,IAAA,CAAyD,EACpE,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,GACA,gBAAA,GACA,iBAAA,GACA,YAAA,GACA,kBAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,EAAK,SACH,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAS;AAAA,IAAI,IAAI,EAAE,IAAI,EAAE;AAAA,IAAhC,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,IACnE,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,SAAS;AAAA,MACpE,SAAS;AAAA,IACV,CAAA,CACI;AAAA,EACL,CAAA,IAAA;AAAA,EAGL,UAAA,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACF,gBAAA;AAAA,IACC,iBAAA;AAAA,IACjB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACY,YAAA;AAAA,IACM,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEV,CAAA"}

package/dist/insights/components/insights/CategorySpendingV2/CategorySpendingV2MUI.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategorySpendingV2MUI.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CategorySpendingV2/CategorySpendingV2MUI.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { ButtonActionType } from '../../../types/CommonBeat'\nimport { BarChartV2 } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCardMUI } from '../../shared/InsightsCard/BeatCardMUI'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport type { CategorySpendingV2MUIProps } from './types/CategorySpendingV2'\n\nexport const CategorySpendingV2MUI: React.FC<CategorySpendingV2MUIProps> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\n  hasBudget = false,\n  monthlyAmountLabel,\n  onBarClick,\n  selectedTabIndex,\n  trendAmountLabel,\n  ...restProps\n}) => {\n  return (\n    <BeatCardMUI\n      {...restProps}\n      beat={beat}\n      button={\n        data.length ? (\n          <Stack sx={{ gap: 8 }}>\n            <InsightButton\n              {...buttonProps}\n              beat={beat}\n              hide={hasBudget}\n              onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n            />\n            <InsightButton\n              {...buttonProps}\n              beat={{\n                ...beat,\n                call_to_action: hasBudget ? beat.supporting_action : beat.call_to_action,\n              }}\n              onClick={(e) =>\n                buttonProps?.onClick?.(e, ButtonActionType[!hasBudget ? 'Secondary' : 'Primary'])\n              }\n              primary={hasBudget}\n            />\n          </Stack>\n        ) : null\n      }\n    >\n      {data.length ? (\n        <BarChartV2\n          amounts={amounts}\n          color={color}\n          data={data}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 16,\n          }}\n          monthlyAmountLabel={monthlyAmountLabel}\n          onBarClick={onBarClick}\n          selectedTabIndex={selectedTabIndex}\n          trendAmountLabel={trendAmountLabel}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;AAUA,IAAa,IAAA,CAA+D,EAC1E,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,GACA,WAAA,IAAY,IACZ,oBAAA,GACA,YAAA,GACA,kBAAA,GACA,kBAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,EAAK,SACH,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,EAAE;AAAA,cAApB,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,MAAM;AAAA,MACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,IACnE,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACJ,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,gBAAgB,IAAY,EAAK,oBAAoB,EAAK;AAAA,MAC5D;AAAA,MACA,SAAA,CAAU,MACR,GAAa,UAAU,GAAG,EAAkB,IAA0B,YAAd,WAAc,CAAU;AAAA,MAElF,SAAS;AAAA,IACV,CAAA,CACI;AAAA,OACL;AAAA,YAGL,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACoB,oBAAA;AAAA,IACR,YAAA;AAAA,IACM,kBAAA;AAAA,IACA,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEP,CAAA"}
+{"version":3,"file":"CategorySpendingV2MUI.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CategorySpendingV2/CategorySpendingV2MUI.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { ButtonActionType } from '../../../types/CommonBeat'\nimport { BarChartV2 } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCardMUI } from '../../shared/InsightsCard/BeatCardMUI'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport type { CategorySpendingV2MUIProps } from './types/CategorySpendingV2'\n\nexport const CategorySpendingV2MUI: React.FC<CategorySpendingV2MUIProps> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\n  hasBudget = false,\n  monthlyAmountLabel,\n  onBarClick,\n  selectedTabIndex,\n  trendAmountLabel,\n  ...restProps\n}) => {\n  return (\n    <BeatCardMUI\n      {...restProps}\n      beat={beat}\n      button={\n        data.length ? (\n          <Stack sx={{ gap: 8 }}>\n            <InsightButton\n              {...buttonProps}\n              beat={beat}\n              hide={hasBudget}\n              onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n            />\n            <InsightButton\n              {...buttonProps}\n              beat={{\n                ...beat,\n                call_to_action: hasBudget ? beat.supporting_action : beat.call_to_action,\n              }}\n              onClick={(e) =>\n                buttonProps?.onClick?.(e, ButtonActionType[!hasBudget ? 'Secondary' : 'Primary'])\n              }\n              primary={hasBudget}\n            />\n          </Stack>\n        ) : null\n      }\n    >\n      {data.length ? (\n        <BarChartV2\n          amounts={amounts}\n          color={color}\n          data={data}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 16,\n          }}\n          monthlyAmountLabel={monthlyAmountLabel}\n          onBarClick={onBarClick}\n          selectedTabIndex={selectedTabIndex}\n          trendAmountLabel={trendAmountLabel}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;AAUA,IAAa,IAAA,CAA+D,EAC1E,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,GACA,WAAA,IAAY,IACZ,oBAAA,GACA,YAAA,GACA,kBAAA,GACA,kBAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,EAAK,SACH,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,EAAE;AAAA,IAApB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,MAAM;AAAA,MACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,IACnE,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACJ,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,gBAAgB,IAAY,EAAK,oBAAoB,EAAK;AAAA,MAC5D;AAAA,MACA,SAAA,CAAU,MACR,GAAa,UAAU,GAAG,EAAkB,IAA0B,YAAd,WAAc,CAAU;AAAA,MAElF,SAAS;AAAA,IACV,CAAA,CACI;AAAA,EACL,CAAA,IAAA;AAAA,EAGL,UAAA,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACoB,oBAAA;AAAA,IACR,YAAA;AAAA,IACM,kBAAA;AAAA,IACA,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEP,CAAA"}

package/dist/insights/components/insights/CelebrateCreditCardPayoff/CelebrateCreditCardPayoff.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CelebrateCreditCardPayoff.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CelebrateCreditCardPayoff/CelebrateCreditCardPayoff.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { useContainerDimensions } from '../../../hooks/useContainerDimensions'\nimport { Confetti } from '../../shared/Confetti'\nimport { BeatCardMUI } from '../../shared/InsightsCard/BeatCardMUI'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { ReactComponent as CelebrateCreditCardPayoffDark } from './images/CelebrateCreditCardPayoffDark.svg'\nimport { ReactComponent as CelebrateCreditCardPayoffLight } from './images/CelebrateCreditCardPayoffLight.svg'\nimport type { CelebrateCreditCardPayoffProps } from './types/CelebrateCreditCardPayoffProps'\n\nexport const CelebrateCreditCardPayoff: React.FC<CelebrateCreditCardPayoffProps> = ({\n  beat,\n  displayData,\n  isDarkMode,\n  ...restProps\n}) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  const background =\n    'linear-gradient(256.82deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)'\n\n  const CelebrateCreditCardPayoffSVG = isDarkMode\n    ? CelebrateCreditCardPayoffDark\n    : CelebrateCreditCardPayoffLight\n\n  return (\n    <BeatCardMUI {...restProps} beat={beat}>\n      <Confetti height={height} shouldRun={true} width={width} />\n      <Stack\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        ref={containerRef}\n        sx={{\n          backgroundColor: 'background.default',\n          backgroundImage: background,\n          height: 128,\n          px: 16,\n          py: 24,\n          width: '100%',\n        }}\n      >\n        <Stack\n          alignItems=\"center\"\n          flexDirection=\"row\"\n          gap={24}\n          sx={{\n            backgroundColor: 'success.lighter',\n            border: '1px solid',\n            borderColor: 'success.main',\n            borderRadius: 2,\n            height: 80,\n            px: 24,\n            py: 16,\n            width: '100%',\n          }}\n        >\n          <ThemedSVGImage\n            divProps={{ style: { width: 44 } }}\n            image={CelebrateCreditCardPayoffSVG}\n          />\n          <Stack>\n            <Box sx={{ color: 'success.dark' }}>{displayData.balance}</Box>\n            <Text color=\"text.secondary\" variant=\"caption\">\n              {displayData.text}\n            </Text>\n          </Stack>\n        </Stack>\n      </Stack>\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAgBA,IAAa,IAAA,CAAuE,EAClF,MAAA,GACA,aAAA,GACA,YAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,IAAe,EAAM,OAAuB,IAAI,GAChD,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EAAuB,CAAY;AAS7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAa,GAAI;AAAA,IAAiB,MAAA;AAAA,cAAlC,CACE,gBAAA,EAAC,GAAD;AAAA,MAAkB,QAAA;AAAA,MAAQ,WAAW;AAAA,MAAa,OAAA;AAAA,IAAQ,CAAA,GAC1D,gBAAA,EAAC,GAAD;AAAA,MACE,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAK;AAAA,MACL,IAAI;AAAA,QACF,iBAAiB;AAAA,QACjB,iBAfN;AAAA,QAgBM,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QACE,YAAW;AAAA,QACX,eAAc;AAAA,QACd,KAAK;AAAA,QACL,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,OAAO;AAAA,QACT;AAAA,kBAbF,CAeE,gBAAA,EAAC,GAAD;AAAA,UACE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE;AAAA,UACjC,OArC2B,IACjC,IACA;AAAA,QAoCK,CAAA,GACD,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAK,IAAI,EAAE,OAAO,eAAe;AAAA,oBAAI,EAAY;AAAA,QAAa,CAAA,GAC9D,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,oBAClC,EAAY;AAAA,QACT,CAAA,CACD,EAAA,CAAA,CACF;AAAA;IACF,CAAA,CACI;AAAA;AAEjB"}
+{"version":3,"file":"CelebrateCreditCardPayoff.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CelebrateCreditCardPayoff/CelebrateCreditCardPayoff.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { useContainerDimensions } from '../../../hooks/useContainerDimensions'\nimport { Confetti } from '../../shared/Confetti'\nimport { BeatCardMUI } from '../../shared/InsightsCard/BeatCardMUI'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { ReactComponent as CelebrateCreditCardPayoffDark } from './images/CelebrateCreditCardPayoffDark.svg'\nimport { ReactComponent as CelebrateCreditCardPayoffLight } from './images/CelebrateCreditCardPayoffLight.svg'\nimport type { CelebrateCreditCardPayoffProps } from './types/CelebrateCreditCardPayoffProps'\n\nexport const CelebrateCreditCardPayoff: React.FC<CelebrateCreditCardPayoffProps> = ({\n  beat,\n  displayData,\n  isDarkMode,\n  ...restProps\n}) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  const background =\n    'linear-gradient(256.82deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)'\n\n  const CelebrateCreditCardPayoffSVG = isDarkMode\n    ? CelebrateCreditCardPayoffDark\n    : CelebrateCreditCardPayoffLight\n\n  return (\n    <BeatCardMUI {...restProps} beat={beat}>\n      <Confetti height={height} shouldRun={true} width={width} />\n      <Stack\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        ref={containerRef}\n        sx={{\n          backgroundColor: 'background.default',\n          backgroundImage: background,\n          height: 128,\n          px: 16,\n          py: 24,\n          width: '100%',\n        }}\n      >\n        <Stack\n          alignItems=\"center\"\n          flexDirection=\"row\"\n          gap={24}\n          sx={{\n            backgroundColor: 'success.lighter',\n            border: '1px solid',\n            borderColor: 'success.main',\n            borderRadius: 2,\n            height: 80,\n            px: 24,\n            py: 16,\n            width: '100%',\n          }}\n        >\n          <ThemedSVGImage\n            divProps={{ style: { width: 44 } }}\n            image={CelebrateCreditCardPayoffSVG}\n          />\n          <Stack>\n            <Box sx={{ color: 'success.dark' }}>{displayData.balance}</Box>\n            <Text color=\"text.secondary\" variant=\"caption\">\n              {displayData.text}\n            </Text>\n          </Stack>\n        </Stack>\n      </Stack>\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAgBA,IAAa,IAAA,CAAuE,EAClF,MAAA,GACA,aAAA,GACA,YAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,IAAe,EAAM,OAAuB,IAAI,GAChD,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EAAuB,CAAY;AAS7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAa,GAAI;AAAA,IAAiB,MAAA;AAAA,IAAlC,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAkB,QAAA;AAAA,MAAQ,WAAW;AAAA,MAAa,OAAA;AAAA,IAAQ,CAAA,GAC1D,gBAAA,EAAC,GAAD;AAAA,MACE,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAK;AAAA,MACL,IAAI;AAAA,QACF,iBAAiB;AAAA,QACjB,iBAfN;AAAA,QAgBM,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,YAAW;AAAA,QACX,eAAc;AAAA,QACd,KAAK;AAAA,QACL,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,OAAO;AAAA,QACT;AAAA,QAbF,UAAA,CAeE,gBAAA,EAAC,GAAD;AAAA,UACE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE;AAAA,UACjC,OArC2B,IACjC,IACA;AAAA,QAoCK,CAAA,GACD,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAK,IAAI,EAAE,OAAO,eAAe;AAAA,UAAI,UAAA,EAAY;AAAA,QAAa,CAAA,GAC9D,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,UAClC,UAAA,EAAY;AAAA,QACT,CAAA,CACD,EAAA,CAAA,CACF;AAAA;IACF,CAAA,CACI;AAAA;AAEjB"}