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

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

@@ -1,45 +0,0 @@
-import "react";
-import { P as x } from "@mxenabled/mxui";
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import u from "@mui/material/Box";
-import { styled as c } from "@mui/system";
-import f from "@mui/material/TextareaAutosize";
-var h = c(f)({
-  height: 93,
-  resize: "none"
-}), T = ({ error: o, feedbackAriaLabel: t, feedbackCharacterLimitText: e, feedbackDescriptionPlaceHolder: i, feedbackLabel: l, feedbackMessage: m, sendAnalytics: n, setFeedbackMessage: p, validateForm: s }) => /* @__PURE__ */ d(u, {
-  "aria-label": l,
-  sx: {
-    marginTop: 24,
-    px: 24
-  },
-  children: [/* @__PURE__ */ a(h, {
-    "aria-label": t,
-    "data-ui-test": "feedback-textarea",
-    maxRows: 4,
-    minRows: 4,
-    name: "Feedback",
-    onChange: (r) => {
-      p(r.target.value), s(r.target.value);
-    },
-    onClick: () => n(),
-    placeholder: i,
-    sx: {
-      p: 12,
-      width: "100%"
-    },
-    value: m
-  }), e && /* @__PURE__ */ a(x, {
-    sx: {
-      color: o ? "error.darker" : null,
-      fontSize: 12,
-      p: "0px !important"
-    },
-    children: e
-  })]
-});
-export {
-  T as BeatFeedbackText
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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"}

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

@@ -1,42 +0,0 @@
-import { PulseProgressBar as a } from "../ProgressBar/index.es.js";
-import "react";
-import c from "@mui/material/Stack";
-import { P as l } from "@mxenabled/mxui";
-import { Icon as n } from "@mxenabled/mx-icons";
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import g from "@mui/material/Box";
-var k = ({ backgroundOverride: o, goalPercentage: t, height: m = 8, percentageCompleteText: i, progressColorOverride: e }) => /* @__PURE__ */ s(g, {
-  className: "mx-insights-goal-progress",
-  "data-ui-test": "goal-progress",
-  sx: { mb: 16 },
-  children: [/* @__PURE__ */ s(c, {
-    sx: {
-      alignItems: "center",
-      flexDirection: "row",
-      mb: 8,
-      mt: 4
-    },
-    children: [/* @__PURE__ */ r(n, {
-      color: "success",
-      fill: !0,
-      name: "check_circle",
-      size: 16
-    }), /* @__PURE__ */ r(l, {
-      bold: !0,
-      className: "mx-insights-goal-progress",
-      "data-ui-test": "goal-percentage-complete",
-      sx: { fontSize: 13 },
-      children: i
-    })]
-  }), /* @__PURE__ */ r(a, {
-    backgroundColor: o || "background.highlight",
-    color: e || "primary.main",
-    height: m,
-    percent: t
-  })]
-});
-export {
-  k as PulseGoalProgress
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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"}

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

@@ -1,33 +0,0 @@
-import "react";
-import { P as o } from "@mxenabled/mxui";
-import { jsx as i, jsxs as e } from "react/jsx-runtime";
-import s from "@mui/material/Box";
-import x from "@mui/material/Card";
-var c = ({ children: a, gradientOverride: r, title: t }) => /* @__PURE__ */ e(s, {
-  className: "mx-insights-gradient-box",
-  "data-ui-test": "gradient-box",
-  sx: {
-    background: r || "linear-gradient(#2F73DA, #6BCDDB)",
-    p: 16
-  },
-  children: [t && /* @__PURE__ */ i(o, {
-    className: "mx-insights-gradient-box-title",
-    "data-ui-test": "gradient-box-title",
-    sx: {
-      color: "primary.lighter",
-      fontSize: 13,
-      lineHeight: "16px",
-      mb: 16
-    },
-    children: t
-  }), /* @__PURE__ */ i(x, {
-    className: "mx-insights-gradient-box-card",
-    sx: { p: "12px 16px" },
-    children: a
-  })]
-});
-export {
-  c as PulseGraidentBox
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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"}

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

@@ -1,31 +0,0 @@
-import { CardError as s } from "../CardError/index.es.js";
-import { CardHeader as x } from "../CardHeader/index.es.js";
-import { CardLoading as C } from "../CardLoading/index.es.js";
-import { ContentAndDescription as g } from "../ContentAndDescription/index.es.js";
-import "react";
-import j from "@mui/material/Stack";
-import { Fragment as u, jsx as r, jsxs as m } from "react/jsx-runtime";
-var R = ({ altLoadingText: a = "", asteriskText: l, beat: e, button: d = null, children: f, contentProps: p, errorText: i = "", feedback: n, header: c, isError: h = !1, isLoading: o = !1, isMini: t = !1 }) => /* @__PURE__ */ m(j, {
-  sx: { height: "100%" },
-  children: [/* @__PURE__ */ r(x, {
-    ...c,
-    isMini: t,
-    title: e.html_title
-  }), h ? /* @__PURE__ */ r(s, { erroredText: i }) : /* @__PURE__ */ m(u, { children: [
-    /* @__PURE__ */ r(g, {
-      ...p,
-      asteriskText: l,
-      beat: e,
-      isLoading: o,
-      isMini: t,
-      children: o ? /* @__PURE__ */ r(C, { altLoadingText: a }) : f
-    }),
-    !t && d,
-    n
-  ] })]
-});
-export {
-  R as BeatCard
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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"}

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

@@ -1,32 +0,0 @@
-import { CardError as s } from "../CardError/index.es.js";
-import { CardLoading as x } from "../CardLoading/index.es.js";
-import { CardHeaderMUI as C } from "../CardHeaderMUI/index.es.js";
-import { ContentAndDescriptionMUI as g } from "../ContentAndDescriptionMUI/index.es.js";
-import "react";
-import I from "@mui/material/Stack";
-import { Fragment as U, jsx as r, jsxs as m } from "react/jsx-runtime";
-var F = ({ altLoadingText: a = "", asteriskText: l, beat: e, button: d = null, children: f, contentProps: p, errorText: i = "", feedback: n, header: c, isError: h = !1, isLoading: o = !1, isMini: t = !1 }) => /* @__PURE__ */ m(I, {
-  gap: 12,
-  sx: { height: "100%" },
-  children: [/* @__PURE__ */ r(C, {
-    ...c,
-    isMini: t,
-    title: e.html_title
-  }), h ? /* @__PURE__ */ r(s, { erroredText: i }) : /* @__PURE__ */ m(U, { children: [
-    /* @__PURE__ */ r(g, {
-      ...p,
-      asteriskText: l,
-      beat: e,
-      isLoading: o,
-      isMini: t,
-      children: o ? /* @__PURE__ */ r(x, { altLoadingText: a }) : f
-    }),
-    !t && d,
-    n
-  ] })]
-});
-export {
-  F as BeatCardMUI
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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"}

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

@@ -1,20 +0,0 @@
-import "react";
-import o from "@mui/material/Stack";
-import { jsx as e } from "react/jsx-runtime";
-var p = ({ button: t, withFullWidthImage: r }) => /* @__PURE__ */ e(o, {
-  sx: {
-    justifyContent: "flex-end",
-    flex: "1 0 auto",
-    mt: 8,
-    ...r && {
-      px: 16,
-      pb: 16
-    }
-  },
-  children: t
-});
-export {
-  p as CardButtonSection
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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"}

package/dist/insights/components/shared/InsightsCard/CardError/index.es.js

@@ -1,30 +0,0 @@
-import { ThemedSVGImage as o } from "../../ThemedSVGImage/index.es.js";
-import { ReactComponent as t } from "../images/BeatErrorView.svg/index.es.js";
-import "react";
-import e from "@mui/material/Stack";
-import { P as a } from "@mxenabled/mxui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-var s = {
-  marginBottom: 16,
-  maxWidth: 120,
-  width: "100%"
-}, g = ({ erroredText: m }) => /* @__PURE__ */ i(e, {
-  sx: { alignItems: "center" },
-  children: [/* @__PURE__ */ r(o, {
-    divProps: { style: s },
-    image: t
-  }), /* @__PURE__ */ r(a, {
-    color: "secondary",
-    sx: {
-      mx: 8,
-      mb: 8
-    },
-    variant: "subtitle2",
-    children: m
-  })]
-});
-export {
-  g as CardError
-};
-
-//# sourceMappingURL=index.es.js.map

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

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

package/dist/insights/components/shared/InsightsCard/CardFooter/index.es.js

@@ -1,24 +0,0 @@
-import o from "@mui/material/Stack";
-import { Text as e } from "@mxenabled/mxui";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-var f = ({ accountName: r, actionButton: n, date: t }) => /* @__PURE__ */ a(o, {
-  sx: {
-    alignItems: "center",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    px: 16,
-    py: 8
-  },
-  children: [t && /* @__PURE__ */ i(e, {
-    variant: "tiny",
-    children: t
-  }), n ?? (r && /* @__PURE__ */ i(e, {
-    variant: "tiny",
-    children: r
-  }))]
-});
-export {
-  f as default
-};
-
-//# sourceMappingURL=index.es.js.map

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

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

package/dist/insights/components/shared/InsightsCard/CardHeader/index.es.js

@@ -1,28 +0,0 @@
-import "react";
-import { H3 as p } from "@mxenabled/mxui";
-import { jsx as e } from "react/jsx-runtime";
-import { CardHeader as s } from "@mui/material";
-var H = ({ menuActionElement: t = null, hasFullWidthImage: a = !1, isMini: r = !1, subHeader: m, sx: o = {}, title: l }) => /* @__PURE__ */ e(s, {
-  action: t,
-  subheader: m,
-  sx: {
-    alignItems: "flex-start",
-    p: 0,
-    mb: 16,
-    ...a && { ...r ? { mb: 16 } : {
-      px: 16,
-      pt: 16,
-      mb: 0
-    } },
-    ...o
-  },
-  title: /* @__PURE__ */ e(p, {
-    dangerouslySetInnerHTML: { __html: l },
-    sx: r ? { letterSpacing: 0.35 } : {}
-  })
-});
-export {
-  H as CardHeader
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/insights/components/shared/InsightsCard/CardHeader/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/InsightsCard/CardHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport { CardHeader as MuiCardHeader, SxProps, Theme } from '@mui/material'\n\nexport interface CardHeaderProps {\n  menuActionElement?: React.ReactNode\n  hasFullWidthImage?: boolean\n  isMini?: boolean\n  subHeader?: React.ReactNode\n  sx?: SxProps<Theme>\n  title: string\n}\n\nexport const CardHeader: React.FC<CardHeaderProps> = ({\n  menuActionElement = null,\n  hasFullWidthImage = false,\n  isMini = false,\n  subHeader,\n  sx = {},\n  title,\n}) => {\n  return (\n    <MuiCardHeader\n      action={menuActionElement}\n      subheader={subHeader}\n      sx={{\n        alignItems: 'flex-start',\n        p: 0,\n        mb: 16,\n        ...(hasFullWidthImage && { ...(isMini ? { mb: 16 } : { px: 16, pt: 16, mb: 0 }) }),\n        ...sx,\n      }}\n      title={\n        <H3\n          dangerouslySetInnerHTML={{ __html: title }}\n          sx={isMini ? { letterSpacing: 0.35 } : {}}\n        />\n      }\n    />\n  )\n}\n"],"mappings":";;;;AAeA,IAAa,IAAA,CAAyC,EACpD,mBAAA,IAAoB,MACpB,mBAAA,IAAoB,IACpB,QAAA,IAAS,IACT,WAAA,GACA,IAAA,IAAK,CAAC,GACN,OAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,GAAI,KAAqB,EAAE,GAAI,IAAS,EAAE,IAAI,GAAG,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,IAAI;AAAA,MAAI,IAAI;AAAA,IAAE,EAAG;AAAA,IAChF,GAAG;AAAA,EACL;AAAA,EACA,OACE,gBAAA,EAAC,GAAD;AAAA,IACE,yBAAyB,EAAE,QAAQ,EAAM;AAAA,IACzC,IAAI,IAAS,EAAE,eAAe,KAAK,IAAI,CAAC;AAAA,EACzC,CAAA;AAEJ,CAAA"}

package/dist/insights/components/shared/InsightsCard/CardHeaderMUI/index.es.js

@@ -1,30 +0,0 @@
-import "react";
-import { Text as p } from "@mxenabled/mxui";
-import { jsx as e } from "react/jsx-runtime";
-import n from "@mui/material/CardHeader";
-var g = ({ menuActionElement: a = null, hasFullWidthImage: m = !1, isMini: r = !1, subHeader: t, sx: o = {}, title: l }) => /* @__PURE__ */ e(n, {
-  action: a,
-  subheader: t,
-  sx: {
-    alignItems: "flex-start",
-    gap: 4,
-    p: 0,
-    ...!t && { height: 24 },
-    ...m && { ...r ? { mb: 16 } : {
-      px: 16,
-      pt: 16,
-      mb: 0
-    } },
-    ...o
-  },
-  title: /* @__PURE__ */ e(p, {
-    dangerouslySetInnerHTML: { __html: l },
-    sx: r ? { letterSpacing: 0.35 } : {},
-    variant: "h3"
-  })
-});
-export {
-  g as CardHeaderMUI
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/insights/components/shared/InsightsCard/CardHeaderMUI/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/InsightsCard/CardHeaderMUI.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport type { SxProps, Theme } from '@mui/material'\nimport MuiCardHeader from '@mui/material/CardHeader'\n\nexport interface CardHeaderMUIProps {\n  menuActionElement?: React.ReactNode\n  hasFullWidthImage?: boolean\n  isMini?: boolean\n  subHeader?: React.ReactNode\n  sx?: SxProps<Theme>\n  title: string\n}\n\nexport const CardHeaderMUI: React.FC<CardHeaderMUIProps> = ({\n  menuActionElement = null,\n  hasFullWidthImage = false,\n  isMini = false,\n  subHeader,\n  sx = {},\n  title,\n}) => {\n  return (\n    <MuiCardHeader\n      action={menuActionElement}\n      subheader={subHeader}\n      sx={{\n        alignItems: 'flex-start',\n        gap: 4,\n        p: 0,\n        ...(!subHeader && { height: 24 }),\n        ...(hasFullWidthImage && { ...(isMini ? { mb: 16 } : { px: 16, pt: 16, mb: 0 }) }),\n        ...sx,\n      }}\n      title={\n        <Text\n          dangerouslySetInnerHTML={{ __html: title }}\n          sx={isMini ? { letterSpacing: 0.35 } : {}}\n          variant=\"h3\"\n        />\n      }\n    />\n  )\n}\n"],"mappings":";;;;AAgBA,IAAa,IAAA,CAA+C,EAC1D,mBAAA,IAAoB,MACpB,mBAAA,IAAoB,IACpB,QAAA,IAAS,IACT,WAAA,GACA,IAAA,IAAK,CAAC,GACN,OAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAI,CAAC,KAAa,EAAE,QAAQ,GAAG;AAAA,IAC/B,GAAI,KAAqB,EAAE,GAAI,IAAS,EAAE,IAAI,GAAG,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,IAAI;AAAA,MAAI,IAAI;AAAA,IAAE,EAAG;AAAA,IAChF,GAAG;AAAA,EACL;AAAA,EACA,OACE,gBAAA,EAAC,GAAD;AAAA,IACE,yBAAyB,EAAE,QAAQ,EAAM;AAAA,IACzC,IAAI,IAAS,EAAE,eAAe,KAAK,IAAI,CAAC;AAAA,IACxC,SAAQ;AAAA,EACT,CAAA;AAEJ,CAAA"}

package/dist/insights/components/shared/InsightsCard/CardLoading/index.es.js

@@ -1,21 +0,0 @@
-import o from "../../../../images/Loading.gif/index.es.js";
-import "react";
-import i from "@mui/material/Stack";
-import { jsx as r } from "react/jsx-runtime";
-var g = ({ altLoadingText: t }) => /* @__PURE__ */ r(i, {
-  sx: { alignItems: "center" },
-  children: /* @__PURE__ */ r("img", {
-    alt: t,
-    src: o,
-    style: {
-      marginBottom: 25,
-      height: 64,
-      width: 64
-    }
-  })
-});
-export {
-  g as CardLoading
-};
-
-//# sourceMappingURL=index.es.js.map

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

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

package/dist/insights/components/shared/InsightsCard/ClientConfigurableCta/index.es.js

@@ -1,38 +0,0 @@
-import { postClientConfiguredCta as o } from "../../../../../common/utils/PostMessage/index.es.js";
-import { Text as e } from "@mxenabled/mxui";
-import { ChevronRight as n } from "@mxenabled/mx-icons";
-import { Fragment as m, jsx as r } from "react/jsx-runtime";
-import { Button as a, Stack as p } from "@mui/material";
-import { useTheme as l } from "@mui/system";
-var _ = ({ beat: t }) => {
-  const i = l();
-  return !t.in_description_cta && !t.html_in_description_cta ? /* @__PURE__ */ r(m, {}) : /* @__PURE__ */ r(p, {
-    sx: {
-      alignItems: "start",
-      justifyContent: "center",
-      minHeight: 28,
-      mt: 6
-    },
-    children: /* @__PURE__ */ r(a, {
-      endIcon: /* @__PURE__ */ r(n, {}),
-      onClick: () => o(t.template),
-      size: "small",
-      sx: {
-        "&.MuiButtonBase-root": { p: 4 },
-        "&.MuiButton-root": { color: `${i.palette.primary.main} !important` },
-        "&.MuiButton-root:hover": { color: `${i.palette.primary.main} !important` }
-      },
-      variant: "text",
-      children: /* @__PURE__ */ r(e, {
-        bold: !0,
-        variant: "body2",
-        children: t.in_description_cta || t.html_in_description_cta
-      })
-    })
-  });
-};
-export {
-  _ as default
-};
-
-//# sourceMappingURL=index.es.js.map

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

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

package/dist/insights/components/shared/InsightsCard/ContentAndDescription/index.es.js

@@ -1,43 +0,0 @@
-import { MiniDescription as f } from "../MiniDescription/index.es.js";
-import { Description as a } from "../Description/index.es.js";
-import "react";
-import x from "@mui/material/Stack";
-import { Text as d } from "@mxenabled/mxui";
-import { Fragment as D, jsx as r, jsxs as g } from "react/jsx-runtime";
-var b = ({ asteriskText: o, beat: t, children: c, descriptionPlacement: n = "bottom", hideDescription: s = !1, isLoading: l = !1, isMini: i = !1, hasFullWidthImage: e, sx: m }) => {
-  const p = () => s || !t.html_description ? null : i ? /* @__PURE__ */ r(f, {
-    content: t.html_description,
-    isLoading: l,
-    sx: m
-  }) : /* @__PURE__ */ r(a, {
-    beat: t,
-    hasFullWidthImage: e,
-    sx: m
-  });
-  return /* @__PURE__ */ g(D, { children: [
-    n === "top" && p(),
-    /* @__PURE__ */ r(x, {
-      sx: {
-        alignItems: "center",
-        ...e && i && { mx: -16 }
-      },
-      children: c
-    }),
-    n === "bottom" && p(),
-    o && /* @__PURE__ */ r(d, {
-      sx: {
-        color: "text.secondary",
-        display: "block",
-        pr: 8,
-        textAlign: "right"
-      },
-      variant: "caption",
-      children: o
-    })
-  ] });
-};
-export {
-  b as ContentAndDescription
-};
-
-//# sourceMappingURL=index.es.js.map

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

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

package/dist/insights/components/shared/InsightsCard/ContentAndDescriptionMUI/index.es.js

@@ -1,43 +0,0 @@
-import { MiniDescriptionMUI as l } from "../MiniDescriptionMUI/index.es.js";
-import { DescriptionMUI as a } from "../DescriptionMUI/index.es.js";
-import "react";
-import x from "@mui/material/Stack";
-import { Text as d } from "@mxenabled/mxui";
-import { Fragment as D, jsx as r, jsxs as g } from "react/jsx-runtime";
-var y = ({ asteriskText: o, beat: t, children: n, descriptionPlacement: i = "bottom", hideDescription: s = !1, isLoading: f = !1, isMini: e = !1, hasFullWidthImage: m, sx: p }) => {
-  const c = () => s || !t.html_description ? null : e ? /* @__PURE__ */ r(l, {
-    content: t.html_description,
-    isLoading: f,
-    sx: p
-  }) : /* @__PURE__ */ r(a, {
-    beat: t,
-    hasFullWidthImage: m,
-    sx: p
-  });
-  return /* @__PURE__ */ g(D, { children: [
-    i === "top" && c(),
-    n && /* @__PURE__ */ r(x, {
-      sx: {
-        alignItems: "center",
-        ...m && e && { mx: -16 }
-      },
-      children: n
-    }),
-    i === "bottom" && c(),
-    o && /* @__PURE__ */ r(d, {
-      sx: {
-        color: "text.secondary",
-        display: "block",
-        pr: 8,
-        textAlign: "right"
-      },
-      variant: "caption",
-      children: o
-    })
-  ] });
-};
-export {
-  y as ContentAndDescriptionMUI
-};
-
-//# sourceMappingURL=index.es.js.map

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

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

package/dist/insights/components/shared/InsightsCard/Description/index.es.js

@@ -1,31 +0,0 @@
-import m from "../ClientConfigurableCta/index.es.js";
-import "react";
-import { P as n } from "@mxenabled/mxui";
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import s from "@mui/material/CardContent";
-var C = ({ beat: r, hasFullWidthImage: o, sx: i }) => {
-  const { html_description: p } = r;
-  return /* @__PURE__ */ e(s, {
-    sx: {
-      p: 0,
-      "&:last-child": { pb: 0 },
-      pb: 24,
-      ...i
-    },
-    children: [/* @__PURE__ */ t(n, {
-      dangerouslySetInnerHTML: { __html: p },
-      sx: {
-        m: 0,
-        pt: 16,
-        px: 8,
-        ...o && { px: 16 }
-      },
-      variant: "subtitle2"
-    }), /* @__PURE__ */ t(m, { beat: r })]
-  });
-};
-export {
-  C as Description
-};
-
-//# sourceMappingURL=index.es.js.map

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

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