npm - @mx-cartographer/experiences - Versions diffs - 9.3.0-alpha.bb2 → 9.3.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (612) hide show

package/dist/insights/components/shared/InsightsCard/CardError.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardError.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardError.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ThemedSVGImage } from '../ThemedSVGImage'\n\nimport { ReactComponent as BeatErrorView } from './images/BeatErrorView.svg'\n\nexport interface CardErrorProps {\n erroredText: string\n}\n\nconst imageStyles = {\n marginBottom: 16,\n maxWidth: 120,\n width: '100%',\n}\n\nexport const CardError: React.FC<CardErrorProps> = ({ erroredText }) => {\n return (\n <Stack\n sx={{\n alignItems: 'center',\n }}\n >\n <ThemedSVGImage divProps={{ style: imageStyles }} image={BeatErrorView} />\n <P color=\"secondary\" sx={{ mx: 8, mb: 8 }} variant=\"subtitle2\">\n {erroredText}\n </P>\n </Stack>\n )\n}\n"],"mappings":";;;;;;AAcA,IAAM,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AACT,GAEa,IAAA,CAAuC,EAAE,aAAA,EAAA,MAElD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI,EACF,YAAY,SACd;AAAA,~~YAHF~~,CAKE,gBAAA,EAAC,GAAD;AAAA,IAAgB,UAAU,EAAE,OAAO,EAAY;AAAA,IAAG,OAAO;AAAA,EAAgB,CAAA,GACzE,gBAAA,EAAC,GAAD;AAAA,IAAG,OAAM;AAAA,IAAY,IAAI;AAAA,MAAE,IAAI;AAAA,MAAG,IAAI;AAAA,IAAE;AAAA,IAAG,SAAQ;AAAA,~~cAChD~~;AAAA,EACA,CAAA,CACE"}
1	+ {"version":3,"file":"CardError.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardError.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ThemedSVGImage } from '../ThemedSVGImage'\n\nimport { ReactComponent as BeatErrorView } from './images/BeatErrorView.svg'\n\nexport interface CardErrorProps {\n erroredText: string\n}\n\nconst imageStyles = {\n marginBottom: 16,\n maxWidth: 120,\n width: '100%',\n}\n\nexport const CardError: React.FC<CardErrorProps> = ({ erroredText }) => {\n return (\n <Stack\n sx={{\n alignItems: 'center',\n }}\n >\n <ThemedSVGImage divProps={{ style: imageStyles }} image={BeatErrorView} />\n <P color=\"secondary\" sx={{ mx: 8, mb: 8 }} variant=\"subtitle2\">\n {erroredText}\n </P>\n </Stack>\n )\n}\n"],"mappings":";;;;;;AAcA,IAAM,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AACT,GAEa,IAAA,CAAuC,EAAE,aAAA,EAAA,MAElD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI,EACF,YAAY,SACd;AAAA,EAHF,UAAA,CAKE,gBAAA,EAAC,GAAD;AAAA,IAAgB,UAAU,EAAE,OAAO,EAAY;AAAA,IAAG,OAAO;AAAA,EAAgB,CAAA,GACzE,gBAAA,EAAC,GAAD;AAAA,IAAG,OAAM;AAAA,IAAY,IAAI;AAAA,MAAE,IAAI;AAAA,MAAG,IAAI;AAAA,IAAE;AAAA,IAAG,SAAQ;AAAA,IAChD,UAAA;AAAA,EACA,CAAA,CACE"}

package/dist/insights/components/shared/InsightsCard/CardFooter.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardFooter.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardFooter.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\ninterface CardFooterProps {\n accountName?: string\n actionButton?: React.ReactNode\n date?: string\n}\n\nconst CardFooter = ({ accountName, actionButton, date }: CardFooterProps) => {\n return (\n <Stack\n sx={{\n alignItems: 'center',\n flexDirection: 'row',\n justifyContent: 'space-between',\n px: 16,\n py: 8,\n }}\n >\n {date && <Text variant=\"tiny\">{date}</Text>}\n {actionButton ?? (accountName && <Text variant=\"tiny\">{accountName}</Text>)}\n </Stack>\n )\n}\n\nexport default CardFooter\n"],"mappings":";;;AAUA,IAAM,IAAA,CAAc,EAAE,aAAA,GAAa,cAAA,GAAc,MAAA,EAAA,MAE7C,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,~~YAPF~~,CASG,KAAQ,gBAAA,EAAC,GAAD;AAAA,IAAM,SAAQ;AAAA,~~cAAQ~~;AAAA,EAAW,CAAA,GACzC,MAAiB,KAAe,gBAAA,EAAC,GAAD;AAAA,IAAM,SAAQ;AAAA,~~cAAQ~~;AAAA,EAAkB,CAAA,EACpE"}
1	+ {"version":3,"file":"CardFooter.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardFooter.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\ninterface CardFooterProps {\n accountName?: string\n actionButton?: React.ReactNode\n date?: string\n}\n\nconst CardFooter = ({ accountName, actionButton, date }: CardFooterProps) => {\n return (\n <Stack\n sx={{\n alignItems: 'center',\n flexDirection: 'row',\n justifyContent: 'space-between',\n px: 16,\n py: 8,\n }}\n >\n {date && <Text variant=\"tiny\">{date}</Text>}\n {actionButton ?? (accountName && <Text variant=\"tiny\">{accountName}</Text>)}\n </Stack>\n )\n}\n\nexport default CardFooter\n"],"mappings":";;;AAUA,IAAM,IAAA,CAAc,EAAE,aAAA,GAAa,cAAA,GAAc,MAAA,EAAA,MAE7C,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EAPF,UAAA,CASG,KAAQ,gBAAA,EAAC,GAAD;AAAA,IAAM,SAAQ;AAAA,IAAQ,UAAA;AAAA,EAAW,CAAA,GACzC,MAAiB,KAAe,gBAAA,EAAC,GAAD;AAAA,IAAM,SAAQ;AAAA,IAAQ,UAAA;AAAA,EAAkB,CAAA,EACpE"}

package/dist/insights/components/shared/InsightsCard/CardLoading.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardLoading.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardLoading.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport LoadingGif from '../../../images/Loading.gif'\n\nexport interface CardLoadingProps {\n altLoadingText: string\n}\n\nexport const CardLoading: React.FC<CardLoadingProps> = ({ altLoadingText }) => {\n return (\n <Stack\n sx={{\n alignItems: 'center',\n }}\n >\n <img\n alt={altLoadingText}\n src={LoadingGif}\n style={{\n marginBottom: 25,\n height: 64,\n width: 64,\n }}\n />\n </Stack>\n )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAA,CAA2C,EAAE,gBAAA,EAAA,MAEtD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI,EACF,YAAY,SACd;AAAA,~~YAEA~~,gBAAA,EAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,MACL,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACD,CAAA;AACI,CAAA"}
1	+ {"version":3,"file":"CardLoading.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardLoading.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport LoadingGif from '../../../images/Loading.gif'\n\nexport interface CardLoadingProps {\n altLoadingText: string\n}\n\nexport const CardLoading: React.FC<CardLoadingProps> = ({ altLoadingText }) => {\n return (\n <Stack\n sx={{\n alignItems: 'center',\n }}\n >\n <img\n alt={altLoadingText}\n src={LoadingGif}\n style={{\n marginBottom: 25,\n height: 64,\n width: 64,\n }}\n />\n </Stack>\n )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAA,CAA2C,EAAE,gBAAA,EAAA,MAEtD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI,EACF,YAAY,SACd;AAAA,EAEA,UAAA,gBAAA,EAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,MACL,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACD,CAAA;AACI,CAAA"}

package/dist/insights/components/shared/InsightsCard/ClientConfigurableCta.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ClientConfigurableCta.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/ClientConfigurableCta.tsx"],"sourcesContent":["import { Button, Stack } from '@mui/material'\nimport { useTheme } from '@mui/system'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport { postClientConfiguredCta } from '../../../../common/utils/PostMessage'\n\nimport { Beat } from '../../../types/CommonBeat'\n\nconst ClientConfigurableCta = ({ beat }: { beat: Beat }) => {\n const theme = useTheme()\n\n if (!beat.in_description_cta && !beat.html_in_description_cta) return <></>\n\n return (\n <Stack sx={{ alignItems: 'start', justifyContent: 'center', minHeight: 28, mt: 6 }}>\n <Button\n endIcon={<ChevronRight />}\n onClick={() => postClientConfiguredCta(beat.template)}\n size=\"small\"\n sx={{\n '&.MuiButtonBase-root': {\n p: 4,\n },\n //the overrides are due to some other unfortunate overrides in pulse that make this the secondary color :(\n '&.MuiButton-root': {\n color: `${theme.palette.primary.main} !important`,\n },\n '&.MuiButton-root:hover': {\n color: `${theme.palette.primary.main} !important`,\n },\n }}\n variant=\"text\"\n >\n <Text bold={true} variant=\"body2\">\n {beat.in_description_cta \|\| beat.html_in_description_cta}\n </Text>\n </Button>\n </Stack>\n )\n}\n\nexport default ClientConfigurableCta\n"],"mappings":";;;;;;AAUA,IAAM,IAAA,CAAyB,EAAE,MAAA,EAAA,MAA2B;AAC1D,QAAM,IAAQ,EAAS;AAEvB,SAAI,CAAC,EAAK,sBAAsB,CAAC,EAAK,0BAAgC,gBAAA,EAAA,GAAA,CAAI,CAAA,IAGxE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAS,gBAAgB;AAAA,MAAU,WAAW;AAAA,MAAI,IAAI;AAAA,IAAE;AAAA,~~cAC~~/E,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,MACxB,SAAA,MAAe,EAAwB,EAAK,QAAQ;AAAA,MACpD,MAAK;AAAA,MACL,IAAI;AAAA,QACF,wBAAwB,EACtB,GAAG,EACL;AAAA,QAEA,oBAAoB,EAClB,OAAO,GAAG,EAAM,QAAQ,QAAQ,IAAA,cAClC;AAAA,QACA,0BAA0B,EACxB,OAAO,GAAG,EAAM,QAAQ,QAAQ,IAAA,cAClC;AAAA,MACF;AAAA,MACA,SAAQ;AAAA,~~gBAER~~,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,~~kBACvB~~,EAAK,sBAAsB,EAAK;AAAA,MAC7B,CAAA;AAAA,IACA,CAAA;AAAA,EACH,CAAA;AAEX"}
1	+ {"version":3,"file":"ClientConfigurableCta.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/ClientConfigurableCta.tsx"],"sourcesContent":["import { Button, Stack } from '@mui/material'\nimport { useTheme } from '@mui/system'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport { postClientConfiguredCta } from '../../../../common/utils/PostMessage'\n\nimport { Beat } from '../../../types/CommonBeat'\n\nconst ClientConfigurableCta = ({ beat }: { beat: Beat }) => {\n const theme = useTheme()\n\n if (!beat.in_description_cta && !beat.html_in_description_cta) return <></>\n\n return (\n <Stack sx={{ alignItems: 'start', justifyContent: 'center', minHeight: 28, mt: 6 }}>\n <Button\n endIcon={<ChevronRight />}\n onClick={() => postClientConfiguredCta(beat.template)}\n size=\"small\"\n sx={{\n '&.MuiButtonBase-root': {\n p: 4,\n },\n //the overrides are due to some other unfortunate overrides in pulse that make this the secondary color :(\n '&.MuiButton-root': {\n color: `${theme.palette.primary.main} !important`,\n },\n '&.MuiButton-root:hover': {\n color: `${theme.palette.primary.main} !important`,\n },\n }}\n variant=\"text\"\n >\n <Text bold={true} variant=\"body2\">\n {beat.in_description_cta \|\| beat.html_in_description_cta}\n </Text>\n </Button>\n </Stack>\n )\n}\n\nexport default ClientConfigurableCta\n"],"mappings":";;;;;;AAUA,IAAM,IAAA,CAAyB,EAAE,MAAA,EAAA,MAA2B;AAC1D,QAAM,IAAQ,EAAS;AAEvB,SAAI,CAAC,EAAK,sBAAsB,CAAC,EAAK,0BAAgC,gBAAA,EAAA,GAAA,CAAI,CAAA,IAGxE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAS,gBAAgB;AAAA,MAAU,WAAW;AAAA,MAAI,IAAI;AAAA,IAAE;AAAA,IAC/E,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,MACxB,SAAA,MAAe,EAAwB,EAAK,QAAQ;AAAA,MACpD,MAAK;AAAA,MACL,IAAI;AAAA,QACF,wBAAwB,EACtB,GAAG,EACL;AAAA,QAEA,oBAAoB,EAClB,OAAO,GAAG,EAAM,QAAQ,QAAQ,IAAA,cAClC;AAAA,QACA,0BAA0B,EACxB,OAAO,GAAG,EAAM,QAAQ,QAAQ,IAAA,cAClC;AAAA,MACF;AAAA,MACA,SAAQ;AAAA,MAER,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,QACvB,UAAA,EAAK,sBAAsB,EAAK;AAAA,MAC7B,CAAA;AAAA,IACA,CAAA;AAAA,EACH,CAAA;AAEX"}

package/dist/insights/components/shared/InsightsCard/ContentAndDescription.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentAndDescription.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/ContentAndDescription.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { SxProps } from '@mui/material'\nimport Stack from '@mui/material/Stack'\n\nimport { Description } from '../..'\nimport { MiniDescription } from './MiniDescription'\n\nimport { Beat } from '../../../types/CommonBeat'\n\nexport interface ContentAndDescriptionProps {\n asteriskText?: string\n beat: Beat\n children?: React.ReactNode\n descriptionPlacement?: 'top' \| 'bottom'\n hideDescription?: boolean\n isLoading?: boolean\n isMini?: boolean\n hasFullWidthImage?: boolean\n sx?: SxProps\n}\n\nexport const ContentAndDescription: React.FC<ContentAndDescriptionProps> = ({\n asteriskText,\n beat,\n children,\n descriptionPlacement = 'bottom',\n hideDescription = false,\n isLoading = false,\n isMini = false,\n hasFullWidthImage,\n sx,\n}) => {\n const renderDescription = () => {\n if (hideDescription \|\| !beat.html_description) return null\n return isMini ? (\n <MiniDescription content={beat.html_description!} isLoading={isLoading} sx={sx} />\n ) : (\n <Description beat={beat} hasFullWidthImage={hasFullWidthImage} sx={sx} />\n )\n }\n\n return (\n <>\n {descriptionPlacement === 'top' && renderDescription()}\n {/* TODO: Used this here for styling margin for the MiniBeat/FullWidth Beat. This will be updated once we have a separate BaseCard in Pulse */}\n <Stack sx={{ alignItems: 'center', ...(hasFullWidthImage && isMini && { mx: -16 }) }}>\n {children}\n </Stack>\n {descriptionPlacement === 'bottom' && renderDescription()}\n {asteriskText && (\n <Text\n sx={{\n color: 'text.secondary',\n display: 'block',\n pr: 8,\n textAlign: 'right',\n }}\n variant=\"caption\"\n >\n {asteriskText}\n </Text>\n )}\n </>\n )\n}\n"],"mappings":";;;;;;AAwBA,IAAa,IAAA,CAA+D,EAC1E,cAAA,GACA,MAAA,GACA,UAAA,GACA,sBAAA,IAAuB,UACvB,iBAAA,IAAkB,IAClB,WAAA,IAAY,IACZ,QAAA,IAAS,IACT,mBAAA,GACA,IAAA,EAAA,MACI;AACJ,QAAM,IAAA,MACA,KAAmB,CAAC,EAAK,mBAAyB,OAC/C,IACL,gBAAA,EAAC,GAAD;AAAA,IAAiB,SAAS,EAAK;AAAA,IAA8B,WAAA;AAAA,IAAe,IAAA;AAAA,EAAK,CAAA,IAEjF,gBAAA,EAAC,GAAD;AAAA,IAAmB,MAAA;AAAA,IAAyB,mBAAA;AAAA,IAAuB,IAAA;AAAA,EAAK,CAAA;AAI5E,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACG,MAAyB,SAAS,EAAkB;AAAA,IAErD,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,GAAI,KAAqB,KAAU,EAAE,IAAI,IAAI;AAAA,MAAG;AAAA,MAChF,UAAA;AAAA,IACI,CAAA;AAAA,IACN,MAAyB,YAAY,EAAkB;AAAA,IACvD,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,~~gBAEP~~;AAAA,IACG,CAAA;AAAA,EAER,EAAA,CAAA;AAEN"}
1	+ {"version":3,"file":"ContentAndDescription.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/ContentAndDescription.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { SxProps } from '@mui/material'\nimport Stack from '@mui/material/Stack'\n\nimport { Description } from '../..'\nimport { MiniDescription } from './MiniDescription'\n\nimport { Beat } from '../../../types/CommonBeat'\n\nexport interface ContentAndDescriptionProps {\n asteriskText?: string\n beat: Beat\n children?: React.ReactNode\n descriptionPlacement?: 'top' \| 'bottom'\n hideDescription?: boolean\n isLoading?: boolean\n isMini?: boolean\n hasFullWidthImage?: boolean\n sx?: SxProps\n}\n\nexport const ContentAndDescription: React.FC<ContentAndDescriptionProps> = ({\n asteriskText,\n beat,\n children,\n descriptionPlacement = 'bottom',\n hideDescription = false,\n isLoading = false,\n isMini = false,\n hasFullWidthImage,\n sx,\n}) => {\n const renderDescription = () => {\n if (hideDescription \|\| !beat.html_description) return null\n return isMini ? (\n <MiniDescription content={beat.html_description!} isLoading={isLoading} sx={sx} />\n ) : (\n <Description beat={beat} hasFullWidthImage={hasFullWidthImage} sx={sx} />\n )\n }\n\n return (\n <>\n {descriptionPlacement === 'top' && renderDescription()}\n {/* TODO: Used this here for styling margin for the MiniBeat/FullWidth Beat. This will be updated once we have a separate BaseCard in Pulse */}\n <Stack sx={{ alignItems: 'center', ...(hasFullWidthImage && isMini && { mx: -16 }) }}>\n {children}\n </Stack>\n {descriptionPlacement === 'bottom' && renderDescription()}\n {asteriskText && (\n <Text\n sx={{\n color: 'text.secondary',\n display: 'block',\n pr: 8,\n textAlign: 'right',\n }}\n variant=\"caption\"\n >\n {asteriskText}\n </Text>\n )}\n </>\n )\n}\n"],"mappings":";;;;;;AAwBA,IAAa,IAAA,CAA+D,EAC1E,cAAA,GACA,MAAA,GACA,UAAA,GACA,sBAAA,IAAuB,UACvB,iBAAA,IAAkB,IAClB,WAAA,IAAY,IACZ,QAAA,IAAS,IACT,mBAAA,GACA,IAAA,EAAA,MACI;AACJ,QAAM,IAAA,MACA,KAAmB,CAAC,EAAK,mBAAyB,OAC/C,IACL,gBAAA,EAAC,GAAD;AAAA,IAAiB,SAAS,EAAK;AAAA,IAA8B,WAAA;AAAA,IAAe,IAAA;AAAA,EAAK,CAAA,IAEjF,gBAAA,EAAC,GAAD;AAAA,IAAmB,MAAA;AAAA,IAAyB,mBAAA;AAAA,IAAuB,IAAA;AAAA,EAAK,CAAA;AAI5E,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACG,MAAyB,SAAS,EAAkB;AAAA,IAErD,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,GAAI,KAAqB,KAAU,EAAE,IAAI,IAAI;AAAA,MAAG;AAAA,MAChF,UAAA;AAAA,IACI,CAAA;AAAA,IACN,MAAyB,YAAY,EAAkB;AAAA,IACvD,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,MAEP,UAAA;AAAA,IACG,CAAA;AAAA,EAER,EAAA,CAAA;AAEN"}

package/dist/insights/components/shared/InsightsCard/ContentAndDescriptionMUI.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentAndDescriptionMUI.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/ContentAndDescriptionMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport type { SxProps } from '@mui/material'\nimport Stack from '@mui/material/Stack'\n\nimport { MiniDescriptionMUI } from './MiniDescriptionMUI'\nimport { DescriptionMUI } from './DescriptionMUI'\n\nimport type { Beat } from '../../../types/CommonBeat'\n\nexport interface ContentAndDescriptionMUIProps {\n asteriskText?: string\n beat: Beat\n children?: React.ReactNode\n descriptionPlacement?: 'top' \| 'bottom'\n hideDescription?: boolean\n isLoading?: boolean\n isMini?: boolean\n hasFullWidthImage?: boolean\n sx?: SxProps\n}\n\nexport const ContentAndDescriptionMUI: React.FC<ContentAndDescriptionMUIProps> = ({\n asteriskText,\n beat,\n children,\n descriptionPlacement = 'bottom',\n hideDescription = false,\n isLoading = false,\n isMini = false,\n hasFullWidthImage,\n sx,\n}) => {\n const renderDescription = () => {\n if (hideDescription \|\| !beat.html_description) return null\n return isMini ? (\n <MiniDescriptionMUI content={beat.html_description!} isLoading={isLoading} sx={sx} />\n ) : (\n <DescriptionMUI beat={beat} hasFullWidthImage={hasFullWidthImage} sx={sx} />\n )\n }\n\n return (\n <>\n {descriptionPlacement === 'top' && renderDescription()}\n {children && (\n <Stack sx={{ alignItems: 'center', ...(hasFullWidthImage && isMini && { mx: -16 }) }}>\n {children}\n </Stack>\n )}\n {descriptionPlacement === 'bottom' && renderDescription()}\n {asteriskText && (\n <Text\n sx={{\n color: 'text.secondary',\n display: 'block',\n pr: 8,\n textAlign: 'right',\n }}\n variant=\"caption\"\n >\n {asteriskText}\n </Text>\n )}\n </>\n )\n}\n"],"mappings":";;;;;;AAwBA,IAAa,IAAA,CAAqE,EAChF,cAAA,GACA,MAAA,GACA,UAAA,GACA,sBAAA,IAAuB,UACvB,iBAAA,IAAkB,IAClB,WAAA,IAAY,IACZ,QAAA,IAAS,IACT,mBAAA,GACA,IAAA,EAAA,MACI;AACJ,QAAM,IAAA,MACA,KAAmB,CAAC,EAAK,mBAAyB,OAC/C,IACL,gBAAA,EAAC,GAAD;AAAA,IAAoB,SAAS,EAAK;AAAA,IAA8B,WAAA;AAAA,IAAe,IAAA;AAAA,EAAK,CAAA,IAEpF,gBAAA,EAAC,GAAD;AAAA,IAAsB,MAAA;AAAA,IAAyB,mBAAA;AAAA,IAAuB,IAAA;AAAA,EAAK,CAAA;AAI/E,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACG,MAAyB,SAAS,EAAkB;AAAA,IACpD,KACC,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,GAAI,KAAqB,KAAU,EAAE,IAAI,IAAI;AAAA,MAAG;AAAA,MAChF,UAAA;AAAA,IACI,CAAA;AAAA,IAER,MAAyB,YAAY,EAAkB;AAAA,IACvD,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,~~gBAEP~~;AAAA,IACG,CAAA;AAAA,EAER,EAAA,CAAA;AAEN"}
1	+ {"version":3,"file":"ContentAndDescriptionMUI.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/ContentAndDescriptionMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport type { SxProps } from '@mui/material'\nimport Stack from '@mui/material/Stack'\n\nimport { MiniDescriptionMUI } from './MiniDescriptionMUI'\nimport { DescriptionMUI } from './DescriptionMUI'\n\nimport type { Beat } from '../../../types/CommonBeat'\n\nexport interface ContentAndDescriptionMUIProps {\n asteriskText?: string\n beat: Beat\n children?: React.ReactNode\n descriptionPlacement?: 'top' \| 'bottom'\n hideDescription?: boolean\n isLoading?: boolean\n isMini?: boolean\n hasFullWidthImage?: boolean\n sx?: SxProps\n}\n\nexport const ContentAndDescriptionMUI: React.FC<ContentAndDescriptionMUIProps> = ({\n asteriskText,\n beat,\n children,\n descriptionPlacement = 'bottom',\n hideDescription = false,\n isLoading = false,\n isMini = false,\n hasFullWidthImage,\n sx,\n}) => {\n const renderDescription = () => {\n if (hideDescription \|\| !beat.html_description) return null\n return isMini ? (\n <MiniDescriptionMUI content={beat.html_description!} isLoading={isLoading} sx={sx} />\n ) : (\n <DescriptionMUI beat={beat} hasFullWidthImage={hasFullWidthImage} sx={sx} />\n )\n }\n\n return (\n <>\n {descriptionPlacement === 'top' && renderDescription()}\n {children && (\n <Stack sx={{ alignItems: 'center', ...(hasFullWidthImage && isMini && { mx: -16 }) }}>\n {children}\n </Stack>\n )}\n {descriptionPlacement === 'bottom' && renderDescription()}\n {asteriskText && (\n <Text\n sx={{\n color: 'text.secondary',\n display: 'block',\n pr: 8,\n textAlign: 'right',\n }}\n variant=\"caption\"\n >\n {asteriskText}\n </Text>\n )}\n </>\n )\n}\n"],"mappings":";;;;;;AAwBA,IAAa,IAAA,CAAqE,EAChF,cAAA,GACA,MAAA,GACA,UAAA,GACA,sBAAA,IAAuB,UACvB,iBAAA,IAAkB,IAClB,WAAA,IAAY,IACZ,QAAA,IAAS,IACT,mBAAA,GACA,IAAA,EAAA,MACI;AACJ,QAAM,IAAA,MACA,KAAmB,CAAC,EAAK,mBAAyB,OAC/C,IACL,gBAAA,EAAC,GAAD;AAAA,IAAoB,SAAS,EAAK;AAAA,IAA8B,WAAA;AAAA,IAAe,IAAA;AAAA,EAAK,CAAA,IAEpF,gBAAA,EAAC,GAAD;AAAA,IAAsB,MAAA;AAAA,IAAyB,mBAAA;AAAA,IAAuB,IAAA;AAAA,EAAK,CAAA;AAI/E,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACG,MAAyB,SAAS,EAAkB;AAAA,IACpD,KACC,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,GAAI,KAAqB,KAAU,EAAE,IAAI,IAAI;AAAA,MAAG;AAAA,MAChF,UAAA;AAAA,IACI,CAAA;AAAA,IAER,MAAyB,YAAY,EAAkB;AAAA,IACvD,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,MAEP,UAAA;AAAA,IACG,CAAA;AAAA,EAER,EAAA,CAAA;AAEN"}

package/dist/insights/components/shared/InsightsCard/Description.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Description.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/Description.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { SxProps } from '@mui/material'\nimport CardContent from '@mui/material/CardContent'\n\nimport ClientConfigurableCta from './ClientConfigurableCta'\n\nimport { Beat } from '../../../types/CommonBeat'\n\ninterface DescriptionProps {\n beat: Beat\n hasFullWidthImage?: boolean\n sx?: SxProps\n}\n\nexport const Description: React.FC<DescriptionProps> = ({ beat, hasFullWidthImage, sx }) => {\n const { html_description } = beat\n\n return (\n <CardContent\n sx={{\n p: 0,\n '&:last-child': {\n pb: 0,\n },\n pb: 24,\n ...sx,\n }}\n >\n <P\n dangerouslySetInnerHTML={{ __html: html_description! }}\n sx={{\n m: 0,\n pt: 16,\n px: 8, // The new description design has a 24px padding on the x axis, however, pulse already adds 16px. In order to not break existing insights we are only using 8px here so it adds up to 24. Once all insights are moved to this repo we make pulse 0px and this 24px.\n ...(hasFullWidthImage && { px: 16 }),\n }}\n variant=\"subtitle2\"\n />\n <ClientConfigurableCta beat={beat} />\n </CardContent>\n )\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAA,CAA2C,EAAE,MAAA,GAAM,mBAAA,GAAmB,IAAA,EAAA,MAAS;AAC1F,QAAM,EAAE,kBAAA,EAAA,IAAqB;AAE7B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,GAAG;AAAA,MACH,gBAAgB,EACd,IAAI,EACN;AAAA,MACA,IAAI;AAAA,MACJ,GAAG;AAAA,IACL;AAAA,~~cARF~~,CAUE,gBAAA,EAAC,GAAD;AAAA,MACE,yBAAyB,EAAE,QAAQ,EAAkB;AAAA,MACrD,IAAI;AAAA,QACF,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAI,KAAqB,EAAE,IAAI,GAAG;AAAA,MACpC;AAAA,MACA,SAAQ;AAAA,IACT,CAAA,GACD,gBAAA,EAAC,GAAD,EAA6B,MAAA,EAAO,CAAA,CACzB;AAAA;AAEjB"}
1	+ {"version":3,"file":"Description.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/Description.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { SxProps } from '@mui/material'\nimport CardContent from '@mui/material/CardContent'\n\nimport ClientConfigurableCta from './ClientConfigurableCta'\n\nimport { Beat } from '../../../types/CommonBeat'\n\ninterface DescriptionProps {\n beat: Beat\n hasFullWidthImage?: boolean\n sx?: SxProps\n}\n\nexport const Description: React.FC<DescriptionProps> = ({ beat, hasFullWidthImage, sx }) => {\n const { html_description } = beat\n\n return (\n <CardContent\n sx={{\n p: 0,\n '&:last-child': {\n pb: 0,\n },\n pb: 24,\n ...sx,\n }}\n >\n <P\n dangerouslySetInnerHTML={{ __html: html_description! }}\n sx={{\n m: 0,\n pt: 16,\n px: 8, // The new description design has a 24px padding on the x axis, however, pulse already adds 16px. In order to not break existing insights we are only using 8px here so it adds up to 24. Once all insights are moved to this repo we make pulse 0px and this 24px.\n ...(hasFullWidthImage && { px: 16 }),\n }}\n variant=\"subtitle2\"\n />\n <ClientConfigurableCta beat={beat} />\n </CardContent>\n )\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAA,CAA2C,EAAE,MAAA,GAAM,mBAAA,GAAmB,IAAA,EAAA,MAAS;AAC1F,QAAM,EAAE,kBAAA,EAAA,IAAqB;AAE7B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,GAAG;AAAA,MACH,gBAAgB,EACd,IAAI,EACN;AAAA,MACA,IAAI;AAAA,MACJ,GAAG;AAAA,IACL;AAAA,IARF,UAAA,CAUE,gBAAA,EAAC,GAAD;AAAA,MACE,yBAAyB,EAAE,QAAQ,EAAkB;AAAA,MACrD,IAAI;AAAA,QACF,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAI,KAAqB,EAAE,IAAI,GAAG;AAAA,MACpC;AAAA,MACA,SAAQ;AAAA,IACT,CAAA,GACD,gBAAA,EAAC,GAAD,EAA6B,MAAA,EAAO,CAAA,CACzB;AAAA;AAEjB"}

package/dist/insights/components/shared/InsightsCard/DescriptionMUI.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DescriptionMUI.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/DescriptionMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport type { SxProps } from '@mui/material'\nimport CardContent from '@mui/material/CardContent'\n\nimport ClientConfigurableCta from './ClientConfigurableCta'\n\nimport type { Beat } from '../../../types/CommonBeat'\n\ninterface DescriptionMUIProps {\n beat: Beat\n hasFullWidthImage?: boolean\n sx?: SxProps\n}\n\nexport const DescriptionMUI: React.FC<DescriptionMUIProps> = ({ beat, hasFullWidthImage, sx }) => {\n const { html_description } = beat\n\n return (\n <CardContent\n sx={{\n p: 0,\n '&:last-child': {\n pb: 0,\n },\n ...sx,\n }}\n >\n <P\n dangerouslySetInnerHTML={{ __html: html_description! }}\n sx={{\n m: 0,\n mb: 4,\n px: 0,\n ...(hasFullWidthImage && { px: 16 }),\n }}\n variant=\"subtitle2\"\n />\n <ClientConfigurableCta beat={beat} />\n </CardContent>\n )\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAA,CAAiD,EAAE,MAAA,GAAM,mBAAA,GAAmB,IAAA,EAAA,MAAS;AAChG,QAAM,EAAE,kBAAA,EAAA,IAAqB;AAE7B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,GAAG;AAAA,MACH,gBAAgB,EACd,IAAI,EACN;AAAA,MACA,GAAG;AAAA,IACL;AAAA,~~cAPF~~,CASE,gBAAA,EAAC,GAAD;AAAA,MACE,yBAAyB,EAAE,QAAQ,EAAkB;AAAA,MACrD,IAAI;AAAA,QACF,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAI,KAAqB,EAAE,IAAI,GAAG;AAAA,MACpC;AAAA,MACA,SAAQ;AAAA,IACT,CAAA,GACD,gBAAA,EAAC,GAAD,EAA6B,MAAA,EAAO,CAAA,CACzB;AAAA;AAEjB"}
1	+ {"version":3,"file":"DescriptionMUI.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/DescriptionMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport type { SxProps } from '@mui/material'\nimport CardContent from '@mui/material/CardContent'\n\nimport ClientConfigurableCta from './ClientConfigurableCta'\n\nimport type { Beat } from '../../../types/CommonBeat'\n\ninterface DescriptionMUIProps {\n beat: Beat\n hasFullWidthImage?: boolean\n sx?: SxProps\n}\n\nexport const DescriptionMUI: React.FC<DescriptionMUIProps> = ({ beat, hasFullWidthImage, sx }) => {\n const { html_description } = beat\n\n return (\n <CardContent\n sx={{\n p: 0,\n '&:last-child': {\n pb: 0,\n },\n ...sx,\n }}\n >\n <P\n dangerouslySetInnerHTML={{ __html: html_description! }}\n sx={{\n m: 0,\n mb: 4,\n px: 0,\n ...(hasFullWidthImage && { px: 16 }),\n }}\n variant=\"subtitle2\"\n />\n <ClientConfigurableCta beat={beat} />\n </CardContent>\n )\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAA,CAAiD,EAAE,MAAA,GAAM,mBAAA,GAAmB,IAAA,EAAA,MAAS;AAChG,QAAM,EAAE,kBAAA,EAAA,IAAqB;AAE7B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,GAAG;AAAA,MACH,gBAAgB,EACd,IAAI,EACN;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,MACE,yBAAyB,EAAE,QAAQ,EAAkB;AAAA,MACrD,IAAI;AAAA,QACF,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAI,KAAqB,EAAE,IAAI,GAAG;AAAA,MACpC;AAAA,MACA,SAAQ;AAAA,IACT,CAAA,GACD,gBAAA,EAAC,GAAD,EAA6B,MAAA,EAAO,CAAA,CACzB;AAAA;AAEjB"}

package/dist/insights/components/shared/InsightsCard/EmbeddedCard.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmbeddedCard.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/EmbeddedCard.tsx"],"sourcesContent":["import { P, Text } from '@mxenabled/mxui'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\ninterface EmbeddedCardProps {\n title: string\n description: string\n callToAction: string\n instanceSlot?: React.ReactNode\n onCtaClick?: () => void\n}\n\nexport const EmbeddedCard = ({\n title,\n description,\n callToAction,\n instanceSlot = undefined,\n onCtaClick = () => {},\n}: EmbeddedCardProps) => {\n return (\n <Card sx={{ pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: '8px' }}>\n <Stack\n sx={{\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n pt: 4,\n pl: 8,\n }}\n >\n <Text bold={true} variant=\"body1\">\n {title}\n </Text>\n </Stack>\n\n <Stack\n sx={{\n gap: 16,\n alignItems: 'center',\n flexDirection: 'row',\n justifyContent: 'space-between',\n }}\n >\n <Stack>\n <Stack sx={{ pt: 2, pl: 8, pb: 8 }}>\n <P sx={{ fontWeight: 400 }} variant=\"subtitle2\">\n {description}\n </P>\n </Stack>\n <Stack sx={{ alignItems: 'flex-start' }}>\n <Button\n onClick={onCtaClick}\n sx={{\n p: 0,\n height: 24,\n px: 8,\n py: 8,\n fontWeight: 600,\n fontSize: 13,\n lineHeight: '16px',\n }}\n variant=\"text\"\n >\n {callToAction}\n </Button>\n </Stack>\n </Stack>\n {instanceSlot}\n </Stack>\n </Card>\n )\n}\n"],"mappings":";;;;;AAcA,IAAa,IAAA,CAAgB,EAC3B,OAAA,GACA,aAAA,GACA,cAAA,GACA,cAAA,IAAe,QACf,YAAA,IAAA,MAAmB;AAAC,EAAA,MAGlB,gBAAA,EAAC,GAAD;AAAA,EAAM,IAAI;AAAA,IAAE,IAAI;AAAA,IAAG,IAAI;AAAA,IAAI,IAAI;AAAA,IAAI,IAAI;AAAA,IAAG,cAAc;AAAA,EAAM;AAAA,~~YAA9D~~,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,~~cAEA~~,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,SAAQ;AAAA,~~gBACvB~~;AAAA,IACG,CAAA;AAAA,EACD,CAAA,GAEP,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,~~cANF~~,CAQE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,IAAI;AAAA,QAAG,IAAI;AAAA,QAAG,IAAI;AAAA,MAAE;AAAA,~~gBAC~~/B,gBAAA,EAAC,GAAD;AAAA,QAAG,IAAI,EAAE,YAAY,IAAI;AAAA,QAAG,SAAQ;AAAA,~~kBACjC~~;AAAA,MACA,CAAA;AAAA,IACE,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,YAAY,aAAa;AAAA,~~gBACpC~~,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS;AAAA,QACT,IAAI;AAAA,UACF,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QACA,SAAQ;AAAA,~~kBAEP~~;AAAA,MACK,CAAA;AAAA,IACH,CAAA,CACF,EAAA,CAAA,GACN,CACI;AAAA,~~IACH~~"}
1	+ {"version":3,"file":"EmbeddedCard.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/EmbeddedCard.tsx"],"sourcesContent":["import { P, Text } from '@mxenabled/mxui'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\ninterface EmbeddedCardProps {\n title: string\n description: string\n callToAction: string\n instanceSlot?: React.ReactNode\n onCtaClick?: () => void\n}\n\nexport const EmbeddedCard = ({\n title,\n description,\n callToAction,\n instanceSlot = undefined,\n onCtaClick = () => {},\n}: EmbeddedCardProps) => {\n return (\n <Card sx={{ pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: '8px' }}>\n <Stack\n sx={{\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n pt: 4,\n pl: 8,\n }}\n >\n <Text bold={true} variant=\"body1\">\n {title}\n </Text>\n </Stack>\n\n <Stack\n sx={{\n gap: 16,\n alignItems: 'center',\n flexDirection: 'row',\n justifyContent: 'space-between',\n }}\n >\n <Stack>\n <Stack sx={{ pt: 2, pl: 8, pb: 8 }}>\n <P sx={{ fontWeight: 400 }} variant=\"subtitle2\">\n {description}\n </P>\n </Stack>\n <Stack sx={{ alignItems: 'flex-start' }}>\n <Button\n onClick={onCtaClick}\n sx={{\n p: 0,\n height: 24,\n px: 8,\n py: 8,\n fontWeight: 600,\n fontSize: 13,\n lineHeight: '16px',\n }}\n variant=\"text\"\n >\n {callToAction}\n </Button>\n </Stack>\n </Stack>\n {instanceSlot}\n </Stack>\n </Card>\n )\n}\n"],"mappings":";;;;;AAcA,IAAa,IAAA,CAAgB,EAC3B,OAAA,GACA,aAAA,GACA,cAAA,GACA,cAAA,IAAe,QACf,YAAA,IAAA,MAAmB;AAAC,EAAA,MAGlB,gBAAA,EAAC,GAAD;AAAA,EAAM,IAAI;AAAA,IAAE,IAAI;AAAA,IAAG,IAAI;AAAA,IAAI,IAAI;AAAA,IAAI,IAAI;AAAA,IAAG,cAAc;AAAA,EAAM;AAAA,EAA9D,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,SAAQ;AAAA,MACvB,UAAA;AAAA,IACG,CAAA;AAAA,EACD,CAAA,GAEP,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IANF,UAAA,CAQE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,IAAI;AAAA,QAAG,IAAI;AAAA,QAAG,IAAI;AAAA,MAAE;AAAA,MAC/B,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAG,IAAI,EAAE,YAAY,IAAI;AAAA,QAAG,SAAQ;AAAA,QACjC,UAAA;AAAA,MACA,CAAA;AAAA,IACE,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,YAAY,aAAa;AAAA,MACpC,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS;AAAA,QACT,IAAI;AAAA,UACF,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QACA,SAAQ;AAAA,QAEP,UAAA;AAAA,MACK,CAAA;AAAA,IACH,CAAA,CACF,EAAA,CAAA,GACN,CACI;AAAA,EACH,CAAA,CAAA"}

package/dist/insights/components/shared/InsightsCard/FeedbackCard.es.js CHANGED Viewed

@@ -7,8 +7,8 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useTheme as y } from "@mui/material/styles";
 import F from "@mui/material/IconButton";
 import M from "@mui/material/Card";
-import j from "@mui/material/TextField";
-import L from "@mui/material/FormControlLabel";
+import j from "@mui/material/FormControlLabel";
+import L from "@mui/material/TextField";
 import z from "@mui/material/Radio";
 import H from "@mui/material/FormControl";
 import W from "@mui/material/RadioGroup";
@@ -60,7 +60,7 @@ var A = 250, a = 4, X = ({ closeAriaLabel: u, feedbackTitle: h, onClose: p, onBa
           name: "radio-buttons-group",
           onChange: k,
           value: t,
-          children: b.map((o, n) => /* @__PURE__ */ e(L, {
+          children: b.map((o, n) => /* @__PURE__ */ e(j, {
             control: /* @__PURE__ */ e(z, { sx: { "& .MuiSvgIcon-root": { fontSize: 22 } } }),
             label: o,
             sx: { "& .MuiFormControlLabel-label": {
@@ -74,7 +74,7 @@ var A = 250, a = 4, X = ({ closeAriaLabel: u, feedbackTitle: h, onClose: p, onBa
             mt: 4,
             gap: 3
           },
-          children: [/* @__PURE__ */ e(j, {
+          children: [/* @__PURE__ */ e(L, {
             maxRows: 4,
             minRows: 4,
             multiline: !0,

package/dist/insights/components/shared/InsightsCard/FeedbackCard.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedbackCard.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/FeedbackCard.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport FormControl from '@mui/material/FormControl'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport IconButton from '@mui/material/IconButton'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport TextField from '@mui/material/TextField'\n\ninterface FeedbackCardProps {\n closeAriaLabel: string\n feedbackTitle: string\n onClose: () => void\n onBackClick: () => void\n onSubmit: (selectedRadio: number, feedbackMessage?: string) => void\n radioOptions: string[]\n characterLimitText: string\n backButtonTitle: string\n submitButtonTitle: string\n}\n\nconst CHARACTER_LIMIT = 250\nconst OTHER = 4\n\nexport const FeedbackCard = ({\n closeAriaLabel,\n feedbackTitle,\n onClose,\n onBackClick,\n onSubmit,\n radioOptions,\n characterLimitText,\n backButtonTitle,\n submitButtonTitle,\n}: FeedbackCardProps) => {\n const theme = useTheme()\n const [selectedValue, setSelectedValue] = useState<number \| null>(null)\n const [feedbackMessage, setFeedbackMessage] = useState('')\n\n const handleRadioChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const index = parseInt(event.target.value, 10)\n setSelectedValue(index)\n if (index !== OTHER) {\n setFeedbackMessage('')\n }\n }\n\n const handleOtherTextChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setFeedbackMessage(event.target.value)\n }\n\n const handleSubmit = () => {\n if (selectedValue !== null) {\n onSubmit(selectedValue, selectedValue === OTHER ? feedbackMessage : undefined)\n }\n }\n\n return (\n <Card sx={{ minWidth: 288, width: { sm: theme.breakpoints.values.xs }, borderRadius: '8px' }}>\n <Stack\n sx={{ p: 24, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }}\n >\n <Text variant=\"h3\">{feedbackTitle}</Text>\n <IconButton\n aria-label={closeAriaLabel}\n onClick={onClose}\n sx={{ minHeight: 'unset', minWidth: 'unset', p: 0 }}\n >\n <Icon color=\"secondary\" name=\"close\" size={24} />\n </IconButton>\n </Stack>\n\n <Stack sx={{ px: 24 }}>\n <FormControl>\n <RadioGroup\n aria-labelledby=\"hide-insight-radio-buttons-group-label\"\n name=\"radio-buttons-group\"\n onChange={handleRadioChange}\n value={selectedValue}\n >\n {radioOptions.map((option, index) => (\n <FormControlLabel\n control={\n <Radio\n sx={{\n '& .MuiSvgIcon-root': {\n fontSize: 22,\n },\n }}\n />\n }\n key={option}\n label={option}\n sx={{\n '& .MuiFormControlLabel-label': {\n fontSize: 15,\n color: 'text.primary',\n },\n }}\n value={index}\n />\n ))}\n </RadioGroup>\n </FormControl>\n {selectedValue === OTHER && (\n <Stack sx={{ mt: 4, gap: 3 }}>\n <TextField\n maxRows={4}\n minRows={4}\n multiline={true}\n onChange={handleOtherTextChange}\n slotProps={{ htmlInput: { maxLength: CHARACTER_LIMIT } }}\n value={feedbackMessage}\n />\n\n <Text sx={{ fontWeight: 400, color: 'text.secondary' }} variant=\"subtitle2\">\n {characterLimitText}\n </Text>\n </Stack>\n )}\n </Stack>\n\n <Stack\n sx={{\n alignItems: 'center',\n flexDirection: 'row',\n p: 24,\n gap: 8,\n justifyContent: 'flex-end',\n }}\n >\n <Button onClick={onBackClick} variant=\"text\">\n {backButtonTitle}\n </Button>\n <Button\n disabled={selectedValue === null \|\| (selectedValue === OTHER && !feedbackMessage.trim())}\n onClick={handleSubmit}\n variant=\"contained\"\n >\n {submitButtonTitle}\n </Button>\n </Stack>\n </Card>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;AA4BA,IAAM,IAAkB,KAClB,IAAQ,GAED,IAAA,CAAgB,EAC3B,gBAAA,GACA,eAAA,GACA,SAAA,GACA,aAAA,GACA,UAAA,GACA,cAAA,GACA,oBAAA,GACA,iBAAA,GACA,mBAAA,EAAA,MACuB;AACvB,QAAM,IAAQ,EAAS,GACjB,CAAC,GAAe,CAAA,IAAoB,EAAwB,IAAI,GAChE,CAAC,GAAiB,CAAA,IAAsB,EAAS,EAAE,GAEnD,IAAA,CAAqB,MAA+C;AACxE,UAAM,IAAQ,SAAS,EAAM,OAAO,OAAO,EAAE;AAC7C,IAAA,EAAiB,CAAK,GAClB,MAAU,KACZ,EAAmB,EAAE;AAAA,EAEzB,GAEM,IAAA,CAAyB,MAA+C;AAC5E,IAAA,EAAmB,EAAM,OAAO,KAAK;AAAA,EACvC,GAEM,IAAA,MAAqB;AACzB,IAAI,MAAkB,QACpB,EAAS,GAAe,MAAkB,IAAQ,IAAkB,MAAS;AAAA,EAEjF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI;AAAA,MAAE,UAAU;AAAA,MAAK,OAAO,EAAE,IAAI,EAAM,YAAY,OAAO,GAAG;AAAA,MAAG,cAAc;AAAA,IAAM;AAAA,~~cAA3F~~;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UAAE,GAAG;AAAA,UAAI,eAAe;AAAA,UAAO,YAAY;AAAA,UAAU,gBAAgB;AAAA,QAAgB;AAAA,~~kBAD3F~~,CAGE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,~~oBAAM~~;AAAA,QAAoB,CAAA,GACxC,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY;AAAA,UACZ,SAAS;AAAA,UACT,IAAI;AAAA,YAAE,WAAW;AAAA,YAAS,UAAU;AAAA,YAAS,GAAG;AAAA,UAAE;AAAA,~~oBAElD~~,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAY,MAAK;AAAA,YAAQ,MAAM;AAAA,UAAK,CAAA;AAAA,QACtC,CAAA,CACP;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI,EAAE,IAAI,GAAG;AAAA,~~kBAApB~~,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UACE,mBAAgB;AAAA,UAChB,MAAK;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,~~oBAEN~~,EAAa,IAAA,CAAK,GAAQ,MACzB,gBAAA,EAAC,GAAD;AAAA,YACE,SACE,gBAAA,EAAC,GAAD,EACE,IAAI,EACF,sBAAsB,EACpB,UAAU,GACZ,EACF,EACD,CAAA;AAAA,YAGH,OAAO;AAAA,YACP,IAAI,EACF,gCAAgC;AAAA,cAC9B,UAAU;AAAA,cACV,OAAO;AAAA,YACT,EACF;AAAA,YACA,OAAO;AAAA,UACR,GATM,CASN,CACF;AAAA,QACS,CAAA,EACD,CAAA,GACZ,MAAkB,KACjB,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,IAAI;AAAA,YAAG,KAAK;AAAA,UAAE;AAAA,~~oBAA3B~~,CACE,gBAAA,EAAC,GAAD;AAAA,YACE,SAAS;AAAA,YACT,SAAS;AAAA,YACT,WAAW;AAAA,YACX,UAAU;AAAA,YACV,WAAW,EAAE,WAAW,EAAE,WAAW,EAAgB,EAAE;AAAA,YACvD,OAAO;AAAA,UACR,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI;AAAA,cAAE,YAAY;AAAA,cAAK,OAAO;AAAA,YAAiB;AAAA,YAAG,SAAQ;AAAA,~~sBAC7D~~;AAAA,UACG,CAAA,CACD;AAAA,~~UAEJ~~;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,GAAG;AAAA,UACH,KAAK;AAAA,UACL,gBAAgB;AAAA,QAClB;AAAA,~~kBAPF~~,CASE,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAAa,SAAQ;AAAA,~~oBACnC~~;AAAA,QACK,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,UACE,UAAU,MAAkB,QAAS,MAAkB,KAAS,CAAC,EAAgB,KAAK;AAAA,UACtF,SAAS;AAAA,UACT,SAAQ;AAAA,~~oBAEP~~;AAAA,QACK,CAAA,CACH;AAAA;IACH;AAAA;AAEV"}
1	+ {"version":3,"file":"FeedbackCard.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/FeedbackCard.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport FormControl from '@mui/material/FormControl'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport IconButton from '@mui/material/IconButton'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport TextField from '@mui/material/TextField'\n\ninterface FeedbackCardProps {\n closeAriaLabel: string\n feedbackTitle: string\n onClose: () => void\n onBackClick: () => void\n onSubmit: (selectedRadio: number, feedbackMessage?: string) => void\n radioOptions: string[]\n characterLimitText: string\n backButtonTitle: string\n submitButtonTitle: string\n}\n\nconst CHARACTER_LIMIT = 250\nconst OTHER = 4\n\nexport const FeedbackCard = ({\n closeAriaLabel,\n feedbackTitle,\n onClose,\n onBackClick,\n onSubmit,\n radioOptions,\n characterLimitText,\n backButtonTitle,\n submitButtonTitle,\n}: FeedbackCardProps) => {\n const theme = useTheme()\n const [selectedValue, setSelectedValue] = useState<number \| null>(null)\n const [feedbackMessage, setFeedbackMessage] = useState('')\n\n const handleRadioChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const index = parseInt(event.target.value, 10)\n setSelectedValue(index)\n if (index !== OTHER) {\n setFeedbackMessage('')\n }\n }\n\n const handleOtherTextChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setFeedbackMessage(event.target.value)\n }\n\n const handleSubmit = () => {\n if (selectedValue !== null) {\n onSubmit(selectedValue, selectedValue === OTHER ? feedbackMessage : undefined)\n }\n }\n\n return (\n <Card sx={{ minWidth: 288, width: { sm: theme.breakpoints.values.xs }, borderRadius: '8px' }}>\n <Stack\n sx={{ p: 24, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }}\n >\n <Text variant=\"h3\">{feedbackTitle}</Text>\n <IconButton\n aria-label={closeAriaLabel}\n onClick={onClose}\n sx={{ minHeight: 'unset', minWidth: 'unset', p: 0 }}\n >\n <Icon color=\"secondary\" name=\"close\" size={24} />\n </IconButton>\n </Stack>\n\n <Stack sx={{ px: 24 }}>\n <FormControl>\n <RadioGroup\n aria-labelledby=\"hide-insight-radio-buttons-group-label\"\n name=\"radio-buttons-group\"\n onChange={handleRadioChange}\n value={selectedValue}\n >\n {radioOptions.map((option, index) => (\n <FormControlLabel\n control={\n <Radio\n sx={{\n '& .MuiSvgIcon-root': {\n fontSize: 22,\n },\n }}\n />\n }\n key={option}\n label={option}\n sx={{\n '& .MuiFormControlLabel-label': {\n fontSize: 15,\n color: 'text.primary',\n },\n }}\n value={index}\n />\n ))}\n </RadioGroup>\n </FormControl>\n {selectedValue === OTHER && (\n <Stack sx={{ mt: 4, gap: 3 }}>\n <TextField\n maxRows={4}\n minRows={4}\n multiline={true}\n onChange={handleOtherTextChange}\n slotProps={{ htmlInput: { maxLength: CHARACTER_LIMIT } }}\n value={feedbackMessage}\n />\n\n <Text sx={{ fontWeight: 400, color: 'text.secondary' }} variant=\"subtitle2\">\n {characterLimitText}\n </Text>\n </Stack>\n )}\n </Stack>\n\n <Stack\n sx={{\n alignItems: 'center',\n flexDirection: 'row',\n p: 24,\n gap: 8,\n justifyContent: 'flex-end',\n }}\n >\n <Button onClick={onBackClick} variant=\"text\">\n {backButtonTitle}\n </Button>\n <Button\n disabled={selectedValue === null \|\| (selectedValue === OTHER && !feedbackMessage.trim())}\n onClick={handleSubmit}\n variant=\"contained\"\n >\n {submitButtonTitle}\n </Button>\n </Stack>\n </Card>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;AA4BA,IAAM,IAAkB,KAClB,IAAQ,GAED,IAAA,CAAgB,EAC3B,gBAAA,GACA,eAAA,GACA,SAAA,GACA,aAAA,GACA,UAAA,GACA,cAAA,GACA,oBAAA,GACA,iBAAA,GACA,mBAAA,EAAA,MACuB;AACvB,QAAM,IAAQ,EAAS,GACjB,CAAC,GAAe,CAAA,IAAoB,EAAwB,IAAI,GAChE,CAAC,GAAiB,CAAA,IAAsB,EAAS,EAAE,GAEnD,IAAA,CAAqB,MAA+C;AACxE,UAAM,IAAQ,SAAS,EAAM,OAAO,OAAO,EAAE;AAC7C,IAAA,EAAiB,CAAK,GAClB,MAAU,KACZ,EAAmB,EAAE;AAAA,EAEzB,GAEM,IAAA,CAAyB,MAA+C;AAC5E,IAAA,EAAmB,EAAM,OAAO,KAAK;AAAA,EACvC,GAEM,IAAA,MAAqB;AACzB,IAAI,MAAkB,QACpB,EAAS,GAAe,MAAkB,IAAQ,IAAkB,MAAS;AAAA,EAEjF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI;AAAA,MAAE,UAAU;AAAA,MAAK,OAAO,EAAE,IAAI,EAAM,YAAY,OAAO,GAAG;AAAA,MAAG,cAAc;AAAA,IAAM;AAAA,IAA3F,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UAAE,GAAG;AAAA,UAAI,eAAe;AAAA,UAAO,YAAY;AAAA,UAAU,gBAAgB;AAAA,QAAgB;AAAA,QAD3F,UAAA,CAGE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,UAAM,UAAA;AAAA,QAAoB,CAAA,GACxC,gBAAA,EAAC,GAAD;AAAA,UACE,cAAY;AAAA,UACZ,SAAS;AAAA,UACT,IAAI;AAAA,YAAE,WAAW;AAAA,YAAS,UAAU;AAAA,YAAS,GAAG;AAAA,UAAE;AAAA,UAElD,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAY,MAAK;AAAA,YAAQ,MAAM;AAAA,UAAK,CAAA;AAAA,QACtC,CAAA,CACP;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI,EAAE,IAAI,GAAG;AAAA,QAApB,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UACE,mBAAgB;AAAA,UAChB,MAAK;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAA,EAAa,IAAA,CAAK,GAAQ,MACzB,gBAAA,EAAC,GAAD;AAAA,YACE,SACE,gBAAA,EAAC,GAAD,EACE,IAAI,EACF,sBAAsB,EACpB,UAAU,GACZ,EACF,EACD,CAAA;AAAA,YAGH,OAAO;AAAA,YACP,IAAI,EACF,gCAAgC;AAAA,cAC9B,UAAU;AAAA,cACV,OAAO;AAAA,YACT,EACF;AAAA,YACA,OAAO;AAAA,UACR,GATM,CASN,CACF;AAAA,QACS,CAAA,EACD,CAAA,GACZ,MAAkB,KACjB,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,IAAI;AAAA,YAAG,KAAK;AAAA,UAAE;AAAA,UAA3B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YACE,SAAS;AAAA,YACT,SAAS;AAAA,YACT,WAAW;AAAA,YACX,UAAU;AAAA,YACV,WAAW,EAAE,WAAW,EAAE,WAAW,EAAgB,EAAE;AAAA,YACvD,OAAO;AAAA,UACR,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI;AAAA,cAAE,YAAY;AAAA,cAAK,OAAO;AAAA,YAAiB;AAAA,YAAG,SAAQ;AAAA,YAC7D,UAAA;AAAA,UACG,CAAA,CACD;AAAA,QAEJ,CAAA,CAAA;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,GAAG;AAAA,UACH,KAAK;AAAA,UACL,gBAAgB;AAAA,QAClB;AAAA,QAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAAa,SAAQ;AAAA,UACnC,UAAA;AAAA,QACK,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,UACE,UAAU,MAAkB,QAAS,MAAkB,KAAS,CAAC,EAAgB,KAAK;AAAA,UACtF,SAAS;AAAA,UACT,SAAQ;AAAA,UAEP,UAAA;AAAA,QACK,CAAA,CACH;AAAA;IACH;AAAA;AAEV"}

package/dist/insights/components/shared/InsightsCard/InsightButton.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InsightButton.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/InsightButton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\n\nimport { Beat } from '../../../types/CommonBeat'\n\nexport interface InsightButtonProps {\n beat: Pick<Beat, 'call_to_action' \| 'guid' \| 'supporting_action'>\n disabled?: boolean\n hide?: boolean\n onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n primary?: boolean\n sx?: object\n variant?: 'contained' \| 'outlined' \| 'text'\n}\n\nexport const InsightButton: React.FC<InsightButtonProps> = ({\n beat,\n disabled = false,\n hide = false,\n onClick,\n primary = true,\n sx,\n variant = !primary && 'text',\n ...rest\n}) => {\n if (hide) return null\n\n return (\n <Button\n disabled={disabled}\n fullWidth={true}\n id={primary ? `primary-cta-${beat.guid}` : `secondary-cta-${beat.guid}`}\n onClick={onClick}\n sx={() => ({\n color: primary ? 'primary.main' : 'text.secondary',\n fontSize: primary ? 15 : 13,\n fontWeight: primary ? 600 : 700,\n p: '0px 16px',\n borderColor: 'neutral.light',\n ...sx,\n })}\n variant={disabled && primary ? 'contained' : variant \|\| 'outlined'}\n {...rest}\n >\n {primary ? beat.call_to_action : beat.supporting_action}\n </Button>\n )\n}\n"],"mappings":";;;AAgBA,IAAa,IAAA,CAA+C,EAC1D,MAAA,GACA,UAAA,IAAW,IACX,MAAA,IAAO,IACP,SAAA,GACA,SAAA,IAAU,IACV,IAAA,GACA,SAAA,IAAU,CAAC,KAAW,QACtB,GAAG,EAAA,MAEC,IAAa,OAGf,gBAAA,EAAC,GAAD;AAAA,EACY,UAAA;AAAA,EACV,WAAW;AAAA,EACX,IAAI,IAAU,eAAe,EAAK,IAAA,KAAS,iBAAiB,EAAK,IAAA;AAAA,EACxD,SAAA;AAAA,EACT,IAAA,OAAW;AAAA,IACT,OAAO,IAAU,iBAAiB;AAAA,IAClC,UAAU,IAAU,KAAK;AAAA,IACzB,YAAY,IAAU,MAAM;AAAA,IAC5B,GAAG;AAAA,IACH,aAAa;AAAA,IACb,GAAG;AAAA,EACL;AAAA,EACA,SAAS,KAAY,IAAU,cAAc,KAAW;AAAA,EACxD,GAAI;AAAA,~~YAEH~~,IAAU,EAAK,iBAAiB,EAAK;AAChC,CAAA"}
1	+ {"version":3,"file":"InsightButton.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/InsightButton.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\n\nimport { Beat } from '../../../types/CommonBeat'\n\nexport interface InsightButtonProps {\n beat: Pick<Beat, 'call_to_action' \| 'guid' \| 'supporting_action'>\n disabled?: boolean\n hide?: boolean\n onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n primary?: boolean\n sx?: object\n variant?: 'contained' \| 'outlined' \| 'text'\n}\n\nexport const InsightButton: React.FC<InsightButtonProps> = ({\n beat,\n disabled = false,\n hide = false,\n onClick,\n primary = true,\n sx,\n variant = !primary && 'text',\n ...rest\n}) => {\n if (hide) return null\n\n return (\n <Button\n disabled={disabled}\n fullWidth={true}\n id={primary ? `primary-cta-${beat.guid}` : `secondary-cta-${beat.guid}`}\n onClick={onClick}\n sx={() => ({\n color: primary ? 'primary.main' : 'text.secondary',\n fontSize: primary ? 15 : 13,\n fontWeight: primary ? 600 : 700,\n p: '0px 16px',\n borderColor: 'neutral.light',\n ...sx,\n })}\n variant={disabled && primary ? 'contained' : variant \|\| 'outlined'}\n {...rest}\n >\n {primary ? beat.call_to_action : beat.supporting_action}\n </Button>\n )\n}\n"],"mappings":";;;AAgBA,IAAa,IAAA,CAA+C,EAC1D,MAAA,GACA,UAAA,IAAW,IACX,MAAA,IAAO,IACP,SAAA,GACA,SAAA,IAAU,IACV,IAAA,GACA,SAAA,IAAU,CAAC,KAAW,QACtB,GAAG,EAAA,MAEC,IAAa,OAGf,gBAAA,EAAC,GAAD;AAAA,EACY,UAAA;AAAA,EACV,WAAW;AAAA,EACX,IAAI,IAAU,eAAe,EAAK,IAAA,KAAS,iBAAiB,EAAK,IAAA;AAAA,EACxD,SAAA;AAAA,EACT,IAAA,OAAW;AAAA,IACT,OAAO,IAAU,iBAAiB;AAAA,IAClC,UAAU,IAAU,KAAK;AAAA,IACzB,YAAY,IAAU,MAAM;AAAA,IAC5B,GAAG;AAAA,IACH,aAAa;AAAA,IACb,GAAG;AAAA,EACL;AAAA,EACA,SAAS,KAAY,IAAU,cAAc,KAAW;AAAA,EACxD,GAAI;AAAA,EAEH,UAAA,IAAU,EAAK,iBAAiB,EAAK;AAChC,CAAA"}

package/dist/insights/components/shared/MenuAction.es.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { useState as g } from "react";
 import { Icon as I } from "@mxenabled/mx-icons";
 import { Fragment as z, jsx as t, jsxs as a } from "react/jsx-runtime";
 import M from "@mui/material/IconButton";
-import v from "@mui/material/ListItemIcon";
-import L from "@mui/material/ListItemText";
+import v from "@mui/material/ListItemText";
+import L from "@mui/material/ListItemIcon";
 import O from "@mui/material/MenuItem";
 import S from "@mui/material/Menu";
 var T = ({ ariaHidden: l = !1, ariaLabel: m, menuItems: s = [], onItemClick: p, onOpen: c, tabIndex: h = 0, ...d }) => {
@@ -47,10 +47,10 @@ var T = ({ ariaHidden: l = !1, ariaLabel: m, menuItems: s = [], onItemClick: p,
     children: s.map(({ icon: o, key: r, text: u }, x) => /* @__PURE__ */ a(O, {
       onClick: () => f(x, r),
       sx: { p: 12 },
-      children: [/* @__PURE__ */ t(v, {
+      children: [/* @__PURE__ */ t(L, {
         sx: { minWidth: "32px !important" },
         children: o
-      }), /* @__PURE__ */ t(L, {
+      }), /* @__PURE__ */ t(v, {
         primary: u,
         slotProps: { primary: {
           fontWeight: "normal",

package/dist/insights/components/shared/MenuAction.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuAction.es.js","names":[],"sources":["../../../../src/insights/components/shared/MenuAction.tsx"],"sourcesContent":["import { useState } from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport IconButton from '@mui/material/IconButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Menu from '@mui/material/Menu'\nimport MenuItem from '@mui/material/MenuItem'\n\nexport interface MenuItemProps {\n key: string\n icon: React.ReactNode\n text: string\n}\n\ninterface MenuActionProps {\n ariaHidden?: boolean\n ariaLabel: string\n menuItems: MenuItemProps[]\n onItemClick: (index: number, key: string) => void\n onOpen: () => void\n tabIndex?: number\n}\n\nexport const MenuAction = ({\n ariaHidden = false,\n ariaLabel,\n menuItems = [],\n onItemClick,\n onOpen,\n tabIndex = 0,\n ...restProps\n}: MenuActionProps) => {\n const [anchorEl, setAnchorEl] = useState<Element \| null>(null)\n\n const onClose = () => setAnchorEl(null)\n\n const handleMenuItem = (i: number, key: string) => {\n onClose()\n onItemClick(i, key)\n }\n\n const handleOpen: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n setAnchorEl(e.currentTarget)\n onOpen()\n }\n\n return (\n <>\n <IconButton\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n onClick={handleOpen}\n sx={{ position: 'relative !important', bottom: 6 }}\n tabIndex={tabIndex}\n {...restProps}\n >\n <Icon\n name=\"more_horiz\"\n size={24}\n sx={{\n color: 'text.primary',\n fontVariationSettings: 'initial',\n }}\n />\n </IconButton>\n <Menu\n MenuListProps={{ sx: { width: 212 } }}\n anchorEl={anchorEl}\n anchorOrigin={{ horizontal: 'right', vertical: 'top' }}\n disableScrollLock={true}\n onClose={onClose}\n open={Boolean(anchorEl)}\n transformOrigin={{ horizontal: 'right', vertical: 'top' }}\n >\n {menuItems.map(({ icon, key, text }, i) => (\n <MenuItem key={key} onClick={() => handleMenuItem(i, key)} sx={{ p: 12 }}>\n <ListItemIcon sx={{ minWidth: '32px !important' }}>{icon}</ListItemIcon>\n <ListItemText\n primary={text}\n slotProps={{\n primary: {\n fontWeight: 'normal',\n fontSize: 15,\n lineHeight: '20px',\n },\n }}\n />\n </MenuItem>\n ))}\n </Menu>\n </>\n )\n}\n"],"mappings":";;;;;;;;AAyBA,IAAa,IAAA,CAAc,EACzB,YAAA,IAAa,IACb,WAAA,GACA,WAAA,IAAY,CAAC,GACb,aAAA,GACA,QAAA,GACA,UAAA,IAAW,GACX,GAAG,EAAA,MACkB;AACrB,QAAM,CAAC,GAAU,CAAA,IAAe,EAAyB,IAAI,GAEvD,IAAA,MAAgB,EAAY,IAAI,GAEhC,IAAA,CAAkB,GAAW,MAAgB;AACjD,IAAA,EAAQ,GACR,EAAY,GAAG,CAAG;AAAA,EACpB;AAOA,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAa;AAAA,IACb,cAAY;AAAA,IACZ,SAVA,CAA0D,MAAM;AACpE,MAAA,EAAY,EAAE,aAAa,GAC3B,EAAO;AAAA,IACT;AAAA,IAQM,IAAI;AAAA,MAAE,UAAU;AAAA,MAAuB,QAAQ;AAAA,IAAE;AAAA,IACvC,UAAA;AAAA,IACV,GAAI;AAAA,~~cAEJ~~,gBAAA,EAAC,GAAD;AAAA,MACE,MAAK;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,QACF,OAAO;AAAA,QACP,uBAAuB;AAAA,MACzB;AAAA,IACD,CAAA;AAAA,EACS,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe,EAAE,IAAI,EAAE,OAAO,IAAI,EAAE;AAAA,IAC1B,UAAA;AAAA,IACV,cAAc;AAAA,MAAE,YAAY;AAAA,MAAS,UAAU;AAAA,IAAM;AAAA,IACrD,mBAAmB;AAAA,IACV,SAAA;AAAA,IACT,MAAM,EAAQ;AAAA,IACd,iBAAiB;AAAA,MAAE,YAAY;AAAA,MAAS,UAAU;AAAA,IAAM;AAAA,~~cAEvD~~,EAAU,IAAA,CAAK,EAAE,MAAA,GAAM,KAAA,GAAK,MAAA,EAAA,GAAQ,MACnC,gBAAA,EAAC,GAAD;AAAA,MAAoB,SAAA,MAAe,EAAe,GAAG,CAAG;AAAA,MAAG,IAAI,EAAE,GAAG,GAAG;AAAA,~~gBAAvE~~,CACE,gBAAA,EAAC,GAAD;AAAA,QAAc,IAAI,EAAE,UAAU,kBAAkB;AAAA,~~kBAAI~~;AAAA,MAAmB,CAAA,GACvE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS;AAAA,QACT,WAAW,EACT,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QACd,EACF;AAAA,MACD,CAAA,CACO;AAAA,~~OAZK~~,CAYL,CACX;AAAA,EACG,CAAA,CACN,EAAA,CAAA;AAEN"}
1	+ {"version":3,"file":"MenuAction.es.js","names":[],"sources":["../../../../src/insights/components/shared/MenuAction.tsx"],"sourcesContent":["import { useState } from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport IconButton from '@mui/material/IconButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Menu from '@mui/material/Menu'\nimport MenuItem from '@mui/material/MenuItem'\n\nexport interface MenuItemProps {\n key: string\n icon: React.ReactNode\n text: string\n}\n\ninterface MenuActionProps {\n ariaHidden?: boolean\n ariaLabel: string\n menuItems: MenuItemProps[]\n onItemClick: (index: number, key: string) => void\n onOpen: () => void\n tabIndex?: number\n}\n\nexport const MenuAction = ({\n ariaHidden = false,\n ariaLabel,\n menuItems = [],\n onItemClick,\n onOpen,\n tabIndex = 0,\n ...restProps\n}: MenuActionProps) => {\n const [anchorEl, setAnchorEl] = useState<Element \| null>(null)\n\n const onClose = () => setAnchorEl(null)\n\n const handleMenuItem = (i: number, key: string) => {\n onClose()\n onItemClick(i, key)\n }\n\n const handleOpen: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n setAnchorEl(e.currentTarget)\n onOpen()\n }\n\n return (\n <>\n <IconButton\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n onClick={handleOpen}\n sx={{ position: 'relative !important', bottom: 6 }}\n tabIndex={tabIndex}\n {...restProps}\n >\n <Icon\n name=\"more_horiz\"\n size={24}\n sx={{\n color: 'text.primary',\n fontVariationSettings: 'initial',\n }}\n />\n </IconButton>\n <Menu\n MenuListProps={{ sx: { width: 212 } }}\n anchorEl={anchorEl}\n anchorOrigin={{ horizontal: 'right', vertical: 'top' }}\n disableScrollLock={true}\n onClose={onClose}\n open={Boolean(anchorEl)}\n transformOrigin={{ horizontal: 'right', vertical: 'top' }}\n >\n {menuItems.map(({ icon, key, text }, i) => (\n <MenuItem key={key} onClick={() => handleMenuItem(i, key)} sx={{ p: 12 }}>\n <ListItemIcon sx={{ minWidth: '32px !important' }}>{icon}</ListItemIcon>\n <ListItemText\n primary={text}\n slotProps={{\n primary: {\n fontWeight: 'normal',\n fontSize: 15,\n lineHeight: '20px',\n },\n }}\n />\n </MenuItem>\n ))}\n </Menu>\n </>\n )\n}\n"],"mappings":";;;;;;;;AAyBA,IAAa,IAAA,CAAc,EACzB,YAAA,IAAa,IACb,WAAA,GACA,WAAA,IAAY,CAAC,GACb,aAAA,GACA,QAAA,GACA,UAAA,IAAW,GACX,GAAG,EAAA,MACkB;AACrB,QAAM,CAAC,GAAU,CAAA,IAAe,EAAyB,IAAI,GAEvD,IAAA,MAAgB,EAAY,IAAI,GAEhC,IAAA,CAAkB,GAAW,MAAgB;AACjD,IAAA,EAAQ,GACR,EAAY,GAAG,CAAG;AAAA,EACpB;AAOA,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAa;AAAA,IACb,cAAY;AAAA,IACZ,SAVA,CAA0D,MAAM;AACpE,MAAA,EAAY,EAAE,aAAa,GAC3B,EAAO;AAAA,IACT;AAAA,IAQM,IAAI;AAAA,MAAE,UAAU;AAAA,MAAuB,QAAQ;AAAA,IAAE;AAAA,IACvC,UAAA;AAAA,IACV,GAAI;AAAA,IAEJ,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAK;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,QACF,OAAO;AAAA,QACP,uBAAuB;AAAA,MACzB;AAAA,IACD,CAAA;AAAA,EACS,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe,EAAE,IAAI,EAAE,OAAO,IAAI,EAAE;AAAA,IAC1B,UAAA;AAAA,IACV,cAAc;AAAA,MAAE,YAAY;AAAA,MAAS,UAAU;AAAA,IAAM;AAAA,IACrD,mBAAmB;AAAA,IACV,SAAA;AAAA,IACT,MAAM,EAAQ;AAAA,IACd,iBAAiB;AAAA,MAAE,YAAY;AAAA,MAAS,UAAU;AAAA,IAAM;AAAA,IAEvD,UAAA,EAAU,IAAA,CAAK,EAAE,MAAA,GAAM,KAAA,GAAK,MAAA,EAAA,GAAQ,MACnC,gBAAA,EAAC,GAAD;AAAA,MAAoB,SAAA,MAAe,EAAe,GAAG,CAAG;AAAA,MAAG,IAAI,EAAE,GAAG,GAAG;AAAA,MAAvE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAc,IAAI,EAAE,UAAU,kBAAkB;AAAA,QAAI,UAAA;AAAA,MAAmB,CAAA,GACvE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS;AAAA,QACT,WAAW,EACT,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QACd,EACF;AAAA,MACD,CAAA,CACO;AAAA,IAZK,GAAA,CAYL,CACX;AAAA,EACG,CAAA,CACN,EAAA,CAAA;AAEN"}

package/dist/insights/components/shared/MiniInsightCard.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MiniInsightCard.es.js","names":[],"sources":["../../../../src/insights/components/shared/MiniInsightCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\n\nexport interface MiniInsightsCardProps {\n beat: { [key: string]: any }\n DismissedBeat?: React.ReactNode\n headerTextOverride?: React.ReactElement \| string\n height?: number \| string\n setRefs?: (...args: any[]) => void\n subHeader?: React.ReactElement \| string\n}\n\ninterface MiniInsightsProps extends MiniInsightsCardProps {\n children: React.ReactNode\n}\n\nexport const MiniInsightCard: React.FC<MiniInsightsProps> = ({\n beat,\n children,\n DismissedBeat,\n headerTextOverride,\n setRefs,\n subHeader,\n height,\n}) => {\n const [maxLines, setMaxLines] = React.useState<number \| null>(null)\n\n // This Function is needed to determine the number of lines that can be visible so that the line clamp can be dynamic\n const calculateNumberOfLinesBeforeElepsisIsNeeded = () => {\n const cardHeight = document.getElementsByClassName('mx-mini-insight-card')[0].clientHeight\n const combinedHeight =\n document.getElementsByClassName('mx-mini-insight-card-header')[0].clientHeight +\n document.getElementsByClassName('mx-mini-insight-card-content-body')[0].clientHeight\n\n // Subtract the total height from the combined height of the header and body components including bottom padding to determine the left over space for the description component\n const totalHeight = cardHeight - combinedHeight - 24\n\n // divide total height from the line height. It's floored to find the actual full text lines that can be visible in the description component.\n setMaxLines(Math.floor(totalHeight / 20))\n }\n\n React.useEffect(() => {\n calculateNumberOfLinesBeforeElepsisIsNeeded()\n\n //re-run on window change\n window.addEventListener('resize', calculateNumberOfLinesBeforeElepsisIsNeeded)\n\n return () => window.removeEventListener('resize', calculateNumberOfLinesBeforeElepsisIsNeeded)\n }, [])\n\n return (\n <Card\n aria-labelledby={beat.guid}\n className=\"mx-mini-insight-card\"\n ref={setRefs}\n sx={{ height: height, pb: 24, pt: 0, px: 0 }}\n >\n {beat.dismissed_at ? (\n DismissedBeat\n ) : (\n <React.Fragment>\n <CardHeader\n className=\"mx-mini-insight-card-header\"\n subheader={subHeader}\n sx={{ gap: 8 }}\n title={headerTextOverride ? headerTextOverride : beat?.title}\n titleTypographyProps={{ fontSize: 18, fontWeight: 600, variant: 'h3' }}\n />\n\n <CardContent\n className=\"mx-mini-insight-card-content\"\n sx={{\n overflow: 'hidden',\n p: 0,\n pb: 24,\n width: '100%',\n }}\n >\n <Box className=\"mx-mini-insight-card-content-body\">{children}</Box>\n\n {/* Wrapper is necessary to make sure the inner boxes dangerouslySetInnerHtml's children obey the overflow hidden */}\n <Box sx={{ p: 24 }}>\n <Box\n className=\"test-class\"\n dangerouslySetInnerHTML={{ __html: beat.html_description }}\n data-ui-test=\"beat-description\"\n sx={{\n display: '-webkit-box',\n fontSize: 13,\n lineHeight: '20px',\n mx: '4px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n WebkitLineClamp: maxLines,\n WebkitBoxOrient: 'vertical',\n '& > p': {\n m: 0,\n },\n }}\n />\n </Box>\n </CardContent>\n </React.Fragment>\n )}\n </Card>\n )\n}\n"],"mappings":";;;;;;AAoBA,IAAa,IAAA,CAAgD,EAC3D,MAAA,GACA,UAAA,GACA,eAAA,GACA,oBAAA,GACA,SAAA,GACA,WAAA,GACA,QAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAwB,IAAI,GAG5D,IAAA,MAAoD;AAOxD,UAAM,IANa,SAAS,uBAAuB,sBAAsB,EAAE,CAAA,EAAG,gBAE5E,SAAS,uBAAuB,6BAA6B,EAAE,CAAA,EAAG,eAClE,SAAS,uBAAuB,mCAAmC,EAAE,CAAA,EAAG,gBAGxB;AAGlD,IAAA,EAAY,KAAK,MAAM,IAAc,EAAE,CAAC;AAAA,EAC1C;AAEA,SAAA,EAAM,UAAA,OACJ,EAA4C,GAG5C,OAAO,iBAAiB,UAAU,CAA2C,GAE7E,MAAa,OAAO,oBAAoB,UAAU,CAA2C,IAC5F,CAAC,CAAC,GAGH,gBAAA,EAAC,GAAD;AAAA,IACE,mBAAiB,EAAK;AAAA,IACtB,WAAU;AAAA,IACV,KAAK;AAAA,IACL,IAAI;AAAA,MAAU,QAAA;AAAA,MAAQ,IAAI;AAAA,MAAI,IAAI;AAAA,MAAG,IAAI;AAAA,IAAE;AAAA,~~cAE1C~~,EAAK,eACJ,IAEA,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,WAAW;AAAA,MACX,IAAI,EAAE,KAAK,EAAE;AAAA,MACb,OAAO,KAA0C,GAAM;AAAA,MACvD,sBAAsB;AAAA,QAAE,UAAU;AAAA,QAAI,YAAY;AAAA,QAAK,SAAS;AAAA,MAAK;AAAA,IACtE,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,IAAI;AAAA,QACF,UAAU;AAAA,QACV,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,~~gBAPF~~,CASE,gBAAA,EAAC,GAAD;AAAA,QAAK,WAAU;AAAA,QAAqC,UAAA;AAAA,MAAc,CAAA,GAGlE,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,GAAG,GAAG;AAAA,~~kBACf~~,gBAAA,EAAC,GAAD;AAAA,UACE,WAAU;AAAA,UACV,yBAAyB,EAAE,QAAQ,EAAK,iBAAiB;AAAA,UACzD,gBAAa;AAAA,UACb,IAAI;AAAA,YACF,SAAS;AAAA,YACT,UAAU;AAAA,YACV,YAAY;AAAA,YACZ,IAAI;AAAA,YACJ,UAAU;AAAA,YACV,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,SAAS,EACP,GAAG,EACL;AAAA,UACF;AAAA,QACD,CAAA;AAAA,MACE,CAAA,CACM;AAAA,~~MACC~~,EAAA,CAAA;AAAA,EAEd,CAAA;AAEV"}
1	+ {"version":3,"file":"MiniInsightCard.es.js","names":[],"sources":["../../../../src/insights/components/shared/MiniInsightCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\n\nexport interface MiniInsightsCardProps {\n beat: { [key: string]: any }\n DismissedBeat?: React.ReactNode\n headerTextOverride?: React.ReactElement \| string\n height?: number \| string\n setRefs?: (...args: any[]) => void\n subHeader?: React.ReactElement \| string\n}\n\ninterface MiniInsightsProps extends MiniInsightsCardProps {\n children: React.ReactNode\n}\n\nexport const MiniInsightCard: React.FC<MiniInsightsProps> = ({\n beat,\n children,\n DismissedBeat,\n headerTextOverride,\n setRefs,\n subHeader,\n height,\n}) => {\n const [maxLines, setMaxLines] = React.useState<number \| null>(null)\n\n // This Function is needed to determine the number of lines that can be visible so that the line clamp can be dynamic\n const calculateNumberOfLinesBeforeElepsisIsNeeded = () => {\n const cardHeight = document.getElementsByClassName('mx-mini-insight-card')[0].clientHeight\n const combinedHeight =\n document.getElementsByClassName('mx-mini-insight-card-header')[0].clientHeight +\n document.getElementsByClassName('mx-mini-insight-card-content-body')[0].clientHeight\n\n // Subtract the total height from the combined height of the header and body components including bottom padding to determine the left over space for the description component\n const totalHeight = cardHeight - combinedHeight - 24\n\n // divide total height from the line height. It's floored to find the actual full text lines that can be visible in the description component.\n setMaxLines(Math.floor(totalHeight / 20))\n }\n\n React.useEffect(() => {\n calculateNumberOfLinesBeforeElepsisIsNeeded()\n\n //re-run on window change\n window.addEventListener('resize', calculateNumberOfLinesBeforeElepsisIsNeeded)\n\n return () => window.removeEventListener('resize', calculateNumberOfLinesBeforeElepsisIsNeeded)\n }, [])\n\n return (\n <Card\n aria-labelledby={beat.guid}\n className=\"mx-mini-insight-card\"\n ref={setRefs}\n sx={{ height: height, pb: 24, pt: 0, px: 0 }}\n >\n {beat.dismissed_at ? (\n DismissedBeat\n ) : (\n <React.Fragment>\n <CardHeader\n className=\"mx-mini-insight-card-header\"\n subheader={subHeader}\n sx={{ gap: 8 }}\n title={headerTextOverride ? headerTextOverride : beat?.title}\n titleTypographyProps={{ fontSize: 18, fontWeight: 600, variant: 'h3' }}\n />\n\n <CardContent\n className=\"mx-mini-insight-card-content\"\n sx={{\n overflow: 'hidden',\n p: 0,\n pb: 24,\n width: '100%',\n }}\n >\n <Box className=\"mx-mini-insight-card-content-body\">{children}</Box>\n\n {/* Wrapper is necessary to make sure the inner boxes dangerouslySetInnerHtml's children obey the overflow hidden */}\n <Box sx={{ p: 24 }}>\n <Box\n className=\"test-class\"\n dangerouslySetInnerHTML={{ __html: beat.html_description }}\n data-ui-test=\"beat-description\"\n sx={{\n display: '-webkit-box',\n fontSize: 13,\n lineHeight: '20px',\n mx: '4px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n WebkitLineClamp: maxLines,\n WebkitBoxOrient: 'vertical',\n '& > p': {\n m: 0,\n },\n }}\n />\n </Box>\n </CardContent>\n </React.Fragment>\n )}\n </Card>\n )\n}\n"],"mappings":";;;;;;AAoBA,IAAa,IAAA,CAAgD,EAC3D,MAAA,GACA,UAAA,GACA,eAAA,GACA,oBAAA,GACA,SAAA,GACA,WAAA,GACA,QAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAwB,IAAI,GAG5D,IAAA,MAAoD;AAOxD,UAAM,IANa,SAAS,uBAAuB,sBAAsB,EAAE,CAAA,EAAG,gBAE5E,SAAS,uBAAuB,6BAA6B,EAAE,CAAA,EAAG,eAClE,SAAS,uBAAuB,mCAAmC,EAAE,CAAA,EAAG,gBAGxB;AAGlD,IAAA,EAAY,KAAK,MAAM,IAAc,EAAE,CAAC;AAAA,EAC1C;AAEA,SAAA,EAAM,UAAA,OACJ,EAA4C,GAG5C,OAAO,iBAAiB,UAAU,CAA2C,GAE7E,MAAa,OAAO,oBAAoB,UAAU,CAA2C,IAC5F,CAAC,CAAC,GAGH,gBAAA,EAAC,GAAD;AAAA,IACE,mBAAiB,EAAK;AAAA,IACtB,WAAU;AAAA,IACV,KAAK;AAAA,IACL,IAAI;AAAA,MAAU,QAAA;AAAA,MAAQ,IAAI;AAAA,MAAI,IAAI;AAAA,MAAG,IAAI;AAAA,IAAE;AAAA,IAE1C,UAAA,EAAK,eACJ,IAEA,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,WAAW;AAAA,MACX,IAAI,EAAE,KAAK,EAAE;AAAA,MACb,OAAO,KAA0C,GAAM;AAAA,MACvD,sBAAsB;AAAA,QAAE,UAAU;AAAA,QAAI,YAAY;AAAA,QAAK,SAAS;AAAA,MAAK;AAAA,IACtE,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,IAAI;AAAA,QACF,UAAU;AAAA,QACV,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,QAAK,WAAU;AAAA,QAAqC,UAAA;AAAA,MAAc,CAAA,GAGlE,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,GAAG,GAAG;AAAA,QACf,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,WAAU;AAAA,UACV,yBAAyB,EAAE,QAAQ,EAAK,iBAAiB;AAAA,UACzD,gBAAa;AAAA,UACb,IAAI;AAAA,YACF,SAAS;AAAA,YACT,UAAU;AAAA,YACV,YAAY;AAAA,YACZ,IAAI;AAAA,YACJ,UAAU;AAAA,YACV,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,SAAS,EACP,GAAG,EACL;AAAA,UACF;AAAA,QACD,CAAA;AAAA,MACE,CAAA,CACM;AAAA,IACC,CAAA,CAAA,EAAA,CAAA;AAAA,EAEd,CAAA;AAEV"}

package/dist/insights/components/shared/P2P/P2PMultipleCategorization.es.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import r from "@mui/material/Stack";
-import { H3 as x, MerchantLogo as g, Text as m } from "@mxenabled/mxui";
-import { CheckCircle as f } from "@mxenabled/mx-icons";
+import { H3 as g, MerchantLogo as m, Text as f } from "@mxenabled/mxui";
+import { CheckCircle as b } from "@mxenabled/mx-icons";
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { alpha as b, useTheme as w } from "@mui/material/styles";
-var R = ({ content: i, merchants: o, sx: l }) => {
-  const c = `8px 6px 0 ${b(w().palette.common.black, 0.75)}`, s = o.length >= 4, a = s ? 8 : 24, d = s ? "inherit" : "center", h = (() => {
-    switch (o.length) {
+import { alpha as w, useTheme as C } from "@mui/material/styles";
+var z = ({ content: i, merchants: t, sx: c }) => {
+  const l = C(), a = `8px 6px 0 ${w(l.palette.common.black, 0.75)}`, s = t.length >= 4, d = s ? 8 : 24, h = s ? "inherit" : "center", u = (() => {
+    switch (t.length) {
       case 2:
         return [0, 36];
       case 3:
@@ -30,27 +30,27 @@ var R = ({ content: i, merchants: o, sx: l }) => {
       height: i ? 174 : 138,
       p: 16,
       width: 320,
-      ...l
+      ...c
     },
     children: [/* @__PURE__ */ e(r, {
       sx: {
         flexDirection: "row",
-        gap: a,
-        justifyContent: d,
+        gap: d,
+        justifyContent: h,
         height: 106,
         width: 288
       },
-      children: o.slice(0, 4).map((u, t) => {
-        const p = t === 3 && s;
+      children: t.slice(0, 4).map((p, o) => {
+        const x = o === 3 && s;
         return /* @__PURE__ */ e(r, {
           sx: {
             borderRadius: "8px",
-            boxShadow: c,
+            boxShadow: a,
             height: "max-content",
-            mt: h[t],
-            pl: t ? 1 : 0
+            mt: u[o],
+            pl: o ? 1 : 0
           },
-          children: p ? /* @__PURE__ */ e(r, {
+          children: x ? /* @__PURE__ */ e(r, {
             sx: {
               alignItems: "center",
               bgcolor: "grey.800",
@@ -61,20 +61,20 @@ var R = ({ content: i, merchants: o, sx: l }) => {
               outlineColor: "background.paper",
               width: 63
             },
-            children: /* @__PURE__ */ n(x, {
+            children: /* @__PURE__ */ n(g, {
               sx: { color: "common.white" },
-              children: ["+", o.length - 3]
+              children: ["+", t.length - 3]
             })
-          }) : /* @__PURE__ */ e(g, {
+          }) : /* @__PURE__ */ e(m, {
             borderRadius: 1,
             size: 63,
             sx: {
               outline: "1px solid",
               outlineColor: "background.paper"
             },
-            ...u
+            ...p
           })
-        }, t);
+        }, o);
       })
     }), i && /* @__PURE__ */ n(r, {
       sx: {
@@ -87,11 +87,11 @@ var R = ({ content: i, merchants: o, sx: l }) => {
         gap: 6,
         justifyContent: "center"
       },
-      children: [/* @__PURE__ */ e(f, {
+      children: [/* @__PURE__ */ e(b, {
         filled: !0,
         size: 16,
         sx: { color: "success.dark" }
-      }), /* @__PURE__ */ e(m, {
+      }), /* @__PURE__ */ e(f, {
         color: "success.dark",
         sx: { fontWeight: 400 },
         variant: "subtitle2",
@@ -101,7 +101,7 @@ var R = ({ content: i, merchants: o, sx: l }) => {
   });
 };
 export {
-  R as default
+  z as default
 };
 //# sourceMappingURL=P2PMultipleCategorization.es.js.map

package/dist/insights/components/shared/P2P/P2PMultipleCategorization.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"P2PMultipleCategorization.es.js","names":[],"sources":["../../../../../src/insights/components/shared/P2P/P2PMultipleCategorization.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\nimport { alpha, type SxProps, useTheme } from '@mui/material/styles'\n\nimport { H3, MerchantLogo, Text } from '@mxenabled/mxui'\nimport { CheckCircle } from '@mxenabled/mx-icons'\n\ninterface Merchant {\n categoryGuid: string\n merchantGuid: string\n}\n\ninterface P2PMultipleCategorizationProps {\n content?: string\n merchants: Merchant[]\n sx?: SxProps\n}\n\nconst P2PMultipleCategorization = ({ content, merchants, sx }: P2PMultipleCategorizationProps) => {\n const theme = useTheme()\n const shadow = `8px 6px 0 ${alpha(theme.palette.common.black, 0.75)}`\n\n const hasFourMerchants = merchants.length >= 4\n const gap = hasFourMerchants ? 8 : 24\n const justifyContent = hasFourMerchants ? 'inherit' : 'center'\n\n const mtOffsets = (() => {\n switch (merchants.length) {\n case 2:\n return [0, 36]\n case 3:\n return [0, 18, 36]\n case 4:\n default:\n return [0, 12, 24, 36]\n }\n })()\n\n return (\n <Stack\n sx={{\n bgcolor: 'neutral.lighter',\n gap: 12,\n height: content ? 174 : 138,\n p: 16,\n width: 320,\n ...sx,\n }}\n >\n <Stack\n sx={{\n flexDirection: 'row',\n gap,\n justifyContent,\n height: 106,\n width: 288,\n }}\n >\n {merchants.slice(0, 4).map((merchant, i) => {\n const isMoreIndicator = i === 3 && hasFourMerchants\n\n return (\n <Stack\n key={i}\n sx={{\n borderRadius: '8px',\n boxShadow: shadow,\n height: 'max-content',\n mt: mtOffsets[i],\n pl: i ? 1 : 0,\n }}\n >\n {isMoreIndicator ? (\n <Stack\n sx={{\n alignItems: 'center',\n bgcolor: 'grey.800',\n borderRadius: '8px',\n height: 63,\n justifyContent: 'center',\n outline: '1px solid',\n outlineColor: 'background.paper',\n width: 63,\n }}\n >\n <H3 sx={{ color: 'common.white' }}>+{merchants.length - 3}</H3>\n </Stack>\n ) : (\n <MerchantLogo\n borderRadius={1}\n size={63}\n sx={{ outline: '1px solid', outlineColor: 'background.paper' }}\n {...merchant}\n />\n )}\n </Stack>\n )\n })}\n </Stack>\n {content && (\n <Stack\n sx={{\n alignItems: 'center',\n bgcolor: 'success.lighter',\n border: '1px solid',\n borderColor: 'success.main',\n borderRadius: '999px',\n flexDirection: 'row',\n gap: 6,\n justifyContent: 'center',\n }}\n >\n <CheckCircle filled={true} size={16} sx={{ color: 'success.dark' }} />\n <Text color=\"success.dark\" sx={{ fontWeight: 400 }} variant=\"subtitle2\">\n {content}\n </Text>\n </Stack>\n )}\n </Stack>\n )\n}\n\nexport default P2PMultipleCategorization\n"],"mappings":";;;;;AAiBA,IAAM,IAAA,CAA6B,EAAE,SAAA,GAAS,WAAA,GAAW,IAAA,EAAA,MAAyC;~~AAEhG~~,QAAM,IAAS,aAAa,~~EADd~~,~~EACoB,~~EAAM,QAAQ,OAAO,OAAO,IAAI,CAAA,IAE5D,IAAmB,EAAU,UAAU,GACvC,IAAM,IAAmB,IAAI,IAC7B,IAAiB,IAAmB,YAAY,UAEhD,KAAA,MAAmB;AACvB,YAAQ,EAAU,QAAlB;AAAA,MACE,KAAK;AACH,eAAO,CAAC,GAAG,EAAE;AAAA,MACf,KAAK;AACH,eAAO;AAAA,UAAC;AAAA,UAAG;AAAA,UAAI;AAAA,QAAE;AAAA,MAEnB;AACE,eAAO;AAAA,UAAC;AAAA,UAAG;AAAA,UAAI;AAAA,UAAI;AAAA,QAAE;AAAA,IACzB;AAAA,EACF,GAAG;AAEH,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ,IAAU,MAAM;AAAA,MACxB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,~~cARF~~,CAUE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,eAAe;AAAA,QACf,KAAA;AAAA,QACA,gBAAA;AAAA,QACA,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,~~gBAEC~~,EAAU,MAAM,GAAG,CAAC,EAAE,IAAA,CAAK,GAAU,MAAM;AAC1C,cAAM,IAAkB,MAAM,KAAK;AAEnC,eACE,gBAAA,EAAC,GAAD;AAAA,UAEE,IAAI;AAAA,YACF,cAAc;AAAA,YACd,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,IAAI,EAAU,CAAA;AAAA,YACd,IAAI,IAAI,IAAI;AAAA,UACd;AAAA,~~oBAEC~~,IACC,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,SAAS;AAAA,cACT,cAAc;AAAA,cACd,QAAQ;AAAA,cACR,gBAAgB;AAAA,cAChB,SAAS;AAAA,cACT,cAAc;AAAA,cACd,OAAO;AAAA,YACT;AAAA,~~sBAEA~~,gBAAA,EAAC,GAAD;AAAA,cAAI,IAAI,EAAE,OAAO,eAAe;AAAA,~~wBAAhC~~,CAAmC,KAAE,EAAU,SAAS,CAAM;AAAA;UACzD,CAAA,IAEP,gBAAA,EAAC,GAAD;AAAA,YACE,cAAc;AAAA,YACd,MAAM;AAAA,YACN,IAAI;AAAA,cAAE,SAAS;AAAA,cAAa,cAAc;AAAA,YAAmB;AAAA,YAC7D,GAAI;AAAA,UACL,CAAA;AAAA,QAEE,GAhCA,CAgCA;AAAA,MAEX,CAAC;AAAA,IACI,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,cAAc;AAAA,QACd,eAAe;AAAA,QACf,KAAK;AAAA,QACL,gBAAgB;AAAA,MAClB;AAAA,~~gBAVF~~,CAYE,gBAAA,EAAC,GAAD;AAAA,QAAa,QAAQ;AAAA,QAAM,MAAM;AAAA,QAAI,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA,GACrE,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAe,IAAI,EAAE,YAAY,IAAI;AAAA,QAAG,SAAQ;AAAA,~~kBACzD~~;AAAA,MACG,CAAA,CACD;AAAA,~~MAEJ~~;AAAA;AAEX"}
1	+ {"version":3,"file":"P2PMultipleCategorization.es.js","names":[],"sources":["../../../../../src/insights/components/shared/P2P/P2PMultipleCategorization.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\nimport { alpha, type SxProps, useTheme } from '@mui/material/styles'\n\nimport { H3, MerchantLogo, Text } from '@mxenabled/mxui'\nimport { CheckCircle } from '@mxenabled/mx-icons'\n\ninterface Merchant {\n categoryGuid: string\n merchantGuid: string\n}\n\ninterface P2PMultipleCategorizationProps {\n content?: string\n merchants: Merchant[]\n sx?: SxProps\n}\n\nconst P2PMultipleCategorization = ({ content, merchants, sx }: P2PMultipleCategorizationProps) => {\n const theme = useTheme()\n const shadow = `8px 6px 0 ${alpha(theme.palette.common.black, 0.75)}`\n\n const hasFourMerchants = merchants.length >= 4\n const gap = hasFourMerchants ? 8 : 24\n const justifyContent = hasFourMerchants ? 'inherit' : 'center'\n\n const mtOffsets = (() => {\n switch (merchants.length) {\n case 2:\n return [0, 36]\n case 3:\n return [0, 18, 36]\n case 4:\n default:\n return [0, 12, 24, 36]\n }\n })()\n\n return (\n <Stack\n sx={{\n bgcolor: 'neutral.lighter',\n gap: 12,\n height: content ? 174 : 138,\n p: 16,\n width: 320,\n ...sx,\n }}\n >\n <Stack\n sx={{\n flexDirection: 'row',\n gap,\n justifyContent,\n height: 106,\n width: 288,\n }}\n >\n {merchants.slice(0, 4).map((merchant, i) => {\n const isMoreIndicator = i === 3 && hasFourMerchants\n\n return (\n <Stack\n key={i}\n sx={{\n borderRadius: '8px',\n boxShadow: shadow,\n height: 'max-content',\n mt: mtOffsets[i],\n pl: i ? 1 : 0,\n }}\n >\n {isMoreIndicator ? (\n <Stack\n sx={{\n alignItems: 'center',\n bgcolor: 'grey.800',\n borderRadius: '8px',\n height: 63,\n justifyContent: 'center',\n outline: '1px solid',\n outlineColor: 'background.paper',\n width: 63,\n }}\n >\n <H3 sx={{ color: 'common.white' }}>+{merchants.length - 3}</H3>\n </Stack>\n ) : (\n <MerchantLogo\n borderRadius={1}\n size={63}\n sx={{ outline: '1px solid', outlineColor: 'background.paper' }}\n {...merchant}\n />\n )}\n </Stack>\n )\n })}\n </Stack>\n {content && (\n <Stack\n sx={{\n alignItems: 'center',\n bgcolor: 'success.lighter',\n border: '1px solid',\n borderColor: 'success.main',\n borderRadius: '999px',\n flexDirection: 'row',\n gap: 6,\n justifyContent: 'center',\n }}\n >\n <CheckCircle filled={true} size={16} sx={{ color: 'success.dark' }} />\n <Text color=\"success.dark\" sx={{ fontWeight: 400 }} variant=\"subtitle2\">\n {content}\n </Text>\n </Stack>\n )}\n </Stack>\n )\n}\n\nexport default P2PMultipleCategorization\n"],"mappings":";;;;;AAiBA,IAAM,IAAA,CAA6B,EAAE,SAAA,GAAS,WAAA,GAAW,IAAA,EAAA,MAAyC;AAChG,QAAM,IAAQ,EAAS,GACjB,IAAS,aAAa,EAAM,EAAM,QAAQ,OAAO,OAAO,IAAI,CAAA,IAE5D,IAAmB,EAAU,UAAU,GACvC,IAAM,IAAmB,IAAI,IAC7B,IAAiB,IAAmB,YAAY,UAEhD,KAAA,MAAmB;AACvB,YAAQ,EAAU,QAAlB;AAAA,MACE,KAAK;AACH,eAAO,CAAC,GAAG,EAAE;AAAA,MACf,KAAK;AACH,eAAO;AAAA,UAAC;AAAA,UAAG;AAAA,UAAI;AAAA,QAAE;AAAA,MAEnB;AACE,eAAO;AAAA,UAAC;AAAA,UAAG;AAAA,UAAI;AAAA,UAAI;AAAA,QAAE;AAAA,IACzB;AAAA,EACF,GAAG;AAEH,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ,IAAU,MAAM;AAAA,MACxB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,IARF,UAAA,CAUE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,eAAe;AAAA,QACf,KAAA;AAAA,QACA,gBAAA;AAAA,QACA,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEC,UAAA,EAAU,MAAM,GAAG,CAAC,EAAE,IAAA,CAAK,GAAU,MAAM;AAC1C,cAAM,IAAkB,MAAM,KAAK;AAEnC,eACE,gBAAA,EAAC,GAAD;AAAA,UAEE,IAAI;AAAA,YACF,cAAc;AAAA,YACd,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,IAAI,EAAU,CAAA;AAAA,YACd,IAAI,IAAI,IAAI;AAAA,UACd;AAAA,UAEC,UAAA,IACC,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,SAAS;AAAA,cACT,cAAc;AAAA,cACd,QAAQ;AAAA,cACR,gBAAgB;AAAA,cAChB,SAAS;AAAA,cACT,cAAc;AAAA,cACd,OAAO;AAAA,YACT;AAAA,YAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,cAAI,IAAI,EAAE,OAAO,eAAe;AAAA,cAAhC,UAAA,CAAmC,KAAE,EAAU,SAAS,CAAM;AAAA;UACzD,CAAA,IAEP,gBAAA,EAAC,GAAD;AAAA,YACE,cAAc;AAAA,YACd,MAAM;AAAA,YACN,IAAI;AAAA,cAAE,SAAS;AAAA,cAAa,cAAc;AAAA,YAAmB;AAAA,YAC7D,GAAI;AAAA,UACL,CAAA;AAAA,QAEE,GAhCA,CAgCA;AAAA,MAEX,CAAC;AAAA,IACI,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,cAAc;AAAA,QACd,eAAe;AAAA,QACf,KAAK;AAAA,QACL,gBAAgB;AAAA,MAClB;AAAA,MAVF,UAAA,CAYE,gBAAA,EAAC,GAAD;AAAA,QAAa,QAAQ;AAAA,QAAM,MAAM;AAAA,QAAI,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA,GACrE,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAe,IAAI,EAAE,YAAY,IAAI;AAAA,QAAG,SAAQ;AAAA,QACzD,UAAA;AAAA,MACG,CAAA,CACD;AAAA,IAEJ,CAAA,CAAA;AAAA;AAEX"}

package/dist/insights/components/shared/P2PCategorizationSingleAccount/P2PCategorizationSingleAccount.es.js CHANGED Viewed

@@ -1,37 +1,37 @@
-import e from "@mui/material/Stack";
-import { Icon as p, MerchantLogo as g, Text as o } from "@mxenabled/mxui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { alpha as b, useTheme as m } from "@mui/material/styles";
-import x from "@mui/material/Box";
-var y = ({ amount: l, categoryGuid: d, categorized: n, merchantGuid: s, merchantName: t, isSuccessState: a = !1 }) => {
-  const c = m();
-  return /* @__PURE__ */ i(e, {
+import o from "@mui/material/Stack";
+import { Icon as g, MerchantLogo as b, Text as e } from "@mxenabled/mxui";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { alpha as m, useTheme as x } from "@mui/material/styles";
+import h from "@mui/material/Box";
+var C = ({ amount: l, categoryGuid: n, categorized: s, merchantGuid: d, merchantName: i, isSuccessState: a = !1 }) => {
+  const c = x(), p = c.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ t(o, {
     direction: "row",
     sx: {
-      bgcolor: c.palette.mode === "dark" ? "grey.800" : "grey.100",
+      bgcolor: p,
       backgroundImage: a === !0 ? "linear-gradient(256.82deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(173, 248, 44, 0.2) 101.54%)" : void 0,
       p: 16,
       gap: 24
     },
-    children: [/* @__PURE__ */ r(x, {
+    children: [/* @__PURE__ */ r(h, {
       sx: {
         borderRadius: 1,
-        boxShadow: `8px 6px 0 ${b(c.palette.common.black, 0.75)}`
+        boxShadow: `8px 6px 0 ${m(c.palette.common.black, 0.75)}`
       },
-      children: /* @__PURE__ */ r(g, {
-        alt: t,
+      children: /* @__PURE__ */ r(b, {
+        alt: i,
         border: 1,
         borderColor: "background.paper",
-        categoryGuid: d,
-        merchantGuid: s,
+        categoryGuid: n,
+        merchantGuid: d,
         size: 64
       })
-    }), /* @__PURE__ */ i(e, {
+    }), /* @__PURE__ */ t(o, {
       gap: 1,
-      children: [/* @__PURE__ */ r(o, {
+      children: [/* @__PURE__ */ r(e, {
         variant: "h2",
-        children: t
-      }), a ? /* @__PURE__ */ i(e, {
+        children: i
+      }), a ? /* @__PURE__ */ t(o, {
         alignItems: "center",
         direction: "row",
         gap: 6,
@@ -44,17 +44,17 @@ var y = ({ amount: l, categoryGuid: d, categorized: n, merchantGuid: s, merchant
           px: 16,
           py: 2
         },
-        children: [/* @__PURE__ */ r(p, {
+        children: [/* @__PURE__ */ r(g, {
           color: "success",
           fill: !0,
           name: "check_circle",
           size: 16
-        }), /* @__PURE__ */ r(o, {
+        }), /* @__PURE__ */ r(e, {
           color: "success.dark",
           variant: "subtitle2",
-          children: n
+          children: s
         })]
-      }) : /* @__PURE__ */ r(o, {
+      }) : /* @__PURE__ */ r(e, {
         color: "neutral.contrastText",
         sx: {
           bgcolor: "text.primary",
@@ -69,7 +69,7 @@ var y = ({ amount: l, categoryGuid: d, categorized: n, merchantGuid: s, merchant
   });
 };
 export {
-  y as P2PCategorizationSingleAccount
+  C as P2PCategorizationSingleAccount
 };
 //# sourceMappingURL=P2PCategorizationSingleAccount.es.js.map

package/dist/insights/components/shared/P2PCategorizationSingleAccount/P2PCategorizationSingleAccount.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"P2PCategorizationSingleAccount.es.js","names":[],"sources":["../../../../../src/insights/components/shared/P2PCategorizationSingleAccount/P2PCategorizationSingleAccount.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { alpha } from '@mui/material/styles'\n\nimport { Icon, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport { useTheme } from '@mui/material/styles'\n\ninterface P2PCategorizationSingleAccountProps {\n amount?: string\n categorized?: string\n categoryGuid: string\n merchantGuid: string\n merchantName: string\n isSuccessState?: boolean\n}\n\nexport const P2PCategorizationSingleAccount: React.FC<P2PCategorizationSingleAccountProps> = ({\n amount,\n categoryGuid,\n categorized,\n merchantGuid,\n merchantName,\n isSuccessState = false,\n}) => {\n const theme = useTheme()\n\n const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n const background =\n 'linear-gradient(256.82deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(173, 248, 44, 0.2) 101.54%)'\n return (\n <Stack\n direction=\"row\"\n sx={{\n bgcolor: bgColor,\n backgroundImage: isSuccessState === true ? background : undefined,\n p: 16,\n gap: 24,\n }}\n >\n <Box\n sx={{\n borderRadius: 1,\n boxShadow: `8px 6px 0 ${alpha(theme.palette.common.black, 0.75)}`,\n }}\n >\n <MerchantLogo\n alt={merchantName}\n border={1}\n borderColor=\"background.paper\"\n categoryGuid={categoryGuid}\n merchantGuid={merchantGuid}\n size={64}\n />\n </Box>\n <Stack gap={1}>\n <Text variant=\"h2\">{merchantName}</Text>\n {isSuccessState ? (\n <Stack\n alignItems=\"center\"\n direction=\"row\"\n gap={6}\n height={24}\n sx={{\n bgcolor: 'success.lighter',\n borderRadius: 5,\n border: '1px solid',\n borderColor: 'success.main',\n px: 16,\n py: 2,\n }}\n >\n <Icon color=\"success\" fill={true} name=\"check_circle\" size={16} />\n <Text color=\"success.dark\" variant=\"subtitle2\">\n {categorized}\n </Text>\n </Stack>\n ) : (\n <Text\n color=\"neutral.contrastText\"\n sx={{ bgcolor: 'text.primary', px: 16, py: 2, borderRadius: 5 }}\n variant=\"subtitle2\"\n >\n {amount}\n </Text>\n )}\n </Stack>\n </Stack>\n )\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAA,CAAiF,EAC5F,QAAA,GACA,cAAA,GACA,aAAA,GACA,cAAA,GACA,cAAA,GACA,gBAAA,IAAiB,GAAA,MACb;AACJ,QAAM,IAAQ,EAAS;~~AAKvB~~,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,MACF,~~SAPU,EAAM,QAAQ,~~SAAS~~,SAAS,aAAa~~;AAAA,~~MAQvD~~,iBAAiB,MAAmB,KAAO,gGAAa;AAAA,MACxD,GAAG;AAAA,MACH,KAAK;AAAA,IACP;AAAA,~~cAPF~~,CASE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,cAAc;AAAA,QACd,WAAW,aAAa,EAAM,EAAM,QAAQ,OAAO,OAAO,IAAI,CAAA;AAAA,MAChE;AAAA,~~gBAEA~~,gBAAA,EAAC,GAAD;AAAA,QACE,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,aAAY;AAAA,QACE,cAAA;AAAA,QACA,cAAA;AAAA,QACd,MAAM;AAAA,MACP,CAAA;AAAA,IACE,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,~~gBAAZ~~,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,~~kBAAM~~;AAAA,MAAmB,CAAA,GACtC,IACC,gBAAA,EAAC,GAAD;AAAA,QACE,YAAW;AAAA,QACX,WAAU;AAAA,QACV,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,IAAI;AAAA,UACF,SAAS;AAAA,UACT,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,~~kBAZF~~,CAcE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,MAAM;AAAA,UAAM,MAAK;AAAA,UAAe,MAAM;AAAA,QAAK,CAAA,GACjE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAe,SAAQ;AAAA,~~oBAChC~~;AAAA,QACG,CAAA,CACD;AAAA,~~WAEP~~,gBAAA,EAAC,GAAD;AAAA,QACE,OAAM;AAAA,QACN,IAAI;AAAA,UAAE,SAAS;AAAA,UAAgB,IAAI;AAAA,UAAI,IAAI;AAAA,UAAG,cAAc;AAAA,QAAE;AAAA,QAC9D,SAAQ;AAAA,~~kBAEP~~;AAAA,MACG,CAAA,CAEH;AAAA,~~MACF~~;AAAA;AAEX"}
1	+ {"version":3,"file":"P2PCategorizationSingleAccount.es.js","names":[],"sources":["../../../../../src/insights/components/shared/P2PCategorizationSingleAccount/P2PCategorizationSingleAccount.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { alpha } from '@mui/material/styles'\n\nimport { Icon, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport { useTheme } from '@mui/material/styles'\n\ninterface P2PCategorizationSingleAccountProps {\n amount?: string\n categorized?: string\n categoryGuid: string\n merchantGuid: string\n merchantName: string\n isSuccessState?: boolean\n}\n\nexport const P2PCategorizationSingleAccount: React.FC<P2PCategorizationSingleAccountProps> = ({\n amount,\n categoryGuid,\n categorized,\n merchantGuid,\n merchantName,\n isSuccessState = false,\n}) => {\n const theme = useTheme()\n\n const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n const background =\n 'linear-gradient(256.82deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(173, 248, 44, 0.2) 101.54%)'\n return (\n <Stack\n direction=\"row\"\n sx={{\n bgcolor: bgColor,\n backgroundImage: isSuccessState === true ? background : undefined,\n p: 16,\n gap: 24,\n }}\n >\n <Box\n sx={{\n borderRadius: 1,\n boxShadow: `8px 6px 0 ${alpha(theme.palette.common.black, 0.75)}`,\n }}\n >\n <MerchantLogo\n alt={merchantName}\n border={1}\n borderColor=\"background.paper\"\n categoryGuid={categoryGuid}\n merchantGuid={merchantGuid}\n size={64}\n />\n </Box>\n <Stack gap={1}>\n <Text variant=\"h2\">{merchantName}</Text>\n {isSuccessState ? (\n <Stack\n alignItems=\"center\"\n direction=\"row\"\n gap={6}\n height={24}\n sx={{\n bgcolor: 'success.lighter',\n borderRadius: 5,\n border: '1px solid',\n borderColor: 'success.main',\n px: 16,\n py: 2,\n }}\n >\n <Icon color=\"success\" fill={true} name=\"check_circle\" size={16} />\n <Text color=\"success.dark\" variant=\"subtitle2\">\n {categorized}\n </Text>\n </Stack>\n ) : (\n <Text\n color=\"neutral.contrastText\"\n sx={{ bgcolor: 'text.primary', px: 16, py: 2, borderRadius: 5 }}\n variant=\"subtitle2\"\n >\n {amount}\n </Text>\n )}\n </Stack>\n </Stack>\n )\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAA,CAAiF,EAC5F,QAAA,GACA,cAAA,GACA,aAAA,GACA,cAAA,GACA,cAAA,GACA,gBAAA,IAAiB,GAAA,MACb;AACJ,QAAM,IAAQ,EAAS,GAEjB,IAAU,EAAM,QAAQ,SAAS,SAAS,aAAa;AAG7D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,MACF,SAAS;AAAA,MACT,iBAAiB,MAAmB,KAAO,gGAAa;AAAA,MACxD,GAAG;AAAA,MACH,KAAK;AAAA,IACP;AAAA,IAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,cAAc;AAAA,QACd,WAAW,aAAa,EAAM,EAAM,QAAQ,OAAO,OAAO,IAAI,CAAA;AAAA,MAChE;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,aAAY;AAAA,QACE,cAAA;AAAA,QACA,cAAA;AAAA,QACd,MAAM;AAAA,MACP,CAAA;AAAA,IACE,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,MAAZ,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAM,UAAA;AAAA,MAAmB,CAAA,GACtC,IACC,gBAAA,EAAC,GAAD;AAAA,QACE,YAAW;AAAA,QACX,WAAU;AAAA,QACV,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,IAAI;AAAA,UACF,SAAS;AAAA,UACT,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QAZF,UAAA,CAcE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,MAAM;AAAA,UAAM,MAAK;AAAA,UAAe,MAAM;AAAA,QAAK,CAAA,GACjE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAe,SAAQ;AAAA,UAChC,UAAA;AAAA,QACG,CAAA,CACD;AAAA,MAEP,CAAA,IAAA,gBAAA,EAAC,GAAD;AAAA,QACE,OAAM;AAAA,QACN,IAAI;AAAA,UAAE,SAAS;AAAA,UAAgB,IAAI;AAAA,UAAI,IAAI;AAAA,UAAG,cAAc;AAAA,QAAE;AAAA,QAC9D,SAAQ;AAAA,QAEP,UAAA;AAAA,MACG,CAAA,CAEH;AAAA,IACF,CAAA,CAAA;AAAA;AAEX"}

package/dist/insights/components/shared/ProgressBar.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.es.js","names":[],"sources":["../../../../src/insights/components/shared/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { useInView } from 'react-intersection-observer'\n\ninterface PulseProgressBarProps {\n backgroundColor?: string\n color: string\n percent: number\n height: number\n}\n\nexport const PulseProgressBar: React.FC<PulseProgressBarProps> = ({\n backgroundColor,\n color,\n percent,\n height = 12,\n}) => {\n const [ref, inView] = useInView({ triggerOnce: true })\n const [barWidth, setBarWidth] = React.useState('0%')\n\n const roundedPercent = percent > 100 ? 100 : percent\n\n React.useEffect(() => {\n if (inView) {\n setBarWidth(`${roundedPercent}%`)\n }\n }, [inView, roundedPercent])\n\n return (\n <React.Fragment>\n <Box\n data-ui-test=\"progress-bar\"\n ref={ref}\n sx={{\n position: 'relative',\n borderRadius: 8,\n height,\n width: '100%',\n }}\n >\n <Box\n sx={{\n borderRadius: 8,\n bgcolor: backgroundColor ? backgroundColor : color,\n height: '100%',\n opacity: backgroundColor ? 1 : 0.4,\n position: 'absolute',\n width: '100%',\n }}\n />\n <Box\n sx={{\n bgcolor: color,\n borderRadius: 8,\n height: '100%',\n position: 'absolute',\n transition: 'width .4s cubic-bezier(0.28, 0.14, 0.34, 1.04)',\n width: barWidth,\n }}\n />\n </Box>\n </React.Fragment>\n )\n}\n"],"mappings":";;;;AAaA,IAAa,IAAA,CAAqD,EAChE,iBAAA,GACA,OAAA,GACA,SAAA,GACA,QAAA,IAAS,GAAA,MACL;AACJ,QAAM,CAAC,GAAK,CAAA,IAAU,EAAU,EAAE,aAAa,GAAK,CAAC,GAC/C,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,IAAI,GAE7C,IAAiB,IAAU,MAAM,MAAM;AAE7C,SAAA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,GAAG,CAAA,GAAiB;AAAA,EAEpC,GAAG,CAAC,GAAQ,CAAc,CAAC,GAGzB,gBAAA,EAAC,EAAM,UAAP,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAa;AAAA,IACR,KAAA;AAAA,IACL,IAAI;AAAA,MACF,UAAU;AAAA,MACV,cAAc;AAAA,MACd,QAAA;AAAA,MACA,OAAO;AAAA,IACT;AAAA,~~cARF~~,CAUE,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,MACF,cAAc;AAAA,MACd,SAAS,KAAoC;AAAA,MAC7C,QAAQ;AAAA,MACR,SAAS,IAAkB,IAAI;AAAA,MAC/B,UAAU;AAAA,MACV,OAAO;AAAA,IACT,EACD,CAAA,GACD,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,IACT,EACD,CAAA,CACE;AAAA,~~KACS~~,CAAA;AAEpB"}
1	+ {"version":3,"file":"ProgressBar.es.js","names":[],"sources":["../../../../src/insights/components/shared/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { useInView } from 'react-intersection-observer'\n\ninterface PulseProgressBarProps {\n backgroundColor?: string\n color: string\n percent: number\n height: number\n}\n\nexport const PulseProgressBar: React.FC<PulseProgressBarProps> = ({\n backgroundColor,\n color,\n percent,\n height = 12,\n}) => {\n const [ref, inView] = useInView({ triggerOnce: true })\n const [barWidth, setBarWidth] = React.useState('0%')\n\n const roundedPercent = percent > 100 ? 100 : percent\n\n React.useEffect(() => {\n if (inView) {\n setBarWidth(`${roundedPercent}%`)\n }\n }, [inView, roundedPercent])\n\n return (\n <React.Fragment>\n <Box\n data-ui-test=\"progress-bar\"\n ref={ref}\n sx={{\n position: 'relative',\n borderRadius: 8,\n height,\n width: '100%',\n }}\n >\n <Box\n sx={{\n borderRadius: 8,\n bgcolor: backgroundColor ? backgroundColor : color,\n height: '100%',\n opacity: backgroundColor ? 1 : 0.4,\n position: 'absolute',\n width: '100%',\n }}\n />\n <Box\n sx={{\n bgcolor: color,\n borderRadius: 8,\n height: '100%',\n position: 'absolute',\n transition: 'width .4s cubic-bezier(0.28, 0.14, 0.34, 1.04)',\n width: barWidth,\n }}\n />\n </Box>\n </React.Fragment>\n )\n}\n"],"mappings":";;;;AAaA,IAAa,IAAA,CAAqD,EAChE,iBAAA,GACA,OAAA,GACA,SAAA,GACA,QAAA,IAAS,GAAA,MACL;AACJ,QAAM,CAAC,GAAK,CAAA,IAAU,EAAU,EAAE,aAAa,GAAK,CAAC,GAC/C,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,IAAI,GAE7C,IAAiB,IAAU,MAAM,MAAM;AAE7C,SAAA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,GAAG,CAAA,GAAiB;AAAA,EAEpC,GAAG,CAAC,GAAQ,CAAc,CAAC,GAGzB,gBAAA,EAAC,EAAM,UAAP,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAa;AAAA,IACR,KAAA;AAAA,IACL,IAAI;AAAA,MACF,UAAU;AAAA,MACV,cAAc;AAAA,MACd,QAAA;AAAA,MACA,OAAO;AAAA,IACT;AAAA,IARF,UAAA,CAUE,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,MACF,cAAc;AAAA,MACd,SAAS,KAAoC;AAAA,MAC7C,QAAQ;AAAA,MACR,SAAS,IAAkB,IAAI;AAAA,MAC/B,UAAU;AAAA,MACV,OAAO;AAAA,IACT,EACD,CAAA,GACD,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,IACT,EACD,CAAA,CACE;AAAA,EACS,CAAA,EAAA,CAAA;AAEpB"}

package/dist/insights/components/shared/SaveAnExtra100/SaveAnExtra100.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SaveAnExtra100.es.js","names":[],"sources":["../../../../../src/insights/components/shared/SaveAnExtra100/SaveAnExtra100.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface SaveAnExtra100Props {\n amount: string\n description1: string\n description2: string\n title: string\n}\n\nexport const SaveAnExtra100: React.FC<SaveAnExtra100Props> = ({\n amount,\n description1,\n description2,\n title,\n}) => {\n return (\n <Box\n sx={{\n border: '1px solid',\n borderColor: 'success.main',\n borderRadius: 2,\n overflow: 'hidden',\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',\n }}\n >\n <Box\n sx={{\n bgcolor: 'success.main',\n color: 'success.contrastText',\n p: 16,\n pt: 12,\n textAlign: 'center',\n }}\n >\n <Text variant=\"subtitle1\">{title}</Text>\n <Text variant=\"h1\">$100.00</Text>\n <Text variant=\"caption\">{description1}</Text>\n </Box>\n <Box\n sx={{\n py: 12,\n px: 16,\n textAlign: 'center',\n }}\n >\n <Text variant=\"h3\">{amount}</Text>\n <Text color=\"text.secondary\" variant=\"caption\">\n {description2}\n </Text>\n </Box>\n </Box>\n )\n}\n"],"mappings":";;;;AAaA,IAAa,IAAA,CAAiD,EAC5D,QAAA,GACA,cAAA,GACA,cAAA,GACA,OAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,~~YAPF~~,CASE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,OAAO;AAAA,MACP,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,~~cAPF~~;AAAA,MASE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,~~kBAAa~~;AAAA,MAAY,CAAA;AAAA,MACvC,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,~~kBAAK~~;AAAA,MAAa,CAAA;AAAA,MAChC,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,~~kBAAW~~;AAAA,MAAmB,CAAA;AAAA,IACzC;AAAA,~~MACL~~,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,~~cALF~~,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAM,SAAQ;AAAA,~~gBAAM~~;AAAA,IAAa,CAAA,GACjC,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,~~gBAClC~~;AAAA,IACG,CAAA,CACH;AAAA,~~IACF~~"}
1	+ {"version":3,"file":"SaveAnExtra100.es.js","names":[],"sources":["../../../../../src/insights/components/shared/SaveAnExtra100/SaveAnExtra100.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface SaveAnExtra100Props {\n amount: string\n description1: string\n description2: string\n title: string\n}\n\nexport const SaveAnExtra100: React.FC<SaveAnExtra100Props> = ({\n amount,\n description1,\n description2,\n title,\n}) => {\n return (\n <Box\n sx={{\n border: '1px solid',\n borderColor: 'success.main',\n borderRadius: 2,\n overflow: 'hidden',\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',\n }}\n >\n <Box\n sx={{\n bgcolor: 'success.main',\n color: 'success.contrastText',\n p: 16,\n pt: 12,\n textAlign: 'center',\n }}\n >\n <Text variant=\"subtitle1\">{title}</Text>\n <Text variant=\"h1\">$100.00</Text>\n <Text variant=\"caption\">{description1}</Text>\n </Box>\n <Box\n sx={{\n py: 12,\n px: 16,\n textAlign: 'center',\n }}\n >\n <Text variant=\"h3\">{amount}</Text>\n <Text color=\"text.secondary\" variant=\"caption\">\n {description2}\n </Text>\n </Box>\n </Box>\n )\n}\n"],"mappings":";;;;AAaA,IAAa,IAAA,CAAiD,EAC5D,QAAA,GACA,cAAA,GACA,cAAA,GACA,OAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,OAAO;AAAA,MACP,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAPF,UAAA;AAAA,MASE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAa,UAAA;AAAA,MAAY,CAAA;AAAA,MACvC,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAK,UAAA;AAAA,MAAa,CAAA;AAAA,MAChC,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAW,UAAA;AAAA,MAAmB,CAAA;AAAA,IACzC;AAAA,EACL,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IALF,UAAA,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAM,SAAQ;AAAA,MAAM,UAAA;AAAA,IAAa,CAAA,GACjC,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,MAClC,UAAA;AAAA,IACG,CAAA,CACH;AAAA,EACF,CAAA,CAAA"}

package/dist/insights/components/shared/SaveEnoughToLiveOnBottomSection.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SaveEnoughToLiveOnBottomSection.es.js","names":[],"sources":["../../../../src/insights/components/shared/SaveEnoughToLiveOnBottomSection.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { type SxProps } from '@mui/material/styles'\n\nimport { H2, Text } from '@mxenabled/mxui'\n\nimport { ThemedSVGImage } from './ThemedSVGImage'\nimport { ReactComponent as Image } from './images/SaveEnoughToLiveOnBottom.svg'\n\nconst ROW_STYLES = {\n alignItems: 'center',\n flexDirection: 'row',\n height: 40,\n justifyContent: 'space-between',\n px: 16,\n py: 2,\n}\n\ninterface BalanceRowProps {\n label: string\n value: string\n withBorder?: boolean\n}\n\nconst BalanceRow = ({ label, value, withBorder = false }: BalanceRowProps) => (\n <Stack\n sx={{\n ...ROW_STYLES,\n ...(withBorder && {\n borderBottom: '1px solid',\n borderColor: 'divider',\n }),\n }}\n >\n <Text color=\"text.secondary\" variant=\"caption\">\n {label}\n </Text>\n <Text bold={true} variant=\"body2\">\n {value}\n </Text>\n </Stack>\n)\n\ninterface SaveEnoughToLiveOnBottomSectionProps {\n content: string\n leftLabel: string\n leftValue: string\n rightLabel: string\n rightValue: string\n sx?: SxProps\n}\n\nconst SaveEnoughToLiveOnBottomSection = ({\n content,\n leftLabel,\n leftValue,\n rightLabel,\n rightValue,\n sx,\n}: SaveEnoughToLiveOnBottomSectionProps) => (\n <Stack sx={{ alignItems: 'center', gap: 12 }}>\n <Box sx={{ display: 'grid', placeItems: 'center' }}>\n <ThemedSVGImage divProps={{ style: { height: 'auto', gridArea: '1 / 1' } }} image={Image} />\n <H2 sx={{ color: 'neutral.contrastText', gridArea: '1 / 1', textAlign: 'center' }}>\n {content}\n </H2>\n </Box>\n <Stack\n sx={{\n border: '1px solid',\n borderColor: 'divider',\n borderRadius: 1,\n width: 288,\n ...sx,\n }}\n >\n <BalanceRow label={leftLabel} value={leftValue} withBorder={true} />\n <BalanceRow label={rightLabel} value={rightValue} />\n </Stack>\n </Stack>\n)\n\nexport default SaveEnoughToLiveOnBottomSection\n"],"mappings":";;;;;;AAUA,IAAM,IAAa;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN,GAQM,IAAA,CAAc,EAAE,OAAA,GAAO,OAAA,GAAO,YAAA,IAAa,GAAA,MAC/C,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,GAAG;AAAA,IACH,GAAI,KAAc;AAAA,MAChB,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EACF;AAAA,~~YAPF~~,CASE,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAiB,SAAQ;AAAA,~~cAClC~~;AAAA,EACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,~~cACvB~~;AAAA,EACG,CAAA,CACD;IAYH,IAAA,CAAmC,EACvC,SAAA,GACA,WAAA,GACA,WAAA,GACA,YAAA,GACA,YAAA,GACA,IAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI;AAAA,IAAE,YAAY;AAAA,IAAU,KAAK;AAAA,EAAG;AAAA,~~YAA3C~~,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,SAAS;AAAA,MAAQ,YAAY;AAAA,IAAS;AAAA,~~cAAjD~~,CACE,gBAAA,EAAC,GAAD;AAAA,MAAgB,UAAU,EAAE,OAAO;AAAA,QAAE,QAAQ;AAAA,QAAQ,UAAU;AAAA,MAAQ,EAAE;AAAA,MAAG,OAAO;AAAA,IAAQ,CAAA,GAC3F,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI;AAAA,QAAE,OAAO;AAAA,QAAwB,UAAU;AAAA,QAAS,WAAW;AAAA,MAAS;AAAA,~~gBAC7E~~;AAAA,IACC,CAAA,CACD;AAAA,~~MACL~~,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,~~cAPF~~,CASE,gBAAA,EAAC,GAAD;AAAA,MAAY,OAAO;AAAA,MAAW,OAAO;AAAA,MAAW,YAAY;AAAA,IAAO,CAAA,GACnE,gBAAA,EAAC,GAAD;AAAA,MAAY,OAAO;AAAA,MAAY,OAAO;AAAA,IAAa,CAAA,CAC9C;AAAA,~~IACF~~"}
1	+ {"version":3,"file":"SaveEnoughToLiveOnBottomSection.es.js","names":[],"sources":["../../../../src/insights/components/shared/SaveEnoughToLiveOnBottomSection.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { type SxProps } from '@mui/material/styles'\n\nimport { H2, Text } from '@mxenabled/mxui'\n\nimport { ThemedSVGImage } from './ThemedSVGImage'\nimport { ReactComponent as Image } from './images/SaveEnoughToLiveOnBottom.svg'\n\nconst ROW_STYLES = {\n alignItems: 'center',\n flexDirection: 'row',\n height: 40,\n justifyContent: 'space-between',\n px: 16,\n py: 2,\n}\n\ninterface BalanceRowProps {\n label: string\n value: string\n withBorder?: boolean\n}\n\nconst BalanceRow = ({ label, value, withBorder = false }: BalanceRowProps) => (\n <Stack\n sx={{\n ...ROW_STYLES,\n ...(withBorder && {\n borderBottom: '1px solid',\n borderColor: 'divider',\n }),\n }}\n >\n <Text color=\"text.secondary\" variant=\"caption\">\n {label}\n </Text>\n <Text bold={true} variant=\"body2\">\n {value}\n </Text>\n </Stack>\n)\n\ninterface SaveEnoughToLiveOnBottomSectionProps {\n content: string\n leftLabel: string\n leftValue: string\n rightLabel: string\n rightValue: string\n sx?: SxProps\n}\n\nconst SaveEnoughToLiveOnBottomSection = ({\n content,\n leftLabel,\n leftValue,\n rightLabel,\n rightValue,\n sx,\n}: SaveEnoughToLiveOnBottomSectionProps) => (\n <Stack sx={{ alignItems: 'center', gap: 12 }}>\n <Box sx={{ display: 'grid', placeItems: 'center' }}>\n <ThemedSVGImage divProps={{ style: { height: 'auto', gridArea: '1 / 1' } }} image={Image} />\n <H2 sx={{ color: 'neutral.contrastText', gridArea: '1 / 1', textAlign: 'center' }}>\n {content}\n </H2>\n </Box>\n <Stack\n sx={{\n border: '1px solid',\n borderColor: 'divider',\n borderRadius: 1,\n width: 288,\n ...sx,\n }}\n >\n <BalanceRow label={leftLabel} value={leftValue} withBorder={true} />\n <BalanceRow label={rightLabel} value={rightValue} />\n </Stack>\n </Stack>\n)\n\nexport default SaveEnoughToLiveOnBottomSection\n"],"mappings":";;;;;;AAUA,IAAM,IAAa;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN,GAQM,IAAA,CAAc,EAAE,OAAA,GAAO,OAAA,GAAO,YAAA,IAAa,GAAA,MAC/C,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,GAAG;AAAA,IACH,GAAI,KAAc;AAAA,MAChB,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAiB,SAAQ;AAAA,IAClC,UAAA;AAAA,EACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,IACvB,UAAA;AAAA,EACG,CAAA,CACD;IAYH,IAAA,CAAmC,EACvC,SAAA,GACA,WAAA,GACA,WAAA,GACA,YAAA,GACA,YAAA,GACA,IAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI;AAAA,IAAE,YAAY;AAAA,IAAU,KAAK;AAAA,EAAG;AAAA,EAA3C,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,SAAS;AAAA,MAAQ,YAAY;AAAA,IAAS;AAAA,IAAjD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAgB,UAAU,EAAE,OAAO;AAAA,QAAE,QAAQ;AAAA,QAAQ,UAAU;AAAA,MAAQ,EAAE;AAAA,MAAG,OAAO;AAAA,IAAQ,CAAA,GAC3F,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI;AAAA,QAAE,OAAO;AAAA,QAAwB,UAAU;AAAA,QAAS,WAAW;AAAA,MAAS;AAAA,MAC7E,UAAA;AAAA,IACC,CAAA,CACD;AAAA,EACL,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,IAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,MAAY,OAAO;AAAA,MAAW,OAAO;AAAA,MAAW,YAAY;AAAA,IAAO,CAAA,GACnE,gBAAA,EAAC,GAAD;AAAA,MAAY,OAAO;AAAA,MAAY,OAAO;AAAA,IAAa,CAAA,CAC9C;AAAA,EACF,CAAA,CAAA"}