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

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

@@ -1 +1 @@
-{"version":3,"file":"CustomTransaction.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CustomTransaction/CustomTransaction.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ButtonActionType, CommonBeatProps } from '../../../types/CommonBeat'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nexport const CustomTransaction: React.FC<CommonBeatProps> = ({\n  altLoadingText,\n  beat,\n  buttonProps,\n  header,\n  isMini,\n  ...restProps\n}) => (\n  <BeatCard\n    altLoadingText={altLoadingText}\n    beat={beat}\n    button={\n      <InsightButton\n        beat={beat}\n        {...buttonProps}\n        onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n      />\n    }\n    contentProps={{\n      sx: {\n        mt: -16,\n      },\n    }}\n    header={header}\n    isMini={isMini}\n    {...restProps}\n  >\n    <></>\n  </BeatCard>\n)\n"],"mappings":";;;;;AAMA,IAAa,IAAA,CAAgD,EAC3D,gBAAA,GACA,MAAA,GACA,aAAA,GACA,QAAA,GACA,QAAA,GACA,GAAG,EAAA,MAEH,gBAAA,EAAC,GAAD;AAAA,EACkB,gBAAA;AAAA,EACV,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,GAAI;AAAA,IACJ,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,EACnE,CAAA;AAAA,EAEH,cAAc,EACZ,IAAI,EACF,IAAI,IACN,EACF;AAAA,EACQ,QAAA;AAAA,EACA,QAAA;AAAA,EACR,GAAI;AAAA,YAEJ,gBAAA,EAAA,GAAA,CAAI,CAAA;AACI,CAAA"}
+{"version":3,"file":"CustomTransaction.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CustomTransaction/CustomTransaction.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ButtonActionType, CommonBeatProps } from '../../../types/CommonBeat'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nexport const CustomTransaction: React.FC<CommonBeatProps> = ({\n  altLoadingText,\n  beat,\n  buttonProps,\n  header,\n  isMini,\n  ...restProps\n}) => (\n  <BeatCard\n    altLoadingText={altLoadingText}\n    beat={beat}\n    button={\n      <InsightButton\n        beat={beat}\n        {...buttonProps}\n        onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n      />\n    }\n    contentProps={{\n      sx: {\n        mt: -16,\n      },\n    }}\n    header={header}\n    isMini={isMini}\n    {...restProps}\n  >\n    <></>\n  </BeatCard>\n)\n"],"mappings":";;;;;AAMA,IAAa,IAAA,CAAgD,EAC3D,gBAAA,GACA,MAAA,GACA,aAAA,GACA,QAAA,GACA,QAAA,GACA,GAAG,EAAA,MAEH,gBAAA,EAAC,GAAD;AAAA,EACkB,gBAAA;AAAA,EACV,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,GAAI;AAAA,IACJ,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,EACnE,CAAA;AAAA,EAEH,cAAc,EACZ,IAAI,EACF,IAAI,IACN,EACF;AAAA,EACQ,QAAA;AAAA,EACA,QAAA;AAAA,EACR,GAAI;AAAA,EAEJ,UAAA,gBAAA,EAAA,GAAA,CAAI,CAAA;AACI,CAAA"}

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsBody.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscoveredAccountsBody.es.js","names":[],"sources":["../../../../../src/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { InstitutionLogo } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\nimport { useContainerDimensions } from '../../../hooks/useContainerDimensions'\nimport { Confetti } from '../../shared/Confetti'\n\nexport interface DiscoveredAccountsBodyProps {\n  account_guid_1: string\n  account_guid_2: string\n  account_1_alt_text: string\n  account_2_alt_text: string\n  isSuccess?: boolean\n}\n\ninterface CircleProp {\n  sx: React.CSSProperties\n}\n\nconst Circle: React.FC<CircleProp> = ({ sx }) => (\n  <Icon\n    fill={true}\n    name=\"circle\"\n    size={4}\n    sx={{\n      color: 'secondary.light',\n      display: 'flex',\n      alignSelf: 'center',\n      ...sx,\n    }}\n  />\n)\n\nexport const DiscoveredAccountsBody: React.FC<DiscoveredAccountsBodyProps> = ({\n  account_guid_1,\n  account_guid_2,\n  account_1_alt_text,\n  account_2_alt_text,\n  isSuccess,\n}) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  return (\n    <Box\n      sx={{\n        bgcolor: 'background.highlight',\n        height: 128,\n        p: 16,\n        width: '100%',\n      }}\n    >\n      <Box\n        ref={containerRef}\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          height: '100%',\n          justifyContent: 'center',\n          width: '100%',\n          position: 'relative',\n          p: 16,\n        }}\n      >\n        <Confetti height={height} shouldRun={isSuccess} width={width} />\n        <Box\n          sx={{\n            bgcolor: 'background.paper',\n            borderRadius: '8px',\n            height: 96,\n            position: 'relative',\n            width: 268,\n          }}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              justifyContent: 'center',\n              position: 'relative',\n              p: '16px 8px',\n              zIndex: 50,\n            }}\n          >\n            <InstitutionLogo\n              alt={account_1_alt_text}\n              height={64}\n              institutionGuid={account_guid_1 || ''}\n              width={64}\n            />\n\n            <Circle sx={{ marginLeft: 11 }} />\n            <Circle sx={{ marginLeft: 4 }} />\n\n            {isSuccess ? (\n              <Icon\n                fill={true}\n                name=\"check_circle\"\n                size={40}\n                sx={{\n                  alignSelf: 'center',\n                  borderRadius: '50%',\n                  color: 'success.main',\n                  display: 'flex',\n                  mx: 4,\n                }}\n              />\n            ) : (\n              <Icon\n                name=\"link\"\n                size={28}\n                sx={{\n                  alignSelf: 'center',\n                  bgcolor: 'secondary.light',\n                  borderRadius: '50%',\n                  color: 'background.paper',\n                  display: 'flex',\n                  mx: 4,\n                }}\n              />\n            )}\n\n            <Circle sx={{ marginRight: 4 }} />\n            <Circle sx={{ marginRight: 11 }} />\n\n            <InstitutionLogo\n              alt={account_2_alt_text}\n              height={64}\n              institutionGuid={account_guid_2 || ''}\n              width={64}\n            />\n          </Box>\n          <Box\n            sx={{\n              bgcolor: 'background.highlight',\n              borderRadius: 24,\n              bottom: 0,\n              height: 40,\n              left: 0,\n              m: 'auto',\n              position: 'absolute',\n              right: 0,\n              top: 0,\n              width: 240,\n            }}\n          />\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DiscoveredAccountsBody.es.js","names":[],"sources":["../../../../../src/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { InstitutionLogo } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\nimport { useContainerDimensions } from '../../../hooks/useContainerDimensions'\nimport { Confetti } from '../../shared/Confetti'\n\nexport interface DiscoveredAccountsBodyProps {\n  account_guid_1: string\n  account_guid_2: string\n  account_1_alt_text: string\n  account_2_alt_text: string\n  isSuccess?: boolean\n}\n\ninterface CircleProp {\n  sx: React.CSSProperties\n}\n\nconst Circle: React.FC<CircleProp> = ({ sx }) => (\n  <Icon\n    fill={true}\n    name=\"circle\"\n    size={4}\n    sx={{\n      color: 'secondary.light',\n      display: 'flex',\n      alignSelf: 'center',\n      ...sx,\n    }}\n  />\n)\n\nexport const DiscoveredAccountsBody: React.FC<DiscoveredAccountsBodyProps> = ({\n  account_guid_1,\n  account_guid_2,\n  account_1_alt_text,\n  account_2_alt_text,\n  isSuccess,\n}) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  return (\n    <Box\n      sx={{\n        bgcolor: 'background.highlight',\n        height: 128,\n        p: 16,\n        width: '100%',\n      }}\n    >\n      <Box\n        ref={containerRef}\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          height: '100%',\n          justifyContent: 'center',\n          width: '100%',\n          position: 'relative',\n          p: 16,\n        }}\n      >\n        <Confetti height={height} shouldRun={isSuccess} width={width} />\n        <Box\n          sx={{\n            bgcolor: 'background.paper',\n            borderRadius: '8px',\n            height: 96,\n            position: 'relative',\n            width: 268,\n          }}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              justifyContent: 'center',\n              position: 'relative',\n              p: '16px 8px',\n              zIndex: 50,\n            }}\n          >\n            <InstitutionLogo\n              alt={account_1_alt_text}\n              height={64}\n              institutionGuid={account_guid_1 || ''}\n              width={64}\n            />\n\n            <Circle sx={{ marginLeft: 11 }} />\n            <Circle sx={{ marginLeft: 4 }} />\n\n            {isSuccess ? (\n              <Icon\n                fill={true}\n                name=\"check_circle\"\n                size={40}\n                sx={{\n                  alignSelf: 'center',\n                  borderRadius: '50%',\n                  color: 'success.main',\n                  display: 'flex',\n                  mx: 4,\n                }}\n              />\n            ) : (\n              <Icon\n                name=\"link\"\n                size={28}\n                sx={{\n                  alignSelf: 'center',\n                  bgcolor: 'secondary.light',\n                  borderRadius: '50%',\n                  color: 'background.paper',\n                  display: 'flex',\n                  mx: 4,\n                }}\n              />\n            )}\n\n            <Circle sx={{ marginRight: 4 }} />\n            <Circle sx={{ marginRight: 11 }} />\n\n            <InstitutionLogo\n              alt={account_2_alt_text}\n              height={64}\n              institutionGuid={account_guid_2 || ''}\n              width={64}\n            />\n          </Box>\n          <Box\n            sx={{\n              bgcolor: 'background.highlight',\n              borderRadius: 24,\n              bottom: 0,\n              height: 40,\n              left: 0,\n              m: 'auto',\n              position: 'absolute',\n              right: 0,\n              top: 0,\n              width: 240,\n            }}\n          />\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsLearnMoreDrawerContent.es.js

@@ -6,8 +6,8 @@ import n from "@mui/material/Box";
 import d from "@mui/material/IconButton";
 import p from "@mui/material/List";
 import m from "@mui/material/ListItem";
-import h from "@mui/material/ListItemIcon";
-import f from "@mui/material/ListItemText";
+import h from "@mui/material/ListItemText";
+import f from "@mui/material/ListItemIcon";
 var L = ({ copy: r, sendResponseAnalytics: s }) => /* @__PURE__ */ e(a, {
   height: "100%",
   justifyContent: "space-between",
@@ -36,12 +36,12 @@ var L = ({ copy: r, sendResponseAnalytics: s }) => /* @__PURE__ */ e(a, {
             mb: 12,
             minHeight: "unset"
           },
-          children: [/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(o, {
+          children: [/* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(o, {
             color: "success",
             name: "check_circle",
             size: 16,
             sx: { lineHeight: 1.2 }
-          }) }), /* @__PURE__ */ e(f, {
+          }) }), /* @__PURE__ */ e(h, {
             disableTypography: !0,
             secondary: i,
             sx: {
@@ -82,10 +82,10 @@ var L = ({ copy: r, sendResponseAnalytics: s }) => /* @__PURE__ */ e(a, {
               mb: 24,
               p: 16
             },
-            children: [/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(o, {
+            children: [/* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(o, {
               name: i.icon_name,
               size: 24
-            }) }), /* @__PURE__ */ e(f, {
+            }) }), /* @__PURE__ */ e(h, {
               primary: i.title,
               secondary: i.content,
               sx: { "& > p": {

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsLearnMoreDrawerContent.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscoveredAccountsLearnMoreDrawerContent.es.js","names":[],"sources":["../../../../../src/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsLearnMoreDrawerContent.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mx-icons'\nimport { H3, P, Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport IconButton from '@mui/material/IconButton'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\ninterface copy {\n  aria_label_thumbs_down: string\n  aria_label_thumbs_up: string\n  benefits_list_array: string[]\n  description: string\n  footer_title: string\n  header_text: string\n  shared_info_description: string\n  shared_info_header_text: string\n  shared_info_list_array: Array<{ content: string; icon_name: string; title: string }>\n}\n\ninterface DrawerProps {\n  copy: copy\n  sendResponseAnalytics: (str: string) => void\n}\n\nexport const DiscoveredAccountsLearnMoreDrawerContent: React.FC<DrawerProps> = ({\n  copy,\n  sendResponseAnalytics,\n}) => {\n  return (\n    <Stack\n      height=\"100%\"\n      justifyContent=\"space-between\"\n      sx={{ bgcolor: 'background.paper' }} // explicitly setting the background color so that it doesn't incorrectly inherit the drawer in experiences per Cameron\n    >\n      <Box height=\"100%\" overflow=\"auto\">\n        <Box>\n          <H3 sx={{ p: '16px 24px 8px 24px' }}>{copy.header_text}</H3>\n\n          <Stack sx={{ gap: 12, px: 24 }}>\n            <P color=\"textSecondary\" fontSize={13}>\n              {copy.description}\n            </P>\n\n            <List>\n              {copy.benefits_list_array.map((text, i) => (\n                <ListItem\n                  key={`list-item-${i}`}\n                  sx={{\n                    alignItems: 'flex-start',\n                    alignSelf: 'stretch',\n                    gap: 8,\n                    mb: 12,\n                    minHeight: 'unset',\n                  }}\n                >\n                  <ListItemIcon>\n                    <Icon color=\"success\" name=\"check_circle\" size={16} sx={{ lineHeight: 1.2 }} />\n                  </ListItemIcon>\n                  <ListItemText\n                    disableTypography={true} // This is to ovvride the custom mx theme\n                    secondary={text}\n                    sx={{ color: 'text.secondary', fontSize: 13 }}\n                  />\n                </ListItem>\n              ))}\n            </List>\n          </Stack>\n        </Box>\n\n        <Box>\n          <Text bold={true} fontSize={15} sx={{ p: '16px 24px 8px 24px' }}>\n            {copy.shared_info_header_text}\n          </Text>\n\n          <P color=\"textSecondary\" fontSize={13} sx={{ mb: 16, mx: 24 }}>\n            {copy.shared_info_description}\n          </P>\n\n          <List sx={{ p: '16px 24px' }}>\n            {copy.shared_info_list_array.map((obj, i) => (\n              <ListItem\n                key={`lower-list-${i}`}\n                sx={{\n                  alignItems: 'flex-start',\n                  alignSelf: 'stretch',\n                  bgcolor: 'background.paper',\n                  border: `1px solid`,\n                  borderColor: 'neutral.light',\n                  borderRadius: '8px',\n                  boxShadow: 1,\n                  gap: 12,\n                  mb: 24,\n                  p: 16,\n                }}\n              >\n                <ListItemIcon>\n                  <Icon name={obj.icon_name} size={24} />\n                </ListItemIcon>\n                <ListItemText\n                  primary={obj.title}\n                  secondary={obj.content}\n                  sx={{\n                    '& > p': {\n                      color: 'text.secondary',\n                      fontSize: 13,\n                      fontWeight: '400',\n                      lineHeight: '20px',\n                    },\n                  }}\n                />\n              </ListItem>\n            ))}\n          </List>\n        </Box>\n\n        <Stack sx={{ alignItems: 'center', justifyContent: 'center', pb: 16 }}>\n          <Text bold={true} sx={{ p: '16px 24px 8px 24px' }}>\n            {copy.footer_title}\n          </Text>\n          <Box sx={{ display: 'flex', gap: 24, p: '12px 24px' }}>\n            <IconButton\n              aria-label={copy.aria_label_thumbs_down}\n              onClick={() => sendResponseAnalytics('no')}\n            >\n              <Icon color=\"secondary\" name=\"thumb_down\" size={24} />\n            </IconButton>\n            <IconButton\n              aria-label={copy.aria_label_thumbs_up}\n              onClick={() => sendResponseAnalytics('yes')}\n            >\n              <Icon color=\"secondary\" name=\"thumb_up\" size={24} />\n            </IconButton>\n          </Box>\n        </Stack>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DiscoveredAccountsLearnMoreDrawerContent.es.js","names":[],"sources":["../../../../../src/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsLearnMoreDrawerContent.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mx-icons'\nimport { H3, P, Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport IconButton from '@mui/material/IconButton'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\ninterface copy {\n  aria_label_thumbs_down: string\n  aria_label_thumbs_up: string\n  benefits_list_array: string[]\n  description: string\n  footer_title: string\n  header_text: string\n  shared_info_description: string\n  shared_info_header_text: string\n  shared_info_list_array: Array<{ content: string; icon_name: string; title: string }>\n}\n\ninterface DrawerProps {\n  copy: copy\n  sendResponseAnalytics: (str: string) => void\n}\n\nexport const DiscoveredAccountsLearnMoreDrawerContent: React.FC<DrawerProps> = ({\n  copy,\n  sendResponseAnalytics,\n}) => {\n  return (\n    <Stack\n      height=\"100%\"\n      justifyContent=\"space-between\"\n      sx={{ bgcolor: 'background.paper' }} // explicitly setting the background color so that it doesn't incorrectly inherit the drawer in experiences per Cameron\n    >\n      <Box height=\"100%\" overflow=\"auto\">\n        <Box>\n          <H3 sx={{ p: '16px 24px 8px 24px' }}>{copy.header_text}</H3>\n\n          <Stack sx={{ gap: 12, px: 24 }}>\n            <P color=\"textSecondary\" fontSize={13}>\n              {copy.description}\n            </P>\n\n            <List>\n              {copy.benefits_list_array.map((text, i) => (\n                <ListItem\n                  key={`list-item-${i}`}\n                  sx={{\n                    alignItems: 'flex-start',\n                    alignSelf: 'stretch',\n                    gap: 8,\n                    mb: 12,\n                    minHeight: 'unset',\n                  }}\n                >\n                  <ListItemIcon>\n                    <Icon color=\"success\" name=\"check_circle\" size={16} sx={{ lineHeight: 1.2 }} />\n                  </ListItemIcon>\n                  <ListItemText\n                    disableTypography={true} // This is to ovvride the custom mx theme\n                    secondary={text}\n                    sx={{ color: 'text.secondary', fontSize: 13 }}\n                  />\n                </ListItem>\n              ))}\n            </List>\n          </Stack>\n        </Box>\n\n        <Box>\n          <Text bold={true} fontSize={15} sx={{ p: '16px 24px 8px 24px' }}>\n            {copy.shared_info_header_text}\n          </Text>\n\n          <P color=\"textSecondary\" fontSize={13} sx={{ mb: 16, mx: 24 }}>\n            {copy.shared_info_description}\n          </P>\n\n          <List sx={{ p: '16px 24px' }}>\n            {copy.shared_info_list_array.map((obj, i) => (\n              <ListItem\n                key={`lower-list-${i}`}\n                sx={{\n                  alignItems: 'flex-start',\n                  alignSelf: 'stretch',\n                  bgcolor: 'background.paper',\n                  border: `1px solid`,\n                  borderColor: 'neutral.light',\n                  borderRadius: '8px',\n                  boxShadow: 1,\n                  gap: 12,\n                  mb: 24,\n                  p: 16,\n                }}\n              >\n                <ListItemIcon>\n                  <Icon name={obj.icon_name} size={24} />\n                </ListItemIcon>\n                <ListItemText\n                  primary={obj.title}\n                  secondary={obj.content}\n                  sx={{\n                    '& > p': {\n                      color: 'text.secondary',\n                      fontSize: 13,\n                      fontWeight: '400',\n                      lineHeight: '20px',\n                    },\n                  }}\n                />\n              </ListItem>\n            ))}\n          </List>\n        </Box>\n\n        <Stack sx={{ alignItems: 'center', justifyContent: 'center', pb: 16 }}>\n          <Text bold={true} sx={{ p: '16px 24px 8px 24px' }}>\n            {copy.footer_title}\n          </Text>\n          <Box sx={{ display: 'flex', gap: 24, p: '12px 24px' }}>\n            <IconButton\n              aria-label={copy.aria_label_thumbs_down}\n              onClick={() => sendResponseAnalytics('no')}\n            >\n              <Icon color=\"secondary\" name=\"thumb_down\" size={24} />\n            </IconButton>\n            <IconButton\n              aria-label={copy.aria_label_thumbs_up}\n              onClick={() => sendResponseAnalytics('yes')}\n            >\n              <Icon color=\"secondary\" name=\"thumb_up\" size={24} />\n            </IconButton>\n          </Box>\n        </Stack>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":"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"}

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsMiniInsight.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscoveredAccountsMiniInsight.es.js","names":[],"sources":["../../../../../src/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsMiniInsight.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  DiscoveredAccountsBody,\n  DiscoveredAccountsBodyProps,\n  MiniInsightCard,\n  MiniInsightsCardProps,\n} from '../..'\n\ninterface DiscoveredAccountsMiniInsightProps\n  extends DiscoveredAccountsBodyProps, MiniInsightsCardProps {}\n\nexport const DiscoveredAccountsMiniInsight: React.FC<DiscoveredAccountsMiniInsightProps> = ({\n  account_1_alt_text,\n  account_2_alt_text,\n  account_guid_1,\n  account_guid_2,\n  beat,\n  height,\n  isSuccess,\n}) => {\n  return (\n    <MiniInsightCard beat={beat} height={height}>\n      <DiscoveredAccountsBody\n        account_1_alt_text={account_1_alt_text}\n        account_2_alt_text={account_2_alt_text}\n        account_guid_1={account_guid_1}\n        account_guid_2={account_guid_2}\n        isSuccess={isSuccess}\n      />\n    </MiniInsightCard>\n  )\n}\n"],"mappings":";;;;AAYA,IAAa,IAAA,CAA+E,EAC1F,oBAAA,GACA,oBAAA,GACA,gBAAA,GACA,gBAAA,GACA,MAAA,GACA,QAAA,GACA,WAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EAAuB,MAAA;AAAA,EAAc,QAAA;AAAA,YACnC,gBAAA,EAAC,GAAD;AAAA,IACsB,oBAAA;AAAA,IACA,oBAAA;AAAA,IACJ,gBAAA;AAAA,IACA,gBAAA;AAAA,IACL,WAAA;AAAA,EACZ,CAAA;AACc,CAAA"}
+{"version":3,"file":"DiscoveredAccountsMiniInsight.es.js","names":[],"sources":["../../../../../src/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsMiniInsight.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  DiscoveredAccountsBody,\n  DiscoveredAccountsBodyProps,\n  MiniInsightCard,\n  MiniInsightsCardProps,\n} from '../..'\n\ninterface DiscoveredAccountsMiniInsightProps\n  extends DiscoveredAccountsBodyProps, MiniInsightsCardProps {}\n\nexport const DiscoveredAccountsMiniInsight: React.FC<DiscoveredAccountsMiniInsightProps> = ({\n  account_1_alt_text,\n  account_2_alt_text,\n  account_guid_1,\n  account_guid_2,\n  beat,\n  height,\n  isSuccess,\n}) => {\n  return (\n    <MiniInsightCard beat={beat} height={height}>\n      <DiscoveredAccountsBody\n        account_1_alt_text={account_1_alt_text}\n        account_2_alt_text={account_2_alt_text}\n        account_guid_1={account_guid_1}\n        account_guid_2={account_guid_2}\n        isSuccess={isSuccess}\n      />\n    </MiniInsightCard>\n  )\n}\n"],"mappings":";;;;AAYA,IAAa,IAAA,CAA+E,EAC1F,oBAAA,GACA,oBAAA,GACA,gBAAA,GACA,gBAAA,GACA,MAAA,GACA,QAAA,GACA,WAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EAAuB,MAAA;AAAA,EAAc,QAAA;AAAA,EACnC,UAAA,gBAAA,EAAC,GAAD;AAAA,IACsB,oBAAA;AAAA,IACA,oBAAA;AAAA,IACJ,gBAAA;AAAA,IACA,gBAAA;AAAA,IACL,WAAA;AAAA,EACZ,CAAA;AACc,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"FederalBankHoliday.es.js","names":[],"sources":["../../../../../src/insights/components/insights/FederalBankHoliday/FederalBankHoliday.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { ReactComponent as NonCibcHolidayImage } from './images/FederalBankHoliday.svg'\nimport { ReactComponent as CibcHolidayImage } from './images/FederalHolidayCibc.svg'\nimport { FederalBankHolidayProps } from './types/FederalBankHoliday'\n\nexport const FederalBankHoliday: React.FC<FederalBankHolidayProps> = ({\n  isCIBC,\n  isMini,\n  ...restProps\n}) => {\n  const image = isCIBC ? CibcHolidayImage : NonCibcHolidayImage\n  const imageStyles = {\n    height: 'auto',\n    marginBottom: 16,\n    width: isMini ? '30%' : '50%',\n  }\n\n  const imageStyle = isCIBC ? { ...imageStyles, width: isMini ? '50%' : '70%' } : imageStyles\n\n  return (\n    <BeatCard {...restProps} isMini={isMini}>\n      <ThemedSVGImage divProps={{ style: imageStyle }} image={image} />\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAyD,EACpE,QAAA,GACA,QAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,IAAQ,IAAS,IAAmB,GACpC,IAAc;AAAA,IAClB,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,OAAO,IAAS,QAAQ;AAAA,EAC1B,GAEM,IAAa,IAAS;AAAA,IAAE,GAAG;AAAA,IAAa,OAAO,IAAS,QAAQ;AAAA,EAAM,IAAI;AAEhF,SACE,gBAAA,EAAC,GAAD;AAAA,IAAU,GAAI;AAAA,IAAmB,QAAA;AAAA,cAC/B,gBAAA,EAAC,GAAD;AAAA,MAAgB,UAAU,EAAE,OAAO,EAAW;AAAA,MAAU,OAAA;AAAA,IAAQ,CAAA;AAAA,EACxD,CAAA;AAEd"}
+{"version":3,"file":"FederalBankHoliday.es.js","names":[],"sources":["../../../../../src/insights/components/insights/FederalBankHoliday/FederalBankHoliday.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { ReactComponent as NonCibcHolidayImage } from './images/FederalBankHoliday.svg'\nimport { ReactComponent as CibcHolidayImage } from './images/FederalHolidayCibc.svg'\nimport { FederalBankHolidayProps } from './types/FederalBankHoliday'\n\nexport const FederalBankHoliday: React.FC<FederalBankHolidayProps> = ({\n  isCIBC,\n  isMini,\n  ...restProps\n}) => {\n  const image = isCIBC ? CibcHolidayImage : NonCibcHolidayImage\n  const imageStyles = {\n    height: 'auto',\n    marginBottom: 16,\n    width: isMini ? '30%' : '50%',\n  }\n\n  const imageStyle = isCIBC ? { ...imageStyles, width: isMini ? '50%' : '70%' } : imageStyles\n\n  return (\n    <BeatCard {...restProps} isMini={isMini}>\n      <ThemedSVGImage divProps={{ style: imageStyle }} image={image} />\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAyD,EACpE,QAAA,GACA,QAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,IAAQ,IAAS,IAAmB,GACpC,IAAc;AAAA,IAClB,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,OAAO,IAAS,QAAQ;AAAA,EAC1B,GAEM,IAAa,IAAS;AAAA,IAAE,GAAG;AAAA,IAAa,OAAO,IAAS,QAAQ;AAAA,EAAM,IAAI;AAEhF,SACE,gBAAA,EAAC,GAAD;AAAA,IAAU,GAAI;AAAA,IAAmB,QAAA;AAAA,IAC/B,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAgB,UAAU,EAAE,OAAO,EAAW;AAAA,MAAU,OAAA;AAAA,IAAQ,CAAA;AAAA,EACxD,CAAA;AAEd"}

package/dist/insights/components/insights/FederalBankHoliday/FederalBankHolidayMUI.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalBankHolidayMUI.es.js","names":[],"sources":["../../../../../src/insights/components/insights/FederalBankHoliday/FederalBankHolidayMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCardMUI } from '../../shared/InsightsCard/BeatCardMUI'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { ReactComponent as NonCibcHolidayImage } from './images/FederalBankHolidayMUI.svg'\nimport { ReactComponent as CibcHolidayImage } from './images/FederalHolidayCibc.svg'\nimport { FederalBankHolidayProps } from './types/FederalBankHoliday'\n\nexport const FederalBankHolidayMUI: React.FC<FederalBankHolidayProps> = ({\n  beat,\n  isCIBC,\n  isMini,\n  ...restProps\n}) => {\n  const image = isCIBC ? CibcHolidayImage : NonCibcHolidayImage\n  const imageStyle = isCIBC ? { width: isMini ? '60%' : '90%' } : { width: 'auto' }\n\n  return (\n    <BeatCardMUI {...restProps} beat={beat} isMini={isMini}>\n      <ThemedSVGImage divProps={{ style: imageStyle }} image={image} />\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAA4D,EACvE,MAAA,GACA,QAAA,GACA,QAAA,GACA,GAAG,EAAA,MAMD,gBAAA,EAAC,GAAD;AAAA,EAAa,GAAI;AAAA,EAAiB,MAAA;AAAA,EAAc,QAAA;AAAA,YAC9C,gBAAA,EAAC,GAAD;AAAA,IAAgB,UAAU,EAAE,OAJb,IAAS,EAAE,OAAO,IAAS,QAAQ,MAAM,IAAI,EAAE,OAAO,OAAO,EAI9B;AAAA,IAAU,OAL9C,IAAS,IAAmB;AAAA,EAK0B,CAAA;AACrD,CAAA"}
+{"version":3,"file":"FederalBankHolidayMUI.es.js","names":[],"sources":["../../../../../src/insights/components/insights/FederalBankHoliday/FederalBankHolidayMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCardMUI } from '../../shared/InsightsCard/BeatCardMUI'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { ReactComponent as NonCibcHolidayImage } from './images/FederalBankHolidayMUI.svg'\nimport { ReactComponent as CibcHolidayImage } from './images/FederalHolidayCibc.svg'\nimport { FederalBankHolidayProps } from './types/FederalBankHoliday'\n\nexport const FederalBankHolidayMUI: React.FC<FederalBankHolidayProps> = ({\n  beat,\n  isCIBC,\n  isMini,\n  ...restProps\n}) => {\n  const image = isCIBC ? CibcHolidayImage : NonCibcHolidayImage\n  const imageStyle = isCIBC ? { width: isMini ? '60%' : '90%' } : { width: 'auto' }\n\n  return (\n    <BeatCardMUI {...restProps} beat={beat} isMini={isMini}>\n      <ThemedSVGImage divProps={{ style: imageStyle }} image={image} />\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAA4D,EACvE,MAAA,GACA,QAAA,GACA,QAAA,GACA,GAAG,EAAA,MAMD,gBAAA,EAAC,GAAD;AAAA,EAAa,GAAI;AAAA,EAAiB,MAAA;AAAA,EAAc,QAAA;AAAA,EAC9C,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAgB,UAAU,EAAE,OAJb,IAAS,EAAE,OAAO,IAAS,QAAQ,MAAM,IAAI,EAAE,OAAO,OAAO,EAI9B;AAAA,IAAU,OAL9C,IAAS,IAAmB;AAAA,EAK0B,CAAA;AACrD,CAAA"}

package/dist/insights/components/insights/MarketingHub/Offer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Offer.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MarketingHub/Offer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { ButtonActionType, CommonBeatProps } from '../../../types/CommonBeat'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { BeatLikeOffer } from './Types'\n\nexport const Offer: React.FC<CommonBeatProps> = ({\n  altLoadingText,\n  beat,\n  buttonProps,\n  header,\n  isMini,\n}) => (\n  <BeatCard\n    altLoadingText={altLoadingText}\n    beat={beat}\n    button={\n      <Stack spacing={10}>\n        {beat.call_to_action && (\n          <InsightButton\n            beat={beat}\n            {...buttonProps}\n            onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n          />\n        )}\n        {beat.supporting_action && (\n          <InsightButton\n            {...buttonProps}\n            beat={beat}\n            onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Secondary)}\n            primary={false}\n          />\n        )}\n      </Stack>\n    }\n    header={header}\n    isMini={isMini}\n  >\n    <Box maxHeight={isMini ? 200 : 'auto'} ml={-16} mr={-16}>\n      <img\n        alt={beat.description}\n        src={(beat as BeatLikeOffer).image_url}\n        style={{ width: '100%', height: isMini ? 200 : 'auto' }}\n      />\n    </Box>\n  </BeatCard>\n)\n"],"mappings":";;;;;;;AAWA,IAAa,IAAA,CAAoC,EAC/C,gBAAA,GACA,MAAA,GACA,aAAA,GACA,QAAA,GACA,QAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EACkB,gBAAA;AAAA,EACV,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAS;AAAA,cAAhB,CACG,EAAK,kBACJ,gBAAA,EAAC,GAAD;AAAA,MACQ,MAAA;AAAA,MACN,GAAI;AAAA,MACJ,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,IACnE,CAAA,GAEF,EAAK,qBACJ,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,CAEE;AAAA;EAED,QAAA;AAAA,EACA,QAAA;AAAA,YAER,gBAAA,EAAC,GAAD;AAAA,IAAK,WAAW,IAAS,MAAM;AAAA,IAAQ,IAAI;AAAA,IAAK,IAAI;AAAA,cAClD,gBAAA,EAAC,OAAD;AAAA,MACE,KAAK,EAAK;AAAA,MACV,KAAM,EAAuB;AAAA,MAC7B,OAAO;AAAA,QAAE,OAAO;AAAA,QAAQ,QAAQ,IAAS,MAAM;AAAA,MAAO;AAAA,IACvD,CAAA;AAAA,EACE,CAAA;AACG,CAAA"}
+{"version":3,"file":"Offer.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MarketingHub/Offer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { ButtonActionType, CommonBeatProps } from '../../../types/CommonBeat'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { BeatLikeOffer } from './Types'\n\nexport const Offer: React.FC<CommonBeatProps> = ({\n  altLoadingText,\n  beat,\n  buttonProps,\n  header,\n  isMini,\n}) => (\n  <BeatCard\n    altLoadingText={altLoadingText}\n    beat={beat}\n    button={\n      <Stack spacing={10}>\n        {beat.call_to_action && (\n          <InsightButton\n            beat={beat}\n            {...buttonProps}\n            onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n          />\n        )}\n        {beat.supporting_action && (\n          <InsightButton\n            {...buttonProps}\n            beat={beat}\n            onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Secondary)}\n            primary={false}\n          />\n        )}\n      </Stack>\n    }\n    header={header}\n    isMini={isMini}\n  >\n    <Box maxHeight={isMini ? 200 : 'auto'} ml={-16} mr={-16}>\n      <img\n        alt={beat.description}\n        src={(beat as BeatLikeOffer).image_url}\n        style={{ width: '100%', height: isMini ? 200 : 'auto' }}\n      />\n    </Box>\n  </BeatCard>\n)\n"],"mappings":";;;;;;;AAWA,IAAa,IAAA,CAAoC,EAC/C,gBAAA,GACA,MAAA,GACA,aAAA,GACA,QAAA,GACA,QAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EACkB,gBAAA;AAAA,EACV,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAS;AAAA,IAAhB,UAAA,CACG,EAAK,kBACJ,gBAAA,EAAC,GAAD;AAAA,MACQ,MAAA;AAAA,MACN,GAAI;AAAA,MACJ,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,IACnE,CAAA,GAEF,EAAK,qBACJ,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,CAEE;AAAA;EAED,QAAA;AAAA,EACA,QAAA;AAAA,EAER,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAK,WAAW,IAAS,MAAM;AAAA,IAAQ,IAAI;AAAA,IAAK,IAAI;AAAA,IAClD,UAAA,gBAAA,EAAC,OAAD;AAAA,MACE,KAAK,EAAK;AAAA,MACV,KAAM,EAAuB;AAAA,MAC7B,OAAO;AAAA,QAAE,OAAO;AAAA,QAAQ,QAAQ,IAAS,MAAM;AAAA,MAAO;AAAA,IACvD,CAAA;AAAA,EACE,CAAA;AACG,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MonthlyDebtToIncomeComparisonV2.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyDebtToIncomeComparisonV2/MonthlyDebtToIncomeComparisonV2.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { DoubleBarChart } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { MonthlyDebtToIncomeComparisonV2Props } from './types'\n\nexport const MonthlyDebtToIncomeComparisonV2: React.FC<MonthlyDebtToIncomeComparisonV2Props> = ({\n  beat,\n  buttonProps,\n  colors,\n  data,\n  legendLabelComparison,\n  legendLabelMain,\n  onBarClick,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      beat={beat}\n      button={\n        data.length ? (\n          <Stack>\n            <InsightButton {...buttonProps} beat={beat} />\n          </Stack>\n        ) : null\n      }\n      {...restProps}\n    >\n      {data.length ? (\n        <DoubleBarChart\n          colors={colors}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelComparison={legendLabelComparison}\n          legendLabelMain={legendLabelMain}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 24,\n          }}\n          onBarClick={onBarClick}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAmF,EAC9F,MAAA,GACA,aAAA,GACA,QAAA,GACA,MAAA,GACA,uBAAA,GACA,iBAAA,GACA,YAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACQ,MAAA;AAAA,EACN,QACE,EAAK,SACH,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA,EACxC,CAAA,IACL;AAAA,EAEN,GAAI;AAAA,YAEH,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACF,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACK,uBAAA;AAAA,IACN,iBAAA;AAAA,IACjB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACY,YAAA;AAAA,EACb,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEV,CAAA"}
+{"version":3,"file":"MonthlyDebtToIncomeComparisonV2.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyDebtToIncomeComparisonV2/MonthlyDebtToIncomeComparisonV2.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { DoubleBarChart } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { MonthlyDebtToIncomeComparisonV2Props } from './types'\n\nexport const MonthlyDebtToIncomeComparisonV2: React.FC<MonthlyDebtToIncomeComparisonV2Props> = ({\n  beat,\n  buttonProps,\n  colors,\n  data,\n  legendLabelComparison,\n  legendLabelMain,\n  onBarClick,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      beat={beat}\n      button={\n        data.length ? (\n          <Stack>\n            <InsightButton {...buttonProps} beat={beat} />\n          </Stack>\n        ) : null\n      }\n      {...restProps}\n    >\n      {data.length ? (\n        <DoubleBarChart\n          colors={colors}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelComparison={legendLabelComparison}\n          legendLabelMain={legendLabelMain}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 24,\n          }}\n          onBarClick={onBarClick}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAmF,EAC9F,MAAA,GACA,aAAA,GACA,QAAA,GACA,MAAA,GACA,uBAAA,GACA,iBAAA,GACA,YAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACQ,MAAA;AAAA,EACN,QACE,EAAK,SACH,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA,EACxC,CAAA,IACL;AAAA,EAEN,GAAI;AAAA,EAEH,UAAA,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACF,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACK,uBAAA;AAAA,IACN,iBAAA;AAAA,IACjB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACY,YAAA;AAAA,EACb,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEV,CAAA"}

package/dist/insights/components/insights/MonthlyEmergencyFundReview/LastMonthsContributionSection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LastMonthsContributionSection.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyEmergencyFundReview/LastMonthsContributionSection.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\ninterface ComponentProps {\n  goalContribution: string\n}\n\nexport const LastMonthsContributionSection: React.FC<ComponentProps> = ({ goalContribution }) => {\n  return (\n    <Stack\n      data-ui-test=\"mefr-body-contributed\"\n      sx={{\n        alignItems: 'center',\n        flexDirection: 'row',\n        mb: 8,\n        size: 13,\n      }}\n    >\n      <Icon color=\"secondary\" fill={true} name=\"bid_landscape\" sx={{ mr: 4 }} />\n      <Text\n        dangerouslySetInnerHTML={{ __html: goalContribution }}\n        data-ui-test=\"mefr-contributed-text\"\n        sx={{ fontSize: 13 }}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,IAAA,CAA2D,EAAE,kBAAA,EAAA,MAEtE,gBAAA,EAAC,GAAD;AAAA,EACE,gBAAa;AAAA,EACb,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,YAPF,CASE,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAY,MAAM;AAAA,IAAM,MAAK;AAAA,IAAgB,IAAI,EAAE,IAAI,EAAE;AAAA,EAAI,CAAA,GACzE,gBAAA,EAAC,GAAD;AAAA,IACE,yBAAyB,EAAE,QAAQ,EAAiB;AAAA,IACpD,gBAAa;AAAA,IACb,IAAI,EAAE,UAAU,GAAG;AAAA,EACpB,CAAA,CACI"}
+{"version":3,"file":"LastMonthsContributionSection.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyEmergencyFundReview/LastMonthsContributionSection.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\ninterface ComponentProps {\n  goalContribution: string\n}\n\nexport const LastMonthsContributionSection: React.FC<ComponentProps> = ({ goalContribution }) => {\n  return (\n    <Stack\n      data-ui-test=\"mefr-body-contributed\"\n      sx={{\n        alignItems: 'center',\n        flexDirection: 'row',\n        mb: 8,\n        size: 13,\n      }}\n    >\n      <Icon color=\"secondary\" fill={true} name=\"bid_landscape\" sx={{ mr: 4 }} />\n      <Text\n        dangerouslySetInnerHTML={{ __html: goalContribution }}\n        data-ui-test=\"mefr-contributed-text\"\n        sx={{ fontSize: 13 }}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,IAAA,CAA2D,EAAE,kBAAA,EAAA,MAEtE,gBAAA,EAAC,GAAD;AAAA,EACE,gBAAa;AAAA,EACb,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAY,MAAM;AAAA,IAAM,MAAK;AAAA,IAAgB,IAAI,EAAE,IAAI,EAAE;AAAA,EAAI,CAAA,GACzE,gBAAA,EAAC,GAAD;AAAA,IACE,yBAAyB,EAAE,QAAQ,EAAiB;AAAA,IACpD,gBAAa;AAAA,IACb,IAAI,EAAE,UAAU,GAAG;AAAA,EACpB,CAAA,CACI"}

package/dist/insights/components/insights/MonthlyEmergencyFundReview/MonthlyEmergencyFundReviewBody.es.js

@@ -1,42 +1,45 @@
-import { PulseGoalProgress as l } from "../../shared/GoalProgress.es.js";
-import { PulseGraidentBox as p } from "../../shared/GradientBox.es.js";
-import { LastMonthsContributionSection as g } from "./LastMonthsContributionSection.es.js";
-import { ProjectedCompletionSection as h } from "./ProjectedCompletionSection.es.js";
-import { TotalSavedSection as x } from "./TotalSection.es.js";
+import { PulseGoalProgress as p } from "../../shared/GoalProgress.es.js";
+import { PulseGraidentBox as g } from "../../shared/GradientBox.es.js";
+import { LastMonthsContributionSection as h } from "./LastMonthsContributionSection.es.js";
+import { ProjectedCompletionSection as x } from "./ProjectedCompletionSection.es.js";
+import { TotalSavedSection as y } from "./TotalSection.es.js";
 import "react";
-import { createMXTheme as y } from "@mxenabled/mxui";
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { ThemeProvider as u } from "@mui/material/styles";
+import { createMXTheme as u } from "@mxenabled/mxui";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { ThemeProvider as P } from "@mui/material/styles";
 import t from "@mui/material/Box";
-var C = ({ goalCompletionDate: m = "", goalContribution: i = "", isDarkMode: n, payload: a, percentageCompleteText: s, showGoalContributedLastMonth: r, showProjectedToCompleteDate: c, title: d, totalSavedText: f }) => /* @__PURE__ */ e(u, {
-  theme: y(n ? "dark" : "light"),
-  children: /* @__PURE__ */ e(t, {
-    className: "mx-insights-mefr-body",
-    "data-ui-test": "mefr-body",
-    sx: { mb: 16 },
-    children: /* @__PURE__ */ o(p, {
-      title: d,
-      children: [/* @__PURE__ */ e(l, {
-        goalPercentage: a.goal_percentage,
-        percentageCompleteText: s
-      }), /* @__PURE__ */ o(t, {
-        className: "mx-insights-mefr-body-content",
-        "data-ui-test": "mefr-body-content",
-        sx: { marginTop: 8 },
-        children: [
-          !!c && /* @__PURE__ */ e(h, { goalCompletionDate: m }),
-          !!r && /* @__PURE__ */ e(g, { goalContribution: i }),
-          /* @__PURE__ */ e(x, {
-            showGoalContributedLastMonth: r,
-            totalSavedText: f
-          })
-        ]
-      })]
+var E = ({ goalCompletionDate: m = "", goalContribution: i = "", isDarkMode: n, payload: a, percentageCompleteText: s, showGoalContributedLastMonth: o, showProjectedToCompleteDate: c, title: d, totalSavedText: f }) => {
+  const l = u(n ? "dark" : "light");
+  return /* @__PURE__ */ e(P, {
+    theme: l,
+    children: /* @__PURE__ */ e(t, {
+      className: "mx-insights-mefr-body",
+      "data-ui-test": "mefr-body",
+      sx: { mb: 16 },
+      children: /* @__PURE__ */ r(g, {
+        title: d,
+        children: [/* @__PURE__ */ e(p, {
+          goalPercentage: a.goal_percentage,
+          percentageCompleteText: s
+        }), /* @__PURE__ */ r(t, {
+          className: "mx-insights-mefr-body-content",
+          "data-ui-test": "mefr-body-content",
+          sx: { marginTop: 8 },
+          children: [
+            !!c && /* @__PURE__ */ e(x, { goalCompletionDate: m }),
+            !!o && /* @__PURE__ */ e(h, { goalContribution: i }),
+            /* @__PURE__ */ e(y, {
+              showGoalContributedLastMonth: o,
+              totalSavedText: f
+            })
+          ]
+        })]
+      })
     })
-  })
-});
+  });
+};
 export {
-  C as MonthlyEmergencyFundReviewBody
+  E as MonthlyEmergencyFundReviewBody
 };
 
 //# sourceMappingURL=MonthlyEmergencyFundReviewBody.es.js.map

package/dist/insights/components/insights/MonthlyEmergencyFundReview/MonthlyEmergencyFundReviewBody.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthlyEmergencyFundReviewBody.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyEmergencyFundReview/MonthlyEmergencyFundReviewBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { createMXTheme } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport { ThemeProvider } from '@mui/material/styles'\n\nimport { PulseGoalProgress, PulseGraidentBox } from '../..'\n\nimport { LastMonthsContributionSection, ProjectedCompletionSection, TotalSavedSection } from '.'\n\ninterface payload {\n  goal_contributed: number\n  goal_contributed_last_month: number\n  goal_percentage: number\n  goal_total: number\n  is_goal_completed: boolean\n}\n\ninterface BodyProps {\n  goalCompletionDate: string\n  goalContribution: string\n  isDarkMode?: boolean\n  payload: payload\n  percentageCompleteText: string\n  showGoalContributedLastMonth: boolean\n  showProjectedToCompleteDate: boolean\n  title: string\n  totalSavedText: string\n}\n\nexport const MonthlyEmergencyFundReviewBody: React.FC<BodyProps> = ({\n  goalCompletionDate = '',\n  goalContribution = '',\n  isDarkMode,\n  payload,\n  percentageCompleteText,\n  showGoalContributedLastMonth,\n  showProjectedToCompleteDate,\n  title,\n  totalSavedText,\n}) => {\n  const theme = createMXTheme(isDarkMode ? 'dark' : 'light')\n\n  return (\n    <ThemeProvider theme={theme}>\n      <Box className=\"mx-insights-mefr-body\" data-ui-test=\"mefr-body\" sx={{ mb: 16 }}>\n        <PulseGraidentBox title={title}>\n          <PulseGoalProgress\n            goalPercentage={payload.goal_percentage}\n            percentageCompleteText={percentageCompleteText}\n          />\n\n          <Box\n            className=\"mx-insights-mefr-body-content\"\n            data-ui-test=\"mefr-body-content\"\n            sx={{ marginTop: 8 }}\n          >\n            {!!showProjectedToCompleteDate && (\n              <ProjectedCompletionSection goalCompletionDate={goalCompletionDate} />\n            )}\n\n            {!!showGoalContributedLastMonth && (\n              <LastMonthsContributionSection goalContribution={goalContribution} />\n            )}\n\n            <TotalSavedSection\n              showGoalContributedLastMonth={showGoalContributedLastMonth}\n              totalSavedText={totalSavedText}\n            />\n          </Box>\n        </PulseGraidentBox>\n      </Box>\n    </ThemeProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;AA+BA,IAAa,IAAA,CAAuD,EAClE,oBAAA,IAAqB,IACrB,kBAAA,IAAmB,IACnB,YAAA,GACA,SAAA,GACA,wBAAA,GACA,8BAAA,GACA,6BAAA,GACA,OAAA,GACA,gBAAA,EAAA,MAKE,gBAAA,EAAC,GAAD;AAAA,EAAsB,OAHV,EAAc,IAAa,SAAS,OAG1B;AAAA,YACpB,gBAAA,EAAC,GAAD;AAAA,IAAK,WAAU;AAAA,IAAwB,gBAAa;AAAA,IAAY,IAAI,EAAE,IAAI,GAAG;AAAA,cAC3E,gBAAA,EAAC,GAAD;AAAA,MAAyB,OAAA;AAAA,gBAAzB,CACE,gBAAA,EAAC,GAAD;AAAA,QACE,gBAAgB,EAAQ;AAAA,QACA,wBAAA;AAAA,MACzB,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,QACE,WAAU;AAAA,QACV,gBAAa;AAAA,QACb,IAAI,EAAE,WAAW,EAAE;AAAA,kBAHrB;AAAA,UAKG,CAAC,CAAC,KACD,gBAAA,EAAC,GAAD,EAAgD,oBAAA,EAAqB,CAAA;AAAA,UAGtE,CAAC,CAAC,KACD,gBAAA,EAAC,GAAD,EAAiD,kBAAA,EAAmB,CAAA;AAAA,UAGtE,gBAAA,EAAC,GAAD;AAAA,YACgC,8BAAA;AAAA,YACd,gBAAA;AAAA,UACjB,CAAA;AAAA,QACE;AAAA,QACW;AAAA;EACf,CAAA;AACQ,CAAA"}
+{"version":3,"file":"MonthlyEmergencyFundReviewBody.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyEmergencyFundReview/MonthlyEmergencyFundReviewBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { createMXTheme } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport { ThemeProvider } from '@mui/material/styles'\n\nimport { PulseGoalProgress, PulseGraidentBox } from '../..'\n\nimport { LastMonthsContributionSection, ProjectedCompletionSection, TotalSavedSection } from '.'\n\ninterface payload {\n  goal_contributed: number\n  goal_contributed_last_month: number\n  goal_percentage: number\n  goal_total: number\n  is_goal_completed: boolean\n}\n\ninterface BodyProps {\n  goalCompletionDate: string\n  goalContribution: string\n  isDarkMode?: boolean\n  payload: payload\n  percentageCompleteText: string\n  showGoalContributedLastMonth: boolean\n  showProjectedToCompleteDate: boolean\n  title: string\n  totalSavedText: string\n}\n\nexport const MonthlyEmergencyFundReviewBody: React.FC<BodyProps> = ({\n  goalCompletionDate = '',\n  goalContribution = '',\n  isDarkMode,\n  payload,\n  percentageCompleteText,\n  showGoalContributedLastMonth,\n  showProjectedToCompleteDate,\n  title,\n  totalSavedText,\n}) => {\n  const theme = createMXTheme(isDarkMode ? 'dark' : 'light')\n\n  return (\n    <ThemeProvider theme={theme}>\n      <Box className=\"mx-insights-mefr-body\" data-ui-test=\"mefr-body\" sx={{ mb: 16 }}>\n        <PulseGraidentBox title={title}>\n          <PulseGoalProgress\n            goalPercentage={payload.goal_percentage}\n            percentageCompleteText={percentageCompleteText}\n          />\n\n          <Box\n            className=\"mx-insights-mefr-body-content\"\n            data-ui-test=\"mefr-body-content\"\n            sx={{ marginTop: 8 }}\n          >\n            {!!showProjectedToCompleteDate && (\n              <ProjectedCompletionSection goalCompletionDate={goalCompletionDate} />\n            )}\n\n            {!!showGoalContributedLastMonth && (\n              <LastMonthsContributionSection goalContribution={goalContribution} />\n            )}\n\n            <TotalSavedSection\n              showGoalContributedLastMonth={showGoalContributedLastMonth}\n              totalSavedText={totalSavedText}\n            />\n          </Box>\n        </PulseGraidentBox>\n      </Box>\n    </ThemeProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;AA+BA,IAAa,IAAA,CAAuD,EAClE,oBAAA,IAAqB,IACrB,kBAAA,IAAmB,IACnB,YAAA,GACA,SAAA,GACA,wBAAA,GACA,8BAAA,GACA,6BAAA,GACA,OAAA,GACA,gBAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAc,IAAa,SAAS,OAAO;AAEzD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAsB,OAAA;AAAA,IACpB,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAK,WAAU;AAAA,MAAwB,gBAAa;AAAA,MAAY,IAAI,EAAE,IAAI,GAAG;AAAA,MAC3E,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAyB,OAAA;AAAA,QAAzB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,gBAAgB,EAAQ;AAAA,UACA,wBAAA;AAAA,QACzB,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,UACE,WAAU;AAAA,UACV,gBAAa;AAAA,UACb,IAAI,EAAE,WAAW,EAAE;AAAA,UAHrB,UAAA;AAAA,YAKG,CAAC,CAAC,KACD,gBAAA,EAAC,GAAD,EAAgD,oBAAA,EAAqB,CAAA;AAAA,YAGtE,CAAC,CAAC,KACD,gBAAA,EAAC,GAAD,EAAiD,kBAAA,EAAmB,CAAA;AAAA,YAGtE,gBAAA,EAAC,GAAD;AAAA,cACgC,8BAAA;AAAA,cACd,gBAAA;AAAA,YACjB,CAAA;AAAA,UACE;AAAA,QACW,CAAA,CAAA;AAAA;IACf,CAAA;AAAA,EACQ,CAAA;AAEnB"}

package/dist/insights/components/insights/MonthlyEmergencyFundReview/ProjectedCompletionSection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectedCompletionSection.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyEmergencyFundReview/ProjectedCompletionSection.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\ninterface ComponentProps {\n  goalCompletionDate: string\n}\n\nexport const ProjectedCompletionSection: React.FC<ComponentProps> = ({ goalCompletionDate }) => {\n  return (\n    <Stack\n      data-ui-test=\"mefr-body-projected\"\n      sx={{\n        alignItems: 'center',\n        flexDirection: 'row',\n        mb: 8,\n        size: 13,\n      }}\n    >\n      <Icon name=\"calendar_month\" sx={{ mr: 4 }} />\n      <Text\n        dangerouslySetInnerHTML={{ __html: goalCompletionDate }}\n        data-ui-test=\"mefr-projected-text\"\n        sx={{ fontSize: 13 }}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,IAAA,CAAwD,EAAE,oBAAA,EAAA,MAEnE,gBAAA,EAAC,GAAD;AAAA,EACE,gBAAa;AAAA,EACb,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,YAPF,CASE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAK;AAAA,IAAiB,IAAI,EAAE,IAAI,EAAE;AAAA,EAAI,CAAA,GAC5C,gBAAA,EAAC,GAAD;AAAA,IACE,yBAAyB,EAAE,QAAQ,EAAmB;AAAA,IACtD,gBAAa;AAAA,IACb,IAAI,EAAE,UAAU,GAAG;AAAA,EACpB,CAAA,CACI"}
+{"version":3,"file":"ProjectedCompletionSection.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyEmergencyFundReview/ProjectedCompletionSection.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\ninterface ComponentProps {\n  goalCompletionDate: string\n}\n\nexport const ProjectedCompletionSection: React.FC<ComponentProps> = ({ goalCompletionDate }) => {\n  return (\n    <Stack\n      data-ui-test=\"mefr-body-projected\"\n      sx={{\n        alignItems: 'center',\n        flexDirection: 'row',\n        mb: 8,\n        size: 13,\n      }}\n    >\n      <Icon name=\"calendar_month\" sx={{ mr: 4 }} />\n      <Text\n        dangerouslySetInnerHTML={{ __html: goalCompletionDate }}\n        data-ui-test=\"mefr-projected-text\"\n        sx={{ fontSize: 13 }}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,IAAA,CAAwD,EAAE,oBAAA,EAAA,MAEnE,gBAAA,EAAC,GAAD;AAAA,EACE,gBAAa;AAAA,EACb,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAK;AAAA,IAAiB,IAAI,EAAE,IAAI,EAAE;AAAA,EAAI,CAAA,GAC5C,gBAAA,EAAC,GAAD;AAAA,IACE,yBAAyB,EAAE,QAAQ,EAAmB;AAAA,IACtD,gBAAa;AAAA,IACb,IAAI,EAAE,UAAU,GAAG;AAAA,EACpB,CAAA,CACI"}

package/dist/insights/components/insights/MonthlyEmergencyFundReview/TotalSection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TotalSection.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyEmergencyFundReview/TotalSection.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\ninterface ComponentProps {\n  showGoalContributedLastMonth: boolean\n  totalSavedText: string\n}\n\nexport const TotalSavedSection: React.FC<ComponentProps> = ({\n  showGoalContributedLastMonth,\n  totalSavedText,\n}) => {\n  return (\n    <Stack\n      data-ui-test=\"mefr-body-saved\"\n      sx={{\n        alignItems: 'center',\n        flexDirection: 'row',\n        mb: showGoalContributedLastMonth ? 8 : 0,\n        size: 13,\n      }}\n    >\n      <Icon name=\"paid\" sx={{ mr: 4 }} />\n      <Text\n        className=\"mx-insights-mefr-saved-text\"\n        dangerouslySetInnerHTML={{ __html: totalSavedText }}\n        data-ui-test=\"mefr-saved-text\"\n        sx={{ fontSize: 13 }}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,IAAA,CAA+C,EAC1D,8BAAA,GACA,gBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,gBAAa;AAAA,EACb,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,IAAI,IAA+B,IAAI;AAAA,IACvC,MAAM;AAAA,EACR;AAAA,YAPF,CASE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAK;AAAA,IAAO,IAAI,EAAE,IAAI,EAAE;AAAA,EAAI,CAAA,GAClC,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,yBAAyB,EAAE,QAAQ,EAAe;AAAA,IAClD,gBAAa;AAAA,IACb,IAAI,EAAE,UAAU,GAAG;AAAA,EACpB,CAAA,CACI"}
+{"version":3,"file":"TotalSection.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlyEmergencyFundReview/TotalSection.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\ninterface ComponentProps {\n  showGoalContributedLastMonth: boolean\n  totalSavedText: string\n}\n\nexport const TotalSavedSection: React.FC<ComponentProps> = ({\n  showGoalContributedLastMonth,\n  totalSavedText,\n}) => {\n  return (\n    <Stack\n      data-ui-test=\"mefr-body-saved\"\n      sx={{\n        alignItems: 'center',\n        flexDirection: 'row',\n        mb: showGoalContributedLastMonth ? 8 : 0,\n        size: 13,\n      }}\n    >\n      <Icon name=\"paid\" sx={{ mr: 4 }} />\n      <Text\n        className=\"mx-insights-mefr-saved-text\"\n        dangerouslySetInnerHTML={{ __html: totalSavedText }}\n        data-ui-test=\"mefr-saved-text\"\n        sx={{ fontSize: 13 }}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,IAAA,CAA+C,EAC1D,8BAAA,GACA,gBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,gBAAa;AAAA,EACb,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,IAAI,IAA+B,IAAI;AAAA,IACvC,MAAM;AAAA,EACR;AAAA,EAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAK;AAAA,IAAO,IAAI,EAAE,IAAI,EAAE;AAAA,EAAI,CAAA,GAClC,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,yBAAyB,EAAE,QAAQ,EAAe;AAAA,IAClD,gBAAa;AAAA,IACb,IAAI,EAAE,UAAU,GAAG;AAAA,EACpB,CAAA,CACI"}

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

@@ -1 +1 @@
-{"version":3,"file":"MonthlySavingsToIncomeComparison.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlySavingsToIncomeComparison/MonthlySavingsToIncomeComparison.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { DoubleBarChart } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { MonthlySavingsToIncomeComparisonProps } from './types'\n\nexport const MonthlySavingsToIncomeComparison: React.FC<MonthlySavingsToIncomeComparisonProps> = ({\n  beat,\n  buttonProps,\n  colors,\n  data,\n  legendLabelComparison,\n  legendLabelMain,\n  onBarClick,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      beat={beat}\n      button={\n        data.length ? (\n          <Stack>\n            <InsightButton {...buttonProps} beat={beat} />\n          </Stack>\n        ) : null\n      }\n      {...restProps}\n    >\n      {data.length ? (\n        <DoubleBarChart\n          colors={colors}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelComparison={legendLabelComparison}\n          legendLabelMain={legendLabelMain}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 24,\n          }}\n          onBarClick={onBarClick}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAqF,EAChG,MAAA,GACA,aAAA,GACA,QAAA,GACA,MAAA,GACA,uBAAA,GACA,iBAAA,GACA,YAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACQ,MAAA;AAAA,EACN,QACE,EAAK,SACH,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA,EACxC,CAAA,IACL;AAAA,EAEN,GAAI;AAAA,YAEH,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACF,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACK,uBAAA;AAAA,IACN,iBAAA;AAAA,IACjB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACY,YAAA;AAAA,EACb,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEV,CAAA"}
+{"version":3,"file":"MonthlySavingsToIncomeComparison.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlySavingsToIncomeComparison/MonthlySavingsToIncomeComparison.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { DoubleBarChart } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { MonthlySavingsToIncomeComparisonProps } from './types'\n\nexport const MonthlySavingsToIncomeComparison: React.FC<MonthlySavingsToIncomeComparisonProps> = ({\n  beat,\n  buttonProps,\n  colors,\n  data,\n  legendLabelComparison,\n  legendLabelMain,\n  onBarClick,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      beat={beat}\n      button={\n        data.length ? (\n          <Stack>\n            <InsightButton {...buttonProps} beat={beat} />\n          </Stack>\n        ) : null\n      }\n      {...restProps}\n    >\n      {data.length ? (\n        <DoubleBarChart\n          colors={colors}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelComparison={legendLabelComparison}\n          legendLabelMain={legendLabelMain}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 24,\n          }}\n          onBarClick={onBarClick}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAqF,EAChG,MAAA,GACA,aAAA,GACA,QAAA,GACA,MAAA,GACA,uBAAA,GACA,iBAAA,GACA,YAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACQ,MAAA;AAAA,EACN,QACE,EAAK,SACH,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA,EACxC,CAAA,IACL;AAAA,EAEN,GAAI;AAAA,EAEH,UAAA,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACF,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACK,uBAAA;AAAA,IACN,iBAAA;AAAA,IACjB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACY,YAAA;AAAA,EACb,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEV,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MonthlySpendToIncomeComparisonV2.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlySpendToIncomeComparisonV2/MonthlySpendToIncomeComparisonV2.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { DoubleBarChart } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { MonthlySpendToIncomeComparisonV2Props } from './types'\n\nexport const MonthlySpendToIncomeComparisonV2: React.FC<MonthlySpendToIncomeComparisonV2Props> = ({\n  beat,\n  buttonProps,\n  colors,\n  data,\n  legendLabelComparison,\n  legendLabelMain,\n  onBarClick,\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 {...buttonProps} beat={beat} />\n          </Stack>\n        ) : null\n      }\n    >\n      {data.length ? (\n        <DoubleBarChart\n          colors={colors}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelComparison={legendLabelComparison}\n          legendLabelMain={legendLabelMain}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 24,\n          }}\n          onBarClick={onBarClick}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAqF,EAChG,MAAA,GACA,aAAA,GACA,QAAA,GACA,MAAA,GACA,uBAAA,GACA,iBAAA,GACA,YAAA,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,cAC9B,gBAAA,EAAC,GAAD;AAAA,MAAe,GAAI;AAAA,MAAmB,MAAA;AAAA,IAAO,CAAA;AAAA,EACxC,CAAA,IACL;AAAA,YAGL,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACF,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACK,uBAAA;AAAA,IACN,iBAAA;AAAA,IACjB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACY,YAAA;AAAA,EACb,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEV,CAAA"}
+{"version":3,"file":"MonthlySpendToIncomeComparisonV2.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlySpendToIncomeComparisonV2/MonthlySpendToIncomeComparisonV2.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { DoubleBarChart } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { MonthlySpendToIncomeComparisonV2Props } from './types'\n\nexport const MonthlySpendToIncomeComparisonV2: React.FC<MonthlySpendToIncomeComparisonV2Props> = ({\n  beat,\n  buttonProps,\n  colors,\n  data,\n  legendLabelComparison,\n  legendLabelMain,\n  onBarClick,\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 {...buttonProps} beat={beat} />\n          </Stack>\n        ) : null\n      }\n    >\n      {data.length ? (\n        <DoubleBarChart\n          colors={colors}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelComparison={legendLabelComparison}\n          legendLabelMain={legendLabelMain}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 24,\n          }}\n          onBarClick={onBarClick}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,IAAA,CAAqF,EAChG,MAAA,GACA,aAAA,GACA,QAAA,GACA,MAAA,GACA,uBAAA,GACA,iBAAA,GACA,YAAA,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,IAC9B,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAe,GAAI;AAAA,MAAmB,MAAA;AAAA,IAAO,CAAA;AAAA,EACxC,CAAA,IACL;AAAA,EAGL,UAAA,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACF,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACK,uBAAA;AAAA,IACN,iBAAA;AAAA,IACjB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACY,YAAA;AAAA,EACb,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEV,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MonthlySpendingComparisonV2.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlySpendingComparisonV2/MonthlySpendingComparisonV2.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 { MonthlySpendingComparisonV2Props } from './types/MonthlySpendComparisonV2'\n\nexport const MonthlySpendingComparisonV2: React.FC<MonthlySpendingComparisonV2Props> = ({\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,CAA2E,EACtF,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":"MonthlySpendingComparisonV2.es.js","names":[],"sources":["../../../../../src/insights/components/insights/MonthlySpendingComparisonV2/MonthlySpendingComparisonV2.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 { MonthlySpendingComparisonV2Props } from './types/MonthlySpendComparisonV2'\n\nexport const MonthlySpendingComparisonV2: React.FC<MonthlySpendingComparisonV2Props> = ({\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,CAA2E,EACtF,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/P2pCategorization/P2pCategorization.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"P2pCategorization.es.js","names":[],"sources":["../../../../../src/insights/components/insights/P2pCategorization/P2pCategorization.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCard, InsightButton } from '../..'\n\nimport {\n  P2pCategorizationProps,\n  P2pCategorizationSingleTransaction,\n  P2pCategorizationMultipleTransactions,\n} from '.'\n\nexport const P2pCategorization: React.FC<P2pCategorizationProps> = ({\n  beat,\n  buttonProps,\n  transactions,\n  ...restProps\n}) => (\n  <BeatCard\n    {...restProps}\n    beat={beat}\n    button={beat.call_to_action && <InsightButton {...buttonProps} beat={beat} />}\n  >\n    {transactions.length > 1 ? (\n      <P2pCategorizationMultipleTransactions\n        key={`multiple-transactions-${beat.template}`}\n        transactions={transactions}\n      />\n    ) : (\n      <P2pCategorizationSingleTransaction {...transactions[0]} />\n    )}\n  </BeatCard>\n)\n"],"mappings":";;;;;;AAUA,IAAa,IAAA,CAAuD,EAClE,MAAA,GACA,aAAA,GACA,cAAA,GACA,GAAG,EAAA,MAEH,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QAAQ,EAAK,kBAAkB,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA;AAAA,YAE3E,EAAa,SAAS,IACrB,gBAAA,EAAC,GAAD,EAEgB,cAAA,EACf,GAFM,yBAAyB,EAAK,QAAA,EAEpC,IAED,gBAAA,EAAC,GAAD,EAAoC,GAAI,EAAa,CAAA,EAAK,CAAA;AAEpD,CAAA"}
+{"version":3,"file":"P2pCategorization.es.js","names":[],"sources":["../../../../../src/insights/components/insights/P2pCategorization/P2pCategorization.tsx"],"sourcesContent":["import React from 'react'\n\nimport { BeatCard, InsightButton } from '../..'\n\nimport {\n  P2pCategorizationProps,\n  P2pCategorizationSingleTransaction,\n  P2pCategorizationMultipleTransactions,\n} from '.'\n\nexport const P2pCategorization: React.FC<P2pCategorizationProps> = ({\n  beat,\n  buttonProps,\n  transactions,\n  ...restProps\n}) => (\n  <BeatCard\n    {...restProps}\n    beat={beat}\n    button={beat.call_to_action && <InsightButton {...buttonProps} beat={beat} />}\n  >\n    {transactions.length > 1 ? (\n      <P2pCategorizationMultipleTransactions\n        key={`multiple-transactions-${beat.template}`}\n        transactions={transactions}\n      />\n    ) : (\n      <P2pCategorizationSingleTransaction {...transactions[0]} />\n    )}\n  </BeatCard>\n)\n"],"mappings":";;;;;;AAUA,IAAa,IAAA,CAAuD,EAClE,MAAA,GACA,aAAA,GACA,cAAA,GACA,GAAG,EAAA,MAEH,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QAAQ,EAAK,kBAAkB,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAmB,MAAA;AAAA,EAAO,CAAA;AAAA,EAE3E,UAAA,EAAa,SAAS,IACrB,gBAAA,EAAC,GAAD,EAEgB,cAAA,EACf,GAFM,yBAAyB,EAAK,QAAA,EAEpC,IAED,gBAAA,EAAC,GAAD,EAAoC,GAAI,EAAa,CAAA,EAAK,CAAA;AAEpD,CAAA"}

package/dist/insights/components/insights/P2pCategorization/shared/P2pCategorizationMultipleTransactions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"P2pCategorizationMultipleTransactions.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/P2pCategorization/shared/P2pCategorizationMultipleTransactions.tsx"],"sourcesContent":["/* eslint-disable consistent-return */\n\nimport React from 'react'\n\nimport { MerchantLogo, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\nimport { P2pCategorizationMultipleTransactionsProps } from '..'\n\nexport const P2pCategorizationMultipleTransactions: React.FC<\n  P2pCategorizationMultipleTransactionsProps\n> = ({ transactions }) => {\n  const logoSize = 48\n  const ICON_OVERLAP_X = (i: number) => {\n    if (i === 0) {\n      return 2\n    } else {\n      return i * (logoSize - 2)\n    }\n  }\n\n  const ICON_OVERLAP_Y = (i: number) => {\n    switch (i) {\n      case 0:\n        return 2\n      case 1:\n        return 8\n      case 2:\n        return 14\n      default:\n        return 20\n    }\n  }\n\n  // The container width function helps center the content. Without it the absolute positioned box has a width of 0 causing the content to be offset.\n  const containerWidth = () => {\n    const length = transactions.length > 4 ? 4 : transactions.length // Max number of merchantLogos, categoryIcons, and count box is 4\n\n    return length * logoSize - length * 2\n  }\n\n  const displayCount = transactions.length - 3\n\n  return (\n    <Box\n      sx={{\n        bgcolor: 'background.highlight',\n        display: 'flex',\n        justifyContent: 'center',\n        height: 106,\n        width: '100%',\n        py: 18,\n        position: 'relative',\n      }}\n    >\n      <Box\n        sx={{\n          position: 'absolute',\n          width: containerWidth(),\n        }}\n      >\n        {transactions.map((transaction, i) => {\n          if (i < 3)\n            return (\n              <Box\n                key={transaction.guid}\n                sx={{\n                  border: `2px solid`,\n                  borderColor: 'common.white',\n                  borderRadius: '6px',\n                  color: 'common.white',\n                  top: ICON_OVERLAP_Y(i),\n                  left: ICON_OVERLAP_X(i),\n                  position: 'absolute',\n                }}\n              >\n                <MerchantLogo\n                  alt={transaction.feedDescription}\n                  categoryGuid={transaction.categoryGuid || ''}\n                  key={i}\n                  merchantGuid={transaction.merchantGuid || ''}\n                  size={logoSize}\n                />\n              </Box>\n            )\n\n          if (i === 3) {\n            return (\n              <Box\n                key={'display-count'}\n                sx={{\n                  alignItems: 'center',\n                  bgcolor: 'secondary.darker',\n                  border: `2px solid`,\n                  borderColor: 'common.white',\n                  borderRadius: '6px',\n                  color: 'common.white',\n                  display: 'flex',\n                  height: 48,\n                  justifyContent: 'center',\n                  left: ICON_OVERLAP_X(i),\n                  position: 'absolute',\n                  top: ICON_OVERLAP_Y(i),\n                  width: 48,\n                }}\n              >\n                <P fontSize={24}>{` +${displayCount}`}</P>\n              </Box>\n            )\n          }\n        })}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAA,CAER,EAAE,cAAA,EAAA,MAAmB;AAExB,QAAM,IAAA,CAAkB,MAClB,MAAM,IACD,IAEA,IAAK,IAIV,IAAA,CAAkB,MAAc;AACpC,YAAQ,GAAR;AAAA,MACE,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAGM,IAAA,MAAuB;AAC3B,UAAM,IAAS,EAAa,SAAS,IAAI,IAAI,EAAa;AAE1D,WAAO,IAAS,KAAW,IAAS;AAAA,EACtC,GAEM,IAAe,EAAa,SAAS;AAE3C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO,EAAe;AAAA,MACxB;AAAA,gBAEC,EAAa,IAAA,CAAK,GAAa,MAAM;AACpC,YAAI,IAAI,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,UAEE,IAAI;AAAA,YACF,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,cAAc;AAAA,YACd,OAAO;AAAA,YACP,KAAK,EAAe,CAAC;AAAA,YACrB,MAAM,EAAe,CAAC;AAAA,YACtB,UAAU;AAAA,UACZ;AAAA,oBAEA,gBAAA,EAAC,GAAD;AAAA,YACE,KAAK,EAAY;AAAA,YACjB,cAAc,EAAY,gBAAgB;AAAA,YAE1C,cAAc,EAAY,gBAAgB;AAAA,YAC1C,MAAM;AAAA,UACP,GAHM,CAGN;AAAA,QACE,GAlBE,EAAY,IAkBd;AAGT,YAAI,MAAM,EACR,QACE,gBAAA,EAAC,GAAD;AAAA,UAEE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,cAAc;AAAA,YACd,OAAO;AAAA,YACP,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,MAAM,EAAe,CAAC;AAAA,YACtB,UAAU;AAAA,YACV,KAAK,EAAe,CAAC;AAAA,YACrB,OAAO;AAAA,UACT;AAAA,oBAEA,gBAAA,EAAC,GAAD;AAAA,YAAG,UAAU;AAAA,sBAAK,KAAK,CAAA;AAAA,UAAkB,CAAA;AAAA,QACtC,GAlBE,eAkBF;AAAA,MAGX,CAAC;AAAA,IACE,CAAA;AAAA,EACF,CAAA;AAET"}
+{"version":3,"file":"P2pCategorizationMultipleTransactions.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/P2pCategorization/shared/P2pCategorizationMultipleTransactions.tsx"],"sourcesContent":["/* eslint-disable consistent-return */\n\nimport React from 'react'\n\nimport { MerchantLogo, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\nimport { P2pCategorizationMultipleTransactionsProps } from '..'\n\nexport const P2pCategorizationMultipleTransactions: React.FC<\n  P2pCategorizationMultipleTransactionsProps\n> = ({ transactions }) => {\n  const logoSize = 48\n  const ICON_OVERLAP_X = (i: number) => {\n    if (i === 0) {\n      return 2\n    } else {\n      return i * (logoSize - 2)\n    }\n  }\n\n  const ICON_OVERLAP_Y = (i: number) => {\n    switch (i) {\n      case 0:\n        return 2\n      case 1:\n        return 8\n      case 2:\n        return 14\n      default:\n        return 20\n    }\n  }\n\n  // The container width function helps center the content. Without it the absolute positioned box has a width of 0 causing the content to be offset.\n  const containerWidth = () => {\n    const length = transactions.length > 4 ? 4 : transactions.length // Max number of merchantLogos, categoryIcons, and count box is 4\n\n    return length * logoSize - length * 2\n  }\n\n  const displayCount = transactions.length - 3\n\n  return (\n    <Box\n      sx={{\n        bgcolor: 'background.highlight',\n        display: 'flex',\n        justifyContent: 'center',\n        height: 106,\n        width: '100%',\n        py: 18,\n        position: 'relative',\n      }}\n    >\n      <Box\n        sx={{\n          position: 'absolute',\n          width: containerWidth(),\n        }}\n      >\n        {transactions.map((transaction, i) => {\n          if (i < 3)\n            return (\n              <Box\n                key={transaction.guid}\n                sx={{\n                  border: `2px solid`,\n                  borderColor: 'common.white',\n                  borderRadius: '6px',\n                  color: 'common.white',\n                  top: ICON_OVERLAP_Y(i),\n                  left: ICON_OVERLAP_X(i),\n                  position: 'absolute',\n                }}\n              >\n                <MerchantLogo\n                  alt={transaction.feedDescription}\n                  categoryGuid={transaction.categoryGuid || ''}\n                  key={i}\n                  merchantGuid={transaction.merchantGuid || ''}\n                  size={logoSize}\n                />\n              </Box>\n            )\n\n          if (i === 3) {\n            return (\n              <Box\n                key={'display-count'}\n                sx={{\n                  alignItems: 'center',\n                  bgcolor: 'secondary.darker',\n                  border: `2px solid`,\n                  borderColor: 'common.white',\n                  borderRadius: '6px',\n                  color: 'common.white',\n                  display: 'flex',\n                  height: 48,\n                  justifyContent: 'center',\n                  left: ICON_OVERLAP_X(i),\n                  position: 'absolute',\n                  top: ICON_OVERLAP_Y(i),\n                  width: 48,\n                }}\n              >\n                <P fontSize={24}>{` +${displayCount}`}</P>\n              </Box>\n            )\n          }\n        })}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAA,CAER,EAAE,cAAA,EAAA,MAAmB;AAExB,QAAM,IAAA,CAAkB,MAClB,MAAM,IACD,IAEA,IAAK,IAIV,IAAA,CAAkB,MAAc;AACpC,YAAQ,GAAR;AAAA,MACE,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAGM,IAAA,MAAuB;AAC3B,UAAM,IAAS,EAAa,SAAS,IAAI,IAAI,EAAa;AAE1D,WAAO,IAAS,KAAW,IAAS;AAAA,EACtC,GAEM,IAAe,EAAa,SAAS;AAE3C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO,EAAe;AAAA,MACxB;AAAA,MAEC,UAAA,EAAa,IAAA,CAAK,GAAa,MAAM;AACpC,YAAI,IAAI,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,UAEE,IAAI;AAAA,YACF,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,cAAc;AAAA,YACd,OAAO;AAAA,YACP,KAAK,EAAe,CAAC;AAAA,YACrB,MAAM,EAAe,CAAC;AAAA,YACtB,UAAU;AAAA,UACZ;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,YACE,KAAK,EAAY;AAAA,YACjB,cAAc,EAAY,gBAAgB;AAAA,YAE1C,cAAc,EAAY,gBAAgB;AAAA,YAC1C,MAAM;AAAA,UACP,GAHM,CAGN;AAAA,QACE,GAlBE,EAAY,IAkBd;AAGT,YAAI,MAAM,EACR,QACE,gBAAA,EAAC,GAAD;AAAA,UAEE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,cAAc;AAAA,YACd,OAAO;AAAA,YACP,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,MAAM,EAAe,CAAC;AAAA,YACtB,UAAU;AAAA,YACV,KAAK,EAAe,CAAC;AAAA,YACrB,OAAO;AAAA,UACT;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAG,UAAU;AAAA,YAAK,UAAA,KAAK,CAAA;AAAA,UAAkB,CAAA;AAAA,QACtC,GAlBE,eAkBF;AAAA,MAGX,CAAC;AAAA,IACE,CAAA;AAAA,EACF,CAAA;AAET"}

package/dist/insights/components/insights/P2pCategorization/shared/P2pCategorizationSingleTransaction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"P2pCategorizationSingleTransaction.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/P2pCategorization/shared/P2pCategorizationSingleTransaction.tsx"],"sourcesContent":["import React from 'react'\n\nimport { MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { P2pCategorizationSingleTransactionProps } from '..'\n\nexport const P2pCategorizationSingleTransaction: React.FC<\n  P2pCategorizationSingleTransactionProps\n> = ({ amount, categoryGuid, description, feedDescription, merchantGuid }) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.highlight',\n        alignItems: 'center',\n        gap: 4,\n        py: 12,\n        px: 8,\n        width: '100%',\n      }}\n    >\n      <MerchantLogo\n        alt={description}\n        categoryGuid={categoryGuid || ''}\n        merchantGuid={merchantGuid || ''}\n        size={32}\n      />\n      <Text\n        bold={true}\n        sx={{ fontSize: 18, overflow: 'hidden', textOverflow: 'ellipsis', maxWidth: 255 }}\n      >\n        {feedDescription}\n      </Text>\n      <Text color=\"secondary\" fontSize={'small'}>\n        {amount}\n      </Text>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAQA,IAAa,IAAA,CAER,EAAE,QAAA,GAAQ,cAAA,GAAc,aAAA,GAAa,iBAAA,GAAiB,cAAA,EAAA,MAEvD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,YARF;AAAA,IAUE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,cAAc,KAAgB;AAAA,MAC9B,cAAc,KAAgB;AAAA,MAC9B,MAAM;AAAA,IACP,CAAA;AAAA,IACD,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,QAAE,UAAU;AAAA,QAAI,UAAU;AAAA,QAAU,cAAc;AAAA,QAAY,UAAU;AAAA,MAAI;AAAA,gBAE/E;AAAA,IACG,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAY,UAAU;AAAA,gBAC/B;AAAA,IACG,CAAA;AAAA,EACD"}
+{"version":3,"file":"P2pCategorizationSingleTransaction.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/P2pCategorization/shared/P2pCategorizationSingleTransaction.tsx"],"sourcesContent":["import React from 'react'\n\nimport { MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { P2pCategorizationSingleTransactionProps } from '..'\n\nexport const P2pCategorizationSingleTransaction: React.FC<\n  P2pCategorizationSingleTransactionProps\n> = ({ amount, categoryGuid, description, feedDescription, merchantGuid }) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.highlight',\n        alignItems: 'center',\n        gap: 4,\n        py: 12,\n        px: 8,\n        width: '100%',\n      }}\n    >\n      <MerchantLogo\n        alt={description}\n        categoryGuid={categoryGuid || ''}\n        merchantGuid={merchantGuid || ''}\n        size={32}\n      />\n      <Text\n        bold={true}\n        sx={{ fontSize: 18, overflow: 'hidden', textOverflow: 'ellipsis', maxWidth: 255 }}\n      >\n        {feedDescription}\n      </Text>\n      <Text color=\"secondary\" fontSize={'small'}>\n        {amount}\n      </Text>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAQA,IAAa,IAAA,CAER,EAAE,QAAA,GAAQ,cAAA,GAAc,aAAA,GAAa,iBAAA,GAAiB,cAAA,EAAA,MAEvD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EARF,UAAA;AAAA,IAUE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,cAAc,KAAgB;AAAA,MAC9B,cAAc,KAAgB;AAAA,MAC9B,MAAM;AAAA,IACP,CAAA;AAAA,IACD,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,QAAE,UAAU;AAAA,QAAI,UAAU;AAAA,QAAU,cAAc;AAAA,QAAY,UAAU;AAAA,MAAI;AAAA,MAE/E,UAAA;AAAA,IACG,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAY,UAAU;AAAA,MAC/B,UAAA;AAAA,IACG,CAAA;AAAA,EACD"}

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

@@ -1 +1 @@
-{"version":3,"file":"SavingsAccountBalancesSummary.es.js","names":[],"sources":["../../../../../src/insights/components/insights/SavingsAccountBalancesSummary/SavingsAccountBalancesSummary.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 { SavingsAccountBalancesSummaryProps } from './types/SavingsAccountBalancesSummary'\n\nexport const SavingsAccountBalancesSummary: React.FC<SavingsAccountBalancesSummaryProps> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\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          </Stack>\n        ) : null\n      }\n    >\n      {data.length ? (\n        <BarChart\n          amounts={amounts}\n          color={color}\n          data={data}\n          isMini={restProps.isMini}\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,CAA+E,EAC1F,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,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,cAC9B,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,IACnE,CAAA;AAAA,EACI,CAAA,IACL;AAAA,YAGL,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACD,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":"SavingsAccountBalancesSummary.es.js","names":[],"sources":["../../../../../src/insights/components/insights/SavingsAccountBalancesSummary/SavingsAccountBalancesSummary.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 { SavingsAccountBalancesSummaryProps } from './types/SavingsAccountBalancesSummary'\n\nexport const SavingsAccountBalancesSummary: React.FC<SavingsAccountBalancesSummaryProps> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\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          </Stack>\n        ) : null\n      }\n    >\n      {data.length ? (\n        <BarChart\n          amounts={amounts}\n          color={color}\n          data={data}\n          isMini={restProps.isMini}\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,CAA+E,EAC1F,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,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,IAC9B,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,IACnE,CAAA;AAAA,EACI,CAAA,IACL;AAAA,EAGL,UAAA,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACD,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/SharedDeposit/SharedDeposit.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharedDeposit.es.js","names":[],"sources":["../../../../../src/insights/components/insights/SharedDeposit/SharedDeposit.tsx"],"sourcesContent":["import { CategoryIcon, H3, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { SharedDepositProps } from './types'\n\nexport const SharedDeposit: React.FC<SharedDepositProps> = ({\n  beat,\n  buttonProps,\n  category,\n  formattedAmount,\n  isDarkMode,\n  transactionDescription,\n  ...restProps\n}) => {\n  const { primary_transaction: transaction, primary_category_guid } = beat\n  if (!transaction) return null\n\n  const categoryGuid =\n    transaction.top_level_category_guid || transaction.category_guid || primary_category_guid || ''\n  const merchantGuid = transaction.merchant_guid || ''\n  const showCategoryIcon = categoryGuid || primary_category_guid\n  const background = isDarkMode\n    ? 'linear-gradient(#19B07B, #006642)'\n    : 'linear-gradient(#D9FDEA, #8DF1CE)'\n  return (\n    <BeatCard\n      {...restProps}\n      beat={beat}\n      button={\n        <Box sx={{ pb: 16, px: 16 }}>\n          <InsightButton {...buttonProps} beat={beat} />\n        </Box>\n      }\n      contentProps={{\n        hasFullWidthImage: true,\n        sx: { px: 0 },\n      }}\n      header={{\n        ...restProps.header,\n        hasFullWidthImage: true,\n      }}\n    >\n      <Box sx={{ background, p: 16, width: '100%' }}>\n        <Card sx={{ bgcolor: isDarkMode ? 'grey.800' : 'common.white', p: 16 }}>\n          <Stack sx={{ alignItems: 'center', gap: 12 }}>\n            <MerchantLogo\n              alt={transaction.description}\n              categoryGuid={categoryGuid}\n              merchantGuid={merchantGuid}\n              size={40}\n            />\n            <Stack sx={{ alignItems: 'center', gap: 4 }}>\n              <H3 color=\"success.main\">{formattedAmount}</H3>\n              <Text bold={true} sx={{ fontSize: 13, lineHeight: '16px' }}>\n                {transactionDescription}\n              </Text>\n              <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n                {showCategoryIcon && (\n                  <CategoryIcon\n                    categoryGuid={categoryGuid}\n                    icon_ratio={1}\n                    size={16}\n                    sx={{ color: 'text.secondary' }}\n                    variant=\"transparent\"\n                  />\n                )}\n                <Text color=\"text.secondary\" sx={{ fontSize: 11, lineHeight: '16px' }}>\n                  {category}\n                </Text>\n              </Stack>\n            </Stack>\n          </Stack>\n        </Card>\n      </Box>\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;;AAWA,IAAa,IAAA,CAA+C,EAC1D,MAAA,GACA,aAAA,GACA,UAAA,GACA,iBAAA,GACA,YAAA,GACA,wBAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,qBAAqB,GAAa,uBAAA,EAAA,IAA0B;AACpE,MAAI,CAAC,EAAa,QAAO;AAEzB,QAAM,IACJ,EAAY,2BAA2B,EAAY,iBAAiB,KAAyB,IACzF,IAAe,EAAY,iBAAiB,IAC5C,IAAmB,KAAgB,GACnC,IAAa,IACf,sCACA;AACJ,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACE,MAAA;AAAA,IACN,QACE,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,gBACxB,gBAAA,EAAC,GAAD;AAAA,QAAe,GAAI;AAAA,QAAmB,MAAA;AAAA,MAAO,CAAA;AAAA,IAC1C,CAAA;AAAA,IAEP,cAAc;AAAA,MACZ,mBAAmB;AAAA,MACnB,IAAI,EAAE,IAAI,EAAE;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,MACN,GAAG,EAAU;AAAA,MACb,mBAAmB;AAAA,IACrB;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,YAAA;AAAA,QAAY,GAAG;AAAA,QAAI,OAAO;AAAA,MAAO;AAAA,gBAC1C,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI;AAAA,UAAE,SAAS,IAAa,aAAa;AAAA,UAAgB,GAAG;AAAA,QAAG;AAAA,kBACnE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,YAAY;AAAA,YAAU,KAAK;AAAA,UAAG;AAAA,oBAA3C,CACE,gBAAA,EAAC,GAAD;AAAA,YACE,KAAK,EAAY;AAAA,YACH,cAAA;AAAA,YACA,cAAA;AAAA,YACd,MAAM;AAAA,UACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,YAAY;AAAA,cAAU,KAAK;AAAA,YAAE;AAAA,sBAA1C;AAAA,cACE,gBAAA,EAAC,GAAD;AAAA,gBAAI,OAAM;AAAA,0BAAgB;AAAA,cAAoB,CAAA;AAAA,cAC9C,gBAAA,EAAC,GAAD;AAAA,gBAAM,MAAM;AAAA,gBAAM,IAAI;AAAA,kBAAE,UAAU;AAAA,kBAAI,YAAY;AAAA,gBAAO;AAAA,0BACtD;AAAA,cACG,CAAA;AAAA,cACN,gBAAA,EAAC,GAAD;AAAA,gBAAO,IAAI;AAAA,kBAAE,YAAY;AAAA,kBAAU,eAAe;AAAA,kBAAO,KAAK;AAAA,gBAAE;AAAA,0BAAhE,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,kBACgB,cAAA;AAAA,kBACd,YAAY;AAAA,kBACZ,MAAM;AAAA,kBACN,IAAI,EAAE,OAAO,iBAAiB;AAAA,kBAC9B,SAAQ;AAAA,gBACT,CAAA,GAEH,gBAAA,EAAC,GAAD;AAAA,kBAAM,OAAM;AAAA,kBAAiB,IAAI;AAAA,oBAAE,UAAU;AAAA,oBAAI,YAAY;AAAA,kBAAO;AAAA,4BACjE;AAAA,gBACG,CAAA,CACD;AAAA;YACF;AAAA,YACF;AAAA;MACH,CAAA;AAAA,IACH,CAAA;AAAA,EACG,CAAA;AAEd"}
+{"version":3,"file":"SharedDeposit.es.js","names":[],"sources":["../../../../../src/insights/components/insights/SharedDeposit/SharedDeposit.tsx"],"sourcesContent":["import { CategoryIcon, H3, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { SharedDepositProps } from './types'\n\nexport const SharedDeposit: React.FC<SharedDepositProps> = ({\n  beat,\n  buttonProps,\n  category,\n  formattedAmount,\n  isDarkMode,\n  transactionDescription,\n  ...restProps\n}) => {\n  const { primary_transaction: transaction, primary_category_guid } = beat\n  if (!transaction) return null\n\n  const categoryGuid =\n    transaction.top_level_category_guid || transaction.category_guid || primary_category_guid || ''\n  const merchantGuid = transaction.merchant_guid || ''\n  const showCategoryIcon = categoryGuid || primary_category_guid\n  const background = isDarkMode\n    ? 'linear-gradient(#19B07B, #006642)'\n    : 'linear-gradient(#D9FDEA, #8DF1CE)'\n  return (\n    <BeatCard\n      {...restProps}\n      beat={beat}\n      button={\n        <Box sx={{ pb: 16, px: 16 }}>\n          <InsightButton {...buttonProps} beat={beat} />\n        </Box>\n      }\n      contentProps={{\n        hasFullWidthImage: true,\n        sx: { px: 0 },\n      }}\n      header={{\n        ...restProps.header,\n        hasFullWidthImage: true,\n      }}\n    >\n      <Box sx={{ background, p: 16, width: '100%' }}>\n        <Card sx={{ bgcolor: isDarkMode ? 'grey.800' : 'common.white', p: 16 }}>\n          <Stack sx={{ alignItems: 'center', gap: 12 }}>\n            <MerchantLogo\n              alt={transaction.description}\n              categoryGuid={categoryGuid}\n              merchantGuid={merchantGuid}\n              size={40}\n            />\n            <Stack sx={{ alignItems: 'center', gap: 4 }}>\n              <H3 color=\"success.main\">{formattedAmount}</H3>\n              <Text bold={true} sx={{ fontSize: 13, lineHeight: '16px' }}>\n                {transactionDescription}\n              </Text>\n              <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n                {showCategoryIcon && (\n                  <CategoryIcon\n                    categoryGuid={categoryGuid}\n                    icon_ratio={1}\n                    size={16}\n                    sx={{ color: 'text.secondary' }}\n                    variant=\"transparent\"\n                  />\n                )}\n                <Text color=\"text.secondary\" sx={{ fontSize: 11, lineHeight: '16px' }}>\n                  {category}\n                </Text>\n              </Stack>\n            </Stack>\n          </Stack>\n        </Card>\n      </Box>\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;;AAWA,IAAa,IAAA,CAA+C,EAC1D,MAAA,GACA,aAAA,GACA,UAAA,GACA,iBAAA,GACA,YAAA,GACA,wBAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,qBAAqB,GAAa,uBAAA,EAAA,IAA0B;AACpE,MAAI,CAAC,EAAa,QAAO;AAEzB,QAAM,IACJ,EAAY,2BAA2B,EAAY,iBAAiB,KAAyB,IACzF,IAAe,EAAY,iBAAiB,IAC5C,IAAmB,KAAgB,GACnC,IAAa,IACf,sCACA;AACJ,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACE,MAAA;AAAA,IACN,QACE,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,MACxB,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAe,GAAI;AAAA,QAAmB,MAAA;AAAA,MAAO,CAAA;AAAA,IAC1C,CAAA;AAAA,IAEP,cAAc;AAAA,MACZ,mBAAmB;AAAA,MACnB,IAAI,EAAE,IAAI,EAAE;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,MACN,GAAG,EAAU;AAAA,MACb,mBAAmB;AAAA,IACrB;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,YAAA;AAAA,QAAY,GAAG;AAAA,QAAI,OAAO;AAAA,MAAO;AAAA,MAC1C,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI;AAAA,UAAE,SAAS,IAAa,aAAa;AAAA,UAAgB,GAAG;AAAA,QAAG;AAAA,QACnE,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,YAAY;AAAA,YAAU,KAAK;AAAA,UAAG;AAAA,UAA3C,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YACE,KAAK,EAAY;AAAA,YACH,cAAA;AAAA,YACA,cAAA;AAAA,YACd,MAAM;AAAA,UACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,YAAY;AAAA,cAAU,KAAK;AAAA,YAAE;AAAA,YAA1C,UAAA;AAAA,cACE,gBAAA,EAAC,GAAD;AAAA,gBAAI,OAAM;AAAA,gBAAgB,UAAA;AAAA,cAAoB,CAAA;AAAA,cAC9C,gBAAA,EAAC,GAAD;AAAA,gBAAM,MAAM;AAAA,gBAAM,IAAI;AAAA,kBAAE,UAAU;AAAA,kBAAI,YAAY;AAAA,gBAAO;AAAA,gBACtD,UAAA;AAAA,cACG,CAAA;AAAA,cACN,gBAAA,EAAC,GAAD;AAAA,gBAAO,IAAI;AAAA,kBAAE,YAAY;AAAA,kBAAU,eAAe;AAAA,kBAAO,KAAK;AAAA,gBAAE;AAAA,gBAAhE,UAAA,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,kBACgB,cAAA;AAAA,kBACd,YAAY;AAAA,kBACZ,MAAM;AAAA,kBACN,IAAI,EAAE,OAAO,iBAAiB;AAAA,kBAC9B,SAAQ;AAAA,gBACT,CAAA,GAEH,gBAAA,EAAC,GAAD;AAAA,kBAAM,OAAM;AAAA,kBAAiB,IAAI;AAAA,oBAAE,UAAU;AAAA,oBAAI,YAAY;AAAA,kBAAO;AAAA,kBACjE,UAAA;AAAA,gBACG,CAAA,CACD;AAAA;YACF;AAAA,UACF,CAAA,CAAA;AAAA;MACH,CAAA;AAAA,IACH,CAAA;AAAA,EACG,CAAA;AAEd"}

package/dist/insights/components/insights/SwitchDirectDeposit/AccountBox.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountBox.es.js","names":[],"sources":["../../../../../src/insights/components/insights/SwitchDirectDeposit/AccountBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport { InstitutionLogo, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\ninterface AccountBoxProps {\n  accountGuid: string\n  accountName: string\n}\n\nexport const AccountBox: React.FC<AccountBoxProps> = ({ accountGuid, accountName }) => {\n  return (\n    <Stack\n      className=\"mx-insights-sdd-account-Card\"\n      sx={{\n        gap: 4,\n        width: 100,\n      }}\n    >\n      <Box\n        className=\"mx-insights-sdd-account-image-container\"\n        sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}\n      >\n        <InstitutionLogo\n          alt=\"Financial Institution Logo\"\n          data-ui-test=\"mx-insights-sudd-full-feed-body-logo\"\n          height={32}\n          institutionGuid={accountGuid || ''}\n          width={32}\n        />\n      </Box>\n\n      <P\n        className=\"mx-insights-sdd-account-account-name\"\n        sx={{ textAlign: 'center' }}\n        variant=\"tiny\"\n      >\n        {accountName}\n      </P>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,IAAA,CAAyC,EAAE,aAAA,GAAa,aAAA,EAAA,MAEjE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAU;AAAA,EACV,IAAI;AAAA,IACF,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AAAA,YALF,CAOE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,MAAE,SAAS;AAAA,MAAQ,gBAAgB;AAAA,MAAU,OAAO;AAAA,IAAO;AAAA,cAE/D,gBAAA,EAAC,GAAD;AAAA,MACE,KAAI;AAAA,MACJ,gBAAa;AAAA,MACb,QAAQ;AAAA,MACR,iBAAiB,KAAe;AAAA,MAChC,OAAO;AAAA,IACR,CAAA;AAAA,EACE,CAAA,GAEL,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI,EAAE,WAAW,SAAS;AAAA,IAC1B,SAAQ;AAAA,cAEP;AAAA,EACA,CAAA,CACE"}
+{"version":3,"file":"AccountBox.es.js","names":[],"sources":["../../../../../src/insights/components/insights/SwitchDirectDeposit/AccountBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport { InstitutionLogo, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\ninterface AccountBoxProps {\n  accountGuid: string\n  accountName: string\n}\n\nexport const AccountBox: React.FC<AccountBoxProps> = ({ accountGuid, accountName }) => {\n  return (\n    <Stack\n      className=\"mx-insights-sdd-account-Card\"\n      sx={{\n        gap: 4,\n        width: 100,\n      }}\n    >\n      <Box\n        className=\"mx-insights-sdd-account-image-container\"\n        sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}\n      >\n        <InstitutionLogo\n          alt=\"Financial Institution Logo\"\n          data-ui-test=\"mx-insights-sudd-full-feed-body-logo\"\n          height={32}\n          institutionGuid={accountGuid || ''}\n          width={32}\n        />\n      </Box>\n\n      <P\n        className=\"mx-insights-sdd-account-account-name\"\n        sx={{ textAlign: 'center' }}\n        variant=\"tiny\"\n      >\n        {accountName}\n      </P>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,IAAA,CAAyC,EAAE,aAAA,GAAa,aAAA,EAAA,MAEjE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAU;AAAA,EACV,IAAI;AAAA,IACF,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AAAA,EALF,UAAA,CAOE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,MAAE,SAAS;AAAA,MAAQ,gBAAgB;AAAA,MAAU,OAAO;AAAA,IAAO;AAAA,IAE/D,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,KAAI;AAAA,MACJ,gBAAa;AAAA,MACb,QAAQ;AAAA,MACR,iBAAiB,KAAe;AAAA,MAChC,OAAO;AAAA,IACR,CAAA;AAAA,EACE,CAAA,GAEL,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI,EAAE,WAAW,SAAS;AAAA,IAC1B,SAAQ;AAAA,IAEP,UAAA;AAAA,EACA,CAAA,CACE"}

package/dist/insights/components/insights/SwitchDirectDeposit/SwitchDirectDepositMainContainer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchDirectDepositMainContainer.es.js","names":[],"sources":["../../../../../src/insights/components/insights/SwitchDirectDeposit/SwitchDirectDepositMainContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport Stack from '@mui/material/Stack'\n\nimport { AccountBox } from './AccountBox'\n\ninterface SwitchDirectDepositMainContainerProps {\n  destinationAccountGuid: string\n  externalAccountName: string\n  heldAccountName: string\n  sourceAccountGuid: string\n}\n\nexport const SwitchDirectDepositMainContainer: React.FC<SwitchDirectDepositMainContainerProps> = ({\n  destinationAccountGuid,\n  externalAccountName,\n  heldAccountName,\n  sourceAccountGuid,\n}) => {\n  return (\n    <Stack\n      className=\"mx-insights-sdd-main-container\"\n      direction=\"row\"\n      sx={{ gap: 8, justifyContent: 'center', py: 12, width: '100%' }}\n    >\n      <AccountBox accountGuid={sourceAccountGuid} accountName={externalAccountName} />\n      <Icon\n        className=\"mx-insights-sdd-arrow-forward-icon\"\n        name=\"arrow_forward\"\n        size={24}\n        sx={{ my: 'auto' }}\n      />\n      <AccountBox accountGuid={destinationAccountGuid} accountName={heldAccountName} />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAeA,IAAa,IAAA,CAAqF,EAChG,wBAAA,GACA,qBAAA,GACA,iBAAA,GACA,mBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAU;AAAA,EACV,WAAU;AAAA,EACV,IAAI;AAAA,IAAE,KAAK;AAAA,IAAG,gBAAgB;AAAA,IAAU,IAAI;AAAA,IAAI,OAAO;AAAA,EAAO;AAAA,YAHhE;AAAA,IAKE,gBAAA,EAAC,GAAD;AAAA,MAAY,aAAa;AAAA,MAAmB,aAAa;AAAA,IAAsB,CAAA;AAAA,IAC/E,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,MAAK;AAAA,MACL,MAAM;AAAA,MACN,IAAI,EAAE,IAAI,OAAO;AAAA,IAClB,CAAA;AAAA,IACD,gBAAA,EAAC,GAAD;AAAA,MAAY,aAAa;AAAA,MAAwB,aAAa;AAAA,IAAkB,CAAA;AAAA,EAC3E"}
+{"version":3,"file":"SwitchDirectDepositMainContainer.es.js","names":[],"sources":["../../../../../src/insights/components/insights/SwitchDirectDeposit/SwitchDirectDepositMainContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport Stack from '@mui/material/Stack'\n\nimport { AccountBox } from './AccountBox'\n\ninterface SwitchDirectDepositMainContainerProps {\n  destinationAccountGuid: string\n  externalAccountName: string\n  heldAccountName: string\n  sourceAccountGuid: string\n}\n\nexport const SwitchDirectDepositMainContainer: React.FC<SwitchDirectDepositMainContainerProps> = ({\n  destinationAccountGuid,\n  externalAccountName,\n  heldAccountName,\n  sourceAccountGuid,\n}) => {\n  return (\n    <Stack\n      className=\"mx-insights-sdd-main-container\"\n      direction=\"row\"\n      sx={{ gap: 8, justifyContent: 'center', py: 12, width: '100%' }}\n    >\n      <AccountBox accountGuid={sourceAccountGuid} accountName={externalAccountName} />\n      <Icon\n        className=\"mx-insights-sdd-arrow-forward-icon\"\n        name=\"arrow_forward\"\n        size={24}\n        sx={{ my: 'auto' }}\n      />\n      <AccountBox accountGuid={destinationAccountGuid} accountName={heldAccountName} />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAeA,IAAa,IAAA,CAAqF,EAChG,wBAAA,GACA,qBAAA,GACA,iBAAA,GACA,mBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAU;AAAA,EACV,WAAU;AAAA,EACV,IAAI;AAAA,IAAE,KAAK;AAAA,IAAG,gBAAgB;AAAA,IAAU,IAAI;AAAA,IAAI,OAAO;AAAA,EAAO;AAAA,EAHhE,UAAA;AAAA,IAKE,gBAAA,EAAC,GAAD;AAAA,MAAY,aAAa;AAAA,MAAmB,aAAa;AAAA,IAAsB,CAAA;AAAA,IAC/E,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,MAAK;AAAA,MACL,MAAM;AAAA,MACN,IAAI,EAAE,IAAI,OAAO;AAAA,IAClB,CAAA;AAAA,IACD,gBAAA,EAAC,GAAD;AAAA,MAAY,aAAa;AAAA,MAAwB,aAAa;AAAA,IAAkB,CAAA;AAAA,EAC3E"}

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

@@ -1 +1 @@
-{"version":3,"file":"UnifiedDeposit.es.js","names":[],"sources":["../../../../../src/insights/components/insights/UnifiedDeposit/UnifiedDeposit.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { CommonBeatProps } from '../../../types/CommonBeat'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { UnifiedDepositBody } from './UnifiedDepositBody'\n\nexport interface UnifiedDepositProps extends CommonBeatProps {\n  category: string\n  formattedNumber: string\n}\n\nexport const UnifiedDeposit: React.FC<UnifiedDepositProps> = ({\n  beat,\n  buttonProps,\n  category,\n  formattedNumber,\n  institutionName,\n  isMini,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      {...restProps}\n      beat={beat}\n      button={\n        <Box sx={{ pt: 8, px: 16 }}>\n          <InsightButton {...buttonProps} beat={beat} />\n        </Box>\n      }\n      contentProps={{\n        hasFullWidthImage: true,\n      }}\n      header={{\n        ...restProps.header,\n        hasFullWidthImage: true,\n      }}\n      isMini={isMini}\n    >\n      <UnifiedDepositBody\n        beat={beat}\n        category={category}\n        formattedNumber={formattedNumber}\n        institutionName={institutionName || ''}\n        isMini={isMini!}\n      />\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AAeA,IAAa,IAAA,CAAiD,EAC5D,MAAA,GACA,aAAA,GACA,UAAA,GACA,iBAAA,GACA,iBAAA,GACA,QAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAG,IAAI;AAAA,IAAG;AAAA,cACvB,gBAAA,EAAC,GAAD;AAAA,MAAe,GAAI;AAAA,MAAmB,MAAA;AAAA,IAAO,CAAA;AAAA,EAC1C,CAAA;AAAA,EAEP,cAAc,EACZ,mBAAmB,GACrB;AAAA,EACA,QAAQ;AAAA,IACN,GAAG,EAAU;AAAA,IACb,mBAAmB;AAAA,EACrB;AAAA,EACQ,QAAA;AAAA,YAER,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACI,UAAA;AAAA,IACO,iBAAA;AAAA,IACjB,iBAAiB,KAAmB;AAAA,IAC5B,QAAA;AAAA,EACT,CAAA;AACO,CAAA"}
+{"version":3,"file":"UnifiedDeposit.es.js","names":[],"sources":["../../../../../src/insights/components/insights/UnifiedDeposit/UnifiedDeposit.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { CommonBeatProps } from '../../../types/CommonBeat'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { UnifiedDepositBody } from './UnifiedDepositBody'\n\nexport interface UnifiedDepositProps extends CommonBeatProps {\n  category: string\n  formattedNumber: string\n}\n\nexport const UnifiedDeposit: React.FC<UnifiedDepositProps> = ({\n  beat,\n  buttonProps,\n  category,\n  formattedNumber,\n  institutionName,\n  isMini,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      {...restProps}\n      beat={beat}\n      button={\n        <Box sx={{ pt: 8, px: 16 }}>\n          <InsightButton {...buttonProps} beat={beat} />\n        </Box>\n      }\n      contentProps={{\n        hasFullWidthImage: true,\n      }}\n      header={{\n        ...restProps.header,\n        hasFullWidthImage: true,\n      }}\n      isMini={isMini}\n    >\n      <UnifiedDepositBody\n        beat={beat}\n        category={category}\n        formattedNumber={formattedNumber}\n        institutionName={institutionName || ''}\n        isMini={isMini!}\n      />\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AAeA,IAAa,IAAA,CAAiD,EAC5D,MAAA,GACA,aAAA,GACA,UAAA,GACA,iBAAA,GACA,iBAAA,GACA,QAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAG,IAAI;AAAA,IAAG;AAAA,IACvB,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAe,GAAI;AAAA,MAAmB,MAAA;AAAA,IAAO,CAAA;AAAA,EAC1C,CAAA;AAAA,EAEP,cAAc,EACZ,mBAAmB,GACrB;AAAA,EACA,QAAQ;AAAA,IACN,GAAG,EAAU;AAAA,IACb,mBAAmB;AAAA,EACrB;AAAA,EACQ,QAAA;AAAA,EAER,UAAA,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACI,UAAA;AAAA,IACO,iBAAA;AAAA,IACjB,iBAAiB,KAAmB;AAAA,IAC5B,QAAA;AAAA,EACT,CAAA;AACO,CAAA"}

package/dist/insights/components/insights/UnifiedDeposit/UnifiedDepositBody.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnifiedDepositBody.es.js","names":[],"sources":["../../../../../src/insights/components/insights/UnifiedDeposit/UnifiedDepositBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CategoryIcon, MerchantLogo, P } from '@mxenabled/mxui'\n\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { Beat } from '../../../types/CommonBeat'\n\ninterface UnifiedDepositBodyProps {\n  beat: Beat\n  category: string\n  formattedNumber: string\n  institutionName: string\n  isMini: boolean\n}\n\nexport const UnifiedDepositBody: React.FC<UnifiedDepositBodyProps> = ({\n  beat,\n  category,\n  formattedNumber,\n  institutionName,\n  isMini = false,\n}) => {\n  const dimensions = {\n    logoSize: !isMini ? 40 : 32,\n  }\n\n  const styles = {\n    boxContainer: {\n      background: 'linear-gradient(205.05deg, #CEFEE6 0.8%, #8EEBBE 98.51%)',\n      marginBottom: isMini ? 0 : 24,\n      py: 16,\n      px: 24,\n      width: '100%',\n    },\n    card: {\n      alignItems: 'center',\n      borderRadius: '8px',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      p: 16,\n      width: '100%',\n    },\n  }\n\n  return (\n    <Stack sx={styles.boxContainer}>\n      <Card\n        sx={{\n          ...styles.card,\n          bgcolor: 'background.paper',\n        }}\n      >\n        <MerchantLogo\n          alt={institutionName}\n          categoryGuid={beat.primary_transaction?.top_level_category_guid || ''}\n          merchantGuid={beat.primary_transaction?.merchant_guid || ''}\n          size={dimensions.logoSize}\n        />\n        <P\n          bold={true}\n          sx={{ color: 'success.main', fontSize: 18, fontWeight: 700, mt: 12 }}\n          variant=\"h3\"\n        >\n          {formattedNumber}\n        </P>\n        <P sx={{ fontSize: 13, fontWeight: 400, p: 4 }} variant=\"body2\">\n          {beat.primary_transaction?.description}\n        </P>\n\n        <Stack alignItems=\"center\" direction=\"row\">\n          {beat.primary_transaction?.top_level_category_guid && (\n            <CategoryIcon\n              categoryGuid={beat.primary_transaction?.top_level_category_guid}\n              icon_ratio={1}\n              size={15}\n              variant=\"transparent\"\n            />\n          )}\n          <P\n            sx={{ color: 'text.secondary', fontSize: 11, fontWeight: 400, ml: 8 }}\n            variant=\"caption\"\n          >\n            {category}\n          </P>\n        </Stack>\n      </Card>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAA,CAAyD,EACpE,MAAA,GACA,UAAA,GACA,iBAAA,GACA,iBAAA,GACA,QAAA,IAAS,GAAA,MACL;AACJ,QAAM,IAAa,EACjB,UAAW,IAAc,KAAL,GACtB,GAEM,IAAS;AAAA,IACb,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,cAAc,IAAS,IAAI;AAAA,MAC3B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,GAAG;AAAA,MACH,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAO;AAAA,cAChB,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,GAAG,EAAO;AAAA,QACV,SAAS;AAAA,MACX;AAAA,gBAJF;AAAA,QAME,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK;AAAA,UACL,cAAc,EAAK,qBAAqB,2BAA2B;AAAA,UACnE,cAAc,EAAK,qBAAqB,iBAAiB;AAAA,UACzD,MAAM,EAAW;AAAA,QAClB,CAAA;AAAA,QACD,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,IAAI;AAAA,YAAE,OAAO;AAAA,YAAgB,UAAU;AAAA,YAAI,YAAY;AAAA,YAAK,IAAI;AAAA,UAAG;AAAA,UACnE,SAAQ;AAAA,oBAEP;AAAA,QACA,CAAA;AAAA,QACH,gBAAA,EAAC,GAAD;AAAA,UAAG,IAAI;AAAA,YAAE,UAAU;AAAA,YAAI,YAAY;AAAA,YAAK,GAAG;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,oBACrD,EAAK,qBAAqB;AAAA,QAC1B,CAAA;AAAA,QAEH,gBAAA,EAAC,GAAD;AAAA,UAAO,YAAW;AAAA,UAAS,WAAU;AAAA,oBAArC,CACG,EAAK,qBAAqB,2BACzB,gBAAA,EAAC,GAAD;AAAA,YACE,cAAc,EAAK,qBAAqB;AAAA,YACxC,YAAY;AAAA,YACZ,MAAM;AAAA,YACN,SAAQ;AAAA,UACT,CAAA,GAEH,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cAAE,OAAO;AAAA,cAAkB,UAAU;AAAA,cAAI,YAAY;AAAA,cAAK,IAAI;AAAA,YAAE;AAAA,YACpE,SAAQ;AAAA,sBAEP;AAAA,UACA,CAAA,CACE;AAAA;MACH;AAAA;EACD,CAAA;AAEX"}
+{"version":3,"file":"UnifiedDepositBody.es.js","names":[],"sources":["../../../../../src/insights/components/insights/UnifiedDeposit/UnifiedDepositBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CategoryIcon, MerchantLogo, P } from '@mxenabled/mxui'\n\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { Beat } from '../../../types/CommonBeat'\n\ninterface UnifiedDepositBodyProps {\n  beat: Beat\n  category: string\n  formattedNumber: string\n  institutionName: string\n  isMini: boolean\n}\n\nexport const UnifiedDepositBody: React.FC<UnifiedDepositBodyProps> = ({\n  beat,\n  category,\n  formattedNumber,\n  institutionName,\n  isMini = false,\n}) => {\n  const dimensions = {\n    logoSize: !isMini ? 40 : 32,\n  }\n\n  const styles = {\n    boxContainer: {\n      background: 'linear-gradient(205.05deg, #CEFEE6 0.8%, #8EEBBE 98.51%)',\n      marginBottom: isMini ? 0 : 24,\n      py: 16,\n      px: 24,\n      width: '100%',\n    },\n    card: {\n      alignItems: 'center',\n      borderRadius: '8px',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      p: 16,\n      width: '100%',\n    },\n  }\n\n  return (\n    <Stack sx={styles.boxContainer}>\n      <Card\n        sx={{\n          ...styles.card,\n          bgcolor: 'background.paper',\n        }}\n      >\n        <MerchantLogo\n          alt={institutionName}\n          categoryGuid={beat.primary_transaction?.top_level_category_guid || ''}\n          merchantGuid={beat.primary_transaction?.merchant_guid || ''}\n          size={dimensions.logoSize}\n        />\n        <P\n          bold={true}\n          sx={{ color: 'success.main', fontSize: 18, fontWeight: 700, mt: 12 }}\n          variant=\"h3\"\n        >\n          {formattedNumber}\n        </P>\n        <P sx={{ fontSize: 13, fontWeight: 400, p: 4 }} variant=\"body2\">\n          {beat.primary_transaction?.description}\n        </P>\n\n        <Stack alignItems=\"center\" direction=\"row\">\n          {beat.primary_transaction?.top_level_category_guid && (\n            <CategoryIcon\n              categoryGuid={beat.primary_transaction?.top_level_category_guid}\n              icon_ratio={1}\n              size={15}\n              variant=\"transparent\"\n            />\n          )}\n          <P\n            sx={{ color: 'text.secondary', fontSize: 11, fontWeight: 400, ml: 8 }}\n            variant=\"caption\"\n          >\n            {category}\n          </P>\n        </Stack>\n      </Card>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAA,CAAyD,EACpE,MAAA,GACA,UAAA,GACA,iBAAA,GACA,iBAAA,GACA,QAAA,IAAS,GAAA,MACL;AACJ,QAAM,IAAa,EACjB,UAAW,IAAc,KAAL,GACtB,GAEM,IAAS;AAAA,IACb,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,cAAc,IAAS,IAAI;AAAA,MAC3B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,GAAG;AAAA,MACH,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAO;AAAA,IAChB,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,GAAG,EAAO;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MAJF,UAAA;AAAA,QAME,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK;AAAA,UACL,cAAc,EAAK,qBAAqB,2BAA2B;AAAA,UACnE,cAAc,EAAK,qBAAqB,iBAAiB;AAAA,UACzD,MAAM,EAAW;AAAA,QAClB,CAAA;AAAA,QACD,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,IAAI;AAAA,YAAE,OAAO;AAAA,YAAgB,UAAU;AAAA,YAAI,YAAY;AAAA,YAAK,IAAI;AAAA,UAAG;AAAA,UACnE,SAAQ;AAAA,UAEP,UAAA;AAAA,QACA,CAAA;AAAA,QACH,gBAAA,EAAC,GAAD;AAAA,UAAG,IAAI;AAAA,YAAE,UAAU;AAAA,YAAI,YAAY;AAAA,YAAK,GAAG;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,UACrD,UAAA,EAAK,qBAAqB;AAAA,QAC1B,CAAA;AAAA,QAEH,gBAAA,EAAC,GAAD;AAAA,UAAO,YAAW;AAAA,UAAS,WAAU;AAAA,UAArC,UAAA,CACG,EAAK,qBAAqB,2BACzB,gBAAA,EAAC,GAAD;AAAA,YACE,cAAc,EAAK,qBAAqB;AAAA,YACxC,YAAY;AAAA,YACZ,MAAM;AAAA,YACN,SAAQ;AAAA,UACT,CAAA,GAEH,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cAAE,OAAO;AAAA,cAAkB,UAAU;AAAA,cAAI,YAAY;AAAA,cAAK,IAAI;AAAA,YAAE;AAAA,YACpE,SAAQ;AAAA,YAEP,UAAA;AAAA,UACA,CAAA,CACE;AAAA;MACH;AAAA;EACD,CAAA;AAEX"}