@zeniai/web-components 3.16.49 → 3.16.51

package/dist/ReimbursementDetailPage-mUGGGbZ7.cjs

@@ -0,0 +1,314 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),c=require("react"),r=require("@emotion/styled"),ct=require("@liveblocks/react"),H=require("@zeniai/client-epic-state"),t=require("./index-C5IoNVAR.cjs"),pt=require("./InvoiceUploadSection-DMDQE_xQ.cjs"),m=require("./types-UmwfBRaY.cjs"),s={labelWidth:new t.ResponsiveSized(120,160,160),largeLabelWidth:new t.ResponsiveSized(150,235,235),rightMargin:new t.ResponsiveSized(t.sp[3],t.sp[8]),leftMargin:new t.ResponsiveSized(t.sp[3],t.sp[6]),invoiceRightMargin:new t.ResponsiveSized(t.sp[3],t.sp[6]),invoiceLeftMargin:new t.ResponsiveSized(t.sp[3],t.sp[8]),topMargin:new t.ResponsiveSized(t.sp[3],0),bottomMargin:new t.ResponsiveSized(t.sp[4],27),activityBottomMargin:new t.ResponsiveSized(96,0),totalBottomMargin:new t.ResponsiveSized(t.sp[5],t.sp[3]),formBottomMargin:new t.ResponsiveSized(t.sp[5],t.sp[3]),navBarHeight:new t.ResponsiveSized(44,62),closeMarginTop:new t.ResponsiveSized(0,0),closeMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),rightSectionWidth:new t.ResponsiveSized(100,58),leftSectionWidth:new t.ResponsiveSized(100,42),footerButtonWidth:new t.ResponsiveSized(120,165),right:new t.ResponsiveSized(t.sp[3],t.sp[0]),actionsContainerRight:new t.ResponsiveSized(t.sp[0],t.sp[6]),otherActionsContainerBottom:new t.ResponsiveSized(58,44),duplicateBannerWrapperMarginTop:new t.ResponsiveSized(t.sp[5],t.sp[3]),duplicateBannerWrapperMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),duplicateBannerWrapperMarginBottom:new t.ResponsiveSized(t.sp[5],t.sp[3]),duplicateBannerWrapperMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[6])},ut={formTitle:new t.ResponsiveSizedStyle("h6Regular","h5Regular")},mt=({remiDetails:e,uploadInvoiceEndPoint:D,authParams:Be,isAdmin:J,signedInUser:X,showApproveRejectBtns:Z,isRealTimeApprovalEnabled:Q,isReimbursementCommentingEnabled:p,isShowDeletedReimbursementEnabled:ee,isSignedInUserReimbursementCreator:De,updateEditRealTimeApproverClicked:te,onSaveRealTimeApprovals:oe,redirectToReimbursementListScreen:L,redirectToEditableReimbursementScreen:Le,onDuplicateLineClick:Fe,approveOrRejectRemi:ne,deleteReimbursement:Ne,cancelAndDeleteReport:re,handleZeniLogoClick:Oe,onAddNewRule:ie})=>{const d=t.useGlobalInfoContext(),Ke=t.useToolkitContext().analytics,i=t.useWindowSizeContext(),ae=o.useTheme(),[We,w]=c.useState(!1),[F,N]=c.useState(!1),[_e,O]=c.useState(!1),[K,W]=c.useState("approved"),E=c.useRef(null),[j,_]=c.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[f,qe]=c.useState(null),[Ue,C]=c.useState(!1),u=`dashboard_${d.currentTenant?.companyId}`,se=c.useRef({}),le=l=>{const a=se.current[l];a!=null&&setTimeout(()=>m.scrollToTargetAdjusted(a,E.current),100)};c.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&L()},[e,L]),c.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const a=l.substring(1);le(a)}},[]);const Ve=()=>{L()};t.useSentryPerformanceTracking({componentName:"reimbursement.details"});const Ge={onOkClick:()=>{w(!1),j.primaryButtonText===n.buttons.delete?Ne?.():j.title===n.cancelReportTitle?re?.():j.title===n.cancelAndDeleteReportTitle&&re?.(!0)},onCancelClick:()=>{w(!1)}},S=s.labelWidth.value(i),R=s.largeLabelWidth.value(i),de=t.appLocale.getLocalizedStrings(),{common:{texts:{comments:He},strings:{empty:ce}},collaboration:{threads:{placeholder:{addANewComment:Ye,replyAComment:Je},tooltip:{resolveComment:Xe,unResolveComment:Ze}}},dateFormat:pe}=de,{reimbursementDetail:n,bulkActions:k}=de.spendManagement.reimbursement,q=e.remiDetails?.reportTitle,b=e.remiDetails?.lines??[],M=e.remiDetails?.reimbursementInfo.stage,z=e.remiDetails?.reimbursementInfo.billStatus,A=e.remiDetails?.reimbursementInfo.billPaymentStatus,ue=M?.code==="paid",Qe=ue?M:z?.code=="approved"&&A?.code?A:z,h=xt(e.remiDetails),v=z?.code=="approved"&&A?.code?A:z,P=e.remiDetails?.isDeleted??!1,me=e.remiDetails?.amount,xe=e.remiDetails?.amount.amount??0,he=()=>{_({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?n.deleteDraftTitle:n.deleteReportTitle,description:n.deleteAlertDescription,primaryButtonText:n.buttons.delete,secondaryButtonText:n.buttons.cancel}),w(!0)},et=()=>{_({title:n.cancelReportTitle,description:n.cancelAlertDescription,primaryButtonText:n.buttons.yes,secondaryButtonText:n.buttons.no}),w(!0)},tt=()=>{_({title:n.cancelAndDeleteReportTitle,description:n.cancelAndDeleteAlertDescription,primaryButtonText:n.buttons.yes,secondaryButtonText:n.buttons.no}),w(!0)},ye=()=>{Le()},ot={onOkClick:l=>{O(!1),ne({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{O(!1)}},nt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?ye():(W("approved"),ne({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},rt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(W("delete"),he()):(W("rejected"),O(!0))},it=e.remiDetails?.reimbursementInfo.paymentDate!=null?H.zeniDate(H.getNextNthWorkingDay(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,U=e.remiDetails?.reimbursementInfo.expectedDepositDate??it,ge=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&De,at=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",V=Qe?.code,st=m.getNumberOfDuplicateLines(e.duplicateLineByLineId),be=e.duplicateReimbursementStatus.fetchState==="Completed"&&st>0,{requestToOpenThread:G,setRequestToOpenThread:je,setOpenThread:B}=c.useContext(t.ThreadsContext),{threads:$,isLoading:T}=t.useFilteredThreads({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),lt=c.useMemo(()=>$.filter(l=>l.resolved===!1&&!l.id.includes(t.NEW_THREAD_SUFFIX)),[$]).length,dt=c.useCallback((l,a)=>{B(a),C(!1)},[B,C]);c.useEffect(()=>{G?.threadId!=null&&$.length>0&&!T&&(B(G.threadId),je(null))},[G,$,T,B,je]);const x={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},I=H.isBulkProcessing(e.remiDetails?.bulkProcessingDetail?.type);return o.jsxRuntimeExports.jsxs(Kt,{windowSize:i,ref:E,children:[We?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:j.title}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:j.description}),primaryButtonText:j.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:j.secondaryButtonText,action:Ge}):null,_e?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:`${n.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:n.rejectRemiDescription}),primaryButtonText:n.buttons.send,secondaryButtonText:n.buttons.cancel,action:ot,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:n.rejectRejectReasonPlaceholder}):null,o.jsxRuntimeExports.jsxs(Pt,{windowSize:i,"data-testid":t.generateDataTestId("reimbursement-detail-page-nav-bar-container"),children:[i!=="small"?o.jsxRuntimeExports.jsx(t.NavBar,{"data-testid":t.generateDataTestId("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:o.jsxRuntimeExports.jsx(Bt,{onClick:()=>Oe?.(),"data-testid":t.generateDataTestId("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ae.colors.background,keepBackgroundOnScroll:!0,scrollableContent:E,source:"ReimbursementDetailPage"}):null,i!=="small"?o.jsxRuntimeExports.jsx(Mt,{}):null,o.jsxRuntimeExports.jsx(t.NavBar,{"data-testid":t.generateDataTestId("reimbursement-detail-page-nav-bar-right"),title:q??ce,leftSideComponent:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}),style:{width:i!=="small"?"58%":"100%"},rightSideComponent:o.jsxRuntimeExports.jsxs(Lt,{children:[p?o.jsxRuntimeExports.jsxs(Ft,{isDisabled:T,onClick:T?()=>null:l=>{l.preventDefault(),l.stopPropagation(),qe({roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),C(!0),Ke.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(a=>t.getFullName(a)),void 0,void 0,"page icon")},"data-testid":t.generateDataTestId("remi-comments-section"),children:[o.jsxRuntimeExports.jsx(t.CommentsAndNotesCount,{count:T?void 0:lt,isLoading:T,style:{left:"12px"}}),o.jsxRuntimeExports.jsx(Nt,{})]}):null,o.jsxRuntimeExports.jsx(Ot,{size:i,onClick:()=>Ve(),"data-testid":t.generateDataTestId("remi-detail-page-close"),children:o.jsxRuntimeExports.jsx(Dt,{})})]}),scrollableContent:E,enableTitleOnScroll:i!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),o.jsxRuntimeExports.jsxs(Ht,{children:[i==="small"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(ke,{windowSize:i,children:o.jsxRuntimeExports.jsx(Me,{windowsSize:i,children:q})}),e.createdBy?.userId!=null?o.jsxRuntimeExports.jsx($e,{windowSize:i,children:`${n.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,ee&&h!=null?o.jsxRuntimeExports.jsx(Ie,{color:h.color,bgColor:h.bgColor,borderColor:h.borderColor,children:h.value}):null,v?.code!=null?i==="small"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(t.VerticalProgressBarSectionMemo,{progressSectionObj:v,createDate:e.remiDetails?.createTime,paymentDate:U,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:P}),I?o.jsxRuntimeExports.jsx(t.WarningBanner,{variant:"warning",style:{margin:`${t.Space.sp5} ${t.Space.sp3}`},title:k.duplicateWarning.title,description:k.duplicateWarning.description}):be?o.jsxRuntimeExports.jsxs(Te,{size:i,children:[o.jsxRuntimeExports.jsx(ve,{}),o.jsxRuntimeExports.jsxs(we,{children:[o.jsxRuntimeExports.jsx(fe,{children:n.thereSeems}),o.jsxRuntimeExports.jsx(Re,{children:n.pleaseFind})]})]}):null]}):o.jsxRuntimeExports.jsx(Ce,{windowSize:i,children:o.jsxRuntimeExports.jsx(t.ProgressBarSectionMemo,{progressSectionObj:v,createDate:e.remiDetails?.createTime,paymentDate:U,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:P})}):null]}):null,b.map((l,a)=>{const y=e.duplicateLineByLineId[l.lineId];return o.jsxRuntimeExports.jsxs(Pe,{windowSize:i,children:[o.jsxRuntimeExports.jsx(Ut,{windowSize:i,children:o.jsxRuntimeExports.jsx(Vt,{bottomSeperator:b.length!==1,windowSize:i,children:o.jsxRuntimeExports.jsx(pt.default,{showAutofill:!1,uploadInvoiceEndPoint:D,authParams:Be,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:b.length>1?`#${a+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:b.length-1===a||a===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:n.noReceiptAttached,type:"receipt"})})}),o.jsxRuntimeExports.jsxs(qt,{windowSize:i,children:[a===0&&i!=="small"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(ke,{windowSize:i,children:[o.jsxRuntimeExports.jsx(Me,{windowsSize:i,children:q}),ee&&h!=null?o.jsxRuntimeExports.jsx(Ie,{color:h.color,bgColor:h.bgColor,borderColor:h.borderColor,children:h.value}):null]}),e.createdBy?.userId!=null?o.jsxRuntimeExports.jsx($e,{windowSize:i,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,v?.code!=null?o.jsxRuntimeExports.jsx(Ce,{windowSize:i,children:o.jsxRuntimeExports.jsx(t.ProgressBarSectionMemo,{progressSectionObj:v,createDate:e.remiDetails?.createTime,paymentDate:U,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:P})}):null,I?o.jsxRuntimeExports.jsx(t.WarningBanner,{variant:"warning",style:{margin:`${t.Space.sp3} ${t.Space.sp8} ${t.Space.sp3} ${t.Space.sp6}`},title:k.duplicateWarning.title,description:k.duplicateWarning.description}):be?o.jsxRuntimeExports.jsxs(Te,{size:i,children:[o.jsxRuntimeExports.jsx(ve,{}),o.jsxRuntimeExports.jsxs(we,{children:[o.jsxRuntimeExports.jsx(fe,{children:n.thereSeems}),o.jsxRuntimeExports.jsx(Re,{children:n.pleaseFind})]})]}):null]}):null,o.jsxRuntimeExports.jsxs(St,{windowSize:i,ref:Se=>{Se!=null&&(se.current[`L${l.lineId}`]=Se)},children:[i!=="small"?o.jsxRuntimeExports.jsx(jt,{children:o.jsxRuntimeExports.jsx(Tt,{children:b.length>1?`#${a+1} ${n.reimbursement}`:n.reimbursement})}):null,o.jsxRuntimeExports.jsxs(ft,{windowSize:i,children:[y?.duplicateLineId!=null?o.jsxRuntimeExports.jsxs(gt,{children:[n.thisExpenseReview," ",o.jsxRuntimeExports.jsx(bt,{onClick:()=>{if(y.isDuplicateWithinTransaction&&y.duplicateLineId!=null)return le(`L${y.duplicateLineId}`);y.duplicateTransactionId!=null&&y.duplicateLineId!=null&&Fe(y.duplicateTransactionId,y.duplicateLineId)},"data-testid":t.generateDataTestId("remi-view-duplicate-expense"),children:n.viewOriginalExpense})]}):null,o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:l.type===n.mileageKey?`${a}.mileage.reimbursementType`:`${a}.out_of_pocket.reimbursementType`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("reimbursementType",a,l.type===n.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:y?.duplicateLineId==null?`${t.Space.sp2} ${t.Space.sp2} 0 0`:"0 0 0 0"},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.reimbursementType,width:R},text:l.type===n.mileageKey?n.mileage:n.outOfPocket,style:{width:"auto",borderRadius:y?.duplicateLineId==null?`${t.Space.sp2} ${t.Space.sp2} 0 0`:"0 0 0 0"}})}),o.jsxRuntimeExports.jsx(g,{}),l.type===n.mileageKey?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.mileage.transactionDate`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("transactionDate",a,"mileage")}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.transactionDate,width:R},text:l.transactionDate?.format(pe.visual.MMMDCommaYYYYformat)??n.emptyValue,style:{width:"auto"}})}),o.jsxRuntimeExports.jsx(g,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.mileage.distanceInMiles`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("distanceInMiles",a,"mileage")}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.distanceInMiles,width:R},text:l.distanceMileage.value.toString()??n.emptyValue,style:{width:"auto"}})}),o.jsxRuntimeExports.jsx(g,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.mileage.amount`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("amount",a,"mileage")}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.amount,width:S},text:l.homeCurrencyConversions!=null?t.amountToString("0,0[.]00",l.homeCurrencyConversions):n.emptyValue,style:{width:"auto"}})}),o.jsxRuntimeExports.jsx(g,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.mileage.memo`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("memo",a,"mileage")}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.memo,width:S},text:l.description??n.emptyValue,style:{width:"auto"}})}),o.jsxRuntimeExports.jsx(g,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.mileage.class`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("class",a,"mileage")}`},style:{borderRadius:`0 0 ${t.Space.sp2} ${t.Space.sp2}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.department,width:S},text:l.lineDetail.class?.className??n.emptyValue,style:{width:"auto",borderRadius:`0 0 ${t.Space.sp2} ${t.Space.sp2}`}})})]}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.out_of_pocket.merchant`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("merchant",a,"out_of_pocket")}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.merchant,width:R},text:l.merchant?.name??n.emptyValue,style:{width:"auto"}})}),o.jsxRuntimeExports.jsx(g,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.out_of_pocket.transactionDate`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("transactionDate",a,"out_of_pocket")}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.transactionDate,width:R},text:l.transactionDate?.format(pe.visual.MMMDCommaYYYYformat)??n.emptyValue,style:{width:"auto"}})}),o.jsxRuntimeExports.jsx(g,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.out_of_pocket.amount`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("amount",a,"out_of_pocket")}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.amount,width:S},text:l.homeCurrencyConversions!=null?t.amountToString("0,0[.]00",l.homeCurrencyConversions):n.emptyValue,style:{width:"auto"}})}),o.jsxRuntimeExports.jsx(g,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.out_of_pocket.memo`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("memo",a,"out_of_pocket")}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.memo,width:S},text:l.description??n.emptyValue,style:{width:"auto"}})}),o.jsxRuntimeExports.jsx(g,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.out_of_pocket.account`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("account",a,"out_of_pocket")}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.category,width:S},text:l.lineDetail.account?.accountName??n.emptyValue,style:{width:"auto"}})}),o.jsxRuntimeExports.jsx(g,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:p,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${a}.out_of_pocket.class`}),roomId:u,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...x,entityType:`reimbursement.details.${m.uniqueReimbursementTabKey("class",a,"out_of_pocket")}`},style:{borderRadius:`0 0 ${t.Space.sp2} ${t.Space.sp2}`},children:o.jsxRuntimeExports.jsx(t.LabeledReadOnlyTextField,{label:{label:n.department,width:S},text:l.lineDetail.class?.className??n.emptyValue,style:{width:"auto",borderRadius:`0 0 ${t.Space.sp2} ${t.Space.sp2}`}})})]})]})]}),b.length!==1&&b.length===a+1&&o.jsxRuntimeExports.jsxs(_t,{windowSize:i,children:[o.jsxRuntimeExports.jsxs(ze,{windowSize:i,children:[o.jsxRuntimeExports.jsx(Ae,{children:n.total}),o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:me,integerStyles:t.textStyles.h6Regular.cssObject,decimalStyles:t.textStyles.standardRegular.cssObject})]}),e.remiDetails&&o.jsxRuntimeExports.jsx(t.ActivitySection,{amount:xe,activities:e.remiActivities,stage:M?.code??"draft",onAddNewRule:ie,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:J,signedInUserId:X?.userId,showRealTimeApproval:Q,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:te,onSaveRealTimeApprovals:oe},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),b.length===1&&o.jsxRuntimeExports.jsxs(Pe,{windowSize:i,children:[o.jsxRuntimeExports.jsx(Ee,{}),o.jsxRuntimeExports.jsxs(ht,{windowSize:i,children:[o.jsxRuntimeExports.jsx(Wt,{windowSize:i,children:o.jsxRuntimeExports.jsxs(ze,{windowSize:i,children:[o.jsxRuntimeExports.jsx(Ae,{children:n.total}),o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:me,integerStyles:t.textStyles.h6Regular.cssObject,decimalStyles:t.textStyles.standardRegular.cssObject})]})}),e.remiDetails&&o.jsxRuntimeExports.jsx(yt,{windowSize:i,children:o.jsxRuntimeExports.jsx(t.ActivitySection,{amount:xe,activities:e.remiActivities,stage:M?.code??"draft",onAddNewRule:ie,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:J,signedInUserId:X?.userId,showRealTimeApproval:Q,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:te,onSaveRealTimeApprovals:oe}})})]})]}),o.jsxRuntimeExports.jsx(Gt,{})]}),ue||P===!0?null:o.jsxRuntimeExports.jsxs(At,{children:[i!=="small"?o.jsxRuntimeExports.jsx(Ee,{}):null,o.jsxRuntimeExports.jsx(Rt,{windowSize:i,"data-testid":t.generateDataTestId("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),F===!0&&N(!1)},children:o.jsxRuntimeExports.jsx(t.Footer,{separatorStyle:{marginRight:t.Space.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||Z,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||Z,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?i==="small"?n.buttons.delete:n.buttons.deleteReport:i==="small"?n.buttons.reject:n.buttons.rejectReport,isLoading:K==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||K==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:rt,style:{width:s.footerButtonWidth.value(i)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?i==="small"?n.buttons.edit:n.buttons.editAndResubmit:i==="small"?n.buttons.approve:n.buttons.approveReport,isLoading:K==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:nt,style:{width:s.footerButtonWidth.value(i)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:o.jsxRuntimeExports.jsx(wt,{children:o.jsxRuntimeExports.jsxs(zt,{windowSize:i,children:[!I&&F?o.jsxRuntimeExports.jsx(o.ClickAwayListener,{onClickAway:()=>N(!1),children:o.jsxRuntimeExports.jsxs(kt,{windowSize:i,children:[V!=="processing"?o.jsxRuntimeExports.jsx(Y,{onClick:he,"data-testid":t.generateDataTestId("remi-delete-action"),children:n.buttons.deleteReport}):null,V==="processing"?o.jsxRuntimeExports.jsx(Y,{onClick:et,"data-testid":t.generateDataTestId("remi-cancel-action"),children:n.buttons.cancel}):null,V==="processing"?o.jsxRuntimeExports.jsx(Y,{onClick:tt,"data-testid":t.generateDataTestId("remi-cancel-and-delete-action"),children:n.buttons.cancelAndDelete}):null]})}):null,o.jsxRuntimeExports.jsxs(Ct,{windowSize:i,children:[!I&&ge===!0?o.jsxRuntimeExports.jsx(Et,{onClick:ye,"data-testid":t.generateDataTestId("remi-edit-button"),children:o.jsxRuntimeExports.jsx(It,{})}):null,!I&&at===!0?o.jsxRuntimeExports.jsx($t,{windowSize:i,showEditIcon:ge,children:o.jsxRuntimeExports.jsx(vt,{onClick:()=>N(!F),"data-testid":t.generateDataTestId("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),p?o.jsxRuntimeExports.jsx(ct.RoomProvider,{id:u,children:o.jsxRuntimeExports.jsx(t.AllThreadsDrawer,{isDrawerOpen:Ue,allowComposer:!0,drawerTitle:He,threads:$,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:f?.companyId??ce,isGlobalComment:!1,tab:"reimbursement"},isLoading:T,threadMetadata:f?{companyName:f.companyName,companyId:f.companyId,entityId:f.entityId,entityType:f.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:Ye,replyComposerPlaceholder:Je,threadResolve:Xe,threadUnResolve:Ze},onThreadClick:(l,a)=>dt(l,a),onCloseAllThreadsDrawer:()=>C(!1),drawerSectionStyle:{width:"400px",backgroundColor:ae.colors.background}})}):null]})},xt=e=>{const D=t.appLocale.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:D.tabsById.deleted,color:t.statusToColorMap.deleted.color,bgColor:t.statusToColorMap.deleted.bgColor,borderColor:t.statusToColorMap.deleted.borderColor,code:"deleted"}},ht=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,yt=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)};
+`,gt=r(t.ExtraSmallRegular)`
+  padding: ${t.Space.sp2} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp4};
+  background-color: ${t.Colors.alertLight};
+  color: ${t.Colors.brandColorGoldDark};
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+`,bt=r.span`
+  border-bottom: 1px solid currentColor;
+  cursor: pointer;
+`,Te=r.div`
+  display: flex;
+  gap: ${t.Space.sp2};
+  padding: ${t.Space.sp3};
+  border-radius: ${t.Space.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: ${t.Colors.alertLight};
+  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+`,fe=r(t.StandardMedium)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,we=r.div`
+  width: 100%;
+`,Re=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,ve=r(t.SvgHighImportance)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.brandColorGoldDark};
+`,$e=r(t.StandardRegular)`
+  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};
+`,jt=r.div`
+  display: flex;
+  justify-content: space-between;
+`,St=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Tt=r(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${t.Space.sp3};
+`,ft=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=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin-bottom: ${e=>s.formBottomMargin.valuePx(e.windowSize)};
+  z-index: 3;
+`,wt=r.div`
+  display: flex;
+  justify-content: flex-end;
+`,Rt=r.div`
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,vt=r(t.SvgMoreRound)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp5};
+  height: ${t.Space.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,$t=r.div`
+  display: flex;
+  margin-left: ${e=>e.windowSize==="small"?e.showEditIcon===!0?t.Space.sp3:t.Space.sp4:t.Space.sp5};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,It=r(t.SvgEditRound)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp5};
+  height: ${t.Space.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Et=r.div`
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  margin-left: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ie=r(t.LargeMedium)`
+  display: flex;
+  color: ${e=>e.borderColor};
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: ${t.Space.sp3};
+  padding: 1px 6px 1px 6px;
+  border: ${e=>`1px solid ${e.borderColor}`};
+  border-radius: ${t.Space.sp1};
+  min-width: fit-content;
+  max-width: fit-content;
+`,Ct=r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,kt=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: ${t.Space.sp1};
+  padding-bottom: ${t.Space.sp1};
+  position: absolute;
+  bottom: ${e=>s.otherActionsContainerBottom.valuePx(e.windowSize)};
+  z-index: 3;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.Space.sp1};
+  right: ${e=>s.right.valuePx(e.windowSize)};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.grey1} 3D`};
+`,Mt=r.div`
+  position: fixed;
+  top: 0;
+  left: 42vw;
+  width: 100%;
+  height: 100vh;
+  background: transparent;
+  box-shadow: 0 2px ${t.Space.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
+  pointer-events: none;
+  z-index: 1;
+`,zt=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;
+`,Y=r(t.SmallRegular)`
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding-left: ${t.Space.sp3};
+  padding-right: ${t.Space.sp3};
+  height: ${t.Space.sp6};
+  box-sizing: border-box;
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,At=r.div`
+  display: flex;
+  width: 100%;
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+`,Pt=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;
+`,Bt=r(t.SvgZeniIconOnly)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  cursor: pointer;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,g=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Dt=r(t.SvgClose)`
+  cursor: pointer;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  float: right;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Lt=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
+  display: flex;
+  float: right;
+`,Ft=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};
+  }
+`,Nt=r(t.SvgComment)`
+  display: flex;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  align-items: center;
+  justify-content: center;
+`,Ot=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
+  margin-left: ${t.Space.sp5};
+`,Kt=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;
+`,Ee=r.div`
+  width: 42%;
+`,Wt=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Ce=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)};
+`,ke=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"};
+`,Me=r(t.StyledText)`
+  flex-grow: 1;
+  ${e=>`${ut.formTitle.style(e.windowsSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+`,_t=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: ${t.Space.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: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${e=>s.totalBottomMargin.valuePx(e.windowSize)};
+  justify-content: space-between;
+`,Ae=r(t.H6Medium)`
+  display: flex;
+  width: 176px;
+  color: ${e=>e.theme.colors.primary};
+`,qt=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,Pe=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
+`,Ut=r.div`
+  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
+`,Vt=r.div`
+  background: ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.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":t.Space.sp5};
+`,Gt=r.div`
+  display: flex;
+  flex-direction: column;
+  height: ${t.Space.sp11};
+`,Ht=r.div`
+  margin-top: 78px;
+`;exports.default=mt;

package/dist/ReimbursementPromoPage-CkdDFMaU.cjs

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-.pnpm-DHyNpoQL.cjs"),j=require("react"),o=require("@emotion/styled"),k=require("@zeniai/client-epic-state"),t=require("./index-C5IoNVAR.cjs"),Y=require("./MeetingCalenderPopup-BRhfczuj.cjs"),ee=require("./VideoPopup-Dep3iiOZ.cjs"),E=require("./usp-line-CnxyxnEe.cjs"),L="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",A="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",te={midContainerMarginBottom:new t.ResponsiveSized(t.sp[5],44)},se=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${s=>s.theme.colors.grey4};
+`,re=o.div`
+  padding: ${s=>s.windowSize==="small"?`${t.Space.sp0} ${t.Space.sp3}`:`${t.Space.sp0} ${t.Space.sp8}`};
+  text-align: center;
+`,oe=o(t.H5Regular)`
+  max-width: 648px;
+  margin: auto;
+  padding: ${t.Space.sp7} ${t.Space.sp0};
+  color: ${s=>s.theme.colors.primary};
+`,ne=o(t.H6Regular)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${t.Space.sp5} ${t.Space.sp0};
+  color: ${s=>s.theme.colors.primary};
+`,I=o.div`
+  display: flex;
+  flex-direction: ${s=>s.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s=>te.midContainerMarginBottom.valuePx(s.windowSize)};
+`,ie=o.div``,P=o.div`
+  display: flex;
+  flex-direction: ${s=>s.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,d=o.img``,U=o.div`
+  width: ${s=>s.windowSize==="small"?"auto":"376px"};
+  display: flex;
+  flex-direction: column;
+`,B=o.div`
+  width: ${s=>s.windowSize==="small"?"100%":"calc(100% - 376px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+`,M=o.div`
+  margin-left: ${s=>s.windowSize==="small"?t.Space.sp0:t.Space.sp6};
+  margin-bottom: ${s=>s.windowSize==="small"?t.Space.sp4:t.Space.sp0};
+  background: ${s=>s.theme.colors.grey3};
+  border-radius: 12px;
+  border: ${s=>`1px solid ${s.theme.colors.grey3}`};
+  padding: 15px;
+`,m=o.div`
+  border-radius: ${t.Space.sp12};
+  border: ${s=>`1px solid ${s.theme.colors.grey2}`};
+  padding: ${s=>s.windowSize==="small"?`${t.Space.sp2} ${t.Space.sp4} ${t.Space.sp2} ${t.Space.sp0}`:`${t.Space.sp3} ${t.Space.sp5} ${t.Space.sp3} ${t.Space.sp0}`};
+  background: ${s=>s.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`,h=o(t.StandardRegularSp)`
+  color: ${s=>s.theme.colors.champion};
+`,g=o(t.StandardMediumSp)`
+  color: ${s=>s.theme.colors.champion};
+`,R=o(t.SmallRegularSp)`
+  color: ${s=>s.theme.colors.champion};
+`,S=o(t.SmallMediumSp)`
+  color: ${s=>s.theme.colors.champion};
+`,l=o.div``,a=o.div`
+  padding-left: ${t.Space.sp3};
+`,C=o(t.SmallRegularSp)`
+  margin: ${s=>s.windowSize==="small"?t.Space.sp1:`auto ${t.Space.sp5}`};
+  color: ${s=>s.theme.colors.grey1};
+`,D=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor16Dark};
+`,Z=o(E.SvgUspLine)`
+  color: ${t.Colors.graphColor09Dark};
+`,q=o(E.SvgUspLine)`
+  color: ${t.Colors.success};
+`,z=o(t.ExtraSmallRegular)`
+  margin: ${t.Space.sp3} auto;
+  max-width: 772px;
+  color: ${s=>s.theme.colors.hero};
+`,r=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,i=t.appLocale.getLocalizedStrings().commonSetUp.businessVerification.terms,xe=()=>{const s=e.useTheme(),n=t.useWindowSizeContext();return e.jsxRuntimeExports.jsxs(I,{windowSize:n,children:[e.jsxRuntimeExports.jsx(B,{windowSize:n,children:e.jsxRuntimeExports.jsx(M,{windowSize:n,children:s.mode==="dark"?e.jsxRuntimeExports.jsx(d,{src:A,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsxRuntimeExports.jsx(d,{src:L,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxRuntimeExports.jsxs(U,{windowSize:n,children:[e.jsxRuntimeExports.jsxs(m,{windowSize:n,children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(D,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(S,{children:r.simplestText.bold}),e.jsxRuntimeExports.jsx(R,{children:r.simplestText.regular})]})]}),e.jsxRuntimeExports.jsxs(m,{windowSize:n,children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(Z,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(S,{children:r.aiPoweredText.bold}),e.jsxRuntimeExports.jsx(R,{children:r.aiPoweredText.regular})]})]}),e.jsxRuntimeExports.jsxs(m,{windowSize:n,children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(q,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(S,{children:r.multiLevelApprovalText.bold}),e.jsxRuntimeExports.jsx(R,{children:r.multiLevelApprovalText.regular})]})]})]})]})},me=()=>{const s=e.useTheme(),n=t.useWindowSizeContext();return e.jsxRuntimeExports.jsxs(I,{windowSize:n,children:[e.jsxRuntimeExports.jsxs(U,{windowSize:n,children:[e.jsxRuntimeExports.jsxs(m,{windowSize:n,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(D,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(g,{children:r.simplestText.bold}),e.jsxRuntimeExports.jsx(h,{children:r.simplestText.regular})]})]}),e.jsxRuntimeExports.jsxs(m,{windowSize:n,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(Z,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(g,{children:r.aiPoweredText.bold}),e.jsxRuntimeExports.jsx(h,{children:r.aiPoweredText.regular})]})]}),e.jsxRuntimeExports.jsxs(m,{windowSize:n,style:{width:"376px"},children:[e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(q,{})}),e.jsxRuntimeExports.jsxs(a,{children:[e.jsxRuntimeExports.jsx(g,{children:r.multiLevelApprovalText.bold}),e.jsxRuntimeExports.jsx(h,{children:r.multiLevelApprovalText.regular})]})]})]}),e.jsxRuntimeExports.jsx(B,{windowSize:n,children:e.jsxRuntimeExports.jsx(M,{windowSize:n,children:s.mode==="dark"?e.jsxRuntimeExports.jsx(d,{src:A,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsxRuntimeExports.jsx(d,{src:L,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},le=({reimbursementSetupView:s,userReimbursementInfo:n,meetingUrl:O,videoUrl:H,analytics:c,onSetupButtonClick:F,onCreateNewRemiButtonClick:V,onBackClick:W,onSetupReimbursementSuccess:b,onClickMenuIcon:N})=>{const w=t.useGlobalInfoContext(),[_,G]=j.useState(!1),[J,y]=j.useState(!1),K=e.useTheme(),x=t.useWindowSizeContext(),{remiTermsDetails:p}=s,T=t.usePrevious(p?.fetchStatus.fetchState),Q=k.hasReimbursementAdminLevelAccess(w.loggedInUserRoleMap),u=k.hasReimbursementAccess(w.loggedInUserRoleMap)&&!Q,X=!!n?.isReimbursementTOSAccepted,f=!!s.companyRemiInfo?.isReimbursementEnabled,v=u?f?r.employeeAcceptPromoText:r.employeePendingPromoText:r.promoText;j.useEffect(()=>{T==="In-Progress"&&p?.fetchStatus.fetchState==="Completed"&&b?.()},[T,b,p?.fetchStatus]);const $=()=>{c?.trackReimbursementPromoScheduleDemo(),y(!0)};return e.jsxRuntimeExports.jsxs(se,{children:[_===!0?e.jsxRuntimeExports.jsx(ee.VideoPopup,{onCancelClick:()=>{G(!1)},videoUrl:H,"data-testid":t.generateDataTestId("remi-promo-page-video-popup")}):null,J===!0?e.jsxRuntimeExports.jsx(Y.MeetingCalenderPopup,{onCancelClick:()=>{y(!1)},meetingUrl:O,"data-testid":t.generateDataTestId("remi-promo-page-meeting-popup")}):null,e.jsxRuntimeExports.jsx(t.NavBar,{title:r.title,backgroundColor:K.colors.grey4,onBackClick:W,showBackButton:!u,showMenuIcon:x==="small"||x==="medium-compact",onClickMenuIcon:N,source:"ReimbursementPromoPage"}),e.jsxRuntimeExports.jsxs(re,{windowSize:x,children:[x==="small"?e.jsxRuntimeExports.jsx(ne,{children:v}):e.jsxRuntimeExports.jsx(oe,{children:v}),x==="small"?e.jsxRuntimeExports.jsx(xe,{}):e.jsxRuntimeExports.jsx(me,{}),e.jsxRuntimeExports.jsx(ie,{children:u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:f&&!X?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(P,{windowSize:x,children:[e.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",label:r.scheduleDemoButton,onClick:$,"data-testid":t.generateDataTestId("reimbursement-promo-page-schedule-demo-button")}),e.jsxRuntimeExports.jsx(C,{windowSize:x,children:r.orText}),e.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:r.createNewReimbursementButton,loading:p?.fetchStatus.fetchState==="In-Progress",onClick:V,"data-testid":t.generateDataTestId("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxRuntimeExports.jsxs(z,{children:[r.terms.createTerms1,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.terms.tosUrl,linkText:r.terms.zeniAgreement,onZeniLinkClick:()=>(c?.trackReimbursementAgreement(),!0)}),r.terms.terms2,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:r.terms.privacyPolicyUrl,linkText:r.terms.privacyPolicy,onZeniLinkClick:()=>(c?.trackReimbursementPrivacyPolicy(),!0)}),r.terms.terms3]})]}):null}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(P,{windowSize:x,children:[e.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",label:r.scheduleDemoButton,onClick:$,style:{width:216},"data-testid":t.generateDataTestId("reimbursement-promo-page-schedule-demo-button")}),e.jsxRuntimeExports.jsx(C,{windowSize:x,children:r.orText}),e.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:r.setupReimbursementButton,loading:p?.fetchStatus.fetchState==="In-Progress",onClick:F,style:{width:216},"data-testid":t.generateDataTestId("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxRuntimeExports.jsxs(z,{children:[r.terms.setupTerms1,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:i.consentUrl,linkText:i.consent}),i.term2,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:i.depositUrl,linkText:i.depositTerms}),i.term3,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:i.privacyPolicyUrl,linkText:i.privacy,onZeniLinkClick:()=>(c?.trackReimbursementPrivacyPolicy(),!0)}),i.term4,e.jsxRuntimeExports.jsx(t.ZeniLink,{href:i.tosUrl,linkText:i.tos,onZeniLinkClick:()=>(c?.trackReimbursementAgreement(),!0)}),i.term5,r.terms.terms3]})]})})]})]})};exports.default=le;