@zeniai/web-cockpit-ui 1.14.9-qa → 1.14.10-dev

package/dist/assets/{ReimbursementDetailPage-BofsP0W--BITd3_Z0.js → ReimbursementDetailPage-CDoMkRc0-De12HsoG.js}

@@ -1,4 +1,4 @@
-import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt,fM as Lt,fN as Ot,j as t,bR as ze,bT as Ae,bU as Me,_ as y,aV as Re,aJ as _t,dt as Wt,fO as Et,fZ as Pe,o as a,fP as Be,cS as b,cU as x,fS as w,a0 as Ne,cR as Le,v as U,fU as Oe,a4 as Ut,r as Ft,fV as Kt,fW as ae,aS as Vt,fX as Yt,a3 as Gt,Q as Ht,g as Qt,n as et,ao as tt,d as F,M as Xt,bp as qt,$ as Jt,gc as Zt,g8 as ei,s as c,bK as ti,co as ii}from"./index-BdyScxbq.js";import{b as p,n as r}from"./vendor-CnQcJ2Lu.js";import{_ as ai}from"./liveblocks-sSQ9JElv.js";import ri from"./InvoiceUploadSection-B8o-l15n-BS-TIgsz.js";import{r as oi,h as f,u as ni}from"./types-DyvtCprH-BcZYcgaq.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./crypto-BURQLTgV.js";import"./AttachmentView-Bp678glv-DplJLpKV.js";import"./uploadReceipts-CU1mDxNv-JwkgKcZE.js";const l={labelWidth:new m(120,160,160),largeLabelWidth:new m(150,235,235),rightMargin:new m(c[3],c[8]),leftMargin:new m(c[3],c[6]),invoiceRightMargin:new m(c[3],c[6]),invoiceLeftMargin:new m(c[3],c[8]),topMargin:new m(c[3],0),bottomMargin:new m(c[4],27),activityBottomMargin:new m(96,0),totalBottomMargin:new m(c[5],c[3]),formBottomMargin:new m(c[5],c[3]),navBarHeight:new m(44,62),closeMarginTop:new m(0,0),rightSectionWidth:new m(100,58),leftSectionWidth:new m(100,42),footerButtonWidth:new m(120,165),right:new m(c[3],c[0]),actionsContainerRight:new m(c[0],c[6]),otherActionsContainerBottom:new m(58,44),duplicateBannerWrapperMarginTop:new m(c[5],c[3]),duplicateBannerWrapperMarginRight:new m(c[3],c[8]),duplicateBannerWrapperMarginBottom:new m(c[5],c[3]),duplicateBannerWrapperMarginLeft:new m(c[3],c[6])},li={formTitle:new Ht("h6Regular","h5Regular")},ia=({remiDetails:e,uploadInvoiceEndPoint:K,authParams:it,isAdmin:oe,signedInUser:ne,showApproveRejectBtns:le,isRealTimeApprovalEnabled:se,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:de,isSignedInUserReimbursementCreator:at,updateEditRealTimeApproverClicked:ce,onSaveRealTimeApprovals:me,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:rt,onDuplicateLineClick:ot,approveOrRejectRemi:pe,deleteReimbursement:nt,cancelAndDeleteReport:ue,handleZeniLogoClick:lt,onAddNewRule:he})=>{const d=At(),st=Mt().analytics,o=Rt(),ye=Pt(),[dt,k]=p.useState(!1),[Y,G]=p.useState(!1),[ct,H]=p.useState(!1),[Q,X]=p.useState("approved"),P=p.useRef(null),[j,q]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,mt]=p.useState(null),[pt,B]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ge=p.useRef({}),be=s=>{const n=ge.current[s];n!=null&&setTimeout(()=>ni(n,P.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&V()},[e,V]),p.useEffect(()=>{const s=window.location.hash;if(s&&s.startsWith("#L")){const n=s.substring(1);be(n)}},[]);const ut=()=>{V()};Bt({componentName:"reimbursement.details"});const ht={onOkClick:()=>{k(!1),j.primaryButtonText===i.buttons.delete?nt?.():j.title===i.cancelReportTitle?ue?.():j.title===i.cancelAndDeleteReportTitle&&ue?.(!0)},onCancelClick:()=>{k(!1)}},I=l.labelWidth.value(o),z=l.largeLabelWidth.value(o),xe=Ze.getLocalizedStrings(),{common:{texts:{comments:yt},strings:{empty:we}},collaboration:{threads:{placeholder:{addANewComment:gt,replyAComment:bt},tooltip:{resolveComment:xt,unResolveComment:wt}}},dateFormat:fe}=xe,{reimbursementDetail:i,bulkActions:N}=xe.spendManagement.reimbursement,J=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,O=e.remiDetails?.reimbursementInfo.billStatus,_=e.remiDetails?.reimbursementInfo.billPaymentStatus,$e=L?.code==="paid",ft=$e?L:O?.code=="approved"&&_?.code?_:O,$=si(e.remiDetails),A=O?.code=="approved"&&_?.code?_:O,W=e.remiDetails?.isDeleted??!1,ve=e.remiDetails?.amount,Te=e.remiDetails?.amount.amount??0,Se=()=>{q({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),k(!0)},$t=()=>{q({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},vt=()=>{q({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},je=()=>{rt()},Tt={onOkClick:s=>{H(!1),pe({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:s})},onCancelClick:()=>{H(!1)}},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?je():(X("approved"),pe({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(X("delete"),Se()):(X("rejected"),H(!0))},It=e.remiDetails?.reimbursementInfo.paymentDate!=null?ie.zeniDate(ie.getNextNthWorkingDay(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,Z=e.remiDetails?.reimbursementInfo.expectedDepositDate??It,Ie=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&at,Dt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ee=ft?.code,Ct=oi(e.duplicateLineByLineId),De=e.duplicateReimbursementStatus.fetchState==="Completed"&&Ct>0,{requestToOpenThread:te,setRequestToOpenThread:Ce,setOpenThread:E}=p.useContext(Nt),{threads:M,isLoading:D}=Lt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),kt=p.useMemo(()=>M.filter(s=>s.resolved===!1&&!s.id.includes(Ot)),[M]).length,zt=p.useCallback((s,n)=>{E(n),B(!1)},[E,B]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!D&&(E(te.threadId),Ce(null))},[te,M,D,E,Ce]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ie.isBulkProcessing(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Bi,{windowSize:o,ref:P,children:[dt?t.jsx(ze,{titleComponent:t.jsx(Me,{children:j.title}),descriptionComponent:t.jsx(Ae,{children:j.description}),primaryButtonText:j.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:j.secondaryButtonText,action:ht}):null,ct?t.jsx(ze,{titleComponent:t.jsx(Me,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Ae,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:Tt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ci,{windowSize:o,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[o!=="small"?t.jsx(Re,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(ki,{onClick:()=>lt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ye.colors.background,keepBackgroundOnScroll:!0,scrollableContent:P,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(ji,{}):null,t.jsx(Re,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:J??we,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Ai,{children:[u?t.jsxs(Mi,{isDisabled:D,onClick:D?()=>null:s=>{s.preventDefault(),s.stopPropagation(),mt({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),B(!0),st.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(n=>Wt(n)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(_t,{count:D?void 0:kt,isLoading:D,style:{left:"12px"}}),t.jsx(Ri,{})]}):null,t.jsx(Pi,{size:o,onClick:()=>ut(),"data-testid":y("remi-detail-page-close"),children:t.jsx(zi,{})})]}),scrollableContent:P,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Ui,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(He,{windowSize:o,children:t.jsx(Qe,{windowsSize:o,children:J})}),e.createdBy?.userId!=null?t.jsx(Ke,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,de&&$!=null?t.jsx(Ve,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,A?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Et,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W}),R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(_e,{size:o,children:[t.jsx(Fe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Ue,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ge,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null]}):null,S.map((s,n)=>{const v=e.duplicateLineByLineId[s.lineId];return t.jsxs(Je,{windowSize:o,children:[t.jsx(_i,{windowSize:o,children:t.jsx(Wi,{bottomSeperator:S.length!==1,windowSize:o,children:t.jsx(ri,{showAutofill:!1,uploadInvoiceEndPoint:K,authParams:it,entityId:e.remiDetails?.id,file:s.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:S.length>1?`#${n+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:S.length-1===n||n===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"receipt"})})}),t.jsxs(Oi,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(He,{windowSize:o,children:[t.jsx(Qe,{windowsSize:o,children:J}),de&&$!=null?t.jsx(Ve,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ke,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,A?.code!=null?t.jsx(Ge,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null,R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(_e,{size:o,children:[t.jsx(Fe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Ue,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(hi,{windowSize:o,ref:ke=>{ke!=null&&(ge.current[`L${s.lineId}`]=ke)},children:[o!=="small"?t.jsx(ui,{children:t.jsx(yi,{children:S.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(gi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(mi,{children:[i.thisExpenseReview," ",t.jsx(pi,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return be(`L${v.duplicateLineId}`);v.duplicateTransactionId!=null&&v.duplicateLineId!=null&&ot(v.duplicateTransactionId,v.duplicateLineId)},"data-testid":y("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:s.type===i.mileageKey?`${n}.mileage.reimbursementType`:`${n}.out_of_pocket.reimbursementType`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("reimbursementType",n,s.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(w,{label:{label:i.reimbursementType,width:z},text:s.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx(T,{}),s.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"mileage")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:z},text:s.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("distanceInMiles",n,"mileage")}`},children:t.jsx(w,{label:{label:i.distanceInMiles,width:z},text:s.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"mileage")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:s.homeCurrencyConversions!=null?Ne("0,0[.]00",s.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"mileage")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:s.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:s.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.merchant`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("merchant",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.merchant,width:z},text:s.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:z},text:s.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:s.homeCurrencyConversions!=null?Ne("0,0[.]00",s.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:s.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.account`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("account",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.category,width:I},text:s.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:s.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),S.length!==1&&S.length===n+1&&t.jsxs(Li,{windowSize:o,children:[t.jsxs(Xe,{windowSize:o,children:[t.jsx(qe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:U.h6Regular.cssObject,decimalStyles:U.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Oe,{amount:Te,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:he,entity:"reimbursement",realTimeApproval:{allApprovers:e.filteredApprovers,filteredAttributes:e.filteredAttributes,allAccountingClass:e.allAccountingClasses,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:oe,signedInUserId:ne?.userId,showRealTimeApproval:se,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:ce,onSaveRealTimeApprovals:me},historicActivities:e.remiHistory.activities})]})]})]},s.lineId)}),S.length===1&&t.jsxs(Je,{windowSize:o,children:[t.jsx(Ye,{}),t.jsxs(di,{windowSize:o,children:[t.jsx(Ni,{windowSize:o,children:t.jsxs(Xe,{windowSize:o,children:[t.jsx(qe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:U.h6Regular.cssObject,decimalStyles:U.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(ci,{windowSize:o,children:t.jsx(Oe,{amount:Te,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:he,entity:"reimbursement",historicActivities:e.remiHistory.activities,realTimeApproval:{allApprovers:e.filteredApprovers,allAccountingClass:e.allAccountingClasses,filteredAttributes:e.filteredAttributes,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:oe,signedInUserId:ne?.userId,showRealTimeApproval:se,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:ce,onSaveRealTimeApprovals:me}})})]})]}),t.jsx(Ei,{})]}),$e||W===!0?null:t.jsxs(Di,{children:[o!=="small"?t.jsx(Ye,{}):null,t.jsx(xi,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:s=>{s.stopPropagation(),Y===!0&&G(!1)},children:t.jsx(Ut,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||le,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||le,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.delete:i.buttons.deleteReport:o==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:Q==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||Q==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:jt,style:{width:l.footerButtonWidth.value(o)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.edit:i.buttons.editAndResubmit:o==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:Q==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:St,style:{width:l.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(bi,{children:t.jsxs(Ii,{windowSize:o,children:[!R&&Y?t.jsx(Ft,{onClickAway:()=>G(!1),children:t.jsxs(Si,{windowSize:o,children:[ee!=="processing"?t.jsx(re,{onClick:Se,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ee==="processing"?t.jsx(re,{onClick:$t,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ee==="processing"?t.jsx(re,{onClick:vt,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Ti,{windowSize:o,children:[!R&&Ie===!0?t.jsx(vi,{onClick:je,"data-testid":y("remi-edit-button"),children:t.jsx($i,{})}):null,!R&&Dt===!0?t.jsx(fi,{windowSize:o,showEditIcon:Ie,children:t.jsx(wi,{onClick:()=>G(!Y),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(ai,{id:h,children:t.jsx(Kt,{isDrawerOpen:pt,allowComposer:!0,drawerTitle:yt,threads:M,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:C?.companyId??we,isGlobalComment:!1,tab:"reimbursement"},isLoading:D,threadMetadata:C?{companyName:C.companyName,companyId:C.companyId,entityId:C.entityId,entityType:C.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:gt,replyComposerPlaceholder:bt,threadResolve:xt,threadUnResolve:wt},onThreadClick:(s,n)=>zt(s,n),onCloseAllThreadsDrawer:()=>B(!1),drawerSectionStyle:{width:"400px",backgroundColor:ye.colors.background}})}):null]})},si=e=>{const K=Ze.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:K.tabsById.deleted,color:ae.deleted.color,bgColor:ae.deleted.bgColor,borderColor:ae.deleted.borderColor,code:"deleted"}},di=r.div`
+import{w as At,d2 as Mt,X as Rt,u as Pt,bC as Bt,C as m,M as Ze,l as ie,fI as Nt,fK as Lt,fL as Ot,j as t,bO as ke,bQ as Ae,bR as Me,_ as y,aV as Re,aJ as _t,dq as Wt,fM as Et,fX as Pe,o as a,fN as Be,cP as b,cR as w,fQ as x,a0 as Ne,cO as Le,f as K,fS as Oe,a4 as Kt,p as Ft,fT as Ut,fU as ae,aS as Vt,fV as Gt,a3 as Yt,Q as Ht,h as qt,e as et,ao as tt,g as F,m as Jt,eW as Qt,v as Xt,ga as Zt,g6 as ei,q as c,bH as ti,cl as ii}from"./index-DPgPe6wO.js";import{b as p,n as r}from"./vendor-CnQcJ2Lu.js";import{_ as ai}from"./liveblocks-sSQ9JElv.js";import ri from"./InvoiceUploadSection-BYgUZr3e-ppSv-eTX.js";import{r as oi,h as f,u as ni}from"./types-DyvtCprH-BcZYcgaq.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./crypto-BURQLTgV.js";import"./AttachmentView-B4hoO1b8-sqsUZh4A.js";import"./uploadReceipts-D80JLNY4-BE7GOht6.js";const l={labelWidth:new m(120,160,160),largeLabelWidth:new m(150,235,235),rightMargin:new m(c[3],c[8]),leftMargin:new m(c[3],c[6]),invoiceRightMargin:new m(c[3],c[6]),invoiceLeftMargin:new m(c[3],c[8]),topMargin:new m(c[3],0),bottomMargin:new m(c[4],27),activityBottomMargin:new m(96,0),totalBottomMargin:new m(c[5],c[3]),formBottomMargin:new m(c[5],c[3]),navBarHeight:new m(44,62),closeMarginTop:new m(0,0),rightSectionWidth:new m(100,58),leftSectionWidth:new m(100,42),footerButtonWidth:new m(120,165),right:new m(c[3],c[0]),actionsContainerRight:new m(c[0],c[6]),otherActionsContainerBottom:new m(58,44),duplicateBannerWrapperMarginTop:new m(c[5],c[3]),duplicateBannerWrapperMarginRight:new m(c[3],c[8]),duplicateBannerWrapperMarginBottom:new m(c[5],c[3]),duplicateBannerWrapperMarginLeft:new m(c[3],c[6])},li={formTitle:new Ht("h6Regular","h5Regular")},ia=({remiDetails:e,uploadInvoiceEndPoint:U,authParams:it,isAdmin:oe,signedInUser:ne,showApproveRejectBtns:le,isRealTimeApprovalEnabled:se,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:de,isSignedInUserReimbursementCreator:at,updateEditRealTimeApproverClicked:ce,onSaveRealTimeApprovals:me,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:rt,onDuplicateLineClick:ot,approveOrRejectRemi:pe,deleteReimbursement:nt,cancelAndDeleteReport:ue,handleZeniLogoClick:lt,onAddNewRule:he})=>{const d=At(),st=Mt().analytics,o=Rt(),ye=Pt(),[dt,z]=p.useState(!1),[G,Y]=p.useState(!1),[ct,H]=p.useState(!1),[q,J]=p.useState("approved"),P=p.useRef(null),[j,Q]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,mt]=p.useState(null),[pt,B]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ge=p.useRef({}),be=s=>{const n=ge.current[s];n!=null&&setTimeout(()=>ni(n,P.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&V()},[e,V]),p.useEffect(()=>{const s=window.location.hash;if(s&&s.startsWith("#L")){const n=s.substring(1);be(n)}},[]);const ut=()=>{V()};Bt({componentName:"reimbursement.details"});const ht={onOkClick:()=>{z(!1),j.primaryButtonText===i.buttons.delete?nt?.():j.title===i.cancelReportTitle?ue?.():j.title===i.cancelAndDeleteReportTitle&&ue?.(!0)},onCancelClick:()=>{z(!1)}},I=l.labelWidth.value(o),k=l.largeLabelWidth.value(o),we=Ze.getLocalizedStrings(),{common:{texts:{comments:yt},strings:{empty:xe}},collaboration:{threads:{placeholder:{addANewComment:gt,replyAComment:bt},tooltip:{resolveComment:wt,unResolveComment:xt}}},dateFormat:fe}=we,{reimbursementDetail:i,bulkActions:N}=we.spendManagement.reimbursement,X=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,O=e.remiDetails?.reimbursementInfo.billStatus,_=e.remiDetails?.reimbursementInfo.billPaymentStatus,$e=L?.code==="paid",ft=$e?L:O?.code=="approved"&&_?.code?_:O,$=si(e.remiDetails),A=O?.code=="approved"&&_?.code?_:O,W=e.remiDetails?.isDeleted??!1,ve=e.remiDetails?.amount,Te=e.remiDetails?.amount.amount??0,Se=()=>{Q({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),z(!0)},$t=()=>{Q({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!0)},vt=()=>{Q({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!0)},je=()=>{rt()},Tt={onOkClick:s=>{H(!1),pe({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:s})},onCancelClick:()=>{H(!1)}},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?je():(J("approved"),pe({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(J("delete"),Se()):(J("rejected"),H(!0))},It=e.remiDetails?.reimbursementInfo.paymentDate!=null?ie.zeniDate(ie.getNextNthWorkingDay(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,Z=e.remiDetails?.reimbursementInfo.expectedDepositDate??It,Ie=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&at,Dt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ee=ft?.code,Ct=oi(e.duplicateLineByLineId),De=e.duplicateReimbursementStatus.fetchState==="Completed"&&Ct>0,{requestToOpenThread:te,setRequestToOpenThread:Ce,setOpenThread:E}=p.useContext(Nt),{threads:M,isLoading:D}=Lt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),zt=p.useMemo(()=>M.filter(s=>s.resolved===!1&&!s.id.includes(Ot)),[M]).length,kt=p.useCallback((s,n)=>{E(n),B(!1)},[E,B]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!D&&(E(te.threadId),Ce(null))},[te,M,D,E,Ce]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ie.isBulkProcessing(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Bi,{windowSize:o,ref:P,children:[dt?t.jsx(ke,{titleComponent:t.jsx(Me,{children:j.title}),descriptionComponent:t.jsx(Ae,{children:j.description}),primaryButtonText:j.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:j.secondaryButtonText,action:ht}):null,ct?t.jsx(ke,{titleComponent:t.jsx(Me,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Ae,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:Tt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ci,{windowSize:o,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[o!=="small"?t.jsx(Re,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(zi,{onClick:()=>lt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ye.colors.background,keepBackgroundOnScroll:!0,scrollableContent:P,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(ji,{}):null,t.jsx(Re,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:X??xe,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Ai,{children:[u?t.jsxs(Mi,{isDisabled:D,onClick:D?()=>null:s=>{s.preventDefault(),s.stopPropagation(),mt({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),B(!0),st.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(n=>Wt(n)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(_t,{count:D?void 0:zt,isLoading:D,style:{left:"12px"}}),t.jsx(Ri,{})]}):null,t.jsx(Pi,{size:o,onClick:()=>ut(),"data-testid":y("remi-detail-page-close"),children:t.jsx(ki,{})})]}),scrollableContent:P,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Ki,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(He,{windowSize:o,children:t.jsx(qe,{windowsSize:o,children:X})}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,de&&$!=null?t.jsx(Ve,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,A?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Et,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W}),R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(_e,{size:o,children:[t.jsx(Fe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ye,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null]}):null,S.map((s,n)=>{const v=e.duplicateLineByLineId[s.lineId];return t.jsxs(Xe,{windowSize:o,children:[t.jsx(_i,{windowSize:o,children:t.jsx(Wi,{bottomSeperator:S.length!==1,windowSize:o,children:t.jsx(ri,{showAutofill:!1,uploadInvoiceEndPoint:U,authParams:it,entityId:e.remiDetails?.id,file:s.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:S.length>1?`#${n+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:S.length-1===n||n===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"receipt"})})}),t.jsxs(Oi,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(He,{windowSize:o,children:[t.jsx(qe,{windowsSize:o,children:X}),de&&$!=null?t.jsx(Ve,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,A?.code!=null?t.jsx(Ye,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null,R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(_e,{size:o,children:[t.jsx(Fe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(hi,{windowSize:o,ref:ze=>{ze!=null&&(ge.current[`L${s.lineId}`]=ze)},children:[o!=="small"?t.jsx(ui,{children:t.jsx(yi,{children:S.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(gi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(mi,{children:[i.thisExpenseReview," ",t.jsx(pi,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return be(`L${v.duplicateLineId}`);v.duplicateTransactionId!=null&&v.duplicateLineId!=null&&ot(v.duplicateTransactionId,v.duplicateLineId)},"data-testid":y("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:s.type===i.mileageKey?`${n}.mileage.reimbursementType`:`${n}.out_of_pocket.reimbursementType`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("reimbursementType",n,s.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(x,{label:{label:i.reimbursementType,width:k},text:s.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx(T,{}),s.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"mileage")}`},children:t.jsx(x,{label:{label:i.transactionDate,width:k},text:s.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("distanceInMiles",n,"mileage")}`},children:t.jsx(x,{label:{label:i.distanceInMiles,width:k},text:s.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"mileage")}`},children:t.jsx(x,{label:{label:i.amount,width:I},text:s.homeCurrencyConversions!=null?Ne("0,0[.]00",s.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"mileage")}`},children:t.jsx(x,{label:{label:i.memo,width:I},text:s.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(x,{label:{label:i.department,width:I},text:s.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.merchant`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("merchant",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.merchant,width:k},text:s.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.transactionDate,width:k},text:s.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.amount,width:I},text:s.homeCurrencyConversions!=null?Ne("0,0[.]00",s.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.memo,width:I},text:s.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.account`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("account",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.category,width:I},text:s.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(x,{label:{label:i.department,width:I},text:s.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),S.length!==1&&S.length===n+1&&t.jsxs(Li,{windowSize:o,children:[t.jsxs(Je,{windowSize:o,children:[t.jsx(Qe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:K.h6Regular.cssObject,decimalStyles:K.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Oe,{amount:Te,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:he,entity:"reimbursement",realTimeApproval:{allApprovers:e.filteredApprovers,filteredAttributes:e.filteredAttributes,allAccountingClass:e.allAccountingClasses,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:oe,signedInUserId:ne?.userId,showRealTimeApproval:se,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:ce,onSaveRealTimeApprovals:me},historicActivities:e.remiHistory.activities})]})]})]},s.lineId)}),S.length===1&&t.jsxs(Xe,{windowSize:o,children:[t.jsx(Ge,{}),t.jsxs(di,{windowSize:o,children:[t.jsx(Ni,{windowSize:o,children:t.jsxs(Je,{windowSize:o,children:[t.jsx(Qe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:K.h6Regular.cssObject,decimalStyles:K.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(ci,{windowSize:o,children:t.jsx(Oe,{amount:Te,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:he,entity:"reimbursement",historicActivities:e.remiHistory.activities,realTimeApproval:{allApprovers:e.filteredApprovers,allAccountingClass:e.allAccountingClasses,filteredAttributes:e.filteredAttributes,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:oe,signedInUserId:ne?.userId,showRealTimeApproval:se,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:ce,onSaveRealTimeApprovals:me}})})]})]}),t.jsx(Ei,{})]}),$e||W===!0?null:t.jsxs(Di,{children:[o!=="small"?t.jsx(Ge,{}):null,t.jsx(wi,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:s=>{s.stopPropagation(),G===!0&&Y(!1)},children:t.jsx(Kt,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||le,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||le,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.delete:i.buttons.deleteReport:o==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:q==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||q==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:jt,style:{width:l.footerButtonWidth.value(o)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.edit:i.buttons.editAndResubmit:o==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:q==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:St,style:{width:l.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(bi,{children:t.jsxs(Ii,{windowSize:o,children:[!R&&G?t.jsx(Ft,{onClickAway:()=>Y(!1),children:t.jsxs(Si,{windowSize:o,children:[ee!=="processing"?t.jsx(re,{onClick:Se,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ee==="processing"?t.jsx(re,{onClick:$t,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ee==="processing"?t.jsx(re,{onClick:vt,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Ti,{windowSize:o,children:[!R&&Ie===!0?t.jsx(vi,{onClick:je,"data-testid":y("remi-edit-button"),children:t.jsx($i,{})}):null,!R&&Dt===!0?t.jsx(fi,{windowSize:o,showEditIcon:Ie,children:t.jsx(xi,{onClick:()=>Y(!G),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(ai,{id:h,children:t.jsx(Ut,{isDrawerOpen:pt,allowComposer:!0,drawerTitle:yt,threads:M,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:C?.companyId??xe,isGlobalComment:!1,tab:"reimbursement"},isLoading:D,threadMetadata:C?{companyName:C.companyName,companyId:C.companyId,entityId:C.entityId,entityType:C.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:gt,replyComposerPlaceholder:bt,threadResolve:wt,threadUnResolve:xt},onThreadClick:(s,n)=>kt(s,n),onCloseAllThreadsDrawer:()=>B(!1),drawerSectionStyle:{width:"400px",backgroundColor:ye.colors.background}})}):null]})},si=e=>{const U=Ze.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:U.tabsById.deleted,color:ae.deleted.color,bgColor:ae.deleted.bgColor,borderColor:ae.deleted.borderColor,code:"deleted"}},di=r.div`
   display: flex;
   flex-direction: column;
   width: ${e=>l.rightSectionWidth.valuePercentage(e.windowSize)};
@@ -6,7 +6,7 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
   margin-bottom: ${e=>l.activityBottomMargin.valuePx(e.windowSize)};
-`,mi=r(Xt)`
+`,mi=r(Jt)`
   padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
   background-color: ${F.alertLight};
   color: ${F.brandColorGoldDark};
@@ -31,13 +31,13 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   color: ${e=>e.theme.colors.brandColorGoldDark};
 `,Ee=r.div`
   width: 100%;
-`,Ue=r(et)`
+`,Ke=r(et)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
 `,Fe=r(ii)`
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${F.brandColorGoldDark};
-`,Ke=r(et)`
+`,Ue=r(et)`
   margin-bottom: ${e=>l.bottomMargin.valuePx(e.windowSize)};
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
@@ -63,9 +63,9 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
 `,bi=r.div`
   display: flex;
   justify-content: flex-end;
-`,xi=r.div`
+`,wi=r.div`
   width: ${e=>l.rightSectionWidth.valuePercentage(e.windowSize)};
-`,wi=r(ei)`
+`,xi=r(ei)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp5};
@@ -147,7 +147,7 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   right: ${e=>l.actionsContainerRight.valuePx(e.windowSize)};
   height: 100%;
   display: flex;
-`,re=r(Jt)`
+`,re=r(Xt)`
   display: flex;
   align-items: center;
   width: 100%;
@@ -173,7 +173,7 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   justify-content: space-between;
   position: fixed;
   z-index: 4;
-`,ki=r(Vt)`
+`,zi=r(Vt)`
   color: ${e=>e.theme.colors.brandColorJade};
   cursor: pointer;
   width: ${a.sp4};
@@ -184,7 +184,7 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,zi=r(Gt)`
+`,ki=r(Yt)`
   cursor: pointer;
   width: ${a.sp4};
   height: ${a.sp4};
@@ -207,7 +207,7 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ri=r(Yt)`
+`,Ri=r(Gt)`
   display: flex;
   width: ${a.sp4};
   height: ${a.sp4};
@@ -245,12 +245,12 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   `}
   height: 100vh;
   overflow: scroll;
-`,Ye=r.div`
+`,Ge=r.div`
   width: 42%;
 `,Ni=r.div`
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
-`,Ge=r.div`
+`,Ye=r.div`
   margin-bottom: ${e=>l.bottomMargin.valuePx(e.windowSize)};
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
@@ -262,7 +262,7 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
   width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
-`,Qe=r(Qt)`
+`,qe=r(qt)`
   flex-grow: 1;
   ${e=>`${li.formTitle.style(e.windowsSize)}`};
   color: ${e=>e.theme.colors.primary};
@@ -272,7 +272,7 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   flex-direction: column;
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
-`,Xe=r.div`
+`,Je=r.div`
   padding: ${a.sp3};
   display: flex;
   align-items: center;
@@ -283,7 +283,7 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${e=>l.totalBottomMargin.valuePx(e.windowSize)};
   justify-content: space-between;
-`,qe=r(qt)`
+`,Qe=r(Qt)`
   display: flex;
   width: 176px;
   color: ${e=>e.theme.colors.primary};
@@ -291,7 +291,7 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   display: flex;
   flex-direction: column;
   width: ${e=>l.rightSectionWidth.valuePercentage(e.windowSize)};
-`,Je=r.div`
+`,Xe=r.div`
   display: flex;
   width: 100%;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
@@ -309,6 +309,6 @@ import{y as At,d5 as Mt,X as Rt,u as Pt,bF as Bt,C as m,B as Ze,l as ie,fK as Nt
   display: flex;
   flex-direction: column;
   height: ${a.sp11};
-`,Ui=r.div`
+`,Ki=r.div`
   margin-top: 78px;
 `;export{ia as default};

package/dist/assets/ReimbursementPromoPage-DpBahcUT-C8tn75CT.js

@@ -0,0 +1,112 @@
+import{w as me,u as z,X as v,a2 as de,l as D,M as F,j as e,_ as c,aV as pe,K as g,i as m,o as s,Z as xe,c0 as he,a6 as K,m as ue,C as ge,g as j,c2 as we,a7 as je,ap as be,q as fe}from"./index-DPgPe6wO.js";import{b as f,n as t,k as $e}from"./vendor-CnQcJ2Lu.js";import{x as ye}from"./MeetingCalenderPopup-gItmg01b-KkgdFDbQ.js";import{f as ke,C as N}from"./play-icon-Dzfx02ir-D9v788Sm.js";import{M as C}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const X="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",q="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"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
+  text-align: center;
+`,Ce=t(he)`
+  max-width: 648px;
+  margin: auto;
+  padding: ${s.sp7} ${s.sp0};
+  color: ${i=>i.theme.colors.primary};
+`,Te=t(xe)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp5} ${s.sp0};
+  color: ${i=>i.theme.colors.primary};
+`,G=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``,Z=t.div`
+  display: flex;
+  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,w=t.img``,O=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%)
+ }
+`,H=t.div`
+  width: ${s.sp9};
+  height: ${s.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;
+`,J=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;
+`,Q=t.div`
+  margin-left: ${i=>i.windowSize==="small"?s.sp0:s.sp6};
+  margin-bottom: ${i=>i.windowSize==="small"?s.sp4:s.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: ${s.sp12};
+  border: ${i=>`1px solid ${i.theme.colors.grey2}`};
+  padding: ${i=>i.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
+  background: ${i=>i.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${s.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`,$=t(be)`
+  color: ${i=>i.theme.colors.champion};
+`,y=t(je)`
+  color: ${i=>i.theme.colors.champion};
+`,k=t(K)`
+  color: ${i=>i.theme.colors.champion};
+`,S=t(we)`
+  color: ${i=>i.theme.colors.champion};
+`,p=t.div``,x=t.div`
+  padding-left: ${s.sp3};
+`,E=t(K)`
+  margin: ${i=>i.windowSize==="small"?s.sp1:`auto ${s.sp5}`};
+  color: ${i=>i.theme.colors.grey1};
+`,W=t(C)`
+  color: ${j.graphColor16Dark};
+`,Y=t(C)`
+  color: ${j.graphColor09Dark};
+`,_=t(C)`
+  color: ${j.success};
+`,V=t(ue)`
+  margin: ${s.sp3} auto;
+  max-width: 772px;
+  color: ${i=>i.theme.colors.hero};
+`,r=F.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=F.getLocalizedStrings().commonSetUp.businessVerification.terms,Ie=({onImageClick:i})=>{const h=z(),o=v();return e.jsxs(G,{windowSize:o,children:[e.jsxs(J,{windowSize:o,children:[e.jsx(H,{onClick:i,children:e.jsx(N,{})}),e.jsx(Q,{windowSize:o,children:h.mode==="dark"?e.jsx(w,{src:q,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(w,{src:X,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})]}),e.jsxs(O,{windowSize:o,children:[e.jsxs(d,{windowSize:o,children:[e.jsx(p,{children:e.jsx(W,{})}),e.jsxs(x,{children:[e.jsx(S,{children:r.simplestText.bold}),e.jsx(k,{children:r.simplestText.regular})]})]}),e.jsxs(d,{windowSize:o,children:[e.jsx(p,{children:e.jsx(Y,{})}),e.jsxs(x,{children:[e.jsx(S,{children:r.aiPoweredText.bold}),e.jsx(k,{children:r.aiPoweredText.regular})]})]}),e.jsxs(d,{windowSize:o,children:[e.jsx(p,{children:e.jsx(_,{})}),e.jsxs(x,{children:[e.jsx(S,{children:r.multiLevelApprovalText.bold}),e.jsx(k,{children:r.multiLevelApprovalText.regular})]})]})]})]})},Be=({onImageClick:i})=>{const h=z(),o=v();return e.jsxs(G,{windowSize:o,children:[e.jsxs(O,{windowSize:o,children:[e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(p,{children:e.jsx(W,{})}),e.jsxs(x,{children:[e.jsx(y,{children:r.simplestText.bold}),e.jsx($,{children:r.simplestText.regular})]})]}),e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(p,{children:e.jsx(Y,{})}),e.jsxs(x,{children:[e.jsx(y,{children:r.aiPoweredText.bold}),e.jsx($,{children:r.aiPoweredText.regular})]})]}),e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(p,{children:e.jsx(_,{})}),e.jsxs(x,{children:[e.jsx(y,{children:r.multiLevelApprovalText.bold}),e.jsx($,{children:r.multiLevelApprovalText.regular})]})]})]}),e.jsxs(J,{windowSize:o,children:[e.jsx(H,{onClick:i,children:e.jsx(N,{})}),e.jsx(Q,{windowSize:o,children:h.mode==="dark"?e.jsx(w,{src:q,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(w,{src:X,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})]})]})},qe=({reimbursementSetupView:i,userReimbursementInfo:h,meetingUrl:o,videoUrl:ee,analytics:a,onSetupButtonClick:ie,onCreateNewRemiButtonClick:re,onBackClick:se,onSetupReimbursementSuccess:T,onClickMenuIcon:te})=>{const P=me(),[oe,R]=f.useState(!1),[ne,I]=f.useState(!1),le=z(),l=v(),{remiTermsDetails:u}=i,B=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?r.employeeAcceptPromoText:r.employeePendingPromoText:r.promoText;f.useEffect(()=>{B==="In-Progress"&&u?.fetchStatus.fetchState==="Completed"&&T?.()},[B,T,u?.fetchStatus]);const M=()=>{a?.trackReimbursementPromoVideo(),R(!0)},L=()=>{a?.trackReimbursementPromoScheduleDemo(),I(!0)};return e.jsxs(ze,{children:[oe===!0?e.jsx(ke,{onCancelClick:()=>{R(!1)},videoUrl:ee,"data-testid":c("remi-promo-page-video-popup")}):null,ne===!0?e.jsx(ye,{onCancelClick:()=>{I(!1)},meetingUrl:o,"data-testid":c("remi-promo-page-meeting-popup")}):null,e.jsx(pe,{title:r.title,backgroundColor:le.colors.grey4,onBackClick:se,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(Ie,{onImageClick:M}):e.jsx(Be,{onImageClick:M}),e.jsx(Pe,{children:b?e.jsx(e.Fragment,{children:U&&!ce?e.jsxs(e.Fragment,{children:[e.jsxs(Z,{windowSize:l,children:[e.jsx(g,{variant:"secondary",label:r.scheduleDemoButton,onClick:L,"data-testid":c("reimbursement-promo-page-schedule-demo-button")}),e.jsx(E,{windowSize:l,children:r.orText}),e.jsx(g,{variant:"primary",label:r.createNewReimbursementButton,loading:u?.fetchStatus.fetchState==="In-Progress",onClick:re,"data-testid":c("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(V,{children:[r.terms.createTerms1,e.jsx(m,{href:r.terms.tosUrl,linkText:r.terms.zeniAgreement,onZeniLinkClick:()=>(a?.trackReimbursementAgreement(),!0)}),r.terms.terms2,e.jsx(m,{href:r.terms.privacyPolicyUrl,linkText:r.terms.privacyPolicy,onZeniLinkClick:()=>(a?.trackReimbursementPrivacyPolicy(),!0)}),r.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(Z,{windowSize:l,children:[e.jsx(g,{variant:"secondary",label:r.scheduleDemoButton,onClick:L,style:{width:216},"data-testid":c("reimbursement-promo-page-schedule-demo-button")}),e.jsx(E,{windowSize:l,children:r.orText}),e.jsx(g,{variant:"primary",label:r.setupReimbursementButton,loading:u?.fetchStatus.fetchState==="In-Progress",onClick:ie,style:{width:216},"data-testid":c("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(V,{children:[r.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,r.terms.terms3]})]})})]})]})};export{qe as default};

package/dist/assets/{ReimbursementSetUpPage-Em6S1wkj-xpQYGvkM.js → ReimbursementSetUpPage-C6ZSl21b-B8WJwXSb.js}

@@ -1,4 +1,4 @@
-import{u as Ee,X as Ve,a2 as N,a as qe,c6 as Ge,B as Le,l as Je,a8 as be,j as t,cL as Ke,d as J,C as r,aV as Qe,i as Ze,F as Xe,d1 as Ye,aR as et,d2 as tt,a4 as it,o as a,s as n,bK as nt,cj as ot,cr as at,e_ as ve,e$ as ke,fJ as lt,K as rt,_ as $e,Q as Pe,bc as st,$ as ct,aO as dt}from"./index-BdyScxbq.js";import{b as o,n as i}from"./vendor-CnQcJ2Lu.js";import{I as ut}from"./HelpButton-C1djo0zO-DvpvoGEo.js";import{K as je}from"./SetUpDefaultSection-BQzNGjO7-Fxtz2ozg.js";import{f as mt}from"./SpendMgmtSetupAccountSection-Btdtp-ry-CqmCQQeu.js";import{g as pt}from"./UploadAdditionalDocumentOverlay-CLQLrn0v-BKUosbWd.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-COpKcBhx-C3Igd-V1.js";import"./ChargeCardUtils-Bivw83fy-C-WoJbl2.js";import"./CreditCardPaymentPlgSection-mUqReF9z-DqrJBSz6.js";import"./ChaseOverlay-LcVAgdoT-CxUFiFZn.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:K}){const l=Ve(),D=Ee(),{formState:{errors:Q},trigger:Z}=ot(),E=ft($,"mileageAmountInDenomination"),f=at(Q,E),{localData:c,updateStatus:F,mileageStatus:C}=y,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:X,spendManagement:Y}=Le.getLocalizedStrings(),{reimbursement:ee}=Y,[S,V]=o.useState(U),[te,W]=o.useState(!1);o.useEffect(()=>{f||Z(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}=X,ne=S===!1||F.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:L=>L!=null||s!=null,required:s==null},isDisabled:ne}),t.jsx(Tt,{children:S?t.jsx(rt,{label:x.save,"data-testid":$e("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&U&&!f&&K?.(c.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:s!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:F.fetchState==="In-Progress"}):t.jsx(It,{isDisabled:s,"data-testid":$e("edit-mileage"),onClick:L=>{L.stopPropagation(),V(!0),W(!0),j.trackReimbursementMileageRateEdit()}})})]}),c?.description!=null?t.jsx(Lt,{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`
+import{u as Ee,X as Ve,a2 as N,a as qe,c3 as Ge,M as Te,l as Ke,a8 as be,j as t,cI as Ze,g as K,C as r,aV as Je,c as Qe,F as Xe,c_ as Ye,aR as et,c$ as tt,a4 as it,o as a,q as n,bH as nt,cg as ot,co as at,eY as ve,eZ as ke,fH as lt,K as rt,_ as $e,Q as Pe,bc as st,v as ct,aO as dt}from"./index-DPgPe6wO.js";import{b as o,n as i}from"./vendor-CnQcJ2Lu.js";import{D as ut}from"./HelpButton-DY1MpMsB-NSbUCSI-.js";import{K as je}from"./SetUpDefaultSection-Chh_3U0h-B9vxnPiJ.js";import{f as mt}from"./SpendMgmtSetupAccountSection-BfwEbse9-BEabiv-B.js";import{g as pt}from"./UploadAdditionalDocumentOverlay-BpJ_tRy_-Ir3yYWfE.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-gItmg01b-KkgdFDbQ.js";import"./ChargeCardUtils-EeXYTubM-BzIGoEJ7.js";import"./CreditCardPaymentPlgSection-C3pH8AzC-DAPxFM0W.js";import"./ChaseOverlay-DONL-nDR-1303yNRD.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:J},trigger:Q}=ot(),E=ft($,"mileageAmountInDenomination"),f=at(J,E),{localData:c,updateStatus:F,mileageStatus:C}=y,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:X,spendManagement:Y}=Te.getLocalizedStrings(),{reimbursement:ee}=Y,[S,V]=o.useState(U),[te,H]=o.useState(!1);o.useEffect(()=>{f||Q(E)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===c?.mileageAmountInDenomination&&V(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{S||H(S)},[S]);const{reimbursementSetup:x}=ee,{setUp:ie}=X,ne=S===!1||F.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(It,{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:F.fetchState==="In-Progress"}):t.jsx(Lt,{isDisabled:s,"data-testid":$e("edit-mileage"),onClick:T=>{T.stopPropagation(),V(!0),H(!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"};
@@ -13,7 +13,7 @@ import{u as Ee,X as Ve,a2 as N,a as qe,c6 as Ge,B as Le,l as Je,a8 as be,j as t,
   display: flex;
 `,Ct=i.div`
   ${e=>`${ge.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?J.important:e.theme.colors.primary};
+  color: ${e=>e.isError===!0?K.important:e.theme.colors.primary};
 `,St=i(ct)`
   display: flex;
   align-items: center;
@@ -33,7 +33,7 @@ import{u as Ee,X as Ve,a2 as N,a as qe,c6 as Ge,B as Le,l as Je,a8 as be,j as t,
   border-radius: ${a.sp11};
   width: fit-content;
   height: fit-content;
-  color: ${e=>e.isDarkMode?J.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
+  color: ${e=>e.isDarkMode?K.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)};
@@ -82,19 +82,19 @@ import{u as Ee,X as Ve,a2 as N,a as qe,c6 as Ge,B as Le,l as Je,a8 as be,j as t,
   height: ${a.sp6};
   width: 100%;
   position: relative;
-`,Lt=i.label`
+`,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};
+  color: ${e=>e.hasError===!0?K.important:e.additionalInfoTextColor??e.theme.colors.hero};
   ${e=>`${ge.infoLabel.style(e.size)}`};
   margin-top: ${a.sp1};
-`,Tt=i.div`
+`,It=i.div`
   display: flex;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: ${a.sp3};
-`,It=i(dt)`
+`,Lt=i(dt)`
   width: ${a.sp3};
   height: ${a.sp3};
   cursor: ${e=>e.isDisabled==null?"pointer":"default"};
@@ -103,7 +103,7 @@ import{u as Ee,X as Ve,a2 as N,a as qe,c6 as Ge,B as Le,l as Je,a8 as be,j as t,
   &: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",q="remiAccount",G="remiMileage",ni=({remiSetupView:e,isDisabled:y,remiApprovalView:j,connectedAccountProvider:A,isAccountsEnabled:$,filesEndPoint:d,authParams:s,meetingUrl:K,analytics:l,accountsPromoConfig:D,onBackClick:Q,onBusinessVerificationSectionClick:Z,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onEstablishConnectionSuccess:F,updateMileageDetails:C,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:X,onUpdatePaymentAccountStatus:Y,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:S,onEnableRemiSuccess:V,onSaveMileageClick:te,onClickMenuIcon:W,onEditFileName:x,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:L})=>{const H=Ee(),u=Ve(),[O,T]=o.useState(!1),{fetchState:v,primaryFundingAccount:b,allFundingAccounts:he,updateStatus:I,accountUpdateStatus:Te,plaidConnectionDetails:le,allBankAccounts:Ie,companyRemiInfo:ze,companyBillPayInfo:fe,mileageRateConfig:Me,isRefreshingViewInBackground:Re,selectedCompanyOfficer:g}=e,{fetchState:xe,allApprovalRules:B,approvalRulesStatus:Fe}=j,re=le.link_account.updateStatus,se=le.update_account.updateStatus,_=N(v),we=N(I.fetchState),ye=N(re.fetchState),Ce=N(se.fetchState),z=qe({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"&&T(!0),O&&_==="In-Progress"&&v==="Completed"&&T(!1)},[g,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||ye==="In-Progress"&&re.fetchState==="Completed"||Ce==="In-Progress"&&se.fetchState==="Completed")&&z.reset(pe(e))},[_,v,z,e,ye,re.fetchState,Ce,se.fetchState]);const Ue=z.handleSubmit(P=>{l.trackEnableReimbursement(),S()}),We=async(P,R)=>{const m=R[q];if(P.includes(q)){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&&X(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=R[G];C(w)}};o.useEffect(()=>{const P=z.watch((R,{name:m})=>{m!=null&&R!=null&&Ge(()=>We(m,R))});return()=>{P.unsubscribe()}}),o.useEffect(()=>{we==="In-Progress"&&I.fetchState==="Completed"&&V()},[V,we,I.fetchState]);const{commonSetUp:Se,spendManagement:He}=Le.getLocalizedStrings(),{reimbursement:Oe}=He,{reimbursementSetup:M}=Oe,{setUp:k}=Se,ce=fe?.isBusinessVerified===!0&&(b?.accType==="depositAccount"||Je.isVerifiedPaymentAccountProviderStatusCode(b?.providerVerificationStatus?.code??""))&&Me?.denominationConversions.amount!=null,de=ze?.isReimbursementEnabled===!0,Be=ce?Se.setUp.setupVerifiedSubTitle:M.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),Ne=()=>{!O&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"?T(!0):Z?.()};return t.jsxs(zt,{children:[t.jsx(Ke,{anchor:"right",PaperProps:{style:{width:p.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:O,onClose:()=>T(!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:()=>T(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Qe,{title:M.setupTitle,backgroundColor:H.colors.grey4,style:{zIndex:3},onBackClick:Q,showMenuIcon:!de&&(u==="medium-compact"||u==="small"),onClickMenuIcon:W,source:"ReimbursementSetUpPage"}),t.jsxs(Rt,{windowSize:u,children:[t.jsx(Mt,{windowSize:u,children:Be}),_e?t.jsx(Ft,{children:t.jsx(Ze,{size:"ExtraLarge",start:!0})}):t.jsx(Xe,{...z,children:t.jsx("form",{id:De(Ae),onSubmit:Ue,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(je,{onClick:Ne,title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Ye,{width:p.iconWidthHeight.valuePx(u),height:p.iconWidthHeight.valuePx(u)}),color:ue},status:fe?.businessVerificationStatus,isTagLoading:Re}),t.jsx(mt,{connectedAccountProvider:A,primaryFundingAccount:b,plaidConnectionDetails:le,allBankAccounts:Ie,allFundingAccounts:he,sectionId:q,isDisabled:y,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:Y,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:F,icon:{element:t.jsx(et,{width:p.iconWidthHeight.valuePx(u)}),color:ue},analytics:l,productType:"reimbursement",isAccountsEnabled:$,onSignUpClick:L,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:M.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?Fe:void 0})]})})})]}),ce&&!de&&B.length>0?t.jsx(it,{formId:De(Ae),primaryBtn:{label:M.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:I.fetchState==="In-Progress"||Te.fetchState==="In-Progress",isDisabled:y!=null},showCancel:!1,helperText:M.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(ut,{isFooterRendered:ce&&!de,meetingUrl:K,analytics:l,productType:"reimbursement"})]})},zt=i.div`
+`,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",q="remiAccount",G="remiMileage",ni=({remiSetupView:e,isDisabled:y,remiApprovalView:j,connectedAccountProvider:A,isAccountsEnabled:$,filesEndPoint:d,authParams:s,meetingUrl:Z,analytics:l,accountsPromoConfig:D,onBackClick:J,onBusinessVerificationSectionClick:Q,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onEstablishConnectionSuccess:F,updateMileageDetails:C,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:X,onUpdatePaymentAccountStatus:Y,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:S,onEnableRemiSuccess:V,onSaveMileageClick:te,onClickMenuIcon:H,onEditFileName:x,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:T})=>{const W=Ee(),u=Ve(),[B,I]=o.useState(!1),{fetchState:v,primaryFundingAccount:b,allFundingAccounts:he,updateStatus:L,accountUpdateStatus:Ie,plaidConnectionDetails:le,allBankAccounts:Le,companyRemiInfo:ze,companyBillPayInfo:fe,mileageRateConfig:Me,isRefreshingViewInBackground:Re,selectedCompanyOfficer:g}=e,{fetchState:xe,allApprovalRules:O,approvalRulesStatus:Fe}=j,re=le.link_account.updateStatus,se=le.update_account.updateStatus,_=N(v),we=N(L.fetchState),ye=N(re.fetchState),Ce=N(se.fetchState),z=qe({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>pe(e),[e]),values:pe(e)});o.useEffect(()=>{!B&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"&&I(!0),B&&_==="In-Progress"&&v==="Completed"&&I(!1)},[g,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||ye==="In-Progress"&&re.fetchState==="Completed"||Ce==="In-Progress"&&se.fetchState==="Completed")&&z.reset(pe(e))},[_,v,z,e,ye,re.fetchState,Ce,se.fetchState]);const Ue=z.handleSubmit(P=>{l.trackEnableReimbursement(),S()}),He=async(P,R)=>{const m=R[q];if(P.includes(q)){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&&X(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=R[G];C(w)}};o.useEffect(()=>{const P=z.watch((R,{name:m})=>{m!=null&&R!=null&&Ge(()=>He(m,R))});return()=>{P.unsubscribe()}}),o.useEffect(()=>{we==="In-Progress"&&L.fetchState==="Completed"&&V()},[V,we,L.fetchState]);const{commonSetUp:Se,spendManagement:We}=Te.getLocalizedStrings(),{reimbursement:Be}=We,{reimbursementSetup:M}=Be,{setUp:k}=Se,ce=fe?.isBusinessVerified===!0&&(b?.accType==="depositAccount"||Ke.isVerifiedPaymentAccountProviderStatusCode(b?.providerVerificationStatus?.code??""))&&Me?.denominationConversions.amount!=null,de=ze?.isReimbursementEnabled===!0,Oe=ce?Se.setUp.setupVerifiedSubTitle:M.setupSubTitle,_e=v==="In-Progress"||v==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",ue=W.mode==="light"?new be(W.colors.brandColorJadeLight):new be(W.colors.brandColorJadeDark),Ne=()=>{!B&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"?I(!0):Q?.()};return t.jsxs(zt,{children:[t.jsx(Ze,{anchor:"right",PaperProps:{style:{width:p.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:B,onClose:()=>I(!1),style:{backgroundColor:K.drawerBackground},transitionDuration:250,children:t.jsx(pt,{authParams:s,filesEndPoint:d,updateStatus:L,onEditFileName:x,onDeleteFile:ie,updateFilesEntity:ne,companyOfficer:g,onClose:()=>I(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Je,{title:M.setupTitle,backgroundColor:W.colors.grey4,style:{zIndex:3},onBackClick:J,showMenuIcon:!de&&(u==="medium-compact"||u==="small"),onClickMenuIcon:H,source:"ReimbursementSetUpPage"}),t.jsxs(Rt,{windowSize:u,children:[t.jsx(Mt,{windowSize:u,children:Oe}),_e?t.jsx(Ft,{children:t.jsx(Qe,{size:"ExtraLarge",start:!0})}):t.jsx(Xe,{...z,children:t.jsx("form",{id:De(Ae),onSubmit:Ue,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(je,{onClick:Ne,title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Ye,{width:p.iconWidthHeight.valuePx(u),height:p.iconWidthHeight.valuePx(u)}),color:ue},status:fe?.businessVerificationStatus,isTagLoading:Re}),t.jsx(mt,{connectedAccountProvider:A,primaryFundingAccount:b,plaidConnectionDetails:le,allBankAccounts:Le,allFundingAccounts:he,sectionId:q,isDisabled:y,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:Y,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:F,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:O.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:M.approvalSubTitle,header:O.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:O.length>0?Fe:void 0})]})})})]}),ce&&!de&&O.length>0?t.jsx(it,{formId:De(Ae),primaryBtn:{label:M.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:L.fetchState==="In-Progress"||Ie.fetchState==="In-Progress",isDisabled:y!=null},showCancel:!1,helperText:M.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(ut,{isFooterRendered:ce&&!de,meetingUrl:Z,analytics:l,productType:"reimbursement"})]})},zt=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;

package/dist/assets/{ReimbursementsBulkReviewDrawerPage-DpWChhvB-BY7o-nrI.js → ReimbursementsBulkReviewDrawerPage-DRm_RSSq-DeQfZa5e.js}

@@ -1 +1 @@
-import{B as M,j as b,bR as W,bT as q,bU as V,jo as z,ab as G,l as X}from"./index-BdyScxbq.js";import{b as f}from"./vendor-CnQcJ2Lu.js";import{m as Y}from"./ReviewOverlay-DdWa7GLG-BrnOlsr1.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:n,spendManagement:{reimbursement:j}}=M.getLocalizedStrings(),o=j.bulkActions;let R;const ae=({remisReviewView:e,isAdmin:l,analytics:i,onProceedForBulkActionClick:d,onCloseReviewItem:r,onCloseOverlay:s})=>{const{fetchState:p,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:v,currentSubTab:g}=e,h=!1,[w,a]=f.useState(!1),[m,_]=f.useState(I(e,h,l)),[x,P]=f.useState(h),[k,J]=f.useState(0),[y,A]=f.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});f.useEffect(()=>(k===m.length&&x&&(P(!1),clearInterval(R)),e.fetchState==="Completed"&&_(I(e,!1,l)),()=>{clearInterval(R)}),[m.length,k,x,e.fetchState,h,e,l]);const E=m.length,S=m.filter(u=>u.reviewStatus.code!=="error").length,$=()=>{const{title:u,description:C}=Z(S);A({type:"reject",title:u,description:C,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),i.trackReimbursementBulkSubmit(t,v,g),a(!0)},F={onOkClick:u=>{a(!1);const C=e.remisForReview.map(B=>B.reimbursement);i.trackReimbursementBulkPopupConfirm(t,v,g,X.getRemiListUniqueType(C.map(B=>B?.reimbursementTypesIncluded??[]))),d("reject",u)},onCancelClick:()=>{a(!1)}},{title:U,description:L}=H(p,S,E,x),T=e.fetchState==="Completed"&&S===0,D=()=>{i.trackReimbursementBulkSubmit(t,v,g),d(t)},N=()=>{let u=n.footer.approve;return T?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:T?s:D,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},O={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:$,style:t==="approve"?{minWidth:"92px"}:{}};return b.jsxs(b.Fragment,{children:[w?b.jsx(W,{titleComponent:b.jsx(V,{children:y.title}),descriptionComponent:b.jsx(q,{children:y.description}),primaryButtonText:y.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:y.secondaryButtonText,action:F,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(Y,{title:U,description:{content:L,isError:e.fetchState==="Completed"&&S===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:s,showFooter:e.fetchState==="Completed"&&!x,footerProps:{primaryButton:N(),cancelButton:O,hideCancel:T}})]})},I=(e,l,i)=>{const d=e.fetchState==="In-Progress";return e.remisForReview.map(r=>{const s=z(i,r.submittedBy);return{id:r.transactionId,leftSideText:{title:r.reimbursement?.reportTitle!=null?r.reimbursement.reportTitle:j.reimbursementDetail.newReimbursementTitle,subTitle:s!=null?`${n.by} ${s?.firstName} ${s?.lastName}`:n.strings.empty},rightSideText:{title:G("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:d,code:r.reviewStatus??""}}})},Z=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)}},H=(e,l,i,d)=>{const{has:r,have:s,report:p,reports:c,are:t,is:v,do_:g,does:h}=n.texts,w=l>1,a=i>1;let m="",_="";return e==="Completed"&&!d?(m=o.reviewPage.reportsReviewed.title.replace("__report__",a?j.bulkActions.reports:o.report).replace("<_has_>",a?s:r),l===0?_=o.reviewPage.reportsReviewed.descriptionError.replace("__report__",a?c:p).replace("<_do_>",a?g:h):_=`${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};
+import{M as N,j as b,bO as z,bQ as V,bR as W,jl as q,ab as G,l as Q}from"./index-DPgPe6wO.js";import{b as f}from"./vendor-CnQcJ2Lu.js";import{m as X}from"./ReviewOverlay-C-9oLsRU-DbGH6sMH.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:n,spendManagement:{reimbursement:k}}=N.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:g}=e,h=!1,[w,a]=f.useState(!1),[m,_]=f.useState(R(e,h,l)),[x,P]=f.useState(h),[B,H]=f.useState(0),[y,A]=f.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});f.useEffect(()=>(B===m.length&&x&&(P(!1),clearInterval(I)),e.fetchState==="Completed"&&_(R(e,!1,l)),()=>{clearInterval(I)}),[m.length,B,x,e.fetchState,h,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,g),a(!0)},$={onOkClick:u=>{a(!1);const T=e.remisForReview.map(j=>j.reimbursement);i.trackReimbursementBulkPopupConfirm(t,v,g,Q.getRemiListUniqueType(T.map(j=>j?.reimbursementTypesIncluded??[]))),d("reject",u)},onCancelClick:()=>{a(!1)}},{title:L,description:U}=Z(p,S,E,x),C=e.fetchState==="Completed"&&S===0,O=()=>{i.trackReimbursementBulkSubmit(t,v,g),d(t)},D=()=>{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:O,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},M={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(z,{titleComponent:b.jsx(W,{children:y.title}),descriptionComponent:b.jsx(V,{children:y.description}),primaryButtonText:y.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:y.secondaryButtonText,action:$,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(X,{title:L,description:{content:U,isError:e.fetchState==="Completed"&&S===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:s,showFooter:e.fetchState==="Completed"&&!x,footerProps:{primaryButton:D(),cancelButton:M,hideCancel:C}})]})},R=(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:G("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_:g,does:h}=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?g:h):_=`${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};

package/dist/assets/{ReloadCard-CZ1Ix5em-CIGCvyb9.js → ReloadCard-B1X0QtRR-DKi-eMjg.js}

@@ -1,8 +1,8 @@
-import{u as h,j as r,Z as a,_ as m,ai as j,B as C,a5 as l,aY as x,$ as g,o as c,aj as f}from"./index-BdyScxbq.js";import{n as s,b as d}from"./vendor-CnQcJ2Lu.js";function p({backgroundColor:e,foregroundColor:o,animated:t,width:i,height:n}){return r.jsxs(x,{speed:2,width:i,height:n,viewBox:`0 0 ${i} ${n}`,animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${i-128}`,height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${i-48}`,height:"228"})]})}function w({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(x,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),r.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),r.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const u=s(l)`
+import{u as h,j as r,W as a,_ as m,ai as j,M as C,a5 as l,aY as x,v as g,o as c,aj as f}from"./index-DPgPe6wO.js";import{n as s,b as d}from"./vendor-CnQcJ2Lu.js";function p({backgroundColor:e,foregroundColor:o,animated:t,width:i,height:n}){return r.jsxs(x,{speed:2,width:i,height:n,viewBox:`0 0 ${i} ${n}`,animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${i-128}`,height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${i-48}`,height:"228"})]})}function w({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(x,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),r.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),r.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const u=s(l)`
   justify-content: flex-start;
-`;function T({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx(w,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o})})})}function S({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx("div",{style:{width:"100%",height:"100%"},children:r.jsx(f,{children:({height:i,width:n})=>r.jsx(p,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o,width:n,height:i})})})})})}const y=e=>d.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("rect",{opacity:.2,width:72,height:72,rx:36,fill:"#97C3B9"}),d.createElement("path",{d:"M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),d.createElement("path",{d:"M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),k=s(l)`
+`;function T({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx(w,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o})})})}function M({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx("div",{style:{width:"100%",height:"100%"},children:r.jsx(f,{children:({height:i,width:n})=>r.jsx(p,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o,width:n,height:i})})})})})}const y=e=>d.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("rect",{opacity:.2,width:72,height:72,rx:36,fill:"#97C3B9"}),d.createElement("path",{d:"M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),d.createElement("path",{d:"M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),k=s(l)`
   justify-content: space-between;
-`,$=s.div`
+`,v=s.div`
   height: ${c.sp10};
   width: ${c.sp10};
   background: ${e=>e.theme.colors.background};
@@ -21,6 +21,6 @@ import{u as h,j as r,Z as a,_ as m,ai as j,B as C,a5 as l,aY as x,$ as g,o as c,
   }
 `,b=s(g)`
   color: ${e=>e.theme.colors.champion};
-`,v=s(g)`
+`,$=s(g)`
   color: ${e=>e.theme.colors.hero};
-`,L=s(y)``;function z({dimension:e,cardType:o,cardIndex:t,reportTitle:i,onReloadData:n}){return r.jsx(a,{"data-testid":m("dashboard-reload",o),dimension:e,onClick:()=>n(t,o),children:r.jsxs(k,{children:[r.jsxs(b,{children:[i??j(o)," "]}),r.jsx($,{children:r.jsx(L,{})}),r.jsx(v,{children:C.getLocalizedStrings().card.failedText})]})})}export{T as E,S as I,z as T};
+`,L=s(y)``;function S({dimension:e,cardType:o,cardIndex:t,reportTitle:i,onReloadData:n}){return r.jsx(a,{"data-testid":m("dashboard-reload",o),dimension:e,onClick:()=>n(t,o),children:r.jsxs(k,{children:[r.jsxs(b,{children:[i??j(o)," "]}),r.jsx(v,{children:r.jsx(L,{})}),r.jsx($,{children:C.getLocalizedStrings().card.failedText})]})})}export{T as E,M as I,S as T};