@mx-cartographer/experiences 9.0.3 → 9.1.0-alpha.bb1

package/dist/microinsights-CRf3ChsJ.mjs

@@ -0,0 +1,1814 @@
+import { f as Be, n as pe, s as be, t as he } from "./GlobalCopyApi-BeXzaDH9.mjs";
+import { i as Fe, n as Pe, r as Ze, t as Ge } from "./Analytics-BKzTPees.mjs";
+import { t as Ue } from "./Loader-BlVzRtUd.mjs";
+import f, { useEffect as le, useState as oe } from "react";
+import { observer as P } from "mobx-react-lite";
+import F from "@mui/material/Stack";
+import { CategoryIcon as ze, H3 as Ke, InstitutionLogo as $e, MerchantLogo as je, P as ue, Text as Ee } from "@mxenabled/mxui";
+import Ye from "@mui/material/Button";
+import { ChevronLeft as Xe, ChevronRight as ye, Close as Qe, Icon as qe } from "@mxenabled/mx-icons";
+import { Fragment as Ae, jsx as e, jsxs as R } from "react/jsx-runtime";
+import { alpha as n, useTheme as H } from "@mui/material/styles";
+import ae from "@mui/material/Box";
+import _e from "@mui/material/IconButton";
+import { makeAutoObservable as ne, runInAction as Me } from "mobx";
+import { Box as Je, Button as Ce, Card as et, CardActionArea as tt, IconButton as it, Stack as U } from "@mui/material";
+import rt from "@mui/material/CircularProgress";
+import ot from "@mui/material/Avatar";
+import { useInView as Se } from "react-intersection-observer";
+var lt = class {
+  copyApi = new he("/", "");
+  copyObject = {};
+  namespace = "experiences";
+  translationKey = "micro_insights";
+  constructor() {
+    ne(this);
+  }
+  initialize = async (i, t) => {
+    this.copyApi = new he(i, t), await this.loadCopy();
+  };
+  loadCopy = async () => {
+    const i = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
+    Me(() => {
+      this.copyObject = i[this.translationKey];
+    });
+  };
+  get cardsCopy() {
+    return this.copyObject.cards;
+  }
+  get carouselCopy() {
+    return this.copyObject.carousel;
+  }
+  get zeroStateCopy() {
+    return this.copyObject.zero_state;
+  }
+}, de = {
+  BillAmountNotStandard: "BillAmountNotStandard",
+  CanadianUpcomingDeadlineAlert: "CanadianUpcomingDeadlineAlert",
+  DuplicatePaymentV2: "DuplicatePaymentV2",
+  IntroducePulse: "IntroducePulse",
+  LargeTransaction: "LargeTransaction",
+  MonthlySpendToIncomeComparisonV2: "MonthlySpendToIncomeComparisonV2",
+  QuarterlySummary: "QuarterlySummary",
+  SpendingPlanCategorySpending: "SpendingPlanCategorySpending",
+  SubscriptionPriceIncrease: "SubscriptionPriceIncrease",
+  UncategorizedTransactionsV2: "UncategorizedTransactionsV2",
+  UpcomingBill: "UpcomingBill",
+  UnifiedDeposit: "UnifiedDeposit",
+  WeeklySpendingPlanSummary: "WeeklySpendingPlanSummary",
+  WeeklyNewMerchantsV2: "WeeklyNewMerchantsV2",
+  MonthlySpendComparison: "MonthlySpendComparison",
+  MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
+}, S = window?.app?.clientConfig?.microwidget_instance_id || "", me = { INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel" }, Oe = (i) => `on${i}Click`, Te = (i) => `on${i}View`, we = (i) => `on${i}ViewFirstTime`, se = (i) => i.replace(/([a-z])([A-Z])/g, "$1 $2"), at = () => Object.values(de).reduce((i, t) => ({
+  ...i,
+  [Oe(t)]: {
+    action: W.MICRO_BEAT_CLICKED,
+    category: D.BEAT_INTERACTION,
+    label: se(t),
+    value: S
+  }
+}), {}), nt = () => Object.values(de).reduce((i, t) => ({
+  ...i,
+  [Te(t)]: {
+    action: W.MICRO_BEAT_DISPLAYED,
+    category: D.BEAT_INTERACTION,
+    label: se(t),
+    value: S
+  }
+}), {}), dt = () => Object.values(de).reduce((i, t) => ({
+  ...i,
+  [we(t)]: {
+    action: W.MICRO_BEAT_DISPLAYED_FIRST_TIME,
+    category: D.BEAT_INTERACTION,
+    label: se(t),
+    value: S
+  }
+}), {}), x = {
+  CARD: "Card",
+  CAROUSEL_CONTROL: "Carousel Control",
+  MICRO_WIDGET: "Micro Widget",
+  VIEW_MORE: "View More"
+}, D = {
+  MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
+  BEAT_INTERACTION: "Beat Interaction"
+}, O = {
+  ON_CAROUSEL_BACK_CLICK: "onCarouselBackClick",
+  ON_CAROUSEL_BACK_SWIPE: "onCarouselBackSwipe",
+  ON_CAROUSEL_FORWARD_CLICK: "onCarouselForwardClick",
+  ON_CAROUSEL_FORWARD_SWIPE: "onCarouselForwardSwipe",
+  ON_NO_RELEVANT_INSIGHTS_CLICKED: "onNoRelevantInsightsClicked",
+  ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
+}, xe = { ON_VIEW_MORE_VIEWED: "onViewMoreCardView" }, W = {
+  CONTROL_BACKWARD: "Control Backward",
+  CONTROL_FORWARD: "Control Forward",
+  MICRO_BEAT_CLICKED: "Micro Beat Clicked",
+  MICRO_BEAT_DISPLAYED: "Micro Beat Displayed",
+  MICRO_BEAT_DISPLAYED_FIRST_TIME: "Micro Beat Displayed For First Time",
+  SWIPE_BACKWARD: "Swipe Backward",
+  SWIPE_FORWARD: "Swipe Forward"
+}, N = {
+  MICRO_WIDGET_CAROUSEL: "Micro Widget Carousel",
+  MICRO_WIDGET_CAROUSEL_ZERO_STATE: "Micro Widget Carousel Zero State",
+  MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: "Micro Widget Carousel No Relevant Insights"
+}, fe = {
+  [N.MICRO_WIDGET_CAROUSEL]: {
+    label: x.MICRO_WIDGET,
+    name: N.MICRO_WIDGET_CAROUSEL,
+    path: me.INSIGHTS_MICRO_WIDGET,
+    value: S
+  },
+  [N.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
+    label: x.MICRO_WIDGET,
+    name: N.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
+    path: me.INSIGHTS_MICRO_WIDGET,
+    value: S
+  },
+  [N.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
+    label: x.MICRO_WIDGET,
+    name: N.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
+    path: "/micro-widget",
+    value: S
+  }
+}, ge = {
+  [O.ON_CAROUSEL_BACK_CLICK]: {
+    action: W.CONTROL_BACKWARD,
+    category: D.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
+    value: S
+  },
+  [O.ON_CAROUSEL_FORWARD_CLICK]: {
+    action: W.CONTROL_FORWARD,
+    category: D.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
+    value: S
+  },
+  [O.ON_CAROUSEL_BACK_SWIPE]: {
+    action: W.SWIPE_BACKWARD,
+    category: D.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
+    value: S
+  },
+  [O.ON_CAROUSEL_FORWARD_SWIPE]: {
+    action: W.SWIPE_FORWARD,
+    category: D.MICRO_WIDGET_INTERACTION,
+    label: x.CAROUSEL_CONTROL,
+    value: S
+  },
+  [O.ON_VIEW_MORE_CLICKED]: {
+    action: W.MICRO_BEAT_CLICKED,
+    category: D.BEAT_INTERACTION,
+    label: x.VIEW_MORE,
+    value: S
+  },
+  [xe.ON_VIEW_MORE_VIEWED]: {
+    action: W.MICRO_BEAT_DISPLAYED,
+    category: D.BEAT_INTERACTION,
+    label: x.VIEW_MORE,
+    value: S
+  },
+  ...at(),
+  ...nt(),
+  ...dt()
+}, ve = async (i, t) => !t || !ge[i] ? null : t.sendAnalyticEvent(ge[i]).then((r) => r).catch((r) => {
+  throw r;
+}), Re = async (i, t) => !t || !fe[i] ? null : t.sendAnalyticsPageview(fe[i]).then((r) => r).catch((r) => {
+  throw r;
+}), st = class {
+  onAnalyticEvent = ve;
+  onAnalyticPageView = Re;
+  beatApi = new pe("/", "");
+  constructor() {
+    ne(this);
+  }
+  initialize = async (i, t, r) => {
+    this.onAnalyticEvent = (o, a) => {
+      ve(o, a).then((l) => l).catch((l) => {
+        throw l.status === 401 && r(), l;
+      });
+    }, this.onAnalyticPageView = (o, a) => {
+      Re(o, a).then((l) => l).catch((l) => {
+        throw l.status === 401 && r(), l;
+      });
+    }, this.beatApi = new pe(i, t);
+  };
+  updateBeat = async (i) => {
+    this.beatApi.updateBeat(i);
+  };
+  updateOffer = async (i) => {
+    this.beatApi.updateOffer(i);
+  };
+}, ct = class {
+  copyStore;
+  endpoint = "/";
+  insightsMicroWidgetStore;
+  session = null;
+  token = "";
+  isInitialized = !1;
+  constructor() {
+    this.copyStore = new lt(), this.insightsMicroWidgetStore = new st(), ne(this);
+  }
+  initialize = async (i, t, r) => {
+    await this.copyStore.initialize(i, t), await this.insightsMicroWidgetStore.initialize(i, t, r);
+    const o = await Ge(i, t, "1.0.0", "Micro Insights Carousel");
+    Me(() => {
+      this.session = o, this.isInitialized = !0;
+    });
+  };
+}, z = f.createContext(null), pt = ({ onEvent: i, onPageview: t, store: r, children: o }) => /* @__PURE__ */ e(z.Provider, {
+  value: {
+    onEvent: i,
+    onPageview: t,
+    store: r,
+    children: o
+  },
+  children: o
+}), ht = ({ beat: i }) => {
+  const { primary_category_guid: t, category_guids: r } = i;
+  return /* @__PURE__ */ e(ze, {
+    categoryGuid: t || r?.[0] || Be.UNCATEGORIZED,
+    size: 32,
+    sx: { minWidth: 32 }
+  });
+}, d = ({ avatarSx: i, bgColor: t, name: r, iconColor: o = "primary", fill: a = !0, sx: l }) => /* @__PURE__ */ e(ot, {
+  sx: {
+    bgcolor: t,
+    width: 32,
+    height: 32,
+    ...i
+  },
+  variant: "rounded",
+  children: /* @__PURE__ */ e(qe, {
+    color: o,
+    fill: a,
+    name: r,
+    size: 20,
+    sx: l
+  })
+}), ut = ({ beat: i }) => {
+  const { category_guids: t, merchant_guids: r, primary_category_guid: o, primary_merchant_guid: a } = i;
+  return /* @__PURE__ */ e(je, {
+    categoryGuid: o || t && t[0] || "",
+    merchantGuid: a || r[0],
+    size: 32,
+    sx: {
+      display: "flex",
+      mt: 2,
+      minWidth: 32
+    }
+  });
+}, ei = ({ color: i = "currentColor", height: t, size: r = 16, styles: o, viewBox: a = "0 0 16 16", width: l }) => /* @__PURE__ */ e("svg", {
+  "aria-hidden": !0,
+  className: "kyper-icon",
+  focusable: !1,
+  height: t || r,
+  style: o,
+  viewBox: a,
+  width: l || r,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /* @__PURE__ */ e("path", {
+    d: "M16 1.5C16 0.671573 15.3284 0 14.5 0H1.5C0.671573 0 0 0.671573 0 1.5V14.5C0 15.3284 0.671573 16 1.5 16H14.5C15.3284 16 16 15.3284 16 14.5V1.5ZM12.8 5.1C13.0209 5.26568 13.0657 5.57909 12.9 5.8L9.90003 9.8C9.71746 10.0434 9.36163 10.0687 9.14648 9.85355L6.55413 7.2612L3.90003 10.8C3.73434 11.0209 3.42094 11.0657 3.20003 10.9C2.97912 10.7343 2.93434 10.4209 3.10003 10.2L6.10003 6.2C6.28259 5.95658 6.63843 5.93129 6.85358 6.14645L9.44593 8.7388L12.1 5.2C12.2657 4.97908 12.5791 4.93431 12.8 5.1Z",
+    fill: i
+  })
+}), Et = (i) => i ? i.data ? i.data.map((t) => {
+  const r = {};
+  return i.names?.map((o, a) => {
+    r[o] = t[a];
+  }), r;
+}) : [] : [], J = "primary", De = "success", We = "error", Le = (i) => {
+  const t = Et(i), r = Math.floor(t.length / 2);
+  if (r === 0 || r === t.length) return J;
+  const o = t[0]?.amount, a = t[r]?.amount;
+  return o == null || a == null ? J : o > a ? We : o < a ? De : J;
+}, _t = (i, t) => i < t ? De : i > t ? We : J, Ct = ({ beat: i }) => {
+  const t = H(), r = Le(i.data_series), o = t.palette[r].main;
+  return /* @__PURE__ */ e(d, {
+    bgColor: n(o, 0.15),
+    iconColor: r,
+    name: "bar_chart"
+  });
+}, mt = ({ beat: i }) => {
+  const t = H(), r = i.payload?.average_spend || 0;
+  let o = 0;
+  if (i.data_series?.data && i.data_series.data.length > 0) {
+    const l = (i.data_series.names || []).indexOf("amount");
+    l !== -1 && (o = i.data_series.data[0][l] || 0);
+  }
+  const a = _t(o, r);
+  return /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette[a].main, 0.15),
+    iconColor: a,
+    name: "timeline"
+  });
+}, ft = ({ beat: i }) => {
+  const t = H(), r = Le(i.data_series), o = t.palette[r].main;
+  return /* @__PURE__ */ e(d, {
+    bgColor: n(o, 0.15),
+    fill: !1,
+    iconColor: r,
+    name: "area_chart"
+  });
+}, ti = () => /* @__PURE__ */ R("svg", {
+  fill: "none",
+  height: "36",
+  viewBox: "0 0 40 36",
+  width: "40",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M24.9618 32.6003H9.92084C9.60559 32.6003 9.34766 32.3424 9.34766 32.0271V18.3125C9.34766 17.9972 9.60559 17.7393 9.92084 17.7393H24.9618C25.2771 17.7393 25.535 17.9972 25.535 18.3125V32.0271C25.535 32.3424 25.2771 32.6003 24.9618 32.6003Z",
+      fill: "#CDD3DD",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M25.535 18.3124V19.5952H9.34766V18.3124C9.34766 17.9974 9.6055 17.7393 9.92084 17.7393H24.9618C25.2771 17.7393 25.535 17.9974 25.535 18.3124Z",
+      fill: "#E8F6FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M10.8689 18.7157C10.8689 18.96 10.6709 19.158 10.4266 19.158C10.1824 19.158 9.98438 18.96 9.98438 18.7157C9.98438 18.4714 10.1824 18.2734 10.4266 18.2734C10.6709 18.2734 10.8689 18.4714 10.8689 18.7157Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M12.2986 18.7157C12.2986 18.96 12.1006 19.158 11.8563 19.158C11.6121 19.158 11.4141 18.96 11.4141 18.7157C11.4141 18.4714 11.6121 18.2734 11.8563 18.2734C12.1006 18.2734 12.2986 18.4714 12.2986 18.7157Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M13.7263 18.7157C13.7263 18.96 13.5283 19.158 13.2841 19.158C13.0398 19.158 12.8418 18.96 12.8418 18.7157C12.8418 18.4714 13.0398 18.2734 13.2841 18.2734C13.5283 18.2734 13.7263 18.4714 13.7263 18.7157Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M26.7313 35.6692H11.6904C11.3751 35.6692 11.1172 35.4112 11.1172 35.096V21.3813C11.1172 21.0661 11.3751 20.8081 11.6904 20.8081H26.7313C27.0466 20.8081 27.3045 21.0661 27.3045 21.3813V35.096C27.3045 35.4112 27.0466 35.6692 26.7313 35.6692Z",
+      fill: "#E4E8EE",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M27.3045 21.3813V22.6641H11.1172V21.3813C11.1172 21.0662 11.375 20.8081 11.6904 20.8081H26.7313C27.0467 20.8081 27.3045 21.0662 27.3045 21.3813Z",
+      fill: "#E8F6FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M12.6404 21.7846C12.6404 22.0288 12.4424 22.2268 12.1981 22.2268C11.9539 22.2268 11.7559 22.0288 11.7559 21.7846C11.7559 21.5403 11.9539 21.3423 12.1981 21.3423C12.4424 21.3423 12.6404 21.5403 12.6404 21.7846Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M14.0701 21.7846C14.0701 22.0288 13.8721 22.2268 13.6278 22.2268C13.3836 22.2268 13.1855 22.0288 13.1855 21.7846C13.1855 21.5403 13.3836 21.3423 13.6278 21.3423C13.8721 21.3423 14.0701 21.5403 14.0701 21.7846Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M15.4959 21.7846C15.4959 22.0288 15.2979 22.2268 15.0536 22.2268C14.8094 22.2268 14.6113 22.0288 14.6113 21.7846C14.6113 21.5403 14.8094 21.3423 15.0536 21.3423C15.2979 21.3423 15.4959 21.5403 15.4959 21.7846Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M38.0145 25.175H22.9736C22.6584 25.175 22.4004 24.9171 22.4004 24.6018V10.8871C22.4004 10.5719 22.6584 10.314 22.9736 10.314H38.0145C38.3298 10.314 38.5878 10.5719 38.5878 10.8871V24.6018C38.5878 24.9171 38.3298 25.175 38.0145 25.175Z",
+      fill: "#EEF1F6",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("mask", {
+      height: "3",
+      id: "mask0_1565_98011",
+      maskUnits: "userSpaceOnUse",
+      width: "17",
+      x: "22",
+      y: "10",
+      children: /* @__PURE__ */ e("path", {
+        clipRule: "evenodd",
+        d: "M22.4004 10.3022H38.5878V12.1582H22.4004V10.3022Z",
+        fill: "white",
+        fillRule: "evenodd"
+      })
+    }),
+    /* @__PURE__ */ e("g", {
+      mask: "url(#mask0_1565_98011)",
+      children: /* @__PURE__ */ e("path", {
+        clipRule: "evenodd",
+        d: "M38.5878 10.8754V12.1582H22.4004V10.8754C22.4004 10.5604 22.6582 10.3022 22.9736 10.3022H38.0146C38.3299 10.3022 38.5878 10.5604 38.5878 10.8754Z",
+        fill: "#CDD3DD",
+        fillRule: "evenodd"
+      })
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M23.9099 11.2802C23.9099 11.5244 23.7119 11.7224 23.4677 11.7224C23.2234 11.7224 23.0254 11.5244 23.0254 11.2802C23.0254 11.0359 23.2234 10.8379 23.4677 10.8379C23.7119 10.8379 23.9099 11.0359 23.9099 11.2802Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M25.3377 11.2802C25.3377 11.5244 25.1397 11.7224 24.8954 11.7224C24.6511 11.7224 24.4531 11.5244 24.4531 11.2802C24.4531 11.0359 24.6511 10.8379 24.8954 10.8379C25.1397 10.8379 25.3377 11.0359 25.3377 11.2802Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M26.7654 11.2802C26.7654 11.5244 26.5674 11.7224 26.3231 11.7224C26.0789 11.7224 25.8809 11.5244 25.8809 11.2802C25.8809 11.0359 26.0789 10.8379 26.3231 10.8379C26.5674 10.8379 26.7654 11.0359 26.7654 11.2802Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M29.1719 27.6866H32.7022V27.0142H29.1719V27.6866Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M29.1719 28.6871H39.2264V28.3726H29.1719V28.6871Z",
+      fill: "#EEF1F6",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M29.1719 30.5064H39.5626V30.1919H29.1719V30.5064Z",
+      fill: "#EEF1F6",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M29.1719 31.4156H40.0029V31.1011H29.1719V31.4156Z",
+      fill: "#EEF1F6",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M29.1719 32.3253H35.7521V32.0107H29.1719V32.3253Z",
+      fill: "#EEF1F6",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M29.1719 29.5953H40.0029V29.2808H29.1719V29.5953Z",
+      fill: "#EEF1F6",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M9.98438 11.9322H13.1338V11.2598H9.98438V11.9322Z",
+      fill: "#C3E4FF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M9.98438 12.9327H18.954V12.6182H9.98438V12.9327Z",
+      fill: "#D6EEFF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M9.98438 14.7506H19.254V14.436H9.98438V14.7506Z",
+      fill: "#D6EEFF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M9.98438 15.6602H16.8127V15.3457H9.98438V15.6602Z",
+      fill: "#D6EEFF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ e("path", {
+      clipRule: "evenodd",
+      d: "M9.98438 13.8409H19.6468V13.5264H9.98438V13.8409Z",
+      fill: "#D6EEFF",
+      fillRule: "evenodd"
+    }),
+    /* @__PURE__ */ R("g", {
+      filter: "url(#filter0_d_1565_98011)",
+      children: [
+        /* @__PURE__ */ e("mask", {
+          height: "22",
+          id: "mask1_1565_98011",
+          maskUnits: "userSpaceOnUse",
+          width: "17",
+          x: "16",
+          y: "12",
+          children: /* @__PURE__ */ e("path", {
+            clipRule: "evenodd",
+            d: "M16.5098 12.2725H32.8412V33.707H16.5098V12.2725Z",
+            fill: "white",
+            fillRule: "evenodd"
+          })
+        }),
+        /* @__PURE__ */ e("g", {
+          mask: "url(#mask1_1565_98011)",
+          children: /* @__PURE__ */ e("path", {
+            clipRule: "evenodd",
+            d: "M32.3427 33.707H17.0083C16.7341 33.707 16.5098 33.4827 16.5098 33.2086V12.7709C16.5098 12.4968 16.7341 12.2725 17.0083 12.2725H32.3427C32.6169 12.2725 32.8412 12.4968 32.8412 12.7709V33.2086C32.8412 33.4827 32.6169 33.707 32.3427 33.707Z",
+            fill: "white",
+            fillRule: "evenodd"
+          })
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 21.5786H31.134V21.1816H20.875V21.5786Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 22.4077H28.1023V22.0107H20.875V22.4077Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 31.8461H27.8799V31.3003H20.875V31.8461Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M18.7308 22.7869C18.1849 22.7869 17.7383 22.3404 17.7383 21.7946C17.7383 21.2488 18.1849 20.8022 18.7308 20.8022C19.2767 20.8022 19.7233 21.2488 19.7233 21.7946C19.7233 22.3404 19.2767 22.7869 18.7308 22.7869Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.176004"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M18.7308 29.3841C18.1849 29.3841 17.7383 28.9375 17.7383 28.3917C17.7383 27.8459 18.1849 27.3994 18.7308 27.3994C19.2767 27.3994 19.7233 27.8459 19.7233 28.3917C19.7233 28.9375 19.2767 29.3841 18.7308 29.3841Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.176004"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M18.7308 26.0862C18.1849 26.0862 17.7383 25.6397 17.7383 25.0939C17.7383 24.5481 18.1849 24.1016 18.7308 24.1016C19.2767 24.1016 19.7233 24.5481 19.7233 25.0939C19.7233 25.6397 19.2767 26.0862 18.7308 26.0862Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.176004"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 24.8764H31.134V24.4795H20.875V24.8764Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 25.707H28.1023V25.3101H20.875V25.707Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 28.1758H31.134V27.7788H20.875V28.1758Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 29.0049H28.1023V28.6079H20.875V29.0049Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M17.7383 18.0811L18.4668 18.657L19.758 17.1641",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          d: "M17.7383 18.0811L18.4668 18.657L19.758 17.1641",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.264005"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M17.7383 14.7823L18.4668 15.3582L19.758 13.8652",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          d: "M17.7383 14.7823L18.4668 15.3582L19.758 13.8652",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.264005"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 14.3389H31.134V13.8369H20.875V14.3389Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 15.3878H28.1023V14.8857H20.875V15.3878Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.4648 14.0869H31.545H20.4648Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          d: "M20.4648 14.0869H31.545",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.0880018"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.4648 15.1372H28.4939H20.4648Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          d: "M20.4648 15.1372H28.4939",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.0880018"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 17.6368H31.134V17.1348H20.875V17.6368Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.875 18.6861H28.1023V18.1841H20.875V18.6861Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.4648 17.3858H31.545H20.4648Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          d: "M20.4648 17.3858H31.545",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.0880018"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M20.4648 18.4356H28.4939H20.4648Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          d: "M20.4648 18.4356H28.4939",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.0880018"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M18.2832 19.8984H31.0117H18.2832Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          d: "M18.2832 19.8984H31.0117",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.0880018"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M18.7295 30.8101V32.3377V30.8101Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          d: "M18.7295 30.8101V32.3377",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.264005"
+        }),
+        /* @__PURE__ */ e("path", {
+          clipRule: "evenodd",
+          d: "M17.9668 31.5737H19.4947H17.9668Z",
+          fill: "#E4E8EE",
+          fillRule: "evenodd"
+        }),
+        /* @__PURE__ */ e("path", {
+          d: "M17.9668 31.5737H19.4947",
+          stroke: "#E4E8EE",
+          strokeWidth: "0.264005"
+        })
+      ]
+    }),
+    /* @__PURE__ */ R("g", {
+      filter: "url(#filter1_d_1565_98011)",
+      children: [
+        /* @__PURE__ */ e("circle", {
+          cx: "15.0441",
+          cy: "16.0441",
+          fill: "#CDD3DD",
+          r: "15.0441"
+        }),
+        /* @__PURE__ */ e("mask", {
+          height: "30",
+          id: "mask2_1565_98011",
+          maskUnits: "userSpaceOnUse",
+          width: "30",
+          x: "0",
+          y: "1",
+          children: /* @__PURE__ */ e("circle", {
+            cx: "15.0435",
+            cy: "16.0445",
+            fill: "#F8F9FB",
+            r: "14.3951"
+          })
+        }),
+        /* @__PURE__ */ R("g", {
+          mask: "url(#mask2_1565_98011)",
+          children: [
+            /* @__PURE__ */ e("rect", {
+              fill: "white",
+              height: "31.1359",
+              transform: "translate(0 0.162598)",
+              width: "31.0101"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#A8B1BD",
+              height: "3.0172",
+              rx: "0.167622",
+              width: "3.0172",
+              x: "3.26953",
+              y: "4.52002"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#A8B1BD",
+              height: "3.0172",
+              rx: "0.167622",
+              width: "3.0172",
+              x: "3.26953",
+              y: "17.1758"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#A8B1BD",
+              height: "3.0172",
+              rx: "0.167622",
+              width: "3.0172",
+              x: "3.26953",
+              y: "26.0186"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#A8B1BD",
+              height: "3.0172",
+              rx: "0.167622",
+              width: "3.0172",
+              x: "3.26953",
+              y: "9.04541"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#CDD3DD",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "10.9793",
+              x: "6.87305",
+              y: "4.52002"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#CDD3DD",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "10.9793",
+              x: "6.87305",
+              y: "17.1758"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#CDD3DD",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "10.9793",
+              x: "6.87305",
+              y: "26.0186"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#CDD3DD",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "10.9793",
+              x: "6.87305",
+              y: "9.04541"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#EEF1F6",
+              height: "0.880018",
+              rx: "0.167622",
+              width: "10.9793",
+              x: "3.26953",
+              y: "2.34131"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#EEF1F6",
+              height: "0.880018",
+              rx: "0.167622",
+              width: "10.9793",
+              x: "3.26953",
+              y: "14.9971"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#EEF1F6",
+              height: "0.880018",
+              rx: "0.167622",
+              width: "10.9793",
+              x: "3.26953",
+              y: "23.8389"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#EEF1F6",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "8.50684",
+              x: "6.87305",
+              y: "6.36377"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#EEF1F6",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "8.50684",
+              x: "6.87305",
+              y: "19.0195"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#EEF1F6",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "8.50684",
+              x: "6.87305",
+              y: "27.8613"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#EEF1F6",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "8.50684",
+              x: "6.87305",
+              y: "10.8892"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#A8B1BD",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "5.15439",
+              x: "21.666",
+              y: "5.44238"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#A8B1BD",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "5.15439",
+              x: "21.666",
+              y: "18.0972"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#A8B1BD",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "5.15439",
+              x: "21.666",
+              y: "26.9399"
+            }),
+            /* @__PURE__ */ e("rect", {
+              fill: "#A8B1BD",
+              height: "1.17336",
+              rx: "0.167622",
+              width: "5.15439",
+              x: "21.666",
+              y: "9.96826"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 8.25H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 20.9058H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 29.7476H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 12.7759H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 3.72412H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 16.3799H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 25.2217H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 8.25H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 20.9058H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            }),
+            /* @__PURE__ */ e("path", {
+              d: "M2.64062 29.7476H27.4487",
+              stroke: "#E4E8EE",
+              strokeWidth: "0.0838112"
+            })
+          ]
+        })
+      ]
+    }),
+    /* @__PURE__ */ e("path", {
+      d: "M24.1888 27.3166L24.4326 27.0728L25.6395 27.8404L32.2915 34.4924C32.4911 34.6919 32.4911 35.0154 32.2915 35.215C32.092 35.4145 31.7685 35.4145 31.569 35.215L24.9487 28.5947L24.1888 27.3166Z",
+      fill: "#CDD3DD"
+    }),
+    /* @__PURE__ */ R("defs", { children: [/* @__PURE__ */ R("filter", {
+      colorInterpolationFilters: "sRGB",
+      filterUnits: "userSpaceOnUse",
+      height: "22.1051",
+      id: "filter0_d_1565_98011",
+      width: "17.0025",
+      x: "16.1745",
+      y: "12.0629",
+      children: [
+        /* @__PURE__ */ e("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }),
+        /* @__PURE__ */ e("feColorMatrix", {
+          in: "SourceAlpha",
+          result: "hardAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        }),
+        /* @__PURE__ */ e("feOffset", { dy: "0.125717" }),
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "0.167622" }),
+        /* @__PURE__ */ e("feColorMatrix", {
+          type: "matrix",
+          values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.15 0"
+        }),
+        /* @__PURE__ */ e("feBlend", {
+          in2: "BackgroundImageFix",
+          mode: "normal",
+          result: "effect1_dropShadow_1565_98011"
+        }),
+        /* @__PURE__ */ e("feBlend", {
+          in: "SourceGraphic",
+          in2: "effect1_dropShadow_1565_98011",
+          mode: "normal",
+          result: "shape"
+        })
+      ]
+    }), /* @__PURE__ */ R("filter", {
+      colorInterpolationFilters: "sRGB",
+      filterUnits: "userSpaceOnUse",
+      height: "31.7646",
+      id: "filter1_d_1565_98011",
+      width: "31.7641",
+      x: "-0.838112",
+      y: "0.580944",
+      children: [
+        /* @__PURE__ */ e("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }),
+        /* @__PURE__ */ e("feColorMatrix", {
+          in: "SourceAlpha",
+          result: "hardAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        }),
+        /* @__PURE__ */ e("feOffset", { dy: "0.419056" }),
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "0.419056" }),
+        /* @__PURE__ */ e("feColorMatrix", {
+          type: "matrix",
+          values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.16 0"
+        }),
+        /* @__PURE__ */ e("feBlend", {
+          in2: "BackgroundImageFix",
+          mode: "normal",
+          result: "effect1_dropShadow_1565_98011"
+        }),
+        /* @__PURE__ */ e("feBlend", {
+          in: "SourceGraphic",
+          in2: "effect1_dropShadow_1565_98011",
+          mode: "normal",
+          result: "shape"
+        })
+      ]
+    })] })
+  ]
+}), gt = ({ beat: i }) => /* @__PURE__ */ e($e, {
+  alt: i.institutionName || "",
+  institutionGuid: i.institutionGuid || ""
+}), vt = {
+  0: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "error"
+  }),
+  1: (i) => /* @__PURE__ */ e(ht, { beat: i }),
+  2: (i) => /* @__PURE__ */ e(ut, { beat: i }),
+  3: (i) => /* @__PURE__ */ e(Ct, { beat: i }),
+  4: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.secondary.main, 0.15),
+    iconColor: "secondary",
+    name: "info"
+  }),
+  5: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "campaign"
+  }),
+  6: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.success.main, 0.15),
+    iconColor: "success",
+    name: "check_circle"
+  }),
+  7: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "today"
+  }),
+  8: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "calendar_clock"
+  }),
+  9: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "celebration"
+  }),
+  10: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "problem"
+  }),
+  11: (i, t) => /* @__PURE__ */ e(d, {
+    avatarSx: { border: `1px solid ${t.palette.secondary.main}` },
+    bgColor: n(t.palette.secondary.main, 0.15),
+    fill: !1,
+    name: "category",
+    sx: { color: "text.primary" }
+  }),
+  12: (i) => /* @__PURE__ */ e(ft, { beat: i }),
+  13: () => /* @__PURE__ */ e(d, {
+    avatarSx: { border: "1px solid #EB00D0" },
+    bgColor: n("#EB00D0", 0.25),
+    fill: !1,
+    name: "money_bag",
+    sx: { color: "text.primary" }
+  }),
+  14: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.secondary.main, 0.15),
+    fill: !1,
+    iconColor: "secondary",
+    name: "person"
+  }),
+  15: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "payment_arrow_down"
+  }),
+  16: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.success.main, 0.15),
+    name: "beenhere",
+    sx: { color: "success.main" }
+  }),
+  17: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "savings"
+  }),
+  18: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: i.payload.projected_overdraft_amount < 0 ? n(t.palette.warning.main, 0.15) : n(t.palette.error.main, 0.15),
+    iconColor: i?.payload?.projected_overdraft_amount < 0 ? "warning" : "error",
+    name: "error"
+  }),
+  19: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "finance_mode"
+  }),
+  20: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "tips_and_updates"
+  }),
+  21: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "currency_exchange"
+  }),
+  22: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.warning.main, 0.15),
+    name: "flag",
+    sx: { color: "warning.main" }
+  }),
+  23: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "thumb_up"
+  }),
+  24: () => /* @__PURE__ */ e(d, {
+    bgColor: n("#EB00D0", 0.15),
+    name: "attach_money",
+    sx: { color: "#EB00D0" }
+  }),
+  25: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "note_stack"
+  }),
+  26: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    fill: !1,
+    name: "price_change"
+  }),
+  27: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "directions_car"
+  }),
+  28: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "contract"
+  }),
+  29: (i) => /* @__PURE__ */ e(mt, { beat: i }),
+  30: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "calendar_month"
+  }),
+  31: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.warning.main, 0.15),
+    name: "star_rate",
+    sx: { color: "warning.400" }
+  }),
+  32: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "help"
+  }),
+  33: (i, t) => /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    fill: !1,
+    name: "storefront"
+  }),
+  34: (i) => /* @__PURE__ */ e(gt, { beat: i })
+}, Rt = ({ beat: i }) => {
+  const t = H(), { icon_type: r } = i, o = r != null ? vt[r] : null;
+  return o ? o(i, t) : /* @__PURE__ */ e(d, {
+    bgColor: n(t.palette.primary.main, 0.15),
+    name: "error"
+  });
+}, L = () => {
+  const i = f.useContext(z);
+  if (!i) throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
+  return i.store.copyStore;
+}, It = () => {
+  const i = f.useContext(z);
+  if (!i?.store?.insightsMicroWidgetStore) throw new Error("useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider");
+  return i.store.insightsMicroWidgetStore;
+}, K = () => {
+  const i = f.useContext(z);
+  if (!i) throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
+  return { onEvent: i.onEvent };
+}, Ve = () => {
+  const i = f.useContext(z);
+  if (!i) throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
+  return { onPageview: i.onPageview };
+}, yt = {
+  LARGE: 180,
+  STANDARD: 154,
+  XLARGE: 200,
+  XXLARGE: 248
+}, ee = f.forwardRef(function({ ariaLabel: t, closeAriaLabel: r, description: o, elevation: a, icon: l, isActiveCard: h, heightOverrides: E, onClose: _, onCardClick: g, onPrimaryAction: C, onSecondaryAction: s, primaryActionText: c, secondaryActionText: p, title: m, variant: I, widthOverrides: y, ...T }, M) {
+  const A = !!(C && c), Z = /* @__PURE__ */ R(Ae, { children: [_ && /* @__PURE__ */ e(it, {
+    "aria-label": r,
+    onClick: (u) => {
+      u.stopPropagation(), _?.();
+    },
+    onMouseDown: (u) => {
+      u.stopPropagation();
+    },
+    onTouchStart: (u) => {
+      u.stopPropagation();
+    },
+    sx: {
+      minHeight: 40,
+      minWidth: 40,
+      position: "absolute",
+      right: 4,
+      top: 4
+    },
+    children: /* @__PURE__ */ e(Qe, {})
+  }), /* @__PURE__ */ R(U, {
+    sx: {
+      gap: 6,
+      height: "100%",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ R(U, {
+      sx: {
+        flexDirection: "row",
+        gap: 12
+      },
+      children: [l && l, /* @__PURE__ */ R(U, {
+        sx: { gap: 6 },
+        children: [/* @__PURE__ */ e(U, {
+          sx: {
+            flexDirection: "row",
+            justifyContent: "space-between"
+          },
+          children: /* @__PURE__ */ e(ue, {
+            bold: !0,
+            sx: { lineHeight: "16px" },
+            variant: "body1",
+            children: m
+          })
+        }), /* @__PURE__ */ e(ue, {
+          dangerouslySetInnerHTML: { __html: o },
+          sx: {
+            display: "-webkit-box",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            WebkitBoxOrient: "vertical",
+            WebkitLineClamp: A ? 2 : 3,
+            "& .bold-copy": {
+              fontWeight: "bold",
+              fontFamily: "inherit"
+            }
+          },
+          variant: "subtitle2"
+        })]
+      })]
+    }), A && /* @__PURE__ */ R(U, {
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        height: 28,
+        pb: 4,
+        pl: l ? 36 : 0
+      },
+      children: [A && /* @__PURE__ */ e(Ce, {
+        onClick: (u) => {
+          u.stopPropagation(), C?.();
+        },
+        onMouseDown: (u) => {
+          u.stopPropagation();
+        },
+        onTouchStart: (u) => {
+          u.stopPropagation();
+        },
+        size: "small",
+        sx: {
+          px: 8,
+          ml: l ? 0 : -8
+        },
+        variant: "text",
+        children: /* @__PURE__ */ e(Ee, {
+          bold: !0,
+          variant: "body2",
+          children: c
+        })
+      }), !!(s && p) && /* @__PURE__ */ e(Ce, {
+        onClick: (u) => {
+          u.stopPropagation(), s?.();
+        },
+        onMouseDown: (u) => {
+          u.stopPropagation();
+        },
+        onTouchStart: (u) => {
+          u.stopPropagation();
+        },
+        size: "small",
+        sx: { px: 8 },
+        variant: "text",
+        children: /* @__PURE__ */ e(Ee, {
+          bold: !0,
+          sx: { color: "text.secondary" },
+          variant: "body2",
+          children: p
+        })
+      })]
+    })]
+  })] });
+  return /* @__PURE__ */ e(et, {
+    "aria-hidden": !h,
+    "aria-label": t,
+    elevation: a,
+    ref: M,
+    role: "group",
+    sx: {
+      backgroundColor: "background.paper",
+      height: E ? "100%" : 120,
+      minWidth: y ? `${y}px` : "100%",
+      position: "relative",
+      my: 1,
+      borderRadius: 2
+    },
+    tabIndex: g || !h ? -1 : 0,
+    variant: I,
+    ...T,
+    children: g ? /* @__PURE__ */ e(tt, {
+      component: "div",
+      onClick: g,
+      sx: {
+        pb: 8,
+        pt: 16,
+        px: 16,
+        height: "100%"
+      },
+      children: Z
+    }) : /* @__PURE__ */ e(Je, {
+      sx: {
+        pb: 8,
+        pt: 16,
+        px: 16,
+        height: "100%"
+      },
+      children: Z
+    })
+  });
+}), At = ({ ariaLabel: i, beat: t, elevation: r, index: o, isActiveCard: a, onCardClick: l, posthog: h, widthOverrides: E, variant: _, showIcon: g, heightOverrides: C }) => {
+  const { ref: s, inView: c } = Se({ threshold: 1 }), { cardsCopy: p } = L(), { onEvent: m } = K(), { updateBeat: I, updateOffer: y } = It();
+  le(() => {
+    c && (t.has_been_displayed ? m(Te(t.template)) : (t.guid.startsWith("OFR") ? y({
+      ...t,
+      has_been_displayed: !0
+    }) : I({
+      ...t,
+      has_been_displayed: !0
+    }), m(we(t.template))));
+  }, [c]), le(() => {
+    if (c && t) if (t.template === "MarketingOffer") {
+      const M = t;
+      h?.capture("viewed_messaging_insight", {
+        template: t.template,
+        campaign_guid: M.campaign_guid,
+        campaign_name: M.pulse_campaign_name
+      });
+    } else h?.capture("viewed_insight", {
+      beat_guid: t.guid,
+      template: t.template,
+      position: o
+    });
+  }, [
+    t,
+    o,
+    c
+  ]);
+  const T = () => {
+    if (l && l(t), m(Oe(t.template)), t.template === "MarketingOffer") {
+      const M = t;
+      h?.capture("clicked_messaging_insight", {
+        template: t.template,
+        campaign_guid: M.campaign_guid,
+        campaign_name: M.pulse_campaign_name
+      });
+    } else h?.capture("clicked_insight", {
+      beat_guid: t.guid,
+      template: t.template,
+      position: o
+    });
+  };
+  return /* @__PURE__ */ e(ee, {
+    "aria-roledescription": "slide",
+    ariaLabel: i,
+    description: t?.html_micro_description && t?.html_micro_description.length > 0 ? t.html_micro_description : t.html_description || "",
+    elevation: r,
+    heightOverrides: C,
+    icon: g && /* @__PURE__ */ e(Rt, { beat: t }),
+    isActiveCard: a,
+    onCardClick: T,
+    onPrimaryAction: T,
+    primaryActionText: t.micro_call_to_action || p?.micro_card_cta,
+    ref: s,
+    title: t.micro_title && t.micro_title.length > 0 ? t.micro_title : t.title,
+    variant: _,
+    widthOverrides: E
+  });
+}, Mt = ({ currentBeatIndex: i, numBeats: t, onNextClick: r, onPreviousClick: o, scrollRightBoundary: a, scrollX: l, shouldApplyDotAnimation: h = !1, visibleCardsCount: E = 1 }) => {
+  const _ = H(), { carouselCopy: g } = L(), C = Math.floor(l) > a || i - E + 1 === 0, s = l < 0 || t - 1 === i, c = _.palette.grey[500], p = _.palette.primary.main;
+  return /* @__PURE__ */ R(F, {
+    direction: "row",
+    sx: {
+      alignItems: "center",
+      justifyContent: "center",
+      pt: 4,
+      width: "100%",
+      "& button:first-child": { mr: 8 }
+    },
+    children: [
+      /* @__PURE__ */ e(_e, {
+        "aria-disabled": C,
+        "aria-label": g?.previous_insight_cta_aria,
+        disabled: C,
+        onClick: o,
+        children: /* @__PURE__ */ e(Xe, { sx: { color: C ? c : p } })
+      }),
+      Array.from({ length: t }).map((m, I) => {
+        const y = I === i;
+        return /* @__PURE__ */ e(ae, {
+          className: "mx-insights-micro-carousel-dots",
+          sx: {
+            bgcolor: y ? p : c,
+            height: 8,
+            mr: 8,
+            ...h ? {
+              borderRadius: "4px",
+              transformOrigin: "center",
+              transition: "all 0.5s ease-out",
+              willChange: "width, background-color"
+            } : {
+              borderRadius: "50%",
+              p: 0
+            },
+            width: y && h ? 24 : 8
+          }
+        }, `carousel-button-${I}`);
+      }),
+      /* @__PURE__ */ e(_e, {
+        "aria-disabled": s,
+        "aria-label": g?.next_insight_cta_aria,
+        disabled: s,
+        onClick: r,
+        children: /* @__PURE__ */ e(ye, { sx: { color: s ? c : p } })
+      })
+    ]
+  });
+}, St = ({ activeCardIndex: i, beats: t, cardWidth: r, elevation: o, heightOverrides: a, onCardClick: l, posthog: h, showIcon: E, variant: _ }) => {
+  const { carouselCopy: g } = L(), C = {
+    elevation: o,
+    heightOverrides: a,
+    posthog: h,
+    showIcon: E,
+    variant: _
+  };
+  return /* @__PURE__ */ R(Ae, { children: [t.map((s, c) => {
+    const p = c + 1, m = t.length + 1, I = be(g?.card_position_in_carousel_aria, p.toString(), m.toString()), y = s.micro_title && s.micro_title.length > 0, T = s.micro_description && s.micro_description.length > 0;
+    return /* @__PURE__ */ e(At, {
+      ariaLabel: `${I}: ${y ? s.micro_title : s.title}, ${T ? s.micro_description : s.description}`,
+      beat: s,
+      index: c,
+      isActiveCard: c === i,
+      onCardClick: l,
+      widthOverrides: r || void 0,
+      ...C
+    }, `${s.guid} ${c}`);
+  }), /* @__PURE__ */ e(Nt, {
+    isActiveCard: i === t.length,
+    onCardClick: l,
+    widthOverrides: r || void 0,
+    ...C
+  })] });
+}, Ot = ({ analyticsMetadata: i, allowSingleCardPeeking: t, beats: r = [], elevation: o, heightOverrides: a, onCardClick: l, posthog: h, showCarouselControls: E, showIcon: _, showWithMargin: g = !0, variant: C, widthOverrides: s, visibleCardsCount: c = 1 }) => {
+  const p = f.useRef(null), m = f.useRef(null), [I, y] = f.useState(0), [T, M] = f.useState(null), [A, Z] = f.useState(null), [u, B] = f.useState(null), { carouselCopy: $ } = L(), { onEvent: w } = K();
+  f.useEffect(() => {
+    if (p.current && !t) {
+      const v = p.current.offsetWidth, G = 8;
+      let b;
+      c > 1 ? b = (v - (v - (c - 1) * G) / c / 3 - (c - 1) * G) / c : b = v, B(b);
+    }
+  }, [c, p.current?.offsetWidth]), f.useEffect(() => {
+    const v = m.current?.offsetWidth;
+    if (typeof v == "number" && t) {
+      const G = (q) => {
+        const ce = [
+          {
+            maxWidth: 375,
+            cardWidth: 268
+          },
+          {
+            maxWidth: 444,
+            cardWidth: 300
+          },
+          {
+            maxWidth: 599,
+            cardWidth: 350
+          },
+          {
+            maxWidth: 749,
+            cardWidth: 450
+          },
+          {
+            maxWidth: 900,
+            cardWidth: 600
+          }
+        ].find((ke) => q <= ke.maxWidth);
+        return ce ? ce.cardWidth : 750;
+      };
+      B(G(v));
+      const b = () => {
+        const q = m.current?.offsetWidth;
+        typeof q == "number" && B(G(q));
+      };
+      return window.addEventListener("resize", b), () => {
+        window.removeEventListener("resize", b);
+      };
+    }
+  }, [t, m]);
+  const k = () => {
+    w(O.ON_CAROUSEL_FORWARD_CLICK, i), p.current && u && p.current.scrollTo({
+      left: I + u + 8,
+      top: 0,
+      behavior: "smooth"
+    });
+  }, te = () => {
+    w(O.ON_CAROUSEL_BACK_CLICK, i), p.current && u && p.current.scrollTo({
+      left: Math.max(0, I - (u + 8)),
+      top: 0,
+      behavior: "smooth"
+    });
+  }, j = () => {
+    p.current && y(p.current.scrollLeft);
+  }, Y = () => {
+    !A || !T || (A - T > 50 ? w(O.ON_CAROUSEL_FORWARD_SWIPE, i) : w(O.ON_CAROUSEL_BACK_SWIPE, i));
+  }, ie = (v) => {
+    M(v.targetTouches[0].clientX);
+  }, re = (v) => {
+    M(null), Z(v.targetTouches[0].clientX);
+  }, X = u ? Math.round(I / (u + 8)) : 0, Q = p.current ? p.current.scrollWidth - p.current.offsetWidth : 0;
+  return /* @__PURE__ */ R(F, {
+    "aria-label": $?.carousel_title,
+    "aria-roledescription": "carousel",
+    ref: m,
+    role: "region",
+    sx: {
+      alignItems: "center",
+      boxSizing: "border-box",
+      height: a,
+      width: s || "100%"
+    },
+    children: [/* @__PURE__ */ e(F, {
+      direction: "row",
+      onScroll: j,
+      onTouchEnd: Y,
+      onTouchMove: ie,
+      onTouchStart: re,
+      ref: p,
+      sx: {
+        alignItems: "center",
+        height: a && "100%",
+        gap: 8,
+        listStyleType: "none",
+        m: 0,
+        maxWidth: g ? "calc(100% - 32px)" : "100%",
+        overflowX: "auto",
+        overflowY: "hidden",
+        p: 0,
+        scrollbarWidth: "none",
+        "-ms-overflow-style": "none",
+        "-webkit-overflow-scrolling": "touch",
+        "&::-webkit-scrollbar": { display: "none" }
+      },
+      children: /* @__PURE__ */ e(St, {
+        activeCardIndex: X,
+        beats: r,
+        cardWidth: u,
+        elevation: o,
+        heightOverrides: a,
+        onCardClick: l,
+        posthog: h,
+        showIcon: _,
+        variant: C
+      })
+    }), E && /* @__PURE__ */ e(Mt, {
+      currentBeatIndex: X + c - 1,
+      numBeats: r.length + 1,
+      onNextClick: k,
+      onPreviousClick: te,
+      scrollRightBoundary: Q,
+      scrollX: I,
+      shouldApplyDotAnimation: t,
+      visibleCardsCount: c
+    })]
+  });
+}, Tt = P(Ot), wt = ({ analyticsMetadata: i, onCardClick: t, posthog: r, widthOverrides: o, headerSx: a }) => {
+  const { carouselCopy: l } = L(), { onEvent: h } = K(), E = () => {
+    h && (h(O.ON_VIEW_MORE_CLICKED, i), t(), r?.capture("clicked_view_more"));
+  };
+  return l ? /* @__PURE__ */ R(F, {
+    alignItems: "center",
+    direction: "row",
+    justifyContent: "space-between",
+    spacing: 2,
+    sx: {
+      p: 16,
+      pb: 8,
+      width: o || void 0,
+      ...a
+    },
+    children: [/* @__PURE__ */ e(Ke, { children: l.carousel_title }), /* @__PURE__ */ e(Ye, {
+      endIcon: /* @__PURE__ */ e(ye, { size: 20 }),
+      onClick: E,
+      size: "small",
+      variant: "text",
+      children: l.view_all_insights_in_full_feed_cta_aria
+    })]
+  }) : /* @__PURE__ */ e(Ue, {});
+}, xt = P(wt), Dt = ({ heightOverrides: i, widthOverrides: t, children: r }) => {
+  const { carouselCopy: o } = L();
+  return /* @__PURE__ */ e(ae, {
+    "aria-label": o?.carousel_title,
+    "aria-roledescription": "carousel",
+    role: "group",
+    sx: {
+      boxSizing: "border-box",
+      height: i ? void 0 : "100%",
+      m: "0 auto",
+      width: t ? void 0 : "100%"
+    },
+    children: r
+  });
+}, Ne = ({ ariaLabel: i, elevation: t, heightOverrides: r, onCardClick: o, posthog: a, showIcon: l, variant: h }) => {
+  const { cardsCopy: E } = L(), _ = H(), { onEvent: g } = K(), { onPageview: C } = Ve();
+  f.useEffect(() => {
+    C(N.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
+  }, []);
+  const s = () => {
+    o && o(), g(O.ON_NO_RELEVANT_INSIGHTS_CLICKED), a?.capture("clicked_insight", { template: "no_relevant_insights" });
+  };
+  return /* @__PURE__ */ e(ee, {
+    ariaLabel: i,
+    description: E.no_relevant_insights_card_description,
+    elevation: t,
+    heightOverrides: r,
+    icon: l && /* @__PURE__ */ e(d, {
+      bgColor: n(_.palette.primary.main, 0.15),
+      name: "lightbulb"
+    }),
+    onCardClick: s,
+    onPrimaryAction: s,
+    primaryActionText: E.micro_card_cta,
+    title: E.no_relevant_insights_card_title,
+    variant: h
+  });
+}, ii = P(Ne), He = ({ ariaLabel: i, elevation: t, heightOverrides: r, onCardClick: o, showIcon: a, variant: l }) => {
+  const { onPageview: h } = Ve(), { zeroStateCopy: E } = L(), _ = H();
+  return f.useEffect(() => {
+    h(N.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
+  }, []), /* @__PURE__ */ e(ee, {
+    ariaLabel: i,
+    description: E.carousel_zero_state_description,
+    elevation: t,
+    heightOverrides: r,
+    icon: a && /* @__PURE__ */ e(d, {
+      bgColor: n(_.palette.primary.main, 0.15),
+      name: "lightbulb"
+    }),
+    onCardClick: o,
+    title: E.carousel_zero_state_title,
+    variant: l
+  });
+}, ri = P(He), Wt = () => /* @__PURE__ */ e(ae, {
+  sx: {
+    alignItems: "center",
+    display: "flex",
+    height: "100%",
+    justifyContent: "center",
+    width: "100%"
+  },
+  children: /* @__PURE__ */ e(rt, {})
+}), Ie = { featureVersion: "spendVsIncomeTrends" }, V = new ct(), Lt = ({ allowSingleCardPeeking: i = !0, areBeatsLoading: t = !1, beats: r = [], cardStyle: o = "elevation 1", endpoint: a = "/", headerSx: l, heightOverrides: h, logOutUser: E = () => {
+}, onCardClick: _ = () => {
+}, onEvent: g = () => {
+}, onPageview: C = () => {
+}, posthog: s, showCarouselControls: c, showHeader: p, showIcon: m, showWithMargin: I = !0, token: y = "", userHasFullInsightFeedBeats: T, visibleCardsCount: M = 1, widthOverrides: A }) => {
+  const u = (() => {
+    if (o === "border") return "outlined";
+    if (o === "elevation 1") return "elevation";
+    if (o !== "flat")
+      return "elevation";
+  })(), B = o === "flat" ? 0 : 1, [$, w] = oe("STANDARD"), [k, te] = oe(!1), [j, Y] = oe(!1), ie = Ze([g], V), re = Fe([C], V);
+  Pe({
+    widgetName: "InsightsMicroWidget",
+    isLoaded: k
+  }), f.useEffect(() => {
+    !V.isInitialized && !j && (V.initialize(a, y, E).catch(() => Y(!1)), Y(!0));
+  }, [
+    a,
+    y,
+    E,
+    V.isInitialized,
+    j
+  ]), f.useEffect(() => {
+    const v = window.innerHeight;
+    v < 180 ? w("STANDARD") : v >= 180 && v < 200 ? w("LARGE") : v >= 200 && v < 248 ? w("XLARGE") : v >= 248 && w("XXLARGE");
+  }, [window.innerHeight]), f.useEffect(() => {
+    te(!t && V.isInitialized);
+  }, [t, V.isInitialized]);
+  const X = {
+    heightOverrides: h,
+    onCardClick: _,
+    posthog: s,
+    showIcon: m,
+    showWithMargin: I,
+    widthOverrides: A
+  }, Q = {
+    carouselSize: $,
+    elevation: B,
+    variant: u,
+    heightOverrides: h,
+    onCardClick: _,
+    posthog: s,
+    showIcon: m
+  };
+  return /* @__PURE__ */ e(pt, {
+    onEvent: ie,
+    onPageview: re,
+    store: V,
+    children: /* @__PURE__ */ R(Dt, {
+      heightOverrides: h,
+      widthOverrides: A,
+      children: [
+        !k && /* @__PURE__ */ e(Wt, {}),
+        k && p && /* @__PURE__ */ e(xt, {
+          analyticsMetadata: Ie,
+          headerSx: l,
+          onCardClick: _,
+          posthog: s,
+          widthOverrides: A
+        }),
+        k && !!r.length && /* @__PURE__ */ e(Tt, {
+          allowSingleCardPeeking: i,
+          analyticsMetadata: Ie,
+          beats: r,
+          elevation: B,
+          showCarouselControls: c,
+          variant: u,
+          visibleCardsCount: M,
+          ...X
+        }),
+        k && !r.length && /* @__PURE__ */ e(F, {
+          sx: {
+            alignItems: "center",
+            height: h,
+            width: A || "100%"
+          },
+          children: /* @__PURE__ */ e(F, {
+            sx: {
+              height: `calc(${yt[$]}px - 44px)`,
+              width: I ? `calc(${A}px - 32px)` : "100%"
+            },
+            children: T ? /* @__PURE__ */ e(Ne, { ...Q }) : /* @__PURE__ */ e(He, { ...Q })
+          })
+        })
+      ]
+    })
+  });
+}, oi = P(Lt), Vt = ({ ariaLabel: i, elevation: t, heightOverrides: r, isActiveCard: o, onCardClick: a, posthog: l, widthOverrides: h, showIcon: E, variant: _ }) => {
+  const g = H(), { ref: C, inView: s } = Se({ threshold: 1 }), { cardsCopy: c } = L(), { onEvent: p } = K();
+  le(() => {
+    s && (p(xe.ON_VIEW_MORE_VIEWED), l?.capture("viewed_insight", { template: "view_more_card" }));
+  }, [s]);
+  const m = () => {
+    a && a(), p(O.ON_VIEW_MORE_CLICKED), l?.capture("clicked_insight", { template: "view_more_card" });
+  };
+  return /* @__PURE__ */ e(ee, {
+    "aria-roledescription": "slide",
+    ariaLabel: i,
+    description: c?.view_more_card_description,
+    elevation: t,
+    heightOverrides: r,
+    icon: E && /* @__PURE__ */ e(d, {
+      bgColor: n(g.palette.primary.main, 0.15),
+      name: "show_chart"
+    }),
+    isActiveCard: o,
+    onCardClick: m,
+    onPrimaryAction: m,
+    primaryActionText: c?.micro_card_cta,
+    ref: C,
+    title: c?.view_more_card_title,
+    variant: _,
+    widthOverrides: h
+  });
+}, Nt = P(Vt);
+export {
+  ii as a,
+  At as c,
+  Ct as d,
+  ei as f,
+  ct as h,
+  ri as i,
+  ee as l,
+  pt as m,
+  oi as n,
+  xt as o,
+  d as p,
+  Ie as r,
+  Tt as s,
+  Nt as t,
+  ti as u
+};