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

package/dist/insights/components/insights/P2pCategorization/shared/P2pCategorizationMultipleTransactions/index.es.js

@@ -0,0 +1,83 @@
+import "react";
+import { MerchantLogo as s, P as h } from "@mxenabled/mxui";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@mui/material/Box";
+var x = ({ transactions: t }) => {
+  const n = (e) => e === 0 ? 2 : e * 46, l = (e) => {
+    switch (e) {
+      case 0:
+        return 2;
+      case 1:
+        return 8;
+      case 2:
+        return 14;
+      default:
+        return 20;
+    }
+  }, d = () => {
+    const e = t.length > 4 ? 4 : t.length;
+    return e * 48 - e * 2;
+  }, c = t.length - 3;
+  return /* @__PURE__ */ r(i, {
+    sx: {
+      bgcolor: "background.highlight",
+      display: "flex",
+      justifyContent: "center",
+      height: 106,
+      width: "100%",
+      py: 18,
+      position: "relative"
+    },
+    children: /* @__PURE__ */ r(i, {
+      sx: {
+        position: "absolute",
+        width: d()
+      },
+      children: t.map((e, o) => {
+        if (o < 3) return /* @__PURE__ */ r(i, {
+          sx: {
+            border: "2px solid",
+            borderColor: "common.white",
+            borderRadius: "6px",
+            color: "common.white",
+            top: l(o),
+            left: n(o),
+            position: "absolute"
+          },
+          children: /* @__PURE__ */ r(s, {
+            alt: e.feedDescription,
+            categoryGuid: e.categoryGuid || "",
+            merchantGuid: e.merchantGuid || "",
+            size: 48
+          }, o)
+        }, e.guid);
+        if (o === 3) return /* @__PURE__ */ r(i, {
+          sx: {
+            alignItems: "center",
+            bgcolor: "secondary.darker",
+            border: "2px solid",
+            borderColor: "common.white",
+            borderRadius: "6px",
+            color: "common.white",
+            display: "flex",
+            height: 48,
+            justifyContent: "center",
+            left: n(o),
+            position: "absolute",
+            top: l(o),
+            width: 48
+          },
+          children: /* @__PURE__ */ r(h, {
+            fontSize: 24,
+            children: ` +${c}`
+          })
+        }, "display-count");
+      })
+    })
+  });
+};
+export {
+  x as P2pCategorizationMultipleTransactions
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/P2pCategorization/shared/P2pCategorizationMultipleTransactions/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../../src/insights/components/insights/P2pCategorization/shared/P2pCategorizationMultipleTransactions.tsx"],"sourcesContent":["/* eslint-disable consistent-return */\n\nimport React from 'react'\n\nimport { MerchantLogo, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\nimport { P2pCategorizationMultipleTransactionsProps } from '..'\n\nexport const P2pCategorizationMultipleTransactions: React.FC<\n  P2pCategorizationMultipleTransactionsProps\n> = ({ transactions }) => {\n  const logoSize = 48\n  const ICON_OVERLAP_X = (i: number) => {\n    if (i === 0) {\n      return 2\n    } else {\n      return i * (logoSize - 2)\n    }\n  }\n\n  const ICON_OVERLAP_Y = (i: number) => {\n    switch (i) {\n      case 0:\n        return 2\n      case 1:\n        return 8\n      case 2:\n        return 14\n      default:\n        return 20\n    }\n  }\n\n  // The container width function helps center the content. Without it the absolute positioned box has a width of 0 causing the content to be offset.\n  const containerWidth = () => {\n    const length = transactions.length > 4 ? 4 : transactions.length // Max number of merchantLogos, categoryIcons, and count box is 4\n\n    return length * logoSize - length * 2\n  }\n\n  const displayCount = transactions.length - 3\n\n  return (\n    <Box\n      sx={{\n        bgcolor: 'background.highlight',\n        display: 'flex',\n        justifyContent: 'center',\n        height: 106,\n        width: '100%',\n        py: 18,\n        position: 'relative',\n      }}\n    >\n      <Box\n        sx={{\n          position: 'absolute',\n          width: containerWidth(),\n        }}\n      >\n        {transactions.map((transaction, i) => {\n          if (i < 3)\n            return (\n              <Box\n                key={transaction.guid}\n                sx={{\n                  border: `2px solid`,\n                  borderColor: 'common.white',\n                  borderRadius: '6px',\n                  color: 'common.white',\n                  top: ICON_OVERLAP_Y(i),\n                  left: ICON_OVERLAP_X(i),\n                  position: 'absolute',\n                }}\n              >\n                <MerchantLogo\n                  alt={transaction.feedDescription}\n                  categoryGuid={transaction.categoryGuid || ''}\n                  key={i}\n                  merchantGuid={transaction.merchantGuid || ''}\n                  size={logoSize}\n                />\n              </Box>\n            )\n\n          if (i === 3) {\n            return (\n              <Box\n                key={'display-count'}\n                sx={{\n                  alignItems: 'center',\n                  bgcolor: 'secondary.darker',\n                  border: `2px solid`,\n                  borderColor: 'common.white',\n                  borderRadius: '6px',\n                  color: 'common.white',\n                  display: 'flex',\n                  height: 48,\n                  justifyContent: 'center',\n                  left: ICON_OVERLAP_X(i),\n                  position: 'absolute',\n                  top: ICON_OVERLAP_Y(i),\n                  width: 48,\n                }}\n              >\n                <P fontSize={24}>{` +${displayCount}`}</P>\n              </Box>\n            )\n          }\n        })}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,IAAA,CAER,EAAE,cAAA,EAAA,MAAmB;AAExB,QAAM,IAAA,CAAkB,MAClB,MAAM,IACD,IAEA,IAAK,IAIV,IAAA,CAAkB,MAAc;AACpC,YAAQ,GAAR;AAAA,MACE,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAGM,IAAA,MAAuB;AAC3B,UAAM,IAAS,EAAa,SAAS,IAAI,IAAI,EAAa;AAE1D,WAAO,IAAS,KAAW,IAAS;AAAA,EACtC,GAEM,IAAe,EAAa,SAAS;AAE3C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO,EAAe;AAAA,MACxB;AAAA,gBAEC,EAAa,IAAA,CAAK,GAAa,MAAM;AACpC,YAAI,IAAI,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,UAEE,IAAI;AAAA,YACF,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,cAAc;AAAA,YACd,OAAO;AAAA,YACP,KAAK,EAAe,CAAC;AAAA,YACrB,MAAM,EAAe,CAAC;AAAA,YACtB,UAAU;AAAA,UACZ;AAAA,oBAEA,gBAAA,EAAC,GAAD;AAAA,YACE,KAAK,EAAY;AAAA,YACjB,cAAc,EAAY,gBAAgB;AAAA,YAE1C,cAAc,EAAY,gBAAgB;AAAA,YAC1C,MAAM;AAAA,UACP,GAHM,CAGN;AAAA,QACE,GAlBE,EAAY,IAkBd;AAGT,YAAI,MAAM,EACR,QACE,gBAAA,EAAC,GAAD;AAAA,UAEE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,cAAc;AAAA,YACd,OAAO;AAAA,YACP,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,MAAM,EAAe,CAAC;AAAA,YACtB,UAAU;AAAA,YACV,KAAK,EAAe,CAAC;AAAA,YACrB,OAAO;AAAA,UACT;AAAA,oBAEA,gBAAA,EAAC,GAAD;AAAA,YAAG,UAAU;AAAA,sBAAK,KAAK,CAAA;AAAA,UAAkB,CAAA;AAAA,QACtC,GAlBE,eAkBF;AAAA,MAGX,CAAC;AAAA,IACE,CAAA;AAAA,EACF,CAAA;AAET"}

package/dist/insights/components/insights/P2pCategorization/shared/P2pCategorizationSingleTransaction/index.es.js

@@ -0,0 +1,42 @@
+import "react";
+import l from "@mui/material/Stack";
+import { MerchantLogo as c, Text as o } from "@mxenabled/mxui";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+var x = ({ amount: t, categoryGuid: e, description: i, feedDescription: a, merchantGuid: n }) => /* @__PURE__ */ d(l, {
+  sx: {
+    bgcolor: "background.highlight",
+    alignItems: "center",
+    gap: 4,
+    py: 12,
+    px: 8,
+    width: "100%"
+  },
+  children: [
+    /* @__PURE__ */ r(c, {
+      alt: i,
+      categoryGuid: e || "",
+      merchantGuid: n || "",
+      size: 32
+    }),
+    /* @__PURE__ */ r(o, {
+      bold: !0,
+      sx: {
+        fontSize: 18,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        maxWidth: 255
+      },
+      children: a
+    }),
+    /* @__PURE__ */ r(o, {
+      color: "secondary",
+      fontSize: "small",
+      children: t
+    })
+  ]
+});
+export {
+  x as P2pCategorizationSingleTransaction
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/P2pCategorization/shared/P2pCategorizationSingleTransaction/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../../src/insights/components/insights/P2pCategorization/shared/P2pCategorizationSingleTransaction.tsx"],"sourcesContent":["import React from 'react'\n\nimport { MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { P2pCategorizationSingleTransactionProps } from '..'\n\nexport const P2pCategorizationSingleTransaction: React.FC<\n  P2pCategorizationSingleTransactionProps\n> = ({ amount, categoryGuid, description, feedDescription, merchantGuid }) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.highlight',\n        alignItems: 'center',\n        gap: 4,\n        py: 12,\n        px: 8,\n        width: '100%',\n      }}\n    >\n      <MerchantLogo\n        alt={description}\n        categoryGuid={categoryGuid || ''}\n        merchantGuid={merchantGuid || ''}\n        size={32}\n      />\n      <Text\n        bold={true}\n        sx={{ fontSize: 18, overflow: 'hidden', textOverflow: 'ellipsis', maxWidth: 255 }}\n      >\n        {feedDescription}\n      </Text>\n      <Text color=\"secondary\" fontSize={'small'}>\n        {amount}\n      </Text>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAQA,IAAa,IAAA,CAER,EAAE,QAAA,GAAQ,cAAA,GAAc,aAAA,GAAa,iBAAA,GAAiB,cAAA,EAAA,MAEvD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,YARF;AAAA,IAUE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,cAAc,KAAgB;AAAA,MAC9B,cAAc,KAAgB;AAAA,MAC9B,MAAM;AAAA,IACP,CAAA;AAAA,IACD,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,QAAE,UAAU;AAAA,QAAI,UAAU;AAAA,QAAU,cAAc;AAAA,QAAY,UAAU;AAAA,MAAI;AAAA,gBAE/E;AAAA,IACG,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAY,UAAU;AAAA,gBAC/B;AAAA,IACG,CAAA;AAAA,EACD"}

package/dist/insights/components/insights/SavingsAccountBalancesSummary/SavingsAccountBalancesSummary/index.es.js

@@ -0,0 +1,40 @@
+import { BarChart as f } from "../../../shared/Charts/BarChart/BarChart/index.es.js";
+import { EmptyBarChart as h } from "../../../shared/Charts/EmptyBarChart/index.es.js";
+import { BeatCard as g } from "../../../shared/InsightsCard/BeatCard/index.es.js";
+import { InsightButton as u } from "../../../shared/InsightsCard/InsightButton/index.es.js";
+import { ButtonActionType as B } from "../../../../types/CommonBeat/index.es.js";
+import s from "@mui/material/Stack";
+import { jsx as r } from "react/jsx-runtime";
+var M = ({ amounts: n, beat: i, buttonProps: o, color: p, data: t, legendLabelMain: a, onBarClick: c, selectedTabIndex: l, ...m }) => /* @__PURE__ */ r(g, {
+  ...m,
+  beat: i,
+  button: t.length ? /* @__PURE__ */ r(s, {
+    spacing: 10,
+    sx: { pt: 8 },
+    children: /* @__PURE__ */ r(u, {
+      ...o,
+      beat: i,
+      onClick: (e) => o?.onClick?.(e, B.Primary)
+    })
+  }) : null,
+  children: t.length ? /* @__PURE__ */ r(f, {
+    amounts: n,
+    color: p,
+    data: t,
+    isMini: m.isMini,
+    legendLabelMain: a,
+    margin: {
+      bottom: 8,
+      left: 2,
+      right: 2,
+      top: 24
+    },
+    onBarClick: c,
+    selectedTabIndex: l
+  }) : /* @__PURE__ */ r(h, {})
+});
+export {
+  M as SavingsAccountBalancesSummary
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/SavingsAccountBalancesSummary/SavingsAccountBalancesSummary/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/SavingsAccountBalancesSummary/SavingsAccountBalancesSummary.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { ButtonActionType } from '../../../types/CommonBeat'\nimport { BarChart } from '../../shared/Charts'\nimport { EmptyBarChart } from '../../shared/Charts/EmptyBarChart'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { SavingsAccountBalancesSummaryProps } from './types/SavingsAccountBalancesSummary'\n\nexport const SavingsAccountBalancesSummary: React.FC<SavingsAccountBalancesSummaryProps> = ({\n  amounts,\n  beat,\n  buttonProps,\n  color,\n  data,\n  legendLabelMain,\n  onBarClick,\n  selectedTabIndex,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      {...restProps}\n      beat={beat}\n      button={\n        data.length ? (\n          <Stack spacing={10} sx={{ pt: 8 }}>\n            <InsightButton\n              {...buttonProps}\n              beat={beat}\n              onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n            />\n          </Stack>\n        ) : null\n      }\n    >\n      {data.length ? (\n        <BarChart\n          amounts={amounts}\n          color={color}\n          data={data}\n          isMini={restProps.isMini}\n          legendLabelMain={legendLabelMain}\n          margin={{\n            bottom: 8,\n            left: 2,\n            right: 2,\n            top: 24,\n          }}\n          onBarClick={onBarClick}\n          selectedTabIndex={selectedTabIndex}\n        />\n      ) : (\n        <EmptyBarChart />\n      )}\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;;AAUA,IAAa,IAAA,CAA+E,EAC1F,SAAA,GACA,MAAA,GACA,aAAA,GACA,OAAA,GACA,MAAA,GACA,iBAAA,GACA,YAAA,GACA,kBAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,EAAK,SACH,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAS;AAAA,IAAI,IAAI,EAAE,IAAI,EAAE;AAAA,cAC9B,gBAAA,EAAC,GAAD;AAAA,MACE,GAAI;AAAA,MACE,MAAA;AAAA,MACN,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,IACnE,CAAA;AAAA,EACI,CAAA,IACL;AAAA,YAGL,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACF,OAAA;AAAA,IACD,MAAA;AAAA,IACN,QAAQ,EAAU;AAAA,IACD,iBAAA;AAAA,IACjB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,IACY,YAAA;AAAA,IACM,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEV,CAAA"}

package/dist/insights/components/insights/SetUpDirectDeposit/SetUpDirectDepositBody/index.es.js

@@ -0,0 +1,19 @@
+import { DirectDeposit as f } from "../../../shared/DirectDeposit/DirectDeposit/index.es.js";
+import "react";
+import { jsx as s } from "react/jsx-runtime";
+var n = ({ account: r, animation: t, leftLowerText: o, leftUpperText: e, isComplete: i, isMini: p, headerString: m, rightLowerText: D, rightUpperText: c }) => /* @__PURE__ */ s(f, {
+  account: r,
+  animation: t,
+  headerString: m,
+  isComplete: i,
+  isMini: p,
+  leftLowerText: o,
+  leftUpperText: e,
+  rightLowerText: D,
+  rightUpperText: c
+});
+export {
+  n as SetUpDirectDepositBody
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/SetUpDirectDeposit/SetUpDirectDepositBody/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/SetUpDirectDeposit/SetUpDirectDepositBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { DepositBodyBaseProps } from '../../../types/DirectDeposit'\nimport { DirectDeposit } from '../../shared/DirectDeposit/DirectDeposit'\n\nexport const SetUpDirectDepositBody: React.FC<DepositBodyBaseProps> = ({\n  account,\n  animation,\n  leftLowerText,\n  leftUpperText,\n  isComplete,\n  isMini,\n  headerString,\n  rightLowerText,\n  rightUpperText,\n}) => {\n  return (\n    <DirectDeposit\n      account={account}\n      animation={animation}\n      headerString={headerString}\n      isComplete={isComplete}\n      isMini={isMini}\n      leftLowerText={leftLowerText}\n      leftUpperText={leftUpperText}\n      rightLowerText={rightLowerText}\n      rightUpperText={rightUpperText}\n    />\n  )\n}\n"],"mappings":";;;AAKA,IAAa,IAAA,CAA0D,EACrE,SAAA,GACA,WAAA,GACA,eAAA,GACA,eAAA,GACA,YAAA,GACA,QAAA,GACA,cAAA,GACA,gBAAA,GACA,gBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACW,SAAA;AAAA,EACE,WAAA;AAAA,EACG,cAAA;AAAA,EACF,YAAA;AAAA,EACJ,QAAA;AAAA,EACO,eAAA;AAAA,EACA,eAAA;AAAA,EACC,gBAAA;AAAA,EACA,gBAAA;AACjB,CAAA"}

package/dist/insights/components/insights/SharedDeposit/SharedDeposit/index.es.js

@@ -0,0 +1,104 @@
+import { BeatCard as y } from "../../../shared/InsightsCard/BeatCard/index.es.js";
+import { InsightButton as _ } from "../../../shared/InsightsCard/InsightButton/index.es.js";
+import n from "@mui/material/Stack";
+import { CategoryIcon as I, H3 as B, MerchantLogo as C, Text as l } from "@mxenabled/mxui";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+import w from "@mui/material/Card";
+var j = ({ beat: e, buttonProps: g, category: h, formattedAmount: m, isDarkMode: a, transactionDescription: p, ...c }) => {
+  const { primary_transaction: t, primary_category_guid: s } = e;
+  if (!t) return null;
+  const o = t.top_level_category_guid || t.category_guid || s || "", x = t.merchant_guid || "", u = o || s, f = a ? "linear-gradient(#19B07B, #006642)" : "linear-gradient(#D9FDEA, #8DF1CE)";
+  return /* @__PURE__ */ r(y, {
+    ...c,
+    beat: e,
+    button: /* @__PURE__ */ r(d, {
+      sx: {
+        pb: 16,
+        px: 16
+      },
+      children: /* @__PURE__ */ r(_, {
+        ...g,
+        beat: e
+      })
+    }),
+    contentProps: {
+      hasFullWidthImage: !0,
+      sx: { px: 0 }
+    },
+    header: {
+      ...c.header,
+      hasFullWidthImage: !0
+    },
+    children: /* @__PURE__ */ r(d, {
+      sx: {
+        background: f,
+        p: 16,
+        width: "100%"
+      },
+      children: /* @__PURE__ */ r(w, {
+        sx: {
+          bgcolor: a ? "grey.800" : "common.white",
+          p: 16
+        },
+        children: /* @__PURE__ */ i(n, {
+          sx: {
+            alignItems: "center",
+            gap: 12
+          },
+          children: [/* @__PURE__ */ r(C, {
+            alt: t.description,
+            categoryGuid: o,
+            merchantGuid: x,
+            size: 40
+          }), /* @__PURE__ */ i(n, {
+            sx: {
+              alignItems: "center",
+              gap: 4
+            },
+            children: [
+              /* @__PURE__ */ r(B, {
+                color: "success.main",
+                children: m
+              }),
+              /* @__PURE__ */ r(l, {
+                bold: !0,
+                sx: {
+                  fontSize: 13,
+                  lineHeight: "16px"
+                },
+                children: p
+              }),
+              /* @__PURE__ */ i(n, {
+                sx: {
+                  alignItems: "center",
+                  flexDirection: "row",
+                  gap: 4
+                },
+                children: [u && /* @__PURE__ */ r(I, {
+                  categoryGuid: o,
+                  icon_ratio: 1,
+                  size: 16,
+                  sx: { color: "text.secondary" },
+                  variant: "transparent"
+                }), /* @__PURE__ */ r(l, {
+                  color: "text.secondary",
+                  sx: {
+                    fontSize: 11,
+                    lineHeight: "16px"
+                  },
+                  children: h
+                })]
+              })
+            ]
+          })]
+        })
+      })
+    })
+  });
+};
+export {
+  j as SharedDeposit
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/SharedDeposit/SharedDeposit/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/SharedDeposit/SharedDeposit.tsx"],"sourcesContent":["import { CategoryIcon, H3, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { SharedDepositProps } from './types'\n\nexport const SharedDeposit: React.FC<SharedDepositProps> = ({\n  beat,\n  buttonProps,\n  category,\n  formattedAmount,\n  isDarkMode,\n  transactionDescription,\n  ...restProps\n}) => {\n  const { primary_transaction: transaction, primary_category_guid } = beat\n  if (!transaction) return null\n\n  const categoryGuid =\n    transaction.top_level_category_guid || transaction.category_guid || primary_category_guid || ''\n  const merchantGuid = transaction.merchant_guid || ''\n  const showCategoryIcon = categoryGuid || primary_category_guid\n  const background = isDarkMode\n    ? 'linear-gradient(#19B07B, #006642)'\n    : 'linear-gradient(#D9FDEA, #8DF1CE)'\n  return (\n    <BeatCard\n      {...restProps}\n      beat={beat}\n      button={\n        <Box sx={{ pb: 16, px: 16 }}>\n          <InsightButton {...buttonProps} beat={beat} />\n        </Box>\n      }\n      contentProps={{\n        hasFullWidthImage: true,\n        sx: { px: 0 },\n      }}\n      header={{\n        ...restProps.header,\n        hasFullWidthImage: true,\n      }}\n    >\n      <Box sx={{ background, p: 16, width: '100%' }}>\n        <Card sx={{ bgcolor: isDarkMode ? 'grey.800' : 'common.white', p: 16 }}>\n          <Stack sx={{ alignItems: 'center', gap: 12 }}>\n            <MerchantLogo\n              alt={transaction.description}\n              categoryGuid={categoryGuid}\n              merchantGuid={merchantGuid}\n              size={40}\n            />\n            <Stack sx={{ alignItems: 'center', gap: 4 }}>\n              <H3 color=\"success.main\">{formattedAmount}</H3>\n              <Text bold={true} sx={{ fontSize: 13, lineHeight: '16px' }}>\n                {transactionDescription}\n              </Text>\n              <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n                {showCategoryIcon && (\n                  <CategoryIcon\n                    categoryGuid={categoryGuid}\n                    icon_ratio={1}\n                    size={16}\n                    sx={{ color: 'text.secondary' }}\n                    variant=\"transparent\"\n                  />\n                )}\n                <Text color=\"text.secondary\" sx={{ fontSize: 11, lineHeight: '16px' }}>\n                  {category}\n                </Text>\n              </Stack>\n            </Stack>\n          </Stack>\n        </Card>\n      </Box>\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;;AAWA,IAAa,IAAA,CAA+C,EAC1D,MAAA,GACA,aAAA,GACA,UAAA,GACA,iBAAA,GACA,YAAA,GACA,wBAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,qBAAqB,GAAa,uBAAA,EAAA,IAA0B;AACpE,MAAI,CAAC,EAAa,QAAO;AAEzB,QAAM,IACJ,EAAY,2BAA2B,EAAY,iBAAiB,KAAyB,IACzF,IAAe,EAAY,iBAAiB,IAC5C,IAAmB,KAAgB,GACnC,IAAa,IACf,sCACA;AACJ,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACE,MAAA;AAAA,IACN,QACE,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,gBACxB,gBAAA,EAAC,GAAD;AAAA,QAAe,GAAI;AAAA,QAAmB,MAAA;AAAA,MAAO,CAAA;AAAA,IAC1C,CAAA;AAAA,IAEP,cAAc;AAAA,MACZ,mBAAmB;AAAA,MACnB,IAAI,EAAE,IAAI,EAAE;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,MACN,GAAG,EAAU;AAAA,MACb,mBAAmB;AAAA,IACrB;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,YAAA;AAAA,QAAY,GAAG;AAAA,QAAI,OAAO;AAAA,MAAO;AAAA,gBAC1C,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI;AAAA,UAAE,SAAS,IAAa,aAAa;AAAA,UAAgB,GAAG;AAAA,QAAG;AAAA,kBACnE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,YAAY;AAAA,YAAU,KAAK;AAAA,UAAG;AAAA,oBAA3C,CACE,gBAAA,EAAC,GAAD;AAAA,YACE,KAAK,EAAY;AAAA,YACH,cAAA;AAAA,YACA,cAAA;AAAA,YACd,MAAM;AAAA,UACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,YAAY;AAAA,cAAU,KAAK;AAAA,YAAE;AAAA,sBAA1C;AAAA,cACE,gBAAA,EAAC,GAAD;AAAA,gBAAI,OAAM;AAAA,0BAAgB;AAAA,cAAoB,CAAA;AAAA,cAC9C,gBAAA,EAAC,GAAD;AAAA,gBAAM,MAAM;AAAA,gBAAM,IAAI;AAAA,kBAAE,UAAU;AAAA,kBAAI,YAAY;AAAA,gBAAO;AAAA,0BACtD;AAAA,cACG,CAAA;AAAA,cACN,gBAAA,EAAC,GAAD;AAAA,gBAAO,IAAI;AAAA,kBAAE,YAAY;AAAA,kBAAU,eAAe;AAAA,kBAAO,KAAK;AAAA,gBAAE;AAAA,0BAAhE,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,kBACgB,cAAA;AAAA,kBACd,YAAY;AAAA,kBACZ,MAAM;AAAA,kBACN,IAAI,EAAE,OAAO,iBAAiB;AAAA,kBAC9B,SAAQ;AAAA,gBACT,CAAA,GAEH,gBAAA,EAAC,GAAD;AAAA,kBAAM,OAAM;AAAA,kBAAiB,IAAI;AAAA,oBAAE,UAAU;AAAA,oBAAI,YAAY;AAAA,kBAAO;AAAA,4BACjE;AAAA,gBACG,CAAA,CACD;AAAA;YACF;AAAA,YACF;AAAA;MACH,CAAA;AAAA,IACH,CAAA;AAAA,EACG,CAAA;AAEd"}

package/dist/insights/components/insights/SwitchDirectDeposit/AccountBox/index.es.js

@@ -0,0 +1,37 @@
+import "react";
+import o from "@mui/material/Stack";
+import { InstitutionLogo as s, P as a } from "@mxenabled/mxui";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import c from "@mui/material/Box";
+var h = ({ accountGuid: i, accountName: n }) => /* @__PURE__ */ e(o, {
+  className: "mx-insights-sdd-account-Card",
+  sx: {
+    gap: 4,
+    width: 100
+  },
+  children: [/* @__PURE__ */ t(c, {
+    className: "mx-insights-sdd-account-image-container",
+    sx: {
+      display: "flex",
+      justifyContent: "center",
+      width: "100%"
+    },
+    children: /* @__PURE__ */ t(s, {
+      alt: "Financial Institution Logo",
+      "data-ui-test": "mx-insights-sudd-full-feed-body-logo",
+      height: 32,
+      institutionGuid: i || "",
+      width: 32
+    })
+  }), /* @__PURE__ */ t(a, {
+    className: "mx-insights-sdd-account-account-name",
+    sx: { textAlign: "center" },
+    variant: "tiny",
+    children: n
+  })]
+});
+export {
+  h as AccountBox
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/SwitchDirectDeposit/AccountBox/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/SwitchDirectDeposit/AccountBox.tsx"],"sourcesContent":["import React from 'react'\n\nimport { InstitutionLogo, P } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\ninterface AccountBoxProps {\n  accountGuid: string\n  accountName: string\n}\n\nexport const AccountBox: React.FC<AccountBoxProps> = ({ accountGuid, accountName }) => {\n  return (\n    <Stack\n      className=\"mx-insights-sdd-account-Card\"\n      sx={{\n        gap: 4,\n        width: 100,\n      }}\n    >\n      <Box\n        className=\"mx-insights-sdd-account-image-container\"\n        sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}\n      >\n        <InstitutionLogo\n          alt=\"Financial Institution Logo\"\n          data-ui-test=\"mx-insights-sudd-full-feed-body-logo\"\n          height={32}\n          institutionGuid={accountGuid || ''}\n          width={32}\n        />\n      </Box>\n\n      <P\n        className=\"mx-insights-sdd-account-account-name\"\n        sx={{ textAlign: 'center' }}\n        variant=\"tiny\"\n      >\n        {accountName}\n      </P>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,IAAA,CAAyC,EAAE,aAAA,GAAa,aAAA,EAAA,MAEjE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAU;AAAA,EACV,IAAI;AAAA,IACF,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AAAA,YALF,CAOE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,MAAE,SAAS;AAAA,MAAQ,gBAAgB;AAAA,MAAU,OAAO;AAAA,IAAO;AAAA,cAE/D,gBAAA,EAAC,GAAD;AAAA,MACE,KAAI;AAAA,MACJ,gBAAa;AAAA,MACb,QAAQ;AAAA,MACR,iBAAiB,KAAe;AAAA,MAChC,OAAO;AAAA,IACR,CAAA;AAAA,EACE,CAAA,GAEL,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI,EAAE,WAAW,SAAS;AAAA,IAC1B,SAAQ;AAAA,cAEP;AAAA,EACA,CAAA,CACE"}

package/dist/insights/components/insights/SwitchDirectDeposit/SwitchDirectDepositBody/index.es.js

@@ -0,0 +1,25 @@
+import { DirectDeposit as d } from "../../../shared/DirectDeposit/DirectDeposit/index.es.js";
+import { SwitchDirectDepositMainContainer as w } from "../SwitchDirectDepositMainContainer/index.es.js";
+import x from "react";
+import { jsx as r } from "react/jsx-runtime";
+var v = ({ account: i, animation: o, destinationAccountGuid: e, externalAccountName: m, heldAccountName: c, headerString: p, isComplete: t, isMini: n, leftLowerText: D, leftUpperText: a, rightLowerText: f, rightUpperText: h, sourceAccountGuid: s }) => /* @__PURE__ */ r(x.Fragment, { children: t ? /* @__PURE__ */ r(d, {
+  account: i,
+  animation: o,
+  headerString: p,
+  isComplete: t,
+  isMini: n,
+  leftLowerText: D,
+  leftUpperText: a,
+  rightLowerText: f,
+  rightUpperText: h
+}) : /* @__PURE__ */ r(w, {
+  destinationAccountGuid: e,
+  externalAccountName: m,
+  heldAccountName: c,
+  sourceAccountGuid: s
+}) });
+export {
+  v as SwitchDirectDepositBody
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/SwitchDirectDeposit/SwitchDirectDepositBody/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/SwitchDirectDeposit/SwitchDirectDepositBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { DirectDeposit } from '../..'\nimport { DepositBodyBaseProps } from '../../../types/DirectDeposit'\n\nimport { SwitchDirectDepositMainContainer } from './SwitchDirectDepositMainContainer'\n\ninterface SwitchDirectDepositBodyProps extends DepositBodyBaseProps {\n  destinationAccountGuid: string\n  externalAccountName: string\n  heldAccountName: string\n  sourceAccountGuid: string\n}\n\nexport const SwitchDirectDepositBody: React.FC<SwitchDirectDepositBodyProps> = ({\n  account,\n  animation,\n  destinationAccountGuid,\n  externalAccountName,\n  heldAccountName,\n  headerString,\n  isComplete,\n  isMini,\n  leftLowerText,\n  leftUpperText,\n  rightLowerText,\n  rightUpperText,\n  sourceAccountGuid,\n}) => {\n  return (\n    <React.Fragment>\n      {isComplete ? (\n        <DirectDeposit\n          account={account}\n          animation={animation}\n          headerString={headerString}\n          isComplete={isComplete}\n          isMini={isMini}\n          leftLowerText={leftLowerText}\n          leftUpperText={leftUpperText}\n          rightLowerText={rightLowerText}\n          rightUpperText={rightUpperText}\n        />\n      ) : (\n        <SwitchDirectDepositMainContainer\n          destinationAccountGuid={destinationAccountGuid}\n          externalAccountName={externalAccountName}\n          heldAccountName={heldAccountName}\n          sourceAccountGuid={sourceAccountGuid}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;AAcA,IAAa,IAAA,CAAmE,EAC9E,SAAA,GACA,WAAA,GACA,wBAAA,GACA,qBAAA,GACA,iBAAA,GACA,cAAA,GACA,YAAA,GACA,QAAA,GACA,eAAA,GACA,eAAA,GACA,gBAAA,GACA,gBAAA,GACA,mBAAA,EAAA,MAGE,gBAAA,EAAC,EAAM,UAAP,EAAA,UACG,IACC,gBAAA,EAAC,GAAD;AAAA,EACW,SAAA;AAAA,EACE,WAAA;AAAA,EACG,cAAA;AAAA,EACF,YAAA;AAAA,EACJ,QAAA;AAAA,EACO,eAAA;AAAA,EACA,eAAA;AAAA,EACC,gBAAA;AAAA,EACA,gBAAA;AACjB,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,EAC0B,wBAAA;AAAA,EACH,qBAAA;AAAA,EACJ,iBAAA;AAAA,EACE,mBAAA;AACpB,CAAA,EAEW,CAAA"}

package/dist/insights/components/insights/SwitchDirectDeposit/SwitchDirectDepositMainContainer/index.es.js

@@ -0,0 +1,36 @@
+import { AccountBox as r } from "../AccountBox/index.es.js";
+import "react";
+import n from "@mui/material/Stack";
+import { Icon as m } from "@mxenabled/mx-icons";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+var w = ({ destinationAccountGuid: t, externalAccountName: i, heldAccountName: a, sourceAccountGuid: c }) => /* @__PURE__ */ e(n, {
+  className: "mx-insights-sdd-main-container",
+  direction: "row",
+  sx: {
+    gap: 8,
+    justifyContent: "center",
+    py: 12,
+    width: "100%"
+  },
+  children: [
+    /* @__PURE__ */ o(r, {
+      accountGuid: c,
+      accountName: i
+    }),
+    /* @__PURE__ */ o(m, {
+      className: "mx-insights-sdd-arrow-forward-icon",
+      name: "arrow_forward",
+      size: 24,
+      sx: { my: "auto" }
+    }),
+    /* @__PURE__ */ o(r, {
+      accountGuid: t,
+      accountName: a
+    })
+  ]
+});
+export {
+  w as SwitchDirectDepositMainContainer
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/SwitchDirectDeposit/SwitchDirectDepositMainContainer/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/SwitchDirectDeposit/SwitchDirectDepositMainContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport Stack from '@mui/material/Stack'\n\nimport { AccountBox } from './AccountBox'\n\ninterface SwitchDirectDepositMainContainerProps {\n  destinationAccountGuid: string\n  externalAccountName: string\n  heldAccountName: string\n  sourceAccountGuid: string\n}\n\nexport const SwitchDirectDepositMainContainer: React.FC<SwitchDirectDepositMainContainerProps> = ({\n  destinationAccountGuid,\n  externalAccountName,\n  heldAccountName,\n  sourceAccountGuid,\n}) => {\n  return (\n    <Stack\n      className=\"mx-insights-sdd-main-container\"\n      direction=\"row\"\n      sx={{ gap: 8, justifyContent: 'center', py: 12, width: '100%' }}\n    >\n      <AccountBox accountGuid={sourceAccountGuid} accountName={externalAccountName} />\n      <Icon\n        className=\"mx-insights-sdd-arrow-forward-icon\"\n        name=\"arrow_forward\"\n        size={24}\n        sx={{ my: 'auto' }}\n      />\n      <AccountBox accountGuid={destinationAccountGuid} accountName={heldAccountName} />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAeA,IAAa,IAAA,CAAqF,EAChG,wBAAA,GACA,qBAAA,GACA,iBAAA,GACA,mBAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,WAAU;AAAA,EACV,WAAU;AAAA,EACV,IAAI;AAAA,IAAE,KAAK;AAAA,IAAG,gBAAgB;AAAA,IAAU,IAAI;AAAA,IAAI,OAAO;AAAA,EAAO;AAAA,YAHhE;AAAA,IAKE,gBAAA,EAAC,GAAD;AAAA,MAAY,aAAa;AAAA,MAAmB,aAAa;AAAA,IAAsB,CAAA;AAAA,IAC/E,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,MAAK;AAAA,MACL,MAAM;AAAA,MACN,IAAI,EAAE,IAAI,OAAO;AAAA,IAClB,CAAA;AAAA,IACD,gBAAA,EAAC,GAAD;AAAA,MAAY,aAAa;AAAA,MAAwB,aAAa;AAAA,IAAkB,CAAA;AAAA,EAC3E"}

package/dist/insights/components/insights/UnifiedDeposit/UnifiedDeposit/index.es.js

@@ -0,0 +1,38 @@
+import { BeatCard as d } from "../../../shared/InsightsCard/BeatCard/index.es.js";
+import { InsightButton as a } from "../../../shared/InsightsCard/InsightButton/index.es.js";
+import { UnifiedDepositBody as h } from "../UnifiedDepositBody/index.es.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import f from "@mui/material/Box";
+var I = ({ beat: r, buttonProps: i, category: m, formattedNumber: n, institutionName: p, isMini: o, ...e }) => /* @__PURE__ */ t(d, {
+  ...e,
+  beat: r,
+  button: /* @__PURE__ */ t(f, {
+    sx: {
+      pt: 8,
+      px: 16
+    },
+    children: /* @__PURE__ */ t(a, {
+      ...i,
+      beat: r
+    })
+  }),
+  contentProps: { hasFullWidthImage: !0 },
+  header: {
+    ...e.header,
+    hasFullWidthImage: !0
+  },
+  isMini: o,
+  children: /* @__PURE__ */ t(h, {
+    beat: r,
+    category: m,
+    formattedNumber: n,
+    institutionName: p || "",
+    isMini: o
+  })
+});
+export {
+  I as UnifiedDeposit
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/UnifiedDeposit/UnifiedDeposit/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/UnifiedDeposit/UnifiedDeposit.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { CommonBeatProps } from '../../../types/CommonBeat'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nimport { UnifiedDepositBody } from './UnifiedDepositBody'\n\nexport interface UnifiedDepositProps extends CommonBeatProps {\n  category: string\n  formattedNumber: string\n}\n\nexport const UnifiedDeposit: React.FC<UnifiedDepositProps> = ({\n  beat,\n  buttonProps,\n  category,\n  formattedNumber,\n  institutionName,\n  isMini,\n  ...restProps\n}) => {\n  return (\n    <BeatCard\n      {...restProps}\n      beat={beat}\n      button={\n        <Box sx={{ pt: 8, px: 16 }}>\n          <InsightButton {...buttonProps} beat={beat} />\n        </Box>\n      }\n      contentProps={{\n        hasFullWidthImage: true,\n      }}\n      header={{\n        ...restProps.header,\n        hasFullWidthImage: true,\n      }}\n      isMini={isMini}\n    >\n      <UnifiedDepositBody\n        beat={beat}\n        category={category}\n        formattedNumber={formattedNumber}\n        institutionName={institutionName || ''}\n        isMini={isMini!}\n      />\n    </BeatCard>\n  )\n}\n"],"mappings":";;;;;;AAeA,IAAa,IAAA,CAAiD,EAC5D,MAAA,GACA,aAAA,GACA,UAAA,GACA,iBAAA,GACA,iBAAA,GACA,QAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACE,GAAI;AAAA,EACE,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,IAAI;AAAA,MAAG,IAAI;AAAA,IAAG;AAAA,cACvB,gBAAA,EAAC,GAAD;AAAA,MAAe,GAAI;AAAA,MAAmB,MAAA;AAAA,IAAO,CAAA;AAAA,EAC1C,CAAA;AAAA,EAEP,cAAc,EACZ,mBAAmB,GACrB;AAAA,EACA,QAAQ;AAAA,IACN,GAAG,EAAU;AAAA,IACb,mBAAmB;AAAA,EACrB;AAAA,EACQ,QAAA;AAAA,YAER,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACI,UAAA;AAAA,IACO,iBAAA;AAAA,IACjB,iBAAiB,KAAmB;AAAA,IAC5B,QAAA;AAAA,EACT,CAAA;AACO,CAAA"}

package/dist/insights/components/insights/UnifiedDeposit/UnifiedDepositBody/index.es.js

@@ -0,0 +1,86 @@
+import "react";
+import n from "@mui/material/Stack";
+import { CategoryIcon as m, MerchantLogo as p, P as o } from "@mxenabled/mxui";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import g from "@mui/material/Card";
+var v = ({ beat: t, category: c, formattedNumber: d, institutionName: s, isMini: i = !1 }) => {
+  const l = { logoSize: i ? 32 : 40 }, e = {
+    boxContainer: {
+      background: "linear-gradient(205.05deg, #CEFEE6 0.8%, #8EEBBE 98.51%)",
+      marginBottom: i ? 0 : 24,
+      py: 16,
+      px: 24,
+      width: "100%"
+    },
+    card: {
+      alignItems: "center",
+      borderRadius: "8px",
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      p: 16,
+      width: "100%"
+    }
+  };
+  return /* @__PURE__ */ r(n, {
+    sx: e.boxContainer,
+    children: /* @__PURE__ */ a(g, {
+      sx: {
+        ...e.card,
+        bgcolor: "background.paper"
+      },
+      children: [
+        /* @__PURE__ */ r(p, {
+          alt: s,
+          categoryGuid: t.primary_transaction?.top_level_category_guid || "",
+          merchantGuid: t.primary_transaction?.merchant_guid || "",
+          size: l.logoSize
+        }),
+        /* @__PURE__ */ r(o, {
+          bold: !0,
+          sx: {
+            color: "success.main",
+            fontSize: 18,
+            fontWeight: 700,
+            mt: 12
+          },
+          variant: "h3",
+          children: d
+        }),
+        /* @__PURE__ */ r(o, {
+          sx: {
+            fontSize: 13,
+            fontWeight: 400,
+            p: 4
+          },
+          variant: "body2",
+          children: t.primary_transaction?.description
+        }),
+        /* @__PURE__ */ a(n, {
+          alignItems: "center",
+          direction: "row",
+          children: [t.primary_transaction?.top_level_category_guid && /* @__PURE__ */ r(m, {
+            categoryGuid: t.primary_transaction?.top_level_category_guid,
+            icon_ratio: 1,
+            size: 15,
+            variant: "transparent"
+          }), /* @__PURE__ */ r(o, {
+            sx: {
+              color: "text.secondary",
+              fontSize: 11,
+              fontWeight: 400,
+              ml: 8
+            },
+            variant: "caption",
+            children: c
+          })]
+        })
+      ]
+    })
+  });
+};
+export {
+  v as UnifiedDepositBody
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/UnifiedDeposit/UnifiedDepositBody/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/UnifiedDeposit/UnifiedDepositBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CategoryIcon, MerchantLogo, P } from '@mxenabled/mxui'\n\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { Beat } from '../../../types/CommonBeat'\n\ninterface UnifiedDepositBodyProps {\n  beat: Beat\n  category: string\n  formattedNumber: string\n  institutionName: string\n  isMini: boolean\n}\n\nexport const UnifiedDepositBody: React.FC<UnifiedDepositBodyProps> = ({\n  beat,\n  category,\n  formattedNumber,\n  institutionName,\n  isMini = false,\n}) => {\n  const dimensions = {\n    logoSize: !isMini ? 40 : 32,\n  }\n\n  const styles = {\n    boxContainer: {\n      background: 'linear-gradient(205.05deg, #CEFEE6 0.8%, #8EEBBE 98.51%)',\n      marginBottom: isMini ? 0 : 24,\n      py: 16,\n      px: 24,\n      width: '100%',\n    },\n    card: {\n      alignItems: 'center',\n      borderRadius: '8px',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      p: 16,\n      width: '100%',\n    },\n  }\n\n  return (\n    <Stack sx={styles.boxContainer}>\n      <Card\n        sx={{\n          ...styles.card,\n          bgcolor: 'background.paper',\n        }}\n      >\n        <MerchantLogo\n          alt={institutionName}\n          categoryGuid={beat.primary_transaction?.top_level_category_guid || ''}\n          merchantGuid={beat.primary_transaction?.merchant_guid || ''}\n          size={dimensions.logoSize}\n        />\n        <P\n          bold={true}\n          sx={{ color: 'success.main', fontSize: 18, fontWeight: 700, mt: 12 }}\n          variant=\"h3\"\n        >\n          {formattedNumber}\n        </P>\n        <P sx={{ fontSize: 13, fontWeight: 400, p: 4 }} variant=\"body2\">\n          {beat.primary_transaction?.description}\n        </P>\n\n        <Stack alignItems=\"center\" direction=\"row\">\n          {beat.primary_transaction?.top_level_category_guid && (\n            <CategoryIcon\n              categoryGuid={beat.primary_transaction?.top_level_category_guid}\n              icon_ratio={1}\n              size={15}\n              variant=\"transparent\"\n            />\n          )}\n          <P\n            sx={{ color: 'text.secondary', fontSize: 11, fontWeight: 400, ml: 8 }}\n            variant=\"caption\"\n          >\n            {category}\n          </P>\n        </Stack>\n      </Card>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAA,CAAyD,EACpE,MAAA,GACA,UAAA,GACA,iBAAA,GACA,iBAAA,GACA,QAAA,IAAS,GAAA,MACL;AACJ,QAAM,IAAa,EACjB,UAAW,IAAc,KAAL,GACtB,GAEM,IAAS;AAAA,IACb,cAAc;AAAA,MACZ,YAAY;AAAA,MACZ,cAAc,IAAS,IAAI;AAAA,MAC3B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,GAAG;AAAA,MACH,OAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAO;AAAA,cAChB,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,GAAG,EAAO;AAAA,QACV,SAAS;AAAA,MACX;AAAA,gBAJF;AAAA,QAME,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK;AAAA,UACL,cAAc,EAAK,qBAAqB,2BAA2B;AAAA,UACnE,cAAc,EAAK,qBAAqB,iBAAiB;AAAA,UACzD,MAAM,EAAW;AAAA,QAClB,CAAA;AAAA,QACD,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,IAAI;AAAA,YAAE,OAAO;AAAA,YAAgB,UAAU;AAAA,YAAI,YAAY;AAAA,YAAK,IAAI;AAAA,UAAG;AAAA,UACnE,SAAQ;AAAA,oBAEP;AAAA,QACA,CAAA;AAAA,QACH,gBAAA,EAAC,GAAD;AAAA,UAAG,IAAI;AAAA,YAAE,UAAU;AAAA,YAAI,YAAY;AAAA,YAAK,GAAG;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,oBACrD,EAAK,qBAAqB;AAAA,QAC1B,CAAA;AAAA,QAEH,gBAAA,EAAC,GAAD;AAAA,UAAO,YAAW;AAAA,UAAS,WAAU;AAAA,oBAArC,CACG,EAAK,qBAAqB,2BACzB,gBAAA,EAAC,GAAD;AAAA,YACE,cAAc,EAAK,qBAAqB;AAAA,YACxC,YAAY;AAAA,YACZ,MAAM;AAAA,YACN,SAAQ;AAAA,UACT,CAAA,GAEH,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cAAE,OAAO;AAAA,cAAkB,UAAU;AAAA,cAAI,YAAY;AAAA,cAAK,IAAI;AAAA,YAAE;AAAA,YACpE,SAAQ;AAAA,sBAEP;AAAA,UACA,CAAA,CACE;AAAA;MACH;AAAA;EACD,CAAA;AAEX"}

package/dist/insights/components/insights/UserFeedback/StyledToggleButton/index.es.js

@@ -0,0 +1,34 @@
+import "react";
+import { jsx as m } from "react/jsx-runtime";
+import n from "@mui/material/ToggleButton";
+var u = ({ children: o, value: i }) => /* @__PURE__ */ m(n, {
+  color: "primary",
+  fullWidth: !0,
+  sx: ({ palette: r }) => ({
+    color: r.primary.main,
+    fontWeight: 600,
+    px: 24,
+    py: 14,
+    "&:hover": {
+      backgroundColor: r.mode === "dark" ? `${r.primary.darker}25` : "inherit",
+      borderColor: r.primary.main,
+      color: r.primary.main
+    },
+    "&.Mui-selected:hover": {
+      color: r.primary.main,
+      borderColor: r.primary.main
+    },
+    "&.Mui-selected": {
+      backgroundColor: r.primary.main,
+      borderColor: r.primary.main,
+      color: r.common.white
+    }
+  }),
+  value: i,
+  children: o
+});
+export {
+  u as StyledToggleButton
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/insights/components/insights/UserFeedback/StyledToggleButton/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/UserFeedback/StyledToggleButton.tsx"],"sourcesContent":["import React from 'react'\n\nimport ToggleButton from '@mui/material/ToggleButton'\n\ninterface StyledToggleButtonProps {\n  children: React.ReactNode\n  value: string\n}\n\nexport const StyledToggleButton: React.FC<StyledToggleButtonProps> = ({ children, value }) => {\n  return (\n    <ToggleButton\n      color=\"primary\"\n      fullWidth={true}\n      sx={({ palette }) => ({\n        color: palette.primary.main,\n        fontWeight: 600,\n        px: 24,\n        py: 14,\n        '&:hover': {\n          backgroundColor: palette.mode === 'dark' ? `${palette.primary.darker}25` : 'inherit',\n          borderColor: palette.primary.main,\n          color: palette.primary.main,\n        },\n        '&.Mui-selected:hover': {\n          color: palette.primary.main,\n          borderColor: palette.primary.main,\n        },\n        '&.Mui-selected': {\n          backgroundColor: palette.primary.main,\n          borderColor: palette.primary.main,\n          color: palette.common.white,\n        },\n      })}\n      value={value}\n    >\n      {children}\n    </ToggleButton>\n  )\n}\n"],"mappings":";;;AASA,IAAa,IAAA,CAAyD,EAAE,UAAA,GAAU,OAAA,EAAA,MAE9E,gBAAA,EAAC,GAAD;AAAA,EACE,OAAM;AAAA,EACN,WAAW;AAAA,EACX,IAAA,CAAK,EAAE,SAAA,EAAA,OAAe;AAAA,IACpB,OAAO,EAAQ,QAAQ;AAAA,IACvB,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,WAAW;AAAA,MACT,iBAAiB,EAAQ,SAAS,SAAS,GAAG,EAAQ,QAAQ,MAAA,OAAa;AAAA,MAC3E,aAAa,EAAQ,QAAQ;AAAA,MAC7B,OAAO,EAAQ,QAAQ;AAAA,IACzB;AAAA,IACA,wBAAwB;AAAA,MACtB,OAAO,EAAQ,QAAQ;AAAA,MACvB,aAAa,EAAQ,QAAQ;AAAA,IAC/B;AAAA,IACA,kBAAkB;AAAA,MAChB,iBAAiB,EAAQ,QAAQ;AAAA,MACjC,aAAa,EAAQ,QAAQ;AAAA,MAC7B,OAAO,EAAQ,OAAO;AAAA,IACxB;AAAA,EACF;AAAA,EACO,OAAA;AAAA,EAEN,UAAA;AACW,CAAA"}