@zeniai/web-components 3.16.93 → 3.16.94

package/dist/ReviewDetailsPage-CzjrbETD.cjs

@@ -1,290 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),k=require("react"),o=require("@emotion/styled"),c=require("@zeniai/client-epic-state"),e=require("./index-CwWJYVG_.cjs"),je=require("./LowBalancePopup-BZFYr3DM.cjs"),L=require("./LabeledText-VqhOQ1I5.cjs"),Fe=["small","medium-compact","medium-regular"],p={largeLabelWidth:new e.ResponsiveSized(150,215,215),paddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[2]),infoMinWidth:new e.ResponsiveSized(0,0,0,142,142),infoMarginRight:new e.ResponsiveSized(0,0,0,e.sp[2],e.sp[2]),footerButtonWidth:new e.ResponsiveSized(120,165),iconContainerMarginTop:new e.ResponsiveSized(6,e.sp[1]),navBarContainerPaddingTop:new e.ResponsiveSized(10,e.sp[3]),navBarContainerPaddingBottom:new e.ResponsiveSized(9,e.sp[3]),sectionTitleMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[0]),reviewContainerMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[6]),reviewContainerMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),footerRightIconMarginRight:new e.ResponsiveSized(e.sp[0],e.sp[0],e.sp[7]),infoLabelPaddingRight:new e.ResponsiveSized(e.sp[0],e.sp[3]),infoLabelMarginTop:new e.ResponsiveSized(e.sp[1],e.sp[0])},at={sectionTitle:new e.ResponsiveSizedStyle("h6Medium","h5Medium")},{dateFormat:Se,common:{currency:T,labels:Te,edit:it,strings:{empty:u}},spendManagement:{billPay:st}}=e.appLocale.getLocalizedStrings(),{billDetails:r,paymentDetails:Re}=st,we=({attachment:t})=>{const[f,y]=k.useState(!1),C=()=>{y(!1)},R=t.fileId?.length===0;return n.jsxRuntimeExports.jsxs(Ft,{isDisabled:t.fileId?.length===0,"data-testid":e.generateDataTestId("attachment-tag",t.fileName),onClick:()=>R===!1?y(!0):null,children:[f&&t?.fileDownloadUrl!=null?n.jsxRuntimeExports.jsx(e.FullScreenView,{title:t.fileName,file:t,onCrossClick:()=>C(),setShowFullScreenView:y}):null,n.jsxRuntimeExports.jsx(Nt,{children:n.jsxRuntimeExports.jsx(e.AttachmentIcon,{contentType:t.contentType})})]})},lt=({billDetails:t,billpayApprovalView:f,isBillPayCommentingEnabled:y,currentTenant:C,isInternationalPaymentShaVsOurEnabled:R,isLocalCurrencyEnabled:Ne,style:De,analytics:j,isRecurringBillsFeatureEnabled:Oe,isApprovalRequiredForMarkAsPaid:ze,isDetectInsufficientFundsEnabled:We,billId:h,onClickEdit:J,discardBillDetailsFromLocalStore:Q,saveBillDetails:ee,discardOutsideZeniPaymentData:_e,updateBillDetailSaveBillCode:te,redirectToBillsScreen:ne,onAttachmentClick:q,retryPayment:qe})=>{const l=e.useWindowSizeContext(),d=e.useGlobalInfoContext(),b={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"bill",entityId:h},I=y&&h!=null,P=`dashboard_${d.currentTenant?.companyId}`,A=p.largeLabelWidth.value(l),B=t.saveStatus,V=t.zeniAssistRetryStatus,K=t.vendor?.vendorCurrencyCode,i=e.getActualPaymentMethod(R,Ne,t.billPayConfigList.filter(a=>a.method.includes(t.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),t.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,t.paymentDetailsSection?.paymentType,K),w=Se.visual.MMMDCommaYYYYformat,oe={amount:t.recipientTotalAmount.amount/(t.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},m={amount:i?.method.includes("international")===!0?e.getTotalWithFees(oe,i):t.recipientTotalAmount.amount+(i?.fee.amount??0),currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},M={amount:i?.method.includes("international")===!0?e.getFinalFees(oe,i):i?.fee.amount??0,currencyCode:T.currencyCode,currencySymbol:T.currencySymbol},[Ve,re]=k.useState(!1),[Ke,ae]=k.useState(!1),ie=()=>re(!1),Ue=()=>{j.trackBillPayMagicLinkPreviewEmail("review_bill"),re(!0)},He=t.isCollectToAccountInfoFromVendorContact?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[`${r.magicLink.collectFrom} ${t.toAccountVendorEmail}`,n.jsxRuntimeExports.jsx(Mt,{size:l,children:n.jsxRuntimeExports.jsx(Bt,{})})]}):e.getPaymentToLabelInfo(t.paymentDetailsSection?.paymentTo);k.useEffect(()=>{(B?.fetchState==="Completed"||V?.fetchState==="Completed")&&(Q(),te(),ne())},[B,V,ne,Q,te]);const S=t.billPayInfo?.stage,E=t.billPayInfo?.billStatus,F=t.billPayInfo?.billPaymentStatus,Ze=t.billPayInfo?.billPaymentRefundStatus,U=S?.code==="paid"?S:E?.code=="approved"&&F?.code?F:E,Ye=t.billPayInfo?.isRefundInitiated===!0?Ze:E?.code=="approved"&&F?.code?F:E,H=()=>{J()},se=()=>{J()},N=t.paymentDetailsSection?.paymentDate,Z=e.paymentMethodValueToPaymentMethodLabel(i?.method??""),le=Z.replace("Same Day",""),Ge=t.isCollectToAccountInfoFromVendorContact?n.jsxRuntimeExports.jsx(e.EmailOptionAdditionalInfo,{paymentTypeLabel:le,onClick:Ue}):r.addedByZeni,D=f.allApprovalRules.length>0,Xe=c.toAmount(i?.method!=null&&(i.method.includes(c.NEW_INTERNATIONAL_METHOD_SUBTEXT)||i?.fee.amount!=null&&i.fee.amount!==0)?m.amount-M.amount:m.amount,i?.fee.currencyCode??c.defaultVendorCurrency.currencyCode,i?.fee.currencySymbol??c.defaultVendorCurrency.currencySymbol),x=c.isPaymentMethodOutsideZeni(t.paymentDetailsSection?.paymentType?.method),Je=a=>{j.trackBillPayMarkAsPaidSubmit(a.paymentMode??"other",S?.code??"draft",U?.code??""),ee(!0,a)},ce=()=>{ae(!0),j.trackBillPayMarkAsPaid(S?.code??"draft",U?.code??"")},Qe=()=>{_e(),ae(!1)},$=x&&(S?.code!=null?S.code==="draft"||E?.code==="approved":!0),g=$&&!ze,de=ve(g,D,t.isBillMarkedForRetry),et=()=>x?g?void 0:r.paymentOutsideZeni.reviewInfo:i?.method!=null&&i.method.includes(c.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&t.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&R&&K===T.currencyCode?e.getInternationalTransferPaymentMethodLabel(t.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,Y=We&&t.paymentDetailsSection!=null?e.getLowBalanceAdditionalInfo(m,t.paymentDetailsSection.withdrawFrom,t.paymentDetailsSection.paymentDate):void 0,tt=()=>{const a=t.paymentDetailsSection?.paymentDate,s=t.isCollectToAccountInfoFromVendorContact,v=t.recurringConfig,ot=t.recipientTotalAmount;if(t.isInvoiceDateAutoUpdated===!0&&j.trackBillPayAutoDateChange(h??"new_bill"),i?.method!=null&&a!=null){const rt=x?r.paymentOutsideZeni.offline:e.paymentMethodValueToPaymentMethodLabel(i.method);if(j.trackBillPaySendForApproval(rt,a.format(Se.analytics.MMMDashDDDashYYYYFormat),s,t.isRecurring,h,t.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:c.zeniDate(v?.startDate?.toString()??"").format(w),endDate:c.zeniDate(v?.endDate?.toString()??"").format(w),frequency:v?.frequency??"monthly",totalAmount:ot.amount,totalPaymentCycles:v?.totalPaymentCycles??0,isApprovalRequired:v?.isApprovalRequired??!1,updateCurrentBill:t.recurringConfig?.id!=null?v?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:t.recurringConfig?.id!=null?v?.updateRecurringBills==="all":void 0}),Y!=null){const ue=S?.code??"draft",xe=E?.code??"",ye=t.isRecurring?["Recurring"]:["One-Time"],he=t.invoiceNumber??"",ge=e.getLoggedInUserName(d.loggedInUser),fe=t.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";de===r.scheduleBill?j.trackLowBalanceAccountSchedule(ue,xe,ye,he,ge,fe):de===r.sendForApproval&&j.trackLowBalanceAccountSentForApproval(ue,xe,ye,he,ge,fe)}}},pe=()=>{me===!0&&O(!1),t.isBillMarkedForRetry===!0?(qe(),j.trackRetryConfirmClick(U?.code??"",S?.code??"",Ye?.description??"",t.isRecurring?["Recurring"]:["One-Time"],t.invoiceNumber??"")):t.vendor!=null&&(tt(),ee(!1,{}))},nt=c.checkIfCreatorIsApprover(m.amount,f.allApprovalRules,d.loggedInUser),[me,O]=k.useState(!1);return n.jsxRuntimeExports.jsxs(ft,{children:[Ke?n.jsxRuntimeExports.jsx(je.PaymentOutsideZeniPopup,{onCancel:Qe,onProceedForMarkAsPaid:Je,saveDetailsFetchState:B?.fetchState,paymentData:t.outsideZeniPaymentInfo}):null,me?n.jsxRuntimeExports.jsx(je.LowBalancePopup,{withdrawFrom:t.paymentDetailsSection?.withdrawFrom,paymentDate:t.paymentDetailsSection?.paymentDate,onOkClick:pe,onCancelClick:()=>{O(!1),H()},onClickAway:()=>{O(!1)}}):null,n.jsxRuntimeExports.jsx(n.Drawer,{anchor:"right",open:Ve,onClose:ie,transitionDuration:250,"data-testid":e.generateDataTestId("vendor-email-preview-drawer"),children:n.jsxRuntimeExports.jsx(e.VendorEmailPreview,{companyName:e.getCompanyName(C.company?.companyInfo),vendor:t.vendor?.name,paymentDate:N?.format(w)??"",paymentType:le,amount:e.amountToString("0,0[.]00",m),isInvoiceAttached:!!t.file,onClose:ie})}),n.jsxRuntimeExports.jsxs(jt,{windowSize:l,style:De,children:[l==="small"?n.jsxRuntimeExports.jsxs(At,{windowSize:l,children:[n.jsxRuntimeExports.jsx(Ae,{onClick:se,"data-testid":e.generateDataTestId("review-detail-nav-bar-small-back")}),n.jsxRuntimeExports.jsx(Ce,{windowSize:l,children:r.oneLastLook})]}):n.jsxRuntimeExports.jsx(Pt,{"data-testid":e.generateDataTestId("review-details-nav-bar-back"),children:n.jsxRuntimeExports.jsx(Ae,{onClick:se})}),l!=="small"?n.jsxRuntimeExports.jsx(Tt,{children:n.jsxRuntimeExports.jsx(Ce,{windowSize:l,children:r.oneLastLook})}):null,t.duplicateBillTransactions.length>0?n.jsxRuntimeExports.jsxs(Rt,{children:[n.jsxRuntimeExports.jsxs(wt,{children:[n.jsxRuntimeExports.jsx(qt,{}),n.jsxRuntimeExports.jsxs(vt,{children:[n.jsxRuntimeExports.jsx($t,{children:r.duplicateBillPayWarning}),n.jsxRuntimeExports.jsxs(Et,{children:[r.duplicateBillPayWarningSubHeading,n.jsxRuntimeExports.jsxs("span",{"data-testid":e.generateDataTestId("review-detail-attachment-button"),onClick:()=>q(t.duplicateBillTransactions[0].id,t.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[r.viewBill,t.duplicateBillTransactions[0].documentId]})]})]})]}),n.jsxRuntimeExports.jsxs(zt,{children:[n.jsxRuntimeExports.jsx(_t,{children:r.duplicateInvoiceFound}),t.duplicateBillTransactions.map(a=>{const s=e.getTagStatus(a);return a!=null?n.jsxRuntimeExports.jsx(Wt,{children:Fe.includes(l)?n.jsxRuntimeExports.jsxs(be,{windowSize:l,children:[n.jsxRuntimeExports.jsxs(Ct,{children:[n.jsxRuntimeExports.jsxs(bt,{children:[a.attachments&&a.attachments.length>0?n.jsxRuntimeExports.jsx(we,{attachment:a.attachments[0]}):n.jsxRuntimeExports.jsx(Be,{children:n.jsxRuntimeExports.jsx(Me,{})}),n.jsxRuntimeExports.jsx(W,{children:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[a.documentId!=null?r.invoiceNo:null,a.documentId]})})]}),n.jsxRuntimeExports.jsx(Le,{windowSize:l,children:e.amountToString("0,0[.]00",a.recipientTotalAmount)})]}),n.jsxRuntimeExports.jsxs(Dt,{"data-testid":e.generateDataTestId("review-detail-mobile-info"),onClick:()=>q(a.id,a.billPayInfo.stage.code),children:[n.jsxRuntimeExports.jsxs(W,{children:[a.dueDate!=null?r.due:null," ",a.dueDate?.format(w)]}),n.jsxRuntimeExports.jsx(ke,{children:s!=null?e.longStatusTags.includes(s.code)?n.jsxRuntimeExports.jsx(n.Tooltip,{style:{padding:"2px 5px"},title:s.value,placement:"top",children:n.jsxRuntimeExports.jsx(_,{color:s.color,bgColor:s.bgColor,borderColor:s.borderColor,children:s.value})}):n.jsxRuntimeExports.jsx(_,{color:s.color,bgColor:s.bgColor,borderColor:s.borderColor,children:s.value}):null})]})]}):n.jsxRuntimeExports.jsxs(be,{windowSize:l,children:[a.attachments&&a.attachments.length>0?n.jsxRuntimeExports.jsx(we,{attachment:a.attachments[0]}):n.jsxRuntimeExports.jsx(Be,{children:n.jsxRuntimeExports.jsx(Me,{})}),n.jsxRuntimeExports.jsxs(Ot,{"data-testid":e.generateDataTestId("review-detail-info"),onClick:()=>q(a.id,a.billPayInfo.stage.code),children:[n.jsxRuntimeExports.jsx(W,{style:{width:"50%"},children:n.jsxRuntimeExports.jsxs("div",{children:[a.documentId!=null?r.invoiceNo:null," ",a.documentId]})}),n.jsxRuntimeExports.jsxs(W,{style:{width:"25%"},children:[a.dueDate!=null?r.due:null," ",a.dueDate?.format(w)]}),n.jsxRuntimeExports.jsx(Le,{style:{width:"25%"},windowSize:l,children:e.amountToString("0,0[.]00",a.amount)})]}),n.jsxRuntimeExports.jsx(ke,{children:s!=null?e.longStatusTags.includes(s.code)?n.jsxRuntimeExports.jsx(n.Tooltip,{style:{padding:"2px 5px"},title:s.value,placement:"top",children:n.jsxRuntimeExports.jsx(_,{color:s.color,bgColor:s.bgColor,borderColor:s.borderColor,children:s.value})}):n.jsxRuntimeExports.jsx(_,{color:s.color,bgColor:s.bgColor,borderColor:s.borderColor,children:s.value}):null})]})},a.id):null})]})]}):null,n.jsxRuntimeExports.jsxs(It,{children:[n.jsxRuntimeExports.jsx(Ie,{children:r.pay}),n.jsxRuntimeExports.jsx(Pe,{children:n.jsxRuntimeExports.jsx(e.AmountBalance,{amount:Xe,integerStyles:e.textStyles.largeMedium.cssObject,decimalStyles:e.textStyles.smallMedium.cssObject})}),n.jsxRuntimeExports.jsx(Ie,{children:r.to}),n.jsxRuntimeExports.jsx(Pe,{children:t.vendor?.name})]}),n.jsxRuntimeExports.jsxs(St,{children:[x?null:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(e.FieldThread,{isThreadAllowed:I,entityId:h,dashboardTabKey:e.toDashboardTabKeys({type:"details",key:"withdrawFrom"}),roomId:P,companyId:d.currentTenant?.companyId??u,companyName:d.currentTenant?.companyName??u,dashboardOptionType:"bill",filterMetaData:{...b,entityType:`bill.details.${e.uniqueBillPayTabKey("withdrawFrom")}`},children:n.jsxRuntimeExports.jsx(L.LabeledText,{label:{label:r.withdrawFrom,width:A},style:{width:"auto"},value:t.paymentDetailsSection?.withdrawFrom!=null?e.getWithdrawFromReadOnlyLabel(t.paymentDetailsSection.withdrawFrom,l):u,infoLabelStyle:{textAlign:l==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(l),marginTop:p.infoLabelMarginTop.valuePx(l),color:e.Colors.brandColorGoldDark},additionalInfoLabel:Y})}),n.jsxRuntimeExports.jsx(z,{})]}),n.jsxRuntimeExports.jsx(e.FieldThread,{isThreadAllowed:I,entityId:h,dashboardTabKey:e.toDashboardTabKeys({type:"details",key:"paymentType"}),roomId:P,companyId:d.currentTenant?.companyId??u,companyName:d.currentTenant?.companyName??u,dashboardOptionType:"bill",filterMetaData:{...b,entityType:`bill.details.${e.uniqueBillPayTabKey("paymentType")}`},children:n.jsxRuntimeExports.jsx(L.LabeledText,{label:{label:r.paymentMethod,width:A},style:{width:"auto"},value:e.paymentMethodValueToPaymentMethodLabel(i?.method??""),additionalInfoLabel:et()})}),n.jsxRuntimeExports.jsx(z,{}),!x&&N!=null?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(e.FieldThread,{isThreadAllowed:I,entityId:h,dashboardTabKey:e.toDashboardTabKeys({type:"details",key:"paymentDate"}),roomId:P,companyId:d.currentTenant?.companyId??u,companyName:d.currentTenant?.companyName??u,dashboardOptionType:"bill",filterMetaData:{...b,entityType:`bill.details.${e.uniqueBillPayTabKey("paymentDate")}`},children:n.jsxRuntimeExports.jsx(L.LabeledText,{label:{label:r.paymentDate,width:A},style:{width:"auto"},value:N.format(w),additionalInfoLabel:`${r.estimatedArrival}${c.zeniDate(c.getNextNthWorkingDay(N.toDate(),[0,6],i?.maxPeriod.value??0).toDateString()).format(w)} - (${Z.length>0?`${Z} `:""}${r.deliveryTimeLabel} = ${i?.maxPeriod.value??"0"} ${r.deliveryTimeUnits})`})}),n.jsxRuntimeExports.jsx(z,{})]}):null,x?null:n.jsxRuntimeExports.jsx(e.FieldThread,{isThreadAllowed:I,entityId:h,dashboardTabKey:e.toDashboardTabKeys({type:"details",key:"paymentTo"}),roomId:P,companyId:d.currentTenant?.companyId??u,companyName:d.currentTenant?.companyName??u,dashboardOptionType:"bill",filterMetaData:{...b,entityType:`bill.details.${e.uniqueBillPayTabKey("paymentTo")}`},children:n.jsxRuntimeExports.jsx(L.LabeledText,{label:{label:r.paymentTo,width:A},style:{width:"auto"},value:He??"",additionalInfoLabel:Ge})}),x||Oe?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(z,{}),n.jsxRuntimeExports.jsx(e.FieldThread,{isThreadAllowed:I,entityId:h,dashboardTabKey:e.toDashboardTabKeys({type:"details",key:"recurringPaymentType"}),roomId:P,companyId:d.currentTenant?.companyId??u,companyName:d.currentTenant?.companyName??u,dashboardOptionType:"bill",filterMetaData:{...b,entityType:`bill.details.${e.uniqueBillPayTabKey("recurringPaymentType")}`},children:n.jsxRuntimeExports.jsx(L.LabeledText,{label:{label:r.paymentType,width:A},style:{width:"auto"},value:e.getRecurringCycleInfo(t.isRecurring,x,t.recurringBillInstance??1,t.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:e.getAdditionalRecurringInfo(l,t.isRecurring,x,t.recurringConfig)})})]}):null]}),!x&&i?.method!=null&&(i.method.includes(c.NEW_INTERNATIONAL_METHOD_SUBTEXT)||i?.fee.amount!=null&&i.fee.amount!==0)?n.jsxRuntimeExports.jsx(xt,{children:n.jsxRuntimeExports.jsxs(yt,{windowSize:l,children:[n.jsxRuntimeExports.jsxs(ht,{children:[n.jsxRuntimeExports.jsx(pt,{children:r.total}),n.jsxRuntimeExports.jsx(e.Tooltip,{style:{padding:`12px ${e.Space.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:n.jsxRuntimeExports.jsxs(ut,{children:[n.jsxRuntimeExports.jsxs($e,{children:[n.jsxRuntimeExports.jsx(X,{children:i.method.includes(c.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&K!==T.currencyCode?Re.conversionAmountColon:Te.invoiceAmount}),n.jsxRuntimeExports.jsx(G,{children:e.amountToString("0,0[.]00",{amount:m.amount-M.amount,currencySymbol:M.currencySymbol})})]}),n.jsxRuntimeExports.jsxs($e,{children:[n.jsxRuntimeExports.jsx(X,{children:Re.transactionFee}),n.jsxRuntimeExports.jsx(G,{children:e.amountToString("0,0[.]00",{amount:M.amount,currencySymbol:M.currencySymbol})})]}),n.jsxRuntimeExports.jsx(mt,{}),n.jsxRuntimeExports.jsxs(dt,{children:[n.jsxRuntimeExports.jsx(X,{children:Te.total}),n.jsxRuntimeExports.jsx(G,{children:e.amountToString("0,0[.]00",{amount:m.amount,currencyCode:m.currencyCode,currencySymbol:m.currencySymbol})})]})]}),placement:"top-end",children:n.jsxRuntimeExports.jsx(ct,{})})]}),n.jsxRuntimeExports.jsx(gt,{children:n.jsxRuntimeExports.jsx(e.AmountBalance,{amount:c.toAmount(m.amount,m.currencyCode,m.currencySymbol),integerStyles:e.textStyles.h6Medium.cssObject,decimalStyles:e.textStyles.standardMedium.cssObject})})]})}):null]}),n.jsxRuntimeExports.jsx(e.Footer,{cancelBtn:{label:$&&!g?r.paymentOutsideZeni.markAsPaid:r.editBill,onClick:$&&!g?ce:H,style:{width:Ee(!1,$,g,D,l)}},primaryBtn:{label:ve(g,D,t.isBillMarkedForRetry),isLoading:B?.fetchState==="In-Progress"||V?.fetchState==="In-Progress",onClick:g?ce:()=>{nt&&Y!=null?O(!0):pe()},style:{width:Ee(!0,$,g,D,l)}},rightSideComponent:$&&!g&&B.fetchState!=="In-Progress"?n.jsxRuntimeExports.jsx(Vt,{windowSize:l,children:n.jsxRuntimeExports.jsx(e.Tooltip,{style:{color:e.Colors.heroDark,padding:`2px ${e.Space.sp2}`},display:"flex",title:it,placement:"top",children:n.jsxRuntimeExports.jsx(Ut,{onClick:H,"data-testid":e.generateDataTestId("review-detail-edit-bill-button"),children:n.jsxRuntimeExports.jsx(Kt,{})})})}):null,style:{minHeight:t.paymentDetailsSection?.paymentType?.method!=null&&t.paymentDetailsSection.paymentType.method.includes(c.NEW_INTERNATIONAL_METHOD_SUBTEXT)?127:62,...t.paymentDetailsSection?.paymentType?.method!=null&&t.paymentDetailsSection.paymentType.method.includes(c.NEW_INTERNATIONAL_METHOD_SUBTEXT)&&{padding:e.Space.sp3,rowGap:e.Space.sp3}},children:t.paymentDetailsSection?.paymentType?.method!=null&&t.paymentDetailsSection.paymentType.method.includes(c.NEW_INTERNATIONAL_METHOD_SUBTEXT)?n.jsxRuntimeExports.jsxs(Lt,{children:[r.internationalText1,n.jsxRuntimeExports.jsx(kt,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:r.internationalTerms}),r.internationalText2]}):null})]})},ve=(t,f,y)=>t?r.paymentOutsideZeni.markAsPaid:y===!0?r.retryPayment:f?r.sendForApproval:r.scheduleBill,Ee=(t,f,y,C,R)=>y?128:f&&!t&&R==="small"?"auto":C?165:p.footerButtonWidth.value(R),ct=o(e.SvgInfo)`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-  color: ${t=>t.theme.colors.hero};
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`,$e=o(e.SmallRegular)`
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: ${e.Space.sp1};
-`,G=o.div`
-  color: ${t=>t.theme.colors.brandColorPearl};
-`,X=o.div`
-  color: ${t=>t.theme.colors.hero};
-`,dt=o(e.SmallRegular)`
-  display: flex;
-  justify-content: space-between;
-  padding-top: ${e.Space.sp1};
-`,pt=o.div``,mt=o.div`
-  background-color: ${e.Colors.neutralGrey3Dark};
-  height: 1px;
-  width: 280px;
-`,ut=o.div``,xt=o.div`
-  display: flex;
-  width: 100%;
-  box-sizing: border-box;
-`,yt=o.div`
-  width: 100%;
-  padding: ${e.Space.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${t=>t.theme.colors.grey3};
-  border: 1px solid ${t=>t.theme.colors.grey3};
-  border-radius: ${e.Space.sp2};
-  color: ${t=>t.theme.colors.hero};
-  margin-bottom: ${e.Space.sp2};
-`,ht=o(e.H6Regular)`
-  gap: ${e.Space.sp1};
-  display: flex;
-  width: 100%;
-  color: ${t=>t.theme.colors.primary};
-  align-items: center;
-`,gt=o(e.H6Regular)`
-  display: flex;
-  width: calc(100% - 176px);
-  justify-content: flex-end;
-  color: ${t=>t.theme.colors.primary};
-`,ft=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,jt=o.div`
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  margin-left: ${t=>p.reviewContainerMarginLeft.valuePx(t.windowSize)};
-  margin-right: ${t=>p.reviewContainerMarginRight.valuePx(t.windowSize)};
-  padding-top: ${e.Space.sp3};
-`,St=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${t=>t.theme.colors.grey5};
-  border: 1px solid ${t=>t.theme.colors.grey3};
-  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
-  border-radius: ${e.Space.sp2};
-  margin-bottom: ${e.Space.sp3};
-  margin-top: ${e.Space.sp3};
-`,z=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${t=>t.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Ce=o(e.StyledText)`
-  color: ${t=>t.theme.colors.primary};
-  ${t=>`${at.sectionTitle.style(t.windowSize)}`};
-  margin-left: ${t=>p.sectionTitleMarginLeft.valuePx(t.windowSize)};
-`,Tt=o.div`
-  display: flex;
-  margin-bottom: ${e.Space.sp3};
-  margin-top: ${e.Space.sp3};
-`,Rt=o.div`
-  display: flex;
-  flex-direction: column;
-  border-radius: ${e.Space.sp2};
-  padding: ${e.Space.sp3} ${e.Space.sp4};
-  background-color: ${t=>t.theme.colors.grey5};
-  border: 1px solid ${t=>t.theme.colors.grey3};
-  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
-`,wt=o.div`
-  background-color: ${e.Colors.alertLight};
-  border-radius: ${e.Space.sp2};
-  width: 100%;
-  display: flex;
-`,vt=o.div`
-  display: flex;
-  flex-direction: column;
-  padding-left: ${e.Space.sp2};
-`,Et=o(e.StandardRegular)`
-  padding-bottom: ${e.Space.sp3};
-  color: ${e.Colors.brandColorGoldDark};
-`,$t=o(e.StandardMedium)`
-  padding-top: ${e.Space.sp3};
-  color: ${e.Colors.brandColorGoldDark};
-`,be=o.div`
-  display: flex;
-  flex-direction: ${t=>Fe.includes(t.windowSize)?"column":"row"};
-  width: 100%;
-`,Ct=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  column-gap: ${e.Space.sp1};
-`,bt=o.div`
-  display: flex;
-  column-gap: ${e.Space.sp2};
-  align-items: center;
-`,It=o.div`
-  display: flex;
-  padding-top: ${e.Space.sp3};
-`,Ie=o(e.LargeRegular)`
-  display: flex;
-  color: ${t=>t.theme.colors.hero};
-  margin-right: ${e.Space.sp1};
-`,Pe=o(e.LargeMedium)`
-  display: flex;
-  color: ${t=>t.theme.colors.primary};
-  margin-right: ${e.Space.sp1};
-`,Ae=o(e.SvgArrowLeft)`
-  cursor: pointer;
-  color: ${t=>t.theme.colors.hero};
-  width: 20px;
-  height: 20px;
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`,Pt=o.div`
-  margin-bottom: ${e.Space.sp3};
-`,At=o.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${t=>t.showAutofill===!0?e.Space.sp8:"unset"};
-  position: absolute;
-  width: 100%;
-  top: ${e.Space.sp0};
-  padding-top: ${t=>p.navBarContainerPaddingTop.valuePx(t.windowSize)};
-  padding-right: 33px;
-  padding-bottom: ${t=>p.navBarContainerPaddingTop.valuePx(t.windowSize)};
-  padding-left: ${e.Space.sp0};
-  z-index: 2;
-  background-color: ${t=>t.theme.colors.grey4};
-`,Bt=o(e.SvgEmail)`
-  height: ${e.Space.sp3};
-  width: ${e.Space.sp3};
-  color: ${t=>t.theme.colors.hero};
-`,Mt=o.span`
-  display: flex;
-  align-items: center;
-  margin-left: ${e.Space.sp2};
-  margin-top: ${t=>p.iconContainerMarginTop.valuePx(t.size)};
-  align-self: ${t=>t.size==="small"?"baseline":"center"};
-`,Lt=o(e.ExtraSmallRegular)`
-  color: ${t=>t.theme.colors.grey1};
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-`,kt=o.a`
-  color: ${t=>t.theme.colors.grey1};
-  text-decoration: underline;
-  margin-right: ${e.Space.sp1};
-  margin-left: ${e.Space.sp1};
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`,Ft=o.div`
-  cursor: ${t=>t.isDisabled?"default":"pointer"};
-  display: flex;
-  flex-direction: row;
-
-  align-items: center;
-  color: ${t=>t.theme.colors.hero};
-  margin-right: ${e.Space.sp2};
-  &:hover {
-    svg {
-      color: ${t=>t.isDisabled?t.theme.colors.hero:t.theme.colors.primary};
-    }
-  }
-`,Nt=o.div`
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-  display: flex;
-`,Be=o.div`
-  cursor: default;
-  display: flex;
-  align-items: center;
-  margin-right: ${e.Space.sp1};
-`,Me=o(e.SvgBills)`
-  cursor: pointer;
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-  color: ${t=>t.theme.colors.hero};
-`,W=o(e.StandardRegular)`
-  display: flex;
-  color: ${t=>t.theme.colors.hero};
-  align-items: center;
-  min-width: 142px;
-  flex-grow: 1;
-`,Le=o(e.StandardRegular)`
-  display: flex;
-  color: ${t=>t.theme.colors.primary};
-  align-items: center;
-  margin-right: ${t=>p.infoMarginRight.valuePx(t.windowSize)};
-  min-width: ${t=>p.infoMinWidth.valuePx(t.windowSize)};
-  justify-content: flex-end;
-`,Dt=o.div`
-  display: flex;
-  cursor: pointer;
-  column-gap: ${e.Space.sp1};
-  margin-left: ${e.Space.sp5};
-`,ke=o.div`
-  width: 120px;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-`,Ot=o.div`
-  display: flex;
-  flex-grow: 1;
-  cursor: pointer;
-  width: 100%;
-`,_=o(e.ExtraSmallRegular)`
-  display: flex;
-  color: ${t=>t.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: ${t=>`1px solid ${t.borderColor}`};
-  border-radius: ${e.Space.sp1};
-`,zt=o.div`
-  display: flex;
-  flex-direction: column;
-`,Wt=o.div`
-  display: flex;
-  width: 100%;
-  flex-flow: column;
-  padding-top: ${e.Space.sp2};
-  padding-bottom: ${e.Space.sp2};
-  border-bottom: ${t=>`1px solid ${t.theme.colors.grey3}`};
-`,_t=o(e.ExtraSmallRegular)`
-  margin-top: ${e.Space.sp3};
-  color: ${e.Colors.alert};
-`,qt=o(e.SvgAlertRound)`
-  min-width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-  width: ${e.Space.sp4};
-  margin-top: ${e.Space.sp3};
-  margin-left: ${e.Space.sp4};
-  color: ${e.Colors.brandColorGoldDark};
-`,Vt=o.div`
-  display: flex;
-  justify-content: flex-end;
-  margin-right: ${t=>p.footerRightIconMarginRight.valuePx(t.windowSize)};
-`,Kt=o(e.SvgEdit)`
-  cursor: pointer;
-  color: ${t=>t.theme.colors.hero};
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`,Ut=o.div`
-  display: flex;
-  cursor: pointer;
-  color: ${t=>t.theme.colors.grey1};
-  margin-left: ${e.Space.sp2};
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`;exports.default=lt;