@mx-cartographer/experiences 8.1.5 → 8.1.7

package/dist/EmbeddedCard-CBS3uUbk.mjs

@@ -1,810 +0,0 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import _, { useMemo as q, useState as K, useEffect as J } from "react";
-import A from "@mui/material/Box";
-import Y from "@mui/material/Button";
-import c from "@mui/material/Stack";
-import { Icon as $, P as N, H3 as P, Text as f, MerchantLogo as ee, H2 as te } from "@mxenabled/mxui";
-import { Receipt as re, Icon as ne } from "@mxenabled/mx-icons";
-import { L as ie, O as oe, e as ae } from "./exportTransactionsToCSV-B2Lp7AMl.mjs";
-import { observer as H } from "mobx-react-lite";
-import { useVirtualizer as se } from "@tanstack/react-virtual";
-import le from "@mui/material/Divider";
-import ce from "@mui/material/List";
-import { G as de, h as z, u as O, g as he, b as me } from "./hooks-HwStH7q_.mjs";
-import pe from "@mui/material/ListItemAvatar";
-import ue from "@mui/material/ListItemText";
-import { useTheme as W } from "@mui/material/styles";
-import { T as fe } from "./Transaction-Cn5_iFm0.mjs";
-import { f as B } from "./NumberFormatting-CyrvFgfd.mjs";
-import { fromUnixTime as R } from "date-fns/fromUnixTime";
-import { isSameDay as Z } from "date-fns/isSameDay";
-import { f as ge, D as xe } from "./DateFormats-CaOj_4eI.mjs";
-import { i as be } from "./DateUtil-D0TO0DaZ.mjs";
-import { L as Q } from "./Loader-CxeBwuPG.mjs";
-import { A as ye } from "./Analytics-CzGzz_sE.mjs";
-import _e from "@mui/material/Tab";
-import we from "@mui/material/Tabs";
-import Ce from "@mui/material/IconButton";
-import { D as ve } from "./Drawer-XPaLYjiO.mjs";
-import { ChartContainer as Te, ChartsReferenceLine as j, ChartsXAxis as Se, BarPlot as De } from "@mui/x-charts";
-import Ie from "@mui/material/Card";
-const Le = ({ message: e, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) => {
-  const s = i || r, h = i ? "chevron_right" : "close";
-  return /* @__PURE__ */ a(
-    c,
-    {
-      sx: {
-        backgroundColor: "primary.lighter",
-        borderRadius: "8px",
-        mb: 24,
-        mt: 12,
-        p: 12,
-        mx: 24,
-        alignItems: "flex-start",
-        justifyContent: "space-between",
-        flexDirection: "row",
-        gap: 8,
-        ...o
-      },
-      children: [
-        /* @__PURE__ */ a(c, { sx: { flexDirection: "row", gap: 4 }, children: [
-          /* @__PURE__ */ t($, { color: "info", fill: !0, name: "lightbulb", size: 24 }),
-          /* @__PURE__ */ t(N, { color: "primary.dark", fontWeight: 400, noWrap: !1, variant: "subtitle2", children: e })
-        ] }),
-        s && /* @__PURE__ */ t(
-          Ce,
-          {
-            "aria-label": n,
-            onClick: s,
-            size: "small",
-            sx: { minHeight: 0, minWidth: 0, p: 0 },
-            children: /* @__PURE__ */ t($, { color: "primary", fill: !0, name: h, size: 20 })
-          }
-        )
-      ]
-    }
-  );
-}, ke = ({
-  ariaLabel: e,
-  beat: n,
-  chart: r,
-  children: i,
-  data: o,
-  defaultSelectedIndex: s,
-  icon: h,
-  onTabChange: g,
-  tipSection: m
-}) => {
-  const { heading: d, subHeading: u } = n, x = q(
-    () => s ?? (o.length ? o.length - 1 : 0),
-    [s, o.length]
-  ), [y, p] = K(x), D = (v, T) => {
-    g?.(T), p(T);
-  }, I = (v) => {
-    p(v);
-  };
-  return /* @__PURE__ */ a(A, { sx: { bgcolor: "background.paper", width: "100%" }, children: [
-    /* @__PURE__ */ t(we, { "aria-label": e, onChange: D, value: y, variant: "fullWidth", children: o.map((v, T) => /* @__PURE__ */ t(
-      _e,
-      {
-        id: `transaction-details-tab-${T}`,
-        label: v.label,
-        sx: { minWidth: "auto", px: 0 }
-      },
-      `${v.label}-${T}`
-    )) }),
-    /* @__PURE__ */ t(c, { sx: { pt: 16, px: 24 }, children: (d || u) && /* @__PURE__ */ a(c, { sx: { gap: 4 }, children: [
-      d && /* @__PURE__ */ t(P, { children: d }),
-      u && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-        h,
-        /* @__PURE__ */ t(f, { textTransform: "uppercase", variant: "body2", children: u.description })
-      ] })
-    ] }) }),
-    r?.(y, I),
-    m && /* @__PURE__ */ t(Le, { ...m }),
-    i?.(y)
-  ] });
-}, V = () => {
-  if (!_.useContext(de))
-    throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
-  return z().uiStore;
-};
-function Ae() {
-  return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
-}
-function X(e) {
-  const n = Ae().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), r = window.parent || window.opener || !1;
-  return r && r.postMessage && n ? (r.postMessage(e, n), !0) : !1;
-}
-function Ee(e) {
-  return X({
-    metadata: { beat_guid: e },
-    mx: !0,
-    type: "mx/moneyDashboard/insightOnTransaction"
-  });
-}
-function wt(e) {
-  return X({
-    metadata: { template: e },
-    mx: !0,
-    type: "mx/pulse/client_configured_cta"
-  });
-}
-const $e = ({ transaction: e, onClick: n }) => {
-  const i = W().palette.mode === "dark", { associatedBeats: o } = z(), { expandedSplits: s } = V(), { transactions: h } = O(), { showInsights: g } = V(), m = e.transaction_type === fe.CREDIT, d = _.useMemo(() => o.find((u) => u.associated_transaction_guid === e.guid), [o, e]);
-  return (
-    //TODO: implement common/components/ListItemRow.tsx
-    /* @__PURE__ */ a(
-      ie,
-      {
-        clickEventName: oe.ON_TRANSACTION_LIST_ITEM_CLICK,
-        onClick: n ? () => n(e.guid) : void 0,
-        children: [
-          /* @__PURE__ */ t(pe, { children: e.parent_guid && s.includes(e.parent_guid) ? /* @__PURE__ */ t(_.Fragment, {}) : /* @__PURE__ */ t(
-            ee,
-            {
-              categoryGuid: e.top_level_category_guid || "",
-              merchantGuid: e.merchant_guid || ""
-            }
-          ) }),
-          /* @__PURE__ */ t(
-            ue,
-            {
-              disableTypography: !0,
-              secondary: /* @__PURE__ */ a(c, { direction: "row", justifyContent: "space-between", children: [
-                /* @__PURE__ */ a(c, { alignItems: "center", direction: "row", gap: 4, children: [
-                  e.is_flagged && /* @__PURE__ */ t(
-                    $,
-                    {
-                      fill: !0,
-                      name: "flag",
-                      size: 16,
-                      sx: { color: i ? "primary.main" : "warning.dark" }
-                    }
-                  ),
-                  e.is_hidden && /* @__PURE__ */ t($, { name: "visibility_off", size: 16 }),
-                  e.has_been_split && /* @__PURE__ */ t($, { name: "call_split", size: 16 }),
-                  /* @__PURE__ */ t(f, { variant: "caption", children: e.has_been_split ? h.split_transaction_category_label : e.category })
-                ] }),
-                d && g && /* @__PURE__ */ t(
-                  f,
-                  {
-                    bold: !0,
-                    color: "action.active",
-                    onClick: (u) => {
-                      u.stopPropagation(), u.preventDefault(), Ee(d.guid);
-                    },
-                    variant: "caption",
-                    children: d.short_title
-                  }
-                )
-              ] }),
-              children: /* @__PURE__ */ a(c, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
-                /* @__PURE__ */ a(f, { bold: !0, variant: "body1", children: [
-                  e.is_hidden && h.hide_trnx_cancel_hidden_note,
-                  e.payee || e.description || e.feed_description
-                ] }),
-                /* @__PURE__ */ a(
-                  f,
-                  {
-                    bold: !0,
-                    color: m ? "success.main" : "text.primary",
-                    sx: { flexShrink: 0 },
-                    variant: "body1",
-                    children: [
-                      m ? "+" : "",
-                      B(e.amount, "0,0.00")
-                    ]
-                  }
-                )
-              ] })
-            }
-          )
-        ]
-      }
-    )
-  );
-}, Me = H($e), Re = ({
-  bgcolor: e = "background.default",
-  children: n
-}) => /* @__PURE__ */ t(A, { display: "inline-block", sx: { bgcolor: e, py: 6, width: "100%" }, children: /* @__PURE__ */ t(f, { bold: !0, sx: { pl: 24 }, variant: "caption", children: n }) }), ze = ({ showIcon: e = !0, showSubtitle: n = !0 }) => {
-  const { transactions: r } = O();
-  return /* @__PURE__ */ a(c, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    e && /* @__PURE__ */ t(re, { color: "action", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ t(f, { bold: !0, color: "text.secondary", variant: "body2", children: r.zero_state_no_transactions }),
-    n && /* @__PURE__ */ t(f, { color: "text.secondary", variant: "caption", children: r.zero_state_there_are_no_transactions })
-  ] });
-}, We = H(ze), G = (e, n) => {
-  const r = R(n[e].date), i = R(n[e - 1]?.date);
-  return !Z(r, i);
-}, Be = (e, n) => {
-  const r = R(n[e].date), i = R(n[e + 1]?.date);
-  return Z(r, i);
-}, Ct = (e) => e?.data ? e.data.map((n) => Object.fromEntries((e.names || []).map((r, i) => [r, n[i]]))) : [], vt = (e, n = "") => e.map((i) => {
-  const o = ge(i.date, xe.MONTH_SHORT);
-  return {
-    ariaLabel: `
-        ${o},
-        ${B(i.amount, "0.00")},
-        ${n}`,
-    label: o,
-    value: i.amount,
-    formattedAmount: B(i.amount, "0,0")
-  };
-}), U = 65, F = 32, Ve = ({
-  bgcolor: e,
-  filter: n,
-  height: r = "calc(100dvh - 36px)",
-  loader: i = /* @__PURE__ */ t(Q, { label: "Loading", size: 40 }),
-  onClick: o,
-  showInsights: s = !1,
-  showLoader: h = !1,
-  showHiddenTransactions: g = !1,
-  transaction: m,
-  width: d = "100%",
-  zeroState: u = /* @__PURE__ */ t(We, {})
-}) => {
-  const { isLoading: x, sortedTransactions: y } = z(), p = _.useMemo(() => {
-    const b = n ? y.filter(n) : y, w = m ?? b;
-    return g ? w : w.filter((l) => !l.is_hidden);
-  }, [y, g, m]), { clearExpandedSplits: D, setShowInsights: I, toggleSplit: v } = V(), { onEvent: T } = he(), M = (b) => {
-    const w = p.find((l) => l.guid === b);
-    if (w?.has_been_split) {
-      v(w.guid);
-      return;
-    }
-    T(ye.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: w?.account_guid,
-      transaction_guid: b
-    }), o?.(b);
-  }, L = _.useRef(null), k = se({
-    count: p.length,
-    getScrollElement: () => L.current,
-    estimateSize: (b) => U + (G(b, p) ? F : 0),
-    overscan: 5
-  });
-  return _.useEffect(() => k.measure(), [p]), _.useEffect(() => I(s), [s]), _.useEffect(() => () => D(), []), /* @__PURE__ */ t(ce, { component: "div", role: "list", sx: { width: d }, children: /* @__PURE__ */ t(A, { height: r, overflow: "auto", ref: L, role: "presentation", width: d, children: /* @__PURE__ */ a(
-    A,
-    {
-      height: (
-        // set the height to auto when there are no transactions so the zero state isn't set to 0
-        k.getVirtualItems().length === 0 ? "auto" : k.getTotalSize()
-      ),
-      position: "relative",
-      role: "presentation",
-      width: "100%",
-      children: [
-        (x || h) && i,
-        !x && !h && k.getVirtualItems().length === 0 && u,
-        !x && !h && k.getVirtualItems().length > 0 && k.getVirtualItems().map((b) => {
-          const w = p[b.index], l = G(b.index, p), C = Be(b.index, p), S = U + (l ? F : 0);
-          return /* @__PURE__ */ a(
-            A,
-            {
-              role: "listitem",
-              sx: {
-                height: S,
-                position: "absolute",
-                transform: `translateY(${b.start}px)`,
-                width: "100%",
-                bgcolor: "background.paper"
-              },
-              children: [
-                l && /* @__PURE__ */ t(Re, { bgcolor: e, children: be(w.date) }),
-                /* @__PURE__ */ t(
-                  Me,
-                  {
-                    ...o && { onClick: M },
-                    transaction: w
-                  }
-                ),
-                /* @__PURE__ */ t(le, { sx: { ml: C ? 68 : 0 } })
-              ]
-            },
-            w.guid
-          );
-        })
-      ]
-    }
-  ) }) });
-}, Ne = H(Ve), He = (e) => {
-  const [n, r] = K({ width: 0, height: 0 });
-  return J(() => {
-    const i = () => {
-      if (e.current) {
-        const { offsetWidth: o, offsetHeight: s } = e.current;
-        r({ width: o, height: s });
-      }
-    };
-    return i(), window.addEventListener("resize", i), () => {
-      window.removeEventListener("resize", i);
-    };
-  }, [e]), n;
-}, Oe = ({
-  color: e,
-  legendStyle: n = {},
-  monthlyAmount: r,
-  monthlyAmountLabel: i,
-  trendAmount: o,
-  trendAmountLabel: s
-}) => {
-  const h = W();
-  return /* @__PURE__ */ a(
-    c,
-    {
-      sx: {
-        alignItems: "center",
-        flexDirection: "row",
-        gap: 24,
-        justifyContent: "flex-start",
-        py: 4,
-        width: "100%",
-        ...n
-      },
-      children: [
-        i && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-          /* @__PURE__ */ t(
-            "svg",
-            {
-              "aria-hidden": "true",
-              "aria-labelledby": "chartLegendLabel",
-              fill: "none",
-              height: "12",
-              role: "figure",
-              width: "12",
-              children: /* @__PURE__ */ t("rect", { fill: e, height: "12", rx: "2", width: "12" })
-            }
-          ),
-          /* @__PURE__ */ a(f, { id: "chartLegendLabel", variant: "caption", children: [
-            i,
-            ": ",
-            r
-          ] })
-        ] }),
-        s && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-          /* @__PURE__ */ t(
-            "svg",
-            {
-              "aria-hidden": "true",
-              "aria-labelledby": "chartLegendLabel",
-              fill: "none",
-              height: "12",
-              role: "figure",
-              width: "12",
-              children: /* @__PURE__ */ t("rect", { fill: h.palette.chart.chart7, height: "12", rx: "2", width: "12" })
-            }
-          ),
-          /* @__PURE__ */ a(f, { id: "chartLegendLabel", variant: "caption", children: [
-            s,
-            ": ",
-            o
-          ] })
-        ] })
-      ]
-    }
-  );
-}, je = (e, n) => {
-  if (e <= 0 || n <= 0) return "";
-  const r = Math.min(4, e / 2, n / 2);
-  return `M${r},0 L${e - r},0 Q${e},0 ${e},${r} L${e},${n} L0,${n} L0,${r} Q0,0 ${r},0 Z`;
-}, Ge = ({
-  colorRange: e,
-  data: n,
-  dataIndex: r,
-  removeSelectedTabColorChange: i,
-  selectedTabIndex: o,
-  style: s,
-  ...h
-}) => {
-  const g = W(), { ariaLabel: m, formattedAmount: d } = n[r], u = o === r ? "bold" : 400, x = s.x ?? 0, y = s.y ?? 0, p = s.width ?? 0, D = s.height ?? 0;
-  return /* @__PURE__ */ a("g", { "aria-label": m, children: [
-    /* @__PURE__ */ t(
-      "path",
-      {
-        ...h,
-        d: je(p, D),
-        fill: e[r],
-        transform: `translate(${x}, ${y})`
-      }
-    ),
-    /* @__PURE__ */ t(
-      "text",
-      {
-        fill: g.palette.text.primary,
-        fontSize: 11,
-        fontWeight: i ? "bold" : u,
-        textAnchor: "middle",
-        x: x + p / 2,
-        y: y - 8,
-        children: d
-      }
-    )
-  ] });
-}, Ue = ({
-  amounts: e,
-  color: n,
-  data: r,
-  heightOverride: i,
-  margin: o = {
-    bottom: 30,
-    left: 40,
-    right: 40,
-    top: 20
-  },
-  onBarClick: s,
-  legendPosition: h = "bottom",
-  monthlyAmountLabel: g,
-  removeSelectedTabColorChange: m,
-  selectedTabIndex: d,
-  trendAmountLabel: u
-}) => {
-  const x = _.useRef(null), { height: y, width: p } = He(x), D = W(), I = _.useMemo(() => {
-    const l = r.map(({ value: E }) => E), C = Math.min(...l), S = Math.max(...l);
-    return {
-      series: [
-        {
-          data: l,
-          type: "bar"
-        }
-      ],
-      xAxis: [
-        {
-          data: r.map(({ label: E }) => E),
-          scaleType: "band",
-          categoryGapRatio: 0.45
-        }
-      ],
-      yAxis: [
-        {
-          scaleType: "linear",
-          min: C < 0 ? C * 1.2 : 0,
-          max: S > 0 ? S : 0
-        }
-      ]
-    };
-  }, [r]), v = _.useMemo(() => {
-    const l = `${n}80`;
-    return m ? r.map(() => n) : d == null ? [...new Array(r.length - 1).fill(l), n] : r.map((C, S) => S === d ? n : l);
-  }, [n, r, d]), T = _.useMemo(
-    () => r[d ?? r.length - 1],
-    [r, d]
-  ), L = r.reduce((l, C) => Math.min(l, C.value), 1 / 0) < 0, k = /* @__PURE__ */ t(
-    Oe,
-    {
-      color: n,
-      legendStyle: { pl: o.left },
-      monthlyAmount: T.formattedAmount,
-      monthlyAmountLabel: g,
-      trendAmount: e?.formattedAverage,
-      trendAmountLabel: u
-    }
-  ), b = g || u, w = (l, { dataIndex: C }) => s?.(C);
-  return /* @__PURE__ */ a(c, { sx: { alignItems: "center", width: "100%" }, children: [
-    b && h === "top" && k,
-    /* @__PURE__ */ t(
-      A,
-      {
-        ref: x,
-        sx: {
-          height: i || 122,
-          mb: h === "top" ? 0 : 4,
-          mt: h === "top" ? 4 : 0,
-          touchAction: "pan-y",
-          width: "100%",
-          "& svg": {
-            touchAction: "pan-y",
-            userSelect: "none"
-          },
-          "& .recharts-wrapper": {
-            touchAction: "pan-y"
-          }
-        },
-        children: /* @__PURE__ */ a(
-          Te,
-          {
-            height: y,
-            margin: {
-              bottom: o.bottom,
-              left: o.left,
-              right: o.right,
-              top: o.top || 45
-            },
-            series: I.series,
-            width: p,
-            xAxis: I.xAxis,
-            yAxis: [{ width: 0 }],
-            children: [
-              e?.average && /* @__PURE__ */ t(
-                j,
-                {
-                  labelAlign: "middle",
-                  lineStyle: {
-                    stroke: D.palette.chart.chart7,
-                    strokeDasharray: "4",
-                    strokeLinecap: "round",
-                    strokeWidth: 1
-                  },
-                  y: e?.average
-                }
-              ),
-              L && /* @__PURE__ */ t(
-                j,
-                {
-                  labelAlign: "middle",
-                  lineStyle: {
-                    stroke: D.palette.chart.chart7
-                  },
-                  y: 0
-                }
-              ),
-              /* @__PURE__ */ t(
-                Se,
-                {
-                  position: "bottom",
-                  slots: {
-                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                    axisTickLabel: ({ text: l, ownerState: C, ...S }) => {
-                      const E = r[d ?? r.length - 1]?.label;
-                      return /* @__PURE__ */ t(
-                        "text",
-                        {
-                          ...S,
-                          style: {
-                            ...S.style,
-                            fontWeight: !m && E === l ? "bold" : 400
-                          },
-                          children: l
-                        }
-                      );
-                    }
-                  },
-                  sx: (l) => ({
-                    "& .MuiChartsAxis-line": {
-                      stroke: L ? "none" : l.palette.text?.primary
-                    },
-                    "& .MuiChartsAxis-tickContainer:first-of-type .MuiChartsAxis-tick": {
-                      display: "none"
-                    },
-                    "& .MuiChartsAxis-tickLabel": {
-                      transform: L ? "translateY(15px)" : {}
-                    }
-                  }),
-                  tickLabelStyle: {
-                    fontSize: 11
-                  }
-                }
-              ),
-              /* @__PURE__ */ t(
-                De,
-                {
-                  onItemClick: w,
-                  slots: {
-                    bar: (l) => {
-                      const { ownerState: C, ...S } = l;
-                      return /* @__PURE__ */ t(
-                        Ge,
-                        {
-                          ...S,
-                          colorRange: v,
-                          data: r,
-                          dataIndex: C.dataIndex,
-                          removeSelectedTabColorChange: m,
-                          selectedTabIndex: d ?? r.length - 1,
-                          style: {
-                            height: l.height,
-                            x: l.x,
-                            y: l.y,
-                            width: l.width
-                          }
-                        }
-                      );
-                    }
-                  }
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    b && h === "bottom" && k
-  ] });
-}, Tt = ({
-  ariaLabel: e,
-  barChartProps: n,
-  beat: r,
-  data: i,
-  defaultSelectedIndex: o = 0,
-  icon: s,
-  isOpen: h = !1,
-  onClose: g,
-  onTabChange: m,
-  tipSection: d,
-  title: u,
-  transactionListProps: x = {}
-}) => {
-  const { common: y, transactions: p } = O(), { isCopyLoaded: D } = me(), { sortedTransactionsWithSplits: I, tags: v } = z();
-  return D ? /* @__PURE__ */ t(ve, { ariaLabelClose: y.close_aria, isOpen: h, onClose: g, title: u, children: /* @__PURE__ */ t(
-    ke,
-    {
-      ariaLabel: e,
-      beat: r,
-      chart: (T, M) => /* @__PURE__ */ t(A, { sx: { pt: 16 }, children: /* @__PURE__ */ t(
-        Ue,
-        {
-          ...n,
-          onBarClick: (L) => {
-            M(L), n.onBarClick?.(L);
-          },
-          selectedTabIndex: T
-        }
-      ) }),
-      data: i,
-      defaultSelectedIndex: o,
-      icon: s,
-      onTabChange: m,
-      tipSection: d,
-      children: () => /* @__PURE__ */ a(_.Fragment, { children: [
-        /* @__PURE__ */ a(
-          c,
-          {
-            sx: {
-              alignItems: "center",
-              borderBottomColor: "divider",
-              borderBottomStyle: "solid",
-              borderBottomWidth: 1,
-              flexDirection: "row",
-              justifyContent: "space-between",
-              pb: 4,
-              pt: 16,
-              px: 24
-            },
-            children: [
-              /* @__PURE__ */ t(f, { bold: !0, variant: "body1", children: p.transactions_title }),
-              (x?.transaction || I.length > 0) && /* @__PURE__ */ t(
-                Y,
-                {
-                  onClick: () => {
-                    ae(
-                      x?.transaction || I,
-                      v
-                    );
-                  },
-                  startIcon: /* @__PURE__ */ t(ne, { name: "ios_share" }),
-                  sx: { height: 28 },
-                  children: /* @__PURE__ */ t(f, { bold: !0, variant: "body2", children: p.export_csv_btn })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ t(Ne, { ...x })
-      ] })
-    }
-  ) }) : /* @__PURE__ */ t(Q, {});
-}, St = ({
-  amount: e,
-  borderRadius: n = "2px",
-  count: r,
-  completeColor: i = "success.main",
-  icon: o,
-  label: s,
-  leftLabel: h,
-  percentComplete: g = 0,
-  rightLabel: m,
-  sx: d
-}) => /* @__PURE__ */ a(c, { className: "details-container", sx: { p: 24, width: "100%", gap: 16, ...d }, children: [
-  /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ t(A, { children: o }),
-    /* @__PURE__ */ a(c, { children: [
-      typeof s == "string" ? /* @__PURE__ */ t(N, { dangerouslySetInnerHTML: { __html: s }, variant: "body2" }) : s,
-      typeof e == "string" ? /* @__PURE__ */ t(te, { children: e }) : e
-    ] })
-  ] }),
-  /* @__PURE__ */ a(c, { sx: { gap: 4 }, children: [
-    /* @__PURE__ */ t(
-      c,
-      {
-        sx: {
-          bgcolor: "divider",
-          borderRadius: n,
-          flexDirection: "row",
-          height: r ? 20 : 16,
-          width: "100%"
-        },
-        children: /* @__PURE__ */ t(
-          A,
-          {
-            sx: {
-              alignItems: "center",
-              display: "flex",
-              py: 2,
-              px: 12,
-              bgcolor: i,
-              borderRadius: n,
-              height: r ? 20 : 16,
-              width: `${g}%`
-            },
-            children: /* @__PURE__ */ t(f, { sx: { color: "primary.dark" }, variant: "caption", children: r })
-          }
-        )
-      }
-    ),
-    !r && /* @__PURE__ */ a(c, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ t(f, { variant: "body2", children: h }),
-      /* @__PURE__ */ t(f, { variant: "body2", children: m })
-    ] })
-  ] })
-] }), Dt = ({
-  title: e,
-  description: n,
-  callToAction: r,
-  instanceSlot: i = void 0,
-  onCtaClick: o = () => {
-  }
-}) => /* @__PURE__ */ a(Ie, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
-  /* @__PURE__ */ t(
-    c,
-    {
-      sx: {
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
-        pt: 4,
-        pl: 8
-      },
-      children: /* @__PURE__ */ t(f, { bold: !0, variant: "body1", children: e })
-    }
-  ),
-  /* @__PURE__ */ a(
-    c,
-    {
-      sx: {
-        gap: 16,
-        alignItems: "center",
-        flexDirection: "row",
-        justifyContent: "space-between"
-      },
-      children: [
-        /* @__PURE__ */ a(c, { children: [
-          /* @__PURE__ */ t(c, { sx: { pt: 2, pl: 8, pb: 8 }, children: /* @__PURE__ */ t(N, { sx: { fontWeight: 400 }, variant: "subtitle2", children: n }) }),
-          /* @__PURE__ */ t(c, { sx: { alignItems: "flex-start" }, children: /* @__PURE__ */ t(
-            Y,
-            {
-              onClick: o,
-              sx: {
-                p: 0,
-                height: 24,
-                px: 8,
-                py: 8,
-                fontWeight: 600,
-                fontSize: 13,
-                lineHeight: "16px"
-              },
-              variant: "text",
-              children: r
-            }
-          ) })
-        ] }),
-        i
-      ]
-    }
-  )
-] });
-export {
-  Ue as B,
-  Tt as C,
-  Dt as E,
-  Re as S,
-  Ne as T,
-  Me as a,
-  St as b,
-  Ct as c,
-  vt as d,
-  He as e,
-  ke as f,
-  Be as h,
-  wt as p,
-  G as s,
-  V as u
-};