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

package/dist/assets/ReimbursementDetailPage-D2tg-yOT-C3XwZ7Pf.js

@@ -1,314 +0,0 @@
-import{a$ as It,a7 as Ct,u as kt,i as zt,d4 as At,R as m,a as Qe,hC as $t,hE as Mt,hF as Rt,j as t,dc as ze,dd as Ae,de as $e,bm as y,cf as Me,c1 as Pt,eR as Bt,hG as Nt,hS as Re,b as a,hH as Pe,gD as b,gF as x,hK as w,bn as Be,gC as Ne,t as O,hN as Le,bC as Lt,ak as _t,hO as Wt,hP as ie,cb as Et,hQ as Ft,f as Ot,d as Ut,e as Kt,ah as Xe,bJ as et,C as U,ai as Vt,cJ as Gt,af as Ht,i5 as Yt,i1 as Jt,s as c,d6 as qt,dK as Zt}from"./index-2CdI-B2B.js";import{a as p}from"./core-tlHkQPPu.js";import{n as r}from"./mui-kiGMfX4-.js";import{a as Qt}from"./liveblocks-BrzOBACZ.js";import{bO as Xt,bT as ei,fI as ti}from"./zeni-epic-state-Bo1aGezX.js";import ii from"./InvoiceUploadSection-BducuHAy-CwGoLvBS.js";import{o as ai,e as f,l as ri}from"./types-DRnhtDPC-CEIiK5pR.js";import"./sentry-Dhk5jNhq.js";import"./analytics-CeQu-r45.js";import"./utils-BLUF9kAp.js";import"./AttachmentView-DRBK6aiE-DxR-B_-8.js";import"./uploadReceipts-BkHrFC8j-DevoCqHx.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])},ni={formTitle:new Ut("h6Regular","h5Regular")},Xi=({remiDetails:e,uploadInvoiceEndPoint:K,authParams:tt,isAdmin:re,signedInUser:ne,showApproveRejectBtns:oe,isRealTimeApprovalEnabled:le,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:se,isSignedInUserReimbursementCreator:it,updateEditRealTimeApproverClicked:de,onSaveRealTimeApprovals:ce,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:at,onDuplicateLineClick:rt,approveOrRejectRemi:me,deleteReimbursement:nt,cancelAndDeleteReport:pe,handleZeniLogoClick:ot,onAddNewRule:ue})=>{const d=It(),lt=Ct().analytics,n=kt(),he=zt(),[st,z]=p.useState(!1),[G,H]=p.useState(!1),[dt,Y]=p.useState(!1),[J,q]=p.useState("approved"),P=p.useRef(null),[D,Z]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[k,ct]=p.useState(null),[mt,B]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ye=p.useRef({}),ge=l=>{const o=ye.current[l];o!=null&&setTimeout(()=>ri(o,P.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 o=l.substring(1);ge(o)}},[]),At({componentName:"reimbursement.details"});const pt={onOkClick:()=>{z(!1),D.primaryButtonText===i.buttons.delete?nt?.():D.title===i.cancelReportTitle?pe?.():D.title===i.cancelAndDeleteReportTitle&&pe?.(!0)},onCancelClick:()=>{z(!1)}},I=s.labelWidth.value(n),A=s.largeLabelWidth.value(n),be=Qe.getLocalizedStrings(),{common:{texts:{comments:ut},strings:{empty:xe}},collaboration:{threads:{placeholder:{addANewComment:ht,replyAComment:yt},tooltip:{resolveComment:gt,unResolveComment:bt}}},dateFormat:we}=be,{reimbursementDetail:i,bulkActions:N}=be.spendManagement.reimbursement,Q=e.remiDetails?.reportTitle,j=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,_=e.remiDetails?.reimbursementInfo.billStatus,W=e.remiDetails?.reimbursementInfo.billPaymentStatus,fe=L?.code==="paid",xt=fe?L:_?.code=="approved"&&W?.code?W:_,v=oi(e.remiDetails),$=_?.code=="approved"&&W?.code?W:_,E=e.remiDetails?.isDeleted??!1,ve=e.remiDetails?.amount,Se=e.remiDetails?.amount.amount??0,Te=()=>{Z({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),z(!0)},je=()=>{at()},wt={onOkClick:l=>{Y(!1),me({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{Y(!1)}},ft=e.remiDetails?.reimbursementInfo.paymentDate!=null?Xt(ei(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,X=e.remiDetails?.reimbursementInfo.expectedDepositDate??ft,vt=e.remiDetails?.lines?.some(l=>{const o=l.lineDetail;return o?.account?.isDeleted===!0&&o?.account?.isBillEditableCoaAccountType===!1})??!1,De=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&it&&!vt,St=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ee=xt?.code,Tt=ai(e.duplicateLineByLineId),Ie=e.duplicateReimbursementStatus.fetchState==="Completed"&&Tt>0,{requestToOpenThread:te,setRequestToOpenThread:Ce,setOpenThread:F}=p.useContext($t),{threads:M,isLoading:C}=Mt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),jt=p.useMemo(()=>M.filter(l=>l.resolved===!1&&!l.id.includes(Rt)),[M]).length,Dt=p.useCallback((l,o)=>{F(o),B(!1)},[F,B]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!C&&(F(te.threadId),Ce(null))},[te,M,C,F,Ce]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ti(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Ri,{windowSize:n,ref:P,children:[st?t.jsx(ze,{titleComponent:t.jsx($e,{children:D.title}),descriptionComponent:t.jsx(Ae,{children:D.description}),primaryButtonText:D.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:D.secondaryButtonText,action:pt}):null,dt?t.jsx(ze,{titleComponent:t.jsx($e,{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:wt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ii,{windowSize:n,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[n!=="small"?t.jsx(Me,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Ci,{onClick:()=>ot?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:he.colors.background,keepBackgroundOnScroll:!0,scrollableContent:P,source:"ReimbursementDetailPage"}):null,n!=="small"?t.jsx(Ti,{}):null,t.jsx(Me,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:Q??xe,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:n!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(zi,{children:[u?t.jsxs(Ai,{isDisabled:C,onClick:C?()=>null:l=>{l.preventDefault(),l.stopPropagation(),ct({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),B(!0),lt.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(o=>Bt(o)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Pt,{count:C?void 0:jt,isLoading:C,style:{left:"12px"}}),t.jsx($i,{})]}):null,t.jsx(Mi,{size:n,onClick:()=>{V()},"data-testid":y("remi-detail-page-close"),children:t.jsx(ki,{})})]}),scrollableContent:P,enableTitleOnScroll:n!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Ei,{children:[n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(He,{windowSize:n,children:t.jsx(Ye,{windowsSize:n,children:Q})}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:n,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,se&&v!=null?t.jsx(Ke,{color:v.color,bgColor:v.bgColor,borderColor:v.borderColor,children:v.value}):null,$?.code!=null?n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Nt,{progressSectionObj:$,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:E}),R?t.jsx(Re,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):Ie?t.jsxs(_e,{size:n,children:[t.jsx(Oe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ge,{windowSize:n,children:t.jsx(Pe,{progressSectionObj:$,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:E})}):null]}):null,j.map((l,o)=>{const S=e.duplicateLineByLineId[l.lineId];return t.jsxs(Ze,{windowSize:n,children:[t.jsx(Li,{windowSize:n,children:t.jsx(_i,{bottomSeperator:j.length!==1,windowSize:n,children:t.jsx(ii,{showAutofill:!1,uploadInvoiceEndPoint:K,authParams:tt,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:j.length>1?`#${o+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:j.length-1===o||o===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(Ni,{windowSize:n,children:[o===0&&n!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(He,{windowSize:n,children:[t.jsx(Ye,{windowsSize:n,children:Q}),se&&v!=null?t.jsx(Ke,{color:v.color,bgColor:v.bgColor,borderColor:v.borderColor,children:v.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:n,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,$?.code!=null?t.jsx(Ge,{windowSize:n,children:t.jsx(Pe,{progressSectionObj:$,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:E})}):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(_e,{size:n,children:[t.jsx(Oe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(pi,{windowSize:n,ref:ke=>{ke!=null&&(ye.current[`L${l.lineId}`]=ke)},children:[n!=="small"?t.jsx(mi,{children:t.jsx(ui,{children:j.length>1?`#${o+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(hi,{windowSize:n,children:[S?.duplicateLineId!=null?t.jsxs(di,{children:[i.thisExpenseReview," ",t.jsx(ci,{onClick:()=>{if(S.isDuplicateWithinTransaction&&S.duplicateLineId!=null)return ge(`L${S.duplicateLineId}`);S.duplicateTransactionId!=null&&S.duplicateLineId!=null&&rt(S.duplicateTransactionId,S.duplicateLineId)},"data-testid":y("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:l.type===i.mileageKey?`${o}.mileage.reimbursementType`:`${o}.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",o,l.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:S?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(w,{label:{label:i.reimbursementType,width:A},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:S?.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:x({type:"details",key:`${o}.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",o,"mileage")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:A},text:l.transactionDate?.format(we.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"mileage")}`},children:t.jsx(w,{label:{label:i.distanceInMiles,width:A},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"mileage")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Be("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"mileage")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{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:x({type:"details",key:`${o}.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",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.merchant,width:A},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:A},text:l.transactionDate?.format(we.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Be("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"out_of_pocket")}`},children:t.jsx(w,{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:x({type:"details",key:`${o}.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",o,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),j.length!==1&&j.length===o+1&&t.jsxs(Bi,{windowSize:n,children:[t.jsxs(Je,{windowSize:n,children:[t.jsx(qe,{children:i.total}),t.jsx(Ne,{amount:ve,integerStyles:O.h6Regular.cssObject,decimalStyles:O.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Le,{amount:Se,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:ne?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),j.length===1&&t.jsxs(Ze,{windowSize:n,children:[t.jsx(Ve,{}),t.jsxs(li,{windowSize:n,children:[t.jsx(Pi,{windowSize:n,children:t.jsxs(Je,{windowSize:n,children:[t.jsx(qe,{children:i.total}),t.jsx(Ne,{amount:ve,integerStyles:O.h6Regular.cssObject,decimalStyles:O.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(si,{windowSize:n,children:t.jsx(Le,{amount:Se,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:ne?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce}})})]})]}),t.jsx(Wi,{})]}),fe||E===!0?null:t.jsxs(Di,{children:[n!=="small"?t.jsx(Ve,{}):null,t.jsx(gi,{windowSize:n,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),G===!0&&H(!1)},children:t.jsx(Lt,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||oe,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||oe,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?n==="small"?i.buttons.delete:i.buttons.deleteReport:n==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:J==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||J==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(q("delete"),Te()):(q("rejected"),Y(!0))},style:{width:s.footerButtonWidth.value(n)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?n==="small"?i.buttons.edit:i.buttons.editAndResubmit:n==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:J==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?je():(q("approved"),me({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},style:{width:s.footerButtonWidth.value(n)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(yi,{children:t.jsxs(ji,{windowSize:n,children:[!R&&G?t.jsx(_t,{onClickAway:()=>H(!1),children:t.jsxs(Si,{windowSize:n,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:()=>{Z({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!0)},"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ee==="processing"?t.jsx(ae,{onClick:()=>{Z({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!0)},"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(vi,{windowSize:n,children:[!R&&De?t.jsx(fi,{onClick:je,"data-testid":y("remi-edit-button"),children:t.jsx(wi,{})}):null,R||St!==!0?null:t.jsx(xi,{windowSize:n,showEditIcon:De,children:t.jsx(bi,{onClick:()=>H(!G),"data-testid":y("remi-more-actions-button")})})]})]})}),style:{minHeight:62}})})]}),u?t.jsx(Qt,{id:h,children:t.jsx(Wt,{isDrawerOpen:mt,allowComposer:!0,drawerTitle:ut,threads:M,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:k?.companyId??xe,isGlobalComment:!1,tab:"reimbursement"},isLoading:C,threadMetadata:k?{companyName:k.companyName,companyId:k.companyId,entityId:k.entityId,entityType:k.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:ht,replyComposerPlaceholder:yt,threadResolve:gt,threadUnResolve:bt},onThreadClick:(l,o)=>Dt(l,o),onCloseAllThreadsDrawer:()=>B(!1),drawerSectionStyle:{width:"400px",backgroundColor:he.colors.background}})}):null]})},oi=e=>{const K=Qe.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:K.tabsById.deleted,color:ie.deleted.color,bgColor:ie.deleted.bgColor,borderColor:ie.deleted.borderColor,code:"deleted"}},li=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,si=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)};
-`,di=r(Vt)`
-  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
-  background-color: ${U.alertLight};
-  color: ${U.brandColorGoldDark};
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-`,ci=r.span`
-  border-bottom: 1px solid currentColor;
-  cursor: pointer;
-`,_e=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: ${U.alertLight};
-  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
-`,We=r(qt)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Ee=r.div`
-  width: 100%;
-`,Fe=r(Xe)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Oe=r(Zt)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${U.brandColorGoldDark};
-`,Ue=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};
-`,mi=r.div`
-  display: flex;
-  justify-content: space-between;
-`,pi=r.div`
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,ui=r(et)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp3};
-`,hi=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;
-`,yi=r.div`
-  display: flex;
-  justify-content: flex-end;
-`,gi=r.div`
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,bi=r(Jt)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp5};
-  height: ${a.sp5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,xi=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};
-  }
-`,wi=r(Yt)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp5};
-  height: ${a.sp5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,fi=r.div`
-  display: flex;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ke=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;
-`,vi=r.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,Si=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`};
-`,Ti=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;
-`,ji=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(Ht)`
-  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};
-  }
-`,Di=r.div`
-  display: flex;
-  width: 100%;
-  position: sticky;
-  bottom: 0;
-  z-index: 2;
-`,Ii=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;
-`,Ci=r(Et)`
-  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;
-`,ki=r(Ot)`
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  float: right;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,zi=r.div`
-  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
-  display: flex;
-  float: right;
-`,Ai=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};
-  }
-`,$i=r(Ft)`
-  display: flex;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  align-items: center;
-  justify-content: center;
-`,Mi=r.div`
-  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
-  margin-left: ${a.sp5};
-`,Ri=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%;
-`,Pi=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)};
-`,He=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"};
-`,Ye=r(Kt)`
-  flex-grow: 1;
-  ${e=>`${ni.formTitle.style(e.windowsSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,Bi=r.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,Je=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;
-`,qe=r(Gt)`
-  display: flex;
-  width: 176px;
-  color: ${e=>e.theme.colors.primary};
-`,Ni=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,Ze=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
-`,Li=r.div`
-  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
-`,_i=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};
-`,Wi=r.div`
-  display: flex;
-  flex-direction: column;
-  height: ${a.sp11};
-`,Ei=r.div`
-  margin-top: 78px;
-`;export{Xi as default};

package/dist/assets/ReimbursementPromoPage-kn4Die2q-BNaLqm9R.js

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

package/dist/assets/ReimbursementSetUpPage-D4FP9co3-fxCiVZhE.js

@@ -1,140 +0,0 @@
-import{i as Le,u as Me,bB as O,a8 as Ge,dt as Je,a as Ve,bs as $e,j as t,gw as Ze,C as q,R as s,cf as Ye,A as Ke,aa as Qe,gP as Pe,f6 as Xe,gQ as et,ca as tt,eX as it,bC as nt,b as a,gS as ot,s as n,d6 as at,dF as lt,dN as st,g$ as Ae,h0 as je,hB as rt,B as ct,bm as De,d as Ee,cx as dt,af as ut,c6 as mt}from"./index-2CdI-B2B.js";import{a as o}from"./core-tlHkQPPu.js";import{n as i}from"./mui-kiGMfX4-.js";import{bM as pt}from"./zeni-epic-state-Bo1aGezX.js";import{v as gt}from"./UploadAdditionalDocumentOverlay-DCq4eMPQ-0xv-e5Z1.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const ht=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"})),g={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])},pe={title:new Ee("standardSemiBold","largeSemiBold"),infoLabel:new Ee("extraSmallRegular","smallRegular")};function ft({companyMileageConfigInfo:e,mileageDetails:C,analytics:P,style:A,sectionId:$,isActive:d=!0,isDisabled:r,onSaveMileageClick:G}){const l=Me(),j=Le(),{formState:{errors:J},trigger:Z}=lt(),D=xt($,"mileageAmountInDenomination"),h=st(J,D),{localData:c,updateStatus:z,mileageStatus:y}=C,R=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:Y,spendManagement:K}=Ve.getLocalizedStrings(),{reimbursement:Q}=K,[w,E]=o.useState(R),[X,F]=o.useState(!1);o.useEffect(()=>{h||Z(D)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===c?.mileageAmountInDenomination&&E(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{w||F(w)},[w]);const{reimbursementSetup:f}=Q,{setUp:ee}=Y,te=w===!1||z.fetchState==="In-Progress"?"readonly":r,ie=c&&c?.denominationSymbol?`${c?.denominationSymbol} `:"",ne=c&&c?.mileageUnit?c?.mileageUnit:"";return t.jsxs(St,{windowSize:l,style:A,isActive:d&&r==null,children:[t.jsxs(At,{windowSize:l,children:[f.mileageHeader,d===!1?t.jsx(Et,{children:ee.comingSoon}):null]}),t.jsxs($t,{windowSize:l,children:[t.jsx(kt,{windowSize:l,isDarkMode:j.mode==="dark",children:t.jsx(ht,{width:g.iconWidthHeight.valuePx(l),height:g.iconWidthHeight.valuePx(l)})}),t.jsxs(Ct,{children:[t.jsxs(Pt,{children:[t.jsxs(jt,{children:[t.jsxs(Dt,{children:[t.jsx(wt,{windowSize:l,children:e?.denominationConversions.amount==null?f.mileageAddTitle:f.mileageEditTitle}),t.jsx(bt,{children:f.mileageSubTitle})]}),y!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(Ae,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:y.name,textColor:je(y.code)}):null]}),t.jsxs(yt,{children:[y!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(Ae,{style:{width:"max-content"},tagTitle:y.name,textColor:je(y.code)}):null,t.jsx(vt,{})]})]}),t.jsxs(Tt,{children:[t.jsxs(It,{children:[t.jsx(rt,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:h?void 0:j.colors.background,color:w||h?void 0:j.colors.grey1},isFieldError:h,type:"number",autoFocus:!1,focus:X,name:D,defaultValue:c?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:ie,suffix:`  ${f.perText} ${ne}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:T=>T!=null||r!=null,required:r==null},isDisabled:te}),t.jsx(Mt,{children:w?t.jsx(ct,{label:f.save,"data-testid":De("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&R&&!h&&G?.(c.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:r!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:z.fetchState==="In-Progress"}):t.jsx(Vt,{isDisabled:r,"data-testid":De("edit-mileage"),onClick:T=>{T.stopPropagation(),E(!0),F(!0),P.trackReimbursementMileageRateEdit()}})})]}),c?.description!=null?t.jsx(Lt,{size:l,hasError:h,children:h&&e?.defaultMileageUnitAmount!=null?f.yourMileage.replace("__defaultMileageUnitAmount__",(100*e.defaultMileageUnitAmount).toString()):c.description}):null]})]})]})]})}const xt=(e,C)=>`${e}.${C}`,St=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=>g.rowGap.valuePx(e.windowSize)};
-`,Ct=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-`,yt=i.div`
-  display: flex;
-`,wt=i.div`
-  ${e=>`${pe.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?q.important:e.theme.colors.primary};
-`,bt=i(ut)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  color: ${e=>e.theme.colors.hero};
-`,vt=i.div`
-  display: flex;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  margin-left: ${a.sp4};
-`,kt=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: ${e=>g.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?q.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
-  max-width: ${e=>g.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>g.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${e=>g.iconContainerMarginRight.valuePx(e.windowSize)};
-`,$t=i.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${e=>g.containerPadding.valuePx(e.windowSize)};
-  width: ${e=>g.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};
-  }
-`,Pt=i.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-`,At=i.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${pe.title.style(e.windowSize)}`};
-`,jt=i.div`
-  display: flex;
-  flex-direction: column;
-`,Dt=i.div``,Et=i(dt)`
-  color: ${e=>e.theme.colors.comingSoon};
-  margin-left: ${a.sp3};
-`,Tt=i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: flex-start;
-  margin-top: ${a.sp3};
-`,It=i.div`
-  display: flex;
-  height: ${a.sp6};
-  width: 100%;
-  position: relative;
-`,Lt=i.label`
-  display: flex;
-  padding-left: ${e=>g.infoLabelPaddingLeft.valuePx(e.size)};
-  color: ${e=>e.hasError===!0?q.important:e.additionalInfoTextColor??e.theme.colors.hero};
-  ${e=>`${pe.infoLabel.style(e.size)}`};
-  margin-top: ${a.sp1};
-`,Mt=i.div`
-  display: flex;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: ${a.sp3};
-`,Vt=i(mt)`
-  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};
-  }
-`,m={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)},Te="remiSetupPage",_="remiAccount",N="remiMileage",Yt=({remiSetupView:e,isDisabled:C,remiApprovalView:P,connectedAccountProvider:A,isAccountsEnabled:$,filesEndPoint:d,authParams:r,meetingUrl:G,analytics:l,accountsPromoConfig:j,onBackClick:J,onBusinessVerificationSectionClick:Z,onSetupApprovalRulesSectionClick:D,onFetchLinkTokenClick:h,onEstablishConnectionClick:c,onEstablishConnectionSuccess:z,updateMileageDetails:y,onUpdateAccountClick:R,onUpdatePrimaryFundingAccount:Y,onUpdatePaymentAccountStatus:K,onUpdatePaymentAccountLoginStatus:Q,onEnableRemiClick:w,onEnableRemiSuccess:E,onSaveMileageClick:X,onClickMenuIcon:F,onEditFileName:f,onDeleteFile:ee,updateFilesEntity:te,onCompanyOfficerUpdated:ie,onSendForVerificationClick:ne,onSignUpClick:T})=>{const B=Le(),u=Me(),[U,I]=o.useState(!1),{fetchState:v,primaryFundingAccount:b,allFundingAccounts:ge,updateStatus:L,accountUpdateStatus:ze,plaidConnectionDetails:oe,allBankAccounts:Re,companyRemiInfo:Fe,companyBillPayInfo:he,mileageRateConfig:Be,isRefreshingViewInBackground:Ue,selectedCompanyOfficer:p}=e,{fetchState:fe,allApprovalRules:W,approvalRulesStatus:We}=P,ae=oe.link_account.updateStatus,le=oe.update_account.updateStatus,H=O(v),xe=O(L.fetchState),Se=O(ae.fetchState),Ce=O(le.fetchState),M=Ge({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>me(e),[e]),values:me(e)});o.useEffect(()=>{U||p?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!p.areAdditionalDocumentsRequestedForVerification||p.areAdditionalDocumentsSubmittedForVerification||p.userVerificationStatus?.code!=="require_info"||I(!0),U&&H==="In-Progress"&&v==="Completed"&&I(!1)},[p,v,H]),o.useEffect(()=>{(H==="In-Progress"&&v==="Completed"||Se==="In-Progress"&&ae.fetchState==="Completed"||Ce==="In-Progress"&&le.fetchState==="Completed")&&M.reset(me(e))},[H,v,M,e,Se,ae.fetchState,Ce,le.fetchState]);const He=M.handleSubmit(we=>{l.trackEnableReimbursement(),w()});o.useEffect(()=>{const we=M.watch((be,{name:ve})=>{ve!=null&&be!=null&&Je(()=>(async(de,ke)=>{const x=ke[_];if(de.includes(_)){if(de.includes("fundingAccount")){if(x.fundingAccount.selectedOption!=null&&b?.id!=x.fundingAccount.selectedOption){const S=ge.find(ue=>ue.id===x.fundingAccount.selectedOption);S!=null&&Y(x.fundingAccount.selectedOption,S.accType)}}else if(x.account.selectedOption!=null&&b?.id!=null&&b?.zeniAccountId!=x.account.selectedOption){const S=x.account.allOptions.find(ue=>ue.value===x.account.selectedOption);S!=null&&typeof S.label=="string"&&l.trackConnectBankLink(S.value,S.label,"reimbursement"),R(x.account.selectedOption,b.id,b.accType)}}else if(de.includes(N)){const S=ke[N];y(S)}})(ve,be))});return()=>{we.unsubscribe()}}),o.useEffect(()=>{xe==="In-Progress"&&L.fetchState==="Completed"&&E()},[E,xe,L.fetchState]);const{commonSetUp:ye,spendManagement:Oe}=Ve.getLocalizedStrings(),{reimbursement:_e}=Oe,{reimbursementSetup:V}=_e,{setUp:k}=ye,se=he?.isBusinessVerified===!0&&(b?.accType==="depositAccount"||pt(b?.providerVerificationStatus?.code??""))&&Be?.denominationConversions.amount!=null,re=Fe?.isReimbursementEnabled===!0,Ne=se?ye.setUp.setupVerifiedSubTitle:V.setupSubTitle,qe=v==="In-Progress"||v==="Not-Started"||fe==="In-Progress"||fe==="Not-Started",ce=B.mode==="light"?new $e(B.colors.brandColorJadeLight):new $e(B.colors.brandColorJadeDark);return t.jsxs(zt,{children:[t.jsx(Ze,{anchor:"right",PaperProps:{style:{width:m.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:U,onClose:()=>I(!1),style:{backgroundColor:q.drawerBackground},transitionDuration:250,children:t.jsx(gt,{authParams:r,filesEndPoint:d,updateStatus:L,onEditFileName:f,onDeleteFile:ee,updateFilesEntity:te,companyOfficer:p,onClose:()=>I(!1),onCompanyOfficerUpdated:ie,onSendForVerificationClick:ne})}),t.jsx(Ye,{title:V.setupTitle,backgroundColor:B.colors.grey4,style:{zIndex:3},onBackClick:J,showMenuIcon:!re&&(u==="medium-compact"||u==="small"),onClickMenuIcon:F,source:"ReimbursementSetUpPage"}),t.jsxs(Ft,{windowSize:u,children:[t.jsx(Rt,{windowSize:u,children:Ne}),qe?t.jsx(Bt,{children:t.jsx(Ke,{size:"ExtraLarge",start:!0})}):t.jsx(Qe,{...M,children:t.jsx("form",{id:Ie(Te),onSubmit:He,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(Pe,{onClick:()=>{U||p?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!p.areAdditionalDocumentsRequestedForVerification||p.areAdditionalDocumentsSubmittedForVerification||p.userVerificationStatus?.code!=="require_info"?Z?.():I(!0)},title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Xe,{width:m.iconWidthHeight.valuePx(u),height:m.iconWidthHeight.valuePx(u)}),color:ce},status:he?.businessVerificationStatus,isTagLoading:Ue}),t.jsx(et,{connectedAccountProvider:A,primaryFundingAccount:b,plaidConnectionDetails:oe,allBankAccounts:Re,allFundingAccounts:ge,sectionId:_,isDisabled:C,onFetchLinkTokenClick:h,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:K,onUpdatePaymentAccountLoginStatus:Q,onEstablishConnectionSuccess:z,icon:{element:t.jsx(tt,{width:m.iconWidthHeight.valuePx(u)}),color:ce},analytics:l,productType:"reimbursement",isAccountsEnabled:$,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:j}),t.jsx(ft,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:N,onSaveMileageClick:X,analytics:l}),t.jsx(Pe,{title:W.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:V.approvalSubTitle,header:W.length>0?k.approvalHeader:k.setupApprovalHeader,icon:{element:t.jsx(it,{height:m.iconWidthHeight.valuePx(u)}),color:ce},style:{paddingBottom:m.lastSectionPaddingBottom.valuePx(u)},onClick:D,status:W.length>0?We:void 0})]})})})]}),se&&!re&&W.length>0?t.jsx(nt,{formId:Ie(Te),primaryBtn:{label:V.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:L.fetchState==="In-Progress"||ze.fetchState==="In-Progress",isDisabled:C!=null},showCancel:!1,helperText:V.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(ot,{isFooterRendered:se&&!re,meetingUrl:G,analytics:l,productType:"reimbursement"})]})},zt=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Rt=i(at)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>m.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>m.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>m.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=>m.setupDetailsRowGap.valuePx(e.windowSize)};
-`,Bt=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=>m.sectionRowGap.valuePx(e.windowSize)};
-`,me=e=>{const{allBankAccounts:C,allFundingAccounts:P,mileageDetails:A,primaryFundingAccount:$}=e,{localData:d}=A;return{[_]:{fundingAccount:{selectedOption:$?.id,allOptions:P.map(r=>({label:r.label,value:r.id,isRecommended:r.accType==="depositAccount"}))},account:{selectedOption:$?.zeniAccountId,allOptions:C.map(r=>({label:r.accountName,value:r.accountId}))}},[N]:{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??""}}},Ie=e=>`${e}_form`;export{Yt as default,Ie as uniqueName};

package/dist/assets/ReimbursementsBulkReviewDrawerPage-hhvxZzxC-BXtCzSIP.js

@@ -1 +0,0 @@
-import{a as O,j as _,dc as N,dd as M,de as V,lt as z,bv as W}from"./index-2CdI-B2B.js";import{a as f}from"./core-tlHkQPPu.js";import{gc as q}from"./zeni-epic-state-Bo1aGezX.js";import{S as G}from"./ReviewOverlay-De5_nrll-D6fwtyEd.js";import"./mui-kiGMfX4-.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const{common:n,spendManagement:{reimbursement:j}}=O.getLocalizedStrings(),o=j.bulkActions;let P;const se=({remisReviewView:e,isAdmin:a,analytics:i,onProceedForBulkActionClick:d,onCloseReviewItem:r,onCloseOverlay:s})=>{const{fetchState:l,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:b,currentSubTab:v}=e,g=!1,[w,p]=f.useState(!1),[m,h]=f.useState(R(e,g,a)),[y,I]=f.useState(g),[B,K]=f.useState(0),[S,A]=f.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});f.useEffect(()=>(B===m.length&&y&&(I(!1),clearInterval(P)),e.fetchState==="Completed"&&h(R(e,!1,a)),()=>{clearInterval(P)}),[m.length,B,y,e.fetchState,g,e,a]);const $=m.length,x=m.filter(u=>u.reviewStatus.code!=="error").length,U={onOkClick:u=>{p(!1);const T=e.remisForReview.map(k=>k.reimbursement);i.trackReimbursementBulkPopupConfirm(t,b,v,q(T.map(k=>k?.reimbursementTypesIncluded??[]))),d("reject",u)},onCancelClick:()=>{p(!1)}},{title:E,description:F}=J(l,x,$,y),C=e.fetchState==="Completed"&&x===0,L=()=>{i.trackReimbursementBulkSubmit(t,b,v),d(t)},D={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:()=>{const{title:u,description:T}=H(x);A({type:"reject",title:u,description:T,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),i.trackReimbursementBulkSubmit(t,b,v),p(!0)},style:t==="approve"?{minWidth:"92px"}:{}};return _.jsxs(_.Fragment,{children:[w?_.jsx(N,{titleComponent:_.jsx(V,{children:S.title}),descriptionComponent:_.jsx(M,{children:S.description}),primaryButtonText:S.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:S.secondaryButtonText,action:U,isNotesIncluded:!0,isEditPopup:!0}):null,_.jsx(G,{title:E,description:{content:F,isError:e.fetchState==="Completed"&&x===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:s,showFooter:e.fetchState==="Completed"&&!y,footerProps:{primaryButton:(()=>{let u=n.footer.approve;return C?u=n.texts.close:t==="send_for_approval"&&(u=n.footer.submit),{label:u,isDisabled:l!=="Completed"||t==="reject"&&c==="In-Progress",isLoading:c==="In-Progress"&&(t==="send_for_approval"||t==="approve"),onClick:C?s:L,style:t==="send_for_approval"?{minWidth:"92px"}:{}}})(),cancelButton:D,hideCancel:C}})]})},R=(e,a,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:W("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:d,code:r.reviewStatus??""}}})},H=e=>{const{this_:a,these:i,report:d,reports:r,payment:s,payments:l}=n.texts;return e>1?{title:o.popUps.reject.title.replace("__report__",o.reports),description:o.popUps.reject.description.replaceAll("<_this_>",i).replaceAll("<_payment_>",l).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)}},J=(e,a,i,d)=>{const{has:r,have:s,report:l,reports:c,are:t,is:b,do_:v,does:g}=n.texts,w=a>1,p=i>1;let m="",h="";return e!=="Completed"||d?(m=o.reviewPage.reportsReviewing.title.replace("__report__",p?c:l),h=o.reviewPage.reportsReviewing.description.replace("__report__",p?c:l)):(m=o.reviewPage.reportsReviewed.title.replace("__report__",p?j.bulkActions.reports:o.report).replace("<_has_>",p?s:r),h=a===0?o.reviewPage.reportsReviewed.descriptionError.replace("__report__",p?c:l).replace("<_do_>",p?v:g):`${a}/${i} ${o.reviewPage.reportsReviewed.description.replace("__report__",i>1?c:l).replace("<_is_>",w?t:b)}`),{title:m,description:h}};export{se as default};