@zeniai/web-cockpit-ui 1.14.72-dev → 1.14.72-dev-betaSK01

package/dist/assets/BillingSettingsPage-BRsKYzT5-C1YZEc97.js

@@ -0,0 +1,44 @@
+import{x as we,q as Pe,c1 as xe,fk as Ce,cO as j,O as be,j as t,y as C,dD as Ae,Y as Ie,c4 as ve,dy as ke,fl as je,cK as $e,o as a,le as Oe,fP as Be,fQ as Ee,u as b,cd as Te,kk as Ve,b as ze,h as De}from"./index-kF4u7Flm.js";import{b as W,n as r}from"./vendor-Bs1fkIUX.js";import{F as Le,r as F,o as Me}from"./PaymentAccountSetupBillingAddressSection-DQ82eP9Q-Cwm2aoR2.js";import{O as Re}from"./SetUpAccountSection-Bnbi8X23-7-Jadv9H.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./SetUpDefaultSection-Bm1eZSgT-9DFPAVat.js";import"./ChaseOverlay-BC_4vwtb-BQqHx8M-.js";const p={titleWidth:new C(343,580,726,826),setupDetailsRowGap:new C(12,b[5],b[5]),iconWidthHeight:new C(20,b[4]),subTitlePaddingTop:new C(12,b[3])},We={title:new ze("standardSemiBold","largeSemiBold")},H="billingSetupPage",A="payAccountSectionId",n="subscriptionBillingAddressSectionId",lt=({analytics:e,billingSetupView:s,connectedAccountProvider:g,isDisabled:d,onClickMenuIcon:I,uiState:K,stripeKey:N,googleAPIKey:q,companyId:G,onUpdateAccountClick:J,onFetchLinkTokenClick:Z,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionClick:X,onEstablishConnectionSuccess:ee,handleCreateCardSetupIntent:te,handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleAddCardPaymentSource:ie,resetCardPaymentViewState:oe,handleResetCardPaymentErrorStatuses:se,onBillingAddressSave:ae,onAddressEditHandler:re})=>{const P=we(),i=Pe(),{setupView:{paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,accountFetchStatus:O},cardPaymentView:m}=s,ce=s.subscriptionBillingAddress,B=y?.providerVerificationStatus,ue=O.fetchState==="In-Progress"||O.fetchState==="Not-Started",S=xe({mode:"onSubmit",reValidateMode:"onChange",defaultValues:_(s),values:_(s),resetOptions:{keepDirtyValues:!0}}),pe=S.handleSubmit(c=>{ae(G)}),E=s.subscriptionBillingAddressSaveStatus,me=async(c,o)=>{const h=o[A];if(c.includes(n)&&o[n]!=null){const v=S.getValues(`${n}`).country;let u=o[n];if(c.includes(`${n}.street`)&&o[n].street!=null){const{addressValue:w}=o[n].street,k=Be(w?.country);u={street:o[n].street??l.strings.empty,city:w?.locality??l.strings.empty,state:w?.administrativeAreaLevel1??l.strings.empty,country:k,countryCode:w?.countryCode??l.strings.empty,postalCode:w?.postalCode??l.strings.empty,secondaryInfo:o[n].secondaryInfo,suite:o[n].suite},v.selectedOption!==k.selectedOption&&(u={...u,country:k})}else c===`${n}.country`&&v.selectedOption!=null&&(u={...u,countryCode:Ee(v.selectedOption)});u!=null&&re(u)}else c.includes(A)&&h.account.selectedOption!=null&&y?.paymentAccountId!=null&&y.zeniAccountId!==h.account.selectedOption&&J(h.account.selectedOption,y.paymentAccountId)};W.useEffect(()=>{const c=S.watch((o,{name:h})=>{h!=null&&o!=null&&Ce(()=>me(h,o))});return()=>{c.unsubscribe()}});const T=P.mode==="light"?new j(P.colors.brandColorJadeLight):new j(P.colors.brandColorJadeDark),{customerOnboardingPage:{sections:{link_payment_account:he,card_payment_method:f}},common:l,billingSetupPage:V}=be.getLocalizedStrings(),ge=V.section.subTitle,{text:ye,subText:Se}=he,z=m.cardsList.length>0,D=m?.cardsList[0]?.brand??"other",L=m?.addCardPaymentSourceStatus.fetchState,x=Le(f.header,f.titleText,f.protectedCardNo,m);let M;z&&(M={header:x.header,title:x.title,subtitle:x.subtitle,status:x.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:z===!0,icon:{element:t.jsx("img",{src:F(D).iconURL,width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i),alt:F(D).name}),color:new j(T)},showCompletedIcon:!1,isError:L==="Error",isLoading:L==="In-Progress",isCompleted:!0,showRightArrow:!1});const[R,fe]=W.useState(!1);return t.jsxs(He,{children:[t.jsx(Ae,{source:"BillingSettingsPage",title:V.section.title,backgroundColor:P.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:i==="medium-compact"||i==="small",onClickMenuIcon:I}),t.jsxs(Fe,{windowSize:i,children:[t.jsx(_e,{windowSize:i,children:ge}),ue?t.jsx(Ue,{children:t.jsx(Ie,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...S,children:t.jsx(Je,{children:t.jsx("form",{id:U(H),onSubmit:pe,children:t.jsxs(Ke,{windowSize:i,children:[t.jsx(Re,{connectedAccountProvider:g,paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,header:f.header,sectionTitle:f.header,defaultSectionTitle:ye,defaultSectionSubTitle:Se,sectionId:A,isDisabled:d,onFetchLinkTokenClick:Z,onEstablishConnectionClick:X,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionSuccess:ee,isError:B?.code==="require_info"||B?.code==="failed",icon:{element:t.jsx(ke,{width:p.iconWidthHeight.valuePx(i),height:p.iconWidthHeight.valuePx(i)}),color:T},analytics:e,productType:"billing",updateCardPaymentModalState:$,cardPaymentSectionValues:M,cardPaymentView:m,resetCardPaymentViewState:oe,showZeniAccountSection:!1,referrer:"Billing",cardSetupInProgress:R}),Ne(i,l.headers.billingAddress,ce,q,d)]})})})}),je(S.formState.dirtyFields)?t.jsx($e,{formId:U(H),style:{width:i==="small"?"auto":"100%",paddingTop:a.sp2,paddingBottom:a.sp2,height:a.sp8},primaryBtn:{label:l.footer.save,isLoading:E?.fetchState==="In-Progress",isDisabled:E?.fetchState==="In-Progress",style:{height:a.sp6}},showCancel:!1,containerStyle:{width:"auto",justifyContent:"center"}}):null]}),t.jsx(Me,{handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleCreateCardSetupIntent:te,handleAddCardPaymentSource:ie,cardPaymentView:m,isCardPaymentOpen:K.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:se,stripeKey:N,cardSetupInProgress:R,setCardSetupInProgress:fe})]})},_=e=>{const{paymentAccount:s,allBankAccounts:g}=e.setupView;return{[A]:{account:{selectedOption:s?.zeniAccountId,allOptions:g.map(d=>({label:d.accountName,value:d.accountId}))}},[n]:Oe(n,e.subscriptionBillingAddress)[n]}},Fe=r.div`
+  display: flex;
+  justify-content: space-between;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${e=>p.setupDetailsRowGap.valuePx(e.windowSize)};
+`,He=r.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,_e=r(Te)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>p.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>p.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${a.sp3};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,Ue=r.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ke=r.div`
+  display: flex;
+  flex-direction: column;
+`,Ne=(e,s,g,d,I)=>t.jsxs(qe,{children:[t.jsx(Ge,{windowSize:e,isDisabled:I==="disabled",children:s}),t.jsx(Ve,{googleAPIKey:d??"",addressToEdit:g,sectionId:`${n}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"}})]}),qe=r.div`
+  margin-top: ${a.sp3};
+  margin-bottom: ${a.sp4};
+`,Ge=r.div`
+  ${e=>`${We.title.style(e.windowSize)}`};
+  margin-bottom: ${a.sp3};
+  margin-top: ${a.sp4};
+  color: ${e=>e.isError===!0?De.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
+`,Je=r.div`
+  flex: 1;
+`,U=e=>`${e}_form`;export{lt as default,U as uniqueName};

package/dist/assets/BillsBulkReviewDrawerPage-B7tORIok-09a60H-u.js

@@ -0,0 +1 @@
+import{O as V,j as _,eX as X,eY as q,eZ as M,nL as W,cR as Y}from"./index-kF4u7Flm.js";import{b}from"./vendor-Bs1fkIUX.js";import{u as Z}from"./ReviewOverlay-C6Kx7Hfm-Aab2M4el.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const z=e=>{const r=["ERR_INVOICE_DATE_OUTSIDE_ACCOUNTING_PERIOD"];return e!=null?r.includes(e):!1},{common:s,spendManagement:{billPay:x}}=V.getLocalizedStrings(),o=x.bulkActions;let C;const ce=({billsReviewView:e,analytics:r,onProceedForBulkActionClick:l,onCloseReviewItem:t,onCloseOverlay:c})=>{const{fetchState:m,bulkSubmissionFetchState:a,bulkOperationTypeSelected:i,currentTab:g,currentSubTab:f}=e,u=i==="review",[I,h]=b.useState(!1),[n,v]=b.useState(P(e,u)),[p,T]=b.useState(u),[E,j]=b.useState(0),[w,k]=b.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});b.useEffect(()=>(u&&(C=setInterval(()=>{v(d=>d.map((S,L)=>(clearInterval(C),L===E?{...S,reviewStatus:{isLoading:!1,code:"valid"}}:S))),j(d=>d+1)},1e3)),E===n.length&&p&&(T(!1),clearInterval(C)),!u&&e.fetchState==="Completed"&&v(P(e,!1)),()=>{clearInterval(C)}),[n.length,E,p,e.fetchState,u,e]);const R=n.length,y=n.filter(d=>d.reviewStatus.code!=="error").length,N=()=>{const{title:d,description:S}=H(y);k({type:"reject",title:d,description:S,primaryButtonText:s.texts.confirm,secondaryButtonText:s.texts.close}),r.trackBillPayBulkSubmit(i,g,f),h(!0)},A={onOkClick:d=>{h(!1),r.trackBillPayBulkPopupConfirm(i,g,f,G(e)),l("reject",d)},onCancelClick:()=>{h(!1)}},{title:O,description:D}=J(m,y,R,p),B=e.fetchState==="Completed"&&y===0,F=()=>{r.trackBillPayBulkSubmit(i,g,f),l(i)},U={label:B?s.texts.close:i==="send_for_approval"?s.footer.submit:s.footer.approve,isDisabled:m!=="Completed"||i==="reject"&&a==="In-Progress",isLoading:a==="In-Progress"&&(i==="send_for_approval"||i==="approve"),onClick:B?c:F,style:i==="send_for_approval"?{minWidth:"92px"}:{}},$={label:i==="send_for_approval"?s.texts.goBack:s.footer.reject,isDisabled:i!=="reject"&&a==="In-Progress",isLoading:i==="reject"&&a==="In-Progress",reverseSpinnerColor:!1,onClick:i==="send_for_approval"?c:N,style:i==="approve"?{minWidth:"92px"}:{}};return _.jsxs(_.Fragment,{children:[I?_.jsx(X,{titleComponent:_.jsx(M,{children:w.title}),descriptionComponent:_.jsx(q,{children:w.description}),primaryButtonText:w.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:w.secondaryButtonText,action:A,isNotesIncluded:!0,isEditPopup:!0}):null,_.jsx(Z,{title:O,description:{content:D,isError:e.fetchState==="Completed"&&y===0},reviewItems:n,onCloseReviewItem:t,onCloseOverlay:c,showFooter:e.fetchState==="Completed"&&!p,footerProps:{primaryButton:U,cancelButton:$,hideCancel:B}})]})},P=(e,r)=>{const l=e.fetchState==="In-Progress";return e.billsForReview.map(t=>({id:t.transactionId,leftSideText:{title:t.vendorName?t.vendorName:x.billDetails.newBillTitle,subTitle:`${x.billDetails.invoiceNo} ${t.invoiceNumber?t.invoiceNumber:s.strings.hyphen}`},rightSideText:{title:Y("0,0.[00]",t.amount?.amount,t.amount?.currencySymbol),showThunderIcon:t.reviewErrors?.length===1&&z(t.reviewErrors[0].reviewErrorCode),subTitle:K(t.reviewStatus==="warning",t.reviewErrors?.map(c=>c.reviewInfoMessage)),additonalInfo:t.reviewErrors!=null&&t.reviewErrors.length>1?o.reviewPage.removeOrProceed:void 0},reviewStatus:{isLoading:r?!0:l,code:t.reviewErrors?.length===1&&t.reviewErrors[0].reviewErrorCode==="ERR_INSUFFICIENT_FUNDS"?"low-balance":t.reviewStatus??""}}))},G=e=>{const r=e.billsForReview;let l=[];return r.forEach(t=>{l=W([...l,t.isRecurring?"recurring":"one-time"])}),l},H=e=>{const{this_:r,these:l,bill:t,bills:c,payment:m,payments:a}=s.texts;return e>1?{title:o.popUps.reject.title.replace("<_payment_>",o.payments),description:o.popUps.reject.description.replaceAll("<_this_>",l).replaceAll("<_payment_>",a).replaceAll("<_bill_>",c)}:{title:o.popUps.reject.title.replace("<_payment_>",o.payment),description:o.popUps.reject.description.replaceAll("<_this_>",r).replaceAll("<_payment_>",m).replaceAll("<_bill_>",t)}},J=(e,r,l,t)=>{const{has:c,have:m,bill:a,bills:i,are:g,is:f,do_:u,does:I}=s.texts,h=r>1,n=l>1;let v="",p="";return e==="Completed"&&!t?(v=o.reviewPage.billsReviewed.title.replace("<_bill_>",n?x.bulkActions.bills:o.bill).replace("<_has_>",n?m:c),r===0?p=o.reviewPage.billsReviewed.descriptionError.replace("<_bill_>",n?i:a).replace("<_do_>",n?u:I):p=`${r}/${l} ${o.reviewPage.billsReviewed.description.replace("<_bill_>",l>1?i:a).replace("<_is_>",h?g:f)}`):(v=o.reviewPage.billsReviewing.title.replace("<_bill_>",n?i:a),p=o.reviewPage.billsReviewing.description.replace("<_bill_>",n?i:a)),{title:v,description:p}},K=(e,r)=>{if(r?.length!=null){if(r.length>1)return r.join(` ${s.strings.dividerDot} `);if(r.length===1)return e?r[0]+`${s.strings.colon} ${o.reviewPage.removeOrProceed}`:r[0]}return""};export{ce as default,G as getBillsUniqueType};

package/dist/assets/{BoxItem-COIjjFrn-DqU4ZyNU.js → BoxItem-COIjjFrn-CYZK_lth.js}

@@ -1,4 +1,4 @@
-import{q as h,j as s,aM as b,o as r}from"./index-sAOH0Fje.js";import{n as p}from"./vendor-Bs1fkIUX.js";import{o as l}from"./commonDimensions-C32v1F7H-CiAEfJl2.js";const $=(o,e)=>e===1?"roundedBox":o===0?"topRoundedBox":o===e-1?"bottomRoundedBox":"box";function f({content:o,boxType:e,isDisabled:d=!1,isNotClickable:t=!1}){const i=h();switch(e??"roundedBox"){case"topRoundedBox":return s.jsx(x,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("top-rounded-box",e),children:o});case"bottomRoundedBox":return s.jsx(n,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("bottom-rounded-box",e),children:o});case"box":return s.jsx(u,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("box",e),children:o});case"roundedBox":return s.jsx(a,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("rounded-box",e),children:o})}}const a=p.div`
+import{q as a,j as s,cF as b,o as r}from"./index-kF4u7Flm.js";import{n as p}from"./vendor-Bs1fkIUX.js";import{o as l}from"./commonDimensions-C32v1F7H-C9uaBJ8J.js";const $=(o,e)=>e===1?"roundedBox":o===0?"topRoundedBox":o===e-1?"bottomRoundedBox":"box";function f({content:o,boxType:e,isDisabled:d=!1,isNotClickable:t=!1}){const i=a();switch(e??"roundedBox"){case"topRoundedBox":return s.jsx(x,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("top-rounded-box",e),children:o});case"bottomRoundedBox":return s.jsx(n,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("bottom-rounded-box",e),children:o});case"box":return s.jsx(u,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("box",e),children:o});case"roundedBox":return s.jsx(h,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("rounded-box",e),children:o})}}const h=p.div`
   box-sizing: border-box;
   cursor: ${o=>o.isDisabled||o.hideCursor===!0?"default":"pointer"};
   min-height: ${o=>l.transactionItemHeightResponsive.valuePx(o.windowSize)};
@@ -12,7 +12,7 @@ import{q as h,j as s,aM as b,o as r}from"./index-sAOH0Fje.js";import{n as p}from
     border-color: ${o=>o.isDisabled?o.theme.colors.grey3:o.theme.colors.primary};
     color: ${o=>o.isDisabled?o.theme.colors.hero:o.theme.colors.primary};
   }
-`,x=p(a)`
+`,x=p(h)`
   display: flex;
   border-top-width: 1px;
   border-right-width: 1px;
@@ -26,7 +26,7 @@ import{q as h,j as s,aM as b,o as r}from"./index-sAOH0Fje.js";import{n as p}from
   &:hover {
     border-bottom-width: 1px;
   }
-`,n=p(a)`
+`,n=p(h)`
   display: flex;
   border-top-width: 0.5px;
   border-right-width: 1px;
@@ -39,7 +39,7 @@ import{q as h,j as s,aM as b,o as r}from"./index-sAOH0Fje.js";import{n as p}from
   &:hover {
     border-top-width: 1px;
   }
-`,u=p(a)`
+`,u=p(h)`
   display: flex;
   border-radius: ${r.sp0};
   border-top-width: 0.5px;

package/dist/assets/BusinessVerificationPage-Nw_fedst-Ce7UF4J6.js

@@ -0,0 +1,138 @@
+import{x as ct,q as dt,cJ as ve,j as a,O as Ve,c6 as W,c1 as mt,fz as ut,dF as pt,cr as ft,fk as yt,cR as De,cH as $e,n as ht,dD as gt,cF as xt,fl as St,eX as wt,eY as Ct,eZ as Tt,Y as bt,c4 as vt,cK as Dt,o,y as P,fd as G,ce as Le,jC as $t,j2 as ke,fP as kt,_ as It,A as jt,cd as Fe,b as Pt,H as Nt,u as k}from"./index-kF4u7Flm.js";import{b as N,n as d}from"./vendor-Bs1fkIUX.js";import{b as Ot,s as Vt}from"./CompanyOfficerDetailsSection-CJKyxEnf-B2MTqDnr.js";import{r as Lt}from"./verification-CW6uEyev-CQXAdM_w.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./LabeledAddressValueField-YP7bXlgZ-D9-PqJNp.js";import"./LabeledCreatableSingleSelectField-BhaeopJt-tsmH64cn.js";import"./LabeledDocumentField-ED03S2kQ-BGespvxP.js";const x={width:new P(343,580,726),titleWidth:new P(343,580,726,826),subTitlePaddingTop:new P(12,k[3]),subTitlePaddingBottom:new P(k[3],k[3]),verificationDetailsRowGap:new P(12,k[5],k[5]),termsPaddingLeftRight:new P(k[0],k[3])},Ft={stepTitle:new Pt("h6Regular","h5Regular")},Ie="businessVerificationPage",T="companyDetails",b="companyOfficerDetails",{commonSetUp:{businessVerification:i},common:{settings:_t,currency:je,footer:Pe,strings:{empty:At}}}=Ve.getLocalizedStrings(),ga=({businessVerificationDetails:t,allNationalityCountries:F,verficationDetailsFetchState:O,isRefreshingViewInBackground:_,filesEndPoint:r,authParams:A,productType:y,allIndustries:B,companyTitles:z,maxInsuredAmount:p,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,isTreasuryTransferInitiated:X=!1,transferDetails:E,onOverlayClose:te,onAddressClick:ae,onRegisteredAddressClick:Ae,onBackClick:V,onGetOtp:Be,onVerifyOtp:ze,onResendOtp:Ee,onSendForVerificationClick:Re,onEditFileName:ie,onCompanyDetailsChanged:Ue,updateFilesEntity:se,onDeleteFile:ne,onDeleteFileList:Me,onCompanyOfficerUpdated:We,saveNewAddressInLocalStore:re,onSaveDetailsClick:Ge,onClickMenuIcon:Xe,onExecuteTreasuryTransfer:qe})=>{const Ye=ct(),m=dt(),{updateStatus:R,companyView:L,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,He=ve(R.fetchState),U=L?.company.company.featuresActivationInfo.connectedAccountProvider,Je=U==="unit"?a.jsxs(Xt,{children:[i.terms.term1,a.jsx(W,{href:i.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.consent}),i.terms.term2,a.jsx(W,{href:i.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.depositTerms}),i.terms.term3,a.jsx(W,{href:i.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.privacy}),i.terms.term4,a.jsx(W,{href:i.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:i.terms.tos}),i.terms.term5]}):i.terms.termsForStripe,[Ke,q]=N.useState(!1),[M,oe]=N.useState("save"),[Y,Ze]=N.useState(!1),u=mt({mode:"all",reValidateMode:"onChange",defaultValues:Bt(t,B,z,F)}),{isValid:Qe}=u.formState,H=L?.company.company.companyBillPayInfo,J=L?.company.company.companyTreasuryInfo,j=y==="zeni_treasury"?J?.companyVerificationStatus:H?.companyVerificationStatus,v=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),D=`Officer_${v<0?1:v+1}`,et=()=>{const e=w[D],s=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,$=e?.lastName,me=e?.titleAtCompany,ue=e?.documentTypeSelectedForVerification,pe=e?.phone,fe=e?.addressStatus?.addressToCreate,ye=fe!=null?G(fe):void 0,he=l?.companyDescription,Q=l?.companyLegalName,ge=l?.companyIndustry,xe=l?.phone,Se=l?.website,we=l?.addressStatus?.addressToCreate!=null?G(l?.addressStatus?.addressToCreate):void 0,ee=l?.primaryContactLocalData,Ce=ee?.firstName,Te=ee?.lastName,be=ee?.email;s!=null&&f!=null&&C!=null&&$!=null&&c!=null&&me!=null&&pe!=null&&ye!=null&&ue!=null&&he!=null&&Q!=null&&xe!=null&&Se!=null&&ge!=null&&Q!=null&&we!=null&&Ce!=null&&Te!=null&&be!=null&&g?.trackBusinessVerificationSend({email:s,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:$,companyRole:me,phone:pe,formattedAddress:ye,documentTypeForVerification:ue},{companyDescription:he,legalName:Q,phone:xe,website:Se.toString(),industry:ge,formattedAddress:we},{firstName:Ce,lastName:Te,email:be},y,n?"Settings":void 0)},tt=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=s?.email??"",$=!!s?.firstName&&!!s?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&u.trigger(`${b}.${v<0?0:v}.name`,{shouldFocus:!0}),!1):C&&!$?((!s?.firstName||!s?.lastName)&&u.trigger(`${T}.primaryContactName`,{shouldFocus:!0}),!1):!0},at=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email,f=s?.email;if(c){if(!f)return(s?.firstName||s?.lastName)&&u.trigger(`${T}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(e?.firstName||e?.lastName||e?.birthday||e?.nationalityCountryCode||e?.ownershipInCompany||e?.phone||e?.ssn||e?.titleAtCompany||e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0||K!=null&&K?.length>0)return u.trigger(`${b}.${v<0?0:v}.email`,{shouldFocus:!0}),!1;return!0},it=u.handleSubmit(()=>{if(M!=="verification"&&oe("verification"),U==="unit"&&w[D]?.isPhoneVerified!==!0){u.setError(`${b}.${v}.phone`,{type:"custom"});return}const e=ut(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),s=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);pt(e.concat(s)).fetchState!=="In-Progress"&&Qe&&(et(),Re?.(D),X===!0&&qe?.())}),st=async(e,s)=>{e.includes(T)?Ue?.(s[T]):e.includes(b)&&We?.(s[b])},nt=N.useCallback(ft((e,s)=>{st(e,s)},300),[]);N.useEffect(()=>{const e=u.watch((s,{name:c})=>{c!=null&&s!=null&&yt(()=>nt(c,s))});return()=>{e.unsubscribe()}});const le=ve(t.companyDetailsLocalData?.addressStatus);N.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&le==null&&(re?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),u.setValue(`${T}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,le,re,u]);const ce=L?.companyOfficers.slice(0,10).sort((e,s)=>e.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),K=ce?.map(e=>e.user),rt=ce?.map(e=>e.role),ot={onOkClick:()=>{q(!1),V();const e=[],s=L?.company.company.incInfo.fileIds??[];u.getValues(`${T}.fileIds`).forEach(c=>{s.includes(c)||e.push(c)}),rt?.forEach((c,f)=>{const C=c?.fileIds??[];u.getValues(`${b}.${f}.fileIds`).forEach($=>{C.includes($)||e.push($)})}),e.length!==0&&Me?.(e)},onCancelClick:()=>{q(!1)}},lt=De($e(p),p,je.currencySymbol).toUpperCase(),Z=j?.code==="pending_review"||j?.code==="verified",de=(E?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&j?.code==="pending_review"&&He==="In-Progress"&&R.fetchState==="Completed"?a.jsxs(Qt,{children:[a.jsxs(ea,{children:[a.jsx(Lt,{}),a.jsx(ta,{windowSize:m,children:X===!0?i.submittedTitleWithTransfer:i.submittedTitle}),a.jsx(Zt,{isReadonly:!1,children:X===!0?i.submittedDescriptionWithTransfer.replace("__amount__",De($e(E?.treasuryTransferMoneyLocalData?.amount?.amount??0),E?.treasuryTransferMoneyLocalData?.amount?.amount??0,je.currencySymbol)).replace("__account__",E?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):i.submittedDescription})]}),a.jsx(ht,{label:i.submittedButton,onClick:()=>{V(),te?.()},variant:"primary"})]}):a.jsxs(zt,{isSettings:n,children:[a.jsx(gt,{title:h&&S===!0?At:i.header,backgroundColor:Ye.colors.grey5,style:{zIndex:Y?1:4},onBackClick:()=>{St(u.formState.dirtyFields)?q(!0):V()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:Xe,rightSideComponent:h?a.jsx(aa,{"data-testid":xt("nav-bar-close-business-verification-overlay"),onClick:()=>{V(),te?.()}}):null,source:"BusinessVerificationPage"}),Ke===!0?a.jsx(wt,{titleComponent:a.jsx(Tt,{children:i.discardTitle}),descriptionComponent:a.jsx(Ct,{children:i.discardDescription}),primaryButtonText:i.discard,secondaryButtonText:i.cancel,action:ot}):null,a.jsxs(Ut,{windowSize:m,children:[(!h||S===!1)&&a.jsx(Rt,{windowSize:m,children:n?_t.infoText.businessVerification:i.title}),O==="In-Progress"||O==="Not-Started"?a.jsx(Mt,{children:a.jsx(bt,{size:"ExtraLarge",start:!0})}):a.jsx(vt,{...u,children:a.jsxs("form",{id:Ne(Ie),onSubmit:it,children:[h&&S===!0&&a.jsxs(Et,{children:[a.jsxs(qt,{windowSize:m,children:[a.jsx(Yt,{windowSize:m,children:Z?i.businessVerificationDetails:de?i.verifyBusinessDetails:i.verifyBusinessDetailsWithoutTransfer}),!Z&&a.jsx(Ht,{children:a.jsxs(Jt,{children:[a.jsx(Oe,{}),de&&a.jsx(Oe,{}),a.jsx(Kt,{})]})})]}),a.jsx(_e,{isReadonly:Z,children:i.verifyBusinessDetailsDescription})]}),a.jsxs(Wt,{children:[a.jsx(Ot,{companyOfficerData:w,allNationalityCountries:F,allOfficers:K??[],sectionId:b,isRefreshingViewInBackground:_,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:se,onEditFileName:ie,onOfficerAddressClick:ae,onDeleteFile:ne,isDisabled:I,filesEndPoint:r,authParams:A,isPopupOpen:Y,openPopup:Ze,onGetOtp:Be,onVerifyOtp:ze,onResendOtp:Ee,companyTitles:z,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Vt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:j,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:T,isDisabled:j?.code==="pending_review"||j?.code==="verified"?"readonly":I,fileProps:{authParams:A,filesEndPoint:r,onEditFileName:ie,onDeleteFile:ne,updateFilesEntity:se},onCompanyAddressClick:ae,onRegisteredAddressClick:Ae,connectedAccountProvider:U,allIndustries:B})]}),y==="zeni_accounts"?a.jsx(Gt,{windowSize:m,children:i.threadText.replace("__amount__",lt)}):null]})})]}),O==="Completed"&&(y==="zeni_treasury"?J?.companyVerificationStatus?.code!=="pending_review"&&J?.companyVerificationStatus?.code!=="verified":H?.businessVerificationStatus?.code!=="pending_review"&&H?.businessVerificationStatus?.code!=="verified")?a.jsx(Dt,{formId:Ne(Ie),primaryBtn:{label:S?Pe.submit:i.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="verification"&&R.fetchState==="In-Progress",isDisabled:I!=null},containerStyle:{width:m==="small"?x.width.valuePx(m):"auto",justifyContent:m==="small"?"space-between":"center"},helperStyle:{width:m==="small"?x.width.valuePx(m):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(m),paddingRight:x.termsPaddingLeftRight.valuePx(m),textAlign:m==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:S?Pe.back:i.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(S)V();else{const e=w[D],s=l?.primaryContactLocalData;M!=="save"&&oe("save");const c=e?.email??"",f=tt(),C=at();f&&C&&(g?.trackBusinessVerificationSave({email:c,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?G(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification},{companyDescription:l?.companyDescription,legalName:l?.companyLegalName,phone:l?.phone,website:l?.website?.toString(),industry:l?.companyIndustry??"",formattedAddress:l?.addressStatus?.addressToCreate!=null?G(l?.addressStatus?.addressToCreate):void 0},{firstName:s?.firstName,lastName:s?.lastName,email:s?.email},y,n?"Settings":void 0),Ge?.(D))}}},helperText:Je,style:{padding:`12px ${o.sp3}`,zIndex:Y?0:4}}):null]})},Bt=(t,F,O,_)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:A,companyView:y}=t,B=Ve.getLocalizedStrings().companyPassport,z=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[T]:{companyDescription:r?.companyDescription??"",ein:r?.companyFiles.find(p=>p.documentType==="tax_ein"),companyId:r?.companyId??"",syncToken:r?.syncToken,companyLegalName:r?.companyLegalName??"",companyWebsite:r?.website?.toString()??"",companyAddress:r?.addressStatus?.addressToCreate,registeredAddress:r?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:r?.companyIndustry,allOptions:F?.map(p=>p.code)},companyPhone:r?.phone??"",companyTaxId:r?.taxIdOrEIN??"",primaryContactName:{firstName:r?.primaryContactLocalData?.firstName??"",lastName:r?.primaryContactLocalData?.lastName??""},primaryContactEmail:r?.primaryContactLocalData?.email??"",primaryContactUserId:r?.primaryContactLocalData?.userId,primaryContactSyncToken:r?.primaryContactLocalData?.syncToken,fileIds:r?.companyFiles.map(p=>p.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(p=>p.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:B.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(i.sourceOfFundOptions)}},[b]:Object.values(A).map((p,I)=>{const n=p,h=$t(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${I+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:kt(n?.nationalityCountryCode,_.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:O?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:ke(!0,n?.userFiles??[],h),back:ke(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!z&&I===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},Ne=t=>`${t}_form`,zt=d.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  row-gap: ${o.sp3};
+  background-color: ${t=>t.isSettings?"unset":t.theme.colors.grey5};
+`,Et=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: ${o.sp1};
+  width: 100%;
+  padding-bottom: ${o.sp3};
+`,Rt=d(Fe)`
+  color: ${t=>t.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${t=>x.titleWidth.valuePx(t.windowSize)};
+  padding-top: ${t=>x.subTitlePaddingTop.valuePx(t.windowSize)};
+  padding-bottom: ${t=>x.subTitlePaddingBottom.valuePx(t.windowSize)};
+  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
+`,Ut=d.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: ${o.sp9};
+  row-gap: ${t=>x.verificationDetailsRowGap.valuePx(t.windowSize)};
+`,Mt=d.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${t=>t.theme.colors.grey4};
+`,Wt=d.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp11};
+`,Gt=d(Le)`
+  margin-top: ${o.sp2};
+  padding: ${o.sp2} ${o.sp2};
+  text-align: center;
+  color: ${t=>t.theme.colors.grey1};
+  width: ${t=>x.width.valuePx(t.windowSize)};
+`,Xt=d(Le)`
+  text-align: center;
+  max-width: 750px;
+  color: ${t=>t.theme.colors.hero};
+`,qt=d.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp3};
+  width: 100%;
+`,Yt=d(Nt)`
+  ${t=>`${Ft.stepTitle.style(t.windowSize)}`};
+  color: ${t=>t.theme.colors.primary};
+  text-align: left;
+`,Ht=d.div`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  gap: ${o.sp2};
+`,Jt=d.div`
+  display: flex;
+  width: 100%;
+  gap: ${o.sp3};
+`,Oe=d.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${t=>t.theme.colors.primary};
+  border-radius: ${o.sp2};
+`,Kt=d.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${t=>t.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  position: relative;
+  overflow: hidden;
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    background-color: ${t=>t.theme.colors.primary};
+    animation: fillProgress 1s ease-in-out forwards;
+  }
+
+  @keyframes fillProgress {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(0%);
+    }
+  }
+`,_e=d(Fe)`
+  color: ${t=>t.theme.colors.hero};
+  margin-top: ${t=>t.isReadonly?o.sp0:o.sp3};
+  white-space: pre-line;
+`,Zt=d(_e)`
+  margin-top: ${o.sp0};
+  text-align: center;
+`,Qt=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${o.sp5};
+  margin: auto;
+`,ea=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${o.sp3};
+`,ta=d(It)`
+  color: ${t=>t.theme.colors.primary};
+  white-space: pre-line;
+  text-align: center;
+`,aa=d(jt)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  width: ${o.sp4};
+  height: ${o.sp4};
+  min-height: ${o.sp4};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`;export{ga as default,Ne as uniqueName};

package/dist/assets/{CardNumberSubText-CmhH95Ff-CLBGKyAX.js → CardNumberSubText-CmhH95Ff-D70_vfvB.js}

@@ -1,4 +1,4 @@
-import{q as x,O as w,j as r,C,c as $,o as s,H as y}from"./index-sAOH0Fje.js";import{n as l,b as d}from"./vendor-Bs1fkIUX.js";const H=e=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z",fill:"currentColor"})),{common:n,spendManagement:{chargeCard:t}}=w.getLocalizedStrings(),f={subText:new $("extraSmallRegular","standardRegular")},S=({cardDetail:e,forDetailPage:a,styles:h})=>{const u=x(),m=e.type.code.includes("credit")?t.chargeCardsPromo.credit:t.chargeCardsPromo.debit;let o=e.type.code.includes("physical")?t.cardList.physicalCard:t.cardList.virtualCard;const c=n.strings.space+t.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,g=e.status.code==="request_on_hold"||!a?o:c,i=e.type.code.includes("physical");return r.jsxs(v,{style:h,windowSize:u,forDetailPage:a,className:"cardName",title:`${g}`,children:[m,r.jsx(b,{}),o,i&&!a?r.jsx(p,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!a?null:c,i&&a?r.jsx(p,{}):null]})},v=l(y)`
+import{q as x,O as w,j as r,C,b as $,o as s,H as y}from"./index-kF4u7Flm.js";import{n as l,b as d}from"./vendor-Bs1fkIUX.js";const H=e=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z",fill:"currentColor"})),{common:n,spendManagement:{chargeCard:t}}=w.getLocalizedStrings(),f={subText:new $("extraSmallRegular","standardRegular")},S=({cardDetail:e,forDetailPage:a,styles:h})=>{const u=x(),m=e.type.code.includes("credit")?t.chargeCardsPromo.credit:t.chargeCardsPromo.debit;let o=e.type.code.includes("physical")?t.cardList.physicalCard:t.cardList.virtualCard;const i=n.strings.space+t.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,g=e.status.code==="request_on_hold"||!a?o:i,c=e.type.code.includes("physical");return r.jsxs(b,{style:h,windowSize:u,forDetailPage:a,className:"cardName",title:`${g}`,children:[m,r.jsx(v,{}),o,c&&!a?r.jsx(p,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!a?null:i,c&&a?r.jsx(p,{}):null]})},b=l(y)`
   ${e=>e.forDetailPage?{...C.extraSmallRegular.cssObject}:`${f.subText.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
@@ -8,7 +8,7 @@ import{q as x,O as w,j as r,C,c as $,o as s,H as y}from"./index-sAOH0Fje.js";imp
   display: flex;
   align-items: center;
   gap: ${s.sp1};
-`,b=l.span`
+`,v=l.span`
   height: ${s.sp1};
   width: ${s.sp1};
   background-color: ${e=>e.theme.colors.grey1};

package/dist/assets/{CashbackDetailPage-BPLjvuA3-362WFi2j.js → CashbackDetailPage-BPLjvuA3-D2AlurqK.js}

@@ -1,11 +1,11 @@
-import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as i,h as B,y as h,am as v,dB as oe,l as y,u as l,bQ as re,bR as ae,bh as se,bg as ne,aX as de,bS as le,bU as ce,jc as he,aN as O,c3 as pe,aM as z,ai as $,jd as J,je as Q,iW as me,cM as ge,cP as xe,an as T,iX as we,iY as ue}from"./index-sAOH0Fje.js";import{n as o,w as R,b as V}from"./vendor-Bs1fkIUX.js";import{q as ye}from"./InsightsSection-JIKb9lz3-CSUvMdaP.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./NavigationDots-BxPgEW_p-CnLRJgGA.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(he,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,$e=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ve,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(Z,{children:W.month})," ",t.jsx(G,{children:y.getZeniDateFromPeriod(n).format(fe)})]}),t.jsxs(E,{children:[t.jsx(Z,{children:W.cashback}),t.jsx(G,{children:O("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
+import{mN as te,x as k,q as f,j as t,dD as ie,O as w,iv as z,C as u,cZ as U,ep as oe,o as i,h as B,y as h,cd as v,g6 as re,u as l,cD as ae,dT as se,dU as ne,db as de,da as le,cR as ce,dV as he,dX as pe,mS as me,cG as T,ef as ge,cF as L,c9 as $,mT as X,mU as Q,mz as xe,f5 as we,f8 as ue,ce as O,mA as ye,mB as fe}from"./index-kF4u7Flm.js";import{n as o,w as R,b as V}from"./vendor-Bs1fkIUX.js";import{q as be}from"./InsightsSection-JIKb9lz3-Hi0aN8hq.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./NavigationDots-BxPgEW_p-Cjr25BX_.js";const b=e=>{const[s,n]=e.split("-");return te(Number(s),Number(n)-1)},$e=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(me,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,ve=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,je=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ke,{children:t.jsx(Se,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(A,{children:W.month})," ",t.jsx(G,{children:b(n).format(ve)})]}),t.jsxs(E,{children:[t.jsx(A,{children:W.cashback}),t.jsx(G,{children:T("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
   display: flex;
   gap: ${i.sp1};
-`,ve=o.div`
+`,ke=o.div`
   display: flex;
   position: relative;
   left: 11px;
-`,je=o.div`
+`,Se=o.div`
   flex: display;
   opacity: 0.85;
   border-radius: ${i.sp1};
@@ -17,28 +17,28 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   min-width: ${i.sp8};
   display: flex;
   justify-content: flex-end;
-`,Z=o($)`
+`,A=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,ke=R.memo($e),{dateFormat:{visual:{MMMYYFormat:Se,YYYYDashMMFormat:U}},common:{currency:F}}=w.getLocalizedStrings(),Ce=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Me,{width:n,height:a,children:t.jsx(H,{children:({height:c,width:p})=>t.jsxs(re,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(se,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>y.getZeniDateFromPeriod(m).format(Se)}),t.jsx(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>de("0,0.[00]a",m,e?.[0].currencySymbol??F.currencySymbol)}),t.jsx(le,{cursor:t.jsx(be,{}),content:s}),t.jsx(ce,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Pe({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>y.getZeniDateFromPeriod(c.period),"asc"),r=Le(a);return t.jsx(Ce,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(ke,{active:c,payload:p,label:m}),width:s,height:n})}const ze=e=>e.format(U),Le=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??y.dateNow().subtract(1,"M").format(U);for(;s.length<12;){const r={amount:0,period:ze(y.getZeniDateFromPeriod(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??F.currencyCode,currencySymbol:n?.currencySymbol??F.currencySymbol};s.push(r),a=r.period}return s},Me=o.div`
+`,Ce=R.memo(je),{dateFormat:{visual:{MMMYYFormat:ze,YYYYDashMMFormat:Z}},common:{currency:I}}=w.getLocalizedStrings(),Le=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Fe,{width:n,height:a,children:t.jsx(U,{children:({height:c,width:p})=>t.jsxs(se,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(ne,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(de,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>b(m).format(ze)}),t.jsx(le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>ce("0,0.[00]a",m,e?.[0].currencySymbol??I.currencySymbol)}),t.jsx(he,{cursor:t.jsx($e,{}),content:s}),t.jsx(pe,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Pe({cashbackByPeriod:e,width:s,height:n}){const a=re(e,c=>b(c.period),"asc"),r=Ie(a);return t.jsx(Le,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(Ce,{active:c,payload:p,label:m}),width:s,height:n})}const Me=e=>e.format(Z),Ie=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??ae().subtract(1,"M").format(Z);for(;s.length<12;){const r={amount:0,period:Me(b(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??I.currencyCode,currencySymbol:n?.currencySymbol??I.currencySymbol};s.push(r),a=r.period}return s},Fe=o.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
   background: ${e=>e.theme.colors.grey5};
-`,_=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:_.month,sortOrder:"ascending",width:new h(50,50)},De={key:"cashback",value:_.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[Fe,De],b={headerLastColumnTopPadding:new h(l[0],l[4]),headerLastColumnRightPadding:new h(l[3],l[11]),headerLastColumnBottomPadding:new h(l[0],l[4]),headerLastColumnLeftPadding:new h(l[3],l[11]),headerHeight:new h(we,ue)};function Ie({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=V.useState(ee());V.useEffect(()=>{const d=[...r];for(const g of d)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,g)=>{let Y=g;e.sortKey===d&&(Y=g==="ascending"?"descending":"ascending"),s(d,Y)},m=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(g=>g.key===d)?.value??"",C=r.map(d=>d.key),K=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(q,{windowSize:a,children:[t.jsxs(Re,{children:[t.jsx(Ye,{children:t.jsx(Ke,{})}),t.jsx(pe,{title:K.sortBy,placeholder:K.sortBy,pickerValues:C,valueToLabel:S,selectedValue:e.sortKey,onPickerSelectionChanged:d=>{p(d,"ascending")},optionTextStyle:u.smallRegular,titleTextStyle:u.smallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ee,{onClick:()=>p(m.key,m.sortOrder),"data-testid":z("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(A,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(N,{})})]})]}):t.jsx(q,{windowSize:a,children:r.map((d,g)=>t.jsxs(Oe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:g===r.length-1,windowSize:a,children:[t.jsxs(We,{onClick:()=>p(d.key,d.sortOrder),"data-testid":z("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(A,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(N,{})})]}),t.jsx(Ve,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Te,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Be=R.memo(Ie),q=o($)`
+`,_=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,De={key:"month",value:_.month,sortOrder:"ascending",width:new h(50,50)},Be={key:"cashback",value:_.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[De,Be],y={headerLastColumnTopPadding:new h(l[0],l[4]),headerLastColumnRightPadding:new h(l[3],l[11]),headerLastColumnBottomPadding:new h(l[0],l[4]),headerLastColumnLeftPadding:new h(l[3],l[11]),headerHeight:new h(ye,fe)};function Te({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=V.useState(ee());V.useEffect(()=>{const d=[...r];for(const g of d)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,g)=>{let Y=g;e.sortKey===d&&(Y=g==="ascending"?"descending":"ascending"),s(d,Y)},m=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(g=>g.key===d)?.value??"",C=r.map(d=>d.key),K=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(N,{windowSize:a,children:[t.jsxs(Ye,{children:[t.jsx(We,{children:t.jsx(Ve,{})}),t.jsx(ge,{title:K.sortBy,placeholder:K.sortBy,pickerValues:C,valueToLabel:S,selectedValue:e.sortKey,onPickerSelectionChanged:d=>{p(d,"ascending")},optionTextStyle:u.smallRegular,titleTextStyle:u.smallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ae,{onClick:()=>p(m.key,m.sortOrder),"data-testid":L("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(q,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(H,{})})]})]}):t.jsx(N,{windowSize:a,children:r.map((d,g)=>t.jsxs(Re,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:g===r.length-1,windowSize:a,children:[t.jsxs(Ge,{onClick:()=>p(d.key,d.sortOrder),"data-testid":L("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(q,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(H,{})})]}),t.jsx(Ee,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Ke,{onClick:()=>p("month","ascending"),"data-testid":L("cashback-list-close-sort",d.key)})})]},d.key))})}const Oe=R.memo(Te),N=o($)`
   top: ${i.sp0};
   left: ${i.sp0};
-  min-height: ${e=>b.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>b.headerHeight.valuePx(e.windowSize)};
+  min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
   width: auto;
   z-index: 2;
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${e=>`${b.headerLastColumnTopPadding.valuePx(e.windowSize)} ${b.headerLastColumnRightPadding.valuePx(e.windowSize)} ${b.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${b.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${y.headerLastColumnTopPadding.valuePx(e.windowSize)} ${y.headerLastColumnRightPadding.valuePx(e.windowSize)} ${y.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${y.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
-`,Oe=o.div`
+`,Re=o.div`
   color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
   max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
@@ -50,53 +50,53 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   box-sizing: border-box;
   overflow: hidden;
   justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-`,Te=o(xe)`
+`,Ke=o(ue)`
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,A=o.div`
+`,q=o.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
   ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
-`,N=o(ge)`
+`,H=o(we)`
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: inherit;
-`,Re=o.div`
+`,Ye=o.div`
   gap: ${i.sp1};
   display: flex;
-`,Ke=o(me)`
+`,Ve=o(xe)`
   width: 12px;
   height: 12px;
   color: inherit;
-`,Ye=o.div`
+`,We=o.div`
   margin-right: ${i.sp1};
   display: flex;
   align-items: center;
-`,Ve=o.div`
+`,Ee=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,We=o.div`
+`,Ge=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ee=o.div`
+`,Ae=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:Ge}},dateFormat:{visual:Ze}}=w.getLocalizedStrings(),qe=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=J(e.period),p=Q(c);return t.jsx(He,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Je,{children:t.jsxs(Qe,{children:[t.jsx(Ue,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(_e,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(Ze.MMMMYYYYFormat),p?t.jsxs(Ne,{children:[t.jsx(Xe,{}),t.jsx(Ae,{children:Ge.tillDate})]}):null]})}),t.jsx(et,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(tt,{windowSize:a,children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ae=o(T)`
+`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:Ne}},dateFormat:{visual:qe}}=w.getLocalizedStrings(),He=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=X(e.period),p=Q(c);return t.jsx(Qe,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Ze,{children:t.jsxs(_e,{children:[t.jsx(et,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(tt,{windowSize:a,children:[b(e.period).format(qe.MMMMYYYYFormat),p?t.jsxs(Ue,{children:[t.jsx(Xe,{}),t.jsx(Je,{children:Ne.tillDate})]}):null]})}),t.jsx(it,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(ot,{windowSize:a,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Je=o(O)`
   color: ${e=>e.theme.colors.grey1};
-`,Ne=o.div`
+`,Ue=o.div`
   display: flex;
   align-items: center;
 `,Xe=o.div`
@@ -105,7 +105,7 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   margin-right: ${i.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,He=o.div`
+`,Qe=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
@@ -125,21 +125,21 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   margin-left: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,Je=o.div`
+`,Ze=o.div`
   display: block;
   width: 100%;
-`,Qe=o.div`
+`,_e=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,Ue=o.div`
+`,et=o.div`
   display: flex;
   flex-direction: column;
   column-gap: 12px;
   align-items: flex-start;
   width: ${e=>`calc(${e.responsiveWidth.valuePercentage(e.windowSize)} - ${i.sp7})`};
-`,_e=o(v)`
+`,tt=o(v)`
   margin-right: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
@@ -153,7 +153,7 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   text-transform: capitalize;
   display: flex;
   gap: ${i.sp2};
-`,et=o(v)`
+`,it=o(v)`
   display: flex;
   flex-direction: column;
   align-items: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"?"flex-start":"center"};
@@ -161,7 +161,7 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   justify-content: flex-end;
   align-items: flex-start;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,tt=o(v)`
+`,ot=o(v)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   -webkit-line-clamp: ${e=>x.webkitLineClamp.value(e.windowSize)};
@@ -175,18 +175,18 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   width: 100%;
   display: flex;
   justify-content: end;
-`,D={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:it}},dateFormat:{visual:ot}}=w.getLocalizedStrings(),rt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=J(e.period),c=Q(r);return t.jsx(dt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(lt,{children:t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsxs(ht,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(ot.MMMMYYYYFormat),c?t.jsxs(st,{children:[t.jsx(nt,{}),t.jsx(at,{children:it.tillDate})]}):null]})}),t.jsx(mt,{children:t.jsx(gt,{children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},at=o(T)`
+`,F={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:rt}},dateFormat:{visual:at}}=w.getLocalizedStrings(),st=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=X(e.period),c=Q(r);return t.jsx(ct,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(ht,{children:t.jsxs(pt,{children:[t.jsx(gt,{children:t.jsxs(mt,{windowSize:a,children:[b(e.period).format(at.MMMMYYYYFormat),c?t.jsxs(dt,{children:[t.jsx(lt,{}),t.jsx(nt,{children:rt.tillDate})]}):null]})}),t.jsx(xt,{children:t.jsx(wt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},nt=o(O)`
   color: ${e=>e.theme.colors.grey1};
-`,st=o.div`
+`,dt=o.div`
   display: flex;
   align-items: center;
-`,nt=o.div`
+`,lt=o.div`
   height: ${i.sp1};
   width: ${i.sp1};
   margin-right: ${i.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,dt=o.div`
+`,ct=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -198,21 +198,21 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   border-top-left-radius: ${e=>e.isFirstItem?i.sp2:i.sp0};
   border-bottom-left-radius: ${e=>e.isLastItem?i.sp2:i.sp0};
   border-bottom-left-radius: ${e=>e.isLastItem?i.sp2:i.sp0};
-  margin-right: ${e=>D.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>D.containerMarginLeft.valuePx(e.windowSize)};
-`,lt=o.div`
+  margin-right: ${e=>F.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>F.containerMarginLeft.valuePx(e.windowSize)};
+`,ht=o.div`
   display: block;
   width: 100%;
-`,ct=o.div`
+`,pt=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,ht=o(v)`
+`,mt=o(v)`
   margin-right: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   display: -webkit-box;
-  -webkit-line-clamp: ${e=>D.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>F.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -223,33 +223,33 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   text-transform: capitalize;
   display: flex;
   gap: ${i.sp2};
-`,pt=o.div`
+`,gt=o.div`
   display: flex;
   flex-direction: row;
   gap: ${i.sp2};
-`,mt=o.div`
+`,xt=o.div`
   display: flex;
   flex-direction: column;
-`,gt=o(T)`
+`,wt=o(O)`
   color: ${e=>e.theme.colors.hero};
-`,X={separatorMarginLeftRight:new h(l[3],l[8])},xt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(yt,{children:[t.jsx(Be,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(ut,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(wt,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},wt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?rt:qe;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},ut=o.div``,yt=o.div`
+`,J={separatorMarginLeftRight:new h(l[3],l[8])},ut=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(bt,{children:[t.jsx(Oe,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(ft,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(yt,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx($t,{windowSize:a})]},r.period))})]})},yt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?st:He;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},ft=o.div``,bt=o.div`
   display: block;
   height: 100%;
-`,bt=o.div`
+`,$t=o.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-  margin-left: ${e=>X.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>X.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,I={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Rt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(St,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs(ft,{windowSize:m,children:[t.jsxs($t,{windowSize:m,children:[t.jsxs(L,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(P,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(P,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.available}),t.jsx(P,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(vt,{children:t.jsx(H,{children:({height:S,width:C})=>t.jsx(Pe,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(jt,{children:t.jsx(ye,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(kt,{children:t.jsx(xt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},ft=o.div`
+  margin-left: ${e=>J.separatorMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>J.separatorMarginLeftRight.valuePx(e.windowSize)};
+`,D={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Yt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(zt,{children:[t.jsx(ie,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs(vt,{windowSize:m,children:[t.jsxs(jt,{windowSize:m,children:[t.jsxs(P,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(z,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(z,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.available}),t.jsx(z,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(kt,{children:t.jsx(U,{children:({height:S,width:C})=>t.jsx(Pe,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(St,{children:t.jsx(be,{insights:[{...e}],summaryTextStyles:{fontWeight:oe.regular,color:p.colors.primary}})})]}),t.jsx(Ct,{children:t.jsx(ut,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},vt=o.div`
   position: relative;
   box-shadow: ${B.dropShadowNormalLight} 2px 2px ${i.sp1};
   background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>I.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>I.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-`,L=o.div`
+  padding-left: ${e=>D.pageContentPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>D.pageContentPaddingLeftRight.valuePx(e.windowSize)};
+`,P=o.div`
   min-width: 103px;
   display: flex;
   flex-direction: column;
@@ -258,28 +258,28 @@ import{d as k,q as f,j as t,bF as te,O as w,ft as P,C as u,b3 as H,cd as ie,o as
   display: flex;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,$t=o.div`
+`,jt=o.div`
   display: flex;
-  gap: ${e=>I.cashbackSummaryContainerGap.valuePx(e.windowSize)};
+  gap: ${e=>D.cashbackSummaryContainerGap.valuePx(e.windowSize)};
   justify-content: center;
   margin-top: ${i.sp3};
-`,vt=o.div`
+`,kt=o.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   height: 242px;
   margin: ${i.sp5} ${i.sp0};
-`,jt=o.div`
+`,St=o.div`
   margin-bottom: ${i.sp5};
-`,kt=o.div`
+`,Ct=o.div`
   background-color: ${e=>e.theme.colors.grey4};
   padding-top: ${i.sp4};
   padding-bottom: ${i.sp8};
   height: 100%;
-`,St=o.div`
+`,zt=o.div`
   display: flex;
   min-height: ${`calc(100vh - ${i.sp9})`};
   flex-direction: column;
   width: 100%;
   height: 100%;
-`;export{Rt as default};
+`;export{Yt as default};