@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

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

@@ -0,0 +1,50 @@
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import i from "@mui/material/Box";
+import n from "@mui/material/FormControlLabel";
+import d from "@mui/material/Radio";
+import x from "@mui/material/FormControl";
+import c from "@mui/material/RadioGroup";
+var B = ({ feedbackOptions: e, groupAriaLabel: a, selectedRadio: p, setSelectedRadio: l }) => /* @__PURE__ */ t(x, {
+  sx: {
+    p: 24,
+    width: "100%"
+  },
+  children: /* @__PURE__ */ t(c, {
+    "aria-label": a,
+    name: "radio-buttons-group",
+    children: e.map((m, o) => /* @__PURE__ */ t(i, {
+      sx: (r) => ({
+        p: "24px 0px 23px 0px",
+        borderBottom: `1px solid ${r.palette.divider}`
+      }),
+      children: /* @__PURE__ */ t(n, {
+        control: /* @__PURE__ */ t(d, {
+          checked: p === o,
+          name: `radio-${o}`,
+          onChange: (r) => l(Number(r.target.value)),
+          size: "small",
+          sx: (r) => ({
+            color: r.palette.secondary.light,
+            ml: "auto",
+            p: "0px",
+            "& input.PrivateSwitchBase-input": { opacity: 1 }
+          })
+        }),
+        label: m,
+        labelPlacement: "start",
+        sx: {
+          ml: 0,
+          p: "24px 0px 23px",
+          width: "100%"
+        },
+        value: o
+      }, o)
+    }, o))
+  })
+});
+export {
+  B as FeedbackOptions
+};
+
+//# sourceMappingURL=FeedbackOptions.es.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,45 @@
+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=FeedbackText.es.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,42 @@
+import { PulseProgressBar as a } from "./ProgressBar.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=GoalProgress.es.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,33 @@
+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=GradientBox.es.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,31 @@
+import { CardError as s } from "./CardError.es.js";
+import { CardHeader as x } from "./CardHeader.es.js";
+import { CardLoading as C } from "./CardLoading.es.js";
+import { ContentAndDescription as g } from "./ContentAndDescription.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=BeatCard.es.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,32 @@
+import { CardError as s } from "./CardError.es.js";
+import { CardLoading as x } from "./CardLoading.es.js";
+import { CardHeaderMUI as C } from "./CardHeaderMUI.es.js";
+import { ContentAndDescriptionMUI as g } from "./ContentAndDescriptionMUI.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=BeatCardMUI.es.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+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=CardButtonSection.es.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,30 @@
+import { ThemedSVGImage as o } from "../ThemedSVGImage.es.js";
+import { ReactComponent as t } from "./images/BeatErrorView.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=CardError.es.js.map

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

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

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

@@ -0,0 +1,24 @@
+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=CardFooter.es.js.map

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

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

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

@@ -0,0 +1,28 @@
+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=CardHeader.es.js.map

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

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

@@ -0,0 +1,30 @@
+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=CardHeaderMUI.es.js.map

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

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

@@ -0,0 +1,21 @@
+import o from "../../../images/Loading.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=CardLoading.es.js.map

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

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

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

@@ -0,0 +1,38 @@
+import { postClientConfiguredCta as o } from "../../../../common/utils/PostMessage.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=ClientConfigurableCta.es.js.map

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

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

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

@@ -0,0 +1,43 @@
+import { MiniDescription as f } from "./MiniDescription.es.js";
+import { Description as a } from "./Description.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=ContentAndDescription.es.js.map

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

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

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

@@ -0,0 +1,43 @@
+import { MiniDescriptionMUI as l } from "./MiniDescriptionMUI.es.js";
+import { DescriptionMUI as a } from "./DescriptionMUI.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=ContentAndDescriptionMUI.es.js.map

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

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