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

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

@@ -0,0 +1,31 @@
+import m from "./ClientConfigurableCta.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=Description.es.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,69 @@
+import t from "@mui/material/Stack";
+import { P as s, Text as d } from "@mxenabled/mxui";
+import a from "@mui/material/Button";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import x from "@mui/material/Card";
+var g = ({ title: i, description: n, callToAction: o, instanceSlot: p = void 0, onCtaClick: l = () => {
+} }) => /* @__PURE__ */ r(x, {
+  sx: {
+    pt: 8,
+    pr: 16,
+    pb: 12,
+    pl: 8,
+    borderRadius: "8px"
+  },
+  children: [/* @__PURE__ */ e(t, {
+    sx: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      pt: 4,
+      pl: 8
+    },
+    children: /* @__PURE__ */ e(d, {
+      bold: !0,
+      variant: "body1",
+      children: i
+    })
+  }), /* @__PURE__ */ r(t, {
+    sx: {
+      gap: 16,
+      alignItems: "center",
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ r(t, { children: [/* @__PURE__ */ e(t, {
+      sx: {
+        pt: 2,
+        pl: 8,
+        pb: 8
+      },
+      children: /* @__PURE__ */ e(s, {
+        sx: { fontWeight: 400 },
+        variant: "subtitle2",
+        children: n
+      })
+    }), /* @__PURE__ */ e(t, {
+      sx: { alignItems: "flex-start" },
+      children: /* @__PURE__ */ e(a, {
+        onClick: l,
+        sx: {
+          p: 0,
+          height: 24,
+          px: 8,
+          py: 8,
+          fontWeight: 600,
+          fontSize: 13,
+          lineHeight: "16px"
+        },
+        variant: "text",
+        children: o
+      })
+    })] }), p]
+  })]
+});
+export {
+  g as EmbeddedCard
+};
+
+//# sourceMappingURL=EmbeddedCard.es.js.map

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

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

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

@@ -0,0 +1,120 @@
+import { useState as m } from "react";
+import i from "@mui/material/Stack";
+import { Text as c } from "@mxenabled/mxui";
+import d from "@mui/material/Button";
+import { Icon as w } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useTheme as y } from "@mui/material/styles";
+import F from "@mui/material/IconButton";
+import M from "@mui/material/Card";
+import j from "@mui/material/TextField";
+import L from "@mui/material/FormControlLabel";
+import z from "@mui/material/Radio";
+import H from "@mui/material/FormControl";
+import W from "@mui/material/RadioGroup";
+var A = 250, a = 4, X = ({ closeAriaLabel: u, feedbackTitle: h, onClose: p, onBackClick: x, onSubmit: f, radioOptions: b, characterLimitText: g, backButtonTitle: C, submitButtonTitle: v }) => {
+  const I = y(), [t, R] = m(null), [l, s] = m(""), k = (o) => {
+    const n = parseInt(o.target.value, 10);
+    R(n), n !== a && s("");
+  }, S = (o) => {
+    s(o.target.value);
+  }, T = () => {
+    t !== null && f(t, t === a ? l : void 0);
+  };
+  return /* @__PURE__ */ r(M, {
+    sx: {
+      minWidth: 288,
+      width: { sm: I.breakpoints.values.xs },
+      borderRadius: "8px"
+    },
+    children: [
+      /* @__PURE__ */ r(i, {
+        sx: {
+          p: 24,
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between"
+        },
+        children: [/* @__PURE__ */ e(c, {
+          variant: "h3",
+          children: h
+        }), /* @__PURE__ */ e(F, {
+          "aria-label": u,
+          onClick: p,
+          sx: {
+            minHeight: "unset",
+            minWidth: "unset",
+            p: 0
+          },
+          children: /* @__PURE__ */ e(w, {
+            color: "secondary",
+            name: "close",
+            size: 24
+          })
+        })]
+      }),
+      /* @__PURE__ */ r(i, {
+        sx: { px: 24 },
+        children: [/* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(W, {
+          "aria-labelledby": "hide-insight-radio-buttons-group-label",
+          name: "radio-buttons-group",
+          onChange: k,
+          value: t,
+          children: b.map((o, n) => /* @__PURE__ */ e(L, {
+            control: /* @__PURE__ */ e(z, { sx: { "& .MuiSvgIcon-root": { fontSize: 22 } } }),
+            label: o,
+            sx: { "& .MuiFormControlLabel-label": {
+              fontSize: 15,
+              color: "text.primary"
+            } },
+            value: n
+          }, o))
+        }) }), t === a && /* @__PURE__ */ r(i, {
+          sx: {
+            mt: 4,
+            gap: 3
+          },
+          children: [/* @__PURE__ */ e(j, {
+            maxRows: 4,
+            minRows: 4,
+            multiline: !0,
+            onChange: S,
+            slotProps: { htmlInput: { maxLength: A } },
+            value: l
+          }), /* @__PURE__ */ e(c, {
+            sx: {
+              fontWeight: 400,
+              color: "text.secondary"
+            },
+            variant: "subtitle2",
+            children: g
+          })]
+        })]
+      }),
+      /* @__PURE__ */ r(i, {
+        sx: {
+          alignItems: "center",
+          flexDirection: "row",
+          p: 24,
+          gap: 8,
+          justifyContent: "flex-end"
+        },
+        children: [/* @__PURE__ */ e(d, {
+          onClick: x,
+          variant: "text",
+          children: C
+        }), /* @__PURE__ */ e(d, {
+          disabled: t === null || t === a && !l.trim(),
+          onClick: T,
+          variant: "contained",
+          children: v
+        })]
+      })
+    ]
+  });
+};
+export {
+  X as FeedbackCard
+};
+
+//# sourceMappingURL=FeedbackCard.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackCard.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/FeedbackCard.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport FormControl from '@mui/material/FormControl'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport IconButton from '@mui/material/IconButton'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport TextField from '@mui/material/TextField'\n\ninterface FeedbackCardProps {\n  closeAriaLabel: string\n  feedbackTitle: string\n  onClose: () => void\n  onBackClick: () => void\n  onSubmit: (selectedRadio: number, feedbackMessage?: string) => void\n  radioOptions: string[]\n  characterLimitText: string\n  backButtonTitle: string\n  submitButtonTitle: string\n}\n\nconst CHARACTER_LIMIT = 250\nconst OTHER = 4\n\nexport const FeedbackCard = ({\n  closeAriaLabel,\n  feedbackTitle,\n  onClose,\n  onBackClick,\n  onSubmit,\n  radioOptions,\n  characterLimitText,\n  backButtonTitle,\n  submitButtonTitle,\n}: FeedbackCardProps) => {\n  const theme = useTheme()\n  const [selectedValue, setSelectedValue] = useState<number | null>(null)\n  const [feedbackMessage, setFeedbackMessage] = useState('')\n\n  const handleRadioChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const index = parseInt(event.target.value, 10)\n    setSelectedValue(index)\n    if (index !== OTHER) {\n      setFeedbackMessage('')\n    }\n  }\n\n  const handleOtherTextChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFeedbackMessage(event.target.value)\n  }\n\n  const handleSubmit = () => {\n    if (selectedValue !== null) {\n      onSubmit(selectedValue, selectedValue === OTHER ? feedbackMessage : undefined)\n    }\n  }\n\n  return (\n    <Card sx={{ minWidth: 288, width: { sm: theme.breakpoints.values.xs }, borderRadius: '8px' }}>\n      <Stack\n        sx={{ p: 24, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }}\n      >\n        <Text variant=\"h3\">{feedbackTitle}</Text>\n        <IconButton\n          aria-label={closeAriaLabel}\n          onClick={onClose}\n          sx={{ minHeight: 'unset', minWidth: 'unset', p: 0 }}\n        >\n          <Icon color=\"secondary\" name=\"close\" size={24} />\n        </IconButton>\n      </Stack>\n\n      <Stack sx={{ px: 24 }}>\n        <FormControl>\n          <RadioGroup\n            aria-labelledby=\"hide-insight-radio-buttons-group-label\"\n            name=\"radio-buttons-group\"\n            onChange={handleRadioChange}\n            value={selectedValue}\n          >\n            {radioOptions.map((option, index) => (\n              <FormControlLabel\n                control={\n                  <Radio\n                    sx={{\n                      '& .MuiSvgIcon-root': {\n                        fontSize: 22,\n                      },\n                    }}\n                  />\n                }\n                key={option}\n                label={option}\n                sx={{\n                  '& .MuiFormControlLabel-label': {\n                    fontSize: 15,\n                    color: 'text.primary',\n                  },\n                }}\n                value={index}\n              />\n            ))}\n          </RadioGroup>\n        </FormControl>\n        {selectedValue === OTHER && (\n          <Stack sx={{ mt: 4, gap: 3 }}>\n            <TextField\n              maxRows={4}\n              minRows={4}\n              multiline={true}\n              onChange={handleOtherTextChange}\n              slotProps={{ htmlInput: { maxLength: CHARACTER_LIMIT } }}\n              value={feedbackMessage}\n            />\n\n            <Text sx={{ fontWeight: 400, color: 'text.secondary' }} variant=\"subtitle2\">\n              {characterLimitText}\n            </Text>\n          </Stack>\n        )}\n      </Stack>\n\n      <Stack\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          p: 24,\n          gap: 8,\n          justifyContent: 'flex-end',\n        }}\n      >\n        <Button onClick={onBackClick} variant=\"text\">\n          {backButtonTitle}\n        </Button>\n        <Button\n          disabled={selectedValue === null || (selectedValue === OTHER && !feedbackMessage.trim())}\n          onClick={handleSubmit}\n          variant=\"contained\"\n        >\n          {submitButtonTitle}\n        </Button>\n      </Stack>\n    </Card>\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import "react";
+import c from "@mui/material/Button";
+import { jsx as f } from "react/jsx-runtime";
+var g = ({ beat: o, disabled: n = !1, hide: r = !1, onClick: e, primary: t = !0, sx: i, variant: l = !t && "text", ...u }) => r ? null : /* @__PURE__ */ f(c, {
+  disabled: n,
+  fullWidth: !0,
+  id: t ? `primary-cta-${o.guid}` : `secondary-cta-${o.guid}`,
+  onClick: e,
+  sx: () => ({
+    color: t ? "primary.main" : "text.secondary",
+    fontSize: t ? 15 : 13,
+    fontWeight: t ? 600 : 700,
+    p: "0px 16px",
+    borderColor: "neutral.light",
+    ...i
+  }),
+  variant: n && t ? "contained" : l || "outlined",
+  ...u,
+  children: t ? o.call_to_action : o.supporting_action
+});
+export {
+  g as InsightButton
+};
+
+//# sourceMappingURL=InsightButton.es.js.map

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

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

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

@@ -0,0 +1,44 @@
+import { useLayoutEffect as d, useRef as h, useState as v } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import x from "@mui/material/Box";
+var y = ({ content: r, isLoading: p, sx: a }) => {
+  const [n, f] = v(0), i = h(null), s = () => {
+    if (i.current) {
+      const t = i.current, e = t.parentElement;
+      if (e) {
+        const u = Array.from(e.children).reduce((l, c) => c !== t ? l + c.clientHeight : l, 0), m = e.clientHeight - u - 24, b = parseInt(window.getComputedStyle(t).lineHeight, 10) + 4, o = Math.floor(m / b);
+        o !== n && f(o);
+      }
+    }
+  };
+  return d(() => {
+    s();
+    const t = new ResizeObserver(() => s()), e = i.current?.parentElement;
+    return e && t.observe(e), () => {
+      e && t.unobserve(e);
+    };
+  }, [r, p]), /* @__PURE__ */ g(x, {
+    dangerouslySetInnerHTML: { __html: r },
+    ref: i,
+    sx: {
+      display: "-webkit-box",
+      fontSize: 13,
+      lineHeight: "20px",
+      height: n * 20 + 20,
+      m: 0,
+      pb: 8,
+      pt: 16,
+      px: 8,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: n,
+      ...a
+    }
+  });
+};
+export {
+  y as MiniDescription
+};
+
+//# sourceMappingURL=MiniDescription.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MiniDescription.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/MiniDescription.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react'\n\nimport { SxProps } from '@mui/material'\nimport Box from '@mui/material/Box'\n\ninterface DescriptionProps {\n  content: string\n  isLoading: boolean\n  sx?: SxProps\n}\n\nexport const MiniDescription: React.FC<DescriptionProps> = ({ content, isLoading, sx }) => {\n  const [visibleLines, setVisibleLines] = useState<number>(0)\n  const descriptionRef = useRef<HTMLDivElement>(null)\n\n  const calculateVisibleLines = () => {\n    if (descriptionRef.current) {\n      const descriptionElement = descriptionRef.current\n      const parentElement = descriptionElement.parentElement\n\n      if (parentElement) {\n        const parentChildren = Array.from(parentElement.children) as HTMLElement[]\n\n        const nonDescriptionChildrenHeight = parentChildren.reduce((totalHeight, child) => {\n          if (child !== descriptionElement) {\n            return totalHeight + child.clientHeight\n          }\n          return totalHeight\n        }, 0)\n\n        const parentHeight = parentElement.clientHeight\n\n        const availableHeight = parentHeight - nonDescriptionChildrenHeight - 24 //-24 because the height of padding is not available height for text\n\n        const descriptionLineHeight =\n          parseInt(window.getComputedStyle(descriptionElement).lineHeight, 10) + 4 //add 4 pixels because of trailing characters like p\n\n        const calculatedVisibleLines = Math.floor(availableHeight / descriptionLineHeight)\n\n        if (calculatedVisibleLines !== visibleLines) {\n          setVisibleLines(calculatedVisibleLines)\n        }\n      }\n    }\n  }\n\n  useLayoutEffect(() => {\n    calculateVisibleLines()\n\n    const resizeObserver = new ResizeObserver(() => calculateVisibleLines())\n\n    const parentElement = descriptionRef.current?.parentElement\n    if (parentElement) resizeObserver.observe(parentElement)\n\n    return () => {\n      if (parentElement) resizeObserver.unobserve(parentElement)\n    }\n  }, [content, isLoading])\n\n  return (\n    <Box\n      dangerouslySetInnerHTML={{ __html: content }}\n      ref={descriptionRef}\n      sx={{\n        display: '-webkit-box',\n        fontSize: 13,\n        lineHeight: '20px',\n        height: visibleLines * 20 + 20, //we need to enforce the box's height so text doesnt peak out below the line clamped ellipsis line (lines * lineHeight + padding)\n        m: 0,\n        pb: 8, // pulse already has apadding of 8 so the 8px here and 8px in pulse will equal 16px.\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        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        WebkitBoxOrient: 'vertical',\n        WebkitLineClamp: visibleLines,\n        ...sx,\n      }}\n    />\n  )\n}\n"],"mappings":";;;AAWA,IAAa,IAAA,CAA+C,EAAE,SAAA,GAAS,WAAA,GAAW,IAAA,EAAA,MAAS;AACzF,QAAM,CAAC,GAAc,CAAA,IAAmB,EAAiB,CAAC,GACpD,IAAiB,EAAuB,IAAI,GAE5C,IAAA,MAA8B;AAClC,QAAI,EAAe,SAAS;AAC1B,YAAM,IAAqB,EAAe,SACpC,IAAgB,EAAmB;AAEzC,UAAI,GAAe;AAGjB,cAAM,IAFiB,MAAM,KAAK,EAAc,QAEX,EAAe,OAAA,CAAQ,GAAa,MACnE,MAAU,IACL,IAAc,EAAM,eAEtB,GACN,CAAC,GAIE,IAFe,EAAc,eAEI,IAA+B,IAEhE,IACJ,SAAS,OAAO,iBAAiB,CAAkB,EAAE,YAAY,EAAE,IAAI,GAEnE,IAAyB,KAAK,MAAM,IAAkB,CAAqB;AAEjF,QAAI,MAA2B,KAC7B,EAAgB,CAAsB;AAAA,MAE1C;AAAA,IACF;AAAA,EACF;AAEA,SAAA,EAAA,MAAsB;AACpB,IAAA,EAAsB;AAEtB,UAAM,IAAiB,IAAI,eAAA,MAAqB,EAAsB,CAAC,GAEjE,IAAgB,EAAe,SAAS;AAC9C,WAAI,KAAe,EAAe,QAAQ,CAAa,GAEvD,MAAa;AACX,MAAI,KAAe,EAAe,UAAU,CAAa;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,GAAS,CAAS,CAAC,GAGrB,gBAAA,EAAC,GAAD;AAAA,IACE,yBAAyB,EAAE,QAAQ,EAAQ;AAAA,IAC3C,KAAK;AAAA,IACL,IAAI;AAAA,MACF,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ,IAAe,KAAK;AAAA,MAC5B,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,GAAG;AAAA,IACL;AAAA,EACD,CAAA;AAEL"}

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

@@ -0,0 +1,42 @@
+import { useLayoutEffect as d, useRef as h, useState as v } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import x from "@mui/material/Box";
+var y = ({ content: r, isLoading: a, sx: p }) => {
+  const [n, f] = v(0), i = h(null), s = () => {
+    if (i.current) {
+      const t = i.current, e = t.parentElement;
+      if (e) {
+        const u = Array.from(e.children).reduce((l, c) => c !== t ? l + c.clientHeight : l, 0), m = e.clientHeight - u - 24, b = parseInt(window.getComputedStyle(t).lineHeight, 10) + 4, o = Math.floor(m / b);
+        o !== n && f(o);
+      }
+    }
+  };
+  return d(() => {
+    s();
+    const t = new ResizeObserver(() => s()), e = i.current?.parentElement;
+    return e && t.observe(e), () => {
+      e && t.unobserve(e);
+    };
+  }, [r, a]), /* @__PURE__ */ g(x, {
+    dangerouslySetInnerHTML: { __html: r },
+    ref: i,
+    sx: {
+      display: "-webkit-box",
+      fontSize: 13,
+      lineHeight: "20px",
+      height: n * 20 + 20,
+      m: 0,
+      px: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: n,
+      ...p
+    }
+  });
+};
+export {
+  y as MiniDescriptionMUI
+};
+
+//# sourceMappingURL=MiniDescriptionMUI.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MiniDescriptionMUI.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/MiniDescriptionMUI.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react'\n\nimport type { SxProps } from '@mui/material'\nimport Box from '@mui/material/Box'\n\ninterface MiniDescriptionMUIProps {\n  content: string\n  isLoading: boolean\n  sx?: SxProps\n}\n\nexport const MiniDescriptionMUI: React.FC<MiniDescriptionMUIProps> = ({\n  content,\n  isLoading,\n  sx,\n}) => {\n  const [visibleLines, setVisibleLines] = useState<number>(0)\n  const descriptionRef = useRef<HTMLDivElement>(null)\n\n  const calculateVisibleLines = () => {\n    if (descriptionRef.current) {\n      const descriptionElement = descriptionRef.current\n      const parentElement = descriptionElement.parentElement\n\n      if (parentElement) {\n        const parentChildren = Array.from(parentElement.children) as HTMLElement[]\n\n        const nonDescriptionChildrenHeight = parentChildren.reduce((totalHeight, child) => {\n          if (child !== descriptionElement) {\n            return totalHeight + child.clientHeight\n          }\n          return totalHeight\n        }, 0)\n\n        const parentHeight = parentElement.clientHeight\n\n        const availableHeight = parentHeight - nonDescriptionChildrenHeight - 24 //-24 because the height of padding is not available height for text\n\n        const descriptionLineHeight =\n          parseInt(window.getComputedStyle(descriptionElement).lineHeight, 10) + 4 //add 4 pixels because of trailing characters like p\n\n        const calculatedVisibleLines = Math.floor(availableHeight / descriptionLineHeight)\n\n        if (calculatedVisibleLines !== visibleLines) {\n          setVisibleLines(calculatedVisibleLines)\n        }\n      }\n    }\n  }\n\n  useLayoutEffect(() => {\n    calculateVisibleLines()\n\n    const resizeObserver = new ResizeObserver(() => calculateVisibleLines())\n\n    const parentElement = descriptionRef.current?.parentElement\n    if (parentElement) resizeObserver.observe(parentElement)\n\n    return () => {\n      if (parentElement) resizeObserver.unobserve(parentElement)\n    }\n  }, [content, isLoading])\n\n  return (\n    <Box\n      dangerouslySetInnerHTML={{ __html: content }}\n      ref={descriptionRef}\n      sx={{\n        display: '-webkit-box',\n        fontSize: 13,\n        lineHeight: '20px',\n        height: visibleLines * 20 + 20, //we need to enforce the box's height so text doesnt peak out below the line clamped ellipsis line (lines * lineHeight + padding)\n        m: 0,\n        px: 0,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        WebkitBoxOrient: 'vertical',\n        WebkitLineClamp: visibleLines,\n        ...sx,\n      }}\n    />\n  )\n}\n"],"mappings":";;;AAWA,IAAa,IAAA,CAAyD,EACpE,SAAA,GACA,WAAA,GACA,IAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAc,CAAA,IAAmB,EAAiB,CAAC,GACpD,IAAiB,EAAuB,IAAI,GAE5C,IAAA,MAA8B;AAClC,QAAI,EAAe,SAAS;AAC1B,YAAM,IAAqB,EAAe,SACpC,IAAgB,EAAmB;AAEzC,UAAI,GAAe;AAGjB,cAAM,IAFiB,MAAM,KAAK,EAAc,QAEX,EAAe,OAAA,CAAQ,GAAa,MACnE,MAAU,IACL,IAAc,EAAM,eAEtB,GACN,CAAC,GAIE,IAFe,EAAc,eAEI,IAA+B,IAEhE,IACJ,SAAS,OAAO,iBAAiB,CAAkB,EAAE,YAAY,EAAE,IAAI,GAEnE,IAAyB,KAAK,MAAM,IAAkB,CAAqB;AAEjF,QAAI,MAA2B,KAC7B,EAAgB,CAAsB;AAAA,MAE1C;AAAA,IACF;AAAA,EACF;AAEA,SAAA,EAAA,MAAsB;AACpB,IAAA,EAAsB;AAEtB,UAAM,IAAiB,IAAI,eAAA,MAAqB,EAAsB,CAAC,GAEjE,IAAgB,EAAe,SAAS;AAC9C,WAAI,KAAe,EAAe,QAAQ,CAAa,GAEvD,MAAa;AACX,MAAI,KAAe,EAAe,UAAU,CAAa;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,GAAS,CAAS,CAAC,GAGrB,gBAAA,EAAC,GAAD;AAAA,IACE,yBAAyB,EAAE,QAAQ,EAAQ;AAAA,IAC3C,KAAK;AAAA,IACL,IAAI;AAAA,MACF,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ,IAAe,KAAK;AAAA,MAC5B,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,GAAG;AAAA,IACL;AAAA,EACD,CAAA;AAEL"}