@zeniai/web-cockpit-ui 1.15.45-dev → 1.15.46-dev

package/dist/assets/ReimbursementDetailPage-DUzei4Rg-9uRBue4P.js

@@ -0,0 +1,314 @@
+import{ay as tt,V as t,gm as Bt,a9 as Pt,J as Nt,y as _t,cf as Lt,x as m,b as it,gn as Ot,gp as Et,gq as Wt,cs as Ae,ct as Me,cu as Re,bE as Be,ac as f,bq as Kt,dx as Ut,gr as Vt,gC as Pe,o as a,gs as Ne,fn as b,gv as g,fq as w,aQ as _e,fm as Le,w as q,gx as Oe,aT as Ft,aq as Gt,gy as qt,gz as ne,bz as Yt,gA as Ht,d as Xt,c as Jt,M as Zt,an as at,bb as rt,p as Y,ao as Qt,bX as ei,ak as ti,gX as ii,gR as ai,u as c,ck as ri,d0 as oi}from"./index-CZZQCAd2.js";import{a as u}from"./sentry-KKNtqb_g.js";import{n as r}from"./mui-1V4DDk1u.js";import{bL as ni,bZ as li,Gy as si}from"./zeni-epic-state-BIDncbwZ.js";import di from"./InvoiceUploadSection-IRD6N1t0-e8npmlKC.js";import{r as ci,h as x,u as mi}from"./types-DyvtCprH-NFPm5TaG.js";import"./liveblocks-DYmELrdC.js";import"./core-BPh6D8v5.js";import"./recharts-W_ILlOEk.js";import"./lottie-BRpRA-Un.js";import"./analytics-CQziHS33.js";import"./lexical-CO_PvSmH.js";import"./utils-DuPmVt2f.js";import"./AttachmentView-CbtcWV-6-CFsaig-u.js";import"./uploadReceipts-Dge0cNF1-BxDjc4Mk.js";import"./upload-reimbursement-receipt-O2N8vcO7-DHlUSExT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},v=new e.Error().stack;v&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[v]="f22944c3-0e87-47a8-9168-abeeab36e5e2",e._sentryDebugIdIdentifier="sentry-dbid-f22944c3-0e87-47a8-9168-abeeab36e5e2")}catch{}})();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])},pi={formTitle:new Jt("h6Regular","h5Regular")},Ee=({remiDetails:e,uploadInvoiceEndPoint:v,authParams:z,isAdmin:_,signedInUser:se,showApproveRejectBtns:de,isRealTimeApprovalEnabled:ce,isReimbursementCommentingEnabled:p,isShowDeletedReimbursementEnabled:me,isSignedInUserReimbursementCreator:ot,updateEditRealTimeApproverClicked:pe,onSaveRealTimeApprovals:ue,redirectToReimbursementListScreen:H,redirectToEditableReimbursementScreen:nt,onDuplicateLineClick:lt,approveOrRejectRemi:he,deleteReimbursement:st,cancelAndDeleteReport:ye,handleZeniLogoClick:dt,onAddNewRule:be,initialOpenThreadRequest:A})=>{const d=tt(),ct=Pt().analytics,n=Nt(),ge=_t(),[mt,M]=u.useState(!1),[X,J]=u.useState(!1),[pt,Z]=u.useState(!1),[Q,ee]=u.useState("approved"),L=u.useRef(null),[D,te]=u.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,ut]=u.useState(null),[ht,O]=u.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,we=u.useRef({}),xe=l=>{const o=we.current[l];o!=null&&setTimeout(()=>mi(o,L.current),100)};u.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&H()},[e,H]),u.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const o=l.substring(1);xe(o)}},[]);const yt=()=>{H()};Lt({componentName:"reimbursement.details"});const bt={onOkClick:()=>{M(!1),D.primaryButtonText===i.buttons.delete?st?.():D.title===i.cancelReportTitle?ye?.():D.title===i.cancelAndDeleteReportTitle&&ye?.(!0)},onCancelClick:()=>{M(!1)}},S=s.labelWidth.value(n),R=s.largeLabelWidth.value(n),fe=it.getLocalizedStrings(),{common:{texts:{comments:gt},strings:{empty:$e}},collaboration:{threads:{placeholder:{addANewComment:wt,replyAComment:xt},tooltip:{resolveComment:ft,unResolveComment:$t}}},dateFormat:ve}=fe,{reimbursementDetail:i,bulkActions:E}=fe.spendManagement.reimbursement,ie=e.remiDetails?.reportTitle,I=e.remiDetails?.lines??[],W=e.remiDetails?.reimbursementInfo.stage,K=e.remiDetails?.reimbursementInfo.billStatus,U=e.remiDetails?.reimbursementInfo.billPaymentStatus,Te=W?.code==="paid",vt=Te?W:K?.code=="approved"&&U?.code?U:K,T=ui(e.remiDetails),B=K?.code=="approved"&&U?.code?U:K,V=e.remiDetails?.isDeleted??!1,je=e.remiDetails?.amount,Se=e.remiDetails?.amount.amount??0,Ie=()=>{te({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),M(!0)},Tt=()=>{te({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),M(!0)},jt=()=>{te({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),M(!0)},De=()=>{nt()},St={onOkClick:l=>{Z(!1),he({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{Z(!1)}},It=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?De():(ee("approved"),he({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},Dt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(ee("delete"),Ie()):(ee("rejected"),Z(!0))},kt=e.remiDetails?.reimbursementInfo.paymentDate!=null?ni(li(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,ae=e.remiDetails?.reimbursementInfo.expectedDepositDate??kt,Ct=e.remiDetails?.lines?.some(l=>{const o=l.lineDetail;return o?.account?.isDeleted===!0&&o?.account?.isBillEditableCoaAccountType===!1})??!1,ke=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&ot&&!Ct,zt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",re=vt?.code,At=ci(e.duplicateLineByLineId),Ce=e.duplicateReimbursementStatus.fetchState==="Completed"&&At>0,{requestToOpenThread:oe,setRequestToOpenThread:F,setOpenThread:G}=u.useContext(Ot);u.useEffect(()=>{A?.threadId!=null&&A?.companyId!=null&&A?.entityType!=null&&F(A)},[A,F]);const{threads:P,isLoading:k}=Et(),Mt=u.useMemo(()=>P.filter(l=>l.resolved===!1&&!l.id.includes(Wt)),[P]).length,Rt=u.useCallback((l,o)=>{G(o),O(!1)},[G,O]);u.useEffect(()=>{oe?.threadId!=null&&P.length>0&&!k&&(G(oe.threadId),F(null))},[oe,P,k,G,F]);const y={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},N=si(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Ei,{windowSize:n,ref:L,children:[mt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:D.title}),descriptionComponent:t.jsx(Me,{children:D.description}),primaryButtonText:D.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:D.secondaryButtonText,action:bt}):null,pt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Me,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:St,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ri,{windowSize:n,"data-testid":f("reimbursement-detail-page-nav-bar-container"),children:[n!=="small"?t.jsx(Be,{"data-testid":f("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Bi,{onClick:()=>dt?.(),"data-testid":f("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ge.colors.background,keepBackgroundOnScroll:!0,scrollableContent:L,source:"ReimbursementDetailPage"}):null,n!=="small"?t.jsx(zi,{}):null,t.jsx(Be,{"data-testid":f("reimbursement-detail-page-nav-bar-right"),title:ie??$e,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:n!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Ni,{children:[p?t.jsxs(_i,{isDisabled:k,onClick:k?()=>null:l=>{l.preventDefault(),l.stopPropagation(),ut({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),O(!0),ct.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(o=>Ut(o)),void 0,void 0,"page icon")},"data-testid":f("remi-comments-section"),children:[t.jsx(Kt,{count:k?void 0:Mt,isLoading:k,style:{left:"12px"}}),t.jsx(Li,{})]}):null,t.jsx(Oi,{size:n,onClick:()=>yt(),"data-testid":f("remi-detail-page-close"),children:t.jsx(Pi,{})})]}),scrollableContent:L,enableTitleOnScroll:n!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(qi,{children:[n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Xe,{windowSize:n,children:t.jsx(Je,{windowsSize:n,children:ie})}),e.createdBy?.userId!=null?t.jsx(Ge,{windowSize:n,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,me&&T!=null?t.jsx(qe,{color:T.color,bgColor:T.bgColor,borderColor:T.borderColor,children:T.value}):null,B?.code!=null?n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Vt,{progressSectionObj:B,createDate:e.remiDetails?.createTime,paymentDate:ae,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:V}),N?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:E.duplicateWarning.title,description:E.duplicateWarning.description}):Ce?t.jsxs(We,{size:n,children:[t.jsx(Fe,{}),t.jsxs(Ue,{children:[t.jsx(Ke,{children:i.thereSeems}),t.jsx(Ve,{children:i.pleaseFind})]})]}):null]}):t.jsx(He,{windowSize:n,children:t.jsx(Ne,{progressSectionObj:B,createDate:e.remiDetails?.createTime,paymentDate:ae,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:V})}):null]}):null,I.map((l,o)=>{const j=e.duplicateLineByLineId[l.lineId];return t.jsxs(et,{windowSize:n,children:[t.jsx(Vi,{windowSize:n,children:t.jsx(Fi,{bottomSeperator:I.length!==1,windowSize:n,children:t.jsx(di,{showAutofill:!1,uploadInvoiceEndPoint:v,authParams:z,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:I.length>1?`#${o+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:I.length-1===o||o===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(Ui,{windowSize:n,children:[o===0&&n!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(Xe,{windowSize:n,children:[t.jsx(Je,{windowsSize:n,children:ie}),me&&T!=null?t.jsx(qe,{color:T.color,bgColor:T.bgColor,borderColor:T.borderColor,children:T.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ge,{windowSize:n,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,B?.code!=null?t.jsx(He,{windowSize:n,children:t.jsx(Ne,{progressSectionObj:B,createDate:e.remiDetails?.createTime,paymentDate:ae,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:V})}):null,N?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:E.duplicateWarning.title,description:E.duplicateWarning.description}):Ce?t.jsxs(We,{size:n,children:[t.jsx(Fe,{}),t.jsxs(Ue,{children:[t.jsx(Ke,{children:i.thereSeems}),t.jsx(Ve,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(xi,{windowSize:n,ref:ze=>{ze!=null&&(we.current[`L${l.lineId}`]=ze)},children:[n!=="small"?t.jsx(wi,{children:t.jsx(fi,{children:I.length>1?`#${o+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs($i,{windowSize:n,children:[j?.duplicateLineId!=null?t.jsxs(bi,{children:[i.thisExpenseReview," ",t.jsx(gi,{onClick:()=>{if(j.isDuplicateWithinTransaction&&j.duplicateLineId!=null)return xe(`L${j.duplicateLineId}`);j.duplicateTransactionId!=null&&j.duplicateLineId!=null&&lt(j.duplicateTransactionId,j.duplicateLineId)},"data-testid":f("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("reimbursementType",o,l.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:j?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(g,{label:{label:i.reimbursementType,width:R},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:j?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx($,{}),l.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("transactionDate",o,"mileage")}`},children:t.jsx(g,{label:{label:i.transactionDate,width:R},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("distanceInMiles",o,"mileage")}`},children:t.jsx(g,{label:{label:i.distanceInMiles,width:R},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("amount",o,"mileage")}`},children:t.jsx(g,{label:{label:i.amount,width:S},text:l.homeCurrencyConversions!=null?_e("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("memo",o,"mileage")}`},children:t.jsx(g,{label:{label:i.memo,width:S},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("class",o,"mileage")}`},children:t.jsx(g,{label:{label:i.department,width:S},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.customer`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("customer",o,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(g,{label:{label:i.customer,width:S},text:l.lineDetail.customer?.name??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("merchant",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.merchant,width:R},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("transactionDate",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.transactionDate,width:R},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("amount",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.amount,width:S},text:l.homeCurrencyConversions!=null?_e("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("memo",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.memo,width:S},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("account",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.category,width:S},text:l.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("class",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.department,width:S},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.out_of_pocket.customer`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("customer",o,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(g,{label:{label:i.customer,width:S},text:l.lineDetail.customer?.name??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),I.length!==1&&I.length===o+1&&t.jsxs(Ki,{windowSize:n,children:[t.jsxs(Ze,{windowSize:n,children:[t.jsx(Qe,{children:i.total}),t.jsx(Le,{amount:je,integerStyles:q.h6Regular.cssObject,decimalStyles:q.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Oe,{amount:Se,activities:e.remiActivities,stage:W?.code??"draft",onAddNewRule:be,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:_,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),I.length===1&&t.jsxs(et,{windowSize:n,children:[t.jsx(Ye,{}),t.jsxs(hi,{windowSize:n,children:[t.jsx(Wi,{windowSize:n,children:t.jsxs(Ze,{windowSize:n,children:[t.jsx(Qe,{children:i.total}),t.jsx(Le,{amount:je,integerStyles:q.h6Regular.cssObject,decimalStyles:q.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(yi,{windowSize:n,children:t.jsx(Oe,{amount:Se,activities:e.remiActivities,stage:W?.code??"draft",onAddNewRule:be,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:_,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue}})})]})]}),t.jsx(Gi,{})]}),Te||V===!0?null:t.jsxs(Mi,{children:[n!=="small"?t.jsx(Ye,{}):null,t.jsx(Ti,{windowSize:n,"data-testid":f("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),X===!0&&J(!1)},children:t.jsx(Ft,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,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:Q==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||Q==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:Dt,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:Q==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:It,style:{width:s.footerButtonWidth.value(n)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(vi,{children:t.jsxs(Ai,{windowSize:n,children:[!N&&X?t.jsx(Gt,{onClickAway:()=>J(!1),children:t.jsxs(Ci,{windowSize:n,children:[re!=="processing"?t.jsx(le,{onClick:Ie,"data-testid":f("remi-delete-action"),children:i.buttons.deleteReport}):null,re==="processing"?t.jsx(le,{onClick:Tt,"data-testid":f("remi-cancel-action"),children:i.buttons.cancel}):null,re==="processing"?t.jsx(le,{onClick:jt,"data-testid":f("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(ki,{windowSize:n,children:[!N&&ke?t.jsx(Di,{onClick:De,"data-testid":f("remi-edit-button"),children:t.jsx(Ii,{})}):null,!N&&zt===!0?t.jsx(Si,{windowSize:n,showEditIcon:ke,children:t.jsx(ji,{onClick:()=>J(!X),"data-testid":f("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),p?t.jsx(qt,{isDrawerOpen:ht,allowComposer:!0,drawerTitle:gt,threads:P,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:C?.companyId??$e,isGlobalComment:!1,tab:"reimbursement"},isLoading:k,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:wt,replyComposerPlaceholder:xt,threadResolve:ft,threadUnResolve:$t},onThreadClick:(l,o)=>Rt(l,o),onCloseAllThreadsDrawer:()=>O(!1),drawerSectionStyle:{width:"400px",backgroundColor:ge.colors.background}}):null]})},ca=e=>{const v=tt().currentTenant?.companyId,z=e.remiDetails.remiDetails?.id;if(!(e.isReimbursementCommentingEnabled&&z!=null&&v!=null))return t.jsx(Ee,{...e});const _=`dashboard_${v}`;return t.jsx(Bt,{roomId:_,filter:{application:"dashboard",companyId:v,entityId:z,tab:"reimbursement",isGlobalComment:!1},children:t.jsx(Ee,{...e})})},ui=e=>{const v=it.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:v.tabsById.deleted,color:ne.deleted.color,bgColor:ne.deleted.bgColor,borderColor:ne.deleted.borderColor,code:"deleted"}},hi=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,yi=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)};
+`,bi=r(Qt)`
+  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
+  background-color: ${Y.alertLight};
+  color: ${Y.brandColorGoldDark};
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+`,gi=r.span`
+  border-bottom: 1px solid currentColor;
+  cursor: pointer;
+`,We=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: ${Y.alertLight};
+  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+`,Ke=r(ri)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Ue=r.div`
+  width: 100%;
+`,Ve=r(at)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Fe=r(oi)`
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${Y.brandColorGoldDark};
+`,Ge=r(at)`
+  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};
+`,wi=r.div`
+  display: flex;
+  justify-content: space-between;
+`,xi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,fi=r(rt)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,$i=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;
+`,vi=r.div`
+  display: flex;
+  justify-content: flex-end;
+`,Ti=r.div`
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,ji=r(ai)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Si=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};
+  }
+`,Ii=r(ii)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Di=r.div`
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  margin-left: ${a.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,qe=r(rt)`
+  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;
+`,ki=r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Ci=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`};
+`,zi=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;
+`,Ai=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;
+`,le=r(ti)`
+  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};
+  }
+`,Mi=r.div`
+  display: flex;
+  width: 100%;
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+`,Ri=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;
+`,Bi=r(Yt)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+`,$=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Pi=r(Xt)`
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  float: right;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ni=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
+  display: flex;
+  float: right;
+`,_i=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};
+  }
+`,Li=r(Ht)`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  align-items: center;
+  justify-content: center;
+`,Oi=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
+  margin-left: ${a.sp5};
+`,Ei=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;
+`,Ye=r.div`
+  width: 42%;
+`,Wi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,He=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)};
+`,Xe=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"};
+`,Je=r(Zt)`
+  flex-grow: 1;
+  ${e=>`${pi.formTitle.style(e.windowsSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+`,Ki=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Ze=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(ei)`
+  display: flex;
+  width: 176px;
+  color: ${e=>e.theme.colors.primary};
+`,Ui=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,et=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
+`,Vi=r.div`
+  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
+`,Fi=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};
+`,Gi=r.div`
+  display: flex;
+  flex-direction: column;
+  height: ${a.sp11};
+`,qi=r.div`
+  margin-top: 78px;
+`;export{ca as default};

package/dist/assets/{ReimbursementPromoPage-DXTAY8c7-BNOZ_20N.js → ReimbursementPromoPage-GXdDXSVY-DHkphGMK.js}

@@ -1,38 +1,38 @@
-import{aw as ne,d as S,J as k,aR as le,V as e,aQ as a,fw as ae,bD as de,i as u,ae as d,F,o as r,aq as ce,R as me,aU as V,am as pe,y as xe,p as z,cF as he,aV as ue,bb as ge,u as we}from"./index-DTirxbyQ.js";import{a as j}from"./sentry-DuRPstDP.js";import{n as s}from"./mui-CUgxbbSv.js";import{FQ as je,bT as be}from"./zeni-epic-state-DfBiKLGZ.js";import{C as fe}from"./VideoPopup-rfiYmtio-DF-tGFMP.js";import{M as v}from"./usp-line-BBd1wKwW-Du-iFEZV.js";import"./liveblocks-DIuhFCxt.js";import"./core-D7HgM8n1.js";import"./recharts-Cv8hlrkl.js";import"./lottie-CoVTVb_w.js";import"./analytics-DYhmL7CM.js";import"./lexical-BIyV8PdW.js";import"./utils-DiiaN_Gy.js";import"./VideoPlayer-9UkKMhGy-DADkPX-f.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new i.Error().stack;o&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[o]="ad3bc86e-6a56-4992-b7b9-6f521cd97ffc",i._sentryDebugIdIdentifier="sentry-dbid-ad3bc86e-6a56-4992-b7b9-6f521cd97ffc")}catch{}})();const E="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",ye={midContainerMarginBottom:new xe(we[5],44)},$e=s.div`
+import{ay as ne,y as S,J as k,aS as le,V as e,ac as a,fy as ae,bE as de,a as u,ag as d,b as V,o as s,as as ce,e as me,aV as E,ao as pe,x as xe,p as z,cH as he,aW as ue,bc as ge,u as we}from"./index-CZZQCAd2.js";import{a as j}from"./sentry-KKNtqb_g.js";import{n as r}from"./mui-1V4DDk1u.js";import{Gx as je,bQ as be}from"./zeni-epic-state-BIDncbwZ.js";import{C as fe}from"./VideoPopup-BgqoT4JJ-BIfkB45X.js";import{M as v}from"./usp-line-BBd1wKwW-DkxZf2LY.js";import"./liveblocks-DYmELrdC.js";import"./core-BPh6D8v5.js";import"./recharts-W_ILlOEk.js";import"./lottie-BRpRA-Un.js";import"./analytics-CQziHS33.js";import"./lexical-CO_PvSmH.js";import"./utils-DuPmVt2f.js";import"./VideoPlayer-CQQljSJC-Ckm25ZkZ.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new i.Error().stack;o&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[o]="237a7da3-c2a1-4593-bd5e-5c58800ae99b",i._sentryDebugIdIdentifier="sentry-dbid-237a7da3-c2a1-4593-bd5e-5c58800ae99b")}catch{}})();const Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",_="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",ye={midContainerMarginBottom:new xe(we[5],44)},$e=r.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"?`${r.sp0} ${r.sp3}`:`${r.sp0} ${r.sp8}`};
+`,Se=r.div`
+  padding: ${i=>i.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
   text-align: center;
-`,ke=s(me)`
+`,ke=r(me)`
   max-width: 648px;
   margin: auto;
-  padding: ${r.sp7} ${r.sp0};
+  padding: ${s.sp7} ${s.sp0};
   color: ${i=>i.theme.colors.primary};
-`,ze=s(ce)`
+`,ze=r(ce)`
   max-width: 600px;
   margin: auto;
-  padding: ${r.sp5} ${r.sp0};
+  padding: ${s.sp5} ${s.sp0};
   color: ${i=>i.theme.colors.primary};
-`,_=s.div`
+`,F=r.div`
   display: flex;
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   align-items: center;
   justify-content: center;
   margin-bottom: ${i=>ye.midContainerMarginBottom.valuePx(i.windowSize)};
-`,ve=s.div``,D=s.div`
+`,ve=r.div``,L=r.div`
   display: flex;
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   align-items: center;
   justify-content: center;
-`,g=s.img``,N=s.div`
+`,g=r.img``,N=r.div`
   width: ${i=>i.windowSize==="small"?"auto":"376px"};
   display: flex;
   flex-direction: column;
-`,q=s.div`
+`,G=r.div`
   width: ${i=>i.windowSize==="small"?"100%":"calc(100% - 376px)"};
   overflow: hidden;
   max-width: 712px;
@@ -40,45 +40,45 @@ import{aw as ne,d as S,J as k,aR as le,V as e,aQ as a,fw as ae,bD as de,i as u,a
   align-content: center;
   justify-content: center;
   align-items: center;
-`,H=s.div`
-  margin-left: ${i=>i.windowSize==="small"?r.sp0:r.sp6};
-  margin-bottom: ${i=>i.windowSize==="small"?r.sp4:r.sp0};
+`,O=r.div`
+  margin-left: ${i=>i.windowSize==="small"?s.sp0:s.sp6};
+  margin-bottom: ${i=>i.windowSize==="small"?s.sp4:s.sp0};
   background: ${i=>i.theme.colors.grey3};
   border-radius: 12px;
   border: ${i=>`1px solid ${i.theme.colors.grey3}`};
   padding: 15px;
-`,c=s.div`
-  border-radius: ${r.sp12};
+`,c=r.div`
+  border-radius: ${s.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}`};
+  padding: ${i=>i.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
   background: ${i=>i.theme.colors.grey5};
   position: relative;
-  margin-bottom: ${r.sp3};
+  margin-bottom: ${s.sp3};
   display: flex;
   align-items: center;
   text-align: start;
   box-sizing: border-box;
-`,b=s(ge)`
+`,b=r(ge)`
   color: ${i=>i.theme.colors.champion};
-`,f=s(ue)`
+`,f=r(ue)`
   color: ${i=>i.theme.colors.champion};
-`,y=s(V)`
+`,y=r(E)`
   color: ${i=>i.theme.colors.champion};
-`,$=s(he)`
+`,$=r(he)`
   color: ${i=>i.theme.colors.champion};
-`,m=s.div``,p=s.div`
-  padding-left: ${r.sp3};
-`,L=s(V)`
-  margin: ${i=>i.windowSize==="small"?r.sp1:`auto ${r.sp5}`};
+`,m=r.div``,p=r.div`
+  padding-left: ${s.sp3};
+`,M=r(E)`
+  margin: ${i=>i.windowSize==="small"?s.sp1:`auto ${s.sp5}`};
   color: ${i=>i.theme.colors.grey1};
-`,O=s(v)`
+`,H=r(v)`
   color: ${z.graphColor16Dark};
-`,Q=s(v)`
+`,W=r(v)`
   color: ${z.graphColor09Dark};
-`,W=s(v)`
+`,q=r(v)`
   color: ${z.success};
-`,M=s(pe)`
-  margin: ${r.sp3} auto;
+`,D=r(pe)`
+  margin: ${s.sp3} auto;
   max-width: 772px;
   color: ${i=>i.theme.colors.hero};
-`,t=F.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=F.getLocalizedStrings().commonSetUp.businessVerification.terms,Te=()=>{const i=S(),o=k();return e.jsxs(_,{windowSize:o,children:[e.jsx(q,{windowSize:o,children:e.jsx(H,{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:E,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(N,{windowSize:o,children:[e.jsxs(c,{windowSize:o,children:[e.jsx(m,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.simplestText.bold}),e.jsx(y,{children:t.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(m,{children:e.jsx(Q,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.aiPoweredText.bold}),e.jsx(y,{children:t.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(m,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.multiLevelApprovalText.bold}),e.jsx(y,{children:t.multiLevelApprovalText.regular})]})]})]})]})},Ce=()=>{const i=S(),o=k();return e.jsxs(_,{windowSize:o,children:[e.jsxs(N,{windowSize:o,children:[e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(m,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.simplestText.bold}),e.jsx(b,{children:t.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(m,{children:e.jsx(Q,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.aiPoweredText.bold}),e.jsx(b,{children:t.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(m,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.multiLevelApprovalText.bold}),e.jsx(b,{children:t.multiLevelApprovalText.regular})]})]})]}),e.jsx(q,{windowSize:o,children:e.jsx(H,{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:E,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},Ne=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:T,videoUrl:G,analytics:x,onSetupButtonClick:J,onCreateNewRemiButtonClick:K,onBackClick:X,onSetupReimbursementSuccess:C,onClickMenuIcon:Y})=>{const P=ne(),[ee,ie]=j.useState(!1),[te,R]=j.useState(!1),re=S(),l=k(),{remiTermsDetails:h}=i,I=le(h?.fetchStatus.fetchState),se=je(P.loggedInUserRoleMap),w=be(P.loggedInUserRoleMap)&&!se,oe=!!o?.isReimbursementTOSAccepted,U=!!i.companyRemiInfo?.isReimbursementEnabled,A=w?U?t.employeeAcceptPromoText:t.employeePendingPromoText:t.promoText;j.useEffect(()=>{I==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&C?.()},[I,C,h?.fetchStatus]);const B=()=>{x?.trackReimbursementPromoScheduleDemo(),R(!0)};return e.jsxs($e,{children:[ee===!0?e.jsx(fe,{onCancelClick:()=>{ie(!1)},videoUrl:G,"data-testid":a("remi-promo-page-video-popup")}):null,te===!0?e.jsx(ae,{onCancelClick:()=>{R(!1)},meetingUrl:T,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(de,{title:t.title,backgroundColor:re.colors.grey4,onBackClick:X,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:Y,source:"ReimbursementPromoPage"}),e.jsxs(Se,{windowSize:l,children:[l==="small"?e.jsx(ze,{children:A}):e.jsx(ke,{children:A}),l==="small"?e.jsx(Te,{}):e.jsx(Ce,{}),e.jsx(ve,{children:w?e.jsx(e.Fragment,{children:U&&!oe?e.jsxs(e.Fragment,{children:[e.jsxs(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(L,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:K,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(M,{children:[t.terms.createTerms1,e.jsx(d,{href:t.terms.tosUrl,linkText:t.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),t.terms.terms2,e.jsx(d,{href:t.terms.privacyPolicyUrl,linkText:t.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),t.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(L,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:J,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(M,{children:[t.terms.setupTerms1,e.jsx(d,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(d,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(d,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(d,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,t.terms.terms3]})]})})]})]})};export{Ne as default};
+`,t=V.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=V.getLocalizedStrings().commonSetUp.businessVerification.terms,Te=()=>{const i=S(),o=k();return e.jsxs(F,{windowSize:o,children:[e.jsx(G,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:_,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(c,{windowSize:o,children:[e.jsx(m,{children:e.jsx(H,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.simplestText.bold}),e.jsx(y,{children:t.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(m,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.aiPoweredText.bold}),e.jsx(y,{children:t.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(m,{children:e.jsx(q,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.multiLevelApprovalText.bold}),e.jsx(y,{children:t.multiLevelApprovalText.regular})]})]})]})]})},Ce=()=>{const i=S(),o=k();return e.jsxs(F,{windowSize:o,children:[e.jsxs(N,{windowSize:o,children:[e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(m,{children:e.jsx(H,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.simplestText.bold}),e.jsx(b,{children:t.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(m,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.aiPoweredText.bold}),e.jsx(b,{children:t.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(m,{children:e.jsx(q,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.multiLevelApprovalText.bold}),e.jsx(b,{children:t.multiLevelApprovalText.regular})]})]})]}),e.jsx(G,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:_,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"})})})]})},Ne=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:T,videoUrl:J,analytics:x,onSetupButtonClick:Q,onCreateNewRemiButtonClick:K,onBackClick:X,onSetupReimbursementSuccess:C,onClickMenuIcon:Y})=>{const P=ne(),[ee,ie]=j.useState(!1),[te,R]=j.useState(!1),se=S(),l=k(),{remiTermsDetails:h}=i,I=le(h?.fetchStatus.fetchState),re=je(P.loggedInUserRoleMap),w=be(P.loggedInUserRoleMap)&&!re,oe=!!o?.isReimbursementTOSAccepted,U=!!i.companyRemiInfo?.isReimbursementEnabled,A=w?U?t.employeeAcceptPromoText:t.employeePendingPromoText:t.promoText;j.useEffect(()=>{I==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&C?.()},[I,C,h?.fetchStatus]);const B=()=>{x?.trackReimbursementPromoScheduleDemo(),R(!0)};return e.jsxs($e,{children:[ee===!0?e.jsx(fe,{onCancelClick:()=>{ie(!1)},videoUrl:J,"data-testid":a("remi-promo-page-video-popup")}):null,te===!0?e.jsx(ae,{onCancelClick:()=>{R(!1)},meetingUrl:T,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(de,{title:t.title,backgroundColor:se.colors.grey4,onBackClick:X,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:Y,source:"ReimbursementPromoPage"}),e.jsxs(Se,{windowSize:l,children:[l==="small"?e.jsx(ze,{children:A}):e.jsx(ke,{children:A}),l==="small"?e.jsx(Te,{}):e.jsx(Ce,{}),e.jsx(ve,{children:w?e.jsx(e.Fragment,{children:U&&!oe?e.jsxs(e.Fragment,{children:[e.jsxs(L,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(M,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:K,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(D,{children:[t.terms.createTerms1,e.jsx(d,{href:t.terms.tosUrl,linkText:t.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),t.terms.terms2,e.jsx(d,{href:t.terms.privacyPolicyUrl,linkText:t.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),t.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(L,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(M,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:Q,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(D,{children:[t.terms.setupTerms1,e.jsx(d,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(d,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(d,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(d,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,t.terms.terms3]})]})})]})]})};export{Ne as default};