@zeniai/web-components 3.16.39 → 3.16.40

package/dist/BillPayApprovalRulesPage-DrWxkzSC.js

@@ -0,0 +1,415 @@
+import { j as t } from "./vendor-.pnpm-BZbZ6JJC.js";
+import o from "@emotion/styled";
+import { u as R, a as v, a5 as j, j as S, aN as M, aO as H, aP as U, R as i, S as r, y as E, av as P, af as G, C as b, z as O, a3 as q, t as _, D as s, aE as F, A as J, p as k, w as K } from "./index-oeut1pIL.js";
+import { useState as Q } 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] = Q(!1), a = R(), { range: h } = c.criteria[0], { steps: u, approvalRuleId: g } = c, l = v.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": S(
+                  "delete-approval-rule-bill-pay",
+                  c.approvalRuleId
+                )
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              pe,
+              {
+                onClick: () => {
+                  f(g);
+                },
+                "data-testid": S(
+                  "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(O)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  cursor: pointer;
+  color: ${(e) => e.theme.colors.hero};
+  &:hover {
+    color: ${b.important};
+  }
+`, pe = o(q)`
+  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])
+}, Se = ({
+  approvalView: e,
+  onBackClick: y,
+  onEditRuleClick: c,
+  onDeleteRuleClick: f
+}) => {
+  const $ = R(), { fetchState: m, deleteStatus: x } = e, a = v.getLocalizedStrings().commonSetUp.approval, h = v.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(J, { 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": S("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(K)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+`, we = o.div`
+  color: ${(e) => e.theme.colors.hero};
+`;
+export {
+  Se as default
+};

package/dist/BillPayPromoPage-BegcNR38.js

@@ -0,0 +1,293 @@
+import { j as e, u as z } from "./vendor-.pnpm-BZbZ6JJC.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 { dz as oe, u as f, aD as te, a as M, aE as le, B as k, j as B, eq as m, S as o, V as re, H as ie, P as U, E as ne, R as ae, C as w, ac as ce, a1 as de, o as pe, D as me } from "./index-oeut1pIL.js";
+import { M as xe } from "./MeetingCalenderPopup-BsJhQ5or.js";
+import { V as he } from "./VideoPopup-C8uSuwl5.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 ae(me[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(ie)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${o.sp7} ${o.sp0};
+  color: ${(s) => s.theme.colors.primary};
+`, fe = t(re)`
+  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(pe)`
+  color: ${(s) => s.theme.colors.champion};
+`, u = t(de)`
+  color: ${(s) => s.theme.colors.champion};
+`, j = t(U)`
+  color: ${(s) => s.theme.colors.champion};
+`, y = t(ce)`
+  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(ne)`
+  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, Le = ({
+  billPaySetupView: s,
+  analytics: r,
+  meetingUrl: F,
+  videoUrl: Z,
+  onButtonClick: N,
+  onBackClick: W,
+  onSetupBillPaySuccess: $,
+  onClickMenuIcon: q
+}) => {
+  const h = oe(), n = f(), { billPayTermsDetails: p } = s, [G, 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: [
+    G === !0 ? /* @__PURE__ */ e.jsx(
+      he,
+      {
+        onCancelClick: () => {
+          J(!1);
+        },
+        videoUrl: Z
+      }
+    ) : null,
+    K === !0 ? /* @__PURE__ */ e.jsx(
+      xe,
+      {
+        onCancelClick: () => {
+          P(!1);
+        },
+        meetingUrl: F
+      }
+    ) : null,
+    /* @__PURE__ */ e.jsx(
+      le,
+      {
+        title: l.title,
+        onBackClick: W,
+        showBackButton: !se(h.loggedInUserRoleMap),
+        showMenuIcon: n === "small" || n === "medium-compact",
+        onClickMenuIcon: q,
+        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 {
+  Le as default
+};