@zeniai/web-cockpit-ui 1.14.90-qa → 1.14.91-dev

package/dist/assets/BillingSettingsPage-nKpHtd4C-Bnbrb4t9.js

@@ -0,0 +1,44 @@
+import{d as be,q as we,a8 as Ce,cB as Pe,aS as j,F as xe,V as t,y as P,bz as Ie,m as Ae,ab as ve,bu as ke,cC as je,aO as $e,o as s,hF as Ve,eU as Be,eV as Te,c as x,ak as De,gO as Ee,a as Le,p as ze}from"./index-DJLrbf0F.js";import{a as F}from"./core-CA3j8Axi.js";import{n as r}from"./mui-DpJXlk4t.js";import{M as Oe,r as H,o as Me}from"./PaymentAccountSetupBillingAddressSection-BiU8tQnm-4Kl9uXwr.js";import{F as _e}from"./SetUpAccountSection-C1EnJv1V-nWkvB51T.js";import"./sentry-BA4piVNf.js";import"./zeni-epic-state-CQt4n3Xe.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="0db1ca2b-ed7f-4157-8440-e9113f3c4444",e._sentryDebugIdIdentifier="sentry-dbid-0db1ca2b-ed7f-4157-8440-e9113f3c4444")}catch{}})();const p={titleWidth:new P(343,580,726,826),setupDetailsRowGap:new P(12,x[5],x[5]),iconWidthHeight:new P(20,x[4]),subTitlePaddingTop:new P(12,x[3])},Fe={title:new Le("standardSemiBold","largeSemiBold")},R="billingSetupPage",I="payAccountSectionId",n="subscriptionBillingAddressSectionId",lt=({analytics:e,billingSetupView:i,connectedAccountProvider:m,isDisabled:d,onClickMenuIcon:A,uiState:q,stripeKey:K,googleAPIKey:N,companyId:G,onUpdateAccountClick:J,onFetchLinkTokenClick:Z,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:X,onEstablishConnectionClick:Y,onEstablishConnectionSuccess:ee,handleCreateCardSetupIntent:te,handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleAddCardPaymentSource:ie,resetCardPaymentViewState:oe,handleResetCardPaymentErrorStatuses:ae,onBillingAddressSave:se,onAddressEditHandler:re})=>{const w=be(),o=we(),{setupView:{paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,accountFetchStatus:V},cardPaymentView:h}=i,ce=i.subscriptionBillingAddress,B=y?.providerVerificationStatus,ue=V.fetchState==="In-Progress"||V.fetchState==="Not-Started",f=Ce({mode:"onSubmit",reValidateMode:"onChange",defaultValues:U(i),values:U(i),resetOptions:{keepDirtyValues:!0}}),pe=f.handleSubmit(c=>{se(G)}),T=i.subscriptionBillingAddressSaveStatus,me=async(c,a)=>{const g=a[I];if(c.includes(n)&&a[n]!=null){const v=f.getValues(`${n}`).country;let u=a[n];if(c.includes(`${n}.street`)&&a[n].street!=null){const{addressValue:b}=a[n].street,k=Be(b?.country);u={street:a[n].street??l.strings.empty,city:b?.locality??l.strings.empty,state:b?.administrativeAreaLevel1??l.strings.empty,country:k,countryCode:b?.countryCode??l.strings.empty,postalCode:b?.postalCode??l.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},v.selectedOption!==k.selectedOption&&(u={...u,country:k})}else c===`${n}.country`&&v.selectedOption!=null&&(u={...u,countryCode:Te(v.selectedOption)});u!=null&&re(u)}else c.includes(I)&&g.account.selectedOption!=null&&y?.paymentAccountId!=null&&y.zeniAccountId!==g.account.selectedOption&&J(g.account.selectedOption,y.paymentAccountId)};F.useEffect(()=>{const c=f.watch((a,{name:g})=>{g!=null&&a!=null&&Pe(()=>me(g,a))});return()=>{c.unsubscribe()}});const D=w.mode==="light"?new j(w.colors.brandColorJadeLight):new j(w.colors.brandColorJadeDark),{customerOnboardingPage:{sections:{link_payment_account:he,card_payment_method:S}},common:l,billingSetupPage:E}=xe.getLocalizedStrings(),ge=E.section.subTitle,{text:ye,subText:fe}=he,L=h.cardsList.length>0,z=h?.cardsList[0]?.brand??"other",O=h?.addCardPaymentSourceStatus.fetchState,C=Oe(S.header,S.titleText,S.protectedCardNo,h);let M;L&&(M={header:C.header,title:C.title,subtitle:C.subtitle,status:C.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:L===!0,icon:{element:t.jsx("img",{src:H(z).iconURL,width:p.iconWidthHeight.valuePx(o),height:p.iconWidthHeight.valuePx(o),alt:H(z).name}),color:new j(D)},showCompletedIcon:!1,isError:O==="Error",isLoading:O==="In-Progress",isCompleted:!0,showRightArrow:!1});const[_,Se]=F.useState(!1);return t.jsxs(Re,{children:[t.jsx(Ie,{source:"BillingSettingsPage",title:E.section.title,backgroundColor:w.colors.grey4,style:{zIndex:3},showBackButton:!1,showMenuIcon:o==="medium-compact"||o==="small",onClickMenuIcon:A}),t.jsxs(He,{windowSize:o,children:[t.jsx(Ue,{windowSize:o,children:ge}),ue?t.jsx(We,{children:t.jsx(Ae,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...f,children:t.jsx(Je,{children:t.jsx("form",{id:W(R),onSubmit:pe,children:t.jsxs(qe,{windowSize:o,children:[t.jsx(_e,{connectedAccountProvider:m,paymentAccount:y,plaidConnectionDetails:de,allBankAccounts:le,header:S.header,sectionTitle:S.header,defaultSectionTitle:ye,defaultSectionSubTitle:fe,sectionId:I,isDisabled:d,onFetchLinkTokenClick:Z,onEstablishConnectionClick:Y,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:X,onEstablishConnectionSuccess:ee,isError:B?.code==="require_info"||B?.code==="failed",icon:{element:t.jsx(ke,{width:p.iconWidthHeight.valuePx(o),height:p.iconWidthHeight.valuePx(o)}),color:D},analytics:e,productType:"billing",updateCardPaymentModalState:$,cardPaymentSectionValues:M,cardPaymentView:h,resetCardPaymentViewState:oe,showZeniAccountSection:!1,referrer:"Billing",cardSetupInProgress:_}),Ke(o,l.headers.billingAddress,ce,N,d)]})})})}),je(f.formState.dirtyFields)?t.jsx($e,{formId:W(R),style:{width:o==="small"?"auto":"100%",paddingTop:s.sp2,paddingBottom:s.sp2,height:s.sp8},primaryBtn:{label:l.footer.save,isLoading:T?.fetchState==="In-Progress",isDisabled:T?.fetchState==="In-Progress",style:{height:s.sp6}},showCancel:!1,containerStyle:{width:"auto",justifyContent:"center"}}):null]}),t.jsx(Me,{handleConfirmCardSetupIntent:ne,updateCardPaymentModalState:$,handleCreateCardSetupIntent:te,handleAddCardPaymentSource:ie,cardPaymentView:h,isCardPaymentOpen:q.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ae,stripeKey:K,cardSetupInProgress:_,setCardSetupInProgress:Se})]})},U=e=>{const{paymentAccount:i,allBankAccounts:m}=e.setupView;return{[I]:{account:{selectedOption:i?.zeniAccountId,allOptions:m.map(d=>({label:d.accountName,value:d.accountId}))}},[n]:Ve(n,e.subscriptionBillingAddress)[n]}},He=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)};
+`,Re=r.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ue=r(De)`
+  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: ${s.sp3};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,We=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};
+`,qe=r.div`
+  display: flex;
+  flex-direction: column;
+`,Ke=(e,i,m,d,A)=>t.jsxs(Ne,{children:[t.jsx(Ge,{windowSize:e,isDisabled:A==="disabled",children:i}),t.jsx(Ee,{googleAPIKey:d??"",addressToEdit:m,sectionId:`${n}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"}})]}),Ne=r.div`
+  margin-top: ${s.sp3};
+  margin-bottom: ${s.sp4};
+`,Ge=r.div`
+  ${e=>`${Fe.title.style(e.windowSize)}`};
+  margin-bottom: ${s.sp3};
+  margin-top: ${s.sp4};
+  color: ${e=>e.isError===!0?ze.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
+`,Je=r.div`
+  flex: 1;
+`,W=e=>`${e}_form`;export{lt as default,W as uniqueName};

package/dist/assets/BillsBulkReviewDrawerPage-DNHAoceL-Dw8wGAVZ.js

@@ -0,0 +1 @@
+import{F as O,V as f,cm as M,cn as W,co as q,j$ as z,aV as G}from"./index-DJLrbf0F.js";import{a as b}from"./core-CA3j8Axi.js";import{G5 as K}from"./zeni-epic-state-CQt4n3Xe.js";import{u as Q}from"./ReviewOverlay-CruJ9O84-BdMFQyaH.js";import"./mui-DpJXlk4t.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="525e624c-e88f-48e4-af24-dc8673249f80",e._sentryDebugIdIdentifier="sentry-dbid-525e624c-e88f-48e4-af24-dc8673249f80")}catch{}})();const{common:s,spendManagement:{billPay:x}}=O.getLocalizedStrings(),o=x.bulkActions;let I;const de=({billsReviewView:e,analytics:r,onProceedForBulkActionClick:l,onCloseReviewItem:t,onCloseOverlay:c})=>{const{fetchState:m,bulkSubmissionFetchState:a,bulkOperationTypeSelected:i,currentTab:g,currentSubTab:_}=e,u=i==="review",[C,w]=b.useState(!1),[n,v]=b.useState(T(e,u)),[p,E]=b.useState(u),[B,k]=b.useState(0),[y,j]=b.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});b.useEffect(()=>(u&&(I=setInterval(()=>{v(d=>d.map((S,L)=>(clearInterval(I),L===B?{...S,reviewStatus:{isLoading:!1,code:"valid"}}:S))),k(d=>d+1)},1e3)),B===n.length&&p&&(E(!1),clearInterval(I)),!u&&e.fetchState==="Completed"&&v(T(e,!1)),()=>{clearInterval(I)}),[n.length,B,p,e.fetchState,u,e]);const R=n.length,h=n.filter(d=>d.reviewStatus.code!=="error").length,D=()=>{const{title:d,description:S}=Z(h);j({type:"reject",title:d,description:S,primaryButtonText:s.texts.confirm,secondaryButtonText:s.texts.close}),r.trackBillPayBulkSubmit(i,g,_),w(!0)},F={onOkClick:d=>{w(!1),r.trackBillPayBulkPopupConfirm(i,g,_,Y(e)),l("reject",d)},onCancelClick:()=>{w(!1)}},{title:N,description:A}=H(m,h,R,p),P=e.fetchState==="Completed"&&h===0,$=()=>{r.trackBillPayBulkSubmit(i,g,_),l(i)},U={label:P?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:P?c:$,style:i==="send_for_approval"?{minWidth:"92px"}:{}},V={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:D,style:i==="approve"?{minWidth:"92px"}:{}};return f.jsxs(f.Fragment,{children:[C?f.jsx(M,{titleComponent:f.jsx(q,{children:y.title}),descriptionComponent:f.jsx(W,{children:y.description}),primaryButtonText:y.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:y.secondaryButtonText,action:F,isNotesIncluded:!0,isEditPopup:!0}):null,f.jsx(Q,{title:N,description:{content:A,isError:e.fetchState==="Completed"&&h===0},reviewItems:n,onCloseReviewItem:t,onCloseOverlay:c,showFooter:e.fetchState==="Completed"&&!p,footerProps:{primaryButton:U,cancelButton:V,hideCancel:P}})]})},T=(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:G("0,0.[00]",t.amount?.amount,t.amount?.currencySymbol),showThunderIcon:t.reviewErrors?.length===1&&K(t.reviewErrors[0].reviewErrorCode),subTitle:J(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??""}}))},Y=e=>{const r=e.billsForReview;let l=[];return r.forEach(t=>{l=z([...l,t.isRecurring?"recurring":"one-time"])}),l},Z=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)}},H=(e,r,l,t)=>{const{has:c,have:m,bill:a,bills:i,are:g,is:_,do_:u,does:C}=s.texts,w=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:C):p=`${r}/${l} ${o.reviewPage.billsReviewed.description.replace("<_bill_>",l>1?i:a).replace("<_is_>",w?g:_)}`):(v=o.reviewPage.billsReviewing.title.replace("<_bill_>",n?i:a),p=o.reviewPage.billsReviewing.description.replace("<_bill_>",n?i:a)),{title:v,description:p}},J=(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{de as default,Y as getBillsUniqueType};

package/dist/assets/BoxItem-Bjv3WNXO-DVhc5wWw.js

@@ -0,0 +1,53 @@
+import{q as l,V as s,aK as b,o as e}from"./index-DJLrbf0F.js";import{n as a}from"./mui-DpJXlk4t.js";import{o as p}from"./commonDimensions-BDftm0gJ-DyUDFvZC.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new o.Error().stack;r&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[r]="a652441b-f5a3-4a38-8686-51c299092613",o._sentryDebugIdIdentifier="sentry-dbid-a652441b-f5a3-4a38-8686-51c299092613")}catch{}})();const m=(o,r)=>r===1?"roundedBox":o===0?"topRoundedBox":o===r-1?"bottomRoundedBox":"box";function g({content:o,boxType:r,isDisabled:d=!1,isNotClickable:t=!1}){const i=l();switch(r??"roundedBox"){case"topRoundedBox":return s.jsx(h,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("top-rounded-box",r),children:o});case"bottomRoundedBox":return s.jsx(u,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("bottom-rounded-box",r),children:o});case"box":return s.jsx(x,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("box",r),children:o});case"roundedBox":return s.jsx(n,{isDisabled:d,windowSize:i,hideCursor:t,"data-testid":b("rounded-box",r),children:o})}}const n=a.div`
+  box-sizing: border-box;
+  cursor: ${o=>o.isDisabled||o.hideCursor===!0?"default":"pointer"};
+  min-height: ${o=>p.transactionItemHeightResponsive.valuePx(o.windowSize)};
+  display: flex;
+  border: 1px solid;
+  border-radius: ${e.sp2};
+  background-color: ${o=>o.theme.colors.grey5};
+  border-color: ${o=>o.theme.colors.grey3};
+  color: ${o=>o.theme.colors.hero};
+  &:hover {
+    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};
+  }
+`,h=a(n)`
+  display: flex;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 0.5px;
+  border-left-width: 1px;
+
+  border-top-left-radius: ${e.sp2};
+  border-top-right-radius: ${e.sp2};
+  border-bottom-left-radius: ${e.sp0};
+  border-bottom-right-radius: ${e.sp0};
+  &:hover {
+    border-bottom-width: 1px;
+  }
+`,u=a(n)`
+  display: flex;
+  border-top-width: 0.5px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-top-left-radius: ${e.sp0};
+  border-top-right-radius: ${e.sp0};
+  border-bottom-left-radius: ${e.sp2};
+  border-bottom-right-radius: ${e.sp2};
+  &:hover {
+    border-top-width: 1px;
+  }
+`,x=a(n)`
+  display: flex;
+  border-radius: ${e.sp0};
+  border-top-width: 0.5px;
+  border-right-width: 1px;
+  border-bottom-width: 0.5px;
+  border-left-width: 1px;
+  &:hover {
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+  }
+`;export{m as $,g};

package/dist/assets/BusinessVerificationPage-Bj4D9bX2-BIO97DuN.js

@@ -0,0 +1,138 @@
+import{d as ct,q as dt,aN as Te,V as a,F as Oe,ad as W,a8 as mt,cP as ut,ax as pt,cB as ft,aV as ve,aM as Ie,g5 as yt,n as ht,bz as gt,aK as xt,cC as St,cm as wt,cn as bt,co as Ct,m as Dt,ab as Tt,aO as vt,o,y as L,al as Ve,g6 as It,ft as ke,eU as kt,D as $t,L as jt,ak as Fe,a as Nt,B as Pt,c as $}from"./index-DJLrbf0F.js";import{a as O}from"./core-CA3j8Axi.js";import{n as d}from"./mui-DpJXlk4t.js";import{EI as Lt,bi as G}from"./zeni-epic-state-CQt4n3Xe.js";import{S as Ot,s as Vt}from"./CompanyOfficerDetailsSection-DR_6TlQa-eD8A7jcO.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";import"./LabeledAddressValueField-CC7T3qZQ-m9gvzhHo.js";import"./LabeledCreatableSingleSelectField-DKD0oEl8-gq-eDRMt.js";import"./LabeledDocumentField-Dy3jwAiL-49YAoImC.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},T=new e.Error().stack;T&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[T]="ec6eb4ed-d7f3-4ac9-bff3-7a452ea9a0df",e._sentryDebugIdIdentifier="sentry-dbid-ec6eb4ed-d7f3-4ac9-bff3-7a452ea9a0df")}catch{}})();const x={width:new L(343,580,726),titleWidth:new L(343,580,726,826),subTitlePaddingTop:new L(12,$[3]),subTitlePaddingBottom:new L($[3],$[3]),verificationDetailsRowGap:new L(12,$[5],$[5]),termsPaddingLeftRight:new L($[0],$[3])},Ft={stepTitle:new Nt("h6Regular","h5Regular")},$e="businessVerificationPage",C="companyDetails",D="companyOfficerDetails",{commonSetUp:{businessVerification:i},common:{settings:_t,currency:je,footer:Ne,strings:{empty:Bt}}}=Oe.getLocalizedStrings(),xa=({businessVerificationDetails:e,allNationalityCountries:T,verficationDetailsFetchState:j,isRefreshingViewInBackground:_,filesEndPoint:r,authParams:B,productType:y,allIndustries:A,companyTitles:E,maxInsuredAmount:p,isDisabled:N,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,isTreasuryTransferInitiated:q=!1,transferDetails:z,onOverlayClose:te,onAddressClick:ae,onRegisteredAddressClick:Be,onBackClick:V,onGetOtp:Ae,onVerifyOtp:Ee,onResendOtp:ze,onSendForVerificationClick:Re,onEditFileName:ie,onCompanyDetailsChanged:Ue,updateFilesEntity:se,onDeleteFile:ne,onDeleteFileList:Me,onCompanyOfficerUpdated:We,saveNewAddressInLocalStore:re,onSaveDetailsClick:Ge,onClickMenuIcon:qe,onExecuteTreasuryTransfer:Ke})=>{const Qe=ct(),m=dt(),{updateStatus:R,companyView:F,companyDetailsLocalData:l,companyOfficerLocalData:w}=e,Xe=Te(R.fetchState),U=F?.company.company.featuresActivationInfo.connectedAccountProvider,Je=U==="unit"?a.jsxs(qt,{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,[Ye,K]=O.useState(!1),[M,oe]=O.useState("save"),[Q,Ze]=O.useState(!1),u=mt({mode:"all",reValidateMode:"onChange",defaultValues:At(e,A,E,T)}),{isValid:He}=u.formState,X=F?.company.company.companyBillPayInfo,J=F?.company.company.companyTreasuryInfo,P=y==="zeni_treasury"?J?.companyVerificationStatus:X?.companyVerificationStatus,v=Object.values(w).findIndex(t=>t?.isSelectedForVerification===!0),I=`Officer_${v<0?1:v+1}`,et=()=>{const t=w[I],s=t?.email,c=t?.birthday?.toString(),f=t?.ownershipInCompany,b=t?.firstName,k=t?.lastName,me=t?.titleAtCompany,ue=t?.documentTypeSelectedForVerification,pe=t?.phone,fe=t?.addressStatus?.addressToCreate,ye=fe!=null?G(fe):void 0,he=l?.companyDescription,H=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,be=ee?.firstName,Ce=ee?.lastName,De=ee?.email;s!=null&&f!=null&&b!=null&&k!=null&&c!=null&&me!=null&&pe!=null&&ye!=null&&ue!=null&&he!=null&&H!=null&&xe!=null&&Se!=null&&ge!=null&&H!=null&&we!=null&&be!=null&&Ce!=null&&De!=null&&g?.trackBusinessVerificationSend({email:s,birthday:c.toString(),companyOwnership:f,firstName:b,lastName:k,companyRole:me,phone:pe,formattedAddress:ye,documentTypeForVerification:ue},{companyDescription:he,legalName:H,phone:xe,website:Se.toString(),industry:ge,formattedAddress:we},{firstName:be,lastName:Ce,email:De},y,n?"Settings":void 0)},tt=()=>{const t=w[I],s=l?.primaryContactLocalData,c=t?.email??"",f=!!t?.firstName&&!!t?.lastName,b=s?.email??"",k=!!s?.firstName&&!!s?.lastName;return c&&!f?((!t?.firstName||!t?.lastName)&&u.trigger(`${D}.${v<0?0:v}.name`,{shouldFocus:!0}),!1):b&&!k?((!s?.firstName||!s?.lastName)&&u.trigger(`${C}.primaryContactName`,{shouldFocus:!0}),!1):!0},at=()=>{const t=w[I],s=l?.primaryContactLocalData,c=t?.email,f=s?.email;if(c){if(!f)return(s?.firstName||s?.lastName)&&u.trigger(`${C}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(t?.firstName||t?.lastName||t?.birthday||t?.nationalityCountryCode||t?.ownershipInCompany||t?.phone||t?.ssn||t?.titleAtCompany||t?.addressStatus?.addressToCreate||t?.fileIds!=null&&t?.fileIds.length>0||Y!=null&&Y?.length>0)return u.trigger(`${D}.${v<0?0:v}.email`,{shouldFocus:!0}),!1;return!0},it=u.handleSubmit(()=>{if(M!=="verification"&&oe("verification"),U==="unit"&&w[I]?.isPhoneVerified!==!0){u.setError(`${D}.${v}.phone`,{type:"custom"});return}const t=ut(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),s=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);Lt(t.concat(s)).fetchState!=="In-Progress"&&He&&(et(),Re?.(I),q===!0&&Ke?.())}),st=async(t,s)=>{t.includes(C)?Ue?.(s[C]):t.includes(D)&&We?.(s[D])},nt=O.useCallback(pt((t,s)=>{st(t,s)},300),[]);O.useEffect(()=>{const t=u.watch((s,{name:c})=>{c!=null&&s!=null&&ft(()=>nt(c,s))});return()=>{t.unsubscribe()}});const le=Te(e.companyDetailsLocalData?.addressStatus);O.useEffect(()=>{e.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&e.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&le==null&&(re?.("company_registered_address",e.companyDetailsLocalData?.addressStatus?.addressToCreate),u.setValue(`${C}.registeredAddress`,e.companyDetailsLocalData?.addressStatus?.addressToCreate))},[e.companyDetailsLocalData?.addressStatus,e.companyDetailsLocalData?.registeredAddressStatus,le,re,u]);const ce=F?.companyOfficers.slice(0,10).sort((t,s)=>t.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),Y=ce?.map(t=>t.user),rt=ce?.map(t=>t.role),ot={onOkClick:()=>{K(!1),V();const t=[],s=F?.company.company.incInfo.fileIds??[];u.getValues(`${C}.fileIds`).forEach(c=>{s.includes(c)||t.push(c)}),rt?.forEach((c,f)=>{const b=c?.fileIds??[];u.getValues(`${D}.${f}.fileIds`).forEach(k=>{b.includes(k)||t.push(k)})}),t.length!==0&&Me?.(t)},onCancelClick:()=>{K(!1)}},lt=ve(Ie(p),p,je.currencySymbol).toUpperCase(),Z=P?.code==="pending_review"||P?.code==="verified",de=(z?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&P?.code==="pending_review"&&Xe==="In-Progress"&&R.fetchState==="Completed"?a.jsxs(Ht,{children:[a.jsxs(ea,{children:[a.jsx(yt,{}),a.jsx(ta,{windowSize:m,children:q===!0?i.submittedTitleWithTransfer:i.submittedTitle}),a.jsx(Zt,{isReadonly:!1,children:q===!0?i.submittedDescriptionWithTransfer.replace("__amount__",ve(Ie(z?.treasuryTransferMoneyLocalData?.amount?.amount??0),z?.treasuryTransferMoneyLocalData?.amount?.amount??0,je.currencySymbol)).replace("__account__",z?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):i.submittedDescription})]}),a.jsx(ht,{label:i.submittedButton,onClick:()=>{V(),te?.()},variant:"primary"})]}):a.jsxs(Et,{isSettings:n,children:[a.jsx(gt,{title:h&&S===!0?Bt:i.header,backgroundColor:Qe.colors.grey5,style:{zIndex:Q?1:4},onBackClick:()=>{St(u.formState.dirtyFields)?K(!0):V()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:qe,rightSideComponent:h?a.jsx(aa,{"data-testid":xt("nav-bar-close-business-verification-overlay"),onClick:()=>{V(),te?.()}}):null,source:"BusinessVerificationPage"}),Ye===!0?a.jsx(wt,{titleComponent:a.jsx(Ct,{children:i.discardTitle}),descriptionComponent:a.jsx(bt,{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}),j==="In-Progress"||j==="Not-Started"?a.jsx(Mt,{children:a.jsx(Dt,{size:"ExtraLarge",start:!0})}):a.jsx(Tt,{...u,children:a.jsxs("form",{id:Pe($e),onSubmit:it,children:[h&&S===!0&&a.jsxs(zt,{children:[a.jsxs(Kt,{windowSize:m,children:[a.jsx(Qt,{windowSize:m,children:Z?i.businessVerificationDetails:de?i.verifyBusinessDetails:i.verifyBusinessDetailsWithoutTransfer}),!Z&&a.jsx(Xt,{children:a.jsxs(Jt,{children:[a.jsx(Le,{}),de&&a.jsx(Le,{}),a.jsx(Yt,{})]})})]}),a.jsx(_e,{isReadonly:Z,children:i.verifyBusinessDetailsDescription})]}),a.jsxs(Wt,{children:[a.jsx(Ot,{companyOfficerData:w,allNationalityCountries:T,allOfficers:Y??[],sectionId:D,isRefreshingViewInBackground:_,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:se,onEditFileName:ie,onOfficerAddressClick:ae,onDeleteFile:ne,isDisabled:N,filesEndPoint:r,authParams:B,isPopupOpen:Q,openPopup:Ze,onGetOtp:Ae,onVerifyOtp:Ee,onResendOtp:ze,companyTitles:E,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Vt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:P,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:C,isDisabled:P?.code==="pending_review"||P?.code==="verified"?"readonly":N,fileProps:{authParams:B,filesEndPoint:r,onEditFileName:ie,onDeleteFile:ne,updateFilesEntity:se},onCompanyAddressClick:ae,onRegisteredAddressClick:Be,connectedAccountProvider:U,allIndustries:A})]}),y==="zeni_accounts"?a.jsx(Gt,{windowSize:m,children:i.threadText.replace("__amount__",lt)}):null]})})]}),j==="Completed"&&(y==="zeni_treasury"?J?.companyVerificationStatus?.code!=="pending_review"&&J?.companyVerificationStatus?.code!=="verified":X?.businessVerificationStatus?.code!=="pending_review"&&X?.businessVerificationStatus?.code!=="verified")?a.jsx(vt,{formId:Pe($e),primaryBtn:{label:S?Ne.submit:i.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="verification"&&R.fetchState==="In-Progress",isDisabled:N!=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?Ne.back:i.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(S)V();else{const t=w[I],s=l?.primaryContactLocalData;M!=="save"&&oe("save");const c=t?.email??"",f=tt(),b=at();f&&b&&(g?.trackBusinessVerificationSave({email:c,birthday:t?.birthday?.toString(),companyOwnership:t?.ownershipInCompany,firstName:t?.firstName,lastName:t?.lastName,companyRole:t?.titleAtCompany,phone:t?.phone,formattedAddress:t?.addressStatus?.addressToCreate!=null?G(t?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:t?.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?.(I))}}},helperText:Je,style:{padding:`12px ${o.sp3}`,zIndex:Q?0:4}}):null]})},At=(e,T,j,_)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:B,companyView:y}=e,A=Oe.getLocalizedStrings().companyPassport,E=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[C]:{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:T?.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:A.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(i.sourceOfFundOptions)}},[D]:Object.values(B).map((p,N)=>{const n=p,h=It(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${N+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:j?.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:!E&&N===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},Pe=e=>`${e}_form`,Et=d.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  row-gap: ${o.sp3};
+  background-color: ${e=>e.isSettings?"unset":e.theme.colors.grey5};
+`,zt=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: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>x.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>x.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>x.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.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: ${e=>x.verificationDetailsRowGap.valuePx(e.windowSize)};
+`,Mt=d.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};
+`,Wt=d.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp11};
+`,Gt=d(Ve)`
+  margin-top: ${o.sp2};
+  padding: ${o.sp2} ${o.sp2};
+  text-align: center;
+  color: ${e=>e.theme.colors.grey1};
+  width: ${e=>x.width.valuePx(e.windowSize)};
+`,qt=d(Ve)`
+  text-align: center;
+  max-width: 750px;
+  color: ${e=>e.theme.colors.hero};
+`,Kt=d.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp3};
+  width: 100%;
+`,Qt=d(Pt)`
+  ${e=>`${Ft.stepTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: left;
+`,Xt=d.div`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  gap: ${o.sp2};
+`,Jt=d.div`
+  display: flex;
+  width: 100%;
+  gap: ${o.sp3};
+`,Le=d.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${o.sp2};
+`,Yt=d.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${e=>e.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: ${e=>e.theme.colors.primary};
+    animation: fillProgress 1s ease-in-out forwards;
+  }
+
+  @keyframes fillProgress {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(0%);
+    }
+  }
+`,_e=d(Fe)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>e.isReadonly?o.sp0:o.sp3};
+  white-space: pre-line;
+`,Zt=d(_e)`
+  margin-top: ${o.sp0};
+  text-align: center;
+`,Ht=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($t)`
+  color: ${e=>e.theme.colors.primary};
+  white-space: pre-line;
+  text-align: center;
+`,aa=d(jt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${o.sp4};
+  height: ${o.sp4};
+  min-height: ${o.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;export{xa as default,Pe as uniqueName};

package/dist/assets/CardNumberSubText-BYY-Inxd-BdlFsn4_.js

@@ -0,0 +1,21 @@
+import{q as m,F as y,V as r,b as w,a as b,o as t,B as x}from"./index-DJLrbf0F.js";import{n as o}from"./mui-DpJXlk4t.js";import{a as n}from"./core-CA3j8Axi.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="c7569306-4c15-4d8b-81f4-d3c14881e34f",e._sentryDebugIdIdentifier="sentry-dbid-c7569306-4c15-4d8b-81f4-d3c14881e34f")}catch{}})();const $=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.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:p,spendManagement:{chargeCard:a}}=y.getLocalizedStrings(),C={subText:new b("extraSmallRegular","standardRegular")},j=({cardDetail:e,forDetailPage:s,styles:l})=>{const g=m(),h=e.type.code.includes("credit")?a.chargeCardsPromo.credit:a.chargeCardsPromo.debit;let d=e.type.code.includes("physical")?a.cardList.physicalCard:a.cardList.virtualCard;const i=p.strings.space+a.cardDetails.expiryHideOut+p.strings.space+e.accountLast4,f=e.status.code==="request_on_hold"||!s?d:i,c=e.type.code.includes("physical");return r.jsxs(v,{style:l,windowSize:g,forDetailPage:s,className:"cardName",title:`${f}`,children:[h,r.jsx(H,{}),d,c&&!s?r.jsx(u,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!s?null:i,c&&s?r.jsx(u,{}):null]})},v=o(x)`
+  ${e=>e.forDetailPage?{...w.extraSmallRegular.cssObject}:`${C.subText.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  gap: ${t.sp1};
+`,H=o.span`
+  height: ${t.sp1};
+  width: ${t.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+  margin: ${t.sp0} ${t.sp1};
+`,u=o($)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${e=>e.theme.colors.hero};
+`;export{j};

package/dist/assets/{CashbackDetailPage-D3WylWVP-D9Vs2ft8.js → CashbackDetailPage-D9UiTqp9-zR6MfAmm.js}

@@ -1,4 +1,4 @@
-import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as i,p as B,y as h,ak as v,de as oe,d as l,aV as re,aL as T,bO as ae,aK as z,ag as $,jc as U,jd as X,iS as se,cv as ne,cy as de,al as O,iT as le,iU as ce}from"./index-Dm9r1f6s.js";import{n as o}from"./mui-DLNyBjYF.js";import{FK as b,bj as he}from"./zeni-epic-state-HWtMOH-U.js";import{S as R,a as V}from"./core-B-FNbYlu.js";import{q as pe}from"./InsightsSection-7-T67WeF-R1I0UTTj.js";import{B as me,C as ge,X as xe,Y as we,T as ue,b as ye,j as fe}from"./recharts-Cnl2EvUV.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./lexical-DPEnH3HH.js";import"./NavigationDots-BT-m0FmS-COkqBkfX.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(fe,{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,$e=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,ve=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(je,{children:t.jsx(ke,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(q,{children:W.month})," ",t.jsx(G,{children:b(n).format($e)})]}),t.jsxs(E,{children:[t.jsx(q,{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`
+import{d as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as H,bY as ie,o as i,p as B,y as h,ak as v,de as oe,c as l,aV as re,aL as T,bO as ae,aK as z,ag as $,jd as N,je as U,iT as se,cv as ne,cy as de,al as O,iU as le,iV as ce}from"./index-DJLrbf0F.js";import{n as o}from"./mui-DpJXlk4t.js";import{FZ as b,bj as he}from"./zeni-epic-state-CQt4n3Xe.js";import{S as R,a as K}from"./core-CA3j8Axi.js";import{q as pe}from"./InsightsSection-DvqCilqy-J94KiGaL.js";import{B as ge,C as me,X as xe,Y as we,T as ue,b as ye,j as fe}from"./recharts-BGdJnVo5.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./lexical-dZFDzIA1.js";import"./NavigationDots-BvKSgdgh-LQiuRx4x.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="ebac6548-51b9-439c-ad21-92fce9c6544f",e._sentryDebugIdIdentifier="sentry-dbid-ebac6548-51b9-439c-ad21-92fce9c6544f")}catch{}})();const be=({x:e,y:a,width:n,height:s,payload:r})=>{const c=k();return t.jsx(fe,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:a,width:n,height:s})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,$e=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,ve=({active:e,payload:a,label:n})=>e===!0&&(a?.[0].payload).showTooltip===!0?t.jsx(je,{children:t.jsx(ke,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(q,{children:W.month})," ",t.jsx(G,{children:b(n).format($e)})]}),t.jsxs(E,{children:[t.jsx(q,{children:W.cashback}),t.jsx(G,{children:T("0,0.[00]",{amount:a?.[0].value??0,currencyCode:(a?.[0].payload).currencyCode,currencySymbol:(a?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
   display: flex;
   gap: ${i.sp1};
 `,je=o.div`
@@ -20,11 +20,11 @@ import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as
 `,q=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,Se=R.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:Q}},common:{currency:I}}=w.getLocalizedStrings(),Le=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Ie,{width:n,height:a,children:t.jsx(J,{children:({height:c,width:p})=>t.jsxs(me,{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(ge,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(xe,{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(Ce)}),t.jsx(we,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>re("0,0.[00]a",m,e?.[0].currencySymbol??I.currencySymbol)}),t.jsx(ue,{cursor:t.jsx(be,{}),content:s}),t.jsx(ye,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function ze({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>b(c.period),"asc"),r=Me(a);return t.jsx(Le,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(Se,{active:c,payload:p,label:m}),width:s,height:n})}const Pe=e=>e.format(Q),Me=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??he().subtract(1,"M").format(Q);for(;s.length<12;){const r={amount:0,period:Pe(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},Ie=o.div`
+`,Se=R.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:X}},common:{currency:I}}=w.getLocalizedStrings(),Le=({chartData:e,customToolTipContent:a,width:n,height:s})=>{const r=k();return t.jsx(Ie,{width:n,height:s,children:t.jsx(H,{children:({height:c,width:p})=>t.jsxs(ge,{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(me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(xe,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:g=>b(g).format(Ce)}),t.jsx(we,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:g=>re("0,0.[00]a",g,e?.[0].currencySymbol??I.currencySymbol)}),t.jsx(ue,{cursor:t.jsx(be,{}),content:a}),t.jsx(ye,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function ze({cashbackByPeriod:e,width:a,height:n}){const s=oe(e,c=>b(c.period),"asc"),r=Me(s);return t.jsx(Le,{chartData:r,customToolTipContent:({active:c,payload:p,label:g})=>t.jsx(Se,{active:c,payload:p,label:g}),width:a,height:n})}const Pe=e=>e.format(X),Me=e=>{const a=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let s=n?.period??he().subtract(1,"M").format(X);for(;a.length<12;){const r={amount:0,period:Pe(b(s).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??I.currencyCode,currencySymbol:n?.currencySymbol??I.currencySymbol};a.push(r),s=r.period}return a},Ie=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],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(le,ce)};function Be({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 K=g;e.sortKey===d&&(K=g==="ascending"?"descending":"ascending"),s(d,K)},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),Y=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(A,{windowSize:a,children:[t.jsxs(Ye,{children:[t.jsx(Ve,{children:t.jsx(Ke,{})}),t.jsx(ae,{title:Y.sortBy,placeholder:Y.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(Ge,{onClick:()=>p(m.key,m.sortOrder),"data-testid":z("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(N,{})})]})]}):t.jsx(A,{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(Ee,{onClick:()=>p(d.key,d.sortOrder),"data-testid":z("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(N,{})})]}),t.jsx(We,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Re,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Te=R.memo(Be),A=o($)`
+`,Q=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:Q.month,sortOrder:"ascending",width:new h(50,50)},De={key:"cashback",value:Q.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[Fe,De],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(le,ce)};function Be({sortConfig:e,onColumnSortConfigChanged:a}){const n=k(),s=f(),[r,c]=K.useState(ee());K.useEffect(()=>{const d=[...r];for(const m of d)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,m)=>{let Y=m;e.sortKey===d&&(Y=m==="ascending"?"descending":"ascending"),a(d,Y)},g=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(m=>m.key===d)?.value??"",C=r.map(d=>d.key),V=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?t.jsxs(Z,{windowSize:s,children:[t.jsxs(Ve,{children:[t.jsx(Ke,{children:t.jsx(Ye,{})}),t.jsx(ae,{title:V.sortBy,placeholder:V.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(Ge,{onClick:()=>p(g.key,g.sortOrder),"data-testid":z("cashback-list-header-mobile",g.value),children:[t.jsx($,{children:g.value}),t.jsx(_,{sortDataValue:e.sortKey,headerdata:g,children:t.jsx(A,{})})]})]}):t.jsx(Z,{windowSize:s,children:r.map((d,m)=>t.jsxs(Oe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:m===r.length-1,windowSize:s,children:[t.jsxs(Ee,{onClick:()=>p(d.key,d.sortOrder),"data-testid":z("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(_,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(A,{})})]}),t.jsx(We,{sortDataValue:e.sortKey,windowSize:s,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Re,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Te=R.memo(Be),Z=o($)`
   top: ${i.sp0};
   left: ${i.sp0};
   min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
@@ -55,24 +55,24 @@ import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,H=o.div`
+`,_=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(ne)`
+`,A=o(ne)`
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: inherit;
-`,Ye=o.div`
+`,Ve=o.div`
   gap: ${i.sp1};
   display: flex;
-`,Ke=o(se)`
+`,Ye=o(se)`
   width: 12px;
   height: 12px;
   color: inherit;
-`,Ve=o.div`
+`,Ke=o.div`
   margin-right: ${i.sp1};
   display: flex;
   align-items: center;
@@ -94,18 +94,18 @@ import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as
   &: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:qe}},dateFormat:{visual:Ae}}=w.getLocalizedStrings(),He=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=U(e.period),p=X(c);return t.jsx(Ue,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Xe,{children:t.jsxs(Qe,{children:[t.jsx(_e,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:a,children:[b(e.period).format(Ae.MMMMYYYYFormat),p?t.jsxs(Ze,{children:[t.jsx(Je,{}),t.jsx(Ne,{children:qe.tillDate})]}):null]})}),t.jsx(tt,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(it,{windowSize:a,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ne=o(O)`
+`,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:qe}},dateFormat:{visual:Ze}}=w.getLocalizedStrings(),_e=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=f(),r=ee(),c=N(e.period),p=U(c);return t.jsx(Ne,{windowSize:s,isFirstItem:a,isLastItem:n,children:t.jsx(Ue,{children:t.jsxs(Xe,{children:[t.jsx(Qe,{windowSize:s,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:s,children:[b(e.period).format(Ze.MMMMYYYYFormat),p?t.jsxs(Je,{children:[t.jsx(He,{}),t.jsx(Ae,{children:qe.tillDate})]}):null]})}),t.jsx(tt,{windowSize:s,responsiveWidth:r[1].width,children:t.jsx(it,{windowSize:s,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ae=o(O)`
   color: ${e=>e.theme.colors.grey1};
-`,Ze=o.div`
+`,Je=o.div`
   display: flex;
   align-items: center;
-`,Je=o.div`
+`,He=o.div`
   height: ${i.sp1};
   width: ${i.sp1};
   margin-right: ${i.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Ue=o.div`
+`,Ne=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
@@ -125,15 +125,15 @@ import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as
   margin-left: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,Xe=o.div`
+`,Ue=o.div`
   display: block;
   width: 100%;
-`,Qe=o.div`
+`,Xe=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,_e=o.div`
+`,Qe=o.div`
   display: flex;
   flex-direction: column;
   column-gap: 12px;
@@ -175,7 +175,7 @@ import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as
   width: 100%;
   display: flex;
   justify-content: end;
-`,F={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:ot}},dateFormat:{visual:rt}}=w.getLocalizedStrings(),at=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=U(e.period),c=X(r);return t.jsx(lt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(ct,{children:t.jsxs(ht,{children:[t.jsx(mt,{children:t.jsxs(pt,{windowSize:a,children:[b(e.period).format(rt.MMMMYYYYFormat),c?t.jsxs(nt,{children:[t.jsx(dt,{}),t.jsx(st,{children:ot.tillDate})]}):null]})}),t.jsx(gt,{children:t.jsx(xt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},st=o(O)`
+`,F={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:ot}},dateFormat:{visual:rt}}=w.getLocalizedStrings(),at=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=f(),r=N(e.period),c=U(r);return t.jsx(lt,{windowSize:s,isFirstItem:a,isLastItem:n,children:t.jsx(ct,{children:t.jsxs(ht,{children:[t.jsx(gt,{children:t.jsxs(pt,{windowSize:s,children:[b(e.period).format(rt.MMMMYYYYFormat),c?t.jsxs(nt,{children:[t.jsx(dt,{}),t.jsx(st,{children:ot.tillDate})]}):null]})}),t.jsx(mt,{children:t.jsx(xt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},st=o(O)`
   color: ${e=>e.theme.colors.grey1};
 `,nt=o.div`
   display: flex;
@@ -223,16 +223,16 @@ import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as
   text-transform: capitalize;
   display: flex;
   gap: ${i.sp2};
-`,mt=o.div`
+`,gt=o.div`
   display: flex;
   flex-direction: row;
   gap: ${i.sp2};
-`,gt=o.div`
+`,mt=o.div`
   display: flex;
   flex-direction: column;
 `,xt=o(O)`
   color: ${e=>e.theme.colors.hero};
-`,Z={separatorMarginLeftRight:new h(l[3],l[8])},wt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(ft,{children:[t.jsx(Te,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(yt,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(ut,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},ut=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?at:He;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},yt=o.div``,ft=o.div`
+`,J={separatorMarginLeftRight:new h(l[3],l[8])},wt=({cashbackByPeriod:e,uiState:a,onColumnSortConfigChanged:n})=>{const s=f();return t.jsxs(ft,{children:[t.jsx(Te,{onColumnSortConfigChanged:n,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),t.jsx(yt,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(ut,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:s})]},r.period))})]})},ut=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=f()==="small"?at:_e;return t.jsx(s,{cashbackPeriod:e,isFirstItem:a,isLastItem:n})},yt=o.div``,ft=o.div`
   display: block;
   height: 100%;
 `,bt=o.div`
@@ -241,9 +241,9 @@ import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-  margin-left: ${e=>Z.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>Z.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,D={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Vt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(Ct,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs($t,{windowSize:m,children:[t.jsxs(vt,{windowSize:m,children:[t.jsxs(P,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(L,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(L,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.available}),t.jsx(L,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(jt,{children:t.jsx(J,{children:({height:S,width:C})=>t.jsx(ze,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(kt,{children:t.jsx(pe,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(St,{children:t.jsx(wt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},$t=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,Kt=({insightsData:e,cashbackByPeriod:a,uiState:n,cashbackSummary:s,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),g=f();return t.jsxs(Ct,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs($t,{windowSize:g,children:[t.jsxs(vt,{windowSize:g,children:[t.jsxs(P,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(L,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(L,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.available}),t.jsx(L,{amount:s.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(jt,{children:t.jsx(H,{children:({height:S,width:C})=>t.jsx(ze,{cashbackByPeriod:a,width:C,height:S})})}),t.jsx(kt,{children:t.jsx(pe,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(St,{children:t.jsx(wt,{cashbackByPeriod:a,uiState:n,onColumnSortConfigChanged:c})})]})},$t=o.div`
   position: relative;
   box-shadow: ${B.dropShadowNormalLight} 2px 2px ${i.sp1};
   background-color: ${e=>e.theme.colors.grey5};
@@ -282,4 +282,4 @@ import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as
   flex-direction: column;
   width: 100%;
   height: 100%;
-`;export{Vt as default};
+`;export{Kt as default};