@zeniai/web-components 3.16.99 → 3.17.2

package/dist/BillPayApprovalRulesPage-DprvhWFn.js

@@ -1,415 +0,0 @@
-import { j as t } from "./vendor-.pnpm-B2klaOGU.js";
-import o from "@emotion/styled";
-import { u as R, a as S, a2 as j, e as v, aP as M, aQ as H, aR as U, R as i, S as r, w as E, aw as P, ah as G, C as b, x as q, a9 as O, t as _, D as s, aE as F, A as Q, o as k, y as J } from "./index-CD9fwr4J.js";
-import { useState as K } from "react";
-const n = {
-  sectionWidth: new i(343, 580, 726),
-  ruleWrapperPadding: new i(s[3], s[4]),
-  wrapperGap: new i(s[4], s[3]),
-  wrapperMarginBottom: new i(s[6], s[8]),
-  lastWrapperMarginBottom: new i(s[5], s[9]),
-  stepperWidthHeight: new i(20, s[5]),
-  stepperItemLeft: new i(-29, -23),
-  stepperItemTop: new i(2, s[0]),
-  stepperItemPaddingLeft: new i(s[0], 10),
-  stepperItemMinHeight: new i(22, 28),
-  stepperLeft: new i(11, 17),
-  stepperTop: new i(2, s[0]),
-  stepperContentTop: new i(-1, -s[1])
-}, W = {
-  stepper: new P("smallRegular", "standardRegular"),
-  amount: new P("standardRegular", "largeMedium")
-}, X = ({
-  showDeleteBtn: e = !1,
-  isLastSection: y = !1,
-  approvalRule: c,
-  onEditRuleClick: f,
-  onDeleteRuleClick: $
-}) => {
-  const [m, x] = K(!1), a = R(), { range: h } = c.criteria[0], { steps: u, approvalRuleId: g } = c, l = S.getLocalizedStrings().commonSetUp.approval, B = () => {
-    x(!0);
-  }, L = {
-    onOkClick: () => {
-      x(!1), $?.(g);
-    },
-    onCancelClick: () => {
-      x(!1);
-    }
-  };
-  return /* @__PURE__ */ t.jsxs(
-    Y,
-    {
-      windowSize: a,
-      isLastSection: y,
-      children: [
-        /* @__PURE__ */ t.jsxs(Z, { windowSize: a, children: [
-          /* @__PURE__ */ t.jsxs(ne, { children: [
-            /* @__PURE__ */ t.jsxs(C, { windowSize: a, children: [
-              l.from,
-              " ",
-              j("0,0", h.min)
-            ] }),
-            /* @__PURE__ */ t.jsxs(V, { children: [
-              /* @__PURE__ */ t.jsx(z, {}),
-              /* @__PURE__ */ t.jsx(ee, {}),
-              /* @__PURE__ */ t.jsx(z, {})
-            ] }),
-            h.max == null ? /* @__PURE__ */ t.jsx(de, {}) : /* @__PURE__ */ t.jsx(C, { windowSize: a, children: j("0,0", { ...h.min, amount: h.max.amount }) })
-          ] }),
-          /* @__PURE__ */ t.jsxs(le, { className: "icons", children: [
-            e && /* @__PURE__ */ t.jsx(
-              ae,
-              {
-                onClick: B,
-                "data-testid": v(
-                  "delete-approval-rule-bill-pay",
-                  c.approvalRuleId
-                )
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              pe,
-              {
-                onClick: () => {
-                  f(g);
-                },
-                "data-testid": v(
-                  "edit-approval-rule-bill-pay",
-                  c.approvalRuleId
-                )
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ t.jsx(te, { windowSize: a, children: /* @__PURE__ */ t.jsx(oe, { isSingleStep: u.length === 1, windowSize: a, children: u.map((d, D) => /* @__PURE__ */ t.jsxs(
-          re,
-          {
-            isSingleStep: u.length === 1,
-            className: "stepperItem",
-            windowSize: a,
-            children: [
-              d.action === "require_approval" ? /* @__PURE__ */ t.jsx(ie, { children: l.requireText }) : /* @__PURE__ */ t.jsx(se, { children: l.notifyText }),
-              d.nonUserActors != null && d.nonUserActors.filter((p) => p.subType != null).map((p, N) => /* @__PURE__ */ t.jsxs(A, { children: [
-                /* @__PURE__ */ t.jsx(T, { children: p.subType != null ? l.nonUsers[p.subType].label : null }),
-                d.operator != "is" ? /* @__PURE__ */ t.jsx(I, { className: "operator", children: d.operator }) : null
-              ] }, `${p.subType}_${N}`)),
-              d.actors.map((p) => /* @__PURE__ */ t.jsxs(A, { children: [
-                /* @__PURE__ */ t.jsxs(T, { children: [
-                  p.firstName,
-                  " ",
-                  p.lastName
-                ] }),
-                d.operator != "is" ? /* @__PURE__ */ t.jsx(I, { className: "operator", children: d.operator }) : null
-              ] }, p.userId))
-            ]
-          },
-          D
-        )) }) }),
-        m ? /* @__PURE__ */ t.jsx(
-          M,
-          {
-            titleComponent: /* @__PURE__ */ t.jsx(U, { children: l.deleteApprovalRuleTitle }),
-            descriptionComponent: /* @__PURE__ */ t.jsx(H, { children: l.deleteApprovalRuleDesc }),
-            primaryButtonText: l.deleteTxt,
-            proceedButtonVariant: "danger",
-            secondaryButtonText: l.cancelBtnText,
-            action: L
-          }
-        ) : null
-      ]
-    }
-  );
-}, Y = o.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${(e) => n.wrapperGap.valuePx(e.windowSize)};
-  margin-bottom: ${(e) => e.isLastSection ? n.lastWrapperMarginBottom.valuePx(e.windowSize) : n.wrapperMarginBottom.valuePx(e.windowSize)};
-  .icons {
-    display: none;
-  }
-  &:hover {
-    .icons {
-      display: flex;
-    }
-    > div:last-of-type {
-      border-color: ${(e) => e.theme.colors.primary};
-    }
-  }
-`, Z = o(E)`
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: space-between;
-  text-align: center;
-  width: ${(e) => n.sectionWidth.valuePx(e.windowSize)};
-  gap: ${r.sp2};
-`, V = o.div`
-  align-items: center;
-  display: flex;
-  justify-content: center;
-`, ee = o.div`
-  width: ${r.sp8};
-  height: 2px;
-  background-color: ${(e) => e.theme.colors.primary};
-`, z = o.div`
-  width: 6px;
-  height: 6px;
-  border-radius: 3px;
-  background-color: ${(e) => e.theme.colors.primary};
-`, te = o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: ${(e) => n.ruleWrapperPadding.valuePx(e.windowSize)};
-  gap: 10px;
-
-  width: ${(e) => n.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${(e) => e.theme.colors.grey5};
-
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-
-  box-shadow: ${(e) => `${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${r.sp2};
-
-  flex: none;
-  order: 1;
-  flex-grow: 0;
-  justify-content: center;
-  box-sizing: border-box;
-  position: relative;
-`, oe = o.ul`
-  ${(e) => `${W.stepper.style(e.windowSize)}`};
-  position: relative;
-  padding-left: ${r.sp6};
-  list-style: none;
-  box-sizing: initial;
-  margin: 0;
-  &::before {
-    display: inline-block;
-    content: "";
-    position: absolute;
-    top: ${(e) => n.stepperTop.valuePx(e.windowSize)};
-    left: ${(e) => n.stepperLeft.valuePx(e.windowSize)};
-    width: 10px;
-    height: ${(e) => e.isSingleStep ? "0%" : "100%"};
-    border-left: 2px solid ${(e) => e.theme.colors.grey1};
-  }
-`, re = o.li`
-  position: relative;
-  counter-increment: list;
-  min-height: ${(e) => n.stepperItemMinHeight.valuePx(e.windowSize)};
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: ${(e) => n.stepperItemPaddingLeft.valuePx(e.windowSize)};
-  gap: ${r.sp1};
-
-  > div:last-of-type > span.operator:last-of-type {
-    visibility: hidden;
-  }
-
-  &:not(:last-child) {
-    padding-bottom: 20px;
-  }
-
-  &::before {
-    display: inline-block;
-    content: "";
-    position: absolute;
-    top: ${(e) => n.stepperItemTop.valuePx(e.windowSize)};
-    left: ${(e) => n.stepperItemLeft.valuePx(e.windowSize)};
-    height: ${(e) => e.isSingleStep ? "0%" : "100%"};
-    width: 10px;
-  }
-
-  &.stepperItem {
-    flex-wrap: wrap;
-    &::before {
-      border-left: 2px solid ${(e) => e.theme.colors.grey1};
-    }
-    &:last-child::before {
-      border-left: 2px solid ${(e) => e.theme.colors.grey5};
-    }
-
-    &::after {
-      content: counter(list);
-      position: absolute;
-      width: ${(e) => n.stepperWidthHeight.valuePx(e.windowSize)};
-      height: ${(e) => n.stepperWidthHeight.valuePx(e.windowSize)};
-      top: ${(e) => n.stepperContentTop.valuePx(e.windowSize)};
-      left: -${r.sp6};
-      ${_.standardMedium.css};
-      text-align: center;
-      color: ${(e) => e.theme.colors.grey1};
-      border: 2px solid ${(e) => e.theme.colors.grey1};
-      background-color: ${(e) => e.theme.colors.grey5};
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      border-radius: 50%;
-    }
-  }
-`, ie = o.span`
-  color: ${b.alertDark};
-`, se = o.span`
-  color: ${b.successDark};
-`, T = o.span`
-  color: ${(e) => e.theme.colors.primary};
-`, ne = o.div`
-  display: flex;
-  align-items: center;
-  gap: ${r.sp2};
-`, le = o.div`
-  display: flex;
-  gap: ${r.sp5};
-`, ae = o(q)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${b.important};
-  }
-`, pe = o(O)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, de = o(G)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  color: ${(e) => e.theme.colors.hero};
-`, I = o.span`
-  color: ${(e) => e.theme.colors.hero};
-`, A = o.div`
-  display: inherit;
-  gap: inherit;
-`, C = o.span`
-  ${(e) => `${W.amount.style(e.windowSize)}`};
-  color: ${(e) => e.theme.colors.primary};
-  word-break: break-word;
-`, w = {
-  width: new i(343, 580, 726),
-  titleWidth: new i(343, 580, 780),
-  addApprovalGap: new i(6, s[2]),
-  subTitlePaddingTop: new i(12, s[3]),
-  subTitlePaddingBottom: new i(28, s[7])
-}, ve = ({
-  approvalView: e,
-  onBackClick: y,
-  onEditRuleClick: c,
-  onDeleteRuleClick: f
-}) => {
-  const $ = R(), { fetchState: m, deleteStatus: x } = e, a = S.getLocalizedStrings().commonSetUp.approval, h = S.getLocalizedStrings().spendManagement.billPay.billPayApproval, u = x.fetchState;
-  return /* @__PURE__ */ t.jsxs(ce, { children: [
-    /* @__PURE__ */ t.jsx(
-      F,
-      {
-        title: a.approvalPageHeader,
-        style: { zIndex: 4 },
-        onBackClick: () => {
-          y();
-        },
-        source: "BillPayApprovalRulesPage"
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(he, { children: [
-      /* @__PURE__ */ t.jsx(xe, { windowSize: $, children: h.approvalPageSubTitle }),
-      m === "In-Progress" || m === "Not-Started" || u === "In-Progress" ? /* @__PURE__ */ t.jsx(me, { children: /* @__PURE__ */ t.jsx(Q, { size: "ExtraLarge", start: !0 }) }) : m === "Completed" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        e.allApprovalRules.map((g, l) => /* @__PURE__ */ t.jsx(
-          X,
-          {
-            showDeleteBtn: l !== 0,
-            approvalRule: g,
-            isLastSection: l === e.allApprovalRules.length - 1,
-            onEditRuleClick: c,
-            onDeleteRuleClick: f
-          },
-          g.approvalRuleId
-        )),
-        /* @__PURE__ */ t.jsxs(
-          ue,
-          {
-            windowSize: $,
-            onClick: () => {
-              c();
-            },
-            "data-testid": v("add-approval-rule-bill-pay"),
-            children: [
-              /* @__PURE__ */ t.jsx(ge, {}),
-              /* @__PURE__ */ t.jsx(we, { children: a.addApprovalText })
-            ]
-          }
-        )
-      ] }) : null
-    ] })
-  ] });
-}, ce = o.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, he = o.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`, me = o.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, xe = o(k)`
-  color: ${(e) => e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${(e) => w.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${(e) => w.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${(e) => w.subTitlePaddingBottom.valuePx(e.windowSize)};
-`, ue = o(k)`
-  cursor: pointer;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: ${r.sp3} ${r.sp4};
-  gap: ${(e) => w.addApprovalGap.valuePx(e.windowSize)};
-
-  width: ${(e) => w.width.valuePx(e.windowSize)};
-  height: ${r.sp8};
-
-  background: ${(e) => e.theme.colors.grey5};
-
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-
-  box-shadow: ${(e) => `${r.sp0} 2px ${r.sp1}
-    ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${r.sp2};
-  box-sizing: border-box;
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-    div {
-      color: ${(e) => e.theme.colors.primary};
-    }
-    border-color: ${(e) => e.theme.colors.primary};
-  }
-  margin-bottom: ${r.sp6};
-`, ge = o(J)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-`, we = o.div`
-  color: ${(e) => e.theme.colors.hero};
-`;
-export {
-  ve as default
-};

package/dist/BillPayPromoPage-CMWjjhQZ.js

@@ -1,292 +0,0 @@
-import { j as e, u as z } from "./vendor-.pnpm-B2klaOGU.js";
-import { useState as C, useEffect as Y } from "react";
-import t from "@emotion/styled";
-import { hasBillPayAdminLevelAccess as _, hasBillPayAccess as ee, hasOnlyBillPayAccess as se } from "@zeniai/client-epic-state";
-import { dB as oe, u as f, aD as te, a as M, hH as le, aE as re, B as k, e as B, er as m, S as o, V as ie, H as ne, P as U, E as ae, R as ce, C as w, ad as de, a7 as pe, n as me, D as xe } from "./index-CD9fwr4J.js";
-import { V as he } from "./VideoPopup-D7zHonPb.js";
-import { S } from "./usp-line-BBd1wKwW.js";
-const A = "https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Light.png", I = "https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Dark.png", ge = {
-  midContainerMarginBottom: new ce(xe[5], 44)
-}, ue = t.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${(s) => s.theme.colors.grey4};
-`, je = t.div`
-  padding: ${(s) => s.windowSize === "small" ? `${o.sp0} ${o.sp3}` : `${o.sp0} ${o.sp8}`};
-  text-align: center;
-`, ye = t(ne)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${o.sp7} ${o.sp0};
-  color: ${(s) => s.theme.colors.primary};
-`, fe = t(ie)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${o.sp5} ${o.sp0};
-  color: ${(s) => s.theme.colors.primary};
-`, L = t.div`
-  display: flex;
-  flex-direction: ${(s) => s.windowSize === "small" ? "column" : "row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${(s) => ge.midContainerMarginBottom.valuePx(s.windowSize)};
-`, we = t.div``, x = t.img``, R = t.div`
-  width: ${(s) => s.windowSize === "small" ? "auto" : "376px"};
-  display: flex;
-  flex-direction: column;
-`, D = t.div`
-  width: ${(s) => s.windowSize === "small" ? "100%" : "calc(100% - 376px)"};
-  overflow: hidden;
-  max-width: 712px;
-  display: flex;
-  align-content: center;
-  justify-content: center;
-  align-items: center;
-`, H = t.div`
-  margin-left: ${(s) => s.windowSize === "small" ? o.sp0 : o.sp6};
-  margin-bottom: ${(s) => s.windowSize === "small" ? o.sp4 : o.sp0};
-  background: ${(s) => s.theme.colors.grey3};
-  border-radius: 12px;
-  border: ${(s) => `1px solid ${s.theme.colors.grey3}`};
-  padding: 15px;
-`, a = t.div`
-  border-radius: ${o.sp12};
-  border: ${(s) => `1px solid ${s.theme.colors.grey2}`};
-  padding: ${(s) => s.windowSize === "small" ? `${o.sp2} ${o.sp4} ${o.sp2} ${o.sp0}` : `${o.sp3} ${o.sp5} ${o.sp3} ${o.sp0}`};
-  background: ${(s) => s.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${o.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`, g = t(me)`
-  color: ${(s) => s.theme.colors.champion};
-`, u = t(pe)`
-  color: ${(s) => s.theme.colors.champion};
-`, j = t(U)`
-  color: ${(s) => s.theme.colors.champion};
-`, y = t(de)`
-  color: ${(s) => s.theme.colors.champion};
-`, c = t.div``, d = t.div`
-  padding-left: ${o.sp3};
-`, V = t(S)`
-  color: ${w.graphColor16Dark};
-`, E = t(S)`
-  color: ${w.graphColor09Dark};
-`, O = t(S)`
-  color: ${w.graphColor28Dark};
-`, Se = t(ae)`
-  margin: ${o.sp3} auto;
-  max-width: 719px;
-  color: ${(s) => s.theme.colors.hero};
-`, $e = t.div`
-  display: flex;
-  flex-direction: ${(s) => s.windowSize === "small" ? "column" : "row"};
-  align-items: center;
-  justify-content: center;
-`, Pe = t(U)`
-  margin: ${(s) => s.windowSize === "small" ? o.sp1 : `auto ${o.sp5}`};
-  color: ${(s) => s.theme.colors.grey1};
-`, l = M.getLocalizedStrings().spendManagement.billPay.billPayPromo, i = M.getLocalizedStrings().commonSetUp.businessVerification.terms, Ie = ({
-  billPaySetupView: s,
-  analytics: r,
-  meetingUrl: F,
-  videoUrl: Z,
-  onButtonClick: N,
-  onBackClick: W,
-  onSetupBillPaySuccess: $,
-  onClickMenuIcon: G
-}) => {
-  const h = oe(), n = f(), { billPayTermsDetails: p } = s, [q, J] = C(!1), [K, P] = C(!1), v = te(
-    p?.fetchStatus.fetchState
-  );
-  Y(() => {
-    v === "In-Progress" && p?.fetchStatus.fetchState === "Completed" && $?.();
-  }, [v, $, p?.fetchStatus]);
-  const Q = () => {
-    r?.trackBillPayPromoScheduleDemo(), P(!0);
-  }, X = _(
-    h.loggedInUserRoleMap
-  ), T = ee(
-    h.loggedInUserRoleMap
-  ) && !X, b = T ? l.setupNonAccessableUsersPromoText : l.promoText;
-  return /* @__PURE__ */ e.jsxs(ue, { children: [
-    q === !0 ? /* @__PURE__ */ e.jsx(
-      he,
-      {
-        onCancelClick: () => {
-          J(!1);
-        },
-        videoUrl: Z
-      }
-    ) : null,
-    K === !0 ? /* @__PURE__ */ e.jsx(
-      le,
-      {
-        onCancelClick: () => {
-          P(!1);
-        },
-        meetingUrl: F
-      }
-    ) : null,
-    /* @__PURE__ */ e.jsx(
-      re,
-      {
-        title: l.title,
-        onBackClick: W,
-        showBackButton: !se(h.loggedInUserRoleMap),
-        showMenuIcon: n === "small" || n === "medium-compact",
-        onClickMenuIcon: G,
-        source: "BillPayPromoPage"
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(je, { windowSize: n, children: [
-      n === "small" ? /* @__PURE__ */ e.jsx(fe, { children: b }) : /* @__PURE__ */ e.jsx(ye, { children: b }),
-      n === "small" ? /* @__PURE__ */ e.jsx(ve, {}) : /* @__PURE__ */ e.jsx(Te, {}),
-      T === !1 ? /* @__PURE__ */ e.jsxs(we, { children: [
-        /* @__PURE__ */ e.jsxs($e, { windowSize: n, children: [
-          /* @__PURE__ */ e.jsx(
-            k,
-            {
-              variant: "secondary",
-              label: l.scheduleDemoButton,
-              onClick: Q,
-              "data-testid": B("billpay-schedule-demo-button")
-            }
-          ),
-          /* @__PURE__ */ e.jsx(Pe, { windowSize: n, children: l.orText }),
-          /* @__PURE__ */ e.jsx(
-            k,
-            {
-              variant: "primary",
-              label: l.setupBillPayButton,
-              loading: p?.fetchStatus.fetchState === "In-Progress",
-              onClick: N,
-              "data-testid": B("billpay-setup-button")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e.jsxs(Se, { children: [
-          l.terms.terms1,
-          /* @__PURE__ */ e.jsx(m, { href: i.consentUrl, linkText: i.consent }),
-          i.term2,
-          /* @__PURE__ */ e.jsx(m, { href: i.depositUrl, linkText: i.depositTerms }),
-          i.term3,
-          /* @__PURE__ */ e.jsx(
-            m,
-            {
-              href: i.privacyPolicyUrl,
-              onZeniLinkClick: () => (r?.trackBillPayPrivacyPolicy(), !0),
-              linkText: i.privacy
-            }
-          ),
-          i.term4,
-          /* @__PURE__ */ e.jsx(
-            m,
-            {
-              href: i.tosUrl,
-              onZeniLinkClick: () => (r?.trackBillPayAgreement(), !0),
-              linkText: i.tos
-            }
-          ),
-          i.term5,
-          l.terms.terms3
-        ] })
-      ] }) : null
-    ] })
-  ] });
-}, ve = () => {
-  const s = z(), r = f();
-  return /* @__PURE__ */ e.jsxs(L, { windowSize: r, children: [
-    /* @__PURE__ */ e.jsx(D, { windowSize: r, children: /* @__PURE__ */ e.jsx(H, { windowSize: r, children: s.mode === "dark" ? /* @__PURE__ */ e.jsx(
-      x,
-      {
-        src: I,
-        alt: "forecast-promo",
-        style: { width: "100%", height: "auto" },
-        loading: "lazy"
-      }
-    ) : /* @__PURE__ */ e.jsx(
-      x,
-      {
-        src: A,
-        alt: "forecast-promo",
-        style: { width: "100%", height: "auto" },
-        loading: "lazy"
-      }
-    ) }) }),
-    /* @__PURE__ */ e.jsxs(R, { windowSize: r, children: [
-      /* @__PURE__ */ e.jsxs(a, { windowSize: r, children: [
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(O, {}) }),
-        /* @__PURE__ */ e.jsxs(d, { children: [
-          /* @__PURE__ */ e.jsx(y, { children: l.fullyManagedText.bold }),
-          /* @__PURE__ */ e.jsx(j, { children: l.fullyManagedText.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsxs(a, { windowSize: r, children: [
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(E, {}) }),
-        /* @__PURE__ */ e.jsxs(d, { children: [
-          /* @__PURE__ */ e.jsx(y, { children: l.multiLevelApprovalText.bold }),
-          /* @__PURE__ */ e.jsx(j, { children: l.multiLevelApprovalText.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsxs(a, { windowSize: r, children: [
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(V, {}) }),
-        /* @__PURE__ */ e.jsxs(d, { children: [
-          /* @__PURE__ */ e.jsx(y, { children: l.aiPoweredText.bold }),
-          /* @__PURE__ */ e.jsx(j, { children: l.aiPoweredText.regular })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Te = () => {
-  const s = z(), r = f();
-  return /* @__PURE__ */ e.jsxs(L, { windowSize: r, children: [
-    /* @__PURE__ */ e.jsxs(R, { windowSize: r, children: [
-      /* @__PURE__ */ e.jsxs(a, { windowSize: r, style: { width: "376px" }, children: [
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(O, {}) }),
-        /* @__PURE__ */ e.jsxs(d, { children: [
-          /* @__PURE__ */ e.jsx(u, { children: l.fullyManagedText.bold }),
-          /* @__PURE__ */ e.jsx(g, { children: l.fullyManagedText.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsxs(a, { windowSize: r, style: { width: "376px" }, children: [
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(E, {}) }),
-        /* @__PURE__ */ e.jsxs(d, { children: [
-          /* @__PURE__ */ e.jsx(u, { children: l.multiLevelApprovalText.bold }),
-          /* @__PURE__ */ e.jsx(g, { children: l.multiLevelApprovalText.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsxs(a, { windowSize: r, style: { width: "376px" }, children: [
-        /* @__PURE__ */ e.jsx(c, { children: /* @__PURE__ */ e.jsx(V, {}) }),
-        /* @__PURE__ */ e.jsxs(d, { children: [
-          /* @__PURE__ */ e.jsx(u, { children: l.aiPoweredText.bold }),
-          /* @__PURE__ */ e.jsx(g, { children: l.aiPoweredText.regular })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsx(D, { windowSize: r, children: /* @__PURE__ */ e.jsx(H, { windowSize: r, children: s.mode === "dark" ? /* @__PURE__ */ e.jsx(
-      x,
-      {
-        src: I,
-        alt: "forecast-promo",
-        style: { width: "615px", height: "402px" },
-        loading: "lazy"
-      }
-    ) : /* @__PURE__ */ e.jsx(
-      x,
-      {
-        src: A,
-        alt: "forecast-promo",
-        style: { width: "615px", height: "402px" },
-        loading: "lazy"
-      }
-    ) }) })
-  ] });
-};
-export {
-  Ie as default
-};