@zeniai/web-cockpit-ui 1.14.49-qa → 1.14.50-dev

package/dist/assets/ReimbursementDetailPage-DNaaqXYR-Bh3Xalhl.js

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

package/dist/assets/ReviewDetailsPage-DaLjRiFW-DJFP67SX.js

@@ -1,290 +0,0 @@
-import{e as Tt,Q as vt,C as y,cK as jt,M as St,cL as Ct,cM as Dt,j as t,cN as It,cO as le,cP as At,l as s,cQ as Pt,cR as kt,Z as j,cS as Mt,a0 as k,cT as Bt,cU as Nt,cV as ke,cW as Me,cX as Be,$ as G,cY as O,cZ as z,c_ as _,g as S,c$ as Rt,d0 as Ft,d1 as Lt,d2 as Et,bq as Ne,o as n,a4 as Ot,r as c,f as zt,bA as _t,b as Wt,c as Ut,d3 as Zt,bQ as Ht,s as de,n as se,d4 as Vt,d5 as Yt,aC as Gt,_ as qt,ao as Kt,J as Qe,b7 as Qt,w as Xe,aQ as Xt,d6 as Jt}from"./index-RcMUg6rr.js";import{b as U,n as i}from"./vendor-rkTZJa59.js";import{t as en,o as tn}from"./LowBalancePopup-CQQrhufv-ooiA9ZXC.js";import{S as W}from"./LabeledText-DZVRFAkG-rHxfEtQQ.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const Je=["small","medium-compact","medium-regular"],p={largeLabelWidth:new y(150,215,215),infoMinWidth:new y(0,0,0,142,142),infoMarginRight:new y(0,0,0,c[2],c[2]),footerButtonWidth:new y(120,165),iconContainerMarginTop:new y(6,c[1]),navBarContainerPaddingTop:new y(10,c[3]),sectionTitleMarginLeft:new y(c[3],c[0]),reviewContainerMarginLeft:new y(c[3],c[6]),reviewContainerMarginRight:new y(c[3],c[8]),footerRightIconMarginRight:new y(c[0],c[0],c[7]),infoLabelPaddingRight:new y(c[0],c[3]),infoLabelMarginTop:new y(c[1],c[0])},nn={sectionTitle:new Wt("h6Medium","h5Medium")},{dateFormat:Re,common:{currency:v,labels:Fe,edit:an,strings:{empty:h}},spendManagement:{billPay:ln}}=St.getLocalizedStrings(),{billDetails:a,paymentDetails:Le}=ln,Ee=({attachment:e})=>{const[w,x]=U.useState(!1),M=()=>{x(!1)},C=e.fileId?.length===0;return t.jsxs(Bn,{isDisabled:e.fileId?.length===0,"data-testid":j("attachment-tag",e.fileName),onClick:()=>C===!1?x(!0):null,children:[w&&e?.fileDownloadUrl!=null?t.jsx(Vt,{title:e.fileName,file:e,onCrossClick:()=>M(),setShowFullScreenView:x}):null,t.jsx(Nn,{children:t.jsx(Yt,{contentType:e.contentType})})]})},ti=({billDetails:e,billpayApprovalView:w,isBillPayCommentingEnabled:x,currentTenant:M,isInternationalPaymentShaVsOurEnabled:C,isLocalCurrencyEnabled:et,style:tt,analytics:$,isRecurringBillsFeatureEnabled:nt,isApprovalRequiredForMarkAsPaid:it,isDetectInsufficientFundsEnabled:at,billId:f,onClickEdit:ce,discardBillDetailsFromLocalStore:me,saveBillDetails:pe,discardOutsideZeniPaymentData:lt,updateBillDetailSaveBillCode:ue,redirectToBillsScreen:ye,onAttachmentClick:X,retryPayment:ot})=>{const d=Tt(),m=vt(),B={application:"dashboard",companyId:m.currentTenant?.companyId,tab:"bill",entityId:f},N=x&&f!=null,R=`dashboard_${m.currentTenant?.companyId}`,F=p.largeLabelWidth.value(d),L=e.saveStatus,J=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,o=jt(C,et,e.billPayConfigList.filter(l=>l.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),D=Re.visual.MMMDCommaYYYYformat,he={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},u={amount:o?.method.includes("international")===!0?Ct(he,o):e.recipientTotalAmount.amount+(o?.fee.amount??0),currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},E={amount:o?.method.includes("international")===!0?Dt(he,o):o?.fee.amount??0,currencyCode:v.currencyCode,currencySymbol:v.currencySymbol},[rt,ge]=U.useState(!1),[dt,xe]=U.useState(!1),fe=()=>ge(!1),st=()=>{$.trackBillPayMagicLinkPreviewEmail("review_bill"),ge(!0)},ct=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${a.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Pn,{size:d,children:t.jsx(An,{})})]}):It(e.paymentDetailsSection?.paymentTo);U.useEffect(()=>{(L?.fetchState==="Completed"||J?.fetchState==="Completed")&&(me(),ue(),ye())},[L,J,ye,me,ue]);const T=e.billPayInfo?.stage,A=e.billPayInfo?.billStatus,Z=e.billPayInfo?.billPaymentStatus,mt=e.billPayInfo?.billPaymentRefundStatus,te=T?.code==="paid"?T:A?.code=="approved"&&Z?.code?Z:A,pt=e.billPayInfo?.isRefundInitiated===!0?mt:A?.code=="approved"&&Z?.code?Z:A,ne=()=>{ce()},be=()=>{ce()},H=e.paymentDetailsSection?.paymentDate,ie=le(o?.method??""),we=ie.replace("Same Day",""),ut=e.isCollectToAccountInfoFromVendorContact?t.jsx(At,{paymentTypeLabel:we,onClick:st}):a.addedByZeni,V=w.allApprovalRules.length>0,yt=s.toAmount(o?.method!=null&&(o.method.includes(s.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?u.amount-E.amount:u.amount,o?.fee.currencyCode??s.defaultVendorCurrency.currencyCode,o?.fee.currencySymbol??s.defaultVendorCurrency.currencySymbol),g=s.isPaymentMethodOutsideZeni(e.paymentDetailsSection?.paymentType?.method),ht=l=>{$.trackBillPayMarkAsPaidSubmit(l.paymentMode??"other",T?.code??"draft",te?.code??""),pe(!0,l)},$e=()=>{xe(!0),$.trackBillPayMarkAsPaid(T?.code??"draft",te?.code??"")},gt=()=>{lt(),xe(!1)},P=g&&(T?.code!=null?T.code==="draft"||A?.code==="approved":!0),b=P&&!it,Te=Oe(b,V,e.isBillMarkedForRetry),xt=()=>g?b?void 0:a.paymentOutsideZeni.reviewInfo:o?.method!=null&&o.method.includes(s.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&C&&ee===v.currencyCode?Ft(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,ae=at&&e.paymentDetailsSection!=null?Pt(u,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,ft=()=>{const l=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,I=e.recurringConfig,wt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&$.trackBillPayAutoDateChange(f??"new_bill"),o?.method!=null&&l!=null){const $t=g?a.paymentOutsideZeni.offline:le(o.method);if($.trackBillPaySendForApproval($t,l.format(Re.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,f,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:s.zeniDate(I?.startDate?.toString()??"").format(D),endDate:s.zeniDate(I?.endDate?.toString()??"").format(D),frequency:I?.frequency??"monthly",totalAmount:wt.amount,totalPaymentCycles:I?.totalPaymentCycles??0,isApprovalRequired:I?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?I?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?I?.updateRecurringBills==="all":void 0}),ae!=null){const Se=T?.code??"draft",Ce=A?.code??"",De=e.isRecurring?["Recurring"]:["One-Time"],Ie=e.invoiceNumber??"",Ae=Jt(m.loggedInUser),Pe=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";Te===a.scheduleBill?$.trackLowBalanceAccountSchedule(Se,Ce,De,Ie,Ae,Pe):Te===a.sendForApproval&&$.trackLowBalanceAccountSentForApproval(Se,Ce,De,Ie,Ae,Pe)}}},ve=()=>{je===!0&&Y(!1),e.isBillMarkedForRetry===!0?(ot(),$.trackRetryConfirmClick(te?.code??"",T?.code??"",pt?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&(ft(),pe(!1,{}))},bt=s.checkIfCreatorIsApprover(u.amount,w.allApprovalRules,m.loggedInUser),[je,Y]=U.useState(!1);return t.jsxs(hn,{children:[dt?t.jsx(en,{onCancel:gt,onProceedForMarkAsPaid:ht,saveDetailsFetchState:L?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,je?t.jsx(tn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:ve,onCancelClick:()=>{Y(!1),ne()},onClickAway:()=>{Y(!1)}}):null,t.jsx(kt,{anchor:"right",open:rt,onClose:fe,transitionDuration:250,"data-testid":j("vendor-email-preview-drawer"),children:t.jsx(Mt,{companyName:Bt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:H?.format(D)??"",paymentType:we,amount:k("0,0[.]00",u),isInvoiceAttached:!!e.file,onClose:fe})}),t.jsxs(gn,{windowSize:d,style:tt,children:[d==="small"?t.jsxs(In,{windowSize:d,children:[t.jsx(Ve,{onClick:be,"data-testid":j("review-detail-nav-bar-small-back")}),t.jsx(We,{windowSize:d,children:a.oneLastLook})]}):t.jsx(Dn,{"data-testid":j("review-details-nav-bar-back"),children:t.jsx(Ve,{onClick:be})}),d!=="small"?t.jsx(fn,{children:t.jsx(We,{windowSize:d,children:a.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(bn,{children:[t.jsxs(wn,{children:[t.jsx(zn,{}),t.jsxs($n,{children:[t.jsx(vn,{children:a.duplicateBillPayWarning}),t.jsxs(Tn,{children:[a.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":j("review-detail-attachment-button"),onClick:()=>X(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[a.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(Ln,{children:[t.jsx(On,{children:a.duplicateInvoiceFound}),e.duplicateBillTransactions.map(l=>{const r=Nt(l);return l!=null?t.jsx(En,{children:Je.includes(d)?t.jsxs(Ue,{windowSize:d,children:[t.jsxs(jn,{children:[t.jsxs(Sn,{children:[l.attachments&&l.attachments.length>0?t.jsx(Ee,{attachment:l.attachments[0]}):t.jsx(Ye,{children:t.jsx(Ge,{})}),t.jsx(K,{children:t.jsxs(t.Fragment,{children:[l.documentId!=null?a.invoiceNo:null,l.documentId]})})]}),t.jsx(qe,{windowSize:d,children:k("0,0[.]00",l.recipientTotalAmount)})]}),t.jsxs(Rn,{"data-testid":j("review-detail-mobile-info"),onClick:()=>X(l.id,l.billPayInfo.stage.code),children:[t.jsxs(K,{children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(Ke,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(Ue,{windowSize:d,children:[l.attachments&&l.attachments.length>0?t.jsx(Ee,{attachment:l.attachments[0]}):t.jsx(Ye,{children:t.jsx(Ge,{})}),t.jsxs(Fn,{"data-testid":j("review-detail-info"),onClick:()=>X(l.id,l.billPayInfo.stage.code),children:[t.jsx(K,{style:{width:"50%"},children:t.jsxs("div",{children:[l.documentId!=null?a.invoiceNo:null," ",l.documentId]})}),t.jsxs(K,{style:{width:"25%"},children:[l.dueDate!=null?a.due:null," ",l.dueDate?.format(D)]}),t.jsx(qe,{style:{width:"25%"},windowSize:d,children:k("0,0[.]00",l.amount)})]}),t.jsx(Ke,{children:r!=null?ke.includes(r.code)?t.jsx(Me,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(Q,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},l.id):null})]})]}):null,t.jsxs(Cn,{children:[t.jsx(Ze,{children:a.pay}),t.jsx(He,{children:t.jsx(Be,{amount:yt,integerStyles:G.largeMedium.cssObject,decimalStyles:G.smallMedium.cssObject})}),t.jsx(Ze,{children:a.to}),t.jsx(He,{children:e.vendor?.name})]}),t.jsxs(xn,{children:[g?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"withdrawFrom"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("withdrawFrom")}`},children:t.jsx(W,{label:{label:a.withdrawFrom,width:F},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?Rt(e.paymentDetailsSection.withdrawFrom,d):h,infoLabelStyle:{textAlign:d==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(d),marginTop:p.infoLabelMarginTop.valuePx(d),color:S.brandColorGoldDark},additionalInfoLabel:ae})}),t.jsx(q,{})]}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentType"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentType")}`},children:t.jsx(W,{label:{label:a.paymentMethod,width:F},style:{width:"auto"},value:le(o?.method??""),additionalInfoLabel:xt()})}),t.jsx(q,{}),!g&&H!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentDate"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentDate")}`},children:t.jsx(W,{label:{label:a.paymentDate,width:F},style:{width:"auto"},value:H.format(D),additionalInfoLabel:`${a.estimatedArrival}${s.zeniDate(s.getNextNthWorkingDay(H.toDate(),[0,6],o?.maxPeriod.value??0).toDateString()).format(D)} - (${ie.length>0?`${ie} `:""}${a.deliveryTimeLabel} = ${o?.maxPeriod.value??"0"} ${a.deliveryTimeUnits})`})}),t.jsx(q,{})]}):null,g?null:t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"paymentTo"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("paymentTo")}`},children:t.jsx(W,{label:{label:a.paymentTo,width:F},style:{width:"auto"},value:ct??"",additionalInfoLabel:ut})}),g||nt?t.jsxs(t.Fragment,{children:[t.jsx(q,{}),t.jsx(O,{isThreadAllowed:N,entityId:f,dashboardTabKey:_({type:"details",key:"recurringPaymentType"}),roomId:R,companyId:m.currentTenant?.companyId??h,companyName:m.currentTenant?.companyName??h,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${z("recurringPaymentType")}`},children:t.jsx(W,{label:{label:a.paymentType,width:F},style:{width:"auto"},value:Et(e.isRecurring,g,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Lt(d,e.isRecurring,g,e.recurringConfig)})})]}):null]}),!g&&o?.method!=null&&(o.method.includes(s.NEW_INTERNATIONAL_METHOD_SUBTEXT)||o?.fee.amount!=null&&o.fee.amount!==0)?t.jsx(mn,{children:t.jsxs(pn,{windowSize:d,children:[t.jsxs(un,{children:[t.jsx(dn,{children:a.total}),t.jsx(Ne,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(cn,{children:[t.jsxs(_e,{children:[t.jsx(re,{children:o.method.includes(s.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&ee!==v.currencyCode?Le.conversionAmountColon:Fe.invoiceAmount}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount-E.amount,currencySymbol:E.currencySymbol})})]}),t.jsxs(_e,{children:[t.jsx(re,{children:Le.transactionFee}),t.jsx(oe,{children:k("0,0[.]00",{amount:E.amount,currencySymbol:E.currencySymbol})})]}),t.jsx(sn,{}),t.jsxs(rn,{children:[t.jsx(re,{children:Fe.total}),t.jsx(oe,{children:k("0,0[.]00",{amount:u.amount,currencyCode:u.currencyCode,currencySymbol:u.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(on,{})})]}),t.jsx(yn,{children:t.jsx(Be,{amount:s.toAmount(u.amount,u.currencyCode,u.currencySymbol),integerStyles:G.h6Medium.cssObject,decimalStyles:G.standardMedium.cssObject})})]})}):null]}),t.jsx(Ot,{cancelBtn:{label:P&&!b?a.paymentOutsideZeni.markAsPaid:a.editBill,onClick:P&&!b?$e:ne,style:{width:ze(!1,P,b,V,d)}},primaryBtn:{label:Oe(b,V,e.isBillMarkedForRetry),isLoading:L?.fetchState==="In-Progress"||J?.fetchState==="In-Progress",onClick:b?$e:()=>{bt&&ae!=null?Y(!0):ve()},style:{width:ze(!0,P,b,V,d)}},rightSideComponent:P&&!b&&L.fetchState!=="In-Progress"?t.jsx(_n,{windowSize:d,children:t.jsx(Ne,{style:{color:S.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:an,placement:"top",children:t.jsx(Un,{onClick:ne,"data-testid":j("review-detail-edit-bill-button"),children:t.jsx(Wn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(s.NEW_INTERNATIONAL_METHOD_SUBTEXT)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(s.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(s.NEW_INTERNATIONAL_METHOD_SUBTEXT)?t.jsxs(kn,{children:[a.internationalText1,t.jsx(Mn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:a.internationalTerms}),a.internationalText2]}):null})]})},Oe=(e,w,x)=>e?a.paymentOutsideZeni.markAsPaid:x===!0?a.retryPayment:w?a.sendForApproval:a.scheduleBill,ze=(e,w,x,M,C)=>x?128:w&&!e&&C==="small"?"auto":M?165:p.footerButtonWidth.value(C),on=i(Qt)`
-  width: ${n.sp3};
-  height: ${n.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,_e=i(Xe)`
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: ${n.sp1};
-`,oe=i.div`
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,re=i.div`
-  color: ${e=>e.theme.colors.hero};
-`,rn=i(Xe)`
-  display: flex;
-  justify-content: space-between;
-  padding-top: ${n.sp1};
-`,dn=i.div``,sn=i.div`
-  background-color: ${S.neutralGrey3Dark};
-  height: 1px;
-  width: 280px;
-`,cn=i.div``,mn=i.div`
-  display: flex;
-  width: 100%;
-  box-sizing: border-box;
-`,pn=i.div`
-  width: 100%;
-  padding: ${n.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: ${n.sp2};
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${n.sp2};
-`,un=i(Qe)`
-  gap: ${n.sp1};
-  display: flex;
-  width: 100%;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-`,yn=i(Qe)`
-  display: flex;
-  width: calc(100% - 176px);
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.primary};
-`,hn=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,gn=i.div`
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  margin-left: ${e=>p.reviewContainerMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${e=>p.reviewContainerMarginRight.valuePx(e.windowSize)};
-  padding-top: ${n.sp3};
-`,xn=i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${n.sp2};
-  margin-bottom: ${n.sp3};
-  margin-top: ${n.sp3};
-`,q=i.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,We=i(Ut)`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${nn.sectionTitle.style(e.windowSize)}`};
-  margin-left: ${e=>p.sectionTitleMarginLeft.valuePx(e.windowSize)};
-`,fn=i.div`
-  display: flex;
-  margin-bottom: ${n.sp3};
-  margin-top: ${n.sp3};
-`,bn=i.div`
-  display: flex;
-  flex-direction: column;
-  border-radius: ${n.sp2};
-  padding: ${n.sp3} ${n.sp4};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,wn=i.div`
-  background-color: ${S.alertLight};
-  border-radius: ${n.sp2};
-  width: 100%;
-  display: flex;
-`,$n=i.div`
-  display: flex;
-  flex-direction: column;
-  padding-left: ${n.sp2};
-`,Tn=i(de)`
-  padding-bottom: ${n.sp3};
-  color: ${S.brandColorGoldDark};
-`,vn=i(Ht)`
-  padding-top: ${n.sp3};
-  color: ${S.brandColorGoldDark};
-`,Ue=i.div`
-  display: flex;
-  flex-direction: ${e=>Je.includes(e.windowSize)?"column":"row"};
-  width: 100%;
-`,jn=i.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  column-gap: ${n.sp1};
-`,Sn=i.div`
-  display: flex;
-  column-gap: ${n.sp2};
-  align-items: center;
-`,Cn=i.div`
-  display: flex;
-  padding-top: ${n.sp3};
-`,Ze=i(qt)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  margin-right: ${n.sp1};
-`,He=i(Kt)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  margin-right: ${n.sp1};
-`,Ve=i(_t)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: 20px;
-  height: 20px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Dn=i.div`
-  margin-bottom: ${n.sp3};
-`,In=i.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${e=>e.showAutofill===!0?n.sp8:"unset"};
-  position: absolute;
-  width: 100%;
-  top: ${n.sp0};
-  padding-top: ${e=>p.navBarContainerPaddingTop.valuePx(e.windowSize)};
-  padding-right: 33px;
-  padding-bottom: ${e=>p.navBarContainerPaddingTop.valuePx(e.windowSize)};
-  padding-left: ${n.sp0};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,An=i(zt)`
-  height: ${n.sp3};
-  width: ${n.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,Pn=i.span`
-  display: flex;
-  align-items: center;
-  margin-left: ${n.sp2};
-  margin-top: ${e=>p.iconContainerMarginTop.valuePx(e.size)};
-  align-self: ${e=>e.size==="small"?"baseline":"center"};
-`,kn=i(se)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-`,Mn=i.a`
-  color: ${e=>e.theme.colors.grey1};
-  text-decoration: underline;
-  margin-right: ${n.sp1};
-  margin-left: ${n.sp1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Bn=i.div`
-  cursor: ${e=>e.isDisabled?"default":"pointer"};
-  display: flex;
-  flex-direction: row;
-
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-  margin-right: ${n.sp2};
-  &:hover {
-    svg {
-      color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
-    }
-  }
-`,Nn=i.div`
-  width: ${n.sp4};
-  height: ${n.sp4};
-  display: flex;
-`,Ye=i.div`
-  cursor: default;
-  display: flex;
-  align-items: center;
-  margin-right: ${n.sp1};
-`,Ge=i(Gt)`
-  cursor: pointer;
-  width: ${n.sp4};
-  height: ${n.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,K=i(de)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  align-items: center;
-  min-width: 142px;
-  flex-grow: 1;
-`,qe=i(de)`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  align-items: center;
-  margin-right: ${e=>p.infoMarginRight.valuePx(e.windowSize)};
-  min-width: ${e=>p.infoMinWidth.valuePx(e.windowSize)};
-  justify-content: flex-end;
-`,Rn=i.div`
-  display: flex;
-  cursor: pointer;
-  column-gap: ${n.sp1};
-  margin-left: ${n.sp5};
-`,Ke=i.div`
-  width: 120px;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-`,Fn=i.div`
-  display: flex;
-  flex-grow: 1;
-  cursor: pointer;
-  width: 100%;
-`,Q=i(se)`
-  display: flex;
-  color: ${e=>e.borderColor};
-  height: 20px;
-  text-align: center;
-  max-width: 84px;
-  display: block;
-  cursor: default;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 1px 6px;
-  border: ${e=>`1px solid ${e.borderColor}`};
-  border-radius: ${n.sp1};
-`,Ln=i.div`
-  display: flex;
-  flex-direction: column;
-`,En=i.div`
-  display: flex;
-  width: 100%;
-  flex-flow: column;
-  padding-top: ${n.sp2};
-  padding-bottom: ${n.sp2};
-  border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,On=i(se)`
-  margin-top: ${n.sp3};
-  color: ${S.alert};
-`,zn=i(Zt)`
-  min-width: ${n.sp4};
-  height: ${n.sp4};
-  width: ${n.sp4};
-  margin-top: ${n.sp3};
-  margin-left: ${n.sp4};
-  color: ${S.brandColorGoldDark};
-`,_n=i.div`
-  display: flex;
-  justify-content: flex-end;
-  margin-right: ${e=>p.footerRightIconMarginRight.valuePx(e.windowSize)};
-`,Wn=i(Xt)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${n.sp4};
-  height: ${n.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Un=i.div`
-  display: flex;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${n.sp2};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;export{ti as default};