@mx-cartographer/experiences 8.0.0-alpha.sms2 → 9.0.0-alpha.mega1

package/dist/ViewMoreMicroCard-CH9E-jOx.mjs

@@ -1,1930 +0,0 @@
-import { jsx as e, jsxs as g, Fragment as xe } from "react/jsx-runtime";
-import u, { useEffect as ee, useState as J } from "react";
-import { observer as P } from "mobx-react-lite";
-import k from "@mui/material/Stack";
-import De from "@mui/material/Button";
-import Le from "@mui/material/Typography";
-import { BarChart as Ve, Error as ae, Campaign as Ne, ChevronLeft as He, ChevronRight as Ce } from "@mxenabled/mx-icons";
-import { L as ke } from "./Loader-BSWSYqvn.mjs";
-import Z from "@mui/material/Box";
-import se from "@mui/material/IconButton";
-import { useTheme as Fe } from "@mui/material/styles";
-import { useInView as me } from "react-intersection-observer";
-import { P as Be, CategoryIcon as Ze, MerchantLogo as Pe } from "@mxenabled/mxui";
-import { b as be } from "./Category-Ccoew_sA.mjs";
-import te from "@mui/material/styles/useTheme";
-import { b as Ge } from "./Localization-2MODESHW.mjs";
-import Ue from "@mui/material/CircularProgress";
-import { makeAutoObservable as ie, runInAction as Re } from "mobx";
-import { G as ce, a as ze, u as Ke, b as $e } from "./useCombineEvents-CRwX-qWE.mjs";
-import { B as de } from "./BeatApi-De2IaqH2.mjs";
-import Ye from "@mui/material/Card";
-import je from "@mui/material/CardActions";
-import Xe from "@mui/material/CardContent";
-import Qe from "@mui/material/CardHeader";
-const Ee = {
-  featureVersion: "spendVsIncomeTrends"
-};
-class qe {
-  copyApi = new ce("/", "");
-  copyObject = {};
-  namespace = "experiences";
-  translationKey = "micro_insights";
-  constructor() {
-    ie(this);
-  }
-  // NOTE: Not sure if this is special case, but other stores have this deprecation todo
-  // DEPRECATED: Initialize api in constructor and use loadCopy instead
-  // TODO: Remove this function
-  initialize = async (o, t) => {
-    this.copyApi = new ce(o, t), await this.loadCopy();
-  };
-  loadCopy = async () => {
-    const o = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
-    Re(() => {
-      this.copyObject = o[this.translationKey];
-    });
-  };
-  get cardsCopy() {
-    return this.copyObject.cards;
-  }
-  get carouselCopy() {
-    return this.copyObject.carousel;
-  }
-  get zeroStateCopy() {
-    return this.copyObject.zero_state;
-  }
-}
-const oe = {
-  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"
-}, v = window?.app?.clientConfig?.microwidget_instance_id || "", he = {
-  INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, ge = (i) => `on${i}Click`, Ie = (i) => `on${i}View`, ye = (i) => `on${i}ViewFirstTime`, le = (i) => i.replace(/([a-z])([A-Z])/g, "$1 $2"), Je = () => Object.values(oe).reduce(
-  (i, o) => ({
-    ...i,
-    [ge(o)]: {
-      action: L.MICRO_BEAT_CLICKED,
-      category: D.BEAT_INTERACTION,
-      label: le(o),
-      value: v
-    }
-  }),
-  {}
-), et = () => Object.values(oe).reduce(
-  (i, o) => ({
-    ...i,
-    [Ie(o)]: {
-      action: L.MICRO_BEAT_DISPLAYED,
-      category: D.BEAT_INTERACTION,
-      label: le(o),
-      value: v
-    }
-  }),
-  {}
-), tt = () => Object.values(oe).reduce(
-  (i, o) => ({
-    ...i,
-    [ye(o)]: {
-      action: L.MICRO_BEAT_DISPLAYED_FIRST_TIME,
-      category: D.BEAT_INTERACTION,
-      label: le(o),
-      value: v
-    }
-  }),
-  {}
-), x = {
-  CAROUSEL_CONTROL: "Carousel Control",
-  MICRO_WIDGET: "Micro Widget",
-  VIEW_MORE: "View More"
-}, D = {
-  MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
-  BEAT_INTERACTION: "Beat Interaction"
-}, S = {
-  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"
-}, ve = {
-  ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
-}, L = {
-  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"
-}, H = {
-  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"
-}, ue = {
-  [H.MICRO_WIDGET_CAROUSEL]: {
-    label: x.MICRO_WIDGET,
-    name: H.MICRO_WIDGET_CAROUSEL,
-    path: he.INSIGHTS_MICRO_WIDGET,
-    value: v
-  },
-  // zero state
-  [H.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
-    label: x.MICRO_WIDGET,
-    name: H.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
-    path: he.INSIGHTS_MICRO_WIDGET,
-    value: v
-  },
-  // no relevant cards
-  [H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
-    label: x.MICRO_WIDGET,
-    name: H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
-    path: "/micro-widget",
-    value: v
-  }
-}, pe = {
-  // carousel control interaction events - clicks and swipes
-  [S.ON_CAROUSEL_BACK_CLICK]: {
-    action: L.CONTROL_BACKWARD,
-    category: D.MICRO_WIDGET_INTERACTION,
-    label: x.CAROUSEL_CONTROL,
-    value: v
-  },
-  [S.ON_CAROUSEL_FORWARD_CLICK]: {
-    action: L.CONTROL_FORWARD,
-    category: D.MICRO_WIDGET_INTERACTION,
-    label: x.CAROUSEL_CONTROL,
-    value: v
-  },
-  [S.ON_CAROUSEL_BACK_SWIPE]: {
-    action: L.SWIPE_BACKWARD,
-    category: D.MICRO_WIDGET_INTERACTION,
-    label: x.CAROUSEL_CONTROL,
-    value: v
-  },
-  [S.ON_CAROUSEL_FORWARD_SWIPE]: {
-    action: L.SWIPE_FORWARD,
-    category: D.MICRO_WIDGET_INTERACTION,
-    label: x.CAROUSEL_CONTROL,
-    value: v
-  },
-  // read more card events
-  [S.ON_VIEW_MORE_CLICKED]: {
-    action: L.MICRO_BEAT_CLICKED,
-    category: D.BEAT_INTERACTION,
-    label: x.VIEW_MORE,
-    value: v
-  },
-  [ve.ON_VIEW_MORE_VIEWED]: {
-    action: L.MICRO_BEAT_DISPLAYED,
-    category: D.BEAT_INTERACTION,
-    label: x.VIEW_MORE,
-    value: v
-  },
-  ...Je(),
-  ...et(),
-  ...tt()
-}, _e = async (i, o) => !o || !pe[i] ? null : o.sendAnalyticEvent(pe[i]).then((t) => t).catch((t) => {
-  throw t;
-}), fe = async (i, o) => !o || !ue[i] ? null : o.sendAnalyticsPageview(ue[i]).then((t) => t).catch((t) => {
-  throw t;
-});
-class it {
-  onAnalyticEvent = _e;
-  onAnalyticPageView = fe;
-  beatApi = new de("/", "");
-  constructor() {
-    ie(this);
-  }
-  initialize = async (o, t, l) => {
-    this.onAnalyticEvent = (n, r) => {
-      _e(n, r).then((a) => a).catch((a) => {
-        throw a.status === 401 && l(), a;
-      });
-    }, this.onAnalyticPageView = (n, r) => {
-      fe(n, r).then((a) => a).catch((a) => {
-        throw a.status === 401 && l(), a;
-      });
-    }, this.beatApi = new de(o, t);
-  };
-  updateBeat = async (o) => {
-    this.beatApi.updateBeat(o);
-  };
-  updateOffer = async (o) => {
-    this.beatApi.updateOffer(o);
-  };
-}
-class ot {
-  copyStore;
-  endpoint = "/";
-  insightsMicroWidgetStore;
-  session = null;
-  token = "";
-  isInitialized = !1;
-  constructor() {
-    this.copyStore = new qe(), this.insightsMicroWidgetStore = new it(), ie(this);
-  }
-  initialize = async (o, t, l) => {
-    await this.copyStore.initialize(o, t), await this.insightsMicroWidgetStore.initialize(o, t, l);
-    const n = await ze(o, t, "1.0.0", "Micro Insights Carousel");
-    Re(() => {
-      this.session = n, this.isInitialized = !0;
-    });
-  };
-}
-const U = u.createContext(null), lt = ({
-  onEvent: i,
-  onPageview: o,
-  store: t,
-  children: l
-}) => /* @__PURE__ */ e(U.Provider, { value: { onEvent: i, onPageview: o, store: t, children: l }, children: l }), j = u.forwardRef(function({
-  actionText: o,
-  ariaLabel: t,
-  backgroundColor: l,
-  description: n,
-  heightOverrides: r,
-  icon: a,
-  isActiveCard: c,
-  isZeroState: h,
-  onCardClick: f = () => {
-  },
-  showIcon: p,
-  style: d = {},
-  title: E,
-  variant: s,
-  widthOverrides: C
-}, _) {
-  const R = te(), [O, I] = u.useState(!1), { cardStyle: m, linkTextStyle: T } = d, y = s ? m : { border: "none", boxShadow: "none", ...m }, M = /* @__PURE__ */ e(
-    Be,
-    {
-      className: "mx-micro-card-description",
-      color: "text.primary",
-      sx: {
-        display: "-webkit-box",
-        fontSize: 13,
-        letterSpacing: 0.48,
-        lineHeight: "20px",
-        overflow: "hidden",
-        pl: h ? 0 : 28,
-        pr: h ? 0 : 8,
-        WebkitBoxOrient: "vertical",
-        WebkitLineClamp: 2,
-        wordWrap: "break-word"
-      },
-      children: n && /* @__PURE__ */ e(
-        "span",
-        {
-          dangerouslySetInnerHTML: { __html: n },
-          style: { fontFamily: R.typography.fontFamily }
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ e(
-    Z,
-    {
-      "aria-hidden": !c,
-      "aria-label": t,
-      "aria-labelledby": "divButton",
-      "aria-roledescription": "slide",
-      ref: _,
-      role: "group",
-      sx: {
-        height: "100%",
-        minWidth: C ? `${C}px` : "100%",
-        fontFamily: R.typography.fontFamily
-      },
-      children: /* @__PURE__ */ e(
-        Z,
-        {
-          "aria-hidden": !c,
-          "aria-label": t,
-          id: "divButton",
-          onClick: () => f(),
-          onKeyDown: () => I(!1),
-          onKeyUp: () => I(!0),
-          ref: _,
-          role: "button",
-          sx: {
-            border: O ? "1px solid rgba(82, 138, 224, 0.8)" : void 0,
-            borderRadius: "8px",
-            height: "100%"
-          },
-          tabIndex: c ? 0 : -1,
-          children: /* @__PURE__ */ e(
-            Ye,
-            {
-              "aria-roledescription": "slide",
-              className: "mx-micro-card",
-              role: "group",
-              sx: {
-                backgroundColor: l,
-                boxSizing: "border-box",
-                cursor: "pointer",
-                height: r ? "100%" : 124,
-                p: 16,
-                ...y,
-                "& .MuiCardHeader-avatar": {
-                  mr: "8px"
-                }
-              },
-              variant: s,
-              children: /* @__PURE__ */ g(
-                k,
-                {
-                  sx: {
-                    alignItems: "space-between",
-                    height: "100%"
-                  },
-                  children: [
-                    /* @__PURE__ */ e(
-                      Qe,
-                      {
-                        avatar: p && a,
-                        subheader: h && M,
-                        sx: { p: 0 },
-                        title: E,
-                        titleTypographyProps: { fontSize: 15, fontWeight: 600, variant: "h3" }
-                      }
-                    ),
-                    /* @__PURE__ */ e(Xe, { sx: { p: 0 }, children: !h && M }),
-                    !!o && /* @__PURE__ */ e(
-                      je,
-                      {
-                        sx: {
-                          mt: "auto",
-                          p: 0
-                        },
-                        children: /* @__PURE__ */ e(
-                          Z,
-                          {
-                            sx: (W) => ({
-                              color: W.palette.primary.main,
-                              fontSize: 14,
-                              fontWeight: "bold",
-                              px: 28,
-                              fontFamily: W.typography.fontFamily,
-                              ...T
-                            }),
-                            children: o
-                          }
-                        )
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          )
-        }
-      )
-    }
-  );
-}), nt = ({ beat: i }) => {
-  const { primary_category_guid: o, category_guids: t } = i, l = o || t?.[0] || be.UNCATEGORIZED;
-  return /* @__PURE__ */ e(Ze, { categoryGuid: l, size: 16, sx: { minWidth: 16 } });
-}, rt = ({ beat: i }) => {
-  const { category_guids: o, merchant_guids: t, primary_category_guid: l, primary_merchant_guid: n } = i;
-  return /* @__PURE__ */ e(
-    Pe,
-    {
-      categoryGuid: l || o && o[0] || "",
-      merchantGuid: n || t[0],
-      size: 16,
-      sx: {
-        display: "flex",
-        mt: 2
-      }
-    }
-  );
-}, at = ({
-  color: i = "currentColor",
-  height: o,
-  size: t = 16,
-  styles: l,
-  viewBox: n = "0 0 16 16",
-  width: r
-}) => /* @__PURE__ */ e(
-  "svg",
-  {
-    "aria-hidden": !0,
-    className: "kyper-icon",
-    focusable: !1,
-    height: o || t,
-    style: l,
-    viewBox: n,
-    width: r || t,
-    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
-      }
-    )
-  }
-), st = (i) => i ? i.data ? i.data.map((o) => {
-  const t = {};
-  return i.names?.map((l, n) => {
-    t[l] = o[n];
-  }), t;
-}) : [] : [], ct = (i, o) => {
-  const t = st(i), l = t.length / 2, n = t.slice(0, l), r = t.slice(l);
-  return !n.length || !r.length ? o.palette.primary.main : n[0].amount > r[0].amount ? o.palette.error.main : n[0].amount < r[0].amount ? o.palette.success.main : o.palette.primary.main;
-}, dt = ({ beat: i }) => {
-  const o = te(), t = ct(i.data_series, o);
-  return /* @__PURE__ */ e(Ve, { sx: { color: t } });
-}, Se = () => /* @__PURE__ */ g("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__ */ g("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__ */ g("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__ */ g("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__ */ g("defs", { children: [
-    /* @__PURE__ */ g(
-      "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__ */ g(
-      "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"
-            }
-          )
-        ]
-      }
-    )
-  ] })
-] }), Et = ({ beat: i }) => {
-  const { icon_type: o, icon_color: t } = i;
-  return o === 0 ? /* @__PURE__ */ e(ae, { filled: !0, sx: { color: (l) => t || l.palette.primary.main } }) : o === 1 ? /* @__PURE__ */ e(nt, { beat: i }) : o === 2 ? /* @__PURE__ */ e(rt, { beat: i }) : o === 3 ? /* @__PURE__ */ e(dt, { beat: i }) : o === 5 ? /* @__PURE__ */ e(Ne, {}) : /* @__PURE__ */ e(
-    ae,
-    {
-      filled: !0,
-      sx: {
-        color: (l) => l.palette.primary.main
-      }
-    }
-  );
-}, V = () => {
-  const i = u.useContext(U);
-  if (!i)
-    throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
-  return i.store.copyStore;
-}, ht = () => {
-  const i = u.useContext(U);
-  if (!i?.store?.insightsMicroWidgetStore)
-    throw new Error(
-      "useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider"
-    );
-  return i.store.insightsMicroWidgetStore;
-}, z = () => {
-  const i = u.useContext(U);
-  if (!i)
-    throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
-  return { onEvent: i.onEvent };
-}, Me = () => {
-  const i = u.useContext(U);
-  if (!i)
-    throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
-  return { onPageview: i.onPageview };
-}, ut = {
-  LARGE: 180,
-  STANDARD: 154,
-  XLARGE: 200,
-  XXLARGE: 248
-}, pt = 50, Ae = 1, _t = ({
-  ariaLabel: i,
-  backgroundColor: o,
-  beat: t,
-  showCTAColocatedWithText: l = !0,
-  heightOverrides: n,
-  index: r,
-  isActiveCard: a,
-  onCardClick: c,
-  posthog: h,
-  showIcon: f,
-  variant: p,
-  widthOverrides: d
-}) => {
-  const { ref: E, inView: s } = me({
-    threshold: Ae
-  }), { cardsCopy: C } = V(), { onEvent: _ } = z(), { updateBeat: R, updateOffer: O } = ht();
-  ee(() => {
-    s && (t.has_been_displayed ? _(Ie(t.template)) : (t.guid.startsWith("OFR") ? O({
-      ...t,
-      has_been_displayed: !0
-    }) : R({
-      ...t,
-      has_been_displayed: !0
-    }), _(ye(t.template))));
-  }, [s]), ee(() => {
-    if (s && 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: r
-        });
-  }, [t, r, s]);
-  const I = () => {
-    if (c && c(t), _(ge(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: r
-      });
-  };
-  return /* @__PURE__ */ e(
-    j,
-    {
-      actionText: t.micro_call_to_action || C.micro_card_cta,
-      ariaLabel: i,
-      backgroundColor: o,
-      description: t?.html_micro_description && t?.html_micro_description.length > 0 ? t.html_micro_description : t.html_description,
-      heightOverrides: n,
-      icon: /* @__PURE__ */ e(Et, { beat: t }),
-      isActiveCard: a,
-      onCardClick: I,
-      posthog: h,
-      ref: E,
-      showCTAColocatedWithText: l,
-      showIcon: f,
-      title: t.micro_title && t.micro_title.length > 0 ? t.micro_title : t.title,
-      variant: p,
-      widthOverrides: d
-    }
-  );
-}, ft = ({
-  currentBeatIndex: i,
-  numBeats: o,
-  onNextClick: t,
-  onPreviousClick: l,
-  scrollRightBoundary: n,
-  scrollX: r,
-  shouldApplyDotAnimation: a = !1,
-  visibleCardsCount: c = 1
-}) => {
-  const h = Fe(), { carouselCopy: f } = V(), p = Math.floor(r) > n || i - c + 1 === 0, d = r < 0 || o - 1 === i, E = h.palette.grey[500], s = h.palette.primary.main;
-  return /* @__PURE__ */ g(
-    k,
-    {
-      direction: "row",
-      sx: {
-        alignItems: "center",
-        justifyContent: "center",
-        pt: 4,
-        width: "100%",
-        // we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1
-        "& button:first-child": {
-          mr: 8
-        }
-      },
-      children: [
-        /* @__PURE__ */ e(
-          se,
-          {
-            "aria-disabled": p,
-            "aria-label": f.previous_insight_cta_aria,
-            disabled: p,
-            onClick: l,
-            children: /* @__PURE__ */ e(
-              He,
-              {
-                style: {
-                  color: p ? E : s
-                }
-              }
-            )
-          }
-        ),
-        Array.from({ length: o }).map((C, _) => {
-          const R = _ === i;
-          return /* @__PURE__ */ e(
-            Z,
-            {
-              className: "mx-insights-micro-carousel-dots",
-              sx: {
-                bgcolor: R ? s : E,
-                height: 8,
-                mr: 8,
-                // existing comment from meganthan "we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1"
-                ...a ? {
-                  borderRadius: "4px",
-                  transformOrigin: "center",
-                  transition: "all 0.5s ease-out",
-                  willChange: "width, background-color"
-                } : {
-                  borderRadius: "50%",
-                  p: 0
-                },
-                width: R && a ? 24 : 8
-              }
-            },
-            `carousel-button-${_}`
-          );
-        }),
-        /* @__PURE__ */ e(
-          se,
-          {
-            "aria-disabled": d,
-            "aria-label": f.next_insight_cta_aria,
-            disabled: d,
-            onClick: t,
-            children: /* @__PURE__ */ e(
-              Ce,
-              {
-                style: {
-                  color: d ? E : s
-                }
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}, Ct = ({
-  activeCardIndex: i,
-  beats: o,
-  cardWidth: t,
-  showCTAColocatedWithText: l,
-  heightOverrides: n,
-  onCardClick: r,
-  posthog: a,
-  showIcon: c,
-  variant: h
-}) => {
-  const { carouselCopy: f } = V(), p = {
-    showCTAColocatedWithText: l,
-    heightOverrides: n,
-    posthog: a,
-    showIcon: c,
-    variant: h
-  };
-  return /* @__PURE__ */ g(xe, { children: [
-    o.map((d, E) => {
-      const s = E + 1, C = o.length + 1, _ = Ge(
-        f.card_position_in_carousel_aria,
-        s.toString(),
-        C.toString()
-      ), R = d.micro_title && d.micro_title.length > 0, O = d.micro_description && d.micro_description.length > 0, I = R ? d.micro_title : d.title, m = O ? d.micro_description : d.description;
-      return /* @__PURE__ */ e(
-        _t,
-        {
-          ariaLabel: `${_}: ${I}, ${m}`,
-          beat: d,
-          index: E,
-          isActiveCard: E === i,
-          onCardClick: r,
-          widthOverrides: t || void 0,
-          ...p
-        },
-        `${d.guid} ${E}`
-      );
-    }),
-    /* @__PURE__ */ e(
-      At,
-      {
-        isActiveCard: i === o.length,
-        onCardClick: r,
-        widthOverrides: t || void 0,
-        ...p
-      }
-    )
-  ] });
-}, mt = ({
-  analyticsMetadata: i,
-  allowSingleCardPeeking: o = !1,
-  beats: t = [],
-  showCTAColocatedWithText: l,
-  heightOverrides: n,
-  onCardClick: r,
-  posthog: a,
-  showCarouselControls: c,
-  showIcon: h,
-  showWithMargin: f = !0,
-  variant: p,
-  widthOverrides: d,
-  visibleCardsCount: E = 1
-  // Default to 1 card visible
-}) => {
-  const s = u.useRef(null), C = u.useRef(null), [_, R] = u.useState(0), [O, I] = u.useState(null), [m, T] = u.useState(null), [y, M] = u.useState(null), { carouselCopy: W } = V(), { onEvent: F } = z();
-  u.useEffect(() => {
-    if (s.current && !o) {
-      const A = s.current.offsetWidth, b = 8;
-      let B;
-      if (E > 1) {
-        const ne = (A - (E - 1) * b) / E / 3;
-        B = (A - ne - (E - 1) * b) / E;
-      } else
-        B = A;
-      M(B);
-    }
-  }, [E, s.current?.offsetWidth]), u.useEffect(() => {
-    const A = C.current?.offsetWidth;
-    if (typeof A == "number" && o) {
-      const b = (G) => {
-        const re = [
-          { maxWidth: 375, cardWidth: 268 },
-          { maxWidth: 444, cardWidth: 300 },
-          { maxWidth: 599, cardWidth: 350 },
-          { maxWidth: 749, cardWidth: 450 },
-          { maxWidth: 900, cardWidth: 600 }
-        ].find((we) => G <= we.maxWidth);
-        return re ? re.cardWidth : 750;
-      };
-      M(b(A));
-      const B = () => {
-        const G = C.current?.offsetWidth;
-        typeof G == "number" && M(b(G));
-      };
-      return window.addEventListener("resize", B), () => {
-        window.removeEventListener("resize", B);
-      };
-    }
-  }, [o, C]);
-  const K = () => {
-    F(S.ON_CAROUSEL_FORWARD_CLICK, i), s.current && y && s.current.scrollTo({
-      left: _ + y + 8,
-      top: 0,
-      behavior: "smooth"
-    });
-  }, $ = () => {
-    F(S.ON_CAROUSEL_BACK_CLICK, i), s.current && y && s.current.scrollTo({
-      left: Math.max(0, _ - (y + 8)),
-      top: 0,
-      behavior: "smooth"
-    });
-  }, X = () => {
-    s.current && R(s.current.scrollLeft);
-  }, Q = () => {
-    if (!m || !O) return;
-    m - O > pt ? F(S.ON_CAROUSEL_FORWARD_SWIPE, i) : F(S.ON_CAROUSEL_BACK_SWIPE, i);
-  }, q = (A) => {
-    I(A.targetTouches[0].clientX);
-  }, Y = (A) => {
-    I(null), T(A.targetTouches[0].clientX);
-  }, w = y ? Math.round(_ / (y + 8)) : 0, We = s.current ? s.current.scrollWidth - s.current.offsetWidth : 0;
-  return /* @__PURE__ */ g(
-    k,
-    {
-      "aria-label": W.carousel_title,
-      "aria-roledescription": "carousel",
-      ref: C,
-      role: "group/region",
-      sx: {
-        alignItems: "center",
-        boxSizing: "border-box",
-        height: n,
-        width: d || "100%"
-      },
-      children: [
-        /* @__PURE__ */ e(
-          k,
-          {
-            direction: "row",
-            onScroll: X,
-            onTouchEnd: Q,
-            onTouchMove: q,
-            onTouchStart: Y,
-            ref: s,
-            sx: {
-              alignItems: "center",
-              height: n && "100%",
-              gap: 8,
-              listStyleType: "none",
-              m: 0,
-              maxWidth: f ? "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(
-              Ct,
-              {
-                activeCardIndex: w,
-                beats: t,
-                cardWidth: y,
-                heightOverrides: n,
-                onCardClick: r,
-                posthog: a,
-                showCTAColocatedWithText: l,
-                showIcon: h,
-                variant: p
-              }
-            )
-          }
-        ),
-        c && /* @__PURE__ */ e(
-          ft,
-          {
-            currentBeatIndex: w + E - 1,
-            numBeats: t.length + 1,
-            onNextClick: K,
-            onPreviousClick: $,
-            scrollRightBoundary: We,
-            scrollX: _,
-            shouldApplyDotAnimation: o,
-            visibleCardsCount: E
-          }
-        )
-      ]
-    }
-  );
-}, Rt = P(mt), gt = ({
-  analyticsMetadata: i,
-  onCardClick: o,
-  posthog: t,
-  widthOverrides: l
-}) => {
-  const { carouselCopy: n } = V(), { onEvent: r } = z(), a = () => {
-    r && (r(S.ON_VIEW_MORE_CLICKED, i), o(), t?.capture("clicked_view_more"));
-  };
-  return n ? /* @__PURE__ */ g(
-    k,
-    {
-      alignItems: "center",
-      direction: "row",
-      justifyContent: "space-between",
-      spacing: 2,
-      sx: {
-        padding: 16,
-        width: l || void 0
-      },
-      children: [
-        /* @__PURE__ */ e(
-          Le,
-          {
-            sx: (c) => ({
-              color: c.palette.primary.main,
-              fontSize: 18,
-              fontWeight: 700,
-              lineHeight: "24px"
-            }),
-            variant: "h3",
-            children: n.carousel_title
-          }
-        ),
-        /* @__PURE__ */ e(
-          De,
-          {
-            endIcon: /* @__PURE__ */ e(Ce, { size: 20 }),
-            onClick: a,
-            size: "small",
-            sx: (c) => ({
-              color: c.palette.primary.main
-            }),
-            variant: "text",
-            children: n.view_all_insights_in_full_feed_cta_aria
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ e(ke, {});
-}, It = P(gt), yt = ({
-  heightOverrides: i,
-  widthOverrides: o,
-  children: t
-}) => {
-  const { carouselCopy: l } = V();
-  return /* @__PURE__ */ e(
-    Z,
-    {
-      "aria-label": l?.carousel_title,
-      "aria-roledescription": "carousel",
-      role: "group",
-      sx: {
-        boxSizing: "border-box",
-        height: i ? void 0 : "100%",
-        m: "0 auto",
-        width: o ? void 0 : "100%"
-      },
-      children: t
-    }
-  );
-}, Oe = ({
-  ariaLabel: i,
-  heightOverrides: o,
-  onCardClick: t,
-  posthog: l,
-  showIcon: n,
-  variant: r
-}) => {
-  const { cardsCopy: a } = V(), { onEvent: c } = z(), { onPageview: h } = Me();
-  u.useEffect(() => {
-    h(H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
-  }, []);
-  const f = () => {
-    t && t(), c(S.ON_NO_RELEVANT_INSIGHTS_CLICKED), l?.capture("clicked_insight", {
-      template: "no_relevant_insights"
-    });
-  };
-  return /* @__PURE__ */ e(
-    j,
-    {
-      actionText: a.micro_card_cta,
-      ariaLabel: i,
-      description: a.no_relevant_insights_card_description,
-      heightOverrides: o,
-      icon: /* @__PURE__ */ e(Se, {}),
-      isZeroState: !0,
-      onCardClick: f,
-      posthog: l,
-      showIcon: n,
-      style: {
-        linkTextStyle: {
-          ml: 48
-        }
-      },
-      title: a.no_relevant_insights_card_title,
-      variant: r
-    }
-  );
-}, Qt = P(Oe), Te = ({
-  ariaLabel: i,
-  heightOverrides: o,
-  onCardClick: t,
-  posthog: l,
-  showIcon: n,
-  variant: r
-}) => {
-  const { onPageview: a } = Me(), { zeroStateCopy: c } = V();
-  return u.useEffect(() => {
-    a(H.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
-  }, []), /* @__PURE__ */ e(
-    j,
-    {
-      ariaLabel: i,
-      description: c.carousel_zero_state_description,
-      heightOverrides: o,
-      icon: /* @__PURE__ */ e(Se, {}),
-      isZeroState: !0,
-      onCardClick: t,
-      posthog: l,
-      showIcon: n,
-      title: c.carousel_zero_state_title,
-      variant: r
-    }
-  );
-}, qt = P(Te), vt = () => /* @__PURE__ */ e(
-  Z,
-  {
-    sx: {
-      alignItems: "center",
-      display: "flex",
-      height: "100%",
-      justifyContent: "center",
-      width: "100%"
-    },
-    children: /* @__PURE__ */ e(Ue, {})
-  }
-), N = new ot(), St = ({
-  allowSingleCardPeeking: i,
-  areBeatsLoading: o,
-  beats: t = [],
-  // This also determines the length of the carousel controls (beat.length + 1)
-  showCTAColocatedWithText: l = !0,
-  endpoint: n = "/",
-  heightOverrides: r,
-  logOutUser: a,
-  onCardClick: c = () => {
-  },
-  onEvent: h = () => {
-  },
-  onPageview: f = () => {
-  },
-  posthog: p,
-  showBorder: d = !0,
-  showCarouselControls: E,
-  showHeader: s,
-  showIcon: C,
-  showWithMargin: _ = !0,
-  token: R = "",
-  userHasFullInsightFeedBeats: O,
-  variant: I,
-  visibleCardsCount: m = 1,
-  widthOverrides: T
-}) => {
-  const [y, M] = J("STANDARD"), [W, F] = J(!1), [K, $] = J(!1), X = Ke([h], N), Q = $e([f], N);
-  u.useEffect(() => {
-    !N.isInitialized && !K && (N.initialize(n, R, a).catch(() => $(!1)), $(!0));
-  }, [n, R, a, N.isInitialized, K]), u.useEffect(() => {
-    const w = window.innerHeight;
-    w < 180 ? M("STANDARD") : w >= 180 && w < 200 ? M("LARGE") : w >= 200 && w < 248 ? M("XLARGE") : w >= 248 && M("XXLARGE");
-  }, [window.innerHeight]), u.useEffect(() => {
-    F(!o && N.isInitialized);
-  }, [o, N.isInitialized]);
-  const q = {
-    showCTAColocatedWithText: l,
-    heightOverrides: r,
-    onCardClick: c,
-    posthog: p,
-    showIcon: C,
-    showWithMargin: _,
-    widthOverrides: T
-  }, Y = {
-    carouselSize: y,
-    variant: I,
-    showCTAColocatedWithText: l,
-    heightOverrides: r,
-    onCardClick: c,
-    posthog: p,
-    showIcon: C
-  };
-  return /* @__PURE__ */ e(lt, { onEvent: X, onPageview: Q, store: N, children: /* @__PURE__ */ g(yt, { heightOverrides: r, widthOverrides: T, children: [
-    !W && /* @__PURE__ */ e(vt, {}),
-    W && s && /* @__PURE__ */ e(
-      It,
-      {
-        analyticsMetadata: Ee,
-        onCardClick: c,
-        posthog: p,
-        widthOverrides: T
-      }
-    ),
-    W && !!t.length && /* @__PURE__ */ e(
-      Rt,
-      {
-        allowSingleCardPeeking: i,
-        analyticsMetadata: Ee,
-        beats: t,
-        showCarouselControls: E,
-        variant: d ? I : void 0,
-        visibleCardsCount: m,
-        ...q
-      }
-    ),
-    W && !t.length && /* @__PURE__ */ e(
-      k,
-      {
-        sx: {
-          alignItems: "center",
-          height: r,
-          width: T || "100%"
-        },
-        children: /* @__PURE__ */ e(
-          k,
-          {
-            sx: {
-              height: `calc(${ut[y]}px - 44px)`,
-              width: _ ? `calc(${T}px - 32px)` : "100%"
-            },
-            children: O ? /* @__PURE__ */ e(Oe, { ...Y }) : /* @__PURE__ */ e(Te, { ...Y })
-          }
-        )
-      }
-    )
-  ] }) });
-}, Jt = P(St), Mt = ({
-  isActiveCard: i,
-  ariaLabel: o,
-  heightOverrides: t,
-  onCardClick: l,
-  posthog: n,
-  showIcon: r,
-  variant: a,
-  widthOverrides: c
-}) => {
-  const h = te(), { ref: f, inView: p } = me({
-    threshold: Ae
-  }), { cardsCopy: d } = V(), { onEvent: E } = z();
-  ee(() => {
-    p && (E(ve.ON_VIEW_MORE_VIEWED), n?.capture("viewed_insight", {
-      template: "view_more_card"
-    }));
-  }, [p]);
-  const s = () => {
-    l && l(), E(S.ON_VIEW_MORE_CLICKED), n?.capture("clicked_insight", {
-      template: "view_more_card"
-    });
-  };
-  return /* @__PURE__ */ e(
-    j,
-    {
-      actionText: d.micro_card_cta,
-      ariaLabel: o,
-      description: d.view_more_card_description,
-      heightOverrides: t,
-      icon: /* @__PURE__ */ e(at, { color: h.palette.primary.main }),
-      isActiveCard: i,
-      onCardClick: s,
-      posthog: n,
-      ref: f,
-      showIcon: r,
-      title: d.view_more_card_title,
-      variant: a,
-      widthOverrides: c
-    }
-  );
-}, At = P(Mt);
-export {
-  ot as A,
-  j as B,
-  It as C,
-  lt as I,
-  Rt as M,
-  Qt as N,
-  Ee as T,
-  At as V,
-  qt as Z,
-  _t as a,
-  Jt as b,
-  at as c,
-  dt as d,
-  Se as e
-};