@zeniai/web-cockpit-ui 1.14.20-qa → 1.14.21-dev

package/dist/assets/PortfolioAllocationFormPage-B6JOvEvW-B8_jJPtJ.js

@@ -1,207 +0,0 @@
-import{e as q,E as S,j as i,bA as U,M as Y,_ as H,C as u,a4 as J,o as n,a3 as _,b as K,h as Q,n as X,q as l,v as Z,am as ee,B as T,c as v,d as ie,bN as te}from"./index-b-ZazAq5.js";import{b as k,n as t}from"./vendor-rkTZJa59.js";import{V as ne}from"./PortfolioDetails-Cpv5bi4_-BHPnb_oU.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./treasuryColorHelper-DmVCoHv9-BvBjIWNj.js";const{spendManagement:{treasury:{portfolioAllocation:x}},common:m}=Y.getLocalizedStrings(),a={titleWidth:new u(343,580,726,826),cardBorderRadius:l[2],cardPadding:new u(l[3],l[4]),sliderWidth:new u(143,177),sliderContainerGap:new u(l[5],l[3]),navBarContainerPaddingYaxis:new u(10,l[3]),containerPaddingLeft:new u(l[3],l[6],l[8]),containerPaddingRight:new u(l[3],l[6],l[8]),riskLevelInfoPaddingRight:new u(l[0],l[3])},oe={stepTitle:new K("h6Regular","h5Regular")},De=({onBackClick:e,onNextClick:g,onUpdateFundAllocation:h,treasurySetupView:W,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=q(),[M,D]=k.useState(!1),{fundsData:N,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:F}=W;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);D(o)}},[p,w,d]);const y=o=>{const f=s.find(V=>V.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},G=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&G(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(U,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":H("nav-bar-back-portfolio-allocation"),onClick:j})})}),i.jsxs(pe,{windowSize:r,children:[i.jsxs(xe,{windowSize:r,children:[i.jsx(he,{windowSize:r,children:re(c,$,p)}),!c&&!p&&i.jsx(ue,{children:i.jsxs(me,{children:[i.jsx(ge,{}),i.jsx(we,{})]})})]}),i.jsx(fe,{isReadOnly:c,children:le(c,$,p)}),i.jsx($e,{children:i.jsxs(ye,{windowSize:r,children:[i.jsx(ve,{children:i.jsx(ne,{isInReview:!1,isSetup:!0,fundDetails:N,allocation:d,page:$?"setup portfolio":"edit portfolio"})}),i.jsxs(be,{windowSize:r,children:[i.jsx(je,{children:i.jsx(Se,{onClick:b,isRecommended:c||d.riskScore===0||d.riskLevel==="Conservative",children:x.resetButton})}),r==="small"?i.jsxs(ke,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(O,{children:m.strings.slash}),i.jsx(C,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(Re,{children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(O,{children:m.strings.slash}),i.jsx(C,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(ze,{windowSize:r,children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(E,{children:d.riskLevel})]})]})]})]})})]})]}),c?null:i.jsx(J,{style:{zIndex:4,paddingTop:n.sp2,paddingBottom:n.sp2},showCancel:!0,cancelBtn:{label:p?m.cancel:m.navBar.back,onClick:j},primaryBtn:{label:p?m.confirm:m.next,onClick:g,isLoading:p&&F.fetchState==="In-Progress",isDisabled:p&&!M}})]})};function re(e,g,h){return e||g&&h?x.title:h?x.editTitle:x.stepTitle}function le(e,g,h){return e||g&&h?x.subtextReadOnly:h?x.subtextEdit:x.subtextSetup}const se=t.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,de=t.div`
-  height: auto;
-  padding-left: ${e=>`${a.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${a.containerPaddingRight.valuePx(e.windowSize)}`};
-  flex: 1;
-  overflow-y: auto;
-`,ae=t.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-  top: ${n.sp0};
-  padding: ${e=>`${a.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${n.sp0}`};
-  z-index: 2;
-`,ce=t(_)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${n.sp4};
-  height: ${n.sp4};
-  min-height: ${n.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,pe=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: ${n.sp3};
-  flex: 1;
-  overflow-y: auto;
-  ${e=>e.windowSize==="small"&&`
-    margin-bottom: ${n.sp5};
-  `}
-`,xe=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${n.sp3};
-  width: 100%;
-`,he=t(Q)`
-  ${e=>`${oe.stepTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: left;
-`,ue=t.div`
-  display: flex;
-  align-items: center;
-`,me=t.div`
-  display: flex;
-  width: 100%;
-  gap: ${n.sp3};
-`,ge=t.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${e=>e.theme.colors.primary};
-  border-radius: ${n.sp2};
-`,we=t.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${e=>e.theme.colors.grey2};
-  border-radius: ${n.sp2};
-`,fe=t(X)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: left;
-  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
-  width: 100%;
-  margin-top: ${e=>e.isReadOnly===!0?"-8px":"0"};
-`,$e=t.div`
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${a.cardBorderRadius}px;
-  box-shadow: ${e=>e.theme.colors.elevation1};
-  width: 100%;
-  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
-  display: flex;
-  flex-direction: column;
-`,ye=t.div`
-  padding: ${e=>a.cardPadding.valuePx(e.windowSize)};
-  display: flex;
-  flex-direction: column;
-`,ve=t.div`
-  display: flex;
-  flex-direction: column;
-`,be=t.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  ${e=>e.windowSize==="small"&&`
-    flex-direction: column;
-    gap: ${n.sp3};
-    align-items: stretch;
-  `}
-`,je=t.div`
-  display: flex;
-  flex-direction: column;
-  width: 245px;
-`,Se=t.button`
-  background: none;
-  border: none;
-  cursor: ${e=>e.isRecommended?"default":"pointer"};
-  color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.hero};
-  ${Z.smallRegular.css};
-  text-align: left;
-  padding: ${n.sp0};
-  text-decoration: underline;
-  pointer-events: ${e=>e.isRecommended?"none":"auto"};
-
-  &:hover {
-    color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,R=t.div`
-  display: flex;
-  align-items: center;
-  gap: ${e=>a.sliderContainerGap.valuePx(e.windowSize)};
-  position: relative;
-  width: 240px;
-`,z=t.div`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-  display: flex;
-  align-items: baseline;
-  justify-content: center;
-  width: ${n.sp7};
-
-  ${e=>e.windowSize==="small"&&`
-      width: auto;
-    `}
-`,P=t(ee)`
-  color: ${e=>e.theme.colors.primary};
-`,C=t(T)`
-  color: ${e=>e.theme.colors.primary};
-`,O=t(T)`
-  color: ${e=>e.theme.colors.primary};
-`,L=t.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  position: relative;
-`,B=t.input`
-  width: ${({windowSize:e})=>a.sliderWidth.valuePx(e)};
-  &[type="range"]::-webkit-slider-runnable-track {
-    height: 2px;
-    background-color: ${e=>e.theme.colors.grey3};
-  }
-
-  &[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-  }
-
-  &[type="range"]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    width: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
-    height: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
-    border-radius: 50%;
-    background: ${e=>e.theme.colors.grey5};
-    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
-    margin-top: -7px;
-    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
-    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
-  }
-
-  &::-moz-range-thumb {
-    width: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
-    height: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
-    border-radius: 50%;
-    background: ${e=>e.theme.colors.grey5};
-    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
-    margin-top: -7px;
-    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
-    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
-  }
-`,I=t.div`
-  position: absolute;
-  height: 2px;
-  background-color: ${v.success};
-`,ke=t.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: ${n.sp3};
-`,Re=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  width: auto;
-  padding-right: ${n.sp0};
-  box-sizing: border-box;
-`,ze=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
-  width: 129px;
-  padding-right: ${e=>a.riskLevelInfoPaddingRight.valuePx(e.windowSize)};
-  box-sizing: border-box;
-`,A=t(ie)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: right;
-`,E=t(te)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: right;
-`;export{De as default};

package/dist/assets/ReimbursementApprovalRuleDetailPage-hb8mPFw0-AvrXlJya.js

@@ -1,26 +0,0 @@
-import{C as V,q as U,u as M,e as W,M as D,a as G,a2 as X,j as s,S as H,c9 as J,aW as K,F as Q,a4 as Y,o as f}from"./index-b-ZazAq5.js";import{b as L,n as h}from"./vendor-rkTZJa59.js";import{b as Z,f as ee,l as $,o as j}from"./FollowStepsSection-DRDFxA8H-CjpGRF9d.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const B="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",te={footerPadding:new V(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const F=M(),S=W(),a=D.getLocalizedStrings().commonSetUp.approval,I=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=ae(e,r==="approval_create"&&!t),g=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=X(u?.fetchState),{upperBound:P}=x,{allApprovalRules:n,allAccountingClasses:_,remiSetupApproverViewUpdateData:c}=e;let m=n.length>1?n.length-1:0,v=n.length>0?n[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=n.findIndex(p=>p.approvalRuleId===i),v=m>0?n[m-1].criteria[0].range.min.amount:0}const q=g.handleSubmit(()=>{N()}),z=async(i,p)=>{b(p)};return L.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const O=H(p);J(()=>z(R,O))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:r==="approval_create"?a.newApproval:a.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(Q,{...g,children:s.jsx("form",{id:C(B),onSubmit:q,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.amountPerRemiLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,hideField:o,additionalInfoLabel:a.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:_,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C(B),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:te.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const ae=(e,r)=>{const{criteria:t,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),j(e.allAttributes),j(e.filteredAttributes),l??[])??[],[T]:r?void 0:t!=null?t.range.min.amount??0:0,[k]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},re=(e,r,t,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:$},actors:{allUsers:r,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(t,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:$},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(t=>t.userId!=null&&r.findIndex(l=>l.userId===t.userId)>-1),oe=(e,r)=>e.filter(t=>r.findIndex(l=>l.subType===t.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ie=h.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${f.sp0} 2px ${f.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${f.sp2};
-`,ne=h.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,pe=h.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;export{te as D,ye as default,C as uniqueFormName,Ae as uniqueName};

package/dist/assets/ReimbursementPromoPage-DzDuwRxU-B6R_66mk.js

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

package/dist/assets/ReimbursementSetUpPage-DdT6uu1--B5ymQEc4.js

@@ -1,140 +0,0 @@
-import{u as Ee,e as Ve,a2 as q,a as Ne,c9 as Ge,M as Te,l as Je,a8 as be,j as t,cO as Ze,c as J,C as r,aW as Ke,m as Xe,F as Ye,dO as Qe,aS as et,dE as tt,a4 as it,o as a,q as n,bN as nt,cm as ot,cu as at,f1 as ve,f2 as ke,fM as lt,k as rt,_ as $e,b as Pe,bd as st,d as ct,aP as dt}from"./index-b-ZazAq5.js";import{b as o,n as i}from"./vendor-rkTZJa59.js";import{D as ut}from"./HelpButton-D9ONg6cm-Be59SjbC.js";import{q as je}from"./SetUpDefaultSection-B-ZEHQUb-wT4VB7Bz.js";import{f as mt}from"./SpendMgmtSetupAccountSection-DFyUBsg3-CBY1E6Ip.js";import{g as pt}from"./UploadAdditionalDocumentOverlay-Y64l7Rho-CmfSD-Zu.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-B_KRQLwc-Dk4sRI3u.js";import"./ChargeCardUtils-BcwLwgz7-DtCcFgNi.js";import"./CreditCardPaymentPlgSection-8NQI5gcx-CYgVnwi-.js";import"./ChaseOverlay-ClcKUdpT-DsBdB3dn.js";const gt=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.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"}),o.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"}),o.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"}),o.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"}),o.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"}),o.createElement("path",{d:"M2 10.1409H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.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"}),o.createElement("path",{d:"M9.14088 19.0669H10.9261",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),h={sectionWidth:new r(343,580,726),iconContainerMaxWidthHeight:new r(n[6],n[7]),iconContainerMarginRight:new r(12,n[3]),infoLabelPaddingLeft:new r(n[0],n[3]),iconPadding:new r(10,12),iconWidthHeight:new r(20,n[4]),rowGap:new r(n[2],n[3]),containerPadding:new r(n[3],n[4])},ge={title:new Pe("standardSemiBold","largeSemiBold"),infoLabel:new Pe("extraSmallRegular","smallRegular")};function ht({companyMileageConfigInfo:e,mileageDetails:y,analytics:j,style:A,sectionId:$,isActive:d=!0,isDisabled:s,onSaveMileageClick:Z}){const l=Ve(),D=Ee(),{formState:{errors:K},trigger:X}=ot(),E=ft($,"mileageAmountInDenomination"),f=at(K,E),{localData:c,updateStatus:R,mileageStatus:C}=y,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:Y,spendManagement:Q}=Te.getLocalizedStrings(),{reimbursement:ee}=Q,[S,V]=o.useState(U),[te,W]=o.useState(!1);o.useEffect(()=>{f||X(E)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===c?.mileageAmountInDenomination&&V(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{S||W(S)},[S]);const{reimbursementSetup:x}=ee,{setUp:ie}=Y,ne=S===!1||R.fetchState==="In-Progress"?"readonly":s,oe=c&&c?.denominationSymbol?`${c?.denominationSymbol} `:"",ae=c&&c?.mileageUnit?c?.mileageUnit:"";return t.jsxs(xt,{windowSize:l,style:A,isActive:d&&s==null,children:[t.jsxs(Pt,{windowSize:l,children:[x.mileageHeader,d===!1?t.jsx(Dt,{children:ie.comingSoon}):null]}),t.jsxs(kt,{windowSize:l,children:[t.jsx(vt,{windowSize:l,isDarkMode:D.mode==="dark",children:t.jsx(gt,{width:h.iconWidthHeight.valuePx(l),height:h.iconWidthHeight.valuePx(l)})}),t.jsxs(wt,{children:[t.jsxs($t,{children:[t.jsxs(jt,{children:[t.jsxs(At,{children:[t.jsx(Ct,{windowSize:l,children:e?.denominationConversions.amount==null?x.mileageAddTitle:x.mileageEditTitle}),t.jsx(St,{children:x.mileageSubTitle})]}),C!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(ve,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:C.name,textColor:ke(C.code)}):null]}),t.jsxs(yt,{children:[C!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(ve,{style:{width:"max-content"},tagTitle:C.name,textColor:ke(C.code)}):null,t.jsx(bt,{})]})]}),t.jsxs(Et,{children:[t.jsxs(Vt,{children:[t.jsx(lt,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:f?void 0:D.colors.background,color:S||f?void 0:D.colors.grey1},isFieldError:f,type:"number",autoFocus:!1,focus:te,name:E,defaultValue:c?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:oe,suffix:`  ${x.perText} ${ae}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:T=>T!=null||s!=null,required:s==null},isDisabled:ne}),t.jsx(Lt,{children:S?t.jsx(rt,{label:x.save,"data-testid":$e("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&U&&!f&&Z?.(c.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:s!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:R.fetchState==="In-Progress"}):t.jsx(It,{isDisabled:s,"data-testid":$e("edit-mileage"),onClick:T=>{T.stopPropagation(),V(!0),W(!0),j.trackReimbursementMileageRateEdit()}})})]}),c?.description!=null?t.jsx(Tt,{size:l,hasError:f,children:f&&e?.defaultMileageUnitAmount!=null?x.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):c.description}):null]})]})]})]})}const ft=(e,y)=>`${e}.${y}`,xt=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=>h.rowGap.valuePx(e.windowSize)};
-`,wt=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-`,yt=i.div`
-  display: flex;
-`,Ct=i.div`
-  ${e=>`${ge.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?J.important:e.theme.colors.primary};
-`,St=i(ct)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  color: ${e=>e.theme.colors.hero};
-`,bt=i.div`
-  display: flex;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  margin-left: ${a.sp4};
-`,vt=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: ${e=>h.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-  border-radius: ${a.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${e=>e.isDarkMode?J.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
-  max-width: ${e=>h.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>h.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${e=>h.iconContainerMarginRight.valuePx(e.windowSize)};
-`,kt=i.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${e=>h.containerPadding.valuePx(e.windowSize)};
-  width: ${e=>h.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.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};
-  }
-`,$t=i.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-`,Pt=i.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${ge.title.style(e.windowSize)}`};
-`,jt=i.div`
-  display: flex;
-  flex-direction: column;
-`,At=i.div``,Dt=i(st)`
-  color: ${e=>e.theme.colors.comingSoon};
-  margin-left: ${a.sp3};
-`,Et=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-  margin-top: ${a.sp3};
-`,Vt=i.div`
-  display: flex;
-  height: ${a.sp6};
-  width: 100%;
-  position: relative;
-`,Tt=i.label`
-  display: flex;
-  padding-left: ${e=>h.infoLabelPaddingLeft.valuePx(e.size)};
-  color: ${e=>e.hasError===!0?J.important:e.additionalInfoTextColor??e.theme.colors.hero};
-  ${e=>`${ge.infoLabel.style(e.size)}`};
-  margin-top: ${a.sp1};
-`,Lt=i.div`
-  display: flex;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: ${a.sp3};
-`,It=i(dt)`
-  width: ${a.sp3};
-  height: ${a.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 r(343,580,726,826),setupDetailsRowGap:new r(12,n[5],n[5]),sectionRowGap:new r(n[5],n[9],n[9]),lastSectionPaddingBottom:new r(n[7],n[10],n[10]),iconWidthHeight:new r(20,n[4]),subTitlePaddingTop:new r(12,n[3]),subTitlePaddingBottom:new r(n[3],n[3]),overlayWidth:new r(100,100,59)},Ae="remiSetupPage",N="remiAccount",G="remiMileage",ni=({remiSetupView:e,isDisabled:y,remiApprovalView:j,connectedAccountProvider:A,isAccountsEnabled:$,filesEndPoint:d,authParams:s,meetingUrl:Z,analytics:l,accountsPromoConfig:D,onBackClick:K,onBusinessVerificationSectionClick:X,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onEstablishConnectionSuccess:R,updateMileageDetails:C,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:Y,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:S,onEnableRemiSuccess:V,onSaveMileageClick:te,onClickMenuIcon:W,onEditFileName:x,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:T})=>{const H=Ee(),u=Ve(),[O,L]=o.useState(!1),{fetchState:v,primaryFundingAccount:b,allFundingAccounts:he,updateStatus:I,accountUpdateStatus:Le,plaidConnectionDetails:le,allBankAccounts:Ie,companyRemiInfo:Me,companyBillPayInfo:fe,mileageRateConfig:ze,isRefreshingViewInBackground:Fe,selectedCompanyOfficer:g}=e,{fetchState:xe,allApprovalRules:B,approvalRulesStatus:Re}=j,re=le.link_account.updateStatus,se=le.update_account.updateStatus,_=q(v),we=q(I.fetchState),ye=q(re.fetchState),Ce=q(se.fetchState),M=Ne({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>pe(e),[e]),values:pe(e)});o.useEffect(()=>{!O&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"&&L(!0),O&&_==="In-Progress"&&v==="Completed"&&L(!1)},[g,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||ye==="In-Progress"&&re.fetchState==="Completed"||Ce==="In-Progress"&&se.fetchState==="Completed")&&M.reset(pe(e))},[_,v,M,e,ye,re.fetchState,Ce,se.fetchState]);const Ue=M.handleSubmit(P=>{l.trackEnableReimbursement(),S()}),We=async(P,F)=>{const m=F[N];if(P.includes(N)){if(P.includes("fundingAccount")){if(m.fundingAccount.selectedOption!=null&&b?.id!=m.fundingAccount.selectedOption){const w=he.find(me=>me.id===m.fundingAccount.selectedOption);w!=null&&Y(m.fundingAccount.selectedOption,w.accType)}}else if(m.account.selectedOption!=null&&b?.id!=null&&b?.zeniAccountId!=m.account.selectedOption){const w=m.account.allOptions.find(me=>me.value===m.account.selectedOption);w!=null&&typeof w.label=="string"&&l.trackConnectBankLink(w.value,w.label,"reimbursement"),U(m.account.selectedOption,b.id,b.accType)}}else if(P.includes(G)){const w=F[G];C(w)}};o.useEffect(()=>{const P=M.watch((F,{name:m})=>{m!=null&&F!=null&&Ge(()=>We(m,F))});return()=>{P.unsubscribe()}}),o.useEffect(()=>{we==="In-Progress"&&I.fetchState==="Completed"&&V()},[V,we,I.fetchState]);const{commonSetUp:Se,spendManagement:He}=Te.getLocalizedStrings(),{reimbursement:Oe}=He,{reimbursementSetup:z}=Oe,{setUp:k}=Se,ce=fe?.isBusinessVerified===!0&&(b?.accType==="depositAccount"||Je.isVerifiedPaymentAccountProviderStatusCode(b?.providerVerificationStatus?.code??""))&&ze?.denominationConversions.amount!=null,de=Me?.isReimbursementEnabled===!0,Be=ce?Se.setUp.setupVerifiedSubTitle:z.setupSubTitle,_e=v==="In-Progress"||v==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",ue=H.mode==="light"?new be(H.colors.brandColorJadeLight):new be(H.colors.brandColorJadeDark),qe=()=>{!O&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"?L(!0):X?.()};return t.jsxs(Mt,{children:[t.jsx(Ze,{anchor:"right",PaperProps:{style:{width:p.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:O,onClose:()=>L(!1),style:{backgroundColor:J.drawerBackground},transitionDuration:250,children:t.jsx(pt,{authParams:s,filesEndPoint:d,updateStatus:I,onEditFileName:x,onDeleteFile:ie,updateFilesEntity:ne,companyOfficer:g,onClose:()=>L(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Ke,{title:z.setupTitle,backgroundColor:H.colors.grey4,style:{zIndex:3},onBackClick:K,showMenuIcon:!de&&(u==="medium-compact"||u==="small"),onClickMenuIcon:W,source:"ReimbursementSetUpPage"}),t.jsxs(Ft,{windowSize:u,children:[t.jsx(zt,{windowSize:u,children:Be}),_e?t.jsx(Rt,{children:t.jsx(Xe,{size:"ExtraLarge",start:!0})}):t.jsx(Ye,{...M,children:t.jsx("form",{id:De(Ae),onSubmit:Ue,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(je,{onClick:qe,title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Qe,{width:p.iconWidthHeight.valuePx(u),height:p.iconWidthHeight.valuePx(u)}),color:ue},status:fe?.businessVerificationStatus,isTagLoading:Fe}),t.jsx(mt,{connectedAccountProvider:A,primaryFundingAccount:b,plaidConnectionDetails:le,allBankAccounts:Ie,allFundingAccounts:he,sectionId:N,isDisabled:y,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:R,icon:{element:t.jsx(et,{width:p.iconWidthHeight.valuePx(u)}),color:ue},analytics:l,productType:"reimbursement",isAccountsEnabled:$,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:D}),t.jsx(ht,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:G,onSaveMileageClick:te,analytics:l}),t.jsx(je,{title:B.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:z.approvalSubTitle,header:B.length>0?k.approvalHeader:k.setupApprovalHeader,icon:{element:t.jsx(tt,{height:p.iconWidthHeight.valuePx(u)}),color:ue},style:{paddingBottom:p.lastSectionPaddingBottom.valuePx(u)},onClick:E,status:B.length>0?Re:void 0})]})})})]}),ce&&!de&&B.length>0?t.jsx(it,{formId:De(Ae),primaryBtn:{label:z.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:I.fetchState==="In-Progress"||Le.fetchState==="In-Progress",isDisabled:y!=null},showCancel:!1,helperText:z.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(ut,{isFooterRendered:ce&&!de,meetingUrl:Z,analytics:l,productType:"reimbursement"})]})},Mt=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,zt=i(nt)`
-  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"};
-`,Ft=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)};
-`,Rt=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};
-`,Ut=i.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>p.sectionRowGap.valuePx(e.windowSize)};
-`,pe=e=>{const{allBankAccounts:y,allFundingAccounts:j,mileageDetails:A,primaryFundingAccount:$}=e,{localData:d}=A;return{[N]:{fundingAccount:{selectedOption:$?.id,allOptions:j.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:$?.zeniAccountId,allOptions:y.map(s=>({label:s.accountName,value:s.accountId}))}},[G]:{mileageAmount:d?.mileageUnitAmount?.amount,mileageCurrencyCode:d?.mileageCurrencyCode??"USD",mileageCurrencySymbol:d?.mileageCurrencySymbol??"$",mileageUnit:d?.mileageUnit??"",description:d?.description??"",mileageAmountInDenomination:d?.mileageAmountInDenomination,denomination:d?.denomination??"dollars",denominationSymbol:d?.denominationSymbol??""}}},De=e=>`${e}_form`;export{ni as default,De as uniqueName};

package/dist/assets/ReimbursementsBulkReviewDrawerPage-CXvng56s-D22V4iw-.js

@@ -1 +0,0 @@
-import{M as O,j as b,bU as W,bW as V,bX as X,jj as q,ab as z,l as H}from"./index-b-ZazAq5.js";import{b as f}from"./vendor-rkTZJa59.js";import{m as Q}from"./ReviewOverlay-CIgtaUn1-BvAebQ4j.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const{common:n,spendManagement:{reimbursement:k}}=O.getLocalizedStrings(),o=k.bulkActions;let I;const ae=({remisReviewView:e,isAdmin:l,analytics:i,onProceedForBulkActionClick:d,onCloseReviewItem:r,onCloseOverlay:s})=>{const{fetchState:p,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:v,currentSubTab:h}=e,g=!1,[w,a]=f.useState(!1),[m,_]=f.useState(P(e,g,l)),[y,R]=f.useState(g),[B,G]=f.useState(0),[x,A]=f.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});f.useEffect(()=>(B===m.length&&y&&(R(!1),clearInterval(I)),e.fetchState==="Completed"&&_(P(e,!1,l)),()=>{clearInterval(I)}),[m.length,B,y,e.fetchState,g,e,l]);const E=m.length,S=m.filter(u=>u.reviewStatus.code!=="error").length,F=()=>{const{title:u,description:T}=Y(S);A({type:"reject",title:u,description:T,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),i.trackReimbursementBulkSubmit(t,v,h),a(!0)},U={onOkClick:u=>{a(!1);const T=e.remisForReview.map(j=>j.reimbursement);i.trackReimbursementBulkPopupConfirm(t,v,h,H.getRemiListUniqueType(T.map(j=>j?.reimbursementTypesIncluded??[]))),d("reject",u)},onCancelClick:()=>{a(!1)}},{title:$,description:L}=Z(p,S,E,y),C=e.fetchState==="Completed"&&S===0,D=()=>{i.trackReimbursementBulkSubmit(t,v,h),d(t)},M=()=>{let u=n.footer.approve;return C?u=n.texts.close:t==="send_for_approval"&&(u=n.footer.submit),{label:u,isDisabled:p!=="Completed"||t==="reject"&&c==="In-Progress",isLoading:c==="In-Progress"&&(t==="send_for_approval"||t==="approve"),onClick:C?s:D,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},N={label:t==="send_for_approval"?n.texts.goBack:n.footer.reject,isDisabled:t!=="reject"&&c==="In-Progress",isLoading:t==="reject"&&c==="In-Progress",reverseSpinnerColor:!1,onClick:t==="send_for_approval"?s:F,style:t==="approve"?{minWidth:"92px"}:{}};return b.jsxs(b.Fragment,{children:[w?b.jsx(W,{titleComponent:b.jsx(X,{children:x.title}),descriptionComponent:b.jsx(V,{children:x.description}),primaryButtonText:x.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:x.secondaryButtonText,action:U,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(Q,{title:$,description:{content:L,isError:e.fetchState==="Completed"&&S===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:s,showFooter:e.fetchState==="Completed"&&!y,footerProps:{primaryButton:M(),cancelButton:N,hideCancel:C}})]})},P=(e,l,i)=>{const d=e.fetchState==="In-Progress";return e.remisForReview.map(r=>{const s=q(i,r.submittedBy);return{id:r.transactionId,leftSideText:{title:r.reimbursement?.reportTitle!=null?r.reimbursement.reportTitle:k.reimbursementDetail.newReimbursementTitle,subTitle:s!=null?`${n.by} ${s?.firstName} ${s?.lastName}`:n.strings.empty},rightSideText:{title:z("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:d,code:r.reviewStatus??""}}})},Y=e=>{const{this_:l,these:i,report:d,reports:r,payment:s,payments:p}=n.texts;return e>1?{title:o.popUps.reject.title.replace("__report__",o.reports),description:o.popUps.reject.description.replaceAll("<_this_>",i).replaceAll("<_payment_>",p).replaceAll("__report__",r)}:{title:o.popUps.reject.title.replace("__report__",o.report),description:o.popUps.reject.description.replaceAll("<_this_>",l).replaceAll("<_payment_>",s).replaceAll("__report__",d)}},Z=(e,l,i,d)=>{const{has:r,have:s,report:p,reports:c,are:t,is:v,do_:h,does:g}=n.texts,w=l>1,a=i>1;let m="",_="";return e==="Completed"&&!d?(m=o.reviewPage.reportsReviewed.title.replace("__report__",a?k.bulkActions.reports:o.report).replace("<_has_>",a?s:r),l===0?_=o.reviewPage.reportsReviewed.descriptionError.replace("__report__",a?c:p).replace("<_do_>",a?h:g):_=`${l}/${i} ${o.reviewPage.reportsReviewed.description.replace("__report__",i>1?c:p).replace("<_is_>",w?t:v)}`):(m=o.reviewPage.reportsReviewing.title.replace("__report__",a?c:p),_=o.reviewPage.reportsReviewing.description.replace("__report__",a?c:p)),{title:m,description:_}};export{ae as default};