@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/ReimbursementDetailPage-CFz0La2v-DgUH5vbC.js

@@ -1,314 +0,0 @@
-import{av as At,a7 as Mt,q as Rt,e as Bt,ca as Pt,y as m,F as Ze,gb as Nt,gd as Lt,ge as Ot,V as t,cm as ke,cn as ze,co as Ae,aK as y,bz as Me,bm as _t,dv as Wt,gf as Et,gq as Re,o as a,gg as Be,fc as b,fe as w,gj as x,aL as Pe,fb as Ne,b as F,gl as Le,aO as Ft,an as Kt,gm as Ut,gn as ie,bv as Vt,go as Gt,L as Yt,B as Ht,M as qt,ak as Xe,b7 as et,p as K,al as Jt,bS as Qt,ag as Zt,gG as Xt,gC as ei,u as c,cf as ti,cT as ii}from"./index-ePPQ9tNX.js";import{a as p}from"./core-3dlyNYRL.js";import{n as r}from"./mui-bYXq4XMS.js";import{a as ai}from"./liveblocks-DIep7fJd.js";import{bO as ri,bS as oi,fI as ni}from"./zeni-epic-state-LPACxnXP.js";import li from"./InvoiceUploadSection-DnLPeCSG-C0y9aVXE.js";import{r as si,h as f,u as di}from"./types-DyvtCprH-BcZYcgaq.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./utils-uDUqNRFY.js";import"./lexical-DPEnH3HH.js";import"./AttachmentView-C1vDyOg6-DWlWJjzp.js";import"./uploadReceipts-CDPM7zcb-DkZqtldQ.js";const s={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])},ci={formTitle:new Ht("h6Regular","h5Regular")},la=({remiDetails:e,uploadInvoiceEndPoint:U,authParams:tt,isAdmin:re,signedInUser:oe,showApproveRejectBtns:ne,isRealTimeApprovalEnabled:le,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:se,isSignedInUserReimbursementCreator:it,updateEditRealTimeApproverClicked:de,onSaveRealTimeApprovals:ce,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:at,onDuplicateLineClick:rt,approveOrRejectRemi:me,deleteReimbursement:ot,cancelAndDeleteReport:pe,handleZeniLogoClick:nt,onAddNewRule:ue})=>{const d=At(),lt=Mt().analytics,o=Rt(),he=Bt(),[st,k]=p.useState(!1),[G,Y]=p.useState(!1),[dt,H]=p.useState(!1),[q,J]=p.useState("approved"),B=p.useRef(null),[j,Q]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,ct]=p.useState(null),[mt,P]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ye=p.useRef({}),ge=l=>{const n=ye.current[l];n!=null&&setTimeout(()=>di(n,B.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&V()},[e,V]),p.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const n=l.substring(1);ge(n)}},[]);const pt=()=>{V()};Pt({componentName:"reimbursement.details"});const ut={onOkClick:()=>{k(!1),j.primaryButtonText===i.buttons.delete?ot?.():j.title===i.cancelReportTitle?pe?.():j.title===i.cancelAndDeleteReportTitle&&pe?.(!0)},onCancelClick:()=>{k(!1)}},I=s.labelWidth.value(o),z=s.largeLabelWidth.value(o),be=Ze.getLocalizedStrings(),{common:{texts:{comments:ht},strings:{empty:we}},collaboration:{threads:{placeholder:{addANewComment:yt,replyAComment:gt},tooltip:{resolveComment:bt,unResolveComment:wt}}},dateFormat:xe}=be,{reimbursementDetail:i,bulkActions:N}=be.spendManagement.reimbursement,Z=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,O=e.remiDetails?.reimbursementInfo.billStatus,_=e.remiDetails?.reimbursementInfo.billPaymentStatus,fe=L?.code==="paid",xt=fe?L:O?.code=="approved"&&_?.code?_:O,$=mi(e.remiDetails),A=O?.code=="approved"&&_?.code?_:O,W=e.remiDetails?.isDeleted??!1,$e=e.remiDetails?.amount,ve=e.remiDetails?.amount.amount??0,Te=()=>{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)},ft=()=>{Q({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},$t=()=>{Q({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},Se=()=>{at()},vt={onOkClick:l=>{H(!1),me({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{H(!1)}},Tt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?Se():(J("approved"),me({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(J("delete"),Te()):(J("rejected"),H(!0))},jt=e.remiDetails?.reimbursementInfo.paymentDate!=null?ri(oi(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,X=e.remiDetails?.reimbursementInfo.expectedDepositDate??jt,It=e.remiDetails?.lines?.some(l=>{const n=l.lineDetail;return n?.account?.isDeleted===!0&&n?.account?.isBillEditableCoaAccountType===!1})??!1,je=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&it&&!It,Dt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ee=xt?.code,Ct=si(e.duplicateLineByLineId),Ie=e.duplicateReimbursementStatus.fetchState==="Completed"&&Ct>0,{requestToOpenThread:te,setRequestToOpenThread:De,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(l=>l.resolved===!1&&!l.id.includes(Ot)),[M]).length,zt=p.useCallback((l,n)=>{E(n),P(!1)},[E,P]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!D&&(E(te.threadId),De(null))},[te,M,D,E,De]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ni(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Oi,{windowSize:o,ref:B,children:[st?t.jsx(ke,{titleComponent:t.jsx(Ae,{children:j.title}),descriptionComponent:t.jsx(ze,{children:j.description}),primaryButtonText:j.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:j.secondaryButtonText,action:ut}):null,dt?t.jsx(ke,{titleComponent:t.jsx(Ae,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(ze,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:vt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ai,{windowSize:o,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[o!=="small"?t.jsx(Me,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Mi,{onClick:()=>nt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:he.colors.background,keepBackgroundOnScroll:!0,scrollableContent:B,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(Ci,{}):null,t.jsx(Me,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:Z??we,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Bi,{children:[u?t.jsxs(Pi,{isDisabled:D,onClick:D?()=>null:l=>{l.preventDefault(),l.stopPropagation(),ct({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),P(!0),lt.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(Ni,{})]}):null,t.jsx(Li,{size:o,onClick:()=>pt(),"data-testid":y("remi-detail-page-close"),children:t.jsx(Ri,{})})]}),scrollableContent:B,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Vi,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Ye,{windowSize:o,children:t.jsx(He,{windowsSize:o,children:Z})}),e.createdBy?.userId!=null?t.jsx(Ke,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,se&&$!=null?t.jsx(Ue,{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:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W}),R?t.jsx(Re,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):Ie?t.jsxs(Oe,{size:o,children:[t.jsx(Fe,{}),t.jsxs(We,{children:[t.jsx(_e,{children:i.thereSeems}),t.jsx(Ee,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ge,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null]}):null,S.map((l,n)=>{const v=e.duplicateLineByLineId[l.lineId];return t.jsxs(Qe,{windowSize:o,children:[t.jsx(Fi,{windowSize:o,children:t.jsx(Ki,{bottomSeperator:S.length!==1,windowSize:o,children:t.jsx(li,{showAutofill:!1,uploadInvoiceEndPoint:U,authParams:tt,entityId:e.remiDetails?.id,file:l.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:"reimbursement"})})}),t.jsxs(Ei,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(Ye,{windowSize:o,children:[t.jsx(He,{windowsSize:o,children:Z}),se&&$!=null?t.jsx(Ue,{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:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null,R?t.jsx(Re,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):Ie?t.jsxs(Oe,{size:o,children:[t.jsx(Fe,{}),t.jsxs(We,{children:[t.jsx(_e,{children:i.thereSeems}),t.jsx(Ee,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(bi,{windowSize:o,ref:Ce=>{Ce!=null&&(ye.current[`L${l.lineId}`]=Ce)},children:[o!=="small"?t.jsx(gi,{children:t.jsx(wi,{children:S.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(xi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(hi,{children:[i.thisExpenseReview," ",t.jsx(yi,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return ge(`L${v.duplicateLineId}`);v.duplicateTransactionId!=null&&v.duplicateLineId!=null&&rt(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:l.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,l.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:z},text:l.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,{}),l.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:z},text:l.transactionDate?.format(xe.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:z},text:l.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:l.homeCurrencyConversions!=null?Pe("0,0[.]00",l.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:l.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:l.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:z},text:l.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:z},text:l.transactionDate?.format(xe.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:l.homeCurrencyConversions!=null?Pe("0,0[.]00",l.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:l.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:l.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:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),S.length!==1&&S.length===n+1&&t.jsxs(Wi,{windowSize:o,children:[t.jsxs(qe,{windowSize:o,children:[t.jsx(Je,{children:i.total}),t.jsx(Ne,{amount:$e,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Le,{amount:ve,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:ue,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:re,signedInUserId:oe?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),S.length===1&&t.jsxs(Qe,{windowSize:o,children:[t.jsx(Ve,{}),t.jsxs(pi,{windowSize:o,children:[t.jsx(_i,{windowSize:o,children:t.jsxs(qe,{windowSize:o,children:[t.jsx(Je,{children:i.total}),t.jsx(Ne,{amount:$e,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(ui,{windowSize:o,children:t.jsx(Le,{amount:ve,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:ue,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:re,signedInUserId:oe?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce}})})]})]}),t.jsx(Ui,{})]}),fe||W===!0?null:t.jsxs(zi,{children:[o!=="small"?t.jsx(Ve,{}):null,t.jsx($i,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),G===!0&&Y(!1)},children:t.jsx(Ft,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||ne,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||ne,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:St,style:{width:s.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:Tt,style:{width:s.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(fi,{children:t.jsxs(ki,{windowSize:o,children:[!R&&G?t.jsx(Kt,{onClickAway:()=>Y(!1),children:t.jsxs(Di,{windowSize:o,children:[ee!=="processing"?t.jsx(ae,{onClick:Te,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ee==="processing"?t.jsx(ae,{onClick:ft,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ee==="processing"?t.jsx(ae,{onClick:$t,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Ii,{windowSize:o,children:[!R&&je?t.jsx(ji,{onClick:Se,"data-testid":y("remi-edit-button"),children:t.jsx(Si,{})}):null,!R&&Dt===!0?t.jsx(Ti,{windowSize:o,showEditIcon:je,children:t.jsx(vi,{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:mt,allowComposer:!0,drawerTitle:ht,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:yt,replyComposerPlaceholder:gt,threadResolve:bt,threadUnResolve:wt},onThreadClick:(l,n)=>zt(l,n),onCloseAllThreadsDrawer:()=>P(!1),drawerSectionStyle:{width:"400px",backgroundColor:he.colors.background}})}):null]})},mi=e=>{const U=Ze.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:U.tabsById.deleted,color:ie.deleted.color,bgColor:ie.deleted.bgColor,borderColor:ie.deleted.borderColor,code:"deleted"}},pi=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,ui=r.div`
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>s.activityBottomMargin.valuePx(e.windowSize)};
-`,hi=r(Jt)`
-  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
-  background-color: ${K.alertLight};
-  color: ${K.brandColorGoldDark};
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-`,yi=r.span`
-  border-bottom: 1px solid currentColor;
-  cursor: pointer;
-`,Oe=r.div`
-  display: flex;
-  gap: ${a.sp2};
-  padding: ${a.sp3};
-  border-radius: ${a.sp2};
-  align-items: start;
-  margin-top: ${e=>s.duplicateBannerWrapperMarginTop.valuePx(e.size)};
-  margin-right: ${e=>s.duplicateBannerWrapperMarginRight.valuePx(e.size)};
-  margin-bottom: ${e=>s.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
-  margin-left: ${e=>s.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
-  background-color: ${K.alertLight};
-  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
-`,_e=r(ti)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,We=r.div`
-  width: 100%;
-`,Ee=r(Xe)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Fe=r(ii)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${K.brandColorGoldDark};
-`,Ke=r(Xe)`
-  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.primary};
-`,gi=r.div`
-  display: flex;
-  justify-content: space-between;
-`,bi=r.div`
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,wi=r(et)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp3};
-`,xi=r.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-  margin-bottom: ${e=>s.formBottomMargin.valuePx(e.windowSize)};
-  z-index: 3;
-`,fi=r.div`
-  display: flex;
-  justify-content: flex-end;
-`,$i=r.div`
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,vi=r(ei)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp5};
-  height: ${a.sp5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ti=r.div`
-  display: flex;
-  margin-left: ${e=>e.windowSize==="small"?e.showEditIcon===!0?a.sp3:a.sp4:a.sp5};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Si=r(Xt)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp5};
-  height: ${a.sp5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ji=r.div`
-  display: flex;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ue=r(et)`
-  display: flex;
-  color: ${e=>e.borderColor};
-  align-items: center;
-  justify-content: flex-end;
-  margin-left: ${a.sp3};
-  padding: 1px 6px 1px 6px;
-  border: ${e=>`1px solid ${e.borderColor}`};
-  border-radius: ${a.sp1};
-  min-width: fit-content;
-  max-width: fit-content;
-`,Ii=r.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,Di=r.div`
-  display: flex;
-  width: max-content;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  padding-top: ${a.sp1};
-  padding-bottom: ${a.sp1};
-  position: absolute;
-  bottom: ${e=>s.otherActionsContainerBottom.valuePx(e.windowSize)};
-  z-index: 3;
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${a.sp1};
-  right: ${e=>s.right.valuePx(e.windowSize)};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.grey1} 3D`};
-`,Ci=r.div`
-  position: fixed;
-  top: 0;
-  left: 42vw;
-  width: 100%;
-  height: 100vh;
-  background: transparent;
-  box-shadow: 0 2px ${a.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
-  pointer-events: none;
-  z-index: 1;
-`,ki=r.div`
-  width: auto;
-  justify-content: flex-end;
-  position: ${e=>e.windowSize==="small"?"static":"relative"};
-  right: ${e=>s.actionsContainerRight.valuePx(e.windowSize)};
-  height: 100%;
-  display: flex;
-`,ae=r(Zt)`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding-left: ${a.sp3};
-  padding-right: ${a.sp3};
-  height: ${a.sp6};
-  box-sizing: border-box;
-  &:hover {
-    background-color: ${e=>e.theme.colors.background};
-  }
-`,zi=r.div`
-  display: flex;
-  width: 100%;
-  position: sticky;
-  bottom: 0;
-  z-index: 2;
-`,Ai=r.div`
-  min-height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
-  height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-between;
-  position: fixed;
-  z-index: 4;
-`,Mi=r(Vt)`
-  color: ${e=>e.theme.colors.brandColorJade};
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-`,T=r.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Ri=r(Yt)`
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  float: right;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Bi=r.div`
-  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
-  display: flex;
-  float: right;
-`,Pi=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ni=r(Gt)`
-  display: flex;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  align-items: center;
-  justify-content: center;
-`,Li=r.div`
-  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
-  margin-left: ${a.sp5};
-`,Oi=r.div`
-  display: flex;
-  flex-direction: column;
-  width: 100vw;
-  background: -webkit-linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  background: -moz-linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  background: -o-linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  background: linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  ${e=>e.windowSize==="small"&&`
-    background: ${e.theme.colors.grey4};
-  `}
-  height: 100vh;
-  overflow: scroll;
-`,Ve=r.div`
-  width: 42%;
-`,_i=r.div`
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,Ge=r.div`
-  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,Ye=r.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"unset":"center"};
-  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-  width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
-`,He=r(qt)`
-  flex-grow: 1;
-  ${e=>`${ci.formTitle.style(e.windowsSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,Wi=r.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,qe=r.div`
-  padding: ${a.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${e=>e.theme.colors.grey3};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${a.sp2};
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${e=>s.totalBottomMargin.valuePx(e.windowSize)};
-  justify-content: space-between;
-`,Je=r(Qt)`
-  display: flex;
-  width: 176px;
-  color: ${e=>e.theme.colors.primary};
-`,Ei=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,Qe=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
-`,Fi=r.div`
-  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
-`,Ki=r.div`
-  background: ${e=>e.theme.colors.grey3};
-  border-radius: ${a.sp2};
-  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
-  margin-left: ${e=>s.invoiceLeftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.invoiceRightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>e.bottomSeperator===!0&&e.windowSize!=="small"?"107px":a.sp5};
-`,Ui=r.div`
-  display: flex;
-  flex-direction: column;
-  height: ${a.sp11};
-`,Vi=r.div`
-  margin-top: 78px;
-`;export{la as default};

package/dist/assets/ReimbursementPromoPage-CNCL_t1V-CwnQs6UK.js

@@ -1,84 +0,0 @@
-import{av as ne,e as S,q as k,aN as le,F as D,V as e,aK as a,fn as ae,bz as me,n as u,ad as m,o as t,ap as ce,c as de,aQ as F,al as pe,y as xe,p as z,cA as he,aR as ue,b8 as ge,u as we}from"./index-ePPQ9tNX.js";import{a as j}from"./core-3dlyNYRL.js";import{n as s}from"./mui-bYXq4XMS.js";import{fH as je,bW as be}from"./zeni-epic-state-LPACxnXP.js";import{f as fe}from"./VideoPopup-9iierxTj-BAFy3uBP.js";import{M as v}from"./usp-line-BBd1wKwW-ClwDS-nj.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./VideoPlayer-BlDaa3e0-DBziSdiE.js";const V="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",$e={midContainerMarginBottom:new xe(we[5],44)},ye=s.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${i=>i.theme.colors.grey4};
-`,Se=s.div`
-  padding: ${i=>i.windowSize==="small"?`${t.sp0} ${t.sp3}`:`${t.sp0} ${t.sp8}`};
-  text-align: center;
-`,ke=s(de)`
-  max-width: 648px;
-  margin: auto;
-  padding: ${t.sp7} ${t.sp0};
-  color: ${i=>i.theme.colors.primary};
-`,ze=s(ce)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${t.sp5} ${t.sp0};
-  color: ${i=>i.theme.colors.primary};
-`,E=s.div`
-  display: flex;
-  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${i=>$e.midContainerMarginBottom.valuePx(i.windowSize)};
-`,ve=s.div``,L=s.div`
-  display: flex;
-  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-`,g=s.img``,N=s.div`
-  width: ${i=>i.windowSize==="small"?"auto":"376px"};
-  display: flex;
-  flex-direction: column;
-`,q=s.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;
-`,W=s.div`
-  margin-left: ${i=>i.windowSize==="small"?t.sp0:t.sp6};
-  margin-bottom: ${i=>i.windowSize==="small"?t.sp4:t.sp0};
-  background: ${i=>i.theme.colors.grey3};
-  border-radius: 12px;
-  border: ${i=>`1px solid ${i.theme.colors.grey3}`};
-  padding: 15px;
-`,c=s.div`
-  border-radius: ${t.sp12};
-  border: ${i=>`1px solid ${i.theme.colors.grey2}`};
-  padding: ${i=>i.windowSize==="small"?`${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}`:`${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
-  background: ${i=>i.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${t.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`,b=s(ge)`
-  color: ${i=>i.theme.colors.champion};
-`,f=s(ue)`
-  color: ${i=>i.theme.colors.champion};
-`,$=s(F)`
-  color: ${i=>i.theme.colors.champion};
-`,y=s(he)`
-  color: ${i=>i.theme.colors.champion};
-`,d=s.div``,p=s.div`
-  padding-left: ${t.sp3};
-`,M=s(F)`
-  margin: ${i=>i.windowSize==="small"?t.sp1:`auto ${t.sp5}`};
-  color: ${i=>i.theme.colors.grey1};
-`,H=s(v)`
-  color: ${z.graphColor16Dark};
-`,O=s(v)`
-  color: ${z.graphColor09Dark};
-`,G=s(v)`
-  color: ${z.success};
-`,I=s(pe)`
-  margin: ${t.sp3} auto;
-  max-width: 772px;
-  color: ${i=>i.theme.colors.hero};
-`,r=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=D.getLocalizedStrings().commonSetUp.businessVerification.terms,Te=()=>{const i=S(),o=k();return e.jsxs(E,{windowSize:o,children:[e.jsx(q,{windowSize:o,children:e.jsx(W,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:V,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(N,{windowSize:o,children:[e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(H,{})}),e.jsxs(p,{children:[e.jsx(y,{children:r.simplestText.bold}),e.jsx($,{children:r.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx(y,{children:r.aiPoweredText.bold}),e.jsx($,{children:r.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(y,{children:r.multiLevelApprovalText.bold}),e.jsx($,{children:r.multiLevelApprovalText.regular})]})]})]})]})},Ce=()=>{const i=S(),o=k();return e.jsxs(E,{windowSize:o,children:[e.jsxs(N,{windowSize:o,children:[e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(H,{})}),e.jsxs(p,{children:[e.jsx(f,{children:r.simplestText.bold}),e.jsx(b,{children:r.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx(f,{children:r.aiPoweredText.bold}),e.jsx(b,{children:r.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(f,{children:r.multiLevelApprovalText.bold}),e.jsx(b,{children:r.multiLevelApprovalText.regular})]})]})]}),e.jsx(q,{windowSize:o,children:e.jsx(W,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:V,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},qe=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:K,videoUrl:Q,analytics:x,onSetupButtonClick:Y,onCreateNewRemiButtonClick:_,onBackClick:J,onSetupReimbursementSuccess:T,onClickMenuIcon:X})=>{const C=ne(),[ee,ie]=j.useState(!1),[re,P]=j.useState(!1),te=S(),l=k(),{remiTermsDetails:h}=i,R=le(h?.fetchStatus.fetchState),se=je(C.loggedInUserRoleMap),w=be(C.loggedInUserRoleMap)&&!se,oe=!!o?.isReimbursementTOSAccepted,A=!!i.companyRemiInfo?.isReimbursementEnabled,U=w?A?r.employeeAcceptPromoText:r.employeePendingPromoText:r.promoText;j.useEffect(()=>{R==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&T?.()},[R,T,h?.fetchStatus]);const B=()=>{x?.trackReimbursementPromoScheduleDemo(),P(!0)};return e.jsxs(ye,{children:[ee===!0?e.jsx(fe,{onCancelClick:()=>{ie(!1)},videoUrl:Q,"data-testid":a("remi-promo-page-video-popup")}):null,re===!0?e.jsx(ae,{onCancelClick:()=>{P(!1)},meetingUrl:K,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(me,{title:r.title,backgroundColor:te.colors.grey4,onBackClick:J,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:X,source:"ReimbursementPromoPage"}),e.jsxs(Se,{windowSize:l,children:[l==="small"?e.jsx(ze,{children:U}):e.jsx(ke,{children:U}),l==="small"?e.jsx(Te,{}):e.jsx(Ce,{}),e.jsx(ve,{children:w?e.jsx(e.Fragment,{children:A&&!oe?e.jsxs(e.Fragment,{children:[e.jsxs(L,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:r.scheduleDemoButton,onClick:B,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(M,{windowSize:l,children:r.orText}),e.jsx(u,{variant:"primary",label:r.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:_,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(I,{children:[r.terms.createTerms1,e.jsx(m,{href:r.terms.tosUrl,linkText:r.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),r.terms.terms2,e.jsx(m,{href:r.terms.privacyPolicyUrl,linkText:r.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),r.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(L,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:r.scheduleDemoButton,onClick:B,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(M,{windowSize:l,children:r.orText}),e.jsx(u,{variant:"primary",label:r.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:Y,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(I,{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:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(m,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,r.terms.terms3]})]})})]})]})};export{qe as default};

package/dist/assets/ReimbursementSetUpPage-uAHJ-tqY-DiKttSWe.js

@@ -1,140 +0,0 @@
-import{e as Ee,q as Ve,aN as N,a8 as qe,cB as Ge,F as Te,aS as Ce,V as t,f5 as Je,p as J,y as s,bz as Ze,l as Ke,ab as Qe,fo as ve,dQ as Ye,fp as Xe,bu as et,dG as tt,aO as it,o as a,fr as nt,u as n,cf as ot,cO as at,cW as lt,fA as ke,fB as $e,ga as st,n as rt,aK as Pe,B as Ae,bJ as ct,ag as dt,br as ut}from"./index-ePPQ9tNX.js";import{a as o}from"./core-3dlyNYRL.js";import{n as i}from"./mui-bYXq4XMS.js";import{bM as mt}from"./zeni-epic-state-LPACxnXP.js";import{g as pt}from"./UploadAdditionalDocumentOverlay-CnjAzKXw-fvhbnFek.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.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 s(343,580,726),iconContainerMaxWidthHeight:new s(n[6],n[7]),iconContainerMarginRight:new s(12,n[3]),infoLabelPaddingLeft:new s(n[0],n[3]),iconPadding:new s(10,12),iconWidthHeight:new s(20,n[4]),rowGap:new s(n[2],n[3]),containerPadding:new s(n[3],n[4])},ge={title:new Ae("standardSemiBold","largeSemiBold"),infoLabel:new Ae("extraSmallRegular","smallRegular")};function ht({companyMileageConfigInfo:e,mileageDetails:w,analytics:A,style:j,sectionId:$,isActive:d=!0,isDisabled:r,onSaveMileageClick:Z}){const l=Ve(),D=Ee(),{formState:{errors:K},trigger:Q}=at(),E=ft($,"mileageAmountInDenomination"),f=lt(K,E),{localData:c,updateStatus:R,mileageStatus:S}=w,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:Y,spendManagement:X}=Te.getLocalizedStrings(),{reimbursement:ee}=X,[b,V]=o.useState(U),[te,B]=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(()=>{b||B(b)},[b]);const{reimbursementSetup:x}=ee,{setUp:ie}=Y,ne=b===!1||R.fetchState==="In-Progress"?"readonly":r,oe=c&&c?.denominationSymbol?`${c?.denominationSymbol} `:"",ae=c&&c?.mileageUnit?c?.mileageUnit:"";return t.jsxs(xt,{windowSize:l,style:j,isActive:d&&r==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(yt,{children:[t.jsxs($t,{children:[t.jsxs(At,{children:[t.jsxs(jt,{children:[t.jsx(St,{windowSize:l,children:e?.denominationConversions.amount==null?x.mileageAddTitle:x.mileageEditTitle}),t.jsx(bt,{children:x.mileageSubTitle})]}),S!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(ke,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:S.name,textColor:$e(S.code)}):null]}),t.jsxs(wt,{children:[S!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(ke,{style:{width:"max-content"},tagTitle:S.name,textColor:$e(S.code)}):null,t.jsx(Ct,{})]})]}),t.jsxs(Et,{children:[t.jsxs(Vt,{children:[t.jsx(st,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:f?void 0:D.colors.background,color:b||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||r!=null,required:r==null},isDisabled:ne}),t.jsx(Lt,{children:b?t.jsx(rt,{label:x.save,"data-testid":Pe("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&U&&!f&&Z?.(c.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:r!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:R.fetchState==="In-Progress"}):t.jsx(zt,{isDisabled:r,"data-testid":Pe("edit-mileage"),onClick:T=>{T.stopPropagation(),V(!0),B(!0),A.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,w)=>`${e}.${w}`,xt=i.div`
-  display: flex;
-  flex-direction: column;
-  pointer-events: ${e=>e.isLoading===!0||e.isActive===!1?"none":"initial"};
-  opacity: ${e=>e.isActive?1:.32};
-  row-gap: ${e=>h.rowGap.valuePx(e.windowSize)};
-`,yt=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-`,wt=i.div`
-  display: flex;
-`,St=i.div`
-  ${e=>`${ge.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?J.important:e.theme.colors.primary};
-`,bt=i(dt)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  color: ${e=>e.theme.colors.hero};
-`,Ct=i.div`
-  display: flex;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  margin-left: ${a.sp4};
-`,vt=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: ${e=>h.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-  border-radius: ${a.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${e=>e.isDarkMode?J.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
-  max-width: ${e=>h.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>h.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${e=>h.iconContainerMarginRight.valuePx(e.windowSize)};
-`,kt=i.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${e=>h.containerPadding.valuePx(e.windowSize)};
-  width: ${e=>h.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-  fill: ${e=>e.theme.colors.grey1};
-  color: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    fill: ${e=>e.theme.colors.primary};
-  }
-`,$t=i.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-`,Pt=i.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${ge.title.style(e.windowSize)}`};
-`,At=i.div`
-  display: flex;
-  flex-direction: column;
-`,jt=i.div``,Dt=i(ct)`
-  color: ${e=>e.theme.colors.comingSoon};
-  margin-left: ${a.sp3};
-`,Et=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-  margin-top: ${a.sp3};
-`,Vt=i.div`
-  display: flex;
-  height: ${a.sp6};
-  width: 100%;
-  position: relative;
-`,Tt=i.label`
-  display: flex;
-  padding-left: ${e=>h.infoLabelPaddingLeft.valuePx(e.size)};
-  color: ${e=>e.hasError===!0?J.important:e.additionalInfoTextColor??e.theme.colors.hero};
-  ${e=>`${ge.infoLabel.style(e.size)}`};
-  margin-top: ${a.sp1};
-`,Lt=i.div`
-  display: flex;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: ${a.sp3};
-`,zt=i(ut)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  cursor: ${e=>e.isDisabled==null?"pointer":"default"};
-  pointer-events: ${e=>e.isDisabled==null?"initial":"none"};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,p={titleWidth:new s(343,580,726,826),setupDetailsRowGap:new s(12,n[5],n[5]),sectionRowGap:new s(n[5],n[9],n[9]),lastSectionPaddingBottom:new s(n[7],n[10],n[10]),iconWidthHeight:new s(20,n[4]),subTitlePaddingTop:new s(12,n[3]),subTitlePaddingBottom:new s(n[3],n[3]),overlayWidth:new s(100,100,59)},je="remiSetupPage",q="remiAccount",G="remiMileage",Yt=({remiSetupView:e,isDisabled:w,remiApprovalView:A,connectedAccountProvider:j,isAccountsEnabled:$,filesEndPoint:d,authParams:r,meetingUrl:Z,analytics:l,accountsPromoConfig:D,onBackClick:K,onBusinessVerificationSectionClick:Q,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onEstablishConnectionSuccess:R,updateMileageDetails:S,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:Y,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:b,onEnableRemiSuccess:V,onSaveMileageClick:te,onClickMenuIcon:B,onEditFileName:x,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:T})=>{const H=Ee(),u=Ve(),[W,L]=o.useState(!1),{fetchState:v,primaryFundingAccount:C,allFundingAccounts:he,updateStatus:z,accountUpdateStatus:Le,plaidConnectionDetails:le,allBankAccounts:ze,companyRemiInfo:Ie,companyBillPayInfo:fe,mileageRateConfig:Me,isRefreshingViewInBackground:Fe,selectedCompanyOfficer:g}=e,{fetchState:xe,allApprovalRules:O,approvalRulesStatus:Re}=A,se=le.link_account.updateStatus,re=le.update_account.updateStatus,_=N(v),ye=N(z.fetchState),we=N(se.fetchState),Se=N(re.fetchState),I=qe({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>pe(e),[e]),values:pe(e)});o.useEffect(()=>{!W&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"&&L(!0),W&&_==="In-Progress"&&v==="Completed"&&L(!1)},[g,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||we==="In-Progress"&&se.fetchState==="Completed"||Se==="In-Progress"&&re.fetchState==="Completed")&&I.reset(pe(e))},[_,v,I,e,we,se.fetchState,Se,re.fetchState]);const Ue=I.handleSubmit(P=>{l.trackEnableReimbursement(),b()}),Be=async(P,F)=>{const m=F[q];if(P.includes(q)){if(P.includes("fundingAccount")){if(m.fundingAccount.selectedOption!=null&&C?.id!=m.fundingAccount.selectedOption){const y=he.find(me=>me.id===m.fundingAccount.selectedOption);y!=null&&Y(m.fundingAccount.selectedOption,y.accType)}}else if(m.account.selectedOption!=null&&C?.id!=null&&C?.zeniAccountId!=m.account.selectedOption){const y=m.account.allOptions.find(me=>me.value===m.account.selectedOption);y!=null&&typeof y.label=="string"&&l.trackConnectBankLink(y.value,y.label,"reimbursement"),U(m.account.selectedOption,C.id,C.accType)}}else if(P.includes(G)){const y=F[G];S(y)}};o.useEffect(()=>{const P=I.watch((F,{name:m})=>{m!=null&&F!=null&&Ge(()=>Be(m,F))});return()=>{P.unsubscribe()}}),o.useEffect(()=>{ye==="In-Progress"&&z.fetchState==="Completed"&&V()},[V,ye,z.fetchState]);const{commonSetUp:be,spendManagement:He}=Te.getLocalizedStrings(),{reimbursement:We}=He,{reimbursementSetup:M}=We,{setUp:k}=be,ce=fe?.isBusinessVerified===!0&&(C?.accType==="depositAccount"||mt(C?.providerVerificationStatus?.code??""))&&Me?.denominationConversions.amount!=null,de=Ie?.isReimbursementEnabled===!0,Oe=ce?be.setUp.setupVerifiedSubTitle:M.setupSubTitle,_e=v==="In-Progress"||v==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",ue=H.mode==="light"?new Ce(H.colors.brandColorJadeLight):new Ce(H.colors.brandColorJadeDark),Ne=()=>{!W&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"?L(!0):Q?.()};return t.jsxs(It,{children:[t.jsx(Je,{anchor:"right",PaperProps:{style:{width:p.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:W,onClose:()=>L(!1),style:{backgroundColor:J.drawerBackground},transitionDuration:250,children:t.jsx(pt,{authParams:r,filesEndPoint:d,updateStatus:z,onEditFileName:x,onDeleteFile:ie,updateFilesEntity:ne,companyOfficer:g,onClose:()=>L(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Ze,{title:M.setupTitle,backgroundColor:H.colors.grey4,style:{zIndex:3},onBackClick:K,showMenuIcon:!de&&(u==="medium-compact"||u==="small"),onClickMenuIcon:B,source:"ReimbursementSetUpPage"}),t.jsxs(Ft,{windowSize:u,children:[t.jsx(Mt,{windowSize:u,children:Oe}),_e?t.jsx(Rt,{children:t.jsx(Ke,{size:"ExtraLarge",start:!0})}):t.jsx(Qe,{...I,children:t.jsx("form",{id:De(je),onSubmit:Ue,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(ve,{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:Fe}),t.jsx(Xe,{connectedAccountProvider:j,primaryFundingAccount:C,plaidConnectionDetails:le,allBankAccounts:ze,allFundingAccounts:he,sectionId:q,isDisabled:w,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:R,icon:{element:t.jsx(et,{width:p.iconWidthHeight.valuePx(u)}),color:ue},analytics:l,productType:"reimbursement",isAccountsEnabled:$,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:D}),t.jsx(ht,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:G,onSaveMileageClick:te,analytics:l}),t.jsx(ve,{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?Re:void 0})]})})})]}),ce&&!de&&O.length>0?t.jsx(it,{formId:De(je),primaryBtn:{label:M.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:z.fetchState==="In-Progress"||Le.fetchState==="In-Progress",isDisabled:w!=null},showCancel:!1,helperText:M.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(nt,{isFooterRendered:ce&&!de,meetingUrl:Z,analytics:l,productType:"reimbursement"})]})},It=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Mt=i(ot)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>p.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>p.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>p.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,Ft=i.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>p.setupDetailsRowGap.valuePx(e.windowSize)};
-`,Rt=i.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Ut=i.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>p.sectionRowGap.valuePx(e.windowSize)};
-`,pe=e=>{const{allBankAccounts:w,allFundingAccounts:A,mileageDetails:j,primaryFundingAccount:$}=e,{localData:d}=j;return{[q]:{fundingAccount:{selectedOption:$?.id,allOptions:A.map(r=>({label:r.label,value:r.id,isRecommended:r.accType==="depositAccount"}))},account:{selectedOption:$?.zeniAccountId,allOptions:w.map(r=>({label:r.accountName,value:r.accountId}))}},[G]:{mileageAmount:d?.mileageUnitAmount?.amount,mileageCurrencyCode:d?.mileageCurrencyCode??"USD",mileageCurrencySymbol:d?.mileageCurrencySymbol??"$",mileageUnit:d?.mileageUnit??"",description:d?.description??"",mileageAmountInDenomination:d?.mileageAmountInDenomination,denomination:d?.denomination??"dollars",denominationSymbol:d?.denominationSymbol??""}}},De=e=>`${e}_form`;export{Yt as default,De as uniqueName};

package/dist/assets/ReimbursementsBulkReviewDrawerPage-BfrwsaW3-CzmfoPGj.js

@@ -1 +0,0 @@
-import{F as O,V as f,cm as M,cn as W,co as Y,j$ as q,aV as z}from"./index-ePPQ9tNX.js";import{a as b}from"./core-3dlyNYRL.js";import{gc as G}from"./zeni-epic-state-LPACxnXP.js";import{u as X}from"./ReviewOverlay-BHH9brKi-3tNvQZvy.js";import"./mui-bYXq4XMS.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const{common:n,spendManagement:{reimbursement:B}}=O.getLocalizedStrings(),o=B.bulkActions;let I;const ce=({remisReviewView:e,isAdmin:a,analytics:i,onProceedForBulkActionClick:d,onCloseReviewItem:r,onCloseOverlay:s})=>{const{fetchState:p,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:v,currentSubTab:g}=e,h=!1,[w,l]=b.useState(!1),[m,_]=b.useState(P(e,h,a)),[y,R]=b.useState(h),[j,J]=b.useState(0),[S,A]=b.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});b.useEffect(()=>(j===m.length&&y&&(R(!1),clearInterval(I)),e.fetchState==="Completed"&&_(P(e,!1,a)),()=>{clearInterval(I)}),[m.length,j,y,e.fetchState,h,e,a]);const $=m.length,x=m.filter(u=>u.reviewStatus.code!=="error").length,F=()=>{const{title:u,description:T}=Z(x);A({type:"reject",title:u,description:T,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),i.trackReimbursementBulkSubmit(t,v,g),l(!0)},E={onOkClick:u=>{l(!1);const T=e.remisForReview.map(k=>k.reimbursement);i.trackReimbursementBulkPopupConfirm(t,v,g,G(T.map(k=>k?.reimbursementTypesIncluded??[]))),d("reject",u)},onCancelClick:()=>{l(!1)}},{title:L,description:U}=H(p,x,$,y),C=e.fetchState==="Completed"&&x===0,V=()=>{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:V,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},N={label:t==="send_for_approval"?n.texts.goBack:n.footer.reject,isDisabled:t!=="reject"&&c==="In-Progress",isLoading:t==="reject"&&c==="In-Progress",reverseSpinnerColor:!1,onClick:t==="send_for_approval"?s:F,style:t==="approve"?{minWidth:"92px"}:{}};return f.jsxs(f.Fragment,{children:[w?f.jsx(M,{titleComponent:f.jsx(Y,{children:S.title}),descriptionComponent:f.jsx(W,{children:S.description}),primaryButtonText:S.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:S.secondaryButtonText,action:E,isNotesIncluded:!0,isEditPopup:!0}):null,f.jsx(X,{title:L,description:{content:U,isError:e.fetchState==="Completed"&&x===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:s,showFooter:e.fetchState==="Completed"&&!y,footerProps:{primaryButton:D(),cancelButton:N,hideCancel:C}})]})},P=(e,a,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:B.reimbursementDetail.newReimbursementTitle,subTitle:s!=null?`${n.by} ${s?.firstName} ${s?.lastName}`:n.strings.empty},rightSideText:{title:z("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:d,code:r.reviewStatus??""}}})},Z=e=>{const{this_:a,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_>",a).replaceAll("<_payment_>",s).replaceAll("__report__",d)}},H=(e,a,i,d)=>{const{has:r,have:s,report:p,reports:c,are:t,is:v,do_:g,does:h}=n.texts,w=a>1,l=i>1;let m="",_="";return e==="Completed"&&!d?(m=o.reviewPage.reportsReviewed.title.replace("__report__",l?B.bulkActions.reports:o.report).replace("<_has_>",l?s:r),a===0?_=o.reviewPage.reportsReviewed.descriptionError.replace("__report__",l?c:p).replace("<_do_>",l?g:h):_=`${a}/${i} ${o.reviewPage.reportsReviewed.description.replace("__report__",i>1?c:p).replace("<_is_>",w?t:v)}`):(m=o.reviewPage.reportsReviewing.title.replace("__report__",l?c:p),_=o.reviewPage.reportsReviewing.description.replace("__report__",l?c:p)),{title:m,description:_}};export{ce as default};