@zeniai/web-components 3.16.41 → 3.16.42

package/dist/ReviewDetailsPage-CqaaLGaP.cjs

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

@@ -0,0 +1,299 @@
+import { j as i } from "./vendor-.pnpm-BZbZ6JJC.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 y, aa as B, A as W, G as S, eE as D, D as r, bc as F, ba as G, j$ as A } from "./index-Dig6AEZA.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($, {}) }) : 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($, {}) }) : 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(y)`
+  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(y)`
+  color: ${(e) => e.isError || e.isWarning ? e.theme.mode === "dark" ? s.neutralGrey4Dark : e.isWarning : e.theme.colors.primary};
+`, se = n(S)`
+  margin-top: -5px;
+  color: ${(e) => e.theme.mode === "dark" ? s.neutralGrey1Dark : e.theme.colors.primary};
+`, g = n(S)`
+  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};
+`, $ = 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
+};