@mx-cartographer/experiences 9.2.4-alpha.al2 → 9.3.0-alpha.bb1

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

@@ -0,0 +1,264 @@
+import { buildDynamicCopy as v } from "../../../../../core/utils/Localization/index.es.js";
+import O from "../../../../../common/components/drawer/Drawer/index.es.js";
+import { formatCurrency as o } from "../../../../../core/utils/NumberFormatting/index.es.js";
+import V from "../../SaveEnoughToLiveOnBottomSection/index.es.js";
+import { BalanceStepper as N } from "../BalanceStepper/index.es.js";
+import S from "react";
+import { Text as e } from "@mxenabled/mxui";
+import { Icon as w } from "@mxenabled/mx-icons";
+import { Fragment as L, jsx as t, jsxs as r } from "react/jsx-runtime";
+import { Card as I, Divider as C, List as y, ListItem as H, Stack as n } from "@mui/material";
+var l = {
+  SAVE_ENOUGH_TO_LIVE_ON: "SaveEnoughToLiveOn",
+  SAVE_AN_EXTRA_100: "SaveAnExtra100"
+}, R = [
+  {
+    label: "1 month",
+    value: 1
+  },
+  {
+    label: "3 months",
+    value: 3
+  },
+  {
+    label: "6 months",
+    value: 6
+  },
+  {
+    label: "9 months",
+    value: 9
+  }
+], D = [
+  {
+    label: "3 months",
+    value: 3
+  },
+  {
+    label: "6 months",
+    value: 6
+  },
+  {
+    label: "9 months",
+    value: 9
+  }
+], q = ({ title: u, open: p, onClose: A, variant: a = l.SAVE_ENOUGH_TO_LIVE_ON, svgDateContent: x, date: f, copy: i, availableBalances: s, averageMonthlySpend: c }) => {
+  const [h, _] = S.useState(a === l.SAVE_AN_EXTRA_100 ? 100 : c ?? 0), E = a === l.SAVE_AN_EXTRA_100 ? D : R, m = a === l.SAVE_AN_EXTRA_100 ? 5 : 50;
+  return /* @__PURE__ */ r(O, {
+    isOpen: p,
+    onClose: A,
+    title: u,
+    children: [
+      /* @__PURE__ */ r(n, {
+        sx: {
+          bgcolor: "background.paper",
+          p: 24,
+          borderBottom: "1px solid",
+          borderColor: "divider"
+        },
+        children: [a === l.SAVE_ENOUGH_TO_LIVE_ON && s && c && x && /* @__PURE__ */ t(V, {
+          content: x || "",
+          leftLabel: i.available_balances_text,
+          leftValue: o(s, "0,0.00"),
+          rightLabel: i.average_monthly_spend_text,
+          rightValue: o(c, "0,0.00"),
+          sx: {
+            width: "100%",
+            mb: 24
+          }
+        }), /* @__PURE__ */ r(n, {
+          sx: { gap: 8 },
+          children: [/* @__PURE__ */ t(e, {
+            variant: "h3",
+            children: i.header_content
+          }), /* @__PURE__ */ t(e, {
+            sx: { lineHeight: "24px" },
+            truncate: !1,
+            variant: "body1",
+            children: i.description
+          })]
+        })]
+      }),
+      a === l.SAVE_AN_EXTRA_100 && s && c && /* @__PURE__ */ t(n, {
+        sx: {
+          pt: 24,
+          px: 24
+        },
+        children: /* @__PURE__ */ r(I, {
+          sx: {
+            px: 16,
+            pt: 16,
+            pb: 12
+          },
+          children: [/* @__PURE__ */ r(n, {
+            sx: {
+              border: 1,
+              borderColor: "divider",
+              borderRadius: "4px",
+              gap: 12,
+              flexDirection: "row",
+              justifyContent: "space-between",
+              alignItems: "center",
+              p: 8,
+              mb: 12
+            },
+            children: [
+              /* @__PURE__ */ r(n, {
+                sx: {
+                  width: 155,
+                  textAlign: "center"
+                },
+                children: [/* @__PURE__ */ t(e, {
+                  sx: { fontWeight: 600 },
+                  variant: "body1",
+                  children: o(s, "0,0.00")
+                }), /* @__PURE__ */ t(e, {
+                  sx: { color: "text.secondary" },
+                  variant: "caption",
+                  children: i.available_text
+                })]
+              }),
+              /* @__PURE__ */ t(w, {
+                name: "remove",
+                size: 20
+              }),
+              /* @__PURE__ */ r(n, {
+                sx: {
+                  width: 155,
+                  textAlign: "center"
+                },
+                children: [/* @__PURE__ */ t(e, {
+                  sx: { fontWeight: 600 },
+                  variant: "body1",
+                  children: o(c, "0,0.00")
+                }), /* @__PURE__ */ t(e, {
+                  sx: { color: "text.secondary" },
+                  variant: "caption",
+                  children: i.expenses_text
+                })]
+              })
+            ]
+          }), /* @__PURE__ */ r(n, {
+            sx: {
+              textAlign: "center",
+              flexDirection: "row",
+              justifyContent: "center",
+              alignItems: "center",
+              gap: 4
+            },
+            children: [/* @__PURE__ */ r(e, {
+              sx: { color: "text.secondary" },
+              variant: "body2",
+              children: [i.total_remaining_text, ":"]
+            }), /* @__PURE__ */ t(e, {
+              sx: { fontWeight: 600 },
+              variant: "body2",
+              children: o(s - c, "0,0.00")
+            })]
+          })]
+        })
+      }),
+      /* @__PURE__ */ r(n, {
+        sx: {
+          p: 24,
+          gap: 8
+        },
+        children: [/* @__PURE__ */ t(e, {
+          sx: { fontWeight: 600 },
+          truncate: !1,
+          variant: "body1",
+          children: i.body_content
+        }), /* @__PURE__ */ t(N, {
+          amount: o(h, "0,0.00"),
+          copy: i,
+          onDecrement: () => _((d) => d <= 0 ? 0 : d - m),
+          onIncrement: () => _((d) => d + m)
+        })]
+      }),
+      /* @__PURE__ */ r(n, {
+        sx: { gap: 8 },
+        children: [
+          /* @__PURE__ */ t(e, {
+            sx: {
+              fontWeight: 600,
+              mx: 24
+            },
+            truncate: !1,
+            variant: "body1",
+            children: i.body_description
+          }),
+          /* @__PURE__ */ t(y, {
+            sx: {
+              bgcolor: "background.paper",
+              width: "100%"
+            },
+            children: E.map(({ label: d, value: b }, g) => {
+              const T = a === l.SAVE_AN_EXTRA_100 ? 2 : 3;
+              return /* @__PURE__ */ r(L, { children: [/* @__PURE__ */ t(H, {
+                disableGutters: !0,
+                disablePadding: !0,
+                sx: {
+                  minHeight: 52,
+                  bgcolor: "background.paper"
+                },
+                children: /* @__PURE__ */ t(n, {
+                  sx: { width: "100%" },
+                  children: /* @__PURE__ */ r(n, {
+                    sx: {
+                      flexDirection: "row",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      width: "100%",
+                      px: 24,
+                      py: 8
+                    },
+                    children: [/* @__PURE__ */ t(e, {
+                      truncate: !1,
+                      variant: "body1",
+                      children: d
+                    }), /* @__PURE__ */ t(e, {
+                      sx: { fontWeight: 600 },
+                      truncate: !1,
+                      variant: "body1",
+                      children: o(b * h, "0,0")
+                    })]
+                  })
+                })
+              }, b), /* @__PURE__ */ t(C, {
+                component: "li",
+                sx: { ml: g === T ? 0 : 24 }
+              })] });
+            })
+          }),
+          a === l.SAVE_ENOUGH_TO_LIVE_ON && s && /* @__PURE__ */ r(n, {
+            sx: {
+              pt: 6,
+              pb: 14,
+              px: 24,
+              textAlign: "right",
+              gap: 4
+            },
+            children: [/* @__PURE__ */ t(e, {
+              truncate: !1,
+              variant: "h3",
+              children: o(s, "0,0.00")
+            }), /* @__PURE__ */ t(e, {
+              sx: {
+                color: "text.secondary",
+                fontWeight: 400
+              },
+              truncate: !1,
+              variant: "subtitle2",
+              children: v(i.your_available_balances_text, f)
+            })]
+          })
+        ]
+      })
+    ]
+  });
+};
+export {
+  q as DrillDownCalculation,
+  l as variants
+};
+
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/shared/DrillDownCalculation/DrillDownCalculation.tsx"],"sourcesContent":["import { Card, Divider, List, ListItem, Stack } from '@mui/material'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Drawer } from '../../../../common'\nimport { Text } from '@mxenabled/mxui'\nimport { BalanceStepper } from './BalanceStepper'\nimport SaveEnoughToLiveOnBottomSection from '../SaveEnoughToLiveOnBottomSection'\nimport React from 'react'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../../core/utils/Localization'\n\nexport const variants = {\n  SAVE_ENOUGH_TO_LIVE_ON: 'SaveEnoughToLiveOn',\n  SAVE_AN_EXTRA_100: 'SaveAnExtra100',\n}\n\nconst MONTHS_TABLE_SAVE_ENOUGH = [\n  { label: '1 month', value: 1 },\n  { label: '3 months', value: 3 },\n  { label: '6 months', value: 6 },\n  { label: '9 months', value: 9 },\n] as const\n\nconst MONTHS_TABLE_SAVE_EXTRA = [\n  { label: '3 months', value: 3 },\n  { label: '6 months', value: 6 },\n  { label: '9 months', value: 9 },\n] as const\n\ninterface CopyContent {\n  header_content?: string\n  description?: string\n  body_content?: string\n  body_description?: string\n  available_text?: string\n  total_remaining_text?: string\n  increment_arial_label?: string\n  decrement_arial_label?: string\n  expenses_text?: string\n  available_balances_text?: string\n  average_monthly_spend_text?: string\n  your_available_balances_text?: string\n}\n\ninterface DrillDownCalculationProps {\n  title: string\n  open: boolean\n  onClose: () => void\n  date?: string\n  variant: (typeof variants)[keyof typeof variants]\n  svgDateContent?: string\n  availableBalances?: number\n  copy: CopyContent\n  averageMonthlySpend?: number\n}\n\nexport const DrillDownCalculation = ({\n  title,\n  open,\n  onClose,\n  variant = variants.SAVE_ENOUGH_TO_LIVE_ON,\n  svgDateContent,\n  date,\n  copy,\n  availableBalances,\n  averageMonthlySpend,\n}: DrillDownCalculationProps) => {\n  const [amountToCalculate, setAmountToCalculate] = React.useState(\n    variant === variants.SAVE_AN_EXTRA_100 ? 100 : (averageMonthlySpend ?? 0),\n  )\n\n  const monthsTable =\n    variant === variants.SAVE_AN_EXTRA_100 ? MONTHS_TABLE_SAVE_EXTRA : MONTHS_TABLE_SAVE_ENOUGH\n\n  const deltaAmount = variant === variants.SAVE_AN_EXTRA_100 ? 5 : 50\n\n  return (\n    <Drawer isOpen={open} onClose={onClose} title={title}>\n      <Stack\n        sx={{\n          bgcolor: 'background.paper',\n          p: 24,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        }}\n      >\n        {variant === variants.SAVE_ENOUGH_TO_LIVE_ON &&\n          availableBalances &&\n          averageMonthlySpend &&\n          svgDateContent && (\n            <SaveEnoughToLiveOnBottomSection\n              content={svgDateContent || ''}\n              leftLabel={copy.available_balances_text!}\n              leftValue={formatCurrency(availableBalances, '0,0.00')}\n              rightLabel={copy.average_monthly_spend_text!}\n              rightValue={formatCurrency(averageMonthlySpend, '0,0.00')}\n              sx={{ width: '100%', mb: 24 }}\n            />\n          )}\n        <Stack\n          sx={{\n            gap: 8,\n          }}\n        >\n          <Text variant=\"h3\">{copy.header_content}</Text>\n          <Text sx={{ lineHeight: '24px' }} truncate={false} variant=\"body1\">\n            {copy.description}\n          </Text>\n        </Stack>\n      </Stack>\n      {variant === variants.SAVE_AN_EXTRA_100 && availableBalances && averageMonthlySpend && (\n        <Stack sx={{ pt: 24, px: 24 }}>\n          <Card sx={{ px: 16, pt: 16, pb: 12 }}>\n            <Stack\n              sx={{\n                border: 1,\n                borderColor: 'divider',\n                borderRadius: '4px',\n                gap: 12,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                alignItems: 'center',\n                p: 8,\n                mb: 12,\n              }}\n            >\n              <Stack sx={{ width: 155, textAlign: 'center' }}>\n                <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n                  {formatCurrency(availableBalances, '0,0.00')}\n                </Text>\n                <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                  {copy.available_text}\n                </Text>\n              </Stack>\n              <Icon name=\"remove\" size={20} />\n              <Stack sx={{ width: 155, textAlign: 'center' }}>\n                <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n                  {formatCurrency(averageMonthlySpend, '0,0.00')}\n                </Text>\n                <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                  {copy.expenses_text}\n                </Text>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                textAlign: 'center',\n                flexDirection: 'row',\n                justifyContent: 'center',\n                alignItems: 'center',\n                gap: 4,\n              }}\n            >\n              <Text sx={{ color: 'text.secondary' }} variant=\"body2\">\n                {copy.total_remaining_text}:\n              </Text>\n              <Text sx={{ fontWeight: 600 }} variant=\"body2\">\n                {formatCurrency(availableBalances - averageMonthlySpend, '0,0.00')}\n              </Text>\n            </Stack>\n          </Card>\n        </Stack>\n      )}\n\n      <Stack sx={{ p: 24, gap: 8 }}>\n        <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n          {copy.body_content}\n        </Text>\n        <BalanceStepper\n          amount={formatCurrency(amountToCalculate, '0,0.00')}\n          copy={copy}\n          onDecrement={() => setAmountToCalculate((prev) => (prev <= 0 ? 0 : prev - deltaAmount))}\n          onIncrement={() => setAmountToCalculate((prev) => prev + deltaAmount)}\n        />\n      </Stack>\n      <Stack sx={{ gap: 8 }}>\n        <Text sx={{ fontWeight: 600, mx: 24 }} truncate={false} variant=\"body1\">\n          {copy.body_description}\n        </Text>\n        <List sx={{ bgcolor: 'background.paper', width: '100%' }}>\n          {monthsTable.map(({ label, value }, index) => {\n            const isLastIndex = variant === variants.SAVE_AN_EXTRA_100 ? 2 : 3\n            return (\n              <>\n                <ListItem\n                  disableGutters={true}\n                  disablePadding={true}\n                  key={value}\n                  sx={{\n                    minHeight: 52,\n                    bgcolor: 'background.paper',\n                  }}\n                >\n                  <Stack sx={{ width: '100%' }}>\n                    <Stack\n                      sx={{\n                        flexDirection: 'row',\n                        justifyContent: 'space-between',\n                        alignItems: 'center',\n                        width: '100%',\n                        px: 24,\n                        py: 8,\n                      }}\n                    >\n                      <Text truncate={false} variant=\"body1\">\n                        {label}\n                      </Text>\n                      <Text sx={{ fontWeight: 600 }} truncate={false} variant=\"body1\">\n                        {formatCurrency(value * amountToCalculate, '0,0')}\n                      </Text>\n                    </Stack>\n                  </Stack>\n                </ListItem>\n                <Divider component=\"li\" sx={{ ml: index === isLastIndex ? 0 : 24 }} />\n              </>\n            )\n          })}\n        </List>\n        {variant === variants.SAVE_ENOUGH_TO_LIVE_ON && availableBalances && (\n          <Stack sx={{ pt: 6, pb: 14, px: 24, textAlign: 'right', gap: 4 }}>\n            <Text truncate={false} variant=\"h3\">\n              {formatCurrency(availableBalances, '0,0.00')}\n            </Text>\n            <Text\n              sx={{ color: 'text.secondary', fontWeight: 400 }}\n              truncate={false}\n              variant=\"subtitle2\"\n            >\n              {buildDynamicCopy(copy.your_available_balances_text!, date) as string}\n            </Text>\n          </Stack>\n        )}\n      </Stack>\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,IAAa,IAAW;AAAA,EACtB,wBAAwB;AAAA,EACxB,mBAAmB;AACrB,GAEM,IAA2B;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAW,OAAO;AAAA,EAAE;AAAA,EAC7B;AAAA,IAAE,OAAO;AAAA,IAAY,OAAO;AAAA,EAAE;AAAA,EAC9B;AAAA,IAAE,OAAO;AAAA,IAAY,OAAO;AAAA,EAAE;AAAA,EAC9B;AAAA,IAAE,OAAO;AAAA,IAAY,OAAO;AAAA,EAAE;AAChC,GAEM,IAA0B;AAAA,EAC9B;AAAA,IAAE,OAAO;AAAA,IAAY,OAAO;AAAA,EAAE;AAAA,EAC9B;AAAA,IAAE,OAAO;AAAA,IAAY,OAAO;AAAA,EAAE;AAAA,EAC9B;AAAA,IAAE,OAAO;AAAA,IAAY,OAAO;AAAA,EAAE;AAChC,GA6Ba,IAAA,CAAwB,EACnC,OAAA,GACA,MAAA,GACA,SAAA,GACA,SAAA,IAAU,EAAS,wBACnB,gBAAA,GACA,MAAA,GACA,MAAA,GACA,mBAAA,GACA,qBAAA,EAAA,MAC+B;AAC/B,QAAM,CAAC,GAAmB,CAAA,IAAwB,EAAM,SACtD,MAAY,EAAS,oBAAoB,MAAO,KAAuB,CACzE,GAEM,IACJ,MAAY,EAAS,oBAAoB,IAA0B,GAE/D,IAAc,MAAY,EAAS,oBAAoB,IAAI;AAEjE,SACE,gBAAA,EAAC,GAAD;AAAA,IAAQ,QAAQ;AAAA,IAAe,SAAA;AAAA,IAAgB,OAAA;AAAA,cAA/C;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,SAAS;AAAA,UACT,GAAG;AAAA,UACH,cAAc;AAAA,UACd,aAAa;AAAA,QACf;AAAA,kBANF,CAQG,MAAY,EAAS,0BACpB,KACA,KACA,KACE,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS,KAAkB;AAAA,UAC3B,WAAW,EAAK;AAAA,UAChB,WAAW,EAAe,GAAmB,QAAQ;AAAA,UACrD,YAAY,EAAK;AAAA,UACjB,YAAY,EAAe,GAAqB,QAAQ;AAAA,UACxD,IAAI;AAAA,YAAE,OAAO;AAAA,YAAQ,IAAI;AAAA,UAAG;AAAA,QAC7B,CAAA,GAEL,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI,EACF,KAAK,EACP;AAAA,oBAHF,CAKE,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,sBAAM,EAAK;AAAA,UAAqB,CAAA,GAC9C,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI,EAAE,YAAY,OAAO;AAAA,YAAG,UAAU;AAAA,YAAO,SAAQ;AAAA,sBACxD,EAAK;AAAA,UACF,CAAA,CACD;AAAA,UACF;AAAA;MACN,MAAY,EAAS,qBAAqB,KAAqB,KAC9D,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,kBAC1B,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI;AAAA,YAAE,IAAI;AAAA,YAAI,IAAI;AAAA,YAAI,IAAI;AAAA,UAAG;AAAA,oBAAnC,CACE,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cACF,QAAQ;AAAA,cACR,aAAa;AAAA,cACb,cAAc;AAAA,cACd,KAAK;AAAA,cACL,eAAe;AAAA,cACf,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,GAAG;AAAA,cACH,IAAI;AAAA,YACN;AAAA,sBAXF;AAAA,cAaE,gBAAA,EAAC,GAAD;AAAA,gBAAO,IAAI;AAAA,kBAAE,OAAO;AAAA,kBAAK,WAAW;AAAA,gBAAS;AAAA,0BAA7C,CACE,gBAAA,EAAC,GAAD;AAAA,kBAAM,IAAI,EAAE,YAAY,IAAI;AAAA,kBAAG,SAAQ;AAAA,4BACpC,EAAe,GAAmB,QAAQ;AAAA,gBACvC,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,kBAAM,IAAI,EAAE,OAAO,iBAAiB;AAAA,kBAAG,SAAQ;AAAA,4BAC5C,EAAK;AAAA,gBACF,CAAA,CACD;AAAA;cACP,gBAAA,EAAC,GAAD;AAAA,gBAAM,MAAK;AAAA,gBAAS,MAAM;AAAA,cAAK,CAAA;AAAA,cAC/B,gBAAA,EAAC,GAAD;AAAA,gBAAO,IAAI;AAAA,kBAAE,OAAO;AAAA,kBAAK,WAAW;AAAA,gBAAS;AAAA,0BAA7C,CACE,gBAAA,EAAC,GAAD;AAAA,kBAAM,IAAI,EAAE,YAAY,IAAI;AAAA,kBAAG,SAAQ;AAAA,4BACpC,EAAe,GAAqB,QAAQ;AAAA,gBACzC,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,kBAAM,IAAI,EAAE,OAAO,iBAAiB;AAAA,kBAAG,SAAQ;AAAA,4BAC5C,EAAK;AAAA,gBACF,CAAA,CACD;AAAA;YACF;AAAA,cACP,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cACF,WAAW;AAAA,cACX,eAAe;AAAA,cACf,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,KAAK;AAAA,YACP;AAAA,sBAPF,CASE,gBAAA,EAAC,GAAD;AAAA,cAAM,IAAI,EAAE,OAAO,iBAAiB;AAAA,cAAG,SAAQ;AAAA,wBAA/C,CACG,EAAK,sBAAqB,GACvB;AAAA,gBACN,gBAAA,EAAC,GAAD;AAAA,cAAM,IAAI,EAAE,YAAY,IAAI;AAAA,cAAG,SAAQ;AAAA,wBACpC,EAAe,IAAoB,GAAqB,QAAQ;AAAA,YAC7D,CAAA,CACD;AAAA,YACH;AAAA;MACD,CAAA;AAAA,MAGT,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,GAAG;AAAA,UAAI,KAAK;AAAA,QAAE;AAAA,kBAA3B,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI,EAAE,YAAY,IAAI;AAAA,UAAG,UAAU;AAAA,UAAO,SAAQ;AAAA,oBACrD,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UACE,QAAQ,EAAe,GAAmB,QAAQ;AAAA,UAC5C,MAAA;AAAA,UACN,aAAA,MAAmB,EAAA,CAAsB,MAAU,KAAQ,IAAI,IAAI,IAAO,CAAY;AAAA,UACtF,aAAA,MAAmB,EAAA,CAAsB,MAAS,IAAO,CAAW;AAAA,QACrE,CAAA,CACI;AAAA;MACP,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI,EAAE,KAAK,EAAE;AAAA,kBAApB;AAAA,UACE,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI;AAAA,cAAE,YAAY;AAAA,cAAK,IAAI;AAAA,YAAG;AAAA,YAAG,UAAU;AAAA,YAAO,SAAQ;AAAA,sBAC7D,EAAK;AAAA,UACF,CAAA;AAAA,UACN,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI;AAAA,cAAE,SAAS;AAAA,cAAoB,OAAO;AAAA,YAAO;AAAA,sBACpD,EAAY,IAAA,CAAK,EAAE,OAAA,GAAO,OAAA,EAAA,GAAS,MAAU;AAC5C,oBAAM,IAAc,MAAY,EAAS,oBAAoB,IAAI;AACjE,qBACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,gBACE,gBAAgB;AAAA,gBAChB,gBAAgB;AAAA,gBAEhB,IAAI;AAAA,kBACF,WAAW;AAAA,kBACX,SAAS;AAAA,gBACX;AAAA,0BAEA,gBAAA,EAAC,GAAD;AAAA,kBAAO,IAAI,EAAE,OAAO,OAAO;AAAA,4BACzB,gBAAA,EAAC,GAAD;AAAA,oBACE,IAAI;AAAA,sBACF,eAAe;AAAA,sBACf,gBAAgB;AAAA,sBAChB,YAAY;AAAA,sBACZ,OAAO;AAAA,sBACP,IAAI;AAAA,sBACJ,IAAI;AAAA,oBACN;AAAA,8BARF,CAUE,gBAAA,EAAC,GAAD;AAAA,sBAAM,UAAU;AAAA,sBAAO,SAAQ;AAAA,gCAC5B;AAAA,oBACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,sBAAM,IAAI,EAAE,YAAY,IAAI;AAAA,sBAAG,UAAU;AAAA,sBAAO,SAAQ;AAAA,gCACrD,EAAe,IAAQ,GAAmB,KAAK;AAAA,oBAC5C,CAAA,CACD;AAAA;gBACF,CAAA;AAAA,cACC,GAzBH,CAyBG,GACV,gBAAA,EAAC,GAAD;AAAA,gBAAS,WAAU;AAAA,gBAAK,IAAI,EAAE,IAAI,MAAU,IAAc,IAAI,GAAG;AAAA,cAAI,CAAA,CACrE,EAAA,CAAA;AAAA,YAEN,CAAC;AAAA,UACG,CAAA;AAAA,UACL,MAAY,EAAS,0BAA0B,KAC9C,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,IAAI;AAAA,cAAG,IAAI;AAAA,cAAI,IAAI;AAAA,cAAI,WAAW;AAAA,cAAS,KAAK;AAAA,YAAE;AAAA,sBAA/D,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,UAAU;AAAA,cAAO,SAAQ;AAAA,wBAC5B,EAAe,GAAmB,QAAQ;AAAA,YACvC,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,cACE,IAAI;AAAA,gBAAE,OAAO;AAAA,gBAAkB,YAAY;AAAA,cAAI;AAAA,cAC/C,UAAU;AAAA,cACV,SAAQ;AAAA,wBAEP,EAAiB,EAAK,8BAA+B,CAAI;AAAA,YACtD,CAAA,CACD;AAAA;QAEJ;AAAA;IACD;AAAA;AAEZ"}

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

@@ -0,0 +1,76 @@
+import { BlobSVG as s } from "../../../../../common/components/Error/index.es.js";
+import { ThemedSVGImage as i } from "../../ThemedSVGImage/index.es.js";
+import { ReactComponent as m } from "../images/ErrorViewCibc.svg/index.es.js";
+import { Icon as d, P as p, Text as c } from "@mxenabled/mxui";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { Button as x, Card as f, Stack as t } from "@mui/material";
+var b = ({ buttonText: o, errorText: n, errorDescription: a, isCibc: l = !1 }) => /* @__PURE__ */ r(f, {
+  sx: {
+    py: 32,
+    px: 16
+  },
+  children: /* @__PURE__ */ e(t, {
+    sx: {
+      gap: 16,
+      alignItems: "center"
+    },
+    children: [l ? /* @__PURE__ */ r(i, {
+      divProps: { style: {
+        maxWidth: 150,
+        width: "100%"
+      } },
+      image: m
+    }) : /* @__PURE__ */ e(t, {
+      sx: {
+        position: "relative",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: [/* @__PURE__ */ r(i, {
+        divProps: { style: {
+          position: "absolute",
+          zIndex: 0
+        } },
+        image: s
+      }), /* @__PURE__ */ r(d, {
+        color: "primary",
+        name: "error",
+        size: 48,
+        sx: { zIndex: 1 }
+      })]
+    }), /* @__PURE__ */ e(t, {
+      sx: {
+        alignItems: "center",
+        gap: 2
+      },
+      children: [
+        /* @__PURE__ */ r(c, {
+          bold: !0,
+          variant: "body1",
+          children: n
+        }),
+        /* @__PURE__ */ r(p, {
+          sx: {
+            fontWeight: 400,
+            textAlign: "center"
+          },
+          variant: "subtitle2",
+          children: a
+        }),
+        /* @__PURE__ */ r(x, {
+          color: "primary",
+          onClick: () => window.location.reload(),
+          sx: { mt: "12px" },
+          variant: "text",
+          children: o
+        })
+      ]
+    })]
+  })
+});
+export {
+  b as ErrorCard
+};
+
+//# sourceMappingURL=index.es.js.map

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

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

package/dist/insights/components/shared/ErrorCard/images/ErrorViewCibc.svg/index.es.js

@@ -0,0 +1,57 @@
+import { forwardRef as e } from "react";
+import { jsx as L, jsxs as C } from "react/jsx-runtime";
+var r = (i, l) => /* @__PURE__ */ C("svg", {
+  alt: "",
+  width: "147px",
+  height: "104px",
+  viewBox: "0 0 256 256",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  ref: l,
+  ...i,
+  children: [/* @__PURE__ */ L("title", { children: "Icons/Illustrative/Gears1" }), /* @__PURE__ */ C("g", {
+    id: "Icons/Illustrative/Gears1",
+    stroke: "none",
+    strokeWidth: 1,
+    fill: "none",
+    fillRule: "evenodd",
+    children: [/* @__PURE__ */ L("circle", {
+      id: "Oval",
+      fill: "#F2F3F2",
+      cx: 128,
+      cy: 128,
+      r: 128
+    }), /* @__PURE__ */ C("g", {
+      id: "Group",
+      transform: "translate(42.000000, 38.000000)",
+      fillRule: "nonzero",
+      children: [
+        /* @__PURE__ */ L("path", {
+          d: "M106.11,-0.000218413865 C107.642968,-0.0133183256 109.118435,0.582907809 110.211785,1.65750358 C111.305134,2.73209936 111.926796,4.19703062 111.94,5.73000001 L111.94,5.73000001 L111.94,14.26 C116.057784,15.2957977 120.000229,16.9334286 123.64,19.12 L123.64,19.12 L129.64,13.07 C131.902451,10.8198774 135.55755,10.8198774 137.82,13.07 L137.82,13.07 L144.82,20.07 C147.074462,22.3267544 147.074462,25.9832456 144.82,28.24 L144.82,28.24 L138.76,34.3 C140.939324,37.9422419 142.573338,41.8840905 143.61,46 L143.61,46 L152.18,46 C153.721605,45.9893289 155.203593,46.5949522 156.296512,47.6822371 C157.38943,48.7695221 158.002704,50.2483606 158.000009,51.79 L158.000009,51.79 L158.000009,61.69 C157.989428,63.2229629 157.370303,64.6889356 156.278833,65.7654023 C155.187364,66.841869 153.712962,67.4406455 152.18,67.43 L152.18,67.43 L143.61,67.43 C142.571461,71.5421335 140.937529,75.4804158 138.76,79.12 L138.76,79.12 L144.87,85.22 C147.124462,87.4767544 147.124462,91.1332457 144.87,93.3900001 L144.87,93.3900001 L137.87,100.39 C135.60755,102.640123 131.952451,102.640123 129.69,100.39 L129.69,100.39 L123.63,94.3200001 C119.984367,96.4949311 116.043674,98.131834 111.93,99.1800001 L111.93,99.1800001 L111.93,107.74 C111.93,110.932206 109.342206,113.52 106.15,113.52 L106.15,113.52 L96.2600001,113.52 C93.0677942,113.52 90.4800001,110.932206 90.4800001,107.74 L90.4800001,107.74 L90.4800001,99.1800001 C86.3651225,98.1354485 82.4239217,96.4983343 78.78,94.3200001 L78.78,94.3200001 L72.72,100.39 C70.4575496,102.640123 66.8024505,102.640123 64.54,100.39 L64.54,100.39 L57.54,93.3900001 C56.4523907,92.3088247 55.8408343,90.8385692 55.8408343,89.305 C55.8408343,87.7714309 56.4523907,86.3011754 57.54,85.22 L57.54,85.22 L63.54,79.12 C61.3721395,75.4897739 59.7482054,71.5613358 58.72,67.46 L58.72,67.46 L50.15,67.46 C46.9577942,67.46 44.37,64.8722059 44.37,61.68 L44.37,61.68 L44.37,51.78 C44.37,48.5877942 46.9577942,46 50.15,46 L50.15,46 L58.69,46 C59.7312635,41.9013872 61.3651501,37.9766906 63.54,34.35 L63.54,34.35 L57.54,28.35 C56.4523907,27.2688246 55.8408343,25.7985692 55.8408343,24.265 C55.8408343,22.7314309 56.4523907,21.2611754 57.54,20.18 L57.54,20.18 L64.54,13.18 C66.7999116,10.9616363 70.4200885,10.9616363 72.68,13.18 L72.68,13.18 L78.74,19.18 C82.3805971,16.9997464 86.3230896,15.368835 90.4400001,14.34 L90.4400001,14.34 L90.4400001,5.78000001 C90.4400001,2.58779416 93.0277942,-0.000218413865 96.2200001,-0.000218413865 L96.2200001,-0.000218413865 Z M101.16,33.85 C88.5402935,33.85 78.31,44.0982021 78.31,56.74 C78.31,69.381798 88.5402935,79.63 101.16,79.63 C113.779707,79.63 124.01,69.381798 124.01,56.74 C124.01,44.0982021 113.779707,33.85 101.16,33.85 Z",
+          id: "Combined-Shape",
+          fill: "#C41F3E"
+        }),
+        /* @__PURE__ */ L("path", {
+          d: "M125.31,101.68 C126.663009,101.190465 128.156991,101.888254 128.65,103.24 L128.65,103.24 L129.98,106.88 C131.881968,106.682983 133.802585,106.767221 135.68,107.13 L135.68,107.13 L137.36,103.65 C137.974114,102.348051 139.523599,101.785414 140.83,102.39 L140.83,102.39 L144.83,104.28 C145.45764,104.570893 145.943478,105.099917 146.18,105.75 C146.410536,106.403106 146.378265,107.12024 146.09,107.75 L146.09,107.75 L144.45,111.25 C145.938487,112.457816 147.239344,113.879997 148.31,115.47 L148.31,115.47 L151.95,114.15 C152.60106,113.9061 153.323478,113.938609 153.95,114.24 C154.57764,114.530893 155.063478,115.059917 155.3,115.71 L155.3,115.71 L156.82,119.9 L156.8,119.9 C157.042025,120.555947 157.008571,121.281881 156.707242,121.912787 C156.405914,122.543694 155.86231,123.025975 155.2,123.25 L155.2,123.25 L151.57,124.58 C151.762006,126.482114 151.6778,128.402001 151.32,130.28 L151.32,130.28 L154.82,131.92 C155.44764,132.210893 155.933478,132.739917 156.17,133.39 C156.400536,134.043106 156.368265,134.76024 156.08,135.39 L156.08,135.39 L154.19,139.39 C153.899107,140.01764 153.370083,140.503478 152.72,140.74 C152.067374,140.973748 151.348994,140.941421 150.72,140.65 L150.72,140.65 L147.21,139.01 C146.00577,140.498247 144.586919,141.799141 143,142.87 L143,142.87 L144.35,146.52 C144.839535,147.873009 144.141747,149.366991 142.79,149.86 L142.79,149.86 L138.59,151.38 C137.940627,151.623555 137.220542,151.595411 136.59216,151.301915 C135.963777,151.008419 135.48002,150.47429 135.25,149.82 L135.25,149.82 L133.93,146.19 C132.024565,146.382273 130.10134,146.298069 128.22,145.94 L128.22,145.94 L126.59,149.44 C126.297704,150.070291 125.764434,150.55672 125.11,150.79 C124.457374,151.023748 123.738994,150.991421 123.11,150.7 L123.11,150.7 L119.11,148.81 C118.483388,148.51904 117.998342,147.990654 117.761941,147.34149 C117.52554,146.692325 117.557225,145.975766 117.85,145.35 L117.85,145.35 L119.48,141.84 C117.99911,140.627965 116.699271,139.210265 115.62,137.63 L115.62,137.63 L111.99,138.95 C110.636992,139.439535 109.143009,138.741746 108.65,137.39 L108.65,137.39 L107.12,133.19 C106.630465,131.836992 107.328254,130.343009 108.68,129.85 L108.68,129.85 L112.32,128.53 C112.122724,126.62471 112.20696,124.700758 112.57,122.82 L112.57,122.82 L109.06,121.19 C107.762385,120.571943 107.201268,119.026645 107.8,117.72 L107.8,117.72 L109.69,113.67 C110.303837,112.367488 111.856552,111.808152 113.16,112.42 L113.16,112.42 L116.66,114.05 C117.873171,112.566569 119.294557,111.266438 120.88,110.19 L120.88,110.19 L119.56,106.56 C119.317574,105.90955 119.346396,105.189009 119.64,104.56 C119.935033,103.931721 120.467319,103.44619 121.12,103.21 L121.12,103.21 Z M128.447599,116.83953 C123.095918,118.78421 120.337056,124.707495 122.285508,130.069558 C124.233961,135.43162 130.151888,138.201956 135.503569,136.257276 C140.85525,134.312597 143.614112,128.389311 141.66566,123.027249 C139.717208,117.665186 133.79928,114.89485 128.447599,116.83953 Z",
+          id: "Combined-Shape",
+          fill: "#C41F3E"
+        }),
+        /* @__PURE__ */ L("path", {
+          d: "M49.0033734,120.673794 L107.724759,161.167841 C110.229937,162.882581 111.95088,165.522716 112.508555,168.506883 C113.044781,171.376274 112.463214,174.337468 110.891371,176.786789 L110.698005,177.078212 C107.111197,182.279527 99.9870169,183.588344 94.785702,180.001537 L36.0313869,139.484783 L49.0033734,120.673794 Z M100.36,162.71 C96.3504128,162.71 93.1000001,165.960413 93.1000001,169.97 C93.1000001,173.979587 96.3504128,177.23 100.36,177.23 C104.369587,177.23 107.62,173.979587 107.62,169.97 C107.62,165.960413 104.369587,162.71 100.36,162.71 Z",
+          id: "Combined-Shape",
+          fill: "#8B1D41"
+        }),
+        /* @__PURE__ */ L("path", {
+          d: "M14.15,96.5100001 L35.84,111.51 L36.41,120.37 L31.47,127.54 L22.75,130.48 L1.06000001,115.49 C-1.8576625,129.410687 5.44846092,143.45713 18.5213637,149.060478 C31.5942664,154.663825 46.8049178,150.26859 54.8742555,138.556029 C62.9435933,126.843469 61.6315736,111.064983 51.7385773,100.846035 C41.845581,90.627086 26.1178984,88.8044491 14.15,96.4900001 L14.15,96.5100001 Z",
+          id: "Path",
+          fill: "#8B1D41"
+        })
+      ]
+    })]
+  })]
+}), d = e(r);
+export {
+  d as ReactComponent
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/shared/ErrorCard/images/ErrorViewCibc.svg/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../../src/insights/components/shared/ErrorCard/images/ErrorViewCibc.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgErrorViewCibc = (props, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\talt: \"\",\n\twidth: \"147px\",\n\theight: \"104px\",\n\tviewBox: \"0 0 256 256\",\n\txmlns: \"http://www.w3.org/2000/svg\",\n\txmlnsXlink: \"http://www.w3.org/1999/xlink\",\n\tref,\n\t...props,\n\tchildren: [/* @__PURE__ */ _jsx(\"title\", { children: \"Icons/Illustrative/Gears1\" }), /* @__PURE__ */ _jsxs(\"g\", {\n\t\tid: \"Icons/Illustrative/Gears1\",\n\t\tstroke: \"none\",\n\t\tstrokeWidth: 1,\n\t\tfill: \"none\",\n\t\tfillRule: \"evenodd\",\n\t\tchildren: [/* @__PURE__ */ _jsx(\"circle\", {\n\t\t\tid: \"Oval\",\n\t\t\tfill: \"#F2F3F2\",\n\t\t\tcx: 128,\n\t\t\tcy: 128,\n\t\t\tr: 128\n\t\t}), /* @__PURE__ */ _jsxs(\"g\", {\n\t\t\tid: \"Group\",\n\t\t\ttransform: \"translate(42.000000, 38.000000)\",\n\t\t\tfillRule: \"nonzero\",\n\t\t\tchildren: [\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\td: \"M106.11,-0.000218413865 C107.642968,-0.0133183256 109.118435,0.582907809 110.211785,1.65750358 C111.305134,2.73209936 111.926796,4.19703062 111.94,5.73000001 L111.94,5.73000001 L111.94,14.26 C116.057784,15.2957977 120.000229,16.9334286 123.64,19.12 L123.64,19.12 L129.64,13.07 C131.902451,10.8198774 135.55755,10.8198774 137.82,13.07 L137.82,13.07 L144.82,20.07 C147.074462,22.3267544 147.074462,25.9832456 144.82,28.24 L144.82,28.24 L138.76,34.3 C140.939324,37.9422419 142.573338,41.8840905 143.61,46 L143.61,46 L152.18,46 C153.721605,45.9893289 155.203593,46.5949522 156.296512,47.6822371 C157.38943,48.7695221 158.002704,50.2483606 158.000009,51.79 L158.000009,51.79 L158.000009,61.69 C157.989428,63.2229629 157.370303,64.6889356 156.278833,65.7654023 C155.187364,66.841869 153.712962,67.4406455 152.18,67.43 L152.18,67.43 L143.61,67.43 C142.571461,71.5421335 140.937529,75.4804158 138.76,79.12 L138.76,79.12 L144.87,85.22 C147.124462,87.4767544 147.124462,91.1332457 144.87,93.3900001 L144.87,93.3900001 L137.87,100.39 C135.60755,102.640123 131.952451,102.640123 129.69,100.39 L129.69,100.39 L123.63,94.3200001 C119.984367,96.4949311 116.043674,98.131834 111.93,99.1800001 L111.93,99.1800001 L111.93,107.74 C111.93,110.932206 109.342206,113.52 106.15,113.52 L106.15,113.52 L96.2600001,113.52 C93.0677942,113.52 90.4800001,110.932206 90.4800001,107.74 L90.4800001,107.74 L90.4800001,99.1800001 C86.3651225,98.1354485 82.4239217,96.4983343 78.78,94.3200001 L78.78,94.3200001 L72.72,100.39 C70.4575496,102.640123 66.8024505,102.640123 64.54,100.39 L64.54,100.39 L57.54,93.3900001 C56.4523907,92.3088247 55.8408343,90.8385692 55.8408343,89.305 C55.8408343,87.7714309 56.4523907,86.3011754 57.54,85.22 L57.54,85.22 L63.54,79.12 C61.3721395,75.4897739 59.7482054,71.5613358 58.72,67.46 L58.72,67.46 L50.15,67.46 C46.9577942,67.46 44.37,64.8722059 44.37,61.68 L44.37,61.68 L44.37,51.78 C44.37,48.5877942 46.9577942,46 50.15,46 L50.15,46 L58.69,46 C59.7312635,41.9013872 61.3651501,37.9766906 63.54,34.35 L63.54,34.35 L57.54,28.35 C56.4523907,27.2688246 55.8408343,25.7985692 55.8408343,24.265 C55.8408343,22.7314309 56.4523907,21.2611754 57.54,20.18 L57.54,20.18 L64.54,13.18 C66.7999116,10.9616363 70.4200885,10.9616363 72.68,13.18 L72.68,13.18 L78.74,19.18 C82.3805971,16.9997464 86.3230896,15.368835 90.4400001,14.34 L90.4400001,14.34 L90.4400001,5.78000001 C90.4400001,2.58779416 93.0277942,-0.000218413865 96.2200001,-0.000218413865 L96.2200001,-0.000218413865 Z M101.16,33.85 C88.5402935,33.85 78.31,44.0982021 78.31,56.74 C78.31,69.381798 88.5402935,79.63 101.16,79.63 C113.779707,79.63 124.01,69.381798 124.01,56.74 C124.01,44.0982021 113.779707,33.85 101.16,33.85 Z\",\n\t\t\t\t\tid: \"Combined-Shape\",\n\t\t\t\t\tfill: \"#C41F3E\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\td: \"M125.31,101.68 C126.663009,101.190465 128.156991,101.888254 128.65,103.24 L128.65,103.24 L129.98,106.88 C131.881968,106.682983 133.802585,106.767221 135.68,107.13 L135.68,107.13 L137.36,103.65 C137.974114,102.348051 139.523599,101.785414 140.83,102.39 L140.83,102.39 L144.83,104.28 C145.45764,104.570893 145.943478,105.099917 146.18,105.75 C146.410536,106.403106 146.378265,107.12024 146.09,107.75 L146.09,107.75 L144.45,111.25 C145.938487,112.457816 147.239344,113.879997 148.31,115.47 L148.31,115.47 L151.95,114.15 C152.60106,113.9061 153.323478,113.938609 153.95,114.24 C154.57764,114.530893 155.063478,115.059917 155.3,115.71 L155.3,115.71 L156.82,119.9 L156.8,119.9 C157.042025,120.555947 157.008571,121.281881 156.707242,121.912787 C156.405914,122.543694 155.86231,123.025975 155.2,123.25 L155.2,123.25 L151.57,124.58 C151.762006,126.482114 151.6778,128.402001 151.32,130.28 L151.32,130.28 L154.82,131.92 C155.44764,132.210893 155.933478,132.739917 156.17,133.39 C156.400536,134.043106 156.368265,134.76024 156.08,135.39 L156.08,135.39 L154.19,139.39 C153.899107,140.01764 153.370083,140.503478 152.72,140.74 C152.067374,140.973748 151.348994,140.941421 150.72,140.65 L150.72,140.65 L147.21,139.01 C146.00577,140.498247 144.586919,141.799141 143,142.87 L143,142.87 L144.35,146.52 C144.839535,147.873009 144.141747,149.366991 142.79,149.86 L142.79,149.86 L138.59,151.38 C137.940627,151.623555 137.220542,151.595411 136.59216,151.301915 C135.963777,151.008419 135.48002,150.47429 135.25,149.82 L135.25,149.82 L133.93,146.19 C132.024565,146.382273 130.10134,146.298069 128.22,145.94 L128.22,145.94 L126.59,149.44 C126.297704,150.070291 125.764434,150.55672 125.11,150.79 C124.457374,151.023748 123.738994,150.991421 123.11,150.7 L123.11,150.7 L119.11,148.81 C118.483388,148.51904 117.998342,147.990654 117.761941,147.34149 C117.52554,146.692325 117.557225,145.975766 117.85,145.35 L117.85,145.35 L119.48,141.84 C117.99911,140.627965 116.699271,139.210265 115.62,137.63 L115.62,137.63 L111.99,138.95 C110.636992,139.439535 109.143009,138.741746 108.65,137.39 L108.65,137.39 L107.12,133.19 C106.630465,131.836992 107.328254,130.343009 108.68,129.85 L108.68,129.85 L112.32,128.53 C112.122724,126.62471 112.20696,124.700758 112.57,122.82 L112.57,122.82 L109.06,121.19 C107.762385,120.571943 107.201268,119.026645 107.8,117.72 L107.8,117.72 L109.69,113.67 C110.303837,112.367488 111.856552,111.808152 113.16,112.42 L113.16,112.42 L116.66,114.05 C117.873171,112.566569 119.294557,111.266438 120.88,110.19 L120.88,110.19 L119.56,106.56 C119.317574,105.90955 119.346396,105.189009 119.64,104.56 C119.935033,103.931721 120.467319,103.44619 121.12,103.21 L121.12,103.21 Z M128.447599,116.83953 C123.095918,118.78421 120.337056,124.707495 122.285508,130.069558 C124.233961,135.43162 130.151888,138.201956 135.503569,136.257276 C140.85525,134.312597 143.614112,128.389311 141.66566,123.027249 C139.717208,117.665186 133.79928,114.89485 128.447599,116.83953 Z\",\n\t\t\t\t\tid: \"Combined-Shape\",\n\t\t\t\t\tfill: \"#C41F3E\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\td: \"M49.0033734,120.673794 L107.724759,161.167841 C110.229937,162.882581 111.95088,165.522716 112.508555,168.506883 C113.044781,171.376274 112.463214,174.337468 110.891371,176.786789 L110.698005,177.078212 C107.111197,182.279527 99.9870169,183.588344 94.785702,180.001537 L36.0313869,139.484783 L49.0033734,120.673794 Z M100.36,162.71 C96.3504128,162.71 93.1000001,165.960413 93.1000001,169.97 C93.1000001,173.979587 96.3504128,177.23 100.36,177.23 C104.369587,177.23 107.62,173.979587 107.62,169.97 C107.62,165.960413 104.369587,162.71 100.36,162.71 Z\",\n\t\t\t\t\tid: \"Combined-Shape\",\n\t\t\t\t\tfill: \"#8B1D41\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\td: \"M14.15,96.5100001 L35.84,111.51 L36.41,120.37 L31.47,127.54 L22.75,130.48 L1.06000001,115.49 C-1.8576625,129.410687 5.44846092,143.45713 18.5213637,149.060478 C31.5942664,154.663825 46.8049178,150.26859 54.8742555,138.556029 C62.9435933,126.843469 61.6315736,111.064983 51.7385773,100.846035 C41.845581,90.627086 26.1178984,88.8044491 14.15,96.4900001 L14.15,96.5100001 Z\",\n\t\t\t\t\tid: \"Path\",\n\t\t\t\t\tfill: \"#8B1D41\"\n\t\t\t\t})\n\t\t\t]\n\t\t})]\n\t})]\n});\nconst ForwardRef = forwardRef(SvgErrorViewCibc);\nexport { ForwardRef as ReactComponent };\n"],"mappings":";;AAGA,IAAM,IAAA,CAAoB,GAAO,MAAwB,gBAAA,EAAM,OAAO;AAAA,EACrE,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,KAAA;AAAA,EACA,GAAG;AAAA,EACH,UAAU,CAAiB,gBAAA,EAAK,SAAS,EAAE,UAAU,4BAA4B,CAAC,GAAmB,gBAAA,EAAM,KAAK;AAAA,IAC/G,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU,CAAiB,gBAAA,EAAK,UAAU;AAAA,MACzC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,GAAG;AAAA,IACJ,CAAC,GAAmB,gBAAA,EAAM,KAAK;AAAA,MAC9B,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAU;AAAA,QACO,gBAAA,EAAK,QAAQ;AAAA,UAC5B,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,MAAM;AAAA,QACP,CAAC;AAAA,QACe,gBAAA,EAAK,QAAQ;AAAA,UAC5B,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,MAAM;AAAA,QACP,CAAC;AAAA,QACe,gBAAA,EAAK,QAAQ;AAAA,UAC5B,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,MAAM;AAAA,QACP,CAAC;AAAA,QACe,gBAAA,EAAK,QAAQ;AAAA,UAC5B,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,MAAM;AAAA,QACP,CAAC;AAAA,MACF;AAAA,IACD,CAAC,CAAC;AAAA,EACH,CAAC,CAAC;AACH,CAAC,GACK,IAAa,EAAW,CAAgB"}

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

@@ -0,0 +1,47 @@
+import "react";
+import t from "@mui/material/Button";
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import u from "@mui/material/Box";
+var h = ({ buttonText: e, errorMessage: n, feedbackMessage: o, onCancel: a, onClose: r, selectedRadio: s }) => {
+  const { cancelText: m, submitText: d } = e;
+  return /* @__PURE__ */ c(u, {
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      marginTop: 24
+    },
+    children: [/* @__PURE__ */ i(t, {
+      className: "mx-insights-beat-feedback-submit-button",
+      "data-ui-test": "submit-button",
+      disabled: !o && s === void 0 || !!n,
+      sx: {
+        fontSize: 16,
+        "&:hover": { backgroundColor: "primary.dark" },
+        padding: "12px 16px",
+        width: "100%"
+      },
+      type: "submit",
+      variant: "contained",
+      children: d
+    }), /* @__PURE__ */ i(t, {
+      className: "mx-insights-beat-feedback-no-thanks-button",
+      "data-ui-test": "no-thanks-button",
+      onClick: () => {
+        a(), r();
+      },
+      sx: {
+        fontSize: 15,
+        marginTop: 12,
+        width: "100%"
+      },
+      variant: "text",
+      children: m
+    })]
+  });
+};
+export {
+  h as FeedbackButtons
+};
+
+//# sourceMappingURL=index.es.js.map

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

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

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

@@ -0,0 +1,16 @@
+import "react";
+import { P as t } from "@mxenabled/mxui";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@mui/material/Box";
+var c = ({ bodyText: e }) => /* @__PURE__ */ r(i, {
+  style: { padding: "8px 24px 8px 0px" },
+  children: /* @__PURE__ */ r(t, {
+    "data-ui-test": "feedback-description",
+    children: e
+  })
+});
+export {
+  c as FeedbackDescription
+};
+
+//# sourceMappingURL=index.es.js.map

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

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

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

@@ -0,0 +1,29 @@
+import "react";
+import { Icon as c } from "@mxenabled/mx-icons";
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import s from "@mui/material/IconButton";
+import m from "@mui/material/DialogTitle";
+var h = ({ headerText: o, menuHeaderCloseButtonAriaLabel: t, onCancel: r, onClose: e, rating: a, sx: n = {} }) => /* @__PURE__ */ l(m, {
+  fontSize: 18,
+  id: "alert-dialog-title",
+  children: [o, /* @__PURE__ */ i(s, {
+    "aria-label": a ? t.ratingExist : t.ratingDoesntExist,
+    "data-ui-test": "feedback-close-button",
+    onClick: () => {
+      r(), e();
+    },
+    sx: {
+      position: "absolute",
+      right: 12
+    },
+    children: /* @__PURE__ */ i(c, {
+      name: "cancel",
+      sx: { ...n }
+    })
+  })]
+});
+export {
+  h as FeedbackHeader
+};
+
+//# sourceMappingURL=index.es.js.map

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

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

package/dist/insights/components/shared/GenericFeedback/FeedbackOptions/index.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=index.es.js.map

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

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