@zeniai/web-components 3.16.66 → 3.16.67

package/dist/ReviewDetailsPage-F1a2JRJv.cjs

@@ -1,290 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),k=require("react"),o=require("@emotion/styled"),c=require("@zeniai/client-epic-state"),e=require("./index-DzNHLrCM.cjs"),je=require("./LowBalancePopup-BklIIT84.cjs"),L=require("./LabeledText-DZRyQOc6.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;

package/dist/ReviewOverlay-CmDKukvX.js

@@ -1,299 +0,0 @@
-import { j as i } from "./vendor-.pnpm-DtFedGku.js";
-import n from "@emotion/styled";
-import { u as L, j as p, S as t, ap as k, R as d, b as P, av as E, K as M, C as s, p as S, aa as B, A as W, G as $, eF as D, D as r, bc as F, ba as G, ke as A } from "./index-BUq811J_.js";
-import { S as H } from "./loader-BwDk7JSW.js";
-const l = {
-  containerMarginTop: new d(0, r[2]),
-  containerMarginLeft: new d(r[3], r[8]),
-  containerMarginRight: new d(r[3], r[8]),
-  subTitleMarginBottom: new d(r[2], r[2]),
-  titleMarginBotom: new d(r[0], r[2]),
-  titleMarginRight: new d(r[0], r[3]),
-  customTitleFont: new d(r[4], r[5]),
-  navBarHeight: new d(62, 62, 62),
-  navBarPaddingLeft: new d(r[3], r[3], r[8]),
-  navBarPaddingRight: new d(r[3], r[3], r[8])
-}, N = {
-  title: new E("h6Regular", "h5Regular")
-}, ue = ({
-  title: e,
-  description: x,
-  reviewItems: j,
-  showFooter: b,
-  footerProps: { primaryButton: T, cancelButton: C, hideCancel: R },
-  onCloseOverlay: I,
-  onCloseReviewItem: z
-}) => {
-  const a = L();
-  return /* @__PURE__ */ i.jsxs(J, { children: [
-    /* @__PURE__ */ i.jsx(Y, { windowSize: a, children: /* @__PURE__ */ i.jsx(Z, { children: /* @__PURE__ */ i.jsx(_, { windowSize: a, children: /* @__PURE__ */ i.jsx(ee, { children: /* @__PURE__ */ i.jsx(
-      ie,
-      {
-        onClick: I,
-        "data-testid": p("review-overlay-close", e)
-      }
-    ) }) }) }) }),
-    /* @__PURE__ */ i.jsxs(K, { windowSize: a, children: [
-      /* @__PURE__ */ i.jsxs(q, { windowSize: a, children: [
-        /* @__PURE__ */ i.jsx(Q, { children: /* @__PURE__ */ i.jsx(U, { windowSize: a, children: e }) }),
-        /* @__PURE__ */ i.jsx(
-          V,
-          {
-            isError: x.isError,
-            windowSize: a,
-            children: x.content
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i.jsx(X, { windowSize: a, children: j.map((o) => {
-        const h = o.reviewStatus.code === "error", c = o.reviewStatus.code === "warning" || o.reviewStatus.code === "low-balance";
-        return /* @__PURE__ */ i.jsxs(
-          te,
-          {
-            isLoading: !1,
-            isActive: !0,
-            isWarning: c,
-            isError: h,
-            children: [
-              c ? /* @__PURE__ */ i.jsx(
-                ce,
-                {
-                  onClick: () => z(o.id),
-                  "data-testid": p("review-close", o.id)
-                }
-              ) : null,
-              /* @__PURE__ */ i.jsxs(ne, { children: [
-                /* @__PURE__ */ i.jsxs(re, { children: [
-                  /* @__PURE__ */ i.jsx(de, { children: O(o) }),
-                  /* @__PURE__ */ i.jsxs(oe, { children: [
-                    /* @__PURE__ */ i.jsxs(m, { children: [
-                      /* @__PURE__ */ i.jsx(
-                        w,
-                        {
-                          style: { marginLeft: t.sp2 },
-                          isWarning: c,
-                          isError: h,
-                          children: o.leftSideText.title
-                        }
-                      ),
-                      /* @__PURE__ */ i.jsx(w, { isWarning: c, isError: h, children: o.rightSideText.title })
-                    ] }),
-                    /* @__PURE__ */ i.jsxs(m, { children: [
-                      /* @__PURE__ */ i.jsx(se, { style: { marginLeft: t.sp2 }, children: o.leftSideText.subTitle }),
-                      a !== "small" ? /* @__PURE__ */ i.jsxs(u, { windowSize: a, children: [
-                        /* @__PURE__ */ i.jsx(g, { isError: h, isWarning: c, children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                          o.rightSideText.showThunderIcon === !0 ? /* @__PURE__ */ i.jsx(f, { children: /* @__PURE__ */ i.jsx(y, {}) }) : null,
-                          o.rightSideText.subTitle
-                        ] }) }),
-                        /* @__PURE__ */ i.jsx(g, { isWarning: !0, isError: !1, children: o.rightSideText.additonalInfo })
-                      ] }) : null
-                    ] })
-                  ] })
-                ] }),
-                a === "small" ? /* @__PURE__ */ i.jsxs(u, { windowSize: a, children: [
-                  /* @__PURE__ */ i.jsx(
-                    g,
-                    {
-                      style: { marginLeft: t.sp5, marginTop: t.sp0 },
-                      isError: h,
-                      isWarning: c,
-                      children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                        o.rightSideText.showThunderIcon === !0 ? /* @__PURE__ */ i.jsx(f, { children: /* @__PURE__ */ i.jsx(y, {}) }) : null,
-                        o.rightSideText.subTitle
-                      ] })
-                    }
-                  ),
-                  /* @__PURE__ */ i.jsx(
-                    g,
-                    {
-                      style: { marginLeft: t.sp5, marginTop: t.sp0 },
-                      isWarning: c,
-                      isError: h,
-                      children: o.rightSideText.additonalInfo
-                    }
-                  )
-                ] }) : null
-              ] })
-            ]
-          },
-          o.id
-        );
-      }) })
-    ] }),
-    b ? /* @__PURE__ */ i.jsx(
-      k,
-      {
-        primaryBtn: T,
-        cancelBtn: C,
-        showCancel: !R
-      }
-    ) : null
-  ] });
-}, O = (e) => e.reviewStatus.isLoading ? /* @__PURE__ */ i.jsx(
-  W,
-  {
-    size: "Small",
-    style: {
-      display: "flex",
-      width: t.sp4,
-      height: t.sp4,
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    start: !0
-  }
-) : e.reviewStatus.code === "error" ? /* @__PURE__ */ i.jsx(v, { isError: !0 }) : e.reviewStatus.code === "warning" ? /* @__PURE__ */ i.jsx(v, { isError: !1 }) : e.reviewStatus.code === "valid" ? /* @__PURE__ */ i.jsx(ae, {}) : e.reviewStatus.code === "low-balance" ? /* @__PURE__ */ i.jsx(he, {}) : /* @__PURE__ */ i.jsx(le, {}), J = n.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, K = n.div`
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  margin-top: ${(e) => l.containerMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${t.sp8};
-`, q = n.div`
-  position: sticky;
-  top: ${t.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 = n.div`
-  display: flex;
-  align-items: center;
-`, U = n(M)`
-  ${(e) => `${N.title.style(e.windowSize)}`};
-  color: ${(e) => e.theme.colors.primary};
-  margin-top: ${t.sp2};
-  margin-bottom: ${(e) => l.titleMarginBotom.valuePx(e.windowSize)};
-  margin-right: ${(e) => l.titleMarginRight.valuePx(e.windowSize)};
-`, V = n(S)`
-  margin-bottom: ${(e) => l.subTitleMarginBottom.valuePx(e.windowSize)};
-  color: ${(e) => e.isError ? s.important : e.theme.colors.hero};
-`, X = n.div`
-  display: flex;
-  flex-direction: column;
-  margin-top: ${t.sp3};
-  margin-left: ${(e) => l.containerMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${(e) => l.containerMarginRight.valuePx(e.windowSize)};
-`, Y = n.div`
-  min-height: ${(e) => l.navBarHeight.valuePx(e.windowSize)};
-  position: sticky;
-  border-bottom: 1px solid transparent;
-  z-index: 2;
-  top: ${t.sp0};
-  width: 100%;
-`, Z = n.div`
-  position: relative;
-  min-height: 62px;
-`, _ = n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  position: absolute;
-  top: ${t.sp0};
-  left: ${t.sp0};
-  right: ${t.sp0};
-  padding-right: ${(e) => l.navBarPaddingRight.valuePx(e.windowSize)};
-  padding-left: ${(e) => l.navBarPaddingLeft.valuePx(e.windowSize)};
-  height: 100%;
-`, ee = n.div`
-  display: flex;
-  flex: 1 1 0;
-  justify-content: flex-end;
-`, ie = n(P)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.grey1};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, te = n.div`
-  position: relative;
-  display: flex;
-  background-color: ${(e) => e.isActive ? e.isError ? s.importantLight : e.isWarning ? s.alertLight : e.theme.colors.grey5 : e.theme.colors.grey5};
-  border: ${(e) => `1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${t.sp2};
-  margin-bottom: ${t.sp3};
-  border-color: ${(e) => e.isActive ? e.isError ? s.important : e.isWarning ? s.brandColorGoldDark : e.theme.colors.grey3 : e.isLoading ? e.theme.colors.primary : e.theme.colors.grey3};
-  flex-direction: column;
-  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${s.boxShadowElevation};
-`, ne = n.div`
-  padding: ${t.sp3} ${t.sp4};
-  align-items: center;
-`, re = n.div`
-  display: flex;
-  width: 100%;
-`, oe = n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: center;
-`, m = n.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-`, u = n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: ${(e) => e.windowSize === "small" ? "self-start" : "self-end"};
-`, w = n(S)`
-  color: ${(e) => e.isError || e.isWarning ? e.theme.mode === "dark" ? s.neutralGrey4Dark : e.isWarning : e.theme.colors.primary};
-`, se = n($)`
-  margin-top: -5px;
-  color: ${(e) => e.theme.mode === "dark" ? s.neutralGrey1Dark : e.theme.colors.primary};
-`, g = n($)`
-  display: flex;
-  margin-top: -5px;
-  color: ${(e) => e.isError ? s.important : e.isWarning ? s.brandColorGoldDark : e.theme.colors.primary};
-`, v = n(F)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${(e) => e.isError ? s.important : s.brandColorGoldDark};
-`, ae = n(G)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${s.success};
-`, le = n(H)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${(e) => e.theme.colors.grey2};
-`, de = n.div`
-  margin-top: 2px;
-  display: flex;
-`, ce = n(B)`
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-  position: absolute;
-  top: -12px;
-  right: -12px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${t.sp4};
-  height: ${t.sp4};
-  border-radius: 50%;
-  background-color: ${(e) => e.theme.colors.grey5};
-`, f = n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: ${t.sp1};
-`, y = n(D)`
-  color: ${(e) => e.theme.colors.brandColorJade};
-  width: ${t.sp3};
-  height: ${t.sp3};
-`, he = n(A)`
-  color: ${(e) => e.theme.colors.brandColorGoldDark};
-  width: ${t.sp4};
-  height: ${t.sp4};
-`;
-export {
-  ue as R
-};