@zeniai/web-components 3.16.41 → 3.16.43

package/dist/ReimbursementPromoPage-D284EkRZ.js

@@ -1,364 +0,0 @@
-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-BtH6xclG.js";
-import { M as fe } from "./MeetingCalenderPopup-BpRpGSe6.js";
-import { V as Se } from "./VideoPopup-Chye3pds.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
-};

package/dist/ReimbursementSetUpPage-ByRgJc5l.cjs

@@ -1,140 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-DHyNpoQL.cjs"),u=require("react"),i=require("@emotion/styled"),Me=require("@zeniai/client-epic-state"),t=require("./index-DiGCN0Sk.cjs"),Ie=require("./HelpButton-V3yE8Qq_.cjs"),je=require("./SetUpDefaultSection-WXT-PxYn.cjs"),We=require("./SpendMgmtSetupAccountSection-Bl7P86LW.cjs"),Ve=require("./UploadAdditionalDocumentOverlay-BFaFFntv.cjs");function Be(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const j=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(l,m,j.get?j:{enumerable:!0,get:()=>e[m]})}}return l.default=e,Object.freeze(l)}const v=Be(u),He=e=>v.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},v.createElement("path",{d:"M12.7113 3H2.89261C2.39963 3 2 3.39963 2 3.89261V20.8522C2 21.3451 2.39963 21.7448 2.89261 21.7448H12.7113C13.2043 21.7448 13.6039 21.3451 13.6039 20.8522V3.89261C13.6039 3.39963 13.2043 3 12.7113 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M10.4798 13.7113H9.58719C9.3407 13.7113 9.14088 13.9111 9.14088 14.1576V16.8354C9.14088 17.0819 9.3407 17.2817 9.58719 17.2817H10.4798C10.7263 17.2817 10.9261 17.0819 10.9261 16.8354V14.1576C10.9261 13.9111 10.7263 13.7113 10.4798 13.7113Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M21.6374 16.1133C21.6374 16.1961 21.6143 16.2773 21.5708 16.3477C21.5273 16.4182 21.4651 16.4752 21.391 16.5123L19.8522 17.2817V14.6039H21.1911C21.3095 14.6039 21.423 14.6509 21.5067 14.7346C21.5904 14.8183 21.6374 14.9318 21.6374 15.0502V16.1133Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M19.8522 14.6039V13.265C19.8522 12.5268 22.53 10.1409 22.53 10.1409",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M19.8522 17.2817V19.9596C19.8522 20.433 19.6641 20.8871 19.3293 21.2219C18.9945 21.5567 18.5404 21.7448 18.067 21.7448C17.5935 21.7448 17.1394 21.5567 16.8046 21.2219C16.4698 20.8871 16.2817 20.433 16.2817 19.9596V7.90935C16.2817 7.55424 16.1407 7.21369 15.8896 6.96259C15.6385 6.7115 15.2979 6.57043 14.9428 6.57043H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M2 10.1409H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M11.3724 4.78528H4.23154C3.98505 4.78528 3.78523 4.9851 3.78523 5.23158V7.90941C3.78523 8.15589 3.98505 8.35571 4.23154 8.35571H11.3724C11.6189 8.35571 11.8187 8.15589 11.8187 7.90941V5.23158C11.8187 4.9851 11.6189 4.78528 11.3724 4.78528Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),v.createElement("path",{d:"M9.14088 19.0669H10.9261",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),x={sectionWidth:new t.ResponsiveSized(343,580,726),descriptionMarginBottom:new t.ResponsiveSized(12,t.sp[3]),iconContainerMaxWidthHeight:new t.ResponsiveSized(t.sp[6],t.sp[7]),iconContainerMarginRight:new t.ResponsiveSized(12,t.sp[3]),infoLabelPaddingLeft:new t.ResponsiveSized(t.sp[0],t.sp[3]),iconPadding:new t.ResponsiveSized(10,12),iconWidthHeight:new t.ResponsiveSized(20,t.sp[4]),rowGap:new t.ResponsiveSized(t.sp[2],t.sp[3]),containerPadding:new t.ResponsiveSized(t.sp[3],t.sp[4])},pe={title:new t.ResponsiveSizedStyle("standardSemiBold","largeSemiBold"),infoLabel:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function Oe({companyMileageConfigInfo:e,mileageDetails:l,analytics:m,style:j,sectionId:E,isActive:a=!0,isDisabled:s,onSaveMileageClick:N}){const o=t.useWindowSizeContext(),P=n.useTheme(),{formState:{errors:G},trigger:J}=n.useFormContext(),A=Ue(E,"mileageAmountInDenomination"),h=n.has(G,A),{localData:r,updateStatus:W,mileageStatus:w}=l,V=e?.denominationConversions.amount==null||e.denominationConversions.amount!==r?.mileageAmountInDenomination,{commonSetUp:Z,spendManagement:Y}=t.appLocale.getLocalizedStrings(),{reimbursement:K}=Y,[y,T]=u.useState(V),[Q,B]=u.useState(!1);u.useEffect(()=>{h||J(A)},[]),u.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===r?.mileageAmountInDenomination&&T(!1)},[e?.denominationConversions.amount]),u.useEffect(()=>{y||B(y)},[y]);const{reimbursementSetup:f}=K,{setUp:X}=Z,ee=y===!1||W.fetchState==="In-Progress"?"readonly":s,te=r&&r?.denominationSymbol?`${r?.denominationSymbol} `:"",ne=r&&r?.mileageUnit?r?.mileageUnit:"";return n.jsxRuntimeExports.jsxs(Fe,{windowSize:o,style:j,isActive:a&&s==null,children:[n.jsxRuntimeExports.jsxs(Qe,{windowSize:o,children:[f.mileageHeader,a===!1?n.jsxRuntimeExports.jsx(tt,{children:X.comingSoon}):null]}),n.jsxRuntimeExports.jsxs(Ye,{windowSize:o,children:[n.jsxRuntimeExports.jsx(Ze,{windowSize:o,isDarkMode:P.mode==="dark",children:n.jsxRuntimeExports.jsx(He,{width:x.iconWidthHeight.valuePx(o),height:x.iconWidthHeight.valuePx(o)})}),n.jsxRuntimeExports.jsxs(_e,{children:[n.jsxRuntimeExports.jsxs(Ke,{children:[n.jsxRuntimeExports.jsxs(Xe,{children:[n.jsxRuntimeExports.jsxs(et,{children:[n.jsxRuntimeExports.jsx(Ne,{windowSize:o,children:e?.denominationConversions.amount==null?f.mileageAddTitle:f.mileageEditTitle}),n.jsxRuntimeExports.jsx(Ge,{children:f.mileageSubTitle})]}),w!=null&&e?.denominationConversions.amount!=null&&o==="small"?n.jsxRuntimeExports.jsx(t.ItemWithTag,{style:{width:"max-content",padding:t.Space.sp0,marginTop:t.Space.sp2},tagTitle:w.name,textColor:t.getSetupStatusColor(w.code)}):null]}),n.jsxRuntimeExports.jsxs(qe,{children:[w!=null&&e?.denominationConversions.amount!=null&&o!=="small"?n.jsxRuntimeExports.jsx(t.ItemWithTag,{style:{width:"max-content"},tagTitle:w.name,textColor:t.getSetupStatusColor(w.code)}):null,n.jsxRuntimeExports.jsx(Je,{})]})]}),n.jsxRuntimeExports.jsxs(nt,{children:[n.jsxRuntimeExports.jsxs(it,{children:[n.jsxRuntimeExports.jsx(t.FormattedTextField,{style:{height:t.Space.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:t.Space.sp10,backgroundColor:h?void 0:P.colors.background,color:y||h?void 0:P.colors.grey1},isFieldError:h,type:"number",autoFocus:!1,focus:Q,name:A,defaultValue:r?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:te,suffix:`  ${f.perText} ${ne}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:$=>$!=null||s!=null,required:s==null},isDisabled:ee}),n.jsxRuntimeExports.jsx(st,{children:y?n.jsxRuntimeExports.jsx(t.Button,{label:f.save,"data-testid":t.generateDataTestId("save-mileage"),onClick:()=>{r?.mileageAmountInDenomination!=null&&V&&!h&&N?.(r.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:s!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:W.fetchState==="In-Progress"}):n.jsxRuntimeExports.jsx(rt,{isDisabled:s,"data-testid":t.generateDataTestId("edit-mileage"),onClick:$=>{$.stopPropagation(),T(!0),B(!0),m.trackReimbursementMileageRateEdit()}})})]}),r?.description!=null?n.jsxRuntimeExports.jsx(ot,{size:o,hasError:h,children:h&&e?.defaultMileageUnitAmount!=null?f.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):r.description}):null]})]})]})]})}const Ue=(e,l)=>`${e}.${l}`,Fe=i.div`
-  display: flex;
-  flex-direction: column;
-  pointer-events: ${e=>e.isLoading===!0||e.isActive===!1?"none":"initial"};
-  opacity: ${e=>e.isActive?1:.32};
-  row-gap: ${e=>x.rowGap.valuePx(e.windowSize)};
-`,_e=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-`,qe=i.div`
-  display: flex;
-`,Ne=i.div`
-  ${e=>`${pe.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?t.Colors.important:e.theme.colors.primary};
-`,Ge=i(t.SmallRegular)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  color: ${e=>e.theme.colors.hero};
-`,Je=i.div`
-  display: flex;
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-  margin-left: ${t.Space.sp4};
-`,Ze=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: ${e=>x.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-  border-radius: ${t.Space.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${e=>e.isDarkMode?t.Colors.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
-  max-width: ${e=>x.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>x.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${e=>x.iconContainerMarginRight.valuePx(e.windowSize)};
-`,Ye=i.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${e=>x.containerPadding.valuePx(e.windowSize)};
-  width: ${e=>x.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.Space.sp2};
-  fill: ${e=>e.theme.colors.grey1};
-  color: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    fill: ${e=>e.theme.colors.primary};
-  }
-`,Ke=i.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-`,Qe=i.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${pe.title.style(e.windowSize)}`};
-`,Xe=i.div`
-  display: flex;
-  flex-direction: column;
-`,et=i.div``,tt=i(t.ExtraSmallRegularSp)`
-  color: ${e=>e.theme.colors.comingSoon};
-  margin-left: ${t.Space.sp3};
-`,nt=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-  margin-top: ${t.Space.sp3};
-`,it=i.div`
-  display: flex;
-  height: ${t.Space.sp6};
-  width: 100%;
-  position: relative;
-`,ot=i.label`
-  display: flex;
-  padding-left: ${e=>x.infoLabelPaddingLeft.valuePx(e.size)};
-  color: ${e=>e.hasError===!0?t.Colors.important:e.additionalInfoTextColor??e.theme.colors.hero};
-  ${e=>`${pe.infoLabel.style(e.size)}`};
-  margin-top: ${t.Space.sp1};
-`,st=i.div`
-  display: flex;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: ${t.Space.sp3};
-`,rt=i(t.SvgEdit)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  cursor: ${e=>e.isDisabled==null?"pointer":"default"};
-  pointer-events: ${e=>e.isDisabled==null?"initial":"none"};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,p={titleWidth:new t.ResponsiveSized(343,580,726,826),setupDetailsRowGap:new t.ResponsiveSized(12,t.sp[5],t.sp[5]),sectionRowGap:new t.ResponsiveSized(t.sp[5],t.sp[9],t.sp[9]),lastSectionPaddingBottom:new t.ResponsiveSized(t.sp[7],t.sp[10],t.sp[10]),iconWidthHeight:new t.ResponsiveSized(20,t.sp[4]),subTitlePaddingTop:new t.ResponsiveSized(12,t.sp[3]),subTitlePaddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),overlayWidth:new t.ResponsiveSized(100,100,59)},we="remiSetupPage",_="remiAccount",q="remiMileage",at=({remiSetupView:e,isDisabled:l,remiApprovalView:m,connectedAccountProvider:j,isAccountsEnabled:E,filesEndPoint:a,authParams:s,meetingUrl:N,analytics:o,accountsPromoConfig:P,onBackClick:G,onBusinessVerificationSectionClick:J,onSetupApprovalRulesSectionClick:A,onFetchLinkTokenClick:h,onEstablishConnectionClick:r,onEstablishConnectionSuccess:W,updateMileageDetails:w,onUpdateAccountClick:V,onUpdatePrimaryFundingAccount:Z,onUpdatePaymentAccountStatus:Y,onUpdatePaymentAccountLoginStatus:K,onEnableRemiClick:y,onEnableRemiSuccess:T,onSaveMileageClick:Q,onClickMenuIcon:B,onEditFileName:f,onDeleteFile:X,updateFilesEntity:ee,onCompanyOfficerUpdated:te,onSendForVerificationClick:ne,onSignUpClick:$})=>{const H=n.useTheme(),c=t.useWindowSizeContext(),[O,D]=u.useState(!1),{fetchState:R,primaryFundingAccount:C,allFundingAccounts:me,updateStatus:z,accountUpdateStatus:ye,plaidConnectionDetails:ie,allBankAccounts:Ce,companyRemiInfo:Re,companyBillPayInfo:ge,mileageRateConfig:be,isRefreshingViewInBackground:Ee,selectedCompanyOfficer:g}=e,{fetchState:xe,allApprovalRules:U,approvalRulesStatus:$e}=m,oe=ie.link_account.updateStatus,se=ie.update_account.updateStatus,F=t.usePrevious(R),he=t.usePrevious(z.fetchState),fe=t.usePrevious(oe.fetchState),Se=t.usePrevious(se.fetchState),L=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:u.useMemo(()=>de(e),[e]),values:de(e)});u.useEffect(()=>{!O&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"&&D(!0),O&&F==="In-Progress"&&R==="Completed"&&D(!1)},[g,R,F]),u.useEffect(()=>{(F==="In-Progress"&&R==="Completed"||fe==="In-Progress"&&oe.fetchState==="Completed"||Se==="In-Progress"&&se.fetchState==="Completed")&&L.reset(de(e))},[F,R,L,e,fe,oe.fetchState,Se,se.fetchState]);const ke=L.handleSubmit(k=>{o.trackEnableReimbursement(),y()}),Pe=async(k,I)=>{const d=I[_];if(k.includes(_)){if(k.includes("fundingAccount")){if(d.fundingAccount.selectedOption!=null&&C?.id!=d.fundingAccount.selectedOption){const S=me.find(ce=>ce.id===d.fundingAccount.selectedOption);S!=null&&Z(d.fundingAccount.selectedOption,S.accType)}}else if(d.account.selectedOption!=null&&C?.id!=null&&C?.zeniAccountId!=d.account.selectedOption){const S=d.account.allOptions.find(ce=>ce.value===d.account.selectedOption);S!=null&&typeof S.label=="string"&&o.trackConnectBankLink(S.value,S.label,"reimbursement"),V(d.account.selectedOption,C.id,C.accType)}}else if(k.includes(q)){const S=I[q];w(S)}};u.useEffect(()=>{const k=L.watch((I,{name:d})=>{d!=null&&I!=null&&n.defer(()=>Pe(d,I))});return()=>{k.unsubscribe()}}),u.useEffect(()=>{he==="In-Progress"&&z.fetchState==="Completed"&&T()},[T,he,z.fetchState]);const{commonSetUp:ve,spendManagement:Ae}=t.appLocale.getLocalizedStrings(),{reimbursement:Te}=Ae,{reimbursementSetup:M}=Te,{setUp:b}=ve,re=ge?.isBusinessVerified===!0&&(C?.accType==="depositAccount"||Me.isVerifiedPaymentAccountProviderStatusCode(C?.providerVerificationStatus?.code??""))&&be?.denominationConversions.amount!=null,ae=Re?.isReimbursementEnabled===!0,De=re?ve.setUp.setupVerifiedSubTitle:M.setupSubTitle,ze=R==="In-Progress"||R==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",le=H.mode==="light"?new n.Color(H.colors.brandColorJadeLight):new n.Color(H.colors.brandColorJadeDark),Le=()=>{!O&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"?D(!0):J?.()};return n.jsxRuntimeExports.jsxs(lt,{children:[n.jsxRuntimeExports.jsx(n.Drawer,{anchor:"right",PaperProps:{style:{width:p.overlayWidth.valuePercentage(c),boxShadow:"none"}},open:O,onClose:()=>D(!1),style:{backgroundColor:t.Colors.drawerBackground},transitionDuration:250,children:n.jsxRuntimeExports.jsx(Ve.UploadAdditionalDocumentOVerlay,{authParams:s,filesEndPoint:a,updateStatus:z,onEditFileName:f,onDeleteFile:X,updateFilesEntity:ee,companyOfficer:g,onClose:()=>D(!1),onCompanyOfficerUpdated:te,onSendForVerificationClick:ne})}),n.jsxRuntimeExports.jsx(t.NavBar,{title:M.setupTitle,backgroundColor:H.colors.grey4,style:{zIndex:3},onBackClick:G,showMenuIcon:!ae&&(c==="medium-compact"||c==="small"),onClickMenuIcon:B,source:"ReimbursementSetUpPage"}),n.jsxRuntimeExports.jsxs(dt,{windowSize:c,children:[n.jsxRuntimeExports.jsx(ct,{windowSize:c,children:De}),ze?n.jsxRuntimeExports.jsx(ut,{children:n.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"ExtraLarge",start:!0})}):n.jsxRuntimeExports.jsx(n.FormProvider,{...L,children:n.jsxRuntimeExports.jsx("form",{id:ue(we),onSubmit:ke,children:n.jsxRuntimeExports.jsxs(pt,{windowSize:c,children:[n.jsxRuntimeExports.jsx(je.SetUpDefaultSection,{onClick:Le,title:b.businessVerificationTitle,subTitle:b.businessVerificationSubTitle,header:b.businessVerificationHeader,icon:{element:n.jsxRuntimeExports.jsx(t.SvgDocuments,{width:p.iconWidthHeight.valuePx(c),height:p.iconWidthHeight.valuePx(c)}),color:le},status:ge?.businessVerificationStatus,isTagLoading:Ee}),n.jsxRuntimeExports.jsx(We.SpendMgmtSetupAccountSection,{connectedAccountProvider:j,primaryFundingAccount:C,plaidConnectionDetails:ie,allBankAccounts:Ce,allFundingAccounts:me,sectionId:_,isDisabled:l,onFetchLinkTokenClick:h,onEstablishConnectionClick:r,onUpdatePaymentAccountStatus:Y,onUpdatePaymentAccountLoginStatus:K,onEstablishConnectionSuccess:W,icon:{element:n.jsxRuntimeExports.jsx(t.SvgBankBuilding,{width:p.iconWidthHeight.valuePx(c)}),color:le},analytics:o,productType:"reimbursement",isAccountsEnabled:E,onSignUpClick:$,pageName:"Reimbursement Setup",accountsPromoConfig:P}),n.jsxRuntimeExports.jsx(Oe,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:q,onSaveMileageClick:Q,analytics:o}),n.jsxRuntimeExports.jsx(je.SetUpDefaultSection,{title:U.length>0?b.approvalTitle:b.createApprovalTitle,subTitle:M.approvalSubTitle,header:U.length>0?b.approvalHeader:b.setupApprovalHeader,icon:{element:n.jsxRuntimeExports.jsx(t.SvgLike,{height:p.iconWidthHeight.valuePx(c)}),color:le},style:{paddingBottom:p.lastSectionPaddingBottom.valuePx(c)},onClick:A,status:U.length>0?$e:void 0})]})})})]}),re&&!ae&&U.length>0?n.jsxRuntimeExports.jsx(t.Footer,{formId:ue(we),primaryBtn:{label:M.enableReimbursements,style:{width:"auto",minWidth:c==="small"?"auto":"181px"},isLoading:z.fetchState==="In-Progress"||ye.fetchState==="In-Progress",isDisabled:l!=null},showCancel:!1,helperText:M.terms,cancelBtn:{label:""},style:{padding:`12px ${t.Space.sp3}`}}):null,n.jsxRuntimeExports.jsx(Ie.HelpButton,{isFooterRendered:re&&!ae,meetingUrl:N,analytics:o,productType:"reimbursement"})]})},lt=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ct=i(t.StandardMedium)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>p.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>p.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>p.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,dt=i.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>p.setupDetailsRowGap.valuePx(e.windowSize)};
-`,ut=i.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};
-`,pt=i.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>p.sectionRowGap.valuePx(e.windowSize)};
-`,de=e=>{const{allBankAccounts:l,allFundingAccounts:m,mileageDetails:j,primaryFundingAccount:E}=e,{localData:a}=j;return{[_]:{fundingAccount:{selectedOption:E?.id,allOptions:m.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:E?.zeniAccountId,allOptions:l.map(s=>({label:s.accountName,value:s.accountId}))}},[q]:{mileageAmount:a?.mileageUnitAmount?.amount,mileageCurrencyCode:a?.mileageCurrencyCode??"USD",mileageCurrencySymbol:a?.mileageCurrencySymbol??"$",mileageUnit:a?.mileageUnit??"",description:a?.description??"",mileageAmountInDenomination:a?.mileageAmountInDenomination,denomination:a?.denomination??"dollars",denominationSymbol:a?.denominationSymbol??""}}},ue=e=>`${e}_form`;exports.default=at;exports.uniqueName=ue;