@zeniai/web-cockpit-ui 1.14.8-qa → 1.14.9-dev

package/dist/assets/ReviewDetailsPage-CuO3d_n4-f2PfpGBb.js

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

package/dist/assets/RoleWithToolTip-BNc9Cjys-DoiiktPv.js

@@ -1,22 +0,0 @@
-import{eI as h,eJ as x,j as t,bs as m,o as i,Y as o,M as g,n as j,v as p}from"./index-BWC1TL5d.js";import{n as r}from"./vendor-CnQcJ2Lu.js";const{hyphen:a}=g.getLocalizedStrings().common.strings,y=r.div``,f=r.div`
-  display: flex;
-  min-width: 192px;
-  justify-content: space-between;
-`,b=r(p)`
-  color: ${e=>e.theme.colors.hero};
-`,u=r(p)`
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,d=r.div`
-  display: flex;
-  align-items: center;
-`,w=r(j)`
-  border-radius: ${i.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: ${i.sp1};
-`,C=({roles:e})=>{let s=a,l=[];s=h(e),l=x(e);const c=()=>l.length>0?t.jsx(y,{children:l.map(n=>t.jsxs(f,{children:[t.jsx(b,{children:n[0]}),t.jsx(u,{children:n[1]})]},n.join(",")))}):t.jsx(t.Fragment,{children:a});return l.length>0?t.jsx(m,{enterDelay:600,"data-testid":o("roles-tooltip",s),title:c(),placement:"top-end",style:{marginLeft:i.sp1,padding:"6px 12px"},maxWidth:"264px",children:t.jsxs(d,{"data-testid":o("roles-label-wrapper",s),children:[s,t.jsx(w,{className:"roles-count-wrapper","data-testid":o("roles-count-wrapper",s),children:l.length})]})}):t.jsx(d,{"data-testid":o("roles-label-wrapper",s),children:s})};export{C as T};