@zeniai/web-cockpit-ui 1.15.39-qa → 1.15.40-dev

package/dist/assets/{ReviewDetailsPage-BlQLrN9z-eEn9iGLz.js → ReviewDetailsPage-DTCm09MF-BtzB7MPB.js}

@@ -1,31 +1,31 @@
-import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as oe,fc as At,fd as Mt,fe as Bt,ff as Ft,aO as A,fg as Lt,aQ as v,fh as Rt,fi as Be,fj as Fe,fk as Le,b as U,fl as O,p as j,fm as zt,fn as E,fo as _,fp as Nt,fq as Ot,bU as Re,o as n,aS as Et,u as d,F as _t,ag as Wt,c3 as Zt,H as Vt,a as Yt,fr as Ht,cj as qt,al as ce,am as me,fs as Ut,ft as Gt,bj as Kt,c as Jt,ba as Xt,fu as Qt,aq as tt,bL as en,ai as nt,bu as tn,fv as nn}from"./index-Dn4fsqrg.js";import{a as Z}from"./sentry-BKz9JNP2.js";import{n as a}from"./mui-t9zesPMq.js";import{bo as ze,bm as Ne,bH as I,bN as an,FF as ln,bL as re,bP as on}from"./zeni-epic-state-D4InWuWM.js";import{t as rn,o as sn}from"./LowBalancePopup-Cb55PGLc-C16_RtCi.js";import{S as W}from"./LabeledText-2EDpuXZ4-ZljRY_j7.js";import"./liveblocks-CN1Pe_iM.js";import"./core-DTkIP9TV.js";import"./recharts-Cg59vN3o.js";import"./lottie-D0Yki-KW.js";import"./analytics-DRAIIXch.js";import"./lexical-BiXOi-Hk.js";import"./utils-BjuPsonu.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},y=new e.Error().stack;y&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[y]="564349a8-4e12-4ad7-9758-e669ea5b7bf5",e._sentryDebugIdIdentifier="sentry-dbid-564349a8-4e12-4ad7-9758-e669ea5b7bf5")}catch{}})();const at=["small","medium-compact","medium-regular"],m={largeLabelWidth:new u(150,215,215),infoMinWidth:new u(0,0,0,142,142),infoMarginRight:new u(0,0,0,d[2],d[2]),footerButtonWidth:new u(120,165),iconContainerMarginTop:new u(6,d[1]),navBarContainerPaddingTop:new u(10,d[3]),sectionTitleMarginLeft:new u(d[3],d[0]),reviewContainerMarginLeft:new u(d[3],d[6]),reviewContainerMarginRight:new u(d[3],d[8]),footerRightIconMarginRight:new u(d[0],d[0],d[7]),infoLabelPaddingRight:new u(d[0],d[3]),infoLabelMarginTop:new u(d[1],d[0])},dn={sectionTitle:new Vt("h6Medium","h5Medium")},{dateFormat:Oe,common:{currency:$,labels:Ee,edit:cn,strings:{empty:f}},spendManagement:{billPay:mn}}=_t.getLocalizedStrings(),{billDetails:i,paymentDetails:_e}=mn,We=({attachment:e})=>{const[y,g]=Z.useState(!1),M=()=>{g(!1)},S=e.fileId?.length===0;return t.jsxs(On,{isDisabled:e.fileId?.length===0,"data-testid":v("attachment-tag",e.fileName),onClick:()=>S===!1?g(!0):null,children:[y&&e?.fileDownloadUrl!=null?t.jsx(Ut,{title:e.fileName,file:e,onCrossClick:()=>M(),setShowFullScreenView:g}):null,t.jsx(En,{children:t.jsx(Gt,{contentType:e.contentType})})]})},da=({billDetails:e,billpayApprovalView:y,isBillPayCommentingEnabled:g,currentTenant:M,isInternationalPaymentShaVsOurEnabled:S,isLocalCurrencyEnabled:it,style:lt,analytics:w,isRecurringBillsFeatureEnabled:ot,isApprovalRequiredForMarkAsPaid:rt,isDetectInsufficientFundsEnabled:st,billId:b,onClickEdit:pe,discardBillDetailsFromLocalStore:ue,saveBillDetails:ye,discardOutsideZeniPaymentData:dt,updateBillDetailSaveBillCode:he,redirectToBillsScreen:fe,onAttachmentClick:X,retryPayment:ct})=>{const s=Tt(),c=Ct(),B={application:"dashboard",companyId:c.currentTenant?.companyId,tab:"bill",entityId:b},F=g&&b!=null,L=`dashboard_${c.currentTenant?.companyId}`,R=m.largeLabelWidth.value(s),P=e.saveStatus,Q=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,o=Dt(S,it,e.billPayConfigList.filter(l=>l.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),T=Oe.visual.MMMDCommaYYYYformat,ge={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},p={amount:o?.method.includes("international")===!0?It(ge,o):e.recipientTotalAmount.amount+(o?.fee.amount??0),currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},z={amount:o?.method.includes("international")===!0?Pt(ge,o):o?.fee.amount??0,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},[mt,xe]=Z.useState(!1),[te,be]=Z.useState(!1),we=()=>xe(!1),pt=()=>{w.trackBillPayMagicLinkPreviewEmail("review_bill"),xe(!0)},ut=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${i.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Rn,{size:s,children:t.jsx(Ln,{})})]}):kt(e.paymentDetailsSection?.paymentTo);Z.useEffect(()=>{(P?.fetchState==="Completed"||Q?.fetchState==="Completed")&&(ue(),he(),fe())},[P,Q,fe,ue,he]);const k=e.billPayInfo?.stage,N=e.billPayInfo?.billStatus,V=e.billPayInfo?.billPaymentStatus,yt=e.billPayInfo?.billPaymentRefundStatus,ne=k?.code==="paid"?k:N?.code=="approved"&&V?.code?V:N,ht=e.billPayInfo?.isRefundInitiated===!0?yt:N?.code=="approved"&&V?.code?V:N,ae=()=>{pe()},$e=()=>{pe()},Y=e.paymentDetailsSection?.paymentDate,ie=oe(o?.method??""),ve=ie.replace("Same Day",""),ft=e.isCollectToAccountInfoFromVendorContact?t.jsx(At,{paymentTypeLabel:ve,onClick:pt}):i.addedByZeni,H=y.allApprovalRules.length>0,gt=ze(o?.method!=null&&(o.method.includes(I)||o?.fee.amount!=null&&o.fee.amount!==0)?p.amount-z.amount:p.amount,o?.fee.currencyCode??Ne.currencyCode,o?.fee.currencySymbol??Ne.currencySymbol),x=an(e.paymentDetailsSection?.paymentType?.method),xt=l=>{w.trackBillPayMarkAsPaidSubmit(l.paymentMode??"other",k?.code??"draft",ne?.code??""),ye(!0,l)},je=()=>{be(!0),w.trackBillPayMarkAsPaid(k?.code??"draft",ne?.code??"")},bt=()=>{dt(),be(!1)},C=x,h=C&&!rt,Se=Ze(h,H,e.isBillMarkedForRetry),wt=()=>x?h?void 0:i.paymentOutsideZeni.reviewInfo:o?.method!=null&&o.method.includes(I)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&S&&ee===$.currencyCode?Qt(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,le=st&&e.paymentDetailsSection!=null?Mt(p,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,$t=()=>{const l=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,D=e.recurringConfig,jt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&w.trackBillPayAutoDateChange(b??"new_bill"),o?.method!=null&&l!=null){const St=x?i.paymentOutsideZeni.offline:oe(o.method);if(w.trackBillPaySendForApproval(St,l.format(Oe.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,b,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:re(D?.startDate?.toString()??"").format(T),endDate:re(D?.endDate?.toString()??"").format(T),frequency:D?.frequency??"monthly",totalAmount:jt.amount,totalPaymentCycles:D?.totalPaymentCycles??0,isApprovalRequired:D?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?D?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?D?.updateRecurringBills==="all":void 0}),le!=null){const De=k?.code??"draft",Ie=N?.code??"",Pe=e.isRecurring?["Recurring"]:["One-Time"],ke=e.invoiceNumber??"",Ae=nn(c.loggedInUser),Me=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";Se===i.scheduleBill?w.trackLowBalanceAccountSchedule(De,Ie,Pe,ke,Ae,Me):Se===i.sendForApproval&&w.trackLowBalanceAccountSentForApproval(De,Ie,Pe,ke,Ae,Me)}}},Te=()=>{Ce===!0&&q(!1),e.isBillMarkedForRetry===!0?(ct(),w.trackRetryConfirmClick(ne?.code??"",k?.code??"",ht?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&($t(),ye(!1,{}))},vt=ln(p.amount,y.allApprovalRules,c.loggedInUser),[Ce,q]=Z.useState(!1);return t.jsxs($n,{children:[te?t.jsx(rn,{onCancel:bt,onProceedForMarkAsPaid:xt,saveDetailsFetchState:P?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,Ce?t.jsx(sn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Te,onCancelClick:()=>{q(!1),ae()},onClickAway:()=>{q(!1)}}):null,t.jsx(Bt,{anchor:"right",open:mt,onClose:we,transitionDuration:250,"data-testid":v("vendor-email-preview-drawer"),children:t.jsx(Ft,{companyName:Lt(M.company?.companyInfo),vendor:e.vendor?.name,paymentDate:Y?.format(T)??"",paymentType:ve,amount:A("0,0[.]00",p),isInvoiceAttached:!!e.file,onClose:we})}),t.jsxs(vn,{windowSize:s,style:lt,children:[s==="small"?t.jsxs(Fn,{windowSize:s,children:[t.jsx(Ke,{onClick:$e,"data-testid":v("review-detail-nav-bar-small-back")}),t.jsx(He,{windowSize:s,children:i.oneLastLook})]}):t.jsx(Bn,{"data-testid":v("review-details-nav-bar-back"),children:t.jsx(Ke,{onClick:$e})}),s!=="small"?t.jsx(Sn,{children:t.jsx(He,{windowSize:s,children:i.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(Tn,{children:[t.jsxs(Cn,{children:[t.jsx(Hn,{}),t.jsxs(Dn,{children:[t.jsx(Pn,{children:i.duplicateBillPayWarning}),t.jsxs(In,{children:[i.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":v("review-detail-attachment-button"),onClick:()=>X(e.duplicateBillTransactions[0].id,e.duplicateBillTransactions[0].billPayInfo.stage.code),style:{textDecoration:"underline",cursor:"pointer"},children:[i.viewBill,e.duplicateBillTransactions[0].documentId]})]})]})]}),t.jsxs(Zn,{children:[t.jsx(Yn,{children:i.duplicateInvoiceFound}),e.duplicateBillTransactions.map(l=>{const r=Rt(l);return l!=null?t.jsx(Vn,{children:at.includes(s)?t.jsxs(qe,{windowSize:s,children:[t.jsxs(kn,{children:[t.jsxs(An,{children:[l.attachments&&l.attachments.length>0?t.jsx(We,{attachment:l.attachments[0]}):t.jsx(Je,{children:t.jsx(Xe,{})}),t.jsx(K,{children:t.jsxs(t.Fragment,{children:[l.documentId!=null?i.invoiceNo:null,l.documentId]})})]}),t.jsx(Qe,{windowSize:s,children:A("0,0[.]00",l.recipientTotalAmount)})]}),t.jsxs(_n,{"data-testid":v("review-detail-mobile-info"),onClick:()=>X(l.id,l.billPayInfo.stage.code),children:[t.jsxs(K,{children:[l.dueDate!=null?i.due:null," ",l.dueDate?.format(T)]}),t.jsx(et,{children:r!=null?Be.includes(r.code)?t.jsx(Fe,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(qe,{windowSize:s,children:[l.attachments&&l.attachments.length>0?t.jsx(We,{attachment:l.attachments[0]}):t.jsx(Je,{children:t.jsx(Xe,{})}),t.jsxs(Wn,{"data-testid":v("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?i.invoiceNo:null," ",l.documentId]})}),t.jsxs(K,{style:{width:"25%"},children:[l.dueDate!=null?i.due:null," ",l.dueDate?.format(T)]}),t.jsx(Qe,{style:{width:"25%"},windowSize:s,children:A("0,0[.]00",l.amount)})]}),t.jsx(et,{children:r!=null?Be.includes(r.code)?t.jsx(Fe,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},l.id):null})]})]}):null,t.jsxs(Mn,{children:[t.jsx(Ue,{children:i.pay}),t.jsx(Ge,{children:t.jsx(Le,{amount:gt,integerStyles:U.largeMedium.cssObject,decimalStyles:U.smallMedium.cssObject})}),t.jsx(Ue,{children:i.to}),t.jsx(Ge,{children:e.vendor?.name})]}),t.jsxs(jn,{children:[x?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"withdrawFrom"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("withdrawFrom")}`},children:t.jsx(W,{label:{label:i.withdrawFrom,width:R},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?zt(e.paymentDetailsSection.withdrawFrom,s):f,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:m.infoLabelPaddingRight.valuePx(s),marginTop:m.infoLabelMarginTop.valuePx(s),color:j.brandColorGoldDark},additionalInfoLabel:le})}),t.jsx(G,{})]}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"paymentType"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentType")}`},children:t.jsx(W,{label:{label:i.paymentMethod,width:R},style:{width:"auto"},value:oe(o?.method??""),additionalInfoLabel:wt()})}),t.jsx(G,{}),!x&&Y!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"paymentDate"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentDate")}`},children:t.jsx(W,{label:{label:i.paymentDate,width:R},style:{width:"auto"},value:Y.format(T),additionalInfoLabel:`${i.estimatedArrival}${re(on(Y.toDate(),[0,6],o?.maxPeriod.value??0).toDateString()).format(T)} - (${ie.length>0?`${ie} `:""}${i.deliveryTimeLabel} = ${o?.maxPeriod.value??"0"} ${i.deliveryTimeUnits})`})}),t.jsx(G,{})]}):null,x?null:t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"paymentTo"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentTo")}`},children:t.jsx(W,{label:{label:i.paymentTo,width:R},style:{width:"auto"},value:ut??"",additionalInfoLabel:ft})}),x||ot?t.jsxs(t.Fragment,{children:[t.jsx(G,{}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"recurringPaymentType"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("recurringPaymentType")}`},children:t.jsx(W,{label:{label:i.paymentType,width:R},style:{width:"auto"},value:Ot(e.isRecurring,x,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Nt(s,e.isRecurring,x,e.recurringConfig)})})]}):null]}),!x&&o?.method!=null&&(o.method.includes(I)||o?.fee.amount!=null&&o.fee.amount!==0)?t.jsx(gn,{children:t.jsxs(xn,{windowSize:s,children:[t.jsxs(bn,{children:[t.jsx(yn,{children:i.total}),t.jsx(Re,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(fn,{children:[t.jsxs(Ye,{children:[t.jsx(de,{children:o.method.includes(I)&&ee!==$.currencyCode?_e.conversionAmountColon:Ee.invoiceAmount}),t.jsx(se,{children:A("0,0[.]00",{amount:p.amount-z.amount,currencySymbol:z.currencySymbol})})]}),t.jsxs(Ye,{children:[t.jsx(de,{children:_e.transactionFee}),t.jsx(se,{children:A("0,0[.]00",{amount:z.amount,currencySymbol:z.currencySymbol})})]}),t.jsx(hn,{}),t.jsxs(un,{children:[t.jsx(de,{children:Ee.total}),t.jsx(se,{children:A("0,0[.]00",{amount:p.amount,currencyCode:p.currencyCode,currencySymbol:p.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(pn,{})})]}),t.jsx(wn,{children:t.jsx(Le,{amount:ze(p.amount,p.currencyCode,p.currencySymbol),integerStyles:U.h6Medium.cssObject,decimalStyles:U.standardMedium.cssObject})})]})}):null]}),t.jsx(Et,{cancelBtn:{label:C&&!h?i.paymentOutsideZeni.markAsPaid:i.editBill,onClick:C&&!h?je:ae,isLoading:C&&!h&&te&&P?.fetchState==="In-Progress",reverseSpinnerColor:!1,style:{width:Ve(!1,C,h,H,s)}},primaryBtn:{label:Ze(h,H,e.isBillMarkedForRetry),isLoading:P?.fetchState==="In-Progress"&&(h||!te)||Q?.fetchState==="In-Progress",onClick:h?je:()=>{vt&&le!=null?q(!0):Te()},style:{width:Ve(!0,C,h,H,s)}},rightSideComponent:C&&!h&&P.fetchState!=="In-Progress"?t.jsx(qn,{windowSize:s,children:t.jsx(Re,{style:{color:j.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:cn,placement:"top",children:t.jsx(Gn,{onClick:ae,"data-testid":v("review-detail-edit-bill-button"),children:t.jsx(Un,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?t.jsxs(zn,{children:[i.internationalText1,t.jsx(Nn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:i.internationalTerms}),i.internationalText2]}):null})]})},Ze=(e,y,g)=>e?i.paymentOutsideZeni.markAsPaid:g===!0?i.retryPayment:y?i.sendForApproval:i.scheduleBill,Ve=(e,y,g,M,S)=>g?128:y&&!e&&S==="small"?"auto":M?165:m.footerButtonWidth.value(S),pn=a(en)`
+import{J as Tt,ax as Ct,x as u,f8 as Dt,f9 as It,fa as Pt,V as t,fb as kt,fc as le,fd as Mt,fe as At,ff as Bt,fg as Ft,aP as M,fh as Lt,ab as v,fi as Rt,fj as Be,fk as Fe,fl as Le,w as Y,fm as O,p as j,fn as zt,fo as E,fp as _,fq as Nt,fr as Ot,bU as Re,o as n,aS as Et,u as d,F as _t,ah as Wt,c3 as Vt,z as Zt,M as Gt,fs as Ht,cj as Ut,am as ce,an as me,ft as Yt,fu as qt,bj as Kt,d as Jt,ba as Xt,fv as Qt,ar as tt,bL as en,aj as nt,bu as tn,fw as nn}from"./index-Dfs8yBxm.js";import{a as V}from"./sentry-Dje-_Mky.js";import{n as i}from"./mui-BoUXdMXW.js";import{bo as ze,bm as Ne,bH as I,bN as an,Gm as on,bL as re,bP as ln}from"./zeni-epic-state-DjuGgMVt.js";import{t as rn,o as sn}from"./LowBalancePopup-DTUaytjD-DS1CDgAE.js";import{S as W}from"./LabeledText-D1RmgOs9-q82PtDVl.js";import"./liveblocks-DO6Nvzzd.js";import"./core-XvwDdaId.js";import"./recharts-Dx_NgewX.js";import"./lottie-Brfg_siY.js";import"./analytics-DtwjxHiX.js";import"./lexical-Huj_vwAQ.js";import"./utils-CyvMfhu-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},y=new e.Error().stack;y&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[y]="7a028959-90d8-4c1d-96a2-11ec1855d292",e._sentryDebugIdIdentifier="sentry-dbid-7a028959-90d8-4c1d-96a2-11ec1855d292")}catch{}})();const it=["small","medium-compact","medium-regular"],m={largeLabelWidth:new u(150,215,215),infoMinWidth:new u(0,0,0,142,142),infoMarginRight:new u(0,0,0,d[2],d[2]),footerButtonWidth:new u(120,165),iconContainerMarginTop:new u(6,d[1]),navBarContainerPaddingTop:new u(10,d[3]),sectionTitleMarginLeft:new u(d[3],d[0]),reviewContainerMarginLeft:new u(d[3],d[6]),reviewContainerMarginRight:new u(d[3],d[8]),footerRightIconMarginRight:new u(d[0],d[0],d[7]),infoLabelPaddingRight:new u(d[0],d[3]),infoLabelMarginTop:new u(d[1],d[0])},dn={sectionTitle:new Zt("h6Medium","h5Medium")},{dateFormat:Oe,common:{currency:$,labels:Ee,edit:cn,strings:{empty:f}},spendManagement:{billPay:mn}}=_t.getLocalizedStrings(),{billDetails:a,paymentDetails:_e}=mn,We=({attachment:e})=>{const[y,g]=V.useState(!1),A=()=>{g(!1)},S=e.fileId?.length===0;return t.jsxs(On,{isDisabled:e.fileId?.length===0,"data-testid":v("attachment-tag",e.fileName),onClick:()=>S===!1?g(!0):null,children:[y&&e?.fileDownloadUrl!=null?t.jsx(Yt,{title:e.fileName,file:e,onCrossClick:()=>A(),setShowFullScreenView:g}):null,t.jsx(En,{children:t.jsx(qt,{contentType:e.contentType})})]})},di=({billDetails:e,billpayApprovalView:y,isBillPayCommentingEnabled:g,currentTenant:A,isInternationalPaymentShaVsOurEnabled:S,isLocalCurrencyEnabled:at,style:ot,analytics:w,isRecurringBillsFeatureEnabled:lt,isApprovalRequiredForMarkAsPaid:rt,isDetectInsufficientFundsEnabled:st,billId:b,onClickEdit:pe,discardBillDetailsFromLocalStore:ue,saveBillDetails:ye,discardOutsideZeniPaymentData:dt,updateBillDetailSaveBillCode:he,redirectToBillsScreen:fe,onAttachmentClick:X,retryPayment:ct})=>{const s=Tt(),c=Ct(),B={application:"dashboard",companyId:c.currentTenant?.companyId,tab:"bill",entityId:b},F=g&&b!=null,L=`dashboard_${c.currentTenant?.companyId}`,R=m.largeLabelWidth.value(s),P=e.saveStatus,Q=e.zeniAssistRetryStatus,ee=e.vendor?.vendorCurrencyCode,l=Dt(S,at,e.billPayConfigList.filter(o=>o.method.includes(e.paymentDetailsSection?.withdrawFrom?.accType??"depositAccount")),e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,e.paymentDetailsSection?.paymentType,ee),T=Oe.visual.MMMDCommaYYYYformat,ge={amount:e.recipientTotalAmount.amount/(e.paymentDetailsSection?.conversionRate??1)*100/100,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},p={amount:l?.method.includes("international")===!0?It(ge,l):e.recipientTotalAmount.amount+(l?.fee.amount??0),currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},z={amount:l?.method.includes("international")===!0?Pt(ge,l):l?.fee.amount??0,currencyCode:$.currencyCode,currencySymbol:$.currencySymbol},[mt,xe]=V.useState(!1),[te,be]=V.useState(!1),we=()=>xe(!1),pt=()=>{w.trackBillPayMagicLinkPreviewEmail("review_bill"),xe(!0)},ut=e.isCollectToAccountInfoFromVendorContact?t.jsxs(t.Fragment,{children:[`${a.magicLink.collectFrom} ${e.toAccountVendorEmail}`,t.jsx(Rn,{size:s,children:t.jsx(Ln,{})})]}):kt(e.paymentDetailsSection?.paymentTo);V.useEffect(()=>{(P?.fetchState==="Completed"||Q?.fetchState==="Completed")&&(ue(),he(),fe())},[P,Q,fe,ue,he]);const k=e.billPayInfo?.stage,N=e.billPayInfo?.billStatus,Z=e.billPayInfo?.billPaymentStatus,yt=e.billPayInfo?.billPaymentRefundStatus,ne=k?.code==="paid"?k:N?.code=="approved"&&Z?.code?Z:N,ht=e.billPayInfo?.isRefundInitiated===!0?yt:N?.code=="approved"&&Z?.code?Z:N,ie=()=>{pe()},$e=()=>{pe()},G=e.paymentDetailsSection?.paymentDate,ae=le(l?.method??""),ve=ae.replace("Same Day",""),ft=e.isCollectToAccountInfoFromVendorContact?t.jsx(Mt,{paymentTypeLabel:ve,onClick:pt}):a.addedByZeni,H=y.allApprovalRules.length>0,gt=ze(l?.method!=null&&(l.method.includes(I)||l?.fee.amount!=null&&l.fee.amount!==0)?p.amount-z.amount:p.amount,l?.fee.currencyCode??Ne.currencyCode,l?.fee.currencySymbol??Ne.currencySymbol),x=an(e.paymentDetailsSection?.paymentType?.method),xt=o=>{w.trackBillPayMarkAsPaidSubmit(o.paymentMode??"other",k?.code??"draft",ne?.code??""),ye(!0,o)},je=()=>{be(!0),w.trackBillPayMarkAsPaid(k?.code??"draft",ne?.code??"")},bt=()=>{dt(),be(!1)},C=x,h=C&&!rt,Se=Ve(h,H,e.isBillMarkedForRetry),wt=()=>x?h?void 0:a.paymentOutsideZeni.reviewInfo:l?.method!=null&&l.method.includes(I)&&e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod!=null&&S&&ee===$.currencyCode?Qt(e.paymentDetailsSection.internationalTransferFeeBearerPaymentMethod):void 0,oe=st&&e.paymentDetailsSection!=null?At(p,e.paymentDetailsSection.withdrawFrom,e.paymentDetailsSection.paymentDate):void 0,$t=()=>{const o=e.paymentDetailsSection?.paymentDate,r=e.isCollectToAccountInfoFromVendorContact,D=e.recurringConfig,jt=e.recipientTotalAmount;if(e.isInvoiceDateAutoUpdated===!0&&w.trackBillPayAutoDateChange(b??"new_bill"),l?.method!=null&&o!=null){const St=x?a.paymentOutsideZeni.offline:le(l.method);if(w.trackBillPaySendForApproval(St,o.format(Oe.analytics.MMMDashDDDashYYYYFormat),r,e.isRecurring,b,e.paymentDetailsSection?.internationalTransferFeeBearerPaymentMethod,{startDate:re(D?.startDate?.toString()??"").format(T),endDate:re(D?.endDate?.toString()??"").format(T),frequency:D?.frequency??"monthly",totalAmount:jt.amount,totalPaymentCycles:D?.totalPaymentCycles??0,isApprovalRequired:D?.isApprovalRequired??!1,updateCurrentBill:e.recurringConfig?.id!=null?D?.updateRecurringBills==="current":void 0,updateFutureRecurringBills:e.recurringConfig?.id!=null?D?.updateRecurringBills==="all":void 0}),oe!=null){const De=k?.code??"draft",Ie=N?.code??"",Pe=e.isRecurring?["Recurring"]:["One-Time"],ke=e.invoiceNumber??"",Me=nn(c.loggedInUser),Ae=e.paymentDetailsSection?.withdrawFrom?.accType==="depositAccount"?"ZA":"External Account";Se===a.scheduleBill?w.trackLowBalanceAccountSchedule(De,Ie,Pe,ke,Me,Ae):Se===a.sendForApproval&&w.trackLowBalanceAccountSentForApproval(De,Ie,Pe,ke,Me,Ae)}}},Te=()=>{Ce===!0&&U(!1),e.isBillMarkedForRetry===!0?(ct(),w.trackRetryConfirmClick(ne?.code??"",k?.code??"",ht?.description??"",e.isRecurring?["Recurring"]:["One-Time"],e.invoiceNumber??"")):e.vendor!=null&&($t(),ye(!1,{}))},vt=on(p.amount,y.allApprovalRules,c.loggedInUser),[Ce,U]=V.useState(!1);return t.jsxs($n,{children:[te?t.jsx(rn,{onCancel:bt,onProceedForMarkAsPaid:xt,saveDetailsFetchState:P?.fetchState,paymentData:e.outsideZeniPaymentInfo}):null,Ce?t.jsx(sn,{withdrawFrom:e.paymentDetailsSection?.withdrawFrom,paymentDate:e.paymentDetailsSection?.paymentDate,onOkClick:Te,onCancelClick:()=>{U(!1),ie()},onClickAway:()=>{U(!1)}}):null,t.jsx(Bt,{anchor:"right",open:mt,onClose:we,transitionDuration:250,"data-testid":v("vendor-email-preview-drawer"),children:t.jsx(Ft,{companyName:Lt(A.company?.companyInfo),vendor:e.vendor?.name,paymentDate:G?.format(T)??"",paymentType:ve,amount:M("0,0[.]00",p),isInvoiceAttached:!!e.file,onClose:we})}),t.jsxs(vn,{windowSize:s,style:ot,children:[s==="small"?t.jsxs(Fn,{windowSize:s,children:[t.jsx(Ke,{onClick:$e,"data-testid":v("review-detail-nav-bar-small-back")}),t.jsx(He,{windowSize:s,children:a.oneLastLook})]}):t.jsx(Bn,{"data-testid":v("review-details-nav-bar-back"),children:t.jsx(Ke,{onClick:$e})}),s!=="small"?t.jsx(Sn,{children:t.jsx(He,{windowSize:s,children:a.oneLastLook})}):null,e.duplicateBillTransactions.length>0?t.jsxs(Tn,{children:[t.jsxs(Cn,{children:[t.jsx(Hn,{}),t.jsxs(Dn,{children:[t.jsx(Pn,{children:a.duplicateBillPayWarning}),t.jsxs(In,{children:[a.duplicateBillPayWarningSubHeading,t.jsxs("span",{"data-testid":v("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(Vn,{children:[t.jsx(Gn,{children:a.duplicateInvoiceFound}),e.duplicateBillTransactions.map(o=>{const r=Rt(o);return o!=null?t.jsx(Zn,{children:it.includes(s)?t.jsxs(Ue,{windowSize:s,children:[t.jsxs(kn,{children:[t.jsxs(Mn,{children:[o.attachments&&o.attachments.length>0?t.jsx(We,{attachment:o.attachments[0]}):t.jsx(Je,{children:t.jsx(Xe,{})}),t.jsx(K,{children:t.jsxs(t.Fragment,{children:[o.documentId!=null?a.invoiceNo:null,o.documentId]})})]}),t.jsx(Qe,{windowSize:s,children:M("0,0[.]00",o.recipientTotalAmount)})]}),t.jsxs(_n,{"data-testid":v("review-detail-mobile-info"),onClick:()=>X(o.id,o.billPayInfo.stage.code),children:[t.jsxs(K,{children:[o.dueDate!=null?a.due:null," ",o.dueDate?.format(T)]}),t.jsx(et,{children:r!=null?Be.includes(r.code)?t.jsx(Fe,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})]}):t.jsxs(Ue,{windowSize:s,children:[o.attachments&&o.attachments.length>0?t.jsx(We,{attachment:o.attachments[0]}):t.jsx(Je,{children:t.jsx(Xe,{})}),t.jsxs(Wn,{"data-testid":v("review-detail-info"),onClick:()=>X(o.id,o.billPayInfo.stage.code),children:[t.jsx(K,{style:{width:"50%"},children:t.jsxs("div",{children:[o.documentId!=null?a.invoiceNo:null," ",o.documentId]})}),t.jsxs(K,{style:{width:"25%"},children:[o.dueDate!=null?a.due:null," ",o.dueDate?.format(T)]}),t.jsx(Qe,{style:{width:"25%"},windowSize:s,children:M("0,0[.]00",o.amount)})]}),t.jsx(et,{children:r!=null?Be.includes(r.code)?t.jsx(Fe,{style:{padding:"2px 5px"},title:r.value,placement:"top",children:t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value})}):t.jsx(J,{color:r.color,bgColor:r.bgColor,borderColor:r.borderColor,children:r.value}):null})]})},o.id):null})]})]}):null,t.jsxs(An,{children:[t.jsx(Ye,{children:a.pay}),t.jsx(qe,{children:t.jsx(Le,{amount:gt,integerStyles:Y.largeMedium.cssObject,decimalStyles:Y.smallMedium.cssObject})}),t.jsx(Ye,{children:a.to}),t.jsx(qe,{children:e.vendor?.name})]}),t.jsxs(jn,{children:[x?null:t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"withdrawFrom"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("withdrawFrom")}`},children:t.jsx(W,{label:{label:a.withdrawFrom,width:R},style:{width:"auto"},value:e.paymentDetailsSection?.withdrawFrom!=null?zt(e.paymentDetailsSection.withdrawFrom,s):f,infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:m.infoLabelPaddingRight.valuePx(s),marginTop:m.infoLabelMarginTop.valuePx(s),color:j.brandColorGoldDark},additionalInfoLabel:oe})}),t.jsx(q,{})]}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"paymentType"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentType")}`},children:t.jsx(W,{label:{label:a.paymentMethod,width:R},style:{width:"auto"},value:le(l?.method??""),additionalInfoLabel:wt()})}),t.jsx(q,{}),!x&&G!=null?t.jsxs(t.Fragment,{children:[t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"paymentDate"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentDate")}`},children:t.jsx(W,{label:{label:a.paymentDate,width:R},style:{width:"auto"},value:G.format(T),additionalInfoLabel:`${a.estimatedArrival}${re(ln(G.toDate(),[0,6],l?.maxPeriod.value??0).toDateString()).format(T)} - (${ae.length>0?`${ae} `:""}${a.deliveryTimeLabel} = ${l?.maxPeriod.value??"0"} ${a.deliveryTimeUnits})`})}),t.jsx(q,{})]}):null,x?null:t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"paymentTo"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("paymentTo")}`},children:t.jsx(W,{label:{label:a.paymentTo,width:R},style:{width:"auto"},value:ut??"",additionalInfoLabel:ft})}),x||lt?t.jsxs(t.Fragment,{children:[t.jsx(q,{}),t.jsx(O,{isThreadAllowed:F,entityId:b,dashboardTabKey:_({type:"details",key:"recurringPaymentType"}),roomId:L,companyId:c.currentTenant?.companyId??f,companyName:c.currentTenant?.companyName??f,dashboardOptionType:"bill",filterMetaData:{...B,entityType:`bill.details.${E("recurringPaymentType")}`},children:t.jsx(W,{label:{label:a.paymentType,width:R},style:{width:"auto"},value:Ot(e.isRecurring,x,e.recurringBillInstance??1,e.recurringConfig?.totalPaymentCycles??0),additionalInfoLabel:Nt(s,e.isRecurring,x,e.recurringConfig)})})]}):null]}),!x&&l?.method!=null&&(l.method.includes(I)||l?.fee.amount!=null&&l.fee.amount!==0)?t.jsx(gn,{children:t.jsxs(xn,{windowSize:s,children:[t.jsxs(bn,{children:[t.jsx(yn,{children:a.total}),t.jsx(Re,{style:{padding:`12px ${n.sp3}`,lineHeight:"18px"},maxWidth:"312px",title:t.jsxs(fn,{children:[t.jsxs(Ge,{children:[t.jsx(de,{children:l.method.includes(I)&&ee!==$.currencyCode?_e.conversionAmountColon:Ee.invoiceAmount}),t.jsx(se,{children:M("0,0[.]00",{amount:p.amount-z.amount,currencySymbol:z.currencySymbol})})]}),t.jsxs(Ge,{children:[t.jsx(de,{children:_e.transactionFee}),t.jsx(se,{children:M("0,0[.]00",{amount:z.amount,currencySymbol:z.currencySymbol})})]}),t.jsx(hn,{}),t.jsxs(un,{children:[t.jsx(de,{children:Ee.total}),t.jsx(se,{children:M("0,0[.]00",{amount:p.amount,currencyCode:p.currencyCode,currencySymbol:p.currencySymbol})})]})]}),placement:"top-end",children:t.jsx(pn,{})})]}),t.jsx(wn,{children:t.jsx(Le,{amount:ze(p.amount,p.currencyCode,p.currencySymbol),integerStyles:Y.h6Medium.cssObject,decimalStyles:Y.standardMedium.cssObject})})]})}):null]}),t.jsx(Et,{cancelBtn:{label:C&&!h?a.paymentOutsideZeni.markAsPaid:a.editBill,onClick:C&&!h?je:ie,isLoading:C&&!h&&te&&P?.fetchState==="In-Progress",reverseSpinnerColor:!1,style:{width:Ze(!1,C,h,H,s)}},primaryBtn:{label:Ve(h,H,e.isBillMarkedForRetry),isLoading:P?.fetchState==="In-Progress"&&(h||!te)||Q?.fetchState==="In-Progress",onClick:h?je:()=>{vt&&oe!=null?U(!0):Te()},style:{width:Ze(!0,C,h,H,s)}},rightSideComponent:C&&!h&&P.fetchState!=="In-Progress"?t.jsx(Un,{windowSize:s,children:t.jsx(Re,{style:{color:j.heroDark,padding:`2px ${n.sp2}`},display:"flex",title:cn,placement:"top",children:t.jsx(qn,{onClick:ie,"data-testid":v("review-detail-edit-bill-button"),children:t.jsx(Yn,{})})})}):null,style:{minHeight:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?127:62,...e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)&&{padding:n.sp3,rowGap:n.sp3}},children:e.paymentDetailsSection?.paymentType?.method!=null&&e.paymentDetailsSection.paymentType.method.includes(I)?t.jsxs(zn,{children:[a.internationalText1,t.jsx(Nn,{href:"https://www.nium.com/legal/end-customer-terms",target:"_Blank",rel:"noopener noreferrer",children:a.internationalTerms}),a.internationalText2]}):null})]})},Ve=(e,y,g)=>e?a.paymentOutsideZeni.markAsPaid:g===!0?a.retryPayment:y?a.sendForApproval:a.scheduleBill,Ze=(e,y,g,A,S)=>g?128:y&&!e&&S==="small"?"auto":A?165:m.footerButtonWidth.value(S),pn=i(en)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ye=a(nt)`
+`,Ge=i(nt)`
   display: flex;
   justify-content: space-between;
   padding-bottom: ${n.sp1};
-`,se=a.div`
+`,se=i.div`
   color: ${e=>e.theme.colors.brandColorPearl};
-`,de=a.div`
+`,de=i.div`
   color: ${e=>e.theme.colors.hero};
-`,un=a(nt)`
+`,un=i(nt)`
   display: flex;
   justify-content: space-between;
   padding-top: ${n.sp1};
-`,yn=a.div``,hn=a.div`
+`,yn=i.div``,hn=i.div`
   background-color: ${j.neutralGrey3Dark};
   height: 1px;
   width: 280px;
-`,fn=a.div``,gn=a.div`
+`,fn=i.div``,gn=i.div`
   display: flex;
   width: 100%;
   box-sizing: border-box;
-`,xn=a.div`
+`,xn=i.div`
   width: 100%;
   padding: ${n.sp3};
   display: flex;
@@ -36,30 +36,30 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
   border-radius: ${n.sp2};
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${n.sp2};
-`,bn=a(tt)`
+`,bn=i(tt)`
   gap: ${n.sp1};
   display: flex;
   width: 100%;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
-`,wn=a(tt)`
+`,wn=i(tt)`
   display: flex;
   width: calc(100% - 176px);
   justify-content: flex-end;
   color: ${e=>e.theme.colors.primary};
-`,$n=a.div`
+`,$n=i.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
-`,vn=a.div`
+`,vn=i.div`
   display: flex;
   flex-grow: 1;
   flex-direction: column;
   margin-left: ${e=>m.reviewContainerMarginLeft.valuePx(e.windowSize)};
   margin-right: ${e=>m.reviewContainerMarginRight.valuePx(e.windowSize)};
   padding-top: ${n.sp3};
-`,jn=a.div`
+`,jn=i.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -68,21 +68,21 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
   border-radius: ${n.sp2};
   margin-bottom: ${n.sp3};
   margin-top: ${n.sp3};
-`,G=a.div`
+`,q=i.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,He=a(Yt)`
+`,He=i(Gt)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${dn.sectionTitle.style(e.windowSize)}`};
   margin-left: ${e=>m.sectionTitleMarginLeft.valuePx(e.windowSize)};
-`,Sn=a.div`
+`,Sn=i.div`
   display: flex;
   margin-bottom: ${n.sp3};
   margin-top: ${n.sp3};
-`,Tn=a.div`
+`,Tn=i.div`
   display: flex;
   flex-direction: column;
   border-radius: ${n.sp2};
@@ -90,46 +90,46 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
   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}`};
-`,Cn=a.div`
+`,Cn=i.div`
   background-color: ${j.alertLight};
   border-radius: ${n.sp2};
   width: 100%;
   display: flex;
-`,Dn=a.div`
+`,Dn=i.div`
   display: flex;
   flex-direction: column;
   padding-left: ${n.sp2};
-`,In=a(ce)`
+`,In=i(ce)`
   padding-bottom: ${n.sp3};
   color: ${j.brandColorGoldDark};
-`,Pn=a(qt)`
+`,Pn=i(Ut)`
   padding-top: ${n.sp3};
   color: ${j.brandColorGoldDark};
-`,qe=a.div`
+`,Ue=i.div`
   display: flex;
-  flex-direction: ${e=>at.includes(e.windowSize)?"column":"row"};
+  flex-direction: ${e=>it.includes(e.windowSize)?"column":"row"};
   width: 100%;
-`,kn=a.div`
+`,kn=i.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   column-gap: ${n.sp1};
-`,An=a.div`
+`,Mn=i.div`
   display: flex;
   column-gap: ${n.sp2};
   align-items: center;
-`,Mn=a.div`
+`,An=i.div`
   display: flex;
   padding-top: ${n.sp3};
-`,Ue=a(Jt)`
+`,Ye=i(Jt)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   margin-right: ${n.sp1};
-`,Ge=a(Xt)`
+`,qe=i(Xt)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   margin-right: ${n.sp1};
-`,Ke=a(Zt)`
+`,Ke=i(Vt)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: 20px;
@@ -137,9 +137,9 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Bn=a.div`
+`,Bn=i.div`
   margin-bottom: ${n.sp3};
-`,Fn=a.div`
+`,Fn=i.div`
   display: flex;
   align-items: center;
   margin-right: ${e=>e.showAutofill===!0?n.sp8:"unset"};
@@ -152,23 +152,23 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
   padding-left: ${n.sp0};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Ln=a(Wt)`
+`,Ln=i(Wt)`
   height: ${n.sp3};
   width: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Rn=a.span`
+`,Rn=i.span`
   display: flex;
   align-items: center;
   margin-left: ${n.sp2};
   margin-top: ${e=>m.iconContainerMarginTop.valuePx(e.size)};
   align-self: ${e=>e.size==="small"?"baseline":"center"};
-`,zn=a(me)`
+`,zn=i(me)`
   color: ${e=>e.theme.colors.grey1};
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
-`,Nn=a.a`
+`,Nn=i.a`
   color: ${e=>e.theme.colors.grey1};
   text-decoration: underline;
   margin-right: ${n.sp1};
@@ -176,7 +176,7 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,On=a.div`
+`,On=i.div`
   cursor: ${e=>e.isDisabled?"default":"pointer"};
   display: flex;
   flex-direction: row;
@@ -189,49 +189,49 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
       color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
     }
   }
-`,En=a.div`
+`,En=i.div`
   width: ${n.sp4};
   height: ${n.sp4};
   display: flex;
-`,Je=a.div`
+`,Je=i.div`
   cursor: default;
   display: flex;
   align-items: center;
   margin-right: ${n.sp1};
-`,Xe=a(Kt)`
+`,Xe=i(Kt)`
   cursor: pointer;
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${e=>e.theme.colors.hero};
-`,K=a(ce)`
+`,K=i(ce)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   min-width: 142px;
   flex-grow: 1;
-`,Qe=a(ce)`
+`,Qe=i(ce)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
   margin-right: ${e=>m.infoMarginRight.valuePx(e.windowSize)};
   min-width: ${e=>m.infoMinWidth.valuePx(e.windowSize)};
   justify-content: flex-end;
-`,_n=a.div`
+`,_n=i.div`
   display: flex;
   cursor: pointer;
   column-gap: ${n.sp1};
   margin-left: ${n.sp5};
-`,et=a.div`
+`,et=i.div`
   width: 120px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
-`,Wn=a.div`
+`,Wn=i.div`
   display: flex;
   flex-grow: 1;
   cursor: pointer;
   width: 100%;
-`,J=a(me)`
+`,J=i(me)`
   display: flex;
   color: ${e=>e.borderColor};
   height: 20px;
@@ -247,31 +247,31 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
   padding: 1px 6px;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${n.sp1};
-`,Zn=a.div`
+`,Vn=i.div`
   display: flex;
   flex-direction: column;
-`,Vn=a.div`
+`,Zn=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}`};
-`,Yn=a(me)`
+`,Gn=i(me)`
   margin-top: ${n.sp3};
   color: ${j.alert};
-`,Hn=a(Ht)`
+`,Hn=i(Ht)`
   min-width: ${n.sp4};
   height: ${n.sp4};
   width: ${n.sp4};
   margin-top: ${n.sp3};
   margin-left: ${n.sp4};
   color: ${j.brandColorGoldDark};
-`,qn=a.div`
+`,Un=i.div`
   display: flex;
   justify-content: flex-end;
   margin-right: ${e=>m.footerRightIconMarginRight.valuePx(e.windowSize)};
-`,Un=a(tn)`
+`,Yn=i(tn)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${n.sp4};
@@ -279,7 +279,7 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Gn=a.div`
+`,qn=i.div`
   display: flex;
   cursor: pointer;
   color: ${e=>e.theme.colors.grey1};
@@ -287,4 +287,4 @@ import{J as Tt,aw as Ct,y as u,f7 as Dt,f8 as It,f9 as Pt,V as t,fa as kt,fb as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;export{da as default};
+`;export{di as default};

package/dist/assets/{ReviewOverlay-Bn3TFqfi-O6NbaoDZ.js → ReviewOverlay-B2XV0Wf1-9HOJu6NK.js}

@@ -1,40 +1,40 @@
-import{J as P,V as i,aQ as m,o as r,aS as L,y as d,x as M,H as I,a as C,p as s,al as j,cD as D,T as W,ai as S,bi as R,u as n,en as G,h as _,i$ as H,kc as J}from"./index-Dn4fsqrg.js";import{n as t}from"./mui-t9zesPMq.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},g=new e.Error().stack;g&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[g]="60eafe58-3a11-43df-8ff4-c92579c2f20f",e._sentryDebugIdIdentifier="sentry-dbid-60eafe58-3a11-43df-8ff4-c92579c2f20f")}catch{}})();const l={containerMarginTop:new d(0,n[2]),containerMarginLeft:new d(n[3],n[8]),containerMarginRight:new d(n[3],n[8]),subTitleMarginBottom:new d(n[2],n[2]),titleMarginBotom:new d(n[0],n[2]),titleMarginRight:new d(n[0],n[3]),navBarHeight:new d(62,62,62),navBarPaddingLeft:new d(n[3],n[3],n[8]),navBarPaddingRight:new d(n[3],n[3],n[8])},A={title:new I("h6Regular","h5Regular")},xe=({title:e,description:g,reviewItems:x,showFooter:b,footerProps:{primaryButton:z,cancelButton:T,hideCancel:E},onCloseOverlay:k,onCloseReviewItem:B})=>{const a=P();return i.jsxs(V,{children:[i.jsx(X,{windowSize:a,children:i.jsx(Y,{children:i.jsx(Z,{windowSize:a,children:i.jsx(ee,{children:i.jsx(ie,{onClick:k,"data-testid":m("review-overlay-close",e)})})})})}),i.jsxs(q,{windowSize:a,children:[i.jsxs(O,{windowSize:a,children:[i.jsx(Q,{children:i.jsx(K,{windowSize:a,children:e})}),i.jsx(N,{isError:g.isError,windowSize:a,children:g.content})]}),i.jsx(U,{windowSize:a,children:x.map(o=>{const h=o.reviewStatus.code==="error",c=o.reviewStatus.code==="warning"||o.reviewStatus.code==="low-balance";return i.jsxs(re,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?i.jsx(ce,{onClick:()=>B(o.id),"data-testid":m("review-close",o.id)}):null,i.jsxs(te,{children:[i.jsxs(ne,{children:[i.jsx(de,{children:F(o)}),i.jsxs(oe,{children:[i.jsxs(w,{children:[i.jsx(f,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:o.leftSideText.title}),i.jsx(f,{isWarning:c,isError:h,children:o.rightSideText.title})]}),i.jsxs(w,{children:[i.jsx(se,{style:{marginLeft:r.sp2},children:o.leftSideText.subTitle}),a!=="small"?i.jsxs(u,{windowSize:a,children:[i.jsx(p,{isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[o.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx($,{})}):null,o.rightSideText.subTitle]})}),i.jsx(p,{isWarning:!0,isError:!1,children:o.rightSideText.additonalInfo})]}):null]})]})]}),a==="small"?i.jsxs(u,{windowSize:a,children:[i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[o.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx($,{})}):null,o.rightSideText.subTitle]})}),i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:o.rightSideText.additonalInfo})]}):null]})]},o.id)})})]}),b?i.jsx(L,{primaryBtn:z,cancelBtn:T,showCancel:!E}):null]})},F=e=>e.reviewStatus.isLoading?i.jsx(W,{size:"Small",style:{display:"flex",width:r.sp4,height:r.sp4,alignItems:"center",justifyContent:"center"},start:!0}):e.reviewStatus.code==="error"?i.jsx(y,{isError:!0}):e.reviewStatus.code==="warning"?i.jsx(y,{isError:!1}):e.reviewStatus.code==="valid"?i.jsx(ae,{}):e.reviewStatus.code==="low-balance"?i.jsx(he,{}):i.jsx(le,{}),V=t.div`
+import{J as P,V as i,ab as m,o as r,aS as B,x as d,a as L,z as C,M as D,p as s,am as j,cE as I,T as W,aj as b,bi as R,u as n,eo as G,m as J,i$ as _,kc as A}from"./index-Dfs8yBxm.js";import{n as t}from"./mui-BoUXdMXW.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},g=new e.Error().stack;g&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[g]="7789f2c3-f7e5-479d-a675-e62408e7215b",e._sentryDebugIdIdentifier="sentry-dbid-7789f2c3-f7e5-479d-a675-e62408e7215b")}catch{}})();const a={containerMarginTop:new d(0,n[2]),containerMarginLeft:new d(n[3],n[8]),containerMarginRight:new d(n[3],n[8]),subTitleMarginBottom:new d(n[2],n[2]),titleMarginBotom:new d(n[0],n[2]),titleMarginRight:new d(n[0],n[3]),navBarHeight:new d(62,62,62),navBarPaddingLeft:new d(n[3],n[3],n[8]),navBarPaddingRight:new d(n[3],n[3],n[8])},F={title:new C("h6Regular","h5Regular")},xe=({title:e,description:g,reviewItems:x,showFooter:S,footerProps:{primaryButton:z,cancelButton:T,hideCancel:E},onCloseOverlay:k,onCloseReviewItem:M})=>{const l=P();return i.jsxs(H,{children:[i.jsx(X,{windowSize:l,children:i.jsx(Y,{children:i.jsx(Z,{windowSize:l,children:i.jsx(ee,{children:i.jsx(ie,{onClick:k,"data-testid":m("review-overlay-close",e)})})})})}),i.jsxs(O,{windowSize:l,children:[i.jsxs(q,{windowSize:l,children:[i.jsx(K,{children:i.jsx(N,{windowSize:l,children:e})}),i.jsx(Q,{isError:g.isError,windowSize:l,children:g.content})]}),i.jsx(U,{windowSize:l,children:x.map(o=>{const h=o.reviewStatus.code==="error",c=o.reviewStatus.code==="warning"||o.reviewStatus.code==="low-balance";return i.jsxs(re,{isLoading:!1,isActive:!0,isWarning:c,isError:h,children:[c?i.jsx(ce,{onClick:()=>M(o.id),"data-testid":m("review-close",o.id)}):null,i.jsxs(te,{children:[i.jsxs(ne,{children:[i.jsx(de,{children:V(o)}),i.jsxs(oe,{children:[i.jsxs(w,{children:[i.jsx(f,{style:{marginLeft:r.sp2},isWarning:c,isError:h,children:o.leftSideText.title}),i.jsx(f,{isWarning:c,isError:h,children:o.rightSideText.title})]}),i.jsxs(w,{children:[i.jsx(se,{style:{marginLeft:r.sp2},children:o.leftSideText.subTitle}),l!=="small"?i.jsxs(u,{windowSize:l,children:[i.jsx(p,{isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[o.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx($,{})}):null,o.rightSideText.subTitle]})}),i.jsx(p,{isWarning:!0,isError:!1,children:o.rightSideText.additonalInfo})]}):null]})]})]}),l==="small"?i.jsxs(u,{windowSize:l,children:[i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isError:h,isWarning:c,children:i.jsxs(i.Fragment,{children:[o.rightSideText.showThunderIcon===!0?i.jsx(v,{children:i.jsx($,{})}):null,o.rightSideText.subTitle]})}),i.jsx(p,{style:{marginLeft:r.sp5,marginTop:r.sp0},isWarning:c,isError:h,children:o.rightSideText.additonalInfo})]}):null]})]},o.id)})})]}),S?i.jsx(B,{primaryBtn:z,cancelBtn:T,showCancel:!E}):null]})},V=e=>e.reviewStatus.isLoading?i.jsx(W,{size:"Small",style:{display:"flex",width:r.sp4,height:r.sp4,alignItems:"center",justifyContent:"center"},start:!0}):e.reviewStatus.code==="error"?i.jsx(y,{isError:!0}):e.reviewStatus.code==="warning"?i.jsx(y,{isError:!1}):e.reviewStatus.code==="valid"?i.jsx(le,{}):e.reviewStatus.code==="low-balance"?i.jsx(he,{}):i.jsx(ae,{}),H=t.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-`,q=t.div`
+`,O=t.div`
   min-height: 100vh;
   display: flex;
   flex-direction: column;
-  margin-top: ${e=>l.containerMarginTop.valuePx(e.windowSize)};
+  margin-top: ${e=>a.containerMarginTop.valuePx(e.windowSize)};
   margin-bottom: ${r.sp8};
-`,O=t.div`
+`,q=t.div`
   position: sticky;
   top: ${r.sp0};
   background-color: ${e=>e.theme.colors.grey4};
   z-index: 1;
-  padding-left: ${e=>l.containerMarginLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>l.containerMarginRight.valuePx(e.windowSize)};
-`,Q=t.div`
+  padding-left: ${e=>a.containerMarginLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>a.containerMarginRight.valuePx(e.windowSize)};
+`,K=t.div`
   display: flex;
   align-items: center;
-`,K=t(C)`
-  ${e=>`${A.title.style(e.windowSize)}`};
+`,N=t(D)`
+  ${e=>`${F.title.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   margin-top: ${r.sp2};
-  margin-bottom: ${e=>l.titleMarginBotom.valuePx(e.windowSize)};
-  margin-right: ${e=>l.titleMarginRight.valuePx(e.windowSize)};
-`,N=t(j)`
-  margin-bottom: ${e=>l.subTitleMarginBottom.valuePx(e.windowSize)};
+  margin-bottom: ${e=>a.titleMarginBotom.valuePx(e.windowSize)};
+  margin-right: ${e=>a.titleMarginRight.valuePx(e.windowSize)};
+`,Q=t(j)`
+  margin-bottom: ${e=>a.subTitleMarginBottom.valuePx(e.windowSize)};
   color: ${e=>e.isError?s.important:e.theme.colors.hero};
 `,U=t.div`
   display: flex;
   flex-direction: column;
   margin-top: ${r.sp3};
-  margin-left: ${e=>l.containerMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${e=>l.containerMarginRight.valuePx(e.windowSize)};
+  margin-left: ${e=>a.containerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>a.containerMarginRight.valuePx(e.windowSize)};
 `,X=t.div`
-  min-height: ${e=>l.navBarHeight.valuePx(e.windowSize)};
+  min-height: ${e=>a.navBarHeight.valuePx(e.windowSize)};
   position: sticky;
   border-bottom: 1px solid transparent;
   z-index: 2;
@@ -52,14 +52,14 @@ import{J as P,V as i,aQ as m,o as r,aS as L,y as d,x as M,H as I,a as C,p as s,a
   top: ${r.sp0};
   left: ${r.sp0};
   right: ${r.sp0};
-  padding-right: ${e=>l.navBarPaddingRight.valuePx(e.windowSize)};
-  padding-left: ${e=>l.navBarPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>a.navBarPaddingRight.valuePx(e.windowSize)};
+  padding-left: ${e=>a.navBarPaddingLeft.valuePx(e.windowSize)};
   height: 100%;
 `,ee=t.div`
   display: flex;
   flex: 1 1 0;
   justify-content: flex-end;
-`,ie=t(M)`
+`,ie=t(L)`
   width: ${r.sp4};
   height: ${r.sp4};
   cursor: pointer;
@@ -98,10 +98,10 @@ import{J as P,V as i,aQ as m,o as r,aS as L,y as d,x as M,H as I,a as C,p as s,a
   align-items: ${e=>e.windowSize==="small"?"self-start":"self-end"};
 `,f=t(j)`
   color: ${e=>e.isError||e.isWarning?e.theme.mode==="dark"?s.neutralGrey4Dark:e.isWarning:e.theme.colors.primary};
-`,se=t(S)`
+`,se=t(b)`
   margin-top: -5px;
   color: ${e=>e.theme.mode==="dark"?s.neutralGrey1Dark:e.theme.colors.primary};
-`,p=t(S)`
+`,p=t(b)`
   display: flex;
   margin-top: -5px;
   color: ${e=>e.isError?s.important:e.isWarning?s.brandColorGoldDark:e.theme.colors.primary};
@@ -109,18 +109,18 @@ import{J as P,V as i,aQ as m,o as r,aS as L,y as d,x as M,H as I,a as C,p as s,a
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${e=>e.isError?s.important:s.brandColorGoldDark};
-`,ae=t(_)`
+`,le=t(J)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${s.success};
-`,le=t(J)`
+`,ae=t(A)`
   width: ${r.sp4};
   height: ${r.sp4};
   color: ${e=>e.theme.colors.grey2};
 `,de=t.div`
   margin-top: 2px;
   display: flex;
-`,ce=t(D)`
+`,ce=t(I)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
@@ -145,7 +145,7 @@ import{J as P,V as i,aQ as m,o as r,aS as L,y as d,x as M,H as I,a as C,p as s,a
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${r.sp3};
   height: ${r.sp3};
-`,he=t(H)`
+`,he=t(_)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
   width: ${r.sp4};
   height: ${r.sp4};

package/dist/assets/RoleWithToolTip-DpaXFRka-BbRU76xe.js

@@ -0,0 +1,22 @@
+import{eT as h,eU as f,V as r,bU as g,o,ab as n,F as b,ao as x,aj as p}from"./index-Dfs8yBxm.js";import{n as l}from"./mui-BoUXdMXW.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="63a29b5d-4a3c-469f-a60d-7a3499d173b8",e._sentryDebugIdIdentifier="sentry-dbid-63a29b5d-4a3c-469f-a60d-7a3499d173b8")}catch{}})();const{hyphen:a}=b.getLocalizedStrings().common.strings,y=l.div``,m=l.div`
+  display: flex;
+  min-width: 192px;
+  justify-content: space-between;
+`,u=l(p)`
+  color: ${e=>e.theme.colors.hero};
+`,j=l(p)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,i=l.div`
+  display: flex;
+  align-items: center;
+`,w=l(x)`
+  border-radius: ${o.sp12};
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  display: flex;
+  height: 18px;
+  width: 18px;
+  align-items: center;
+  justify-content: center;
+  color: 1px solid ${e=>e.theme.colors.grey1};
+  margin-left: ${o.sp1};
+`,I=({roles:e})=>{let t=a,s=[];t=h(e),s=f(e);const c=()=>s.length>0?r.jsx(y,{children:s.map(d=>r.jsxs(m,{children:[r.jsx(u,{children:d[0]}),r.jsx(j,{children:d[1]})]},d.join(",")))}):r.jsx(r.Fragment,{children:a});return s.length>0?r.jsx(g,{enterDelay:600,"data-testid":n("roles-tooltip",t),title:c(),placement:"top-end",style:{marginLeft:o.sp1,padding:"6px 12px"},maxWidth:"264px",children:r.jsxs(i,{"data-testid":n("roles-label-wrapper",t),children:[t,r.jsx(w,{className:"roles-count-wrapper","data-testid":n("roles-count-wrapper",t),children:s.length})]})}):r.jsx(i,{"data-testid":n("roles-label-wrapper",t),children:t})};export{I as T};