@zeniai/web-components 3.16.40 → 3.16.42

package/dist/ReimbursementPromoPage-ueol3xit.cjs

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-.pnpm-DHyNpoQL.cjs"),j=require("react"),o=require("@emotion/styled"),k=require("@zeniai/client-epic-state"),t=require("./index-BP5gPMlL.cjs"),Y=require("./MeetingCalenderPopup-24-5N69F.cjs"),ee=require("./VideoPopup-zaFGsjsY.cjs"),E=require("./usp-line-CnxyxnEe.cjs"),L="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",A="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",te={midContainerMarginBottom:new t.ResponsiveSized(t.sp[5],44)},se=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${s=>s.theme.colors.grey4};
+`,re=o.div`
+  padding: ${s=>s.windowSize==="small"?`${t.Space.sp0} ${t.Space.sp3}`:`${t.Space.sp0} ${t.Space.sp8}`};
+  text-align: center;
+`,oe=o(t.H5Regular)`
+  max-width: 648px;
+  margin: auto;
+  padding: ${t.Space.sp7} ${t.Space.sp0};
+  color: ${s=>s.theme.colors.primary};
+`,ne=o(t.H6Regular)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${t.Space.sp5} ${t.Space.sp0};
+  color: ${s=>s.theme.colors.primary};
+`,I=o.div`
+  display: flex;
+  flex-direction: ${s=>s.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s=>te.midContainerMarginBottom.valuePx(s.windowSize)};
+`,ie=o.div``,P=o.div`
+  display: flex;
+  flex-direction: ${s=>s.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,d=o.img``,U=o.div`
+  width: ${s=>s.windowSize==="small"?"auto":"376px"};
+  display: flex;
+  flex-direction: column;
+`,B=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;
+`,M=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;
+`,m=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};
+`,R=o(t.SmallRegularSp)`
+  color: ${s=>s.theme.colors.champion};
+`,S=o(t.SmallMediumSp)`
+  color: ${s=>s.theme.colors.champion};
+`,l=o.div``,a=o.div`
+  padding-left: ${t.Space.sp3};
+`,C=o(t.SmallRegularSp)`
+  margin: ${s=>s.windowSize==="small"?t.Space.sp1:`auto ${t.Space.sp5}`};
+  color: ${s=>s.theme.colors.grey1};
+`,D=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor16Dark};
+`,Z=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor09Dark};
+`,q=o(E.SvgUspLine)`
+  color: ${t.Colors.success};
+`,z=o(t.ExtraSmallRegular)`
+  margin: ${t.Space.sp3} auto;
+  max-width: 772px;
+  color: ${s=>s.theme.colors.hero};
+`,r=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,i=t.appLocale.getLocalizedStrings().commonSetUp.businessVerification.terms,xe=()=>{const s=e.useTheme(),n=t.useWindowSizeContext();return e.jsxRuntimeExports.jsxs(I,{windowSize:n,children:[e.jsxRuntimeExports.jsx(B,{windowSize:n,children:e.jsxRuntimeExports.jsx(M,{windowSize:n,children:s.mode==="dark"?e.jsxRuntimeExports.jsx(d,{src:A,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsxRuntimeExports.jsx(d,{src:L,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxRuntimeExports.jsxs(U,{windowSize:n,children:[e.jsxRuntimeExports.jsxs(m,{windowSize:n,children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(D,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(S,{children:r.simplestText.bold}),e.jsxRuntimeExports.jsx(R,{children:r.simplestText.regular})]})]}),e.jsxRuntimeExports.jsxs(m,{windowSize:n,children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(Z,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(S,{children:r.aiPoweredText.bold}),e.jsxRuntimeExports.jsx(R,{children:r.aiPoweredText.regular})]})]}),e.jsxRuntimeExports.jsxs(m,{windowSize:n,children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(q,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(S,{children:r.multiLevelApprovalText.bold}),e.jsxRuntimeExports.jsx(R,{children:r.multiLevelApprovalText.regular})]})]})]})]})},me=()=>{const s=e.useTheme(),n=t.useWindowSizeContext();return e.jsxRuntimeExports.jsxs(I,{windowSize:n,children:[e.jsxRuntimeExports.jsxs(U,{windowSize:n,children:[e.jsxRuntimeExports.jsxs(m,{windowSize:n,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(D,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(g,{children:r.simplestText.bold}),e.jsxRuntimeExports.jsx(h,{children:r.simplestText.regular})]})]}),e.jsxRuntimeExports.jsxs(m,{windowSize:n,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(Z,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(g,{children:r.aiPoweredText.bold}),e.jsxRuntimeExports.jsx(h,{children:r.aiPoweredText.regular})]})]}),e.jsxRuntimeExports.jsxs(m,{windowSize:n,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(q,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(g,{children:r.multiLevelApprovalText.bold}),e.jsxRuntimeExports.jsx(h,{children:r.multiLevelApprovalText.regular})]})]})]}),e.jsxRuntimeExports.jsx(B,{windowSize:n,children:e.jsxRuntimeExports.jsx(M,{windowSize:n,children:s.mode==="dark"?e.jsxRuntimeExports.jsx(d,{src:A,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsxRuntimeExports.jsx(d,{src:L,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},le=({reimbursementSetupView:s,userReimbursementInfo:n,meetingUrl:O,videoUrl:H,analytics:c,onSetupButtonClick:F,onCreateNewRemiButtonClick:V,onBackClick:W,onSetupReimbursementSuccess:b,onClickMenuIcon:N})=>{const w=t.useGlobalInfoContext(),[_,G]=j.useState(!1),[J,y]=j.useState(!1),K=e.useTheme(),x=t.useWindowSizeContext(),{remiTermsDetails:p}=s,T=t.usePrevious(p?.fetchStatus.fetchState),Q=k.hasReimbursementAdminLevelAccess(w.loggedInUserRoleMap),u=k.hasReimbursementAccess(w.loggedInUserRoleMap)&&!Q,X=!!n?.isReimbursementTOSAccepted,f=!!s.companyRemiInfo?.isReimbursementEnabled,v=u?f?r.employeeAcceptPromoText:r.employeePendingPromoText:r.promoText;j.useEffect(()=>{T==="In-Progress"&&p?.fetchStatus.fetchState==="Completed"&&b?.()},[T,b,p?.fetchStatus]);const $=()=>{c?.trackReimbursementPromoScheduleDemo(),y(!0)};return e.jsxRuntimeExports.jsxs(se,{children:[_===!0?e.jsxRuntimeExports.jsx(ee.VideoPopup,{onCancelClick:()=>{G(!1)},videoUrl:H,"data-testid":t.generateDataTestId("remi-promo-page-video-popup")}):null,J===!0?e.jsxRuntimeExports.jsx(Y.MeetingCalenderPopup,{onCancelClick:()=>{y(!1)},meetingUrl:O,"data-testid":t.generateDataTestId("remi-promo-page-meeting-popup")}):null,e.jsxRuntimeExports.jsx(t.NavBar,{title:r.title,backgroundColor:K.colors.grey4,onBackClick:W,showBackButton:!u,showMenuIcon:x==="small"||x==="medium-compact",onClickMenuIcon:N,source:"ReimbursementPromoPage"}),e.jsxRuntimeExports.jsxs(re,{windowSize:x,children:[x==="small"?e.jsxRuntimeExports.jsx(ne,{children:v}):e.jsxRuntimeExports.jsx(oe,{children:v}),x==="small"?e.jsxRuntimeExports.jsx(xe,{}):e.jsxRuntimeExports.jsx(me,{}),e.jsxRuntimeExports.jsx(ie,{children:u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:f&&!X?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(P,{windowSize:x,children:[e.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",label:r.scheduleDemoButton,onClick:$,"data-testid":t.generateDataTestId("reimbursement-promo-page-schedule-demo-button")}),e.jsxRuntimeExports.jsx(C,{windowSize:x,children:r.orText}),e.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:r.createNewReimbursementButton,loading:p?.fetchStatus.fetchState==="In-Progress",onClick:V,"data-testid":t.generateDataTestId("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxRuntimeExports.jsxs(z,{children:[r.terms.createTerms1,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.terms.tosUrl,linkText:r.terms.zeniAgreement,onZeniLinkClick:()=>(c?.trackReimbursementAgreement(),!0)}),r.terms.terms2,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.terms.privacyPolicyUrl,linkText:r.terms.privacyPolicy,onZeniLinkClick:()=>(c?.trackReimbursementPrivacyPolicy(),!0)}),r.terms.terms3]})]}):null}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(P,{windowSize:x,children:[e.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",label:r.scheduleDemoButton,onClick:$,style:{width:216},"data-testid":t.generateDataTestId("reimbursement-promo-page-schedule-demo-button")}),e.jsxRuntimeExports.jsx(C,{windowSize:x,children:r.orText}),e.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:r.setupReimbursementButton,loading:p?.fetchStatus.fetchState==="In-Progress",onClick:F,style:{width:216},"data-testid":t.generateDataTestId("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxRuntimeExports.jsxs(z,{children:[r.terms.setupTerms1,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:i.consentUrl,linkText:i.consent}),i.term2,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:i.depositUrl,linkText:i.depositTerms}),i.term3,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:i.privacyPolicyUrl,linkText:i.privacy,onZeniLinkClick:()=>(c?.trackReimbursementPrivacyPolicy(),!0)}),i.term4,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:i.tosUrl,linkText:i.tos,onZeniLinkClick:()=>(c?.trackReimbursementAgreement(),!0)}),i.term5,r.terms.terms3]})]})})]})]})};exports.default=le;

package/dist/ReimbursementPromoPage-z1kH2FiO.js

@@ -0,0 +1,364 @@
+import { u as y, j as e } from "./vendor-.pnpm-BZbZ6JJC.js";
+import { useState as I, useEffect as ie } from "react";
+import r from "@emotion/styled";
+import { hasReimbursementAdminLevelAccess as le, hasReimbursementAccess as ae } from "@zeniai/client-epic-state";
+import { dz as ce, u as $, aD as me, a as D, j as a, aE as de, B as u, eq as c, S as o, V as pe, H as xe, P as E, E as he, R as ue, C as v, ac as ge, a1 as je, o as be, D as we } from "./index-Dig6AEZA.js";
+import { M as fe } from "./MeetingCalenderPopup-DnQNvH5S.js";
+import { V as Se } from "./VideoPopup-r3MtSZnp.js";
+import { S as T } from "./usp-line-BBd1wKwW.js";
+const H = "https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png", O = "https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png", ye = {
+  midContainerMarginBottom: new ue(we[5], 44)
+}, $e = r.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${(t) => t.theme.colors.grey4};
+`, ve = r.div`
+  padding: ${(t) => t.windowSize === "small" ? `${o.sp0} ${o.sp3}` : `${o.sp0} ${o.sp8}`};
+  text-align: center;
+`, Te = r(xe)`
+  max-width: 648px;
+  margin: auto;
+  padding: ${o.sp7} ${o.sp0};
+  color: ${(t) => t.theme.colors.primary};
+`, ke = r(pe)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${o.sp5} ${o.sp0};
+  color: ${(t) => t.theme.colors.primary};
+`, V = r.div`
+  display: flex;
+  flex-direction: ${(t) => t.windowSize === "small" ? "column" : "row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${(t) => ye.midContainerMarginBottom.valuePx(t.windowSize)};
+`, Pe = r.div``, M = r.div`
+  display: flex;
+  flex-direction: ${(t) => t.windowSize === "small" ? "column" : "row"};
+  align-items: center;
+  justify-content: center;
+`, g = r.img``, Z = r.div`
+  width: ${(t) => t.windowSize === "small" ? "auto" : "376px"};
+  display: flex;
+  flex-direction: column;
+`, F = r.div`
+  width: ${(t) => t.windowSize === "small" ? "100%" : "calc(100% - 376px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+`, N = r.div`
+  margin-left: ${(t) => t.windowSize === "small" ? o.sp0 : o.sp6};
+  margin-bottom: ${(t) => t.windowSize === "small" ? o.sp4 : o.sp0};
+  background: ${(t) => t.theme.colors.grey3};
+  border-radius: 12px;
+  border: ${(t) => `1px solid ${t.theme.colors.grey3}`};
+  padding: 15px;
+`, m = r.div`
+  border-radius: ${o.sp12};
+  border: ${(t) => `1px solid ${t.theme.colors.grey2}`};
+  padding: ${(t) => t.windowSize === "small" ? `${o.sp2} ${o.sp4} ${o.sp2} ${o.sp0}` : `${o.sp3} ${o.sp5} ${o.sp3} ${o.sp0}`};
+  background: ${(t) => t.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${o.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`, b = r(be)`
+  color: ${(t) => t.theme.colors.champion};
+`, w = r(je)`
+  color: ${(t) => t.theme.colors.champion};
+`, f = r(E)`
+  color: ${(t) => t.theme.colors.champion};
+`, S = r(ge)`
+  color: ${(t) => t.theme.colors.champion};
+`, d = r.div``, p = r.div`
+  padding-left: ${o.sp3};
+`, B = r(E)`
+  margin: ${(t) => t.windowSize === "small" ? o.sp1 : `auto ${o.sp5}`};
+  color: ${(t) => t.theme.colors.grey1};
+`, W = r(T)`
+  color: ${v.graphColor16Dark};
+`, q = r(T)`
+  color: ${v.graphColor09Dark};
+`, G = r(T)`
+  color: ${v.success};
+`, L = r(he)`
+  margin: ${o.sp3} auto;
+  max-width: 772px;
+  color: ${(t) => t.theme.colors.hero};
+`, s = D.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo, i = D.getLocalizedStrings().commonSetUp.businessVerification.terms, Ce = () => {
+  const t = y(), n = $();
+  return /* @__PURE__ */ e.jsxs(V, { windowSize: n, children: [
+    /* @__PURE__ */ e.jsx(F, { windowSize: n, children: /* @__PURE__ */ e.jsx(N, { windowSize: n, children: t.mode === "dark" ? /* @__PURE__ */ e.jsx(
+      g,
+      {
+        src: O,
+        alt: "forecast-promo",
+        style: { width: "100%", height: "auto" },
+        loading: "lazy"
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      g,
+      {
+        src: H,
+        alt: "forecast-promo",
+        style: { width: "100%", height: "auto" },
+        loading: "lazy"
+      }
+    ) }) }),
+    /* @__PURE__ */ e.jsxs(Z, { windowSize: n, children: [
+      /* @__PURE__ */ e.jsxs(m, { windowSize: n, children: [
+        /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(W, {}) }),
+        /* @__PURE__ */ e.jsxs(p, { children: [
+          /* @__PURE__ */ e.jsx(S, { children: s.simplestText.bold }),
+          /* @__PURE__ */ e.jsx(f, { children: s.simplestText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(m, { windowSize: n, children: [
+        /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(q, {}) }),
+        /* @__PURE__ */ e.jsxs(p, { children: [
+          /* @__PURE__ */ e.jsx(S, { children: s.aiPoweredText.bold }),
+          /* @__PURE__ */ e.jsx(f, { children: s.aiPoweredText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(m, { windowSize: n, children: [
+        /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(G, {}) }),
+        /* @__PURE__ */ e.jsxs(p, { children: [
+          /* @__PURE__ */ e.jsx(S, { children: s.multiLevelApprovalText.bold }),
+          /* @__PURE__ */ e.jsx(f, { children: s.multiLevelApprovalText.regular })
+        ] })
+      ] })
+    ] })
+  ] });
+}, Re = () => {
+  const t = y(), n = $();
+  return /* @__PURE__ */ e.jsxs(V, { windowSize: n, children: [
+    /* @__PURE__ */ e.jsxs(Z, { windowSize: n, children: [
+      /* @__PURE__ */ e.jsxs(m, { windowSize: n, style: { width: "376px" }, children: [
+        /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(W, {}) }),
+        /* @__PURE__ */ e.jsxs(p, { children: [
+          /* @__PURE__ */ e.jsx(w, { children: s.simplestText.bold }),
+          /* @__PURE__ */ e.jsx(b, { children: s.simplestText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(m, { windowSize: n, style: { width: "376px" }, children: [
+        /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(q, {}) }),
+        /* @__PURE__ */ e.jsxs(p, { children: [
+          /* @__PURE__ */ e.jsx(w, { children: s.aiPoweredText.bold }),
+          /* @__PURE__ */ e.jsx(b, { children: s.aiPoweredText.regular })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(m, { windowSize: n, style: { width: "376px" }, children: [
+        /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(G, {}) }),
+        /* @__PURE__ */ e.jsxs(p, { children: [
+          /* @__PURE__ */ e.jsx(w, { children: s.multiLevelApprovalText.bold }),
+          /* @__PURE__ */ e.jsx(b, { children: s.multiLevelApprovalText.regular })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(F, { windowSize: n, children: /* @__PURE__ */ e.jsx(N, { windowSize: n, children: t.mode === "dark" ? /* @__PURE__ */ e.jsx(
+      g,
+      {
+        src: O,
+        alt: "forecast-promo",
+        style: { width: "615px", height: "402px" },
+        loading: "lazy"
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      g,
+      {
+        src: H,
+        alt: "forecast-promo",
+        style: { width: "615px", height: "402px" },
+        loading: "lazy"
+      }
+    ) }) })
+  ] });
+}, He = ({
+  reimbursementSetupView: t,
+  userReimbursementInfo: n,
+  meetingUrl: J,
+  videoUrl: K,
+  analytics: x,
+  onSetupButtonClick: Q,
+  onCreateNewRemiButtonClick: X,
+  onBackClick: Y,
+  onSetupReimbursementSuccess: k,
+  onClickMenuIcon: _
+}) => {
+  const P = ce(), [ee, te] = I(!1), [se, C] = I(!1), oe = y(), l = $(), { remiTermsDetails: h } = t, R = me(h?.fetchStatus.fetchState), re = le(
+    P.loggedInUserRoleMap
+  ), j = ae(
+    P.loggedInUserRoleMap
+  ) && !re, ne = !!n?.isReimbursementTOSAccepted, z = !!t.companyRemiInfo?.isReimbursementEnabled, A = j ? z ? s.employeeAcceptPromoText : s.employeePendingPromoText : s.promoText;
+  ie(() => {
+    R === "In-Progress" && h?.fetchStatus.fetchState === "Completed" && k?.();
+  }, [
+    R,
+    k,
+    h?.fetchStatus
+  ]);
+  const U = () => {
+    x?.trackReimbursementPromoScheduleDemo(), C(!0);
+  };
+  return /* @__PURE__ */ e.jsxs($e, { children: [
+    ee === !0 ? /* @__PURE__ */ e.jsx(
+      Se,
+      {
+        onCancelClick: () => {
+          te(!1);
+        },
+        videoUrl: K,
+        "data-testid": a("remi-promo-page-video-popup")
+      }
+    ) : null,
+    se === !0 ? /* @__PURE__ */ e.jsx(
+      fe,
+      {
+        onCancelClick: () => {
+          C(!1);
+        },
+        meetingUrl: J,
+        "data-testid": a("remi-promo-page-meeting-popup")
+      }
+    ) : null,
+    /* @__PURE__ */ e.jsx(
+      de,
+      {
+        title: s.title,
+        backgroundColor: oe.colors.grey4,
+        onBackClick: Y,
+        showBackButton: !j,
+        showMenuIcon: l === "small" || l === "medium-compact",
+        onClickMenuIcon: _,
+        source: "ReimbursementPromoPage"
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(ve, { windowSize: l, children: [
+      l === "small" ? /* @__PURE__ */ e.jsx(ke, { children: A }) : /* @__PURE__ */ e.jsx(Te, { children: A }),
+      l === "small" ? /* @__PURE__ */ e.jsx(Ce, {}) : /* @__PURE__ */ e.jsx(Re, {}),
+      /* @__PURE__ */ e.jsx(Pe, { children: j ? /* @__PURE__ */ e.jsx(e.Fragment, { children: z && !ne ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs(M, { windowSize: l, children: [
+          /* @__PURE__ */ e.jsx(
+            u,
+            {
+              variant: "secondary",
+              label: s.scheduleDemoButton,
+              onClick: U,
+              "data-testid": a(
+                "reimbursement-promo-page-schedule-demo-button"
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(B, { windowSize: l, children: s.orText }),
+          /* @__PURE__ */ e.jsx(
+            u,
+            {
+              variant: "primary",
+              label: s.createNewReimbursementButton,
+              loading: h?.fetchStatus.fetchState === "In-Progress",
+              onClick: X,
+              "data-testid": a(
+                "reimbursement-promo-page-create-new-reimbursement-button"
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs(L, { children: [
+          s.terms.createTerms1,
+          /* @__PURE__ */ e.jsx(
+            c,
+            {
+              href: s.terms.tosUrl,
+              linkText: s.terms.zeniAgreement,
+              onZeniLinkClick: () => (x?.trackReimbursementAgreement(), !0)
+            }
+          ),
+          s.terms.terms2,
+          /* @__PURE__ */ e.jsx(
+            c,
+            {
+              href: s.terms.privacyPolicyUrl,
+              linkText: s.terms.privacyPolicy,
+              onZeniLinkClick: () => (x?.trackReimbursementPrivacyPolicy(), !0)
+            }
+          ),
+          s.terms.terms3
+        ] })
+      ] }) : null }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs(M, { windowSize: l, children: [
+          /* @__PURE__ */ e.jsx(
+            u,
+            {
+              variant: "secondary",
+              label: s.scheduleDemoButton,
+              onClick: U,
+              style: {
+                width: 216
+              },
+              "data-testid": a(
+                "reimbursement-promo-page-schedule-demo-button"
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(B, { windowSize: l, children: s.orText }),
+          /* @__PURE__ */ e.jsx(
+            u,
+            {
+              variant: "primary",
+              label: s.setupReimbursementButton,
+              loading: h?.fetchStatus.fetchState === "In-Progress",
+              onClick: Q,
+              style: {
+                width: 216
+              },
+              "data-testid": a(
+                "reimbursement-promo-page-setup-reimbursement-button"
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs(L, { children: [
+          s.terms.setupTerms1,
+          /* @__PURE__ */ e.jsx(c, { href: i.consentUrl, linkText: i.consent }),
+          i.term2,
+          /* @__PURE__ */ e.jsx(
+            c,
+            {
+              href: i.depositUrl,
+              linkText: i.depositTerms
+            }
+          ),
+          i.term3,
+          /* @__PURE__ */ e.jsx(
+            c,
+            {
+              href: i.privacyPolicyUrl,
+              linkText: i.privacy,
+              onZeniLinkClick: () => (x?.trackReimbursementPrivacyPolicy(), !0)
+            }
+          ),
+          i.term4,
+          /* @__PURE__ */ e.jsx(
+            c,
+            {
+              href: i.tosUrl,
+              linkText: i.tos,
+              onZeniLinkClick: () => (x?.trackReimbursementAgreement(), !0)
+            }
+          ),
+          i.term5,
+          s.terms.terms3
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  He as default
+};