@zeniai/web-components 3.17.12 → 3.17.14

package/dist/BillPayApprovalRulesPage-CfveXJ9t.js

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

package/dist/BillPayPromoPage-NvX_8AMK.cjs

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-.pnpm-D0ILHvHB.cjs"),u=require("react"),o=require("@emotion/styled"),j=require("@zeniai/client-epic-state"),t=require("./index-DHSetD4K.cjs"),F=require("./VideoPopup-DHJyoudi.cjs"),E=require("./usp-line-CnxyxnEe.cjs"),v="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Light.png",T="https://storage.googleapis.com/zeni-apis.appspot.com/images/Billpay-Dark.png",N={midContainerMarginBottom:new t.ResponsiveSized(t.sp[5],44)},_=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${s=>s.theme.colors.grey4};
+`,G=o.div`
+  padding: ${s=>s.windowSize==="small"?`${t.Space.sp0} ${t.Space.sp3}`:`${t.Space.sp0} ${t.Space.sp8}`};
+  text-align: center;
+`,J=o(t.H5Regular)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${t.Space.sp7} ${t.Space.sp0};
+  color: ${s=>s.theme.colors.primary};
+`,K=o(t.H6Regular)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${t.Space.sp5} ${t.Space.sp0};
+  color: ${s=>s.theme.colors.primary};
+`,b=o.div`
+  display: flex;
+  flex-direction: ${s=>s.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s=>N.midContainerMarginBottom.valuePx(s.windowSize)};
+`,Q=o.div``,d=o.img``,C=o.div`
+  width: ${s=>s.windowSize==="small"?"auto":"376px"};
+  display: flex;
+  flex-direction: column;
+`,k=o.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;
+`,B=o.div`
+  margin-left: ${s=>s.windowSize==="small"?t.Space.sp0:t.Space.sp6};
+  margin-bottom: ${s=>s.windowSize==="small"?t.Space.sp4:t.Space.sp0};
+  background: ${s=>s.theme.colors.grey3};
+  border-radius: 12px;
+  border: ${s=>`1px solid ${s.theme.colors.grey3}`};
+  padding: 15px;
+`,a=o.div`
+  border-radius: ${t.Space.sp12};
+  border: ${s=>`1px solid ${s.theme.colors.grey2}`};
+  padding: ${s=>s.windowSize==="small"?`${t.Space.sp2} ${t.Space.sp4} ${t.Space.sp2} ${t.Space.sp0}`:`${t.Space.sp3} ${t.Space.sp5} ${t.Space.sp3} ${t.Space.sp0}`};
+  background: ${s=>s.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`,h=o(t.StandardRegularSp)`
+  color: ${s=>s.theme.colors.champion};
+`,g=o(t.StandardMediumSp)`
+  color: ${s=>s.theme.colors.champion};
+`,S=o(t.SmallRegularSp)`
+  color: ${s=>s.theme.colors.champion};
+`,R=o(t.SmallMediumSp)`
+  color: ${s=>s.theme.colors.champion};
+`,x=o.div``,c=o.div`
+  padding-left: ${t.Space.sp3};
+`,z=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor16Dark};
+`,M=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor09Dark};
+`,L=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor28Dark};
+`,X=o(t.ExtraSmallRegular)`
+  margin: ${t.Space.sp3} auto;
+  max-width: 719px;
+  color: ${s=>s.theme.colors.hero};
+`,Y=o.div`
+  display: flex;
+  flex-direction: ${s=>s.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,ee=o(t.SmallRegularSp)`
+  margin: ${s=>s.windowSize==="small"?t.Space.sp1:`auto ${t.Space.sp5}`};
+  color: ${s=>s.theme.colors.grey1};
+`,n=t.appLocale.getLocalizedStrings().spendManagement.billPay.billPayPromo,r=t.appLocale.getLocalizedStrings().commonSetUp.businessVerification.terms,te=({billPaySetupView:s,analytics:i,meetingUrl:U,videoUrl:A,onButtonClick:I,onBackClick:D,onSetupBillPaySuccess:y,onClickMenuIcon:q})=>{const m=t.useGlobalInfoContext(),l=t.useWindowSizeContext(),{billPayTermsDetails:p}=s,[O,Z]=u.useState(!1),[H,w]=u.useState(!1),f=t.usePrevious(p?.fetchStatus.fetchState);u.useEffect(()=>{f==="In-Progress"&&p?.fetchStatus.fetchState==="Completed"&&y?.()},[f,y,p?.fetchStatus]);const V=()=>{i?.trackBillPayPromoScheduleDemo(),w(!0)},W=j.hasBillPayAdminLevelAccess(m.loggedInUserRoleMap),$=j.hasBillPayAccess(m.loggedInUserRoleMap)&&!W,P=$?n.setupNonAccessableUsersPromoText:n.promoText;return e.jsxRuntimeExports.jsxs(_,{children:[O===!0?e.jsxRuntimeExports.jsx(F.VideoPopup,{onCancelClick:()=>{Z(!1)},videoUrl:A}):null,H===!0?e.jsxRuntimeExports.jsx(t.MeetingCalenderPopup,{onCancelClick:()=>{w(!1)},meetingUrl:U}):null,e.jsxRuntimeExports.jsx(t.NavBar,{title:n.title,onBackClick:D,showBackButton:!j.hasOnlyBillPayAccess(m.loggedInUserRoleMap),showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:q,source:"BillPayPromoPage"}),e.jsxRuntimeExports.jsxs(G,{windowSize:l,children:[l==="small"?e.jsxRuntimeExports.jsx(K,{children:P}):e.jsxRuntimeExports.jsx(J,{children:P}),l==="small"?e.jsxRuntimeExports.jsx(se,{}):e.jsxRuntimeExports.jsx(oe,{}),$===!1?e.jsxRuntimeExports.jsxs(Q,{children:[e.jsxRuntimeExports.jsxs(Y,{windowSize:l,children:[e.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",label:n.scheduleDemoButton,onClick:V,"data-testid":t.generateDataTestId("billpay-schedule-demo-button")}),e.jsxRuntimeExports.jsx(ee,{windowSize:l,children:n.orText}),e.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:n.setupBillPayButton,loading:p?.fetchStatus.fetchState==="In-Progress",onClick:I,"data-testid":t.generateDataTestId("billpay-setup-button")})]}),e.jsxRuntimeExports.jsxs(X,{children:[n.terms.terms1,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.consentUrl,linkText:r.consent}),r.term2,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.depositUrl,linkText:r.depositTerms}),r.term3,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.privacyPolicyUrl,onZeniLinkClick:()=>(i?.trackBillPayPrivacyPolicy(),!0),linkText:r.privacy}),r.term4,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.tosUrl,onZeniLinkClick:()=>(i?.trackBillPayAgreement(),!0),linkText:r.tos}),r.term5,n.terms.terms3]})]}):null]})]})},se=()=>{const s=e.useTheme(),i=t.useWindowSizeContext();return e.jsxRuntimeExports.jsxs(b,{windowSize:i,children:[e.jsxRuntimeExports.jsx(k,{windowSize:i,children:e.jsxRuntimeExports.jsx(B,{windowSize:i,children:s.mode==="dark"?e.jsxRuntimeExports.jsx(d,{src:T,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsxRuntimeExports.jsx(d,{src:v,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxRuntimeExports.jsxs(C,{windowSize:i,children:[e.jsxRuntimeExports.jsxs(a,{windowSize:i,children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(L,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(R,{children:n.fullyManagedText.bold}),e.jsxRuntimeExports.jsx(S,{children:n.fullyManagedText.regular})]})]}),e.jsxRuntimeExports.jsxs(a,{windowSize:i,children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(M,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(R,{children:n.multiLevelApprovalText.bold}),e.jsxRuntimeExports.jsx(S,{children:n.multiLevelApprovalText.regular})]})]}),e.jsxRuntimeExports.jsxs(a,{windowSize:i,children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(z,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(R,{children:n.aiPoweredText.bold}),e.jsxRuntimeExports.jsx(S,{children:n.aiPoweredText.regular})]})]})]})]})},oe=()=>{const s=e.useTheme(),i=t.useWindowSizeContext();return e.jsxRuntimeExports.jsxs(b,{windowSize:i,children:[e.jsxRuntimeExports.jsxs(C,{windowSize:i,children:[e.jsxRuntimeExports.jsxs(a,{windowSize:i,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(L,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(g,{children:n.fullyManagedText.bold}),e.jsxRuntimeExports.jsx(h,{children:n.fullyManagedText.regular})]})]}),e.jsxRuntimeExports.jsxs(a,{windowSize:i,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(M,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(g,{children:n.multiLevelApprovalText.bold}),e.jsxRuntimeExports.jsx(h,{children:n.multiLevelApprovalText.regular})]})]}),e.jsxRuntimeExports.jsxs(a,{windowSize:i,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(x,{children:e.jsxRuntimeExports.jsx(z,{})}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(g,{children:n.aiPoweredText.bold}),e.jsxRuntimeExports.jsx(h,{children:n.aiPoweredText.regular})]})]})]}),e.jsxRuntimeExports.jsx(k,{windowSize:i,children:e.jsxRuntimeExports.jsx(B,{windowSize:i,children:s.mode==="dark"?e.jsxRuntimeExports.jsx(d,{src:T,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsxRuntimeExports.jsx(d,{src:v,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})};exports.default=te;