@zeniai/web-components 3.17.11 → 3.17.12

package/dist/ReviewDetailsPage-CS3Mz0u_.cjs

@@ -0,0 +1,290 @@
+"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-CDBWihyC.cjs"),je=require("./LowBalancePopup-DxrLTB7O.cjs"),L=require("./LabeledText-D47gT_UQ.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;