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

package/dist/insights/components/shared/Charts/BarChart/DoubleBarChartLegendMXUI.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleBarChartLegendMXUI.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/Charts/BarChart/DoubleBarChartLegendMXUI.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ninterface DoubleBarChartLegendMXUIProps {\n  comparisonColor: string\n  legendLabelComparison?: string\n  legendLabelMain?: string\n  legendStyle?: SxProps\n  mainColor: string\n}\n\nexport const DoubleBarChartLegendMXUI = ({\n  comparisonColor,\n  legendLabelComparison,\n  legendLabelMain,\n  legendStyle = {},\n  mainColor,\n}: DoubleBarChartLegendMXUIProps) => (\n  <Stack\n    sx={{\n      alignItems: 'center',\n      flexDirection: 'row',\n      gap: 24,\n      justifyContent: 'flex-start',\n      pt: 8,\n      ...legendStyle,\n    }}\n  >\n    {legendLabelMain && (\n      <Stack alignItems=\"center\" flexDirection=\"row\" gap={8}>\n        <svg\n          aria-hidden=\"true\"\n          aria-labelledby=\"legendMain\"\n          fill=\"none\"\n          height=\"12\"\n          role=\"figure\"\n          width=\"12\"\n        >\n          <rect fill={mainColor} height=\"12\" rx=\"2\" width=\"12\" x=\"0.4375\" />\n        </svg>\n        <Text id=\"legendMain\" sx={{ fontSize: 13, fontWeight: 400 }} variant=\"caption\">\n          {legendLabelMain}\n        </Text>\n      </Stack>\n    )}\n    {legendLabelComparison && (\n      <Stack alignItems=\"center\" flexDirection=\"row\" gap={8}>\n        <svg\n          aria-hidden=\"true\"\n          aria-labelledby=\"legendComparison\"\n          fill=\"none\"\n          height=\"12\"\n          role=\"figure\"\n          width=\"12\"\n        >\n          <rect fill={comparisonColor} height=\"12\" rx=\"2\" width=\"12\" x=\"0.4375\" />\n        </svg>\n        <Text id=\"legendComparison\" sx={{ fontSize: 13, fontWeight: 400 }} variant=\"caption\">\n          {legendLabelComparison}\n        </Text>\n      </Stack>\n    )}\n  </Stack>\n)\n"],"mappings":";;;AAaA,IAAa,IAAA,CAA4B,EACvC,iBAAA,GACA,uBAAA,GACA,iBAAA,GACA,aAAA,IAAc,CAAC,GACf,WAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,GAAG;AAAA,EACL;AAAA,YARF,CAUG,KACC,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,eAAc;AAAA,IAAM,KAAK;AAAA,cAApD,CACE,gBAAA,EAAC,OAAD;AAAA,MACE,eAAY;AAAA,MACZ,mBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,QAAO;AAAA,MACP,MAAK;AAAA,MACL,OAAM;AAAA,gBAEN,gBAAA,EAAC,QAAD;AAAA,QAAM,MAAM;AAAA,QAAW,QAAO;AAAA,QAAK,IAAG;AAAA,QAAI,OAAM;AAAA,QAAK,GAAE;AAAA,MAAU,CAAA;AAAA,IAC9D,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAG;AAAA,MAAa,IAAI;AAAA,QAAE,UAAU;AAAA,QAAI,YAAY;AAAA,MAAI;AAAA,MAAG,SAAQ;AAAA,gBAClE;AAAA,IACG,CAAA,CACD;AAAA,MAER,KACC,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,eAAc;AAAA,IAAM,KAAK;AAAA,cAApD,CACE,gBAAA,EAAC,OAAD;AAAA,MACE,eAAY;AAAA,MACZ,mBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,QAAO;AAAA,MACP,MAAK;AAAA,MACL,OAAM;AAAA,gBAEN,gBAAA,EAAC,QAAD;AAAA,QAAM,MAAM;AAAA,QAAiB,QAAO;AAAA,QAAK,IAAG;AAAA,QAAI,OAAM;AAAA,QAAK,GAAE;AAAA,MAAU,CAAA;AAAA,IACpE,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAG;AAAA,MAAmB,IAAI;AAAA,QAAE,UAAU;AAAA,QAAI,YAAY;AAAA,MAAI;AAAA,MAAG,SAAQ;AAAA,gBACxE;AAAA,IACG,CAAA,CACD;AAAA,IAEJ"}
+{"version":3,"file":"DoubleBarChartLegendMXUI.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/Charts/BarChart/DoubleBarChartLegendMXUI.tsx"],"sourcesContent":["import { Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ninterface DoubleBarChartLegendMXUIProps {\n  comparisonColor: string\n  legendLabelComparison?: string\n  legendLabelMain?: string\n  legendStyle?: SxProps\n  mainColor: string\n}\n\nexport const DoubleBarChartLegendMXUI = ({\n  comparisonColor,\n  legendLabelComparison,\n  legendLabelMain,\n  legendStyle = {},\n  mainColor,\n}: DoubleBarChartLegendMXUIProps) => (\n  <Stack\n    sx={{\n      alignItems: 'center',\n      flexDirection: 'row',\n      gap: 24,\n      justifyContent: 'flex-start',\n      pt: 8,\n      ...legendStyle,\n    }}\n  >\n    {legendLabelMain && (\n      <Stack alignItems=\"center\" flexDirection=\"row\" gap={8}>\n        <svg\n          aria-hidden=\"true\"\n          aria-labelledby=\"legendMain\"\n          fill=\"none\"\n          height=\"12\"\n          role=\"figure\"\n          width=\"12\"\n        >\n          <rect fill={mainColor} height=\"12\" rx=\"2\" width=\"12\" x=\"0.4375\" />\n        </svg>\n        <Text id=\"legendMain\" sx={{ fontSize: 13, fontWeight: 400 }} variant=\"caption\">\n          {legendLabelMain}\n        </Text>\n      </Stack>\n    )}\n    {legendLabelComparison && (\n      <Stack alignItems=\"center\" flexDirection=\"row\" gap={8}>\n        <svg\n          aria-hidden=\"true\"\n          aria-labelledby=\"legendComparison\"\n          fill=\"none\"\n          height=\"12\"\n          role=\"figure\"\n          width=\"12\"\n        >\n          <rect fill={comparisonColor} height=\"12\" rx=\"2\" width=\"12\" x=\"0.4375\" />\n        </svg>\n        <Text id=\"legendComparison\" sx={{ fontSize: 13, fontWeight: 400 }} variant=\"caption\">\n          {legendLabelComparison}\n        </Text>\n      </Stack>\n    )}\n  </Stack>\n)\n"],"mappings":";;;AAaA,IAAa,IAAA,CAA4B,EACvC,iBAAA,GACA,uBAAA,GACA,iBAAA,GACA,aAAA,IAAc,CAAC,GACf,WAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,GAAG;AAAA,EACL;AAAA,EARF,UAAA,CAUG,KACC,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,eAAc;AAAA,IAAM,KAAK;AAAA,IAApD,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,MACE,eAAY;AAAA,MACZ,mBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,QAAO;AAAA,MACP,MAAK;AAAA,MACL,OAAM;AAAA,MAEN,UAAA,gBAAA,EAAC,QAAD;AAAA,QAAM,MAAM;AAAA,QAAW,QAAO;AAAA,QAAK,IAAG;AAAA,QAAI,OAAM;AAAA,QAAK,GAAE;AAAA,MAAU,CAAA;AAAA,IAC9D,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAG;AAAA,MAAa,IAAI;AAAA,QAAE,UAAU;AAAA,QAAI,YAAY;AAAA,MAAI;AAAA,MAAG,SAAQ;AAAA,MAClE,UAAA;AAAA,IACG,CAAA,CACD;AAAA,EAER,CAAA,GAAA,KACC,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,eAAc;AAAA,IAAM,KAAK;AAAA,IAApD,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,MACE,eAAY;AAAA,MACZ,mBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,QAAO;AAAA,MACP,MAAK;AAAA,MACL,OAAM;AAAA,MAEN,UAAA,gBAAA,EAAC,QAAD;AAAA,QAAM,MAAM;AAAA,QAAiB,QAAO;AAAA,QAAK,IAAG;AAAA,QAAI,OAAM;AAAA,QAAK,GAAE;AAAA,MAAU,CAAA;AAAA,IACpE,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAG;AAAA,MAAmB,IAAI;AAAA,QAAE,UAAU;AAAA,QAAI,YAAY;AAAA,MAAI;AAAA,MAAG,SAAQ;AAAA,MACxE,UAAA;AAAA,IACG,CAAA,CACD;AAAA,EAEJ,CAAA,CAAA"}

package/dist/insights/components/shared/Charts/BarChart/DoubleBarChartMXUI.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleBarChartMXUI.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/Charts/BarChart/DoubleBarChartMXUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { BarPlot, ChartContainer, ChartsXAxis } from '@mui/x-charts'\nimport { useContainerDimensions } from '../../../../hooks/useContainerDimensions'\n\nimport { DataSet, DoubleBarChartMXUIProps } from '../../../../types/Charts/BarChart'\n\nimport { CustomDoubleBarPlotMXUI } from './CustomDoubleBarPlotMXUI'\nimport { DoubleBarChartLegendMXUI } from './DoubleBarChartLegendMXUI'\n\nexport const DoubleBarChartMXUI = ({\n  barGapRatio = 0.005,\n  categoryGapRatio = 0.16,\n  colors,\n  data,\n  isMini = false,\n  legendLabelComparison,\n  legendLabelMain,\n  margin = {\n    bottom: 16,\n    left: 24,\n    right: 24,\n    top: 0,\n  },\n  selectedTabIndex,\n  onBarClick,\n}: DoubleBarChartMXUIProps) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  const handleBarClick = ({ dataIndex, seriesId }: { dataIndex: number; seriesId: string }) => {\n    const seriesType = seriesId.toString().split('-').pop()\n    onBarClick?.(dataIndex * 2 + Number(seriesType))\n  }\n\n  return (\n    <Stack sx={{ mb: 0, width: '100%', p: 0 }}>\n      <Box\n        ref={containerRef}\n        sx={{\n          height: isMini ? 120 : 172,\n          touchAction: 'pan-y',\n          width: '100%',\n          p: 0,\n          m: 0,\n          '& svg': {\n            touchAction: 'pan-y',\n            userSelect: 'none',\n          },\n          '& .recharts-wrapper': {\n            touchAction: 'pan-y',\n          },\n        }}\n      >\n        <ChartContainer\n          colors={colors}\n          dataset={data as any[]}\n          height={height}\n          margin={margin}\n          series={[\n            { dataKey: 'main', type: 'bar' },\n            { dataKey: 'comparison', type: 'bar' },\n          ]}\n          width={width}\n          xAxis={[{ barGapRatio, categoryGapRatio, dataKey: 'label', scaleType: 'band' }]}\n          yAxis={[{ width: 0 }]}\n        >\n          <ChartsXAxis\n            disableTicks={false}\n            slots={{\n              axisTickLabel: ({ text, ...restProps }) => {\n                const label =\n                  selectedTabIndex !== undefined ? data[selectedTabIndex]?.label : undefined\n                return (\n                  <text\n                    {...restProps}\n                    style={\n                      {\n                        ...restProps.style,\n                        fontWeight: label === text ? 700 : 400,\n                      } as React.CSSProperties\n                    }\n                  >\n                    {text}\n                  </text>\n                )\n              },\n            }}\n            sx={{\n              '.MuiChartsAxis-line': {\n                stroke: 'border.darker',\n              },\n            }}\n            tickLabelStyle={{\n              fontSize: 11,\n              fill: 'text.secondary',\n              fontWeight: 400,\n            }}\n          />\n          <BarPlot\n            onItemClick={(_, { dataIndex, seriesId }) =>\n              handleBarClick({ dataIndex, seriesId: seriesId.toString() })\n            }\n            slots={{\n              bar: (props) => {\n                const { ownerState, ...defaultProps } = props\n                return (\n                  <CustomDoubleBarPlotMXUI\n                    {...defaultProps}\n                    color={\n                      selectedTabIndex !== ownerState.dataIndex\n                        ? `${ownerState.color}50`\n                        : ownerState.color\n                    }\n                    data={data as DataSet[]}\n                    series={{\n                      index: ownerState.dataIndex,\n                      type: Number(ownerState.id.toString().split('-').pop()),\n                    }}\n                    style={{\n                      height: props.height,\n                      x: props.x,\n                      y: props.y,\n                      width: props.width,\n                    }}\n                  />\n                )\n              },\n            }}\n          />\n        </ChartContainer>\n      </Box>\n\n      {(legendLabelComparison || legendLabelMain) && (\n        <DoubleBarChartLegendMXUI\n          comparisonColor={colors[1]}\n          legendLabelComparison={legendLabelComparison}\n          legendLabelMain={legendLabelMain}\n          legendStyle={{ ml: margin.left }}\n          mainColor={colors[0]}\n        />\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AAaA,IAAa,IAAA,CAAsB,EACjC,aAAA,IAAc,MACd,kBAAA,IAAmB,MACnB,QAAA,GACA,MAAA,GACA,QAAA,IAAS,IACT,uBAAA,GACA,iBAAA,GACA,QAAA,IAAS;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AACP,GACA,kBAAA,GACA,YAAA,EAAA,MAC6B;AAC7B,QAAM,IAAe,EAAM,OAAuB,IAAI,GAChD,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EAAuB,CAAY,GAEvD,IAAA,CAAkB,EAAE,WAAA,GAAW,UAAA,EAAA,MAAwD;AAC3F,UAAM,IAAa,EAAS,SAAS,EAAE,MAAM,GAAG,EAAE,IAAI;AACtD,IAAA,IAAa,IAAY,IAAI,OAAO,CAAU,CAAC;AAAA,EACjD;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,IAAI;AAAA,MAAG,OAAO;AAAA,MAAQ,GAAG;AAAA,IAAE;AAAA,cAAxC,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,IAAI;AAAA,QACF,QAAQ,IAAS,MAAM;AAAA,QACvB,aAAa;AAAA,QACb,OAAO;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,UACP,aAAa;AAAA,UACb,YAAY;AAAA,QACd;AAAA,QACA,uBAAuB,EACrB,aAAa,QACf;AAAA,MACF;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,SAAS;AAAA,QACD,QAAA;AAAA,QACA,QAAA;AAAA,QACR,QAAQ,CACN;AAAA,UAAE,SAAS;AAAA,UAAQ,MAAM;AAAA,QAAM,GAC/B;AAAA,UAAE,SAAS;AAAA,UAAc,MAAM;AAAA,QAAM,CACvC;AAAA,QACO,OAAA;AAAA,QACP,OAAO,CAAC;AAAA,UAAE,aAAA;AAAA,UAAa,kBAAA;AAAA,UAAkB,SAAS;AAAA,UAAS,WAAW;AAAA,QAAO,CAAC;AAAA,QAC9E,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;AAAA,kBAXtB,CAaE,gBAAA,EAAC,GAAD;AAAA,UACE,cAAc;AAAA,UACd,OAAO,EACL,eAAA,CAAgB,EAAE,MAAA,GAAM,GAAG,EAAA,MAAgB;AACzC,kBAAM,IACJ,MAAqB,SAAY,EAAK,CAAA,GAAmB,QAAQ;AACnE,mBACE,gBAAA,EAAC,QAAD;AAAA,cACE,GAAI;AAAA,cACJ,OACE;AAAA,gBACE,GAAG,EAAU;AAAA,gBACb,YAAY,MAAU,IAAO,MAAM;AAAA,cACrC;AAAA,wBAGD;AAAA,YACG,CAAA;AAAA,UAEV,EACF;AAAA,UACA,IAAI,EACF,uBAAuB,EACrB,QAAQ,gBACV,EACF;AAAA,UACA,gBAAgB;AAAA,YACd,UAAU;AAAA,YACV,MAAM;AAAA,YACN,YAAY;AAAA,UACd;AAAA,QACD,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,UACE,aAAA,CAAc,GAAG,EAAE,WAAA,GAAW,UAAA,EAAA,MAC5B,EAAe;AAAA,YAAE,WAAA;AAAA,YAAW,UAAU,EAAS,SAAS;AAAA,UAAE,CAAC;AAAA,UAE7D,OAAO,EACL,KAAA,CAAM,MAAU;AACd,kBAAM,EAAE,YAAA,GAAY,GAAG,EAAA,IAAiB;AACxC,mBACE,gBAAA,EAAC,GAAD;AAAA,cACE,GAAI;AAAA,cACJ,OACE,MAAqB,EAAW,YAC5B,GAAG,EAAW,KAAA,OACd,EAAW;AAAA,cAEX,MAAA;AAAA,cACN,QAAQ;AAAA,gBACN,OAAO,EAAW;AAAA,gBAClB,MAAM,OAAO,EAAW,GAAG,SAAS,EAAE,MAAM,GAAG,EAAE,IAAI,CAAC;AAAA,cACxD;AAAA,cACA,OAAO;AAAA,gBACL,QAAQ,EAAM;AAAA,gBACd,GAAG,EAAM;AAAA,gBACT,GAAG,EAAM;AAAA,gBACT,OAAO,EAAM;AAAA,cACf;AAAA,YACD,CAAA;AAAA,UAEL,EACF;AAAA,QACD,CAAA,CACa;AAAA;IACb,CAAA,IAEH,KAAyB,MACzB,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAiB,EAAO,CAAA;AAAA,MACD,uBAAA;AAAA,MACN,iBAAA;AAAA,MACjB,aAAa,EAAE,IAAI,EAAO,KAAK;AAAA,MAC/B,WAAW,EAAO,CAAA;AAAA,IACnB,CAAA,CAEE;AAAA;AAEX"}
+{"version":3,"file":"DoubleBarChartMXUI.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/Charts/BarChart/DoubleBarChartMXUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { BarPlot, ChartContainer, ChartsXAxis } from '@mui/x-charts'\nimport { useContainerDimensions } from '../../../../hooks/useContainerDimensions'\n\nimport { DataSet, DoubleBarChartMXUIProps } from '../../../../types/Charts/BarChart'\n\nimport { CustomDoubleBarPlotMXUI } from './CustomDoubleBarPlotMXUI'\nimport { DoubleBarChartLegendMXUI } from './DoubleBarChartLegendMXUI'\n\nexport const DoubleBarChartMXUI = ({\n  barGapRatio = 0.005,\n  categoryGapRatio = 0.16,\n  colors,\n  data,\n  isMini = false,\n  legendLabelComparison,\n  legendLabelMain,\n  margin = {\n    bottom: 16,\n    left: 24,\n    right: 24,\n    top: 0,\n  },\n  selectedTabIndex,\n  onBarClick,\n}: DoubleBarChartMXUIProps) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  const handleBarClick = ({ dataIndex, seriesId }: { dataIndex: number; seriesId: string }) => {\n    const seriesType = seriesId.toString().split('-').pop()\n    onBarClick?.(dataIndex * 2 + Number(seriesType))\n  }\n\n  return (\n    <Stack sx={{ mb: 0, width: '100%', p: 0 }}>\n      <Box\n        ref={containerRef}\n        sx={{\n          height: isMini ? 120 : 172,\n          touchAction: 'pan-y',\n          width: '100%',\n          p: 0,\n          m: 0,\n          '& svg': {\n            touchAction: 'pan-y',\n            userSelect: 'none',\n          },\n          '& .recharts-wrapper': {\n            touchAction: 'pan-y',\n          },\n        }}\n      >\n        <ChartContainer\n          colors={colors}\n          dataset={data as any[]}\n          height={height}\n          margin={margin}\n          series={[\n            { dataKey: 'main', type: 'bar' },\n            { dataKey: 'comparison', type: 'bar' },\n          ]}\n          width={width}\n          xAxis={[{ barGapRatio, categoryGapRatio, dataKey: 'label', scaleType: 'band' }]}\n          yAxis={[{ width: 0 }]}\n        >\n          <ChartsXAxis\n            disableTicks={false}\n            slots={{\n              axisTickLabel: ({ text, ...restProps }) => {\n                const label =\n                  selectedTabIndex !== undefined ? data[selectedTabIndex]?.label : undefined\n                return (\n                  <text\n                    {...restProps}\n                    style={\n                      {\n                        ...restProps.style,\n                        fontWeight: label === text ? 700 : 400,\n                      } as React.CSSProperties\n                    }\n                  >\n                    {text}\n                  </text>\n                )\n              },\n            }}\n            sx={{\n              '.MuiChartsAxis-line': {\n                stroke: 'border.darker',\n              },\n            }}\n            tickLabelStyle={{\n              fontSize: 11,\n              fill: 'text.secondary',\n              fontWeight: 400,\n            }}\n          />\n          <BarPlot\n            onItemClick={(_, { dataIndex, seriesId }) =>\n              handleBarClick({ dataIndex, seriesId: seriesId.toString() })\n            }\n            slots={{\n              bar: (props) => {\n                const { ownerState, ...defaultProps } = props\n                return (\n                  <CustomDoubleBarPlotMXUI\n                    {...defaultProps}\n                    color={\n                      selectedTabIndex !== ownerState.dataIndex\n                        ? `${ownerState.color}50`\n                        : ownerState.color\n                    }\n                    data={data as DataSet[]}\n                    series={{\n                      index: ownerState.dataIndex,\n                      type: Number(ownerState.id.toString().split('-').pop()),\n                    }}\n                    style={{\n                      height: props.height,\n                      x: props.x,\n                      y: props.y,\n                      width: props.width,\n                    }}\n                  />\n                )\n              },\n            }}\n          />\n        </ChartContainer>\n      </Box>\n\n      {(legendLabelComparison || legendLabelMain) && (\n        <DoubleBarChartLegendMXUI\n          comparisonColor={colors[1]}\n          legendLabelComparison={legendLabelComparison}\n          legendLabelMain={legendLabelMain}\n          legendStyle={{ ml: margin.left }}\n          mainColor={colors[0]}\n        />\n      )}\n    </Stack>\n  )\n}\n"],"mappings":"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"}

package/dist/insights/components/shared/ConnectionCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionCard.es.js","names":[],"sources":["../../../../src/insights/components/shared/ConnectionCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nimport { useContainerDimensions } from '../../hooks/useContainerDimensions'\n\nimport { Confetti } from './Confetti'\n\ninterface ConnectionCardProps {\n  centerIconBgColor?: string\n  dotBgColor?: string\n  hasBigDots?: boolean\n  hasConfetti?: boolean\n  icon: React.ReactNode\n  leftIcon: React.ReactNode\n  rightIcon: React.ReactNode\n  sx?: SxProps<Theme>\n}\n\ninterface DotProps {\n  bgcolor?: string\n  size?: number\n}\n\nconst Dot = ({ bgcolor, size = 4 }: DotProps) => (\n  <Box sx={{ borderRadius: '4px', bgcolor, height: size, width: size }} />\n)\n\nconst ConnectionCard = ({\n  centerIconBgColor = 'text.secondary',\n  dotBgColor = 'text.secondary',\n  hasBigDots = false,\n  hasConfetti = false,\n  icon,\n  leftIcon,\n  rightIcon,\n  sx,\n}: ConnectionCardProps) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  const dotSize = hasBigDots ? 6 : 4\n\n  return (\n    <React.Fragment>\n      {hasConfetti && <Confetti height={height} shouldRun={true} width={width} />}\n      <Box ref={containerRef} sx={{ p: 16, ...sx }}>\n        <Card sx={{ py: 16 }}>\n          <Box\n            sx={{\n              display: 'grid',\n              placeItems: 'center',\n            }}\n          >\n            <Box\n              sx={{\n                bgcolor: 'neutral.lighter',\n                borderRadius: '24px',\n                gridArea: '1 / 1',\n                height: 40,\n                width: 240,\n              }}\n            />\n            <Stack\n              sx={{\n                alignItems: 'center',\n                flexDirection: 'row',\n                gridArea: '1 / 1',\n                height: 64,\n                justifyContent: 'space-between',\n                width: 204,\n              }}\n            >\n              {leftIcon}\n              <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n                <Dot bgcolor={dotBgColor} />\n                <Dot bgcolor={dotBgColor} size={dotSize} />\n                <Stack\n                  sx={{\n                    alignItems: 'center',\n                    bgcolor: centerIconBgColor,\n                    borderRadius: '50%',\n                    height: 28,\n                    justifyContent: 'center',\n                    width: 28,\n                  }}\n                >\n                  {icon}\n                </Stack>\n                <Dot bgcolor={dotBgColor} size={dotSize} />\n                <Dot bgcolor={dotBgColor} />\n              </Stack>\n              {rightIcon}\n            </Stack>\n          </Box>\n        </Card>\n      </Box>\n    </React.Fragment>\n  )\n}\n\nexport default ConnectionCard\n"],"mappings":";;;;;;;AA2BA,IAAM,IAAA,CAAO,EAAE,SAAA,GAAS,MAAA,IAAO,EAAA,MAC7B,gBAAA,EAAC,GAAD,EAAK,IAAI;AAAA,EAAE,cAAc;AAAA,EAAO,SAAA;AAAA,EAAS,QAAQ;AAAA,EAAM,OAAO;AAAK,EAAI,CAAA,GAGnE,IAAA,CAAkB,EACtB,mBAAA,IAAoB,kBACpB,YAAA,IAAa,kBACb,YAAA,IAAa,IACb,aAAA,IAAc,IACd,MAAA,GACA,UAAA,GACA,WAAA,GACA,IAAA,EAAA,MACyB;AACzB,QAAM,IAAe,EAAM,OAAuB,IAAI,GAChD,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EAAuB,CAAY,GAEvD,IAAU,IAAa,IAAI;AAEjC,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACG,KAAe,gBAAA,EAAC,GAAD;AAAA,IAAkB,QAAA;AAAA,IAAQ,WAAW;AAAA,IAAa,OAAA;AAAA,EAAQ,CAAA,GAC1E,gBAAA,EAAC,GAAD;AAAA,IAAK,KAAK;AAAA,IAAc,IAAI;AAAA,MAAE,GAAG;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,cACzC,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI,EAAE,IAAI,GAAG;AAAA,gBACjB,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,kBAJF,CAME,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,UACF,SAAS;AAAA,UACT,cAAc;AAAA,UACd,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,OAAO;AAAA,QACT,EACD,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,OAAO;AAAA,UACT;AAAA,oBARF;AAAA,YAUG;AAAA,YACD,gBAAA,EAAC,GAAD;AAAA,cAAO,IAAI;AAAA,gBAAE,YAAY;AAAA,gBAAU,eAAe;AAAA,gBAAO,KAAK;AAAA,cAAE;AAAA,wBAAhE;AAAA,gBACE,gBAAA,EAAC,GAAD,EAAK,SAAS,EAAa,CAAA;AAAA,gBAC3B,gBAAA,EAAC,GAAD;AAAA,kBAAK,SAAS;AAAA,kBAAY,MAAM;AAAA,gBAAU,CAAA;AAAA,gBAC1C,gBAAA,EAAC,GAAD;AAAA,kBACE,IAAI;AAAA,oBACF,YAAY;AAAA,oBACZ,SAAS;AAAA,oBACT,cAAc;AAAA,oBACd,QAAQ;AAAA,oBACR,gBAAgB;AAAA,oBAChB,OAAO;AAAA,kBACT;AAAA,4BAEC;AAAA,gBACI,CAAA;AAAA,gBACP,gBAAA,EAAC,GAAD;AAAA,kBAAK,SAAS;AAAA,kBAAY,MAAM;AAAA,gBAAU,CAAA;AAAA,gBAC1C,gBAAA,EAAC,GAAD,EAAK,SAAS,EAAa,CAAA;AAAA,cACtB;AAAA;YACN;AAAA,UACI;AAAA,UACJ;AAAA;IACD,CAAA;AAAA,EACH,CAAA,CACS,EAAA,CAAA;AAEpB"}
+{"version":3,"file":"ConnectionCard.es.js","names":[],"sources":["../../../../src/insights/components/shared/ConnectionCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nimport { useContainerDimensions } from '../../hooks/useContainerDimensions'\n\nimport { Confetti } from './Confetti'\n\ninterface ConnectionCardProps {\n  centerIconBgColor?: string\n  dotBgColor?: string\n  hasBigDots?: boolean\n  hasConfetti?: boolean\n  icon: React.ReactNode\n  leftIcon: React.ReactNode\n  rightIcon: React.ReactNode\n  sx?: SxProps<Theme>\n}\n\ninterface DotProps {\n  bgcolor?: string\n  size?: number\n}\n\nconst Dot = ({ bgcolor, size = 4 }: DotProps) => (\n  <Box sx={{ borderRadius: '4px', bgcolor, height: size, width: size }} />\n)\n\nconst ConnectionCard = ({\n  centerIconBgColor = 'text.secondary',\n  dotBgColor = 'text.secondary',\n  hasBigDots = false,\n  hasConfetti = false,\n  icon,\n  leftIcon,\n  rightIcon,\n  sx,\n}: ConnectionCardProps) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  const dotSize = hasBigDots ? 6 : 4\n\n  return (\n    <React.Fragment>\n      {hasConfetti && <Confetti height={height} shouldRun={true} width={width} />}\n      <Box ref={containerRef} sx={{ p: 16, ...sx }}>\n        <Card sx={{ py: 16 }}>\n          <Box\n            sx={{\n              display: 'grid',\n              placeItems: 'center',\n            }}\n          >\n            <Box\n              sx={{\n                bgcolor: 'neutral.lighter',\n                borderRadius: '24px',\n                gridArea: '1 / 1',\n                height: 40,\n                width: 240,\n              }}\n            />\n            <Stack\n              sx={{\n                alignItems: 'center',\n                flexDirection: 'row',\n                gridArea: '1 / 1',\n                height: 64,\n                justifyContent: 'space-between',\n                width: 204,\n              }}\n            >\n              {leftIcon}\n              <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n                <Dot bgcolor={dotBgColor} />\n                <Dot bgcolor={dotBgColor} size={dotSize} />\n                <Stack\n                  sx={{\n                    alignItems: 'center',\n                    bgcolor: centerIconBgColor,\n                    borderRadius: '50%',\n                    height: 28,\n                    justifyContent: 'center',\n                    width: 28,\n                  }}\n                >\n                  {icon}\n                </Stack>\n                <Dot bgcolor={dotBgColor} size={dotSize} />\n                <Dot bgcolor={dotBgColor} />\n              </Stack>\n              {rightIcon}\n            </Stack>\n          </Box>\n        </Card>\n      </Box>\n    </React.Fragment>\n  )\n}\n\nexport default ConnectionCard\n"],"mappings":";;;;;;;AA2BA,IAAM,IAAA,CAAO,EAAE,SAAA,GAAS,MAAA,IAAO,EAAA,MAC7B,gBAAA,EAAC,GAAD,EAAK,IAAI;AAAA,EAAE,cAAc;AAAA,EAAO,SAAA;AAAA,EAAS,QAAQ;AAAA,EAAM,OAAO;AAAK,EAAI,CAAA,GAGnE,IAAA,CAAkB,EACtB,mBAAA,IAAoB,kBACpB,YAAA,IAAa,kBACb,YAAA,IAAa,IACb,aAAA,IAAc,IACd,MAAA,GACA,UAAA,GACA,WAAA,GACA,IAAA,EAAA,MACyB;AACzB,QAAM,IAAe,EAAM,OAAuB,IAAI,GAChD,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EAAuB,CAAY,GAEvD,IAAU,IAAa,IAAI;AAEjC,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACG,KAAe,gBAAA,EAAC,GAAD;AAAA,IAAkB,QAAA;AAAA,IAAQ,WAAW;AAAA,IAAa,OAAA;AAAA,EAAQ,CAAA,GAC1E,gBAAA,EAAC,GAAD;AAAA,IAAK,KAAK;AAAA,IAAc,IAAI;AAAA,MAAE,GAAG;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,IACzC,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI,EAAE,IAAI,GAAG;AAAA,MACjB,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QAJF,UAAA,CAME,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,UACF,SAAS;AAAA,UACT,cAAc;AAAA,UACd,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,OAAO;AAAA,QACT,EACD,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,OAAO;AAAA,UACT;AAAA,UARF,UAAA;AAAA,YAUG;AAAA,YACD,gBAAA,EAAC,GAAD;AAAA,cAAO,IAAI;AAAA,gBAAE,YAAY;AAAA,gBAAU,eAAe;AAAA,gBAAO,KAAK;AAAA,cAAE;AAAA,cAAhE,UAAA;AAAA,gBACE,gBAAA,EAAC,GAAD,EAAK,SAAS,EAAa,CAAA;AAAA,gBAC3B,gBAAA,EAAC,GAAD;AAAA,kBAAK,SAAS;AAAA,kBAAY,MAAM;AAAA,gBAAU,CAAA;AAAA,gBAC1C,gBAAA,EAAC,GAAD;AAAA,kBACE,IAAI;AAAA,oBACF,YAAY;AAAA,oBACZ,SAAS;AAAA,oBACT,cAAc;AAAA,oBACd,QAAQ;AAAA,oBACR,gBAAgB;AAAA,oBAChB,OAAO;AAAA,kBACT;AAAA,kBAEC,UAAA;AAAA,gBACI,CAAA;AAAA,gBACP,gBAAA,EAAC,GAAD;AAAA,kBAAK,SAAS;AAAA,kBAAY,MAAM;AAAA,gBAAU,CAAA;AAAA,gBAC1C,gBAAA,EAAC,GAAD,EAAK,SAAS,EAAa,CAAA;AAAA,cACtB;AAAA;YACN;AAAA,UACI;AAAA,QACJ,CAAA,CAAA;AAAA;IACD,CAAA;AAAA,EACH,CAAA,CACS,EAAA,CAAA;AAEpB"}

package/dist/insights/components/shared/Coupon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Coupon.es.js","names":[],"sources":["../../../../src/insights/components/shared/Coupon.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { alpha, type SxProps, type Theme, useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { ReactComponent as Left } from './images/CouponLeft.svg'\nimport { ReactComponent as LeftDark } from './images/CouponLeftDark.svg'\nimport { ReactComponent as Perferation } from './images/CouponPerferation.svg'\n\ninterface CouponProps {\n  amount: string\n  label: string\n  sx?: SxProps<Theme>\n}\n\nconst Coupon = ({ amount, label, sx }: CouponProps) => {\n  const theme = useTheme()\n\n  return (\n    <Box sx={{ p: 16, ...sx }}>\n      <Stack sx={{ flexDirection: 'row' }}>\n        <Stack\n          sx={{\n            bgcolor: 'background.paper',\n            borderBottomLeftRadius: '8px',\n            borderTopLeftRadius: '8px',\n            p: 4,\n            pr: 2,\n          }}\n        >\n          {theme.palette.mode === 'dark' ? <LeftDark /> : <Left />}\n        </Stack>\n        <Stack\n          sx={{\n            svg: {\n              path: {\n                '&:not([stroke])': {\n                  fill: theme.palette.background.paper,\n                },\n                '&[stroke]': {\n                  stroke: alpha(theme.palette.divider, 0.24),\n                },\n              },\n              rect: {\n                fill: theme.palette.background.paper,\n              },\n            },\n          }}\n        >\n          <Perferation />\n        </Stack>\n        <Stack\n          sx={{\n            bgcolor: 'background.paper',\n            borderBottomRightRadius: '12px',\n            borderTopRightRadius: '12px',\n            height: 74,\n            justifyContent: 'center',\n            px: 12,\n            width: 214,\n          }}\n        >\n          <Text color=\"text.secondary\" variant=\"caption\">\n            {label}\n          </Text>\n          <Text variant=\"h1\">{amount}</Text>\n        </Stack>\n      </Stack>\n    </Box>\n  )\n}\n\nexport default Coupon\n"],"mappings":";;;;;;;;AAgBA,IAAM,IAAA,CAAU,EAAE,QAAA,GAAQ,OAAA,GAAO,IAAA,EAAA,MAAsB;AACrD,QAAM,IAAQ,EAAS;AAEvB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,GAAG;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,cACtB,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,eAAe,MAAM;AAAA,gBAAlC;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,SAAS;AAAA,YACT,wBAAwB;AAAA,YACxB,qBAAqB;AAAA,YACrB,GAAG;AAAA,YACH,IAAI;AAAA,UACN;AAAA,oBAEC,EAAM,QAAQ,SAAS,SAAS,gBAAA,EAAC,GAAD,CAAW,CAAA,IAAI,gBAAA,EAAC,GAAD,CAAO,CAAA;AAAA,QAClD,CAAA;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI,EACF,KAAK;AAAA,YACH,MAAM;AAAA,cACJ,mBAAmB,EACjB,MAAM,EAAM,QAAQ,WAAW,MACjC;AAAA,cACA,aAAa,EACX,QAAQ,EAAM,EAAM,QAAQ,SAAS,IAAI,EAC3C;AAAA,YACF;AAAA,YACA,MAAM,EACJ,MAAM,EAAM,QAAQ,WAAW,MACjC;AAAA,UACF,EACF;AAAA,oBAEA,gBAAA,EAAC,GAAD,CAAc,CAAA;AAAA,QACT,CAAA;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,SAAS;AAAA,YACT,yBAAyB;AAAA,YACzB,sBAAsB;AAAA,YACtB,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,IAAI;AAAA,YACJ,OAAO;AAAA,UACT;AAAA,oBATF,CAWE,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAiB,SAAQ;AAAA,sBAClC;AAAA,UACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,sBAAM;AAAA,UAAa,CAAA,CAC5B;AAAA;MACF;AAAA;EACJ,CAAA;AAET"}
+{"version":3,"file":"Coupon.es.js","names":[],"sources":["../../../../src/insights/components/shared/Coupon.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { alpha, type SxProps, type Theme, useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { ReactComponent as Left } from './images/CouponLeft.svg'\nimport { ReactComponent as LeftDark } from './images/CouponLeftDark.svg'\nimport { ReactComponent as Perferation } from './images/CouponPerferation.svg'\n\ninterface CouponProps {\n  amount: string\n  label: string\n  sx?: SxProps<Theme>\n}\n\nconst Coupon = ({ amount, label, sx }: CouponProps) => {\n  const theme = useTheme()\n\n  return (\n    <Box sx={{ p: 16, ...sx }}>\n      <Stack sx={{ flexDirection: 'row' }}>\n        <Stack\n          sx={{\n            bgcolor: 'background.paper',\n            borderBottomLeftRadius: '8px',\n            borderTopLeftRadius: '8px',\n            p: 4,\n            pr: 2,\n          }}\n        >\n          {theme.palette.mode === 'dark' ? <LeftDark /> : <Left />}\n        </Stack>\n        <Stack\n          sx={{\n            svg: {\n              path: {\n                '&:not([stroke])': {\n                  fill: theme.palette.background.paper,\n                },\n                '&[stroke]': {\n                  stroke: alpha(theme.palette.divider, 0.24),\n                },\n              },\n              rect: {\n                fill: theme.palette.background.paper,\n              },\n            },\n          }}\n        >\n          <Perferation />\n        </Stack>\n        <Stack\n          sx={{\n            bgcolor: 'background.paper',\n            borderBottomRightRadius: '12px',\n            borderTopRightRadius: '12px',\n            height: 74,\n            justifyContent: 'center',\n            px: 12,\n            width: 214,\n          }}\n        >\n          <Text color=\"text.secondary\" variant=\"caption\">\n            {label}\n          </Text>\n          <Text variant=\"h1\">{amount}</Text>\n        </Stack>\n      </Stack>\n    </Box>\n  )\n}\n\nexport default Coupon\n"],"mappings":";;;;;;;;AAgBA,IAAM,IAAA,CAAU,EAAE,QAAA,GAAQ,OAAA,GAAO,IAAA,EAAA,MAAsB;AACrD,QAAM,IAAQ,EAAS;AAEvB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,GAAG;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,IACtB,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,eAAe,MAAM;AAAA,MAAlC,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,SAAS;AAAA,YACT,wBAAwB;AAAA,YACxB,qBAAqB;AAAA,YACrB,GAAG;AAAA,YACH,IAAI;AAAA,UACN;AAAA,UAEC,UAAA,EAAM,QAAQ,SAAS,SAAS,gBAAA,EAAC,GAAD,CAAW,CAAA,IAAI,gBAAA,EAAC,GAAD,CAAO,CAAA;AAAA,QAClD,CAAA;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI,EACF,KAAK;AAAA,YACH,MAAM;AAAA,cACJ,mBAAmB,EACjB,MAAM,EAAM,QAAQ,WAAW,MACjC;AAAA,cACA,aAAa,EACX,QAAQ,EAAM,EAAM,QAAQ,SAAS,IAAI,EAC3C;AAAA,YACF;AAAA,YACA,MAAM,EACJ,MAAM,EAAM,QAAQ,WAAW,MACjC;AAAA,UACF,EACF;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD,CAAc,CAAA;AAAA,QACT,CAAA;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,SAAS;AAAA,YACT,yBAAyB;AAAA,YACzB,sBAAsB;AAAA,YACtB,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,IAAI;AAAA,YACJ,OAAO;AAAA,UACT;AAAA,UATF,UAAA,CAWE,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAiB,SAAQ;AAAA,YAClC,UAAA;AAAA,UACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,YAAM,UAAA;AAAA,UAAa,CAAA,CAC5B;AAAA;MACF;AAAA;EACJ,CAAA;AAET"}

package/dist/insights/components/shared/DeepLinks/DeepLinkDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeepLinkDialog.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DeepLinks/DeepLinkDialog.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mx-icons'\n\nimport Dialog from '@mui/material/Dialog'\nimport DialogContent from '@mui/material/DialogContent'\nimport DialogTitle from '@mui/material/DialogTitle'\nimport IconButton from '@mui/material/IconButton'\nexport interface DeepLinkDialogCopyObject {\n  close_dialog_aria: string\n  title: string\n}\nexport interface DeepLinkDrawerProps {\n  copy: DeepLinkDialogCopyObject\n  onClose: () => void\n  setShouldShow: (shouldShow: boolean) => void\n  shouldShow: boolean\n}\n\nexport const DeepLinkDialog: React.FC<React.PropsWithChildren<DeepLinkDrawerProps>> = ({\n  children,\n  copy,\n  shouldShow,\n  onClose,\n  // Destructured out (though unused here) so it does NOT fall into ...rest and\n  // get spread onto the MUI <Dialog> DOM node (React \"does not recognize the\n  // setShouldShow prop\" warning).\n  setShouldShow: _setShouldShow,\n  ...rest\n}) => {\n  return (\n    <Dialog fullScreen={true} onClose={onClose} open={shouldShow} {...rest}>\n      <DialogTitle>{copy.title}</DialogTitle>\n      <IconButton\n        aria-label={copy.close_dialog_aria}\n        onClick={onClose}\n        sx={{\n          position: 'absolute',\n          right: 8,\n          top: 8,\n        }}\n      >\n        <Icon name=\"close\" />\n      </IconButton>\n      <DialogContent sx={{ mb: 24 }}>{children}</DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;AAiBA,IAAa,IAAA,CAA0E,EACrF,UAAA,GACA,MAAA,GACA,YAAA,GACA,SAAA,GAIA,eAAe,GACf,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EAAQ,YAAY;AAAA,EAAe,SAAA;AAAA,EAAS,MAAM;AAAA,EAAY,GAAI;AAAA,YAAlE;AAAA,IACE,gBAAA,EAAC,GAAD,EAAA,UAAc,EAAK,MAAmB,CAAA;AAAA,IACtC,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK;AAAA,MACjB,SAAS;AAAA,MACT,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,gBAEA,gBAAA,EAAC,GAAD,EAAM,MAAK,QAAS,CAAA;AAAA,IACV,CAAA;AAAA,IACZ,gBAAA,EAAC,GAAD;AAAA,MAAe,IAAI,EAAE,IAAI,GAAG;AAAA,MAAI,UAAA;AAAA,IAAwB,CAAA;AAAA,EAClD"}
+{"version":3,"file":"DeepLinkDialog.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DeepLinks/DeepLinkDialog.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mx-icons'\n\nimport Dialog from '@mui/material/Dialog'\nimport DialogContent from '@mui/material/DialogContent'\nimport DialogTitle from '@mui/material/DialogTitle'\nimport IconButton from '@mui/material/IconButton'\nexport interface DeepLinkDialogCopyObject {\n  close_dialog_aria: string\n  title: string\n}\nexport interface DeepLinkDrawerProps {\n  copy: DeepLinkDialogCopyObject\n  onClose: () => void\n  setShouldShow: (shouldShow: boolean) => void\n  shouldShow: boolean\n}\n\nexport const DeepLinkDialog: React.FC<React.PropsWithChildren<DeepLinkDrawerProps>> = ({\n  children,\n  copy,\n  shouldShow,\n  onClose,\n  // Destructured out (though unused here) so it does NOT fall into ...rest and\n  // get spread onto the MUI <Dialog> DOM node (React \"does not recognize the\n  // setShouldShow prop\" warning).\n  setShouldShow: _setShouldShow,\n  ...rest\n}) => {\n  return (\n    <Dialog fullScreen={true} onClose={onClose} open={shouldShow} {...rest}>\n      <DialogTitle>{copy.title}</DialogTitle>\n      <IconButton\n        aria-label={copy.close_dialog_aria}\n        onClick={onClose}\n        sx={{\n          position: 'absolute',\n          right: 8,\n          top: 8,\n        }}\n      >\n        <Icon name=\"close\" />\n      </IconButton>\n      <DialogContent sx={{ mb: 24 }}>{children}</DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;AAiBA,IAAa,IAAA,CAA0E,EACrF,UAAA,GACA,MAAA,GACA,YAAA,GACA,SAAA,GAIA,eAAe,GACf,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EAAQ,YAAY;AAAA,EAAe,SAAA;AAAA,EAAS,MAAM;AAAA,EAAY,GAAI;AAAA,EAAlE,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD,EAAA,UAAc,EAAK,MAAmB,CAAA;AAAA,IACtC,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK;AAAA,MACjB,SAAS;AAAA,MACT,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD,EAAM,MAAK,QAAS,CAAA;AAAA,IACV,CAAA;AAAA,IACZ,gBAAA,EAAC,GAAD;AAAA,MAAe,IAAI,EAAE,IAAI,GAAG;AAAA,MAAI,UAAA;AAAA,IAAwB,CAAA;AAAA,EAClD"}

package/dist/insights/components/shared/DeepLinks/DirectDeposit/DirectDepositDeepLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectDepositDeepLink.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/DeepLinks/DirectDeposit/DirectDepositDeepLink.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { InstitutionLogo } from '@mxenabled/mxui'\nimport { H2, Text, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport LinearProgress from '@mui/material/LinearProgress'\nimport Stack from '@mui/material/Stack'\n\nimport {\n  DeepLinkDialog,\n  type DeepLinkDialogCopyObject,\n  type DeepLinkDrawerProps,\n} from '../DeepLinkDialog'\n\nimport { Circle } from './Circle'\nimport { Dot } from './Dot'\nimport { Oval } from './Oval'\n\ninterface CopyObject extends DeepLinkDialogCopyObject {\n  almost_there: string\n  connecting: string\n  error_description: string\n  error_button_text: string\n  error_title: string\n  institution_logo_aria: string\n  loading: string\n  syncing_your_information: string\n  were_getting_closer: string\n  were_working_on_it: string\n  your_direct_deposit_has_been_updated_successfully: string\n}\n\ninterface DirectDepositDeepLinkProps extends DeepLinkDrawerProps {\n  copy: CopyObject\n  institution_guid: string\n  isComplete: boolean\n  isError: boolean\n  isLoading: boolean\n}\n\nexport const DirectDepositDeepLink: React.FC<DirectDepositDeepLinkProps> = ({\n  copy,\n  institution_guid,\n  isComplete,\n  isError,\n  isLoading,\n  ...rest\n}) => {\n  const [progressText, setProgressText] = React.useState(copy.were_working_on_it)\n  const [textIndex, setTextIndex] = React.useState(0)\n\n  // eslint-disable-next-line consistent-return\n  React.useEffect(() => {\n    if (textIndex <= 2) {\n      const textToRotate = [copy.were_working_on_it, copy.were_getting_closer, copy.almost_there]\n      const intervalId = setTimeout(() => {\n        setTextIndex(textIndex + 1)\n        setProgressText(textToRotate[textIndex])\n      }, 4000)\n\n      return () => clearTimeout(intervalId)\n    }\n  }, [copy, textIndex, progressText])\n\n  return (\n    <DeepLinkDialog copy={copy} {...rest}>\n      <Stack sx={{ alignItems: 'center', justifyContent: 'space-between', mb: 24 }}>\n        <Circle borderColor=\"#E5E5E5\" size={119}>\n          <Circle borderColor=\"#B2B2B2\" size={97}>\n            <Circle borderColor=\"#808080\" size={75}>\n              <Oval />\n              <Box sx={{ alignItems: 'center', display: 'flex', gap: 4, zIndex: 1 }}>\n                <InstitutionLogo\n                  alt={copy.institution_logo_aria}\n                  institutionGuid={institution_guid}\n                  size={64}\n                  style={{ borderRadius: '8px' }}\n                />\n                <Dot />\n                <Dot />\n                {isError ? (\n                  <Icon color={'error'} fill={true} name=\"error\" size={32} />\n                ) : (\n                  <Icon\n                    fill={true}\n                    name=\"nest_clock_farsight_analog\"\n                    size={32}\n                    sx={{ color: 'text.secondary' }}\n                  />\n                )}\n                <Dot />\n                <Dot />\n                <Box\n                  sx={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    color: 'background.paper',\n                    backgroundColor: 'success.main',\n                    borderRadius: '8px',\n                    p: 8,\n                    height: 64,\n                    width: 64,\n                  }}\n                >\n                  <Icon fill={true} name=\"monetization_on\" size={48} />\n                </Box>\n              </Box>\n            </Circle>\n          </Circle>\n        </Circle>\n      </Stack>\n\n      <Stack sx={{ alignItems: 'center', justifyContent: 'center' }}>\n        {isComplete && !isError && (\n          <H2 sx={{ textAlign: 'center' }}>\n            {copy.your_direct_deposit_has_been_updated_successfully}\n          </H2>\n        )}\n        {isLoading && (\n          <>\n            <H2>{copy.connecting}</H2>\n            <Box sx={{ my: 24, width: '50%' }}>\n              <LinearProgress aria-label={copy.loading} />\n            </Box>\n            <Text bold={true} variant=\"body1\">\n              {copy.syncing_your_information}\n            </Text>\n            <Text sx={{ mt: 8 }} variant=\"body2\">\n              {progressText}\n            </Text>\n          </>\n        )}\n        {isError && (\n          <Stack sx={{ gap: 24, px: 24, pb: 24 }}>\n            <Stack>\n              <H2 sx={{ alignSelf: 'center' }}>{copy.error_title}</H2>\n              <P\n                dangerouslySetInnerHTML={{ __html: copy.error_description }}\n                sx={{\n                  fontSize: 15,\n                  lineHeight: '24px',\n                  px: '0px !important', //The important is necessary here px: 0 will not override the mui styling.\n                  textAlign: 'center',\n                  width: 352,\n                }}\n              />\n            </Stack>\n            <Button onClick={rest.onClose} sx={{ mx: 'auto' }} variant=\"contained\">\n              {copy.error_button_text}\n            </Button>\n          </Stack>\n        )}\n      </Stack>\n    </DeepLinkDialog>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DirectDepositDeepLink.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/DeepLinks/DirectDeposit/DirectDepositDeepLink.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { InstitutionLogo } from '@mxenabled/mxui'\nimport { H2, Text, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport LinearProgress from '@mui/material/LinearProgress'\nimport Stack from '@mui/material/Stack'\n\nimport {\n  DeepLinkDialog,\n  type DeepLinkDialogCopyObject,\n  type DeepLinkDrawerProps,\n} from '../DeepLinkDialog'\n\nimport { Circle } from './Circle'\nimport { Dot } from './Dot'\nimport { Oval } from './Oval'\n\ninterface CopyObject extends DeepLinkDialogCopyObject {\n  almost_there: string\n  connecting: string\n  error_description: string\n  error_button_text: string\n  error_title: string\n  institution_logo_aria: string\n  loading: string\n  syncing_your_information: string\n  were_getting_closer: string\n  were_working_on_it: string\n  your_direct_deposit_has_been_updated_successfully: string\n}\n\ninterface DirectDepositDeepLinkProps extends DeepLinkDrawerProps {\n  copy: CopyObject\n  institution_guid: string\n  isComplete: boolean\n  isError: boolean\n  isLoading: boolean\n}\n\nexport const DirectDepositDeepLink: React.FC<DirectDepositDeepLinkProps> = ({\n  copy,\n  institution_guid,\n  isComplete,\n  isError,\n  isLoading,\n  ...rest\n}) => {\n  const [progressText, setProgressText] = React.useState(copy.were_working_on_it)\n  const [textIndex, setTextIndex] = React.useState(0)\n\n  // eslint-disable-next-line consistent-return\n  React.useEffect(() => {\n    if (textIndex <= 2) {\n      const textToRotate = [copy.were_working_on_it, copy.were_getting_closer, copy.almost_there]\n      const intervalId = setTimeout(() => {\n        setTextIndex(textIndex + 1)\n        setProgressText(textToRotate[textIndex])\n      }, 4000)\n\n      return () => clearTimeout(intervalId)\n    }\n  }, [copy, textIndex, progressText])\n\n  return (\n    <DeepLinkDialog copy={copy} {...rest}>\n      <Stack sx={{ alignItems: 'center', justifyContent: 'space-between', mb: 24 }}>\n        <Circle borderColor=\"#E5E5E5\" size={119}>\n          <Circle borderColor=\"#B2B2B2\" size={97}>\n            <Circle borderColor=\"#808080\" size={75}>\n              <Oval />\n              <Box sx={{ alignItems: 'center', display: 'flex', gap: 4, zIndex: 1 }}>\n                <InstitutionLogo\n                  alt={copy.institution_logo_aria}\n                  institutionGuid={institution_guid}\n                  size={64}\n                  style={{ borderRadius: '8px' }}\n                />\n                <Dot />\n                <Dot />\n                {isError ? (\n                  <Icon color={'error'} fill={true} name=\"error\" size={32} />\n                ) : (\n                  <Icon\n                    fill={true}\n                    name=\"nest_clock_farsight_analog\"\n                    size={32}\n                    sx={{ color: 'text.secondary' }}\n                  />\n                )}\n                <Dot />\n                <Dot />\n                <Box\n                  sx={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    color: 'background.paper',\n                    backgroundColor: 'success.main',\n                    borderRadius: '8px',\n                    p: 8,\n                    height: 64,\n                    width: 64,\n                  }}\n                >\n                  <Icon fill={true} name=\"monetization_on\" size={48} />\n                </Box>\n              </Box>\n            </Circle>\n          </Circle>\n        </Circle>\n      </Stack>\n\n      <Stack sx={{ alignItems: 'center', justifyContent: 'center' }}>\n        {isComplete && !isError && (\n          <H2 sx={{ textAlign: 'center' }}>\n            {copy.your_direct_deposit_has_been_updated_successfully}\n          </H2>\n        )}\n        {isLoading && (\n          <>\n            <H2>{copy.connecting}</H2>\n            <Box sx={{ my: 24, width: '50%' }}>\n              <LinearProgress aria-label={copy.loading} />\n            </Box>\n            <Text bold={true} variant=\"body1\">\n              {copy.syncing_your_information}\n            </Text>\n            <Text sx={{ mt: 8 }} variant=\"body2\">\n              {progressText}\n            </Text>\n          </>\n        )}\n        {isError && (\n          <Stack sx={{ gap: 24, px: 24, pb: 24 }}>\n            <Stack>\n              <H2 sx={{ alignSelf: 'center' }}>{copy.error_title}</H2>\n              <P\n                dangerouslySetInnerHTML={{ __html: copy.error_description }}\n                sx={{\n                  fontSize: 15,\n                  lineHeight: '24px',\n                  px: '0px !important', //The important is necessary here px: 0 will not override the mui styling.\n                  textAlign: 'center',\n                  width: 352,\n                }}\n              />\n            </Stack>\n            <Button onClick={rest.onClose} sx={{ mx: 'auto' }} variant=\"contained\">\n              {copy.error_button_text}\n            </Button>\n          </Stack>\n        )}\n      </Stack>\n    </DeepLinkDialog>\n  )\n}\n"],"mappings":"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"}

package/dist/insights/components/shared/DeepLinks/DirectDeposit/Dot.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/DeepLinks/DirectDeposit/Dot.tsx"],"sourcesContent":["export const Dot = () => (\n  <svg fill=\"none\" height=\"4\" viewBox=\"0 0 3 4\" width=\"3\" xmlns=\"http://www.w3.org/2000/svg\">\n    <circle cx=\"1.75\" cy=\"1.9502\" fill=\"#666666\" r=\"1.25\" />\n  </svg>\n)\n"],"mappings":";AAAA,IAAa,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,MAAK;AAAA,EAAO,QAAO;AAAA,EAAI,SAAQ;AAAA,EAAU,OAAM;AAAA,EAAI,OAAM;AAAA,YAC5D,gBAAA,EAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAO,IAAG;AAAA,IAAS,MAAK;AAAA,IAAU,GAAE;AAAA,EAAQ,CAAA;AACpD,CAAA"}
+{"version":3,"file":"Dot.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/DeepLinks/DirectDeposit/Dot.tsx"],"sourcesContent":["export const Dot = () => (\n  <svg fill=\"none\" height=\"4\" viewBox=\"0 0 3 4\" width=\"3\" xmlns=\"http://www.w3.org/2000/svg\">\n    <circle cx=\"1.75\" cy=\"1.9502\" fill=\"#666666\" r=\"1.25\" />\n  </svg>\n)\n"],"mappings":";AAAA,IAAa,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,MAAK;AAAA,EAAO,QAAO;AAAA,EAAI,SAAQ;AAAA,EAAU,OAAM;AAAA,EAAI,OAAM;AAAA,EAC5D,UAAA,gBAAA,EAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAO,IAAG;AAAA,IAAS,MAAK;AAAA,IAAU,GAAE;AAAA,EAAQ,CAAA;AACpD,CAAA"}

package/dist/insights/components/shared/DirectDeposit/DirectDeposit.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectDeposit.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/DirectDeposit.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { FullFeedBodyHeader, LeftBox, MiniBodyHeader, RightBox } from '../..'\nimport { useContainerDimensions } from '../../../hooks/useContainerDimensions'\nimport { DepositBodyBaseProps } from '../../../types/DirectDeposit'\nimport { Confetti } from '../Confetti'\n\nconst SHARED_STYLES = {\n  card: {\n    miniWidget: { gap: 8, p: '12px 16px', mt: 0 },\n    insightFeed: { gap: 12, p: '0px 16px 16px', mt: 22 },\n  },\n}\n\nconst MINI_WIDGET = 'miniWidget'\nconst INSIGHT_FEED = 'insightFeed'\n\nexport const DirectDeposit: React.FC<DepositBodyBaseProps> = ({\n  account,\n  animation,\n  leftLowerText,\n  leftUpperText,\n  isComplete,\n  isMini,\n  headerString,\n  rightLowerText,\n  rightUpperText,\n}) => {\n  const feedType = isMini ? MINI_WIDGET : INSIGHT_FEED\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  return (\n    <Box\n      alignItems=\"center\"\n      display=\"flex\"\n      justifyContent=\"center\"\n      ref={containerRef}\n      sx={{ bgcolor: 'grey.200', p: 16 }}\n      width=\"100%\"\n    >\n      <Confetti height={height} shouldRun={animation.shouldRun} width={width} />\n      <Card\n        elevation={1}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          justifyContent: 'center',\n          flexWrap: 'wrap',\n          bgcolor: 'background.paper',\n          borderRadius: '8px',\n          overflow: 'visible',\n          minHeight: 120,\n          width: '100%',\n          ...SHARED_STYLES.card[feedType],\n        }}\n      >\n        {feedType === INSIGHT_FEED && (\n          <FullFeedBodyHeader account={account} headerString={headerString} />\n        )}\n        {feedType === MINI_WIDGET && (\n          <MiniBodyHeader account={account} headerString={headerString} />\n        )}\n        <Stack direction=\"row\" gap={12} height={58} width=\"100%\">\n          <LeftBox leftLowerText={leftLowerText} leftUpperText={leftUpperText} />\n          <RightBox\n            isComplete={isComplete}\n            rightLowerText={rightLowerText}\n            rightUpperText={rightUpperText}\n          />\n        </Stack>\n      </Card>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,IAAgB,EACpB,MAAM;AAAA,EACJ,YAAY;AAAA,IAAE,KAAK;AAAA,IAAG,GAAG;AAAA,IAAa,IAAI;AAAA,EAAE;AAAA,EAC5C,aAAa;AAAA,IAAE,KAAK;AAAA,IAAI,GAAG;AAAA,IAAiB,IAAI;AAAA,EAAG;AACrD,EACF,GAEM,IAAc,cACd,IAAe,eAER,IAAA,CAAiD,EAC5D,SAAA,GACA,WAAA,GACA,eAAA,GACA,eAAA,GACA,YAAA,GACA,QAAA,GACA,cAAA,GACA,gBAAA,GACA,gBAAA,EAAA,MACI;AACJ,QAAM,IAAW,IAAS,IAAc,GAElC,IAAe,EAAuB,IAAI,GAC1C,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EAAuB,CAAY;AAE7D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAW;AAAA,IACX,SAAQ;AAAA,IACR,gBAAe;AAAA,IACf,KAAK;AAAA,IACL,IAAI;AAAA,MAAE,SAAS;AAAA,MAAY,GAAG;AAAA,IAAG;AAAA,IACjC,OAAM;AAAA,cANR,CAQE,gBAAA,EAAC,GAAD;AAAA,MAAkB,QAAA;AAAA,MAAQ,WAAW,EAAU;AAAA,MAAkB,OAAA;AAAA,IAAQ,CAAA,GACzE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW;AAAA,MACX,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,OAAO;AAAA,QACP,GAAG,EAAc,KAAK,CAAA;AAAA,MACxB;AAAA,gBAdF;AAAA,QAgBG,MAAa,KACZ,gBAAA,EAAC,GAAD;AAAA,UAA6B,SAAA;AAAA,UAAuB,cAAA;AAAA,QAAe,CAAA;AAAA,QAEpE,MAAa,KACZ,gBAAA,EAAC,GAAD;AAAA,UAAyB,SAAA;AAAA,UAAuB,cAAA;AAAA,QAAe,CAAA;AAAA,QAEjE,gBAAA,EAAC,GAAD;AAAA,UAAO,WAAU;AAAA,UAAM,KAAK;AAAA,UAAI,QAAQ;AAAA,UAAI,OAAM;AAAA,oBAAlD,CACE,gBAAA,EAAC,GAAD;AAAA,YAAwB,eAAA;AAAA,YAA8B,eAAA;AAAA,UAAgB,CAAA,GACtE,gBAAA,EAAC,GAAD;AAAA,YACc,YAAA;AAAA,YACI,gBAAA;AAAA,YACA,gBAAA;AAAA,UACjB,CAAA,CACI;AAAA;MACH;AAAA,MACH;AAAA;AAET"}
+{"version":3,"file":"DirectDeposit.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/DirectDeposit.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { FullFeedBodyHeader, LeftBox, MiniBodyHeader, RightBox } from '../..'\nimport { useContainerDimensions } from '../../../hooks/useContainerDimensions'\nimport { DepositBodyBaseProps } from '../../../types/DirectDeposit'\nimport { Confetti } from '../Confetti'\n\nconst SHARED_STYLES = {\n  card: {\n    miniWidget: { gap: 8, p: '12px 16px', mt: 0 },\n    insightFeed: { gap: 12, p: '0px 16px 16px', mt: 22 },\n  },\n}\n\nconst MINI_WIDGET = 'miniWidget'\nconst INSIGHT_FEED = 'insightFeed'\n\nexport const DirectDeposit: React.FC<DepositBodyBaseProps> = ({\n  account,\n  animation,\n  leftLowerText,\n  leftUpperText,\n  isComplete,\n  isMini,\n  headerString,\n  rightLowerText,\n  rightUpperText,\n}) => {\n  const feedType = isMini ? MINI_WIDGET : INSIGHT_FEED\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  return (\n    <Box\n      alignItems=\"center\"\n      display=\"flex\"\n      justifyContent=\"center\"\n      ref={containerRef}\n      sx={{ bgcolor: 'grey.200', p: 16 }}\n      width=\"100%\"\n    >\n      <Confetti height={height} shouldRun={animation.shouldRun} width={width} />\n      <Card\n        elevation={1}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          justifyContent: 'center',\n          flexWrap: 'wrap',\n          bgcolor: 'background.paper',\n          borderRadius: '8px',\n          overflow: 'visible',\n          minHeight: 120,\n          width: '100%',\n          ...SHARED_STYLES.card[feedType],\n        }}\n      >\n        {feedType === INSIGHT_FEED && (\n          <FullFeedBodyHeader account={account} headerString={headerString} />\n        )}\n        {feedType === MINI_WIDGET && (\n          <MiniBodyHeader account={account} headerString={headerString} />\n        )}\n        <Stack direction=\"row\" gap={12} height={58} width=\"100%\">\n          <LeftBox leftLowerText={leftLowerText} leftUpperText={leftUpperText} />\n          <RightBox\n            isComplete={isComplete}\n            rightLowerText={rightLowerText}\n            rightUpperText={rightUpperText}\n          />\n        </Stack>\n      </Card>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,IAAgB,EACpB,MAAM;AAAA,EACJ,YAAY;AAAA,IAAE,KAAK;AAAA,IAAG,GAAG;AAAA,IAAa,IAAI;AAAA,EAAE;AAAA,EAC5C,aAAa;AAAA,IAAE,KAAK;AAAA,IAAI,GAAG;AAAA,IAAiB,IAAI;AAAA,EAAG;AACrD,EACF,GAEM,IAAc,cACd,IAAe,eAER,IAAA,CAAiD,EAC5D,SAAA,GACA,WAAA,GACA,eAAA,GACA,eAAA,GACA,YAAA,GACA,QAAA,GACA,cAAA,GACA,gBAAA,GACA,gBAAA,EAAA,MACI;AACJ,QAAM,IAAW,IAAS,IAAc,GAElC,IAAe,EAAuB,IAAI,GAC1C,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EAAuB,CAAY;AAE7D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAW;AAAA,IACX,SAAQ;AAAA,IACR,gBAAe;AAAA,IACf,KAAK;AAAA,IACL,IAAI;AAAA,MAAE,SAAS;AAAA,MAAY,GAAG;AAAA,IAAG;AAAA,IACjC,OAAM;AAAA,IANR,UAAA,CAQE,gBAAA,EAAC,GAAD;AAAA,MAAkB,QAAA;AAAA,MAAQ,WAAW,EAAU;AAAA,MAAkB,OAAA;AAAA,IAAQ,CAAA,GACzE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW;AAAA,MACX,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,OAAO;AAAA,QACP,GAAG,EAAc,KAAK,CAAA;AAAA,MACxB;AAAA,MAdF,UAAA;AAAA,QAgBG,MAAa,KACZ,gBAAA,EAAC,GAAD;AAAA,UAA6B,SAAA;AAAA,UAAuB,cAAA;AAAA,QAAe,CAAA;AAAA,QAEpE,MAAa,KACZ,gBAAA,EAAC,GAAD;AAAA,UAAyB,SAAA;AAAA,UAAuB,cAAA;AAAA,QAAe,CAAA;AAAA,QAEjE,gBAAA,EAAC,GAAD;AAAA,UAAO,WAAU;AAAA,UAAM,KAAK;AAAA,UAAI,QAAQ;AAAA,UAAI,OAAM;AAAA,UAAlD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAwB,eAAA;AAAA,YAA8B,eAAA;AAAA,UAAgB,CAAA,GACtE,gBAAA,EAAC,GAAD;AAAA,YACc,YAAA;AAAA,YACI,gBAAA;AAAA,YACA,gBAAA;AAAA,UACjB,CAAA,CACI;AAAA;MACH;AAAA,IACH,CAAA,CAAA;AAAA;AAET"}

package/dist/insights/components/shared/DirectDeposit/DirectDepositSubHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectDepositSubHeader.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/DirectDepositSubHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport { type SxProps, type Theme } from '@mui/material/styles'\n\ninterface DirectDepositSubHeaderProps {\n  boldText?: boolean\n  iconColor?:\n    | 'inherit'\n    | 'action'\n    | 'disabled'\n    | 'primary'\n    | 'secondary'\n    | 'error'\n    | 'info'\n    | 'success'\n    | 'warning'\n  iconFill?: boolean\n  iconSX?: SxProps<Theme>\n  name?: string\n  size?: number\n  subHeaderString: string\n  textSX?: SxProps<Theme>\n}\n\nexport const DirectDepositSubHeader: React.FC<DirectDepositSubHeaderProps> = ({\n  boldText,\n  iconColor,\n  iconFill,\n  iconSX,\n  name,\n  size,\n  subHeaderString,\n  textSX,\n}) => {\n  return (\n    <>\n      {name && <Icon color={iconColor} fill={iconFill} name={name} size={size} sx={iconSX} />}\n      <Text bold={boldText} sx={textSX}>\n        {subHeaderString}\n      </Text>\n    </>\n  )\n}\n"],"mappings":";;;;AA2BA,IAAa,IAAA,CAAiE,EAC5E,UAAA,GACA,WAAA,GACA,UAAA,GACA,QAAA,GACA,MAAA,GACA,MAAA,GACA,iBAAA,GACA,QAAA,EAAA,MAGE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACG,KAAQ,gBAAA,EAAC,GAAD;AAAA,EAAM,OAAO;AAAA,EAAW,MAAM;AAAA,EAAgB,MAAA;AAAA,EAAY,MAAA;AAAA,EAAM,IAAI;AAAS,CAAA,GACtF,gBAAA,EAAC,GAAD;AAAA,EAAM,MAAM;AAAA,EAAU,IAAI;AAAA,YACvB;AACG,CAAA,CACN,EAAA,CAAA"}
+{"version":3,"file":"DirectDepositSubHeader.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/DirectDepositSubHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport { type SxProps, type Theme } from '@mui/material/styles'\n\ninterface DirectDepositSubHeaderProps {\n  boldText?: boolean\n  iconColor?:\n    | 'inherit'\n    | 'action'\n    | 'disabled'\n    | 'primary'\n    | 'secondary'\n    | 'error'\n    | 'info'\n    | 'success'\n    | 'warning'\n  iconFill?: boolean\n  iconSX?: SxProps<Theme>\n  name?: string\n  size?: number\n  subHeaderString: string\n  textSX?: SxProps<Theme>\n}\n\nexport const DirectDepositSubHeader: React.FC<DirectDepositSubHeaderProps> = ({\n  boldText,\n  iconColor,\n  iconFill,\n  iconSX,\n  name,\n  size,\n  subHeaderString,\n  textSX,\n}) => {\n  return (\n    <>\n      {name && <Icon color={iconColor} fill={iconFill} name={name} size={size} sx={iconSX} />}\n      <Text bold={boldText} sx={textSX}>\n        {subHeaderString}\n      </Text>\n    </>\n  )\n}\n"],"mappings":";;;;AA2BA,IAAa,IAAA,CAAiE,EAC5E,UAAA,GACA,WAAA,GACA,UAAA,GACA,QAAA,GACA,MAAA,GACA,MAAA,GACA,iBAAA,GACA,QAAA,EAAA,MAGE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACG,KAAQ,gBAAA,EAAC,GAAD;AAAA,EAAM,OAAO;AAAA,EAAW,MAAM;AAAA,EAAgB,MAAA;AAAA,EAAY,MAAA;AAAA,EAAM,IAAI;AAAS,CAAA,GACtF,gBAAA,EAAC,GAAD;AAAA,EAAM,MAAM;AAAA,EAAU,IAAI;AAAA,EACvB,UAAA;AACG,CAAA,CACN,EAAA,CAAA"}

package/dist/insights/components/shared/DirectDeposit/FullFeedBodyHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullFeedBodyHeader.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/FullFeedBodyHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { InstitutionLogo, P } from '@mxenabled/mxui'\n\nimport Paper from '@mui/material/Paper'\n\ninterface BodyHeaderProps {\n  account: { guid: string; logo_alt_text: string }\n  headerString: string\n}\n\nconst LOGO_SIZE = 48\n\nexport const FullFeedBodyHeader: React.FC<BodyHeaderProps> = ({ account, headerString }) => {\n  return (\n    <>\n      <Paper\n        elevation={1}\n        sx={(theme) => ({\n          height: LOGO_SIZE,\n          width: LOGO_SIZE,\n          borderRadius: '6px',\n          outline: `1.2px solid ${theme.palette.neutral?.light}`,\n          marginTop: -22,\n          zIndex: 10,\n        })}\n      >\n        <InstitutionLogo\n          alt={account.logo_alt_text}\n          height={LOGO_SIZE}\n          institutionGuid={account.guid || ''}\n          width={LOGO_SIZE}\n        />\n      </Paper>\n      <P bold={true} sx={{ width: '100%', textAlign: 'center' }}>\n        {headerString}\n      </P>\n    </>\n  )\n}\n"],"mappings":";;;;AAWA,IAAM,IAAY,IAEL,IAAA,CAAiD,EAAE,SAAA,GAAS,cAAA,EAAA,MAErE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAW;AAAA,EACX,IAAA,CAAK,OAAW;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS,eAAe,EAAM,QAAQ,SAAS,KAAA;AAAA,IAC/C,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AAAA,YAEA,gBAAA,EAAC,GAAD;AAAA,IACE,KAAK,EAAQ;AAAA,IACb,QAAQ;AAAA,IACR,iBAAiB,EAAQ,QAAQ;AAAA,IACjC,OAAO;AAAA,EACR,CAAA;AACI,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,EAAG,MAAM;AAAA,EAAM,IAAI;AAAA,IAAE,OAAO;AAAA,IAAQ,WAAW;AAAA,EAAS;AAAA,YACrD;AACA,CAAA,CACH,EAAA,CAAA"}
+{"version":3,"file":"FullFeedBodyHeader.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/FullFeedBodyHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { InstitutionLogo, P } from '@mxenabled/mxui'\n\nimport Paper from '@mui/material/Paper'\n\ninterface BodyHeaderProps {\n  account: { guid: string; logo_alt_text: string }\n  headerString: string\n}\n\nconst LOGO_SIZE = 48\n\nexport const FullFeedBodyHeader: React.FC<BodyHeaderProps> = ({ account, headerString }) => {\n  return (\n    <>\n      <Paper\n        elevation={1}\n        sx={(theme) => ({\n          height: LOGO_SIZE,\n          width: LOGO_SIZE,\n          borderRadius: '6px',\n          outline: `1.2px solid ${theme.palette.neutral?.light}`,\n          marginTop: -22,\n          zIndex: 10,\n        })}\n      >\n        <InstitutionLogo\n          alt={account.logo_alt_text}\n          height={LOGO_SIZE}\n          institutionGuid={account.guid || ''}\n          width={LOGO_SIZE}\n        />\n      </Paper>\n      <P bold={true} sx={{ width: '100%', textAlign: 'center' }}>\n        {headerString}\n      </P>\n    </>\n  )\n}\n"],"mappings":";;;;AAWA,IAAM,IAAY,IAEL,IAAA,CAAiD,EAAE,SAAA,GAAS,cAAA,EAAA,MAErE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAW;AAAA,EACX,IAAA,CAAK,OAAW;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS,eAAe,EAAM,QAAQ,SAAS,KAAA;AAAA,IAC/C,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AAAA,EAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,IACE,KAAK,EAAQ;AAAA,IACb,QAAQ;AAAA,IACR,iBAAiB,EAAQ,QAAQ;AAAA,IACjC,OAAO;AAAA,EACR,CAAA;AACI,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,EAAG,MAAM;AAAA,EAAM,IAAI;AAAA,IAAE,OAAO;AAAA,IAAQ,WAAW;AAAA,EAAS;AAAA,EACrD,UAAA;AACA,CAAA,CACH,EAAA,CAAA"}

package/dist/insights/components/shared/DirectDeposit/LeftBox.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftBox.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/LeftBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\ninterface LeftBoxProps {\n  leftLowerText: string\n  leftUpperText: string\n}\n\nexport const LeftBox: React.FC<LeftBoxProps> = ({ leftLowerText, leftUpperText }) => {\n  return (\n    <Box\n      sx={{\n        bgcolor: 'background.default',\n        borderRadius: '4px',\n        p: 12,\n        textAlign: 'center',\n        width: '100%',\n      }}\n    >\n      <P\n        data-ui-test=\"mx-insights-sudd-left-upper-text\"\n        sx={{ color: 'secondary.light' }}\n        variant=\"caption\"\n      >\n        {leftUpperText}\n      </P>\n      <P bold={true} data-ui-test=\"mx-insights-sudd-left-lower-text\" variant=\"body2\">\n        {leftLowerText}\n      </P>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAWA,IAAa,IAAA,CAAmC,EAAE,eAAA,GAAe,eAAA,EAAA,MAE7D,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,cAAc;AAAA,IACd,GAAG;AAAA,IACH,WAAW;AAAA,IACX,OAAO;AAAA,EACT;AAAA,YAPF,CASE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAa;AAAA,IACb,IAAI,EAAE,OAAO,kBAAkB;AAAA,IAC/B,SAAQ;AAAA,cAEP;AAAA,EACA,CAAA,GACH,gBAAA,EAAC,GAAD;AAAA,IAAG,MAAM;AAAA,IAAM,gBAAa;AAAA,IAAmC,SAAQ;AAAA,cACpE;AAAA,EACA,CAAA,CACA"}
+{"version":3,"file":"LeftBox.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/LeftBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\ninterface LeftBoxProps {\n  leftLowerText: string\n  leftUpperText: string\n}\n\nexport const LeftBox: React.FC<LeftBoxProps> = ({ leftLowerText, leftUpperText }) => {\n  return (\n    <Box\n      sx={{\n        bgcolor: 'background.default',\n        borderRadius: '4px',\n        p: 12,\n        textAlign: 'center',\n        width: '100%',\n      }}\n    >\n      <P\n        data-ui-test=\"mx-insights-sudd-left-upper-text\"\n        sx={{ color: 'secondary.light' }}\n        variant=\"caption\"\n      >\n        {leftUpperText}\n      </P>\n      <P bold={true} data-ui-test=\"mx-insights-sudd-left-lower-text\" variant=\"body2\">\n        {leftLowerText}\n      </P>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAWA,IAAa,IAAA,CAAmC,EAAE,eAAA,GAAe,eAAA,EAAA,MAE7D,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,cAAc;AAAA,IACd,GAAG;AAAA,IACH,WAAW;AAAA,IACX,OAAO;AAAA,EACT;AAAA,EAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAa;AAAA,IACb,IAAI,EAAE,OAAO,kBAAkB;AAAA,IAC/B,SAAQ;AAAA,IAEP,UAAA;AAAA,EACA,CAAA,GACH,gBAAA,EAAC,GAAD;AAAA,IAAG,MAAM;AAAA,IAAM,gBAAa;AAAA,IAAmC,SAAQ;AAAA,IACpE,UAAA;AAAA,EACA,CAAA,CACA"}

package/dist/insights/components/shared/DirectDeposit/MiniBodyHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MiniBodyHeader.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/MiniBodyHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { InstitutionLogo, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\ninterface MiniBodyHeaderProps {\n  account: { guid: string; logo_alt_text: string }\n  headerString: string\n}\n\nexport const MiniBodyHeader: React.FC<MiniBodyHeaderProps> = ({ account, headerString }) => {\n  const logoSize = 20\n\n  return (\n    <Box\n      data-ui-test=\"mx-insights-sudd-mini-body-header\"\n      sx={{ display: 'flex', flexDirection: 'row', gap: 8, justifyContent: 'center' }}\n    >\n      <InstitutionLogo\n        alt={account.logo_alt_text || 'Financial Institution Logo'}\n        data-ui-test=\"mx-insights-sudd-mini-body-header-logo\"\n        height={logoSize}\n        institutionGuid={account.guid || ''}\n        width={logoSize}\n      />\n      <P bold={true} data-ui-test=\"mx-insights-sudd-mini-body-header-text\">\n        {headerString}\n      </P>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAWA,IAAa,IAAA,CAAiD,EAAE,SAAA,GAAS,cAAA,EAAA,MAIrE,gBAAA,EAAC,GAAD;AAAA,EACE,gBAAa;AAAA,EACb,IAAI;AAAA,IAAE,SAAS;AAAA,IAAQ,eAAe;AAAA,IAAO,KAAK;AAAA,IAAG,gBAAgB;AAAA,EAAS;AAAA,YAFhF,CAIE,gBAAA,EAAC,GAAD;AAAA,IACE,KAAK,EAAQ,iBAAiB;AAAA,IAC9B,gBAAa;AAAA,IACb,QAAQ;AAAA,IACR,iBAAiB,EAAQ,QAAQ;AAAA,IACjC,OAAO;AAAA,EACR,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,IAAG,MAAM;AAAA,IAAM,gBAAa;AAAA,cACzB;AAAA,EACA,CAAA,CACA"}
+{"version":3,"file":"MiniBodyHeader.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/MiniBodyHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { InstitutionLogo, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\ninterface MiniBodyHeaderProps {\n  account: { guid: string; logo_alt_text: string }\n  headerString: string\n}\n\nexport const MiniBodyHeader: React.FC<MiniBodyHeaderProps> = ({ account, headerString }) => {\n  const logoSize = 20\n\n  return (\n    <Box\n      data-ui-test=\"mx-insights-sudd-mini-body-header\"\n      sx={{ display: 'flex', flexDirection: 'row', gap: 8, justifyContent: 'center' }}\n    >\n      <InstitutionLogo\n        alt={account.logo_alt_text || 'Financial Institution Logo'}\n        data-ui-test=\"mx-insights-sudd-mini-body-header-logo\"\n        height={logoSize}\n        institutionGuid={account.guid || ''}\n        width={logoSize}\n      />\n      <P bold={true} data-ui-test=\"mx-insights-sudd-mini-body-header-text\">\n        {headerString}\n      </P>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAWA,IAAa,IAAA,CAAiD,EAAE,SAAA,GAAS,cAAA,EAAA,MAIrE,gBAAA,EAAC,GAAD;AAAA,EACE,gBAAa;AAAA,EACb,IAAI;AAAA,IAAE,SAAS;AAAA,IAAQ,eAAe;AAAA,IAAO,KAAK;AAAA,IAAG,gBAAgB;AAAA,EAAS;AAAA,EAFhF,UAAA,CAIE,gBAAA,EAAC,GAAD;AAAA,IACE,KAAK,EAAQ,iBAAiB;AAAA,IAC9B,gBAAa;AAAA,IACb,QAAQ;AAAA,IACR,iBAAiB,EAAQ,QAAQ;AAAA,IACjC,OAAO;AAAA,EACR,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,IAAG,MAAM;AAAA,IAAM,gBAAa;AAAA,IACzB,UAAA;AAAA,EACA,CAAA,CACA"}

package/dist/insights/components/shared/DirectDeposit/RightBox.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightBox.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/RightBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\ninterface RightBoxProps {\n  isComplete?: boolean\n  rightLowerText: string\n  rightUpperText: string\n}\n\nexport const RightBox: React.FC<RightBoxProps> = ({\n  isComplete,\n  rightLowerText,\n  rightUpperText,\n}) => {\n  return (\n    <Box\n      sx={{\n        bgcolor: isComplete ? 'success.lighter' : 'transparent',\n        border: isComplete ? '1px solid' : '1px dashed',\n        borderColor: isComplete ? 'success.darker' : 'secondary.lighter',\n        borderRadius: '4px',\n        p: 12,\n        width: '100%',\n      }}\n    >\n      <Stack alignItems=\"center\" gap={2} justifyContent=\"center\">\n        <P\n          data-ui-test=\"mx-insights-sudd-right-upper-text\"\n          sx={{\n            color: isComplete ? 'common.black' : 'secondary.light',\n          }}\n          variant=\"caption\"\n        >\n          {rightUpperText}\n        </P>\n        <P\n          bold={true}\n          data-ui-test=\"mx-insights-sudd-right-lower-text\"\n          sx={{\n            bgcolor: isComplete ? 'success.darker' : 'warning.lighter',\n            borderRadius: 4,\n            color: isComplete ? 'common.white' : 'warning.darker',\n            fontSize: 10,\n            p: '2px 8px',\n          }}\n          variant=\"tiny\"\n        >\n          {rightLowerText}\n        </P>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,IAAA,CAAqC,EAChD,YAAA,GACA,gBAAA,GACA,gBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS,IAAa,oBAAoB;AAAA,IAC1C,QAAQ,IAAa,cAAc;AAAA,IACnC,aAAa,IAAa,mBAAmB;AAAA,IAC7C,cAAc;AAAA,IACd,GAAG;AAAA,IACH,OAAO;AAAA,EACT;AAAA,YAEA,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,KAAK;AAAA,IAAG,gBAAe;AAAA,cAAlD,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAa;AAAA,MACb,IAAI,EACF,OAAO,IAAa,iBAAiB,kBACvC;AAAA,MACA,SAAQ;AAAA,gBAEP;AAAA,IACA,CAAA,GACH,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,gBAAa;AAAA,MACb,IAAI;AAAA,QACF,SAAS,IAAa,mBAAmB;AAAA,QACzC,cAAc;AAAA,QACd,OAAO,IAAa,iBAAiB;AAAA,QACrC,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,gBAEP;AAAA,IACA,CAAA,CACE;AAAA;AACJ,CAAA"}
+{"version":3,"file":"RightBox.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DirectDeposit/RightBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\ninterface RightBoxProps {\n  isComplete?: boolean\n  rightLowerText: string\n  rightUpperText: string\n}\n\nexport const RightBox: React.FC<RightBoxProps> = ({\n  isComplete,\n  rightLowerText,\n  rightUpperText,\n}) => {\n  return (\n    <Box\n      sx={{\n        bgcolor: isComplete ? 'success.lighter' : 'transparent',\n        border: isComplete ? '1px solid' : '1px dashed',\n        borderColor: isComplete ? 'success.darker' : 'secondary.lighter',\n        borderRadius: '4px',\n        p: 12,\n        width: '100%',\n      }}\n    >\n      <Stack alignItems=\"center\" gap={2} justifyContent=\"center\">\n        <P\n          data-ui-test=\"mx-insights-sudd-right-upper-text\"\n          sx={{\n            color: isComplete ? 'common.black' : 'secondary.light',\n          }}\n          variant=\"caption\"\n        >\n          {rightUpperText}\n        </P>\n        <P\n          bold={true}\n          data-ui-test=\"mx-insights-sudd-right-lower-text\"\n          sx={{\n            bgcolor: isComplete ? 'success.darker' : 'warning.lighter',\n            borderRadius: 4,\n            color: isComplete ? 'common.white' : 'warning.darker',\n            fontSize: 10,\n            p: '2px 8px',\n          }}\n          variant=\"tiny\"\n        >\n          {rightLowerText}\n        </P>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,IAAA,CAAqC,EAChD,YAAA,GACA,gBAAA,GACA,gBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS,IAAa,oBAAoB;AAAA,IAC1C,QAAQ,IAAa,cAAc;AAAA,IACnC,aAAa,IAAa,mBAAmB;AAAA,IAC7C,cAAc;AAAA,IACd,GAAG;AAAA,IACH,OAAO;AAAA,EACT;AAAA,EAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,KAAK;AAAA,IAAG,gBAAe;AAAA,IAAlD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAa;AAAA,MACb,IAAI,EACF,OAAO,IAAa,iBAAiB,kBACvC;AAAA,MACA,SAAQ;AAAA,MAEP,UAAA;AAAA,IACA,CAAA,GACH,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,gBAAa;AAAA,MACb,IAAI;AAAA,QACF,SAAS,IAAa,mBAAmB;AAAA,QACzC,cAAc;AAAA,QACd,OAAO,IAAa,iBAAiB;AAAA,QACrC,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,MAEP,UAAA;AAAA,IACA,CAAA,CACE;AAAA;AACJ,CAAA"}

package/dist/insights/components/shared/DiscoveredAccountsConnect.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscoveredAccountsConnect.es.js","names":[],"sources":["../../../../src/insights/components/shared/DiscoveredAccountsConnect.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { InstitutionLogo } from '@mxenabled/mxui'\nimport { Link } from '@mxenabled/mx-icons'\n\ninterface DiscoveredAccountsConnectProps {\n  bottomIconAltText: string\n  bottomIconInstitutionGuid: string\n  topIconAltText: string\n  topIconInstitutionGuid: string\n}\n\nconst DiscoveredAccountsConnect = ({\n  bottomIconAltText,\n  bottomIconInstitutionGuid,\n  topIconAltText,\n  topIconInstitutionGuid,\n}: DiscoveredAccountsConnectProps) => {\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        height: '100%',\n        justifyContent: 'center',\n        position: 'relative',\n        width: '100%',\n      }}\n    >\n      <Stack sx={{ bottom: '50%', position: 'absolute', right: '50%' }}>\n        <InstitutionLogo alt={topIconAltText} institutionGuid={topIconInstitutionGuid} size={36} />\n      </Stack>\n\n      <Stack\n        sx={{\n          alignItems: 'center',\n          borderRadius: '999px',\n          height: 48,\n          justifyContent: 'center',\n          outline: '1px solid',\n          outlineColor: 'divider',\n          width: 48,\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            bgcolor: 'secondary.light',\n            borderRadius: '999px',\n            height: 36,\n            justifyContent: 'center',\n            width: 36,\n          }}\n        >\n          <Stack\n            sx={{\n              alignItems: 'center',\n              bgcolor: 'secondary.main',\n              borderRadius: '12px',\n              height: 20,\n              justifyContent: 'center',\n              outline: '2px solid',\n              outlineColor: 'primary.contrastText',\n              width: 20,\n              zIndex: 1,\n            }}\n          >\n            <Link size={16} sx={{ color: 'primary.contrastText' }} />\n          </Stack>\n        </Stack>\n      </Stack>\n\n      <Stack sx={{ left: '50%', position: 'absolute', top: '50%' }}>\n        <InstitutionLogo\n          alt={bottomIconAltText}\n          institutionGuid={bottomIconInstitutionGuid}\n          size={36}\n        />\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default DiscoveredAccountsConnect\n"],"mappings":";;;;AAYA,IAAM,IAAA,CAA6B,EACjC,mBAAA,GACA,2BAAA,GACA,gBAAA,GACA,wBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AAAA,YAPF;AAAA,IASE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,QAAQ;AAAA,QAAO,UAAU;AAAA,QAAY,OAAO;AAAA,MAAM;AAAA,gBAC7D,gBAAA,EAAC,GAAD;AAAA,QAAiB,KAAK;AAAA,QAAgB,iBAAiB;AAAA,QAAwB,MAAM;AAAA,MAAK,CAAA;AAAA,IACrF,CAAA;AAAA,IAEP,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,OAAO;AAAA,MACT;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,OAAO;AAAA,QACT;AAAA,kBAEA,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,cAAc;AAAA,YACd,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,cAAc;AAAA,YACd,OAAO;AAAA,YACP,QAAQ;AAAA,UACV;AAAA,oBAEA,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAI,IAAI,EAAE,OAAO,uBAAuB;AAAA,UAAI,CAAA;AAAA,QACnD,CAAA;AAAA,MACF,CAAA;AAAA,IACF,CAAA;AAAA,IAEP,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,MAAM;AAAA,QAAO,UAAU;AAAA,QAAY,KAAK;AAAA,MAAM;AAAA,gBACzD,gBAAA,EAAC,GAAD;AAAA,QACE,KAAK;AAAA,QACL,iBAAiB;AAAA,QACjB,MAAM;AAAA,MACP,CAAA;AAAA,IACI,CAAA;AAAA,EACF"}
+{"version":3,"file":"DiscoveredAccountsConnect.es.js","names":[],"sources":["../../../../src/insights/components/shared/DiscoveredAccountsConnect.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { InstitutionLogo } from '@mxenabled/mxui'\nimport { Link } from '@mxenabled/mx-icons'\n\ninterface DiscoveredAccountsConnectProps {\n  bottomIconAltText: string\n  bottomIconInstitutionGuid: string\n  topIconAltText: string\n  topIconInstitutionGuid: string\n}\n\nconst DiscoveredAccountsConnect = ({\n  bottomIconAltText,\n  bottomIconInstitutionGuid,\n  topIconAltText,\n  topIconInstitutionGuid,\n}: DiscoveredAccountsConnectProps) => {\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        height: '100%',\n        justifyContent: 'center',\n        position: 'relative',\n        width: '100%',\n      }}\n    >\n      <Stack sx={{ bottom: '50%', position: 'absolute', right: '50%' }}>\n        <InstitutionLogo alt={topIconAltText} institutionGuid={topIconInstitutionGuid} size={36} />\n      </Stack>\n\n      <Stack\n        sx={{\n          alignItems: 'center',\n          borderRadius: '999px',\n          height: 48,\n          justifyContent: 'center',\n          outline: '1px solid',\n          outlineColor: 'divider',\n          width: 48,\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            bgcolor: 'secondary.light',\n            borderRadius: '999px',\n            height: 36,\n            justifyContent: 'center',\n            width: 36,\n          }}\n        >\n          <Stack\n            sx={{\n              alignItems: 'center',\n              bgcolor: 'secondary.main',\n              borderRadius: '12px',\n              height: 20,\n              justifyContent: 'center',\n              outline: '2px solid',\n              outlineColor: 'primary.contrastText',\n              width: 20,\n              zIndex: 1,\n            }}\n          >\n            <Link size={16} sx={{ color: 'primary.contrastText' }} />\n          </Stack>\n        </Stack>\n      </Stack>\n\n      <Stack sx={{ left: '50%', position: 'absolute', top: '50%' }}>\n        <InstitutionLogo\n          alt={bottomIconAltText}\n          institutionGuid={bottomIconInstitutionGuid}\n          size={36}\n        />\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default DiscoveredAccountsConnect\n"],"mappings":";;;;AAYA,IAAM,IAAA,CAA6B,EACjC,mBAAA,GACA,2BAAA,GACA,gBAAA,GACA,wBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EAPF,UAAA;AAAA,IASE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,QAAQ;AAAA,QAAO,UAAU;AAAA,QAAY,OAAO;AAAA,MAAM;AAAA,MAC7D,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAiB,KAAK;AAAA,QAAgB,iBAAiB;AAAA,QAAwB,MAAM;AAAA,MAAK,CAAA;AAAA,IACrF,CAAA;AAAA,IAEP,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,OAAO;AAAA,MACT;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,OAAO;AAAA,QACT;AAAA,QAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,cAAc;AAAA,YACd,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,cAAc;AAAA,YACd,OAAO;AAAA,YACP,QAAQ;AAAA,UACV;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAI,IAAI,EAAE,OAAO,uBAAuB;AAAA,UAAI,CAAA;AAAA,QACnD,CAAA;AAAA,MACF,CAAA;AAAA,IACF,CAAA;AAAA,IAEP,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,MAAM;AAAA,QAAO,UAAU;AAAA,QAAY,KAAK;AAAA,MAAM;AAAA,MACzD,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,KAAK;AAAA,QACL,iBAAiB;AAAA,QACjB,MAAM;AAAA,MACP,CAAA;AAAA,IACI,CAAA;AAAA,EACF"}

package/dist/insights/components/shared/DrillDownCalculation/BalanceStepper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BalanceStepper.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DrillDownCalculation/BalanceStepper.tsx"],"sourcesContent":["import { IconButton, Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\ninterface CopyContent {\n  decrement_arial_label?: string\n  increment_arial_label?: string\n}\n\ninterface BalanceStepperProps {\n  amount: string\n  onDecrement?: () => void\n  onIncrement?: () => void\n  copy: CopyContent\n}\n\nexport const BalanceStepper = ({ amount, onDecrement, onIncrement, copy }: BalanceStepperProps) => {\n  return (\n    <Stack\n      sx={{\n        flexDirection: 'row',\n        alignItems: 'center',\n        border: '1px solid',\n        borderColor: 'divider',\n        borderRadius: 1,\n        bgcolor: 'background.paper',\n        flex: 1,\n      }}\n    >\n      <IconButton\n        aria-label={copy.decrement_arial_label}\n        onClick={onDecrement}\n        sx={{ width: 44, minHeight: 48 }}\n      >\n        <Icon name=\"remove\" sx={{ color: 'primary.main' }} />\n      </IconButton>\n      <Text\n        sx={{\n          p: 12,\n          flex: 1,\n          textAlign: 'center',\n          borderLeft: '1px solid',\n          borderRight: '1px solid',\n          borderColor: 'divider',\n        }}\n        variant=\"h3\"\n      >\n        {amount}\n      </Text>\n      <IconButton\n        aria-label={copy.increment_arial_label}\n        onClick={onIncrement}\n        sx={{ width: 44, minHeight: 48 }}\n      >\n        <Icon name=\"add\" sx={{ color: 'primary.main' }} />\n      </IconButton>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAgBA,IAAa,IAAA,CAAkB,EAAE,QAAA,GAAQ,aAAA,GAAa,aAAA,GAAa,MAAA,EAAA,MAE/D,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,YATF;AAAA,IAWE,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK;AAAA,MACjB,SAAS;AAAA,MACT,IAAI;AAAA,QAAE,OAAO;AAAA,QAAI,WAAW;AAAA,MAAG;AAAA,gBAE/B,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAS,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA;AAAA,IAC1C,CAAA;AAAA,IACZ,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,MACA,SAAQ;AAAA,gBAEP;AAAA,IACG,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK;AAAA,MACjB,SAAS;AAAA,MACT,IAAI;AAAA,QAAE,OAAO;AAAA,QAAI,WAAW;AAAA,MAAG;AAAA,gBAE/B,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAM,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA;AAAA,IACvC,CAAA;AAAA,EACP"}
+{"version":3,"file":"BalanceStepper.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DrillDownCalculation/BalanceStepper.tsx"],"sourcesContent":["import { IconButton, Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\ninterface CopyContent {\n  decrement_arial_label?: string\n  increment_arial_label?: string\n}\n\ninterface BalanceStepperProps {\n  amount: string\n  onDecrement?: () => void\n  onIncrement?: () => void\n  copy: CopyContent\n}\n\nexport const BalanceStepper = ({ amount, onDecrement, onIncrement, copy }: BalanceStepperProps) => {\n  return (\n    <Stack\n      sx={{\n        flexDirection: 'row',\n        alignItems: 'center',\n        border: '1px solid',\n        borderColor: 'divider',\n        borderRadius: 1,\n        bgcolor: 'background.paper',\n        flex: 1,\n      }}\n    >\n      <IconButton\n        aria-label={copy.decrement_arial_label}\n        onClick={onDecrement}\n        sx={{ width: 44, minHeight: 48 }}\n      >\n        <Icon name=\"remove\" sx={{ color: 'primary.main' }} />\n      </IconButton>\n      <Text\n        sx={{\n          p: 12,\n          flex: 1,\n          textAlign: 'center',\n          borderLeft: '1px solid',\n          borderRight: '1px solid',\n          borderColor: 'divider',\n        }}\n        variant=\"h3\"\n      >\n        {amount}\n      </Text>\n      <IconButton\n        aria-label={copy.increment_arial_label}\n        onClick={onIncrement}\n        sx={{ width: 44, minHeight: 48 }}\n      >\n        <Icon name=\"add\" sx={{ color: 'primary.main' }} />\n      </IconButton>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAgBA,IAAa,IAAA,CAAkB,EAAE,QAAA,GAAQ,aAAA,GAAa,aAAA,GAAa,MAAA,EAAA,MAE/D,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EATF,UAAA;AAAA,IAWE,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK;AAAA,MACjB,SAAS;AAAA,MACT,IAAI;AAAA,QAAE,OAAO;AAAA,QAAI,WAAW;AAAA,MAAG;AAAA,MAE/B,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAS,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA;AAAA,IAC1C,CAAA;AAAA,IACZ,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,GAAG;AAAA,QACH,MAAM;AAAA,QACN,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,MACA,SAAQ;AAAA,MAEP,UAAA;AAAA,IACG,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK;AAAA,MACjB,SAAS;AAAA,MACT,IAAI;AAAA,QAAE,OAAO;AAAA,QAAI,WAAW;AAAA,MAAG;AAAA,MAE/B,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAM,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA;AAAA,IACvC,CAAA;AAAA,EACP"}

package/dist/insights/components/shared/DrillDownCalculation/DrillDownCalculation.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrillDownCalculation.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DrillDownCalculation/DrillDownCalculation.tsx"],"sourcesContent":["import { Card, Divider, List, ListItem, Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Drawer } from '../../../../common'\nimport { Text } from '@mxenabled/mxui'\nimport { BalanceStepper } from './BalanceStepper'\nimport SaveEnoughToLiveOnBottomSection from '../SaveEnoughToLiveOnBottomSection'\nimport React from 'react'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../../core/utils/Localization'\n\nexport const variants = {\n  SAVE_ENOUGH_TO_LIVE_ON: 'SaveEnoughToLiveOn',\n  SAVE_AN_EXTRA_100: 'SaveAnExtra100',\n}\n\nconst MONTHS_TABLE_SAVE_ENOUGH = [\n  { label: '1 month', value: 1 },\n  { label: '3 months', value: 3 },\n  { label: '6 months', value: 6 },\n  { label: '9 months', value: 9 },\n] as const\n\nconst MONTHS_TABLE_SAVE_EXTRA = [\n  { label: '3 months', value: 3 },\n  { label: '6 months', value: 6 },\n  { label: '9 months', value: 9 },\n] as const\n\ninterface CopyContent {\n  header_content?: string\n  description?: string\n  body_content?: string\n  body_description?: string\n  available_text?: string\n  total_remaining_text?: string\n  increment_arial_label?: string\n  decrement_arial_label?: string\n  expenses_text?: string\n  available_balances_text?: string\n  average_monthly_spend_text?: string\n  your_available_balances_text?: string\n}\n\ninterface DrillDownCalculationProps {\n  title: string\n  open: boolean\n  onClose: () => void\n  date?: string\n  variant: (typeof variants)[keyof typeof variants]\n  svgDateContent?: string\n  availableBalances?: number\n  copy: CopyContent\n  averageMonthlySpend?: number\n}\n\nexport const DrillDownCalculation = ({\n  title,\n  open,\n  onClose,\n  variant = variants.SAVE_ENOUGH_TO_LIVE_ON,\n  svgDateContent,\n  date,\n  copy,\n  availableBalances,\n  averageMonthlySpend,\n}: DrillDownCalculationProps) => {\n  const [amountToCalculate, setAmountToCalculate] = React.useState(\n    variant === variants.SAVE_AN_EXTRA_100 ? 100 : (averageMonthlySpend ?? 0),\n  )\n\n  const monthsTable =\n    variant === variants.SAVE_AN_EXTRA_100 ? MONTHS_TABLE_SAVE_EXTRA : MONTHS_TABLE_SAVE_ENOUGH\n\n  const deltaAmount = variant === variants.SAVE_AN_EXTRA_100 ? 5 : 50\n\n  return (\n    <Drawer isOpen={open} onClose={onClose} title={title}>\n      <Stack\n        sx={{\n          bgcolor: 'background.paper',\n          p: 24,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        }}\n      >\n        {variant === variants.SAVE_ENOUGH_TO_LIVE_ON &&\n          availableBalances &&\n          averageMonthlySpend &&\n          svgDateContent && (\n            <SaveEnoughToLiveOnBottomSection\n              content={svgDateContent || ''}\n              leftLabel={copy.available_balances_text!}\n              leftValue={formatCurrency(availableBalances, '0,0.00')}\n              rightLabel={copy.average_monthly_spend_text!}\n              rightValue={formatCurrency(averageMonthlySpend, '0,0.00')}\n              sx={{ width: '100%', mb: 24 }}\n            />\n          )}\n        <Stack\n          sx={{\n            gap: 8,\n          }}\n        >\n          <Text variant=\"h3\">{copy.header_content}</Text>\n          <Text sx={{ lineHeight: '24px' }} truncate={false} variant=\"body1\">\n            {copy.description}\n          </Text>\n        </Stack>\n      </Stack>\n      {variant === variants.SAVE_AN_EXTRA_100 && availableBalances && averageMonthlySpend && (\n        <Stack sx={{ pt: 24, px: 24 }}>\n          <Card sx={{ px: 16, pt: 16, pb: 12 }}>\n            <Stack\n              sx={{\n                border: 1,\n                borderColor: 'divider',\n                borderRadius: '4px',\n                gap: 12,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                alignItems: 'center',\n                p: 8,\n                mb: 12,\n              }}\n            >\n              <Stack sx={{ width: 155, textAlign: 'center' }}>\n                <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n                  {formatCurrency(availableBalances, '0,0.00')}\n                </Text>\n                <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                  {copy.available_text}\n                </Text>\n              </Stack>\n              <Icon name=\"remove\" size={20} />\n              <Stack sx={{ width: 155, textAlign: 'center' }}>\n                <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n                  {formatCurrency(averageMonthlySpend, '0,0.00')}\n                </Text>\n                <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                  {copy.expenses_text}\n                </Text>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                textAlign: 'center',\n                flexDirection: 'row',\n                justifyContent: 'center',\n                alignItems: 'center',\n                gap: 4,\n              }}\n            >\n              <Text sx={{ color: 'text.secondary' }} variant=\"body2\">\n                {copy.total_remaining_text}:\n              </Text>\n              <Text sx={{ fontWeight: 600 }} variant=\"body2\">\n                {formatCurrency(availableBalances - averageMonthlySpend, '0,0.00')}\n              </Text>\n            </Stack>\n          </Card>\n        </Stack>\n      )}\n\n      <Stack sx={{ p: 24, gap: 8 }}>\n        <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n          {copy.body_content}\n        </Text>\n        <BalanceStepper\n          amount={formatCurrency(amountToCalculate, '0,0.00')}\n          copy={copy}\n          onDecrement={() => setAmountToCalculate((prev) => (prev <= 0 ? 0 : prev - deltaAmount))}\n          onIncrement={() => setAmountToCalculate((prev) => prev + deltaAmount)}\n        />\n      </Stack>\n      <Stack sx={{ gap: 8 }}>\n        <Text sx={{ fontWeight: 600, mx: 24 }} truncate={false} variant=\"body1\">\n          {copy.body_description}\n        </Text>\n        <List sx={{ bgcolor: 'background.paper', width: '100%' }}>\n          {monthsTable.map(({ label, value }, index) => {\n            const isLastIndex = variant === variants.SAVE_AN_EXTRA_100 ? 2 : 3\n            return (\n              <React.Fragment key={value}>\n                <ListItem\n                  disableGutters={true}\n                  disablePadding={true}\n                  sx={{\n                    minHeight: 52,\n                    bgcolor: 'background.paper',\n                  }}\n                >\n                  <Stack sx={{ width: '100%' }}>\n                    <Stack\n                      sx={{\n                        flexDirection: 'row',\n                        justifyContent: 'space-between',\n                        alignItems: 'center',\n                        width: '100%',\n                        px: 24,\n                        py: 8,\n                      }}\n                    >\n                      <Text truncate={false} variant=\"body1\">\n                        {label}\n                      </Text>\n                      <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n                        {formatCurrency(value * amountToCalculate, '0,0')}\n                      </Text>\n                    </Stack>\n                  </Stack>\n                </ListItem>\n                <Divider component=\"li\" sx={{ ml: index === isLastIndex ? 0 : 24 }} />\n              </React.Fragment>\n            )\n          })}\n        </List>\n        {variant === variants.SAVE_ENOUGH_TO_LIVE_ON && availableBalances && (\n          <Stack sx={{ pt: 6, pb: 14, px: 24, textAlign: 'right', gap: 4 }}>\n            <Text truncate={false} variant=\"h3\">\n              {formatCurrency(availableBalances, '0,0.00')}\n            </Text>\n            <Text\n              sx={{ color: 'text.secondary', fontWeight: 400 }}\n              truncate={false}\n              variant=\"subtitle2\"\n            >\n              {buildDynamicCopy(copy.your_available_balances_text!, date) as string}\n            </Text>\n          </Stack>\n        )}\n      </Stack>\n    </Drawer>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DrillDownCalculation.es.js","names":[],"sources":["../../../../../src/insights/components/shared/DrillDownCalculation/DrillDownCalculation.tsx"],"sourcesContent":["import { Card, Divider, List, ListItem, Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Drawer } from '../../../../common'\nimport { Text } from '@mxenabled/mxui'\nimport { BalanceStepper } from './BalanceStepper'\nimport SaveEnoughToLiveOnBottomSection from '../SaveEnoughToLiveOnBottomSection'\nimport React from 'react'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../../core/utils/Localization'\n\nexport const variants = {\n  SAVE_ENOUGH_TO_LIVE_ON: 'SaveEnoughToLiveOn',\n  SAVE_AN_EXTRA_100: 'SaveAnExtra100',\n}\n\nconst MONTHS_TABLE_SAVE_ENOUGH = [\n  { label: '1 month', value: 1 },\n  { label: '3 months', value: 3 },\n  { label: '6 months', value: 6 },\n  { label: '9 months', value: 9 },\n] as const\n\nconst MONTHS_TABLE_SAVE_EXTRA = [\n  { label: '3 months', value: 3 },\n  { label: '6 months', value: 6 },\n  { label: '9 months', value: 9 },\n] as const\n\ninterface CopyContent {\n  header_content?: string\n  description?: string\n  body_content?: string\n  body_description?: string\n  available_text?: string\n  total_remaining_text?: string\n  increment_arial_label?: string\n  decrement_arial_label?: string\n  expenses_text?: string\n  available_balances_text?: string\n  average_monthly_spend_text?: string\n  your_available_balances_text?: string\n}\n\ninterface DrillDownCalculationProps {\n  title: string\n  open: boolean\n  onClose: () => void\n  date?: string\n  variant: (typeof variants)[keyof typeof variants]\n  svgDateContent?: string\n  availableBalances?: number\n  copy: CopyContent\n  averageMonthlySpend?: number\n}\n\nexport const DrillDownCalculation = ({\n  title,\n  open,\n  onClose,\n  variant = variants.SAVE_ENOUGH_TO_LIVE_ON,\n  svgDateContent,\n  date,\n  copy,\n  availableBalances,\n  averageMonthlySpend,\n}: DrillDownCalculationProps) => {\n  const [amountToCalculate, setAmountToCalculate] = React.useState(\n    variant === variants.SAVE_AN_EXTRA_100 ? 100 : (averageMonthlySpend ?? 0),\n  )\n\n  const monthsTable =\n    variant === variants.SAVE_AN_EXTRA_100 ? MONTHS_TABLE_SAVE_EXTRA : MONTHS_TABLE_SAVE_ENOUGH\n\n  const deltaAmount = variant === variants.SAVE_AN_EXTRA_100 ? 5 : 50\n\n  return (\n    <Drawer isOpen={open} onClose={onClose} title={title}>\n      <Stack\n        sx={{\n          bgcolor: 'background.paper',\n          p: 24,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        }}\n      >\n        {variant === variants.SAVE_ENOUGH_TO_LIVE_ON &&\n          availableBalances &&\n          averageMonthlySpend &&\n          svgDateContent && (\n            <SaveEnoughToLiveOnBottomSection\n              content={svgDateContent || ''}\n              leftLabel={copy.available_balances_text!}\n              leftValue={formatCurrency(availableBalances, '0,0.00')}\n              rightLabel={copy.average_monthly_spend_text!}\n              rightValue={formatCurrency(averageMonthlySpend, '0,0.00')}\n              sx={{ width: '100%', mb: 24 }}\n            />\n          )}\n        <Stack\n          sx={{\n            gap: 8,\n          }}\n        >\n          <Text variant=\"h3\">{copy.header_content}</Text>\n          <Text sx={{ lineHeight: '24px' }} truncate={false} variant=\"body1\">\n            {copy.description}\n          </Text>\n        </Stack>\n      </Stack>\n      {variant === variants.SAVE_AN_EXTRA_100 && availableBalances && averageMonthlySpend && (\n        <Stack sx={{ pt: 24, px: 24 }}>\n          <Card sx={{ px: 16, pt: 16, pb: 12 }}>\n            <Stack\n              sx={{\n                border: 1,\n                borderColor: 'divider',\n                borderRadius: '4px',\n                gap: 12,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                alignItems: 'center',\n                p: 8,\n                mb: 12,\n              }}\n            >\n              <Stack sx={{ width: 155, textAlign: 'center' }}>\n                <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n                  {formatCurrency(availableBalances, '0,0.00')}\n                </Text>\n                <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                  {copy.available_text}\n                </Text>\n              </Stack>\n              <Icon name=\"remove\" size={20} />\n              <Stack sx={{ width: 155, textAlign: 'center' }}>\n                <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n                  {formatCurrency(averageMonthlySpend, '0,0.00')}\n                </Text>\n                <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                  {copy.expenses_text}\n                </Text>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                textAlign: 'center',\n                flexDirection: 'row',\n                justifyContent: 'center',\n                alignItems: 'center',\n                gap: 4,\n              }}\n            >\n              <Text sx={{ color: 'text.secondary' }} variant=\"body2\">\n                {copy.total_remaining_text}:\n              </Text>\n              <Text sx={{ fontWeight: 600 }} variant=\"body2\">\n                {formatCurrency(availableBalances - averageMonthlySpend, '0,0.00')}\n              </Text>\n            </Stack>\n          </Card>\n        </Stack>\n      )}\n\n      <Stack sx={{ p: 24, gap: 8 }}>\n        <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n          {copy.body_content}\n        </Text>\n        <BalanceStepper\n          amount={formatCurrency(amountToCalculate, '0,0.00')}\n          copy={copy}\n          onDecrement={() => setAmountToCalculate((prev) => (prev <= 0 ? 0 : prev - deltaAmount))}\n          onIncrement={() => setAmountToCalculate((prev) => prev + deltaAmount)}\n        />\n      </Stack>\n      <Stack sx={{ gap: 8 }}>\n        <Text sx={{ fontWeight: 600, mx: 24 }} truncate={false} variant=\"body1\">\n          {copy.body_description}\n        </Text>\n        <List sx={{ bgcolor: 'background.paper', width: '100%' }}>\n          {monthsTable.map(({ label, value }, index) => {\n            const isLastIndex = variant === variants.SAVE_AN_EXTRA_100 ? 2 : 3\n            return (\n              <React.Fragment key={value}>\n                <ListItem\n                  disableGutters={true}\n                  disablePadding={true}\n                  sx={{\n                    minHeight: 52,\n                    bgcolor: 'background.paper',\n                  }}\n                >\n                  <Stack sx={{ width: '100%' }}>\n                    <Stack\n                      sx={{\n                        flexDirection: 'row',\n                        justifyContent: 'space-between',\n                        alignItems: 'center',\n                        width: '100%',\n                        px: 24,\n                        py: 8,\n                      }}\n                    >\n                      <Text truncate={false} variant=\"body1\">\n                        {label}\n                      </Text>\n                      <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n                        {formatCurrency(value * amountToCalculate, '0,0')}\n                      </Text>\n                    </Stack>\n                  </Stack>\n                </ListItem>\n                <Divider component=\"li\" sx={{ ml: index === isLastIndex ? 0 : 24 }} />\n              </React.Fragment>\n            )\n          })}\n        </List>\n        {variant === variants.SAVE_ENOUGH_TO_LIVE_ON && availableBalances && (\n          <Stack sx={{ pt: 6, pb: 14, px: 24, textAlign: 'right', gap: 4 }}>\n            <Text truncate={false} variant=\"h3\">\n              {formatCurrency(availableBalances, '0,0.00')}\n            </Text>\n            <Text\n              sx={{ color: 'text.secondary', fontWeight: 400 }}\n              truncate={false}\n              variant=\"subtitle2\"\n            >\n              {buildDynamicCopy(copy.your_available_balances_text!, date) as string}\n            </Text>\n          </Stack>\n        )}\n      </Stack>\n    </Drawer>\n  )\n}\n"],"mappings":"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"}

package/dist/insights/components/shared/ErrorCard/ErrorCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorCard.es.js","names":[],"sources":["../../../../../src/insights/components/shared/ErrorCard/ErrorCard.tsx"],"sourcesContent":["import { Icon, P, Text } from '@mxenabled/mxui'\n\nimport { Button, Card, Stack } from '@mui/material'\n\nimport { ThemedSVGImage } from '../ThemedSVGImage'\nimport { ReactComponent as ErrorViewCibc } from './images/ErrorViewCibc.svg'\nimport { BlobSVG } from '../../../../common/components/Error'\n\ninterface ErrorCardProps {\n  buttonText: string\n  errorText: string\n  errorDescription: string\n  isCibc?: boolean\n}\n\nexport const ErrorCard = ({\n  buttonText,\n  errorText,\n  errorDescription,\n  isCibc = false,\n}: ErrorCardProps) => {\n  return (\n    <Card sx={{ py: 32, px: 16 }}>\n      <Stack sx={{ gap: 16, alignItems: 'center' }}>\n        {isCibc ? (\n          <ThemedSVGImage\n            divProps={{ style: { maxWidth: 150, width: '100%' } }}\n            image={ErrorViewCibc}\n          />\n        ) : (\n          <Stack\n            sx={{\n              position: 'relative',\n              display: 'inline-flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n          >\n            <ThemedSVGImage\n              divProps={{ style: { position: 'absolute', zIndex: 0 } }}\n              image={BlobSVG}\n            />\n            <Icon color=\"primary\" name={'error'} size={48} sx={{ zIndex: 1 }} />\n          </Stack>\n        )}\n\n        <Stack sx={{ alignItems: 'center', gap: 2 }}>\n          <Text bold={true} variant=\"body1\">\n            {errorText}\n          </Text>\n          <P sx={{ fontWeight: 400, textAlign: 'center' }} variant=\"subtitle2\">\n            {errorDescription}\n          </P>\n          <Button\n            color=\"primary\"\n            onClick={() => window.location.reload()}\n            sx={{ mt: '12px' }}\n            variant=\"text\"\n          >\n            {buttonText}\n          </Button>\n        </Stack>\n      </Stack>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;AAeA,IAAa,IAAA,CAAa,EACxB,YAAA,GACA,WAAA,GACA,kBAAA,GACA,QAAA,IAAS,GAAA,MAGP,gBAAA,EAAC,GAAD;AAAA,EAAM,IAAI;AAAA,IAAE,IAAI;AAAA,IAAI,IAAI;AAAA,EAAG;AAAA,YACzB,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,KAAK;AAAA,MAAI,YAAY;AAAA,IAAS;AAAA,cAA3C,CACG,IACC,gBAAA,EAAC,GAAD;AAAA,MACE,UAAU,EAAE,OAAO;AAAA,QAAE,UAAU;AAAA,QAAK,OAAO;AAAA,MAAO,EAAE;AAAA,MACpD,OAAO;AAAA,IACR,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB;AAAA,gBANF,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,UAAU,EAAE,OAAO;AAAA,UAAE,UAAU;AAAA,UAAY,QAAQ;AAAA,QAAE,EAAE;AAAA,QACvD,OAAO;AAAA,MACR,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAU,MAAM;AAAA,QAAS,MAAM;AAAA,QAAI,IAAI,EAAE,QAAQ,EAAE;AAAA,MAAI,CAAA,CAC9D;AAAA,QAGT,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,KAAK;AAAA,MAAE;AAAA,gBAA1C;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAG,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAS;AAAA,UAAG,SAAQ;AAAA,oBACtD;AAAA,QACA,CAAA;AAAA,QACH,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,SAAA,MAAe,OAAO,SAAS,OAAO;AAAA,UACtC,IAAI,EAAE,IAAI,OAAO;AAAA,UACjB,SAAQ;AAAA,oBAEP;AAAA,QACK,CAAA;AAAA,MACH;AAAA,MACF;AAAA;AACH,CAAA"}
+{"version":3,"file":"ErrorCard.es.js","names":[],"sources":["../../../../../src/insights/components/shared/ErrorCard/ErrorCard.tsx"],"sourcesContent":["import { Icon, P, Text } from '@mxenabled/mxui'\n\nimport { Button, Card, Stack } from '@mui/material'\n\nimport { ThemedSVGImage } from '../ThemedSVGImage'\nimport { ReactComponent as ErrorViewCibc } from './images/ErrorViewCibc.svg'\nimport { BlobSVG } from '../../../../common/components/Error'\n\ninterface ErrorCardProps {\n  buttonText: string\n  errorText: string\n  errorDescription: string\n  isCibc?: boolean\n}\n\nexport const ErrorCard = ({\n  buttonText,\n  errorText,\n  errorDescription,\n  isCibc = false,\n}: ErrorCardProps) => {\n  return (\n    <Card sx={{ py: 32, px: 16 }}>\n      <Stack sx={{ gap: 16, alignItems: 'center' }}>\n        {isCibc ? (\n          <ThemedSVGImage\n            divProps={{ style: { maxWidth: 150, width: '100%' } }}\n            image={ErrorViewCibc}\n          />\n        ) : (\n          <Stack\n            sx={{\n              position: 'relative',\n              display: 'inline-flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n          >\n            <ThemedSVGImage\n              divProps={{ style: { position: 'absolute', zIndex: 0 } }}\n              image={BlobSVG}\n            />\n            <Icon color=\"primary\" name={'error'} size={48} sx={{ zIndex: 1 }} />\n          </Stack>\n        )}\n\n        <Stack sx={{ alignItems: 'center', gap: 2 }}>\n          <Text bold={true} variant=\"body1\">\n            {errorText}\n          </Text>\n          <P sx={{ fontWeight: 400, textAlign: 'center' }} variant=\"subtitle2\">\n            {errorDescription}\n          </P>\n          <Button\n            color=\"primary\"\n            onClick={() => window.location.reload()}\n            sx={{ mt: '12px' }}\n            variant=\"text\"\n          >\n            {buttonText}\n          </Button>\n        </Stack>\n      </Stack>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;AAeA,IAAa,IAAA,CAAa,EACxB,YAAA,GACA,WAAA,GACA,kBAAA,GACA,QAAA,IAAS,GAAA,MAGP,gBAAA,EAAC,GAAD;AAAA,EAAM,IAAI;AAAA,IAAE,IAAI;AAAA,IAAI,IAAI;AAAA,EAAG;AAAA,EACzB,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,KAAK;AAAA,MAAI,YAAY;AAAA,IAAS;AAAA,IAA3C,UAAA,CACG,IACC,gBAAA,EAAC,GAAD;AAAA,MACE,UAAU,EAAE,OAAO;AAAA,QAAE,UAAU;AAAA,QAAK,OAAO;AAAA,MAAO,EAAE;AAAA,MACpD,OAAO;AAAA,IACR,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB;AAAA,MANF,UAAA,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,UAAU,EAAE,OAAO;AAAA,UAAE,UAAU;AAAA,UAAY,QAAQ;AAAA,QAAE,EAAE;AAAA,QACvD,OAAO;AAAA,MACR,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAU,MAAM;AAAA,QAAS,MAAM;AAAA,QAAI,IAAI,EAAE,QAAQ,EAAE;AAAA,MAAI,CAAA,CAC9D;AAAA,IAGT,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,KAAK;AAAA,MAAE;AAAA,MAA1C,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAG,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAS;AAAA,UAAG,SAAQ;AAAA,UACtD,UAAA;AAAA,QACA,CAAA;AAAA,QACH,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,SAAA,MAAe,OAAO,SAAS,OAAO;AAAA,UACtC,IAAI,EAAE,IAAI,OAAO;AAAA,UACjB,SAAQ;AAAA,UAEP,UAAA;AAAA,QACK,CAAA;AAAA,MACH;AAAA,IACF,CAAA,CAAA;AAAA;AACH,CAAA"}

package/dist/insights/components/shared/GenericFeedback/FeedbackButtons.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackButtons.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackButtons.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\n\nexport interface FeedbackButtonsObjProps {\n  buttonText: {\n    cancelText: string\n    submitText: string\n  }\n  errorMessage?: string\n  feedbackMessage?: string\n}\n\nexport interface FeedbackButtonsProps extends FeedbackButtonsObjProps {\n  onCancel: () => void\n  onClose: () => void\n  selectedRadio?: number\n}\n\nexport const FeedbackButtons: React.FC<FeedbackButtonsProps> = ({\n  buttonText,\n  errorMessage,\n  feedbackMessage,\n  onCancel,\n  onClose,\n  selectedRadio,\n}) => {\n  const { cancelText, submitText } = buttonText\n\n  const disabled = (!feedbackMessage && selectedRadio === undefined) || !!errorMessage\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        marginTop: 24,\n      }}\n    >\n      <Button\n        className=\"mx-insights-beat-feedback-submit-button\"\n        data-ui-test=\"submit-button\"\n        disabled={disabled}\n        sx={{\n          fontSize: 16,\n          '&:hover': {\n            backgroundColor: 'primary.dark',\n          },\n          padding: `12px 16px`,\n          width: '100%',\n        }}\n        type=\"submit\"\n        variant=\"contained\"\n      >\n        {submitText}\n      </Button>\n\n      <Button\n        className=\"mx-insights-beat-feedback-no-thanks-button\"\n        data-ui-test=\"no-thanks-button\"\n        onClick={() => {\n          onCancel()\n          onClose()\n        }}\n        sx={{\n          fontSize: 15,\n          marginTop: 12,\n          width: '100%',\n        }}\n        variant=\"text\"\n      >\n        {cancelText}\n      </Button>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAoBA,IAAa,IAAA,CAAmD,EAC9D,YAAA,GACA,cAAA,GACA,iBAAA,GACA,UAAA,GACA,SAAA,GACA,eAAA,EAAA,MACI;AACJ,QAAM,EAAE,YAAA,GAAY,YAAA,EAAA,IAAe;AAInC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb;AAAA,cANF,CAQE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,gBAAa;AAAA,MACH,UAdE,CAAC,KAAmB,MAAkB,UAAc,CAAC,CAAC;AAAA,MAelE,IAAI;AAAA,QACF,UAAU;AAAA,QACV,WAAW,EACT,iBAAiB,eACnB;AAAA,QACA,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,gBAEP;AAAA,IACK,CAAA,GAER,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,SAAA,MAAe;AACb,QAAA,EAAS,GACT,EAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,UAAU;AAAA,QACV,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,SAAQ;AAAA,gBAEP;AAAA,IACK,CAAA,CACL;AAAA;AAET"}
+{"version":3,"file":"FeedbackButtons.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackButtons.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\n\nexport interface FeedbackButtonsObjProps {\n  buttonText: {\n    cancelText: string\n    submitText: string\n  }\n  errorMessage?: string\n  feedbackMessage?: string\n}\n\nexport interface FeedbackButtonsProps extends FeedbackButtonsObjProps {\n  onCancel: () => void\n  onClose: () => void\n  selectedRadio?: number\n}\n\nexport const FeedbackButtons: React.FC<FeedbackButtonsProps> = ({\n  buttonText,\n  errorMessage,\n  feedbackMessage,\n  onCancel,\n  onClose,\n  selectedRadio,\n}) => {\n  const { cancelText, submitText } = buttonText\n\n  const disabled = (!feedbackMessage && selectedRadio === undefined) || !!errorMessage\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        marginTop: 24,\n      }}\n    >\n      <Button\n        className=\"mx-insights-beat-feedback-submit-button\"\n        data-ui-test=\"submit-button\"\n        disabled={disabled}\n        sx={{\n          fontSize: 16,\n          '&:hover': {\n            backgroundColor: 'primary.dark',\n          },\n          padding: `12px 16px`,\n          width: '100%',\n        }}\n        type=\"submit\"\n        variant=\"contained\"\n      >\n        {submitText}\n      </Button>\n\n      <Button\n        className=\"mx-insights-beat-feedback-no-thanks-button\"\n        data-ui-test=\"no-thanks-button\"\n        onClick={() => {\n          onCancel()\n          onClose()\n        }}\n        sx={{\n          fontSize: 15,\n          marginTop: 12,\n          width: '100%',\n        }}\n        variant=\"text\"\n      >\n        {cancelText}\n      </Button>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAoBA,IAAa,IAAA,CAAmD,EAC9D,YAAA,GACA,cAAA,GACA,iBAAA,GACA,UAAA,GACA,SAAA,GACA,eAAA,EAAA,MACI;AACJ,QAAM,EAAE,YAAA,GAAY,YAAA,EAAA,IAAe;AAInC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb;AAAA,IANF,UAAA,CAQE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,gBAAa;AAAA,MACH,UAdE,CAAC,KAAmB,MAAkB,UAAc,CAAC,CAAC;AAAA,MAelE,IAAI;AAAA,QACF,UAAU;AAAA,QACV,WAAW,EACT,iBAAiB,eACnB;AAAA,QACA,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MAEP,UAAA;AAAA,IACK,CAAA,GAER,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,SAAA,MAAe;AACb,QAAA,EAAS,GACT,EAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,UAAU;AAAA,QACV,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,SAAQ;AAAA,MAEP,UAAA;AAAA,IACK,CAAA,CACL;AAAA;AAET"}

package/dist/insights/components/shared/GenericFeedback/FeedbackDescription.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackDescription.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackDescription.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\nexport interface FeedbackDescriptionProps {\n  bodyText: string\n}\n\nexport const FeedbackDescription: React.FC<FeedbackDescriptionProps> = ({ bodyText }) => {\n  return (\n    <Box style={{ padding: '8px 24px 8px 0px' }}>\n      <P data-ui-test=\"feedback-description\">{bodyText}</P>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAA,CAA2D,EAAE,UAAA,EAAA,MAEtE,gBAAA,EAAC,GAAD;AAAA,EAAK,OAAO,EAAE,SAAS,mBAAmB;AAAA,YACxC,gBAAA,EAAC,GAAD;AAAA,IAAG,gBAAa;AAAA,cAAwB;AAAA,EAAY,CAAA;AACjD,CAAA"}
+{"version":3,"file":"FeedbackDescription.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackDescription.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\nexport interface FeedbackDescriptionProps {\n  bodyText: string\n}\n\nexport const FeedbackDescription: React.FC<FeedbackDescriptionProps> = ({ bodyText }) => {\n  return (\n    <Box style={{ padding: '8px 24px 8px 0px' }}>\n      <P data-ui-test=\"feedback-description\">{bodyText}</P>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAA,CAA2D,EAAE,UAAA,EAAA,MAEtE,gBAAA,EAAC,GAAD;AAAA,EAAK,OAAO,EAAE,SAAS,mBAAmB;AAAA,EACxC,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAG,gBAAa;AAAA,IAAwB,UAAA;AAAA,EAAY,CAAA;AACjD,CAAA"}

package/dist/insights/components/shared/GenericFeedback/FeedbackHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackHeader.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport DialogTitle from '@mui/material/DialogTitle'\nimport IconButton from '@mui/material/IconButton'\n\nexport interface FeedbackHeaderObjProps {\n  headerText: string\n  menuHeaderCloseButtonAriaLabel: {\n    ratingExist?: string\n    ratingDoesntExist?: string\n  }\n  rating?: number\n  sx?: React.CSSProperties\n}\n\nexport interface FeedbackHeaderProps extends FeedbackHeaderObjProps {\n  onCancel: () => void\n  onClose: () => void\n}\n\nexport const FeedbackHeader: React.FC<FeedbackHeaderProps> = ({\n  headerText,\n  menuHeaderCloseButtonAriaLabel,\n  onCancel,\n  onClose,\n  rating,\n  sx = {},\n}) => {\n  return (\n    <DialogTitle fontSize={18} id=\"alert-dialog-title\">\n      {headerText}\n      <IconButton\n        aria-label={\n          rating\n            ? menuHeaderCloseButtonAriaLabel.ratingExist\n            : menuHeaderCloseButtonAriaLabel.ratingDoesntExist\n        }\n        data-ui-test=\"feedback-close-button\"\n        onClick={() => {\n          onCancel()\n          onClose()\n        }}\n        sx={{\n          position: 'absolute',\n          right: 12,\n        }}\n      >\n        <Icon\n          name=\"cancel\"\n          sx={{\n            ...sx,\n          }}\n        />\n      </IconButton>\n    </DialogTitle>\n  )\n}\n"],"mappings":";;;;;AAsBA,IAAa,IAAA,CAAiD,EAC5D,YAAA,GACA,gCAAA,GACA,UAAA,GACA,SAAA,GACA,QAAA,GACA,IAAA,IAAK,CAAC,EAAA,MAGJ,gBAAA,EAAC,GAAD;AAAA,EAAa,UAAU;AAAA,EAAI,IAAG;AAAA,YAA9B,CACG,GACD,gBAAA,EAAC,GAAD;AAAA,IACE,cACE,IACI,EAA+B,cAC/B,EAA+B;AAAA,IAErC,gBAAa;AAAA,IACb,SAAA,MAAe;AACb,MAAA,EAAS,GACT,EAAQ;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACF,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAK;AAAA,MACL,IAAI,EACF,GAAG,EACL;AAAA,IACD,CAAA;AAAA,EACS,CAAA,CACD"}
+{"version":3,"file":"FeedbackHeader.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport DialogTitle from '@mui/material/DialogTitle'\nimport IconButton from '@mui/material/IconButton'\n\nexport interface FeedbackHeaderObjProps {\n  headerText: string\n  menuHeaderCloseButtonAriaLabel: {\n    ratingExist?: string\n    ratingDoesntExist?: string\n  }\n  rating?: number\n  sx?: React.CSSProperties\n}\n\nexport interface FeedbackHeaderProps extends FeedbackHeaderObjProps {\n  onCancel: () => void\n  onClose: () => void\n}\n\nexport const FeedbackHeader: React.FC<FeedbackHeaderProps> = ({\n  headerText,\n  menuHeaderCloseButtonAriaLabel,\n  onCancel,\n  onClose,\n  rating,\n  sx = {},\n}) => {\n  return (\n    <DialogTitle fontSize={18} id=\"alert-dialog-title\">\n      {headerText}\n      <IconButton\n        aria-label={\n          rating\n            ? menuHeaderCloseButtonAriaLabel.ratingExist\n            : menuHeaderCloseButtonAriaLabel.ratingDoesntExist\n        }\n        data-ui-test=\"feedback-close-button\"\n        onClick={() => {\n          onCancel()\n          onClose()\n        }}\n        sx={{\n          position: 'absolute',\n          right: 12,\n        }}\n      >\n        <Icon\n          name=\"cancel\"\n          sx={{\n            ...sx,\n          }}\n        />\n      </IconButton>\n    </DialogTitle>\n  )\n}\n"],"mappings":";;;;;AAsBA,IAAa,IAAA,CAAiD,EAC5D,YAAA,GACA,gCAAA,GACA,UAAA,GACA,SAAA,GACA,QAAA,GACA,IAAA,IAAK,CAAC,EAAA,MAGJ,gBAAA,EAAC,GAAD;AAAA,EAAa,UAAU;AAAA,EAAI,IAAG;AAAA,EAA9B,UAAA,CACG,GACD,gBAAA,EAAC,GAAD;AAAA,IACE,cACE,IACI,EAA+B,cAC/B,EAA+B;AAAA,IAErC,gBAAa;AAAA,IACb,SAAA,MAAe;AACb,MAAA,EAAS,GACT,EAAQ;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACF,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAK;AAAA,MACL,IAAI,EACF,GAAG,EACL;AAAA,IACD,CAAA;AAAA,EACS,CAAA,CACD"}

package/dist/insights/components/shared/GenericFeedback/FeedbackOptions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackOptions.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackOptions.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport FormControl from '@mui/material/FormControl'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\n\nexport interface FeedBackOptionsObjProps {\n  feedbackOptions: Array<string>\n  groupAriaLabel: string\n}\n\nexport interface FeedBackOptionsProps extends FeedBackOptionsObjProps {\n  feedbackOptions: Array<string>\n  groupAriaLabel: string\n  selectedRadio?: number\n  setSelectedRadio: React.Dispatch<React.SetStateAction<number | undefined>>\n}\n\n// Start of Main Component *************************************\nexport const FeedbackOptions: React.FC<FeedBackOptionsProps> = ({\n  feedbackOptions,\n  groupAriaLabel,\n  selectedRadio,\n  setSelectedRadio,\n}) => {\n  return (\n    <FormControl\n      sx={{\n        p: 24,\n        width: '100%',\n      }}\n    >\n      <RadioGroup aria-label={groupAriaLabel} name=\"radio-buttons-group\">\n        {feedbackOptions.map((option, i) => (\n          <Box\n            key={i}\n            sx={(theme) => ({\n              p: '24px 0px 23px 0px',\n              borderBottom: `1px solid ${theme.palette.divider}`,\n            })}\n          >\n            <FormControlLabel\n              control={\n                <Radio\n                  checked={selectedRadio === i}\n                  name={`radio-${i}`}\n                  onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n                    setSelectedRadio(Number(event.target.value))\n                  }\n                  size=\"small\"\n                  sx={(theme) => ({\n                    color: theme.palette.secondary.light,\n                    ml: 'auto',\n                    p: '0px',\n                    '& input.PrivateSwitchBase-input': {\n                      opacity: 1,\n                    },\n                  })}\n                />\n              }\n              key={i}\n              label={option}\n              labelPlacement=\"start\"\n              sx={{ ml: 0, p: '24px 0px 23px', width: '100%' }}\n              value={i}\n            />\n          </Box>\n        ))}\n      </RadioGroup>\n    </FormControl>\n  )\n}\n"],"mappings":";;;;;;;AAqBA,IAAa,IAAA,CAAmD,EAC9D,iBAAA,GACA,gBAAA,GACA,eAAA,GACA,kBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,GAAG;AAAA,IACH,OAAO;AAAA,EACT;AAAA,YAEA,gBAAA,EAAC,GAAD;AAAA,IAAY,cAAY;AAAA,IAAgB,MAAK;AAAA,cAC1C,EAAgB,IAAA,CAAK,GAAQ,MAC5B,gBAAA,EAAC,GAAD;AAAA,MAEE,IAAA,CAAK,OAAW;AAAA,QACd,GAAG;AAAA,QACH,cAAc,aAAa,EAAM,QAAQ,OAAA;AAAA,MAC3C;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QACE,SACE,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS,MAAkB;AAAA,UAC3B,MAAM,SAAS,CAAA;AAAA,UACf,UAAA,CAAW,MACT,EAAiB,OAAO,EAAM,OAAO,KAAK,CAAC;AAAA,UAE7C,MAAK;AAAA,UACL,IAAA,CAAK,OAAW;AAAA,YACd,OAAO,EAAM,QAAQ,UAAU;AAAA,YAC/B,IAAI;AAAA,YACJ,GAAG;AAAA,YACH,mCAAmC,EACjC,SAAS,EACX;AAAA,UACF;AAAA,QACD,CAAA;AAAA,QAGH,OAAO;AAAA,QACP,gBAAe;AAAA,QACf,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,GAAG;AAAA,UAAiB,OAAO;AAAA,QAAO;AAAA,QAC/C,OAAO;AAAA,MACR,GALM,CAKN;AAAA,IACE,GA/BE,CA+BF,CACN;AAAA,EACS,CAAA;AACD,CAAA"}
+{"version":3,"file":"FeedbackOptions.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackOptions.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport FormControl from '@mui/material/FormControl'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\n\nexport interface FeedBackOptionsObjProps {\n  feedbackOptions: Array<string>\n  groupAriaLabel: string\n}\n\nexport interface FeedBackOptionsProps extends FeedBackOptionsObjProps {\n  feedbackOptions: Array<string>\n  groupAriaLabel: string\n  selectedRadio?: number\n  setSelectedRadio: React.Dispatch<React.SetStateAction<number | undefined>>\n}\n\n// Start of Main Component *************************************\nexport const FeedbackOptions: React.FC<FeedBackOptionsProps> = ({\n  feedbackOptions,\n  groupAriaLabel,\n  selectedRadio,\n  setSelectedRadio,\n}) => {\n  return (\n    <FormControl\n      sx={{\n        p: 24,\n        width: '100%',\n      }}\n    >\n      <RadioGroup aria-label={groupAriaLabel} name=\"radio-buttons-group\">\n        {feedbackOptions.map((option, i) => (\n          <Box\n            key={i}\n            sx={(theme) => ({\n              p: '24px 0px 23px 0px',\n              borderBottom: `1px solid ${theme.palette.divider}`,\n            })}\n          >\n            <FormControlLabel\n              control={\n                <Radio\n                  checked={selectedRadio === i}\n                  name={`radio-${i}`}\n                  onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n                    setSelectedRadio(Number(event.target.value))\n                  }\n                  size=\"small\"\n                  sx={(theme) => ({\n                    color: theme.palette.secondary.light,\n                    ml: 'auto',\n                    p: '0px',\n                    '& input.PrivateSwitchBase-input': {\n                      opacity: 1,\n                    },\n                  })}\n                />\n              }\n              key={i}\n              label={option}\n              labelPlacement=\"start\"\n              sx={{ ml: 0, p: '24px 0px 23px', width: '100%' }}\n              value={i}\n            />\n          </Box>\n        ))}\n      </RadioGroup>\n    </FormControl>\n  )\n}\n"],"mappings":";;;;;;;AAqBA,IAAa,IAAA,CAAmD,EAC9D,iBAAA,GACA,gBAAA,GACA,eAAA,GACA,kBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,GAAG;AAAA,IACH,OAAO;AAAA,EACT;AAAA,EAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAY,cAAY;AAAA,IAAgB,MAAK;AAAA,IAC1C,UAAA,EAAgB,IAAA,CAAK,GAAQ,MAC5B,gBAAA,EAAC,GAAD;AAAA,MAEE,IAAA,CAAK,OAAW;AAAA,QACd,GAAG;AAAA,QACH,cAAc,aAAa,EAAM,QAAQ,OAAA;AAAA,MAC3C;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,SACE,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS,MAAkB;AAAA,UAC3B,MAAM,SAAS,CAAA;AAAA,UACf,UAAA,CAAW,MACT,EAAiB,OAAO,EAAM,OAAO,KAAK,CAAC;AAAA,UAE7C,MAAK;AAAA,UACL,IAAA,CAAK,OAAW;AAAA,YACd,OAAO,EAAM,QAAQ,UAAU;AAAA,YAC/B,IAAI;AAAA,YACJ,GAAG;AAAA,YACH,mCAAmC,EACjC,SAAS,EACX;AAAA,UACF;AAAA,QACD,CAAA;AAAA,QAGH,OAAO;AAAA,QACP,gBAAe;AAAA,QACf,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,GAAG;AAAA,UAAiB,OAAO;AAAA,QAAO;AAAA,QAC/C,OAAO;AAAA,MACR,GALM,CAKN;AAAA,IACE,GA/BE,CA+BF,CACN;AAAA,EACS,CAAA;AACD,CAAA"}

package/dist/insights/components/shared/GenericFeedback/FeedbackText.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackText.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport TextareaAutosize from '@mui/material/TextareaAutosize'\nimport { styled } from '@mui/system'\n\nexport interface FeedbackTextProps {\n  error?: boolean\n  feedbackAriaLabel: string\n  feedbackCharacterLimitText?: string\n  feedbackDescriptionPlaceHolder?: string\n  feedbackLabel: string\n  feedbackMessage?: string\n  sendAnalytics: () => void\n  setFeedbackMessage: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined,\n  ) => void\n  validateForm: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined,\n  ) => void\n}\n\nconst StyledTextareaAutosize = styled(TextareaAutosize)({\n  height: 93,\n  resize: 'none',\n})\n\nexport const BeatFeedbackText: React.FC<FeedbackTextProps> = ({\n  error,\n  feedbackAriaLabel,\n  feedbackCharacterLimitText,\n  feedbackDescriptionPlaceHolder,\n  feedbackLabel,\n  feedbackMessage,\n  sendAnalytics,\n  setFeedbackMessage,\n  validateForm,\n}) => {\n  return (\n    <Box\n      aria-label={feedbackLabel}\n      sx={{\n        marginTop: 24,\n        px: 24,\n      }}\n    >\n      <StyledTextareaAutosize\n        aria-label={feedbackAriaLabel}\n        data-ui-test=\"feedback-textarea\"\n        maxRows={4}\n        minRows={4}\n        name=\"Feedback\"\n        onChange={(e: { target: { value: any } }) => {\n          setFeedbackMessage(e.target.value)\n          validateForm(e.target.value)\n        }}\n        onClick={() => sendAnalytics()}\n        placeholder={feedbackDescriptionPlaceHolder}\n        sx={{\n          p: 12,\n          width: '100%',\n        }}\n        value={feedbackMessage}\n      />\n      {feedbackCharacterLimitText && (\n        <P\n          sx={{\n            color: error ? 'error.darker' : null,\n            fontSize: 12,\n            p: '0px !important',\n          }}\n        >\n          {feedbackCharacterLimitText}\n        </P>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAwBA,IAAM,IAAyB,EAAO,CAAgB,EAAE;AAAA,EACtD,QAAQ;AAAA,EACR,QAAQ;AACV,CAAC,GAEY,IAAA,CAAiD,EAC5D,OAAA,GACA,mBAAA,GACA,4BAAA,GACA,gCAAA,GACA,eAAA,GACA,iBAAA,GACA,eAAA,GACA,oBAAA,GACA,cAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,cAAY;AAAA,EACZ,IAAI;AAAA,IACF,WAAW;AAAA,IACX,IAAI;AAAA,EACN;AAAA,YALF,CAOE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAY;AAAA,IACZ,gBAAa;AAAA,IACb,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAK;AAAA,IACL,UAAA,CAAW,MAAkC;AAC3C,MAAA,EAAmB,EAAE,OAAO,KAAK,GACjC,EAAa,EAAE,OAAO,KAAK;AAAA,IAC7B;AAAA,IACA,SAAA,MAAe,EAAc;AAAA,IAC7B,aAAa;AAAA,IACb,IAAI;AAAA,MACF,GAAG;AAAA,MACH,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,EACR,CAAA,GACA,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,OAAO,IAAQ,iBAAiB;AAAA,MAChC,UAAU;AAAA,MACV,GAAG;AAAA,IACL;AAAA,cAEC;AAAA,EACA,CAAA,CAEF"}
+{"version":3,"file":"FeedbackText.es.js","names":[],"sources":["../../../../../src/insights/components/shared/GenericFeedback/FeedbackText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport TextareaAutosize from '@mui/material/TextareaAutosize'\nimport { styled } from '@mui/system'\n\nexport interface FeedbackTextProps {\n  error?: boolean\n  feedbackAriaLabel: string\n  feedbackCharacterLimitText?: string\n  feedbackDescriptionPlaceHolder?: string\n  feedbackLabel: string\n  feedbackMessage?: string\n  sendAnalytics: () => void\n  setFeedbackMessage: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined,\n  ) => void\n  validateForm: (\n    event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string | undefined,\n  ) => void\n}\n\nconst StyledTextareaAutosize = styled(TextareaAutosize)({\n  height: 93,\n  resize: 'none',\n})\n\nexport const BeatFeedbackText: React.FC<FeedbackTextProps> = ({\n  error,\n  feedbackAriaLabel,\n  feedbackCharacterLimitText,\n  feedbackDescriptionPlaceHolder,\n  feedbackLabel,\n  feedbackMessage,\n  sendAnalytics,\n  setFeedbackMessage,\n  validateForm,\n}) => {\n  return (\n    <Box\n      aria-label={feedbackLabel}\n      sx={{\n        marginTop: 24,\n        px: 24,\n      }}\n    >\n      <StyledTextareaAutosize\n        aria-label={feedbackAriaLabel}\n        data-ui-test=\"feedback-textarea\"\n        maxRows={4}\n        minRows={4}\n        name=\"Feedback\"\n        onChange={(e: { target: { value: any } }) => {\n          setFeedbackMessage(e.target.value)\n          validateForm(e.target.value)\n        }}\n        onClick={() => sendAnalytics()}\n        placeholder={feedbackDescriptionPlaceHolder}\n        sx={{\n          p: 12,\n          width: '100%',\n        }}\n        value={feedbackMessage}\n      />\n      {feedbackCharacterLimitText && (\n        <P\n          sx={{\n            color: error ? 'error.darker' : null,\n            fontSize: 12,\n            p: '0px !important',\n          }}\n        >\n          {feedbackCharacterLimitText}\n        </P>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAwBA,IAAM,IAAyB,EAAO,CAAgB,EAAE;AAAA,EACtD,QAAQ;AAAA,EACR,QAAQ;AACV,CAAC,GAEY,IAAA,CAAiD,EAC5D,OAAA,GACA,mBAAA,GACA,4BAAA,GACA,gCAAA,GACA,eAAA,GACA,iBAAA,GACA,eAAA,GACA,oBAAA,GACA,cAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,cAAY;AAAA,EACZ,IAAI;AAAA,IACF,WAAW;AAAA,IACX,IAAI;AAAA,EACN;AAAA,EALF,UAAA,CAOE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAY;AAAA,IACZ,gBAAa;AAAA,IACb,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAK;AAAA,IACL,UAAA,CAAW,MAAkC;AAC3C,MAAA,EAAmB,EAAE,OAAO,KAAK,GACjC,EAAa,EAAE,OAAO,KAAK;AAAA,IAC7B;AAAA,IACA,SAAA,MAAe,EAAc;AAAA,IAC7B,aAAa;AAAA,IACb,IAAI;AAAA,MACF,GAAG;AAAA,MACH,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,EACR,CAAA,GACA,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,OAAO,IAAQ,iBAAiB;AAAA,MAChC,UAAU;AAAA,MACV,GAAG;AAAA,IACL;AAAA,IAEC,UAAA;AAAA,EACA,CAAA,CAEF"}

package/dist/insights/components/shared/GoalProgress.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalProgress.es.js","names":[],"sources":["../../../../src/insights/components/shared/GoalProgress.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { PulseProgressBar } from './ProgressBar'\n\ninterface PulseGoalProgressProps {\n  backgroundOverride?: string\n  goalPercentage: number\n  height?: number\n  percentageCompleteText: string\n  progressColorOverride?: string\n}\n\nexport const PulseGoalProgress: React.FC<PulseGoalProgressProps> = ({\n  backgroundOverride,\n  goalPercentage,\n  height = 8,\n  percentageCompleteText,\n  progressColorOverride,\n}) => {\n  // Do not remove the data-ui-test They are needed for the cypress test in Pulse\n  return (\n    <Box className=\"mx-insights-goal-progress\" data-ui-test=\"goal-progress\" sx={{ mb: 16 }}>\n      <Stack\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          mb: 8,\n          mt: 4,\n        }}\n      >\n        <Icon color=\"success\" fill={true} name=\"check_circle\" size={16} />\n        <P\n          bold={true}\n          className=\"mx-insights-goal-progress\"\n          data-ui-test=\"goal-percentage-complete\"\n          sx={{ fontSize: 13 }}\n        >\n          {percentageCompleteText}\n        </P>\n      </Stack>\n\n      <PulseProgressBar\n        backgroundColor={backgroundOverride ? backgroundOverride : 'background.highlight'}\n        color={progressColorOverride ? progressColorOverride : 'primary.main'}\n        height={height}\n        percent={goalPercentage}\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,IAAa,IAAA,CAAuD,EAClE,oBAAA,GACA,gBAAA,GACA,QAAA,IAAS,GACT,wBAAA,GACA,uBAAA,EAAA,MAIE,gBAAA,EAAC,GAAD;AAAA,EAAK,WAAU;AAAA,EAA4B,gBAAa;AAAA,EAAgB,IAAI,EAAE,IAAI,GAAG;AAAA,YAArF,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,cANF,CAQE,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAU,MAAM;AAAA,MAAM,MAAK;AAAA,MAAe,MAAM;AAAA,IAAK,CAAA,GACjE,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,IAAI,EAAE,UAAU,GAAG;AAAA,gBAElB;AAAA,IACA,CAAA,CACE;AAAA,MAEP,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAiB,KAA0C;AAAA,IAC3D,OAAO,KAAgD;AAAA,IAC/C,QAAA;AAAA,IACR,SAAS;AAAA,EACV,CAAA,CACE"}
+{"version":3,"file":"GoalProgress.es.js","names":[],"sources":["../../../../src/insights/components/shared/GoalProgress.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { PulseProgressBar } from './ProgressBar'\n\ninterface PulseGoalProgressProps {\n  backgroundOverride?: string\n  goalPercentage: number\n  height?: number\n  percentageCompleteText: string\n  progressColorOverride?: string\n}\n\nexport const PulseGoalProgress: React.FC<PulseGoalProgressProps> = ({\n  backgroundOverride,\n  goalPercentage,\n  height = 8,\n  percentageCompleteText,\n  progressColorOverride,\n}) => {\n  // Do not remove the data-ui-test They are needed for the cypress test in Pulse\n  return (\n    <Box className=\"mx-insights-goal-progress\" data-ui-test=\"goal-progress\" sx={{ mb: 16 }}>\n      <Stack\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          mb: 8,\n          mt: 4,\n        }}\n      >\n        <Icon color=\"success\" fill={true} name=\"check_circle\" size={16} />\n        <P\n          bold={true}\n          className=\"mx-insights-goal-progress\"\n          data-ui-test=\"goal-percentage-complete\"\n          sx={{ fontSize: 13 }}\n        >\n          {percentageCompleteText}\n        </P>\n      </Stack>\n\n      <PulseProgressBar\n        backgroundColor={backgroundOverride ? backgroundOverride : 'background.highlight'}\n        color={progressColorOverride ? progressColorOverride : 'primary.main'}\n        height={height}\n        percent={goalPercentage}\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,IAAa,IAAA,CAAuD,EAClE,oBAAA,GACA,gBAAA,GACA,QAAA,IAAS,GACT,wBAAA,GACA,uBAAA,EAAA,MAIE,gBAAA,EAAC,GAAD;AAAA,EAAK,WAAU;AAAA,EAA4B,gBAAa;AAAA,EAAgB,IAAI,EAAE,IAAI,GAAG;AAAA,EAArF,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IANF,UAAA,CAQE,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAU,MAAM;AAAA,MAAM,MAAK;AAAA,MAAe,MAAM;AAAA,IAAK,CAAA,GACjE,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,IAAI,EAAE,UAAU,GAAG;AAAA,MAElB,UAAA;AAAA,IACA,CAAA,CACE;AAAA,EAEP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAiB,KAA0C;AAAA,IAC3D,OAAO,KAAgD;AAAA,IAC/C,QAAA;AAAA,IACR,SAAS;AAAA,EACV,CAAA,CACE"}

package/dist/insights/components/shared/GradientBox.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"GradientBox.es.js","names":[],"sources":["../../../../src/insights/components/shared/GradientBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\n\ninterface PulseGraidentBoxProps {\n  children: React.ReactNode\n  gradientOverride?: string\n  title: string\n}\n\nexport const PulseGraidentBox: React.FC<PulseGraidentBoxProps> = ({\n  children,\n  gradientOverride,\n  title,\n}) => {\n  return (\n    <Box\n      className=\"mx-insights-gradient-box\"\n      data-ui-test=\"gradient-box\"\n      sx={{\n        background: !gradientOverride ? 'linear-gradient(#2F73DA, #6BCDDB)' : gradientOverride,\n        p: 16,\n      }}\n    >\n      {title && (\n        <P\n          className=\"mx-insights-gradient-box-title\"\n          data-ui-test=\"gradient-box-title\"\n          sx={{ color: 'primary.lighter', fontSize: 13, lineHeight: '16px', mb: 16 }}\n        >\n          {title}\n        </P>\n      )}\n      <Card\n        className=\"mx-insights-gradient-box-card\"\n        sx={{\n          p: '12px 16px',\n        }}\n      >\n        {children}\n      </Card>\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,IAAA,CAAqD,EAChE,UAAA,GACA,kBAAA,GACA,OAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAU;AAAA,EACV,gBAAa;AAAA,EACb,IAAI;AAAA,IACF,YAAa,KAAmB;AAAA,IAChC,GAAG;AAAA,EACL;AAAA,YANF,CAQG,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,gBAAa;AAAA,IACb,IAAI;AAAA,MAAE,OAAO;AAAA,MAAmB,UAAU;AAAA,MAAI,YAAY;AAAA,MAAQ,IAAI;AAAA,IAAG;AAAA,cAExE;AAAA,EACA,CAAA,GAEL,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI,EACF,GAAG,YACL;AAAA,IAEC,UAAA;AAAA,EACG,CAAA,CACH"}
+{"version":3,"file":"GradientBox.es.js","names":[],"sources":["../../../../src/insights/components/shared/GradientBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\n\ninterface PulseGraidentBoxProps {\n  children: React.ReactNode\n  gradientOverride?: string\n  title: string\n}\n\nexport const PulseGraidentBox: React.FC<PulseGraidentBoxProps> = ({\n  children,\n  gradientOverride,\n  title,\n}) => {\n  return (\n    <Box\n      className=\"mx-insights-gradient-box\"\n      data-ui-test=\"gradient-box\"\n      sx={{\n        background: !gradientOverride ? 'linear-gradient(#2F73DA, #6BCDDB)' : gradientOverride,\n        p: 16,\n      }}\n    >\n      {title && (\n        <P\n          className=\"mx-insights-gradient-box-title\"\n          data-ui-test=\"gradient-box-title\"\n          sx={{ color: 'primary.lighter', fontSize: 13, lineHeight: '16px', mb: 16 }}\n        >\n          {title}\n        </P>\n      )}\n      <Card\n        className=\"mx-insights-gradient-box-card\"\n        sx={{\n          p: '12px 16px',\n        }}\n      >\n        {children}\n      </Card>\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,IAAA,CAAqD,EAChE,UAAA,GACA,kBAAA,GACA,OAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAU;AAAA,EACV,gBAAa;AAAA,EACb,IAAI;AAAA,IACF,YAAa,KAAmB;AAAA,IAChC,GAAG;AAAA,EACL;AAAA,EANF,UAAA,CAQG,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,gBAAa;AAAA,IACb,IAAI;AAAA,MAAE,OAAO;AAAA,MAAmB,UAAU;AAAA,MAAI,YAAY;AAAA,MAAQ,IAAI;AAAA,IAAG;AAAA,IAExE,UAAA;AAAA,EACA,CAAA,GAEL,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI,EACF,GAAG,YACL;AAAA,IAEC,UAAA;AAAA,EACG,CAAA,CACH"}

package/dist/insights/components/shared/InsightsCard/BeatCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BeatCard.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/BeatCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Beat } from '../../../types/CommonBeat'\n\nimport { CardError } from './CardError'\nimport { CardHeader, CardHeaderProps } from './CardHeader'\nimport { CardLoading } from './CardLoading'\nimport { ContentAndDescription, ContentAndDescriptionProps } from './ContentAndDescription'\n\ninterface BeatCardProps {\n  altLoadingText?: string\n  asteriskText?: string\n  beat: Beat\n  button?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: Omit<ContentAndDescriptionProps, 'beat'>\n  errorText?: string\n  feedback?: React.ReactNode\n  header?: Omit<CardHeaderProps, 'title'>\n  isError?: boolean\n  isLoading?: boolean\n  isMini?: boolean\n}\n\n// TODO: Update BeatCard layout to match the new spacing\n// Remove this once the layout update is complete\n// Note: For now, no changes have been made to the mini variant\n// The mini layout should be updated once we touch the layout work\n\nexport const BeatCard = ({\n  altLoadingText = '',\n  asteriskText,\n  beat,\n  button = null,\n  children,\n  contentProps,\n  errorText = '',\n  feedback,\n  header,\n  isError = false,\n  isLoading = false,\n  isMini = false,\n}: BeatCardProps) => {\n  return (\n    <Stack sx={{ height: '100%' }}>\n      <CardHeader {...header} isMini={isMini} title={beat.html_title} />\n      {isError ? (\n        <CardError erroredText={errorText!} />\n      ) : (\n        <>\n          <ContentAndDescription\n            {...contentProps}\n            asteriskText={asteriskText}\n            beat={beat}\n            isLoading={isLoading}\n            isMini={isMini}\n          >\n            {isLoading ? <CardLoading altLoadingText={altLoadingText} /> : children}\n          </ContentAndDescription>\n          {!isMini && button}\n          {/* TODO: For now, we're getting it as a ReactNode from Pulse. It will later be built here */}\n          {feedback}\n        </>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AA+BA,IAAa,IAAA,CAAY,EACvB,gBAAA,IAAiB,IACjB,cAAA,GACA,MAAA,GACA,QAAA,IAAS,MACT,UAAA,GACA,cAAA,GACA,WAAA,IAAY,IACZ,UAAA,GACA,QAAA,GACA,SAAA,IAAU,IACV,WAAA,IAAY,IACZ,QAAA,IAAS,GAAA,MAGP,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI,EAAE,QAAQ,OAAO;AAAA,YAA5B,CACE,gBAAA,EAAC,GAAD;AAAA,IAAY,GAAI;AAAA,IAAgB,QAAA;AAAA,IAAQ,OAAO,EAAK;AAAA,EAAa,CAAA,GAChE,IACC,gBAAA,EAAC,GAAD,EAAW,aAAa,EAAa,CAAA,IAErC,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACU,cAAA;AAAA,MACR,MAAA;AAAA,MACK,WAAA;AAAA,MACH,QAAA;AAAA,gBAEP,IAAY,gBAAA,EAAC,GAAD,EAA6B,gBAAA,EAAiB,CAAA,IAAI;AAAA,IAC1C,CAAA;AAAA,IACtB,CAAC,KAAU;AAAA,IAEX;AAAA,EACD,EAAA,CAAA,CAEC"}
+{"version":3,"file":"BeatCard.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/BeatCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Beat } from '../../../types/CommonBeat'\n\nimport { CardError } from './CardError'\nimport { CardHeader, CardHeaderProps } from './CardHeader'\nimport { CardLoading } from './CardLoading'\nimport { ContentAndDescription, ContentAndDescriptionProps } from './ContentAndDescription'\n\ninterface BeatCardProps {\n  altLoadingText?: string\n  asteriskText?: string\n  beat: Beat\n  button?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: Omit<ContentAndDescriptionProps, 'beat'>\n  errorText?: string\n  feedback?: React.ReactNode\n  header?: Omit<CardHeaderProps, 'title'>\n  isError?: boolean\n  isLoading?: boolean\n  isMini?: boolean\n}\n\n// TODO: Update BeatCard layout to match the new spacing\n// Remove this once the layout update is complete\n// Note: For now, no changes have been made to the mini variant\n// The mini layout should be updated once we touch the layout work\n\nexport const BeatCard = ({\n  altLoadingText = '',\n  asteriskText,\n  beat,\n  button = null,\n  children,\n  contentProps,\n  errorText = '',\n  feedback,\n  header,\n  isError = false,\n  isLoading = false,\n  isMini = false,\n}: BeatCardProps) => {\n  return (\n    <Stack sx={{ height: '100%' }}>\n      <CardHeader {...header} isMini={isMini} title={beat.html_title} />\n      {isError ? (\n        <CardError erroredText={errorText!} />\n      ) : (\n        <>\n          <ContentAndDescription\n            {...contentProps}\n            asteriskText={asteriskText}\n            beat={beat}\n            isLoading={isLoading}\n            isMini={isMini}\n          >\n            {isLoading ? <CardLoading altLoadingText={altLoadingText} /> : children}\n          </ContentAndDescription>\n          {!isMini && button}\n          {/* TODO: For now, we're getting it as a ReactNode from Pulse. It will later be built here */}\n          {feedback}\n        </>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AA+BA,IAAa,IAAA,CAAY,EACvB,gBAAA,IAAiB,IACjB,cAAA,GACA,MAAA,GACA,QAAA,IAAS,MACT,UAAA,GACA,cAAA,GACA,WAAA,IAAY,IACZ,UAAA,GACA,QAAA,GACA,SAAA,IAAU,IACV,WAAA,IAAY,IACZ,QAAA,IAAS,GAAA,MAGP,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI,EAAE,QAAQ,OAAO;AAAA,EAA5B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAY,GAAI;AAAA,IAAgB,QAAA;AAAA,IAAQ,OAAO,EAAK;AAAA,EAAa,CAAA,GAChE,IACC,gBAAA,EAAC,GAAD,EAAW,aAAa,EAAa,CAAA,IAErC,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACU,cAAA;AAAA,MACR,MAAA;AAAA,MACK,WAAA;AAAA,MACH,QAAA;AAAA,MAEP,UAAA,IAAY,gBAAA,EAAC,GAAD,EAA6B,gBAAA,EAAiB,CAAA,IAAI;AAAA,IAC1C,CAAA;AAAA,IACtB,CAAC,KAAU;AAAA,IAEX;AAAA,EACD,EAAA,CAAA,CAEC"}

package/dist/insights/components/shared/InsightsCard/BeatCardMUI.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BeatCardMUI.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/BeatCardMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport type { Beat } from '../../../types/CommonBeat'\n\nimport { CardError } from './CardError'\nimport type { CardHeaderMUIProps } from './CardHeaderMUI'\nimport { CardHeaderMUI } from './CardHeaderMUI'\nimport { CardLoading } from './CardLoading'\nimport type { ContentAndDescriptionMUIProps } from './ContentAndDescriptionMUI'\nimport { ContentAndDescriptionMUI } from './ContentAndDescriptionMUI'\n\ninterface BeatCardMUIProps {\n  altLoadingText?: string\n  asteriskText?: string\n  beat: Beat\n  button?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: Omit<ContentAndDescriptionMUIProps, 'beat'>\n  errorText?: string\n  feedback?: React.ReactNode\n  header?: Omit<CardHeaderMUIProps, 'title'>\n  isError?: boolean\n  isLoading?: boolean\n  isMini?: boolean\n}\n\nexport const BeatCardMUI = ({\n  altLoadingText = '',\n  asteriskText,\n  beat,\n  button = null,\n  children,\n  contentProps,\n  errorText = '',\n  feedback,\n  header,\n  isError = false,\n  isLoading = false,\n  isMini = false,\n}: BeatCardMUIProps) => {\n  return (\n    <Stack gap={12} sx={{ height: '100%' }}>\n      <CardHeaderMUI {...header} isMini={isMini} title={beat.html_title} />\n      {isError ? (\n        <CardError erroredText={errorText!} />\n      ) : (\n        <>\n          <ContentAndDescriptionMUI\n            {...contentProps}\n            asteriskText={asteriskText}\n            beat={beat}\n            isLoading={isLoading}\n            isMini={isMini}\n          >\n            {isLoading ? <CardLoading altLoadingText={altLoadingText} /> : children}\n          </ContentAndDescriptionMUI>\n          {!isMini && button}\n          {feedback}\n        </>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AA4BA,IAAa,IAAA,CAAe,EAC1B,gBAAA,IAAiB,IACjB,cAAA,GACA,MAAA,GACA,QAAA,IAAS,MACT,UAAA,GACA,cAAA,GACA,WAAA,IAAY,IACZ,UAAA,GACA,QAAA,GACA,SAAA,IAAU,IACV,WAAA,IAAY,IACZ,QAAA,IAAS,GAAA,MAGP,gBAAA,EAAC,GAAD;AAAA,EAAO,KAAK;AAAA,EAAI,IAAI,EAAE,QAAQ,OAAO;AAAA,YAArC,CACE,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAgB,QAAA;AAAA,IAAQ,OAAO,EAAK;AAAA,EAAa,CAAA,GACnE,IACC,gBAAA,EAAC,GAAD,EAAW,aAAa,EAAa,CAAA,IAErC,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACU,cAAA;AAAA,MACR,MAAA;AAAA,MACK,WAAA;AAAA,MACH,QAAA;AAAA,gBAEP,IAAY,gBAAA,EAAC,GAAD,EAA6B,gBAAA,EAAiB,CAAA,IAAI;AAAA,IACvC,CAAA;AAAA,IACzB,CAAC,KAAU;AAAA,IACX;AAAA,EACD,EAAA,CAAA,CAEC"}
+{"version":3,"file":"BeatCardMUI.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/BeatCardMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport type { Beat } from '../../../types/CommonBeat'\n\nimport { CardError } from './CardError'\nimport type { CardHeaderMUIProps } from './CardHeaderMUI'\nimport { CardHeaderMUI } from './CardHeaderMUI'\nimport { CardLoading } from './CardLoading'\nimport type { ContentAndDescriptionMUIProps } from './ContentAndDescriptionMUI'\nimport { ContentAndDescriptionMUI } from './ContentAndDescriptionMUI'\n\ninterface BeatCardMUIProps {\n  altLoadingText?: string\n  asteriskText?: string\n  beat: Beat\n  button?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: Omit<ContentAndDescriptionMUIProps, 'beat'>\n  errorText?: string\n  feedback?: React.ReactNode\n  header?: Omit<CardHeaderMUIProps, 'title'>\n  isError?: boolean\n  isLoading?: boolean\n  isMini?: boolean\n}\n\nexport const BeatCardMUI = ({\n  altLoadingText = '',\n  asteriskText,\n  beat,\n  button = null,\n  children,\n  contentProps,\n  errorText = '',\n  feedback,\n  header,\n  isError = false,\n  isLoading = false,\n  isMini = false,\n}: BeatCardMUIProps) => {\n  return (\n    <Stack gap={12} sx={{ height: '100%' }}>\n      <CardHeaderMUI {...header} isMini={isMini} title={beat.html_title} />\n      {isError ? (\n        <CardError erroredText={errorText!} />\n      ) : (\n        <>\n          <ContentAndDescriptionMUI\n            {...contentProps}\n            asteriskText={asteriskText}\n            beat={beat}\n            isLoading={isLoading}\n            isMini={isMini}\n          >\n            {isLoading ? <CardLoading altLoadingText={altLoadingText} /> : children}\n          </ContentAndDescriptionMUI>\n          {!isMini && button}\n          {feedback}\n        </>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AA4BA,IAAa,IAAA,CAAe,EAC1B,gBAAA,IAAiB,IACjB,cAAA,GACA,MAAA,GACA,QAAA,IAAS,MACT,UAAA,GACA,cAAA,GACA,WAAA,IAAY,IACZ,UAAA,GACA,QAAA,GACA,SAAA,IAAU,IACV,WAAA,IAAY,IACZ,QAAA,IAAS,GAAA,MAGP,gBAAA,EAAC,GAAD;AAAA,EAAO,KAAK;AAAA,EAAI,IAAI,EAAE,QAAQ,OAAO;AAAA,EAArC,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAe,GAAI;AAAA,IAAgB,QAAA;AAAA,IAAQ,OAAO,EAAK;AAAA,EAAa,CAAA,GACnE,IACC,gBAAA,EAAC,GAAD,EAAW,aAAa,EAAa,CAAA,IAErC,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACU,cAAA;AAAA,MACR,MAAA;AAAA,MACK,WAAA;AAAA,MACH,QAAA;AAAA,MAEP,UAAA,IAAY,gBAAA,EAAC,GAAD,EAA6B,gBAAA,EAAiB,CAAA,IAAI;AAAA,IACvC,CAAA;AAAA,IACzB,CAAC,KAAU;AAAA,IACX;AAAA,EACD,EAAA,CAAA,CAEC"}

package/dist/insights/components/shared/InsightsCard/CardButtonSection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardButtonSection.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardButtonSection.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\ninterface CardButtonSectionProps {\n  button: React.ReactNode\n  withFullWidthImage?: boolean\n}\n\nexport const CardButtonSection: React.FC<CardButtonSectionProps> = ({\n  button,\n  withFullWidthImage,\n}) => {\n  return (\n    <Stack\n      sx={{\n        justifyContent: 'flex-end',\n        flex: '1 0 auto',\n        mt: 8,\n        ...(withFullWidthImage && {\n          // TODO: Refactor out the usage of the withFullWidthImage prop being drilled down in multiple components\n          px: 16,\n          pb: 16,\n        }),\n      }}\n    >\n      {button}\n    </Stack>\n  )\n}\n"],"mappings":";;;AASA,IAAa,IAAA,CAAuD,EAClE,QAAA,GACA,oBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,GAAI,KAAsB;AAAA,MAExB,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,YAEC;AACI,CAAA"}
+{"version":3,"file":"CardButtonSection.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardButtonSection.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\ninterface CardButtonSectionProps {\n  button: React.ReactNode\n  withFullWidthImage?: boolean\n}\n\nexport const CardButtonSection: React.FC<CardButtonSectionProps> = ({\n  button,\n  withFullWidthImage,\n}) => {\n  return (\n    <Stack\n      sx={{\n        justifyContent: 'flex-end',\n        flex: '1 0 auto',\n        mt: 8,\n        ...(withFullWidthImage && {\n          // TODO: Refactor out the usage of the withFullWidthImage prop being drilled down in multiple components\n          px: 16,\n          pb: 16,\n        }),\n      }}\n    >\n      {button}\n    </Stack>\n  )\n}\n"],"mappings":";;;AASA,IAAa,IAAA,CAAuD,EAClE,QAAA,GACA,oBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,GAAI,KAAsB;AAAA,MAExB,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EAEC,UAAA;AACI,CAAA"}