@zeniai/web-cockpit-ui 1.15.7-qa → 1.15.8-dev

package/dist/assets/{BoxItem-Cmrt_yxF-DEJ8WZ3Y.js → BoxItem-CQn8-mlp-3WaKvXCN.js}

@@ -1,4 +1,4 @@
-import{q as l,V as s,aN as b,o as e}from"./index-DQZa93pl.js";import{n as a}from"./mui-CmeRX-VQ.js";import{o as p}from"./commonDimensions-CDU138wy-DgQLDeKn.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]="428834d0-a773-4229-85bf-7f28568e8522",o._sentryDebugIdIdentifier="sentry-dbid-428834d0-a773-4229-85bf-7f28568e8522")}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`
+import{J as l,V as s,aQ as b,o as e}from"./index-CRNmezJu.js";import{n as a}from"./mui-mhzAEcDs.js";import{o as p}from"./commonDimensions-C0X17W9N-BSrHO4N_.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]="92ec2ab8-dff8-4453-984d-a7f20991462c",o._sentryDebugIdIdentifier="sentry-dbid-92ec2ab8-dff8-4453-984d-a7f20991462c")}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)};

package/dist/assets/BusinessVerificationPage-Pj_43PYG-Bf2eq8Ab.js

@@ -0,0 +1,138 @@
+import{e as ct,J as dt,aR as Oe,V as s,ae as W,a9 as pt,cV as ut,az as mt,cF as ft,aZ as Te,aP as ve,g9 as yt,r as ht,bC as gt,aQ as xt,cG as St,cp as wt,cq as bt,cr as Ct,T as Dt,ac as Ot,aS as Tt,o as r,y as P,am as Fe,O as Ve,ga as vt,fx as Ie,eY as It,a as $t,x as kt,al as Le,F as Nt,M as jt,c as $}from"./index-CRNmezJu.js";import{a as F}from"./sentry-Dla7mstv.js";import{n as d}from"./mui-mhzAEcDs.js";import{EN as Pt,bi as G}from"./zeni-epic-state-CSmiPBaP.js";import{n as Ft,z as Vt}from"./CompanyOfficerDetailsSection-C2j4TNi_-D3zewiNv.js";import"./liveblocks-BKvkleJ3.js";import"./core-hVMF2uNa.js";import"./recharts-BErFcng5.js";import"./lottie-N_bekW9H.js";import"./analytics-g5EpLRud.js";import"./lexical-DYQnWL1V.js";import"./utils-D6NmQd1Q.js";import"./LabeledAddressValueField-D950JjHi-B7-ZxMwG.js";import"./LabeledCountryMultiSelectField-CzFImFhW-CGgJ4k83.js";import"./LabeledCreatableSingleSelectField-gJu9uvr7-DQ2Nsagb.js";import"./LabeledDocumentField-y5kqHnHe-CmBeTY2E.js";import"./LabeledMultiSelectField-CIuHS55z-0cjXFx_d.js";import"./commonTypes-BN7Uh_8W-pfbkHgmN.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]="531026a7-beb5-4852-a2c0-e00cd83090b0",e._sentryDebugIdIdentifier="sentry-dbid-531026a7-beb5-4852-a2c0-e00cd83090b0")}catch{}})();const x={width:new P(343,580,726),titleWidth:new P(343,580,726,826),subTitlePaddingTop:new P(12,$[3]),subTitlePaddingBottom:new P($[3],$[3]),verificationDetailsRowGap:new P(12,$[5],$[5]),termsPaddingLeftRight:new P($[0],$[3])},Lt={stepTitle:new Nt("h6Regular","h5Regular")},$e="businessVerificationPage",D="companyDetails",O="companyOfficerDetails",{commonSetUp:{businessVerification:a},common:{settings:At,currency:ke,footer:Ne,strings:{empty:_t}}}=Ve.getLocalizedStrings(),ba=({businessVerificationDetails:e,allNationalityCountries:S,verficationDetailsFetchState:k,isRefreshingViewInBackground:_,filesEndPoint:i,authParams:B,productType:y,allIndustries:V,companyTitles:E,maxInsuredAmount:u,isDisabled:N,isSettings:o=!1,isOverlay:h=!1,analytics:g,isStepInProgress:w=!1,isTreasuryTransferInitiated:q=!1,transferDetails:z,onOverlayClose:te,onAddressClick:ae,onRegisteredAddressClick:_e,onBackClick:L,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,onSendForVerificationClick:Re,onEditFileName:se,onCompanyDetailsChanged:Me,updateFilesEntity:ie,onDeleteFile:ne,onDeleteFileList:Ue,onCompanyOfficerUpdated:We,saveNewAddressInLocalStore:oe,onSaveDetailsClick:Ge,onClickMenuIcon:qe,onExecuteTreasuryTransfer:Je})=>{const Qe=ct(),p=dt(),{updateStatus:R,companyView:A,companyDetailsLocalData:l,companyOfficerLocalData:b}=e,Xe=Oe(R.fetchState),M=A?.company.company.featuresActivationInfo.connectedAccountProvider,Ye=M==="unit"?s.jsxs(qt,{children:[a.terms.term1,s.jsx(W,{href:a.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:a.terms.consent}),a.terms.term2,s.jsx(W,{href:a.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:a.terms.depositTerms}),a.terms.term3,s.jsx(W,{href:a.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:a.terms.privacy}),a.terms.term4,s.jsx(W,{href:a.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:a.terms.tos}),a.terms.term5]}):a.terms.termsForStripe,[Ze,J]=F.useState(!1),[U,re]=F.useState("save"),[Q,Ke]=F.useState(!1),m=pt({mode:"all",reValidateMode:"onChange",defaultValues:Bt(e,V,E,S)}),{isValid:He}=m.formState,X=A?.company.company.companyBillPayInfo,Y=A?.company.company.companyTreasuryInfo,j=y==="zeni_treasury"?Y?.companyVerificationStatus:X?.companyVerificationStatus,T=Object.values(b).findIndex(t=>t?.isSelectedForVerification===!0),v=`Officer_${T<0?1:T+1}`,et=()=>{const t=b[v],n=t?.email,c=t?.birthday?.toString(),f=t?.ownershipInCompany,C=t?.firstName,I=t?.lastName,pe=t?.titleAtCompany,ue=t?.documentTypeSelectedForVerification,me=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;n!=null&&f!=null&&C!=null&&I!=null&&c!=null&&pe!=null&&me!=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:n,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:I,companyRole:pe,phone:me,formattedAddress:ye,documentTypeForVerification:ue},{companyDescription:he,legalName:H,phone:xe,website:Se.toString(),industry:ge,formattedAddress:we},{firstName:be,lastName:Ce,email:De},y,o?"Settings":void 0)},tt=()=>{const t=b[v],n=l?.primaryContactLocalData,c=t?.email??"",f=!!t?.firstName&&!!t?.lastName,C=n?.email??"",I=!!n?.firstName&&!!n?.lastName;return c&&!f?((!t?.firstName||!t?.lastName)&&m.trigger(`${O}.${T<0?0:T}.name`,{shouldFocus:!0}),!1):C&&!I?((!n?.firstName||!n?.lastName)&&m.trigger(`${D}.primaryContactName`,{shouldFocus:!0}),!1):!0},at=()=>{const t=b[v],n=l?.primaryContactLocalData,c=t?.email,f=n?.email;if(c){if(!f)return(n?.firstName||n?.lastName)&&m.trigger(`${D}.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||Z!=null&&Z?.length>0)return m.trigger(`${O}.${T<0?0:T}.email`,{shouldFocus:!0}),!1;return!0},st=m.handleSubmit(()=>{if(U!=="verification"&&re("verification"),M==="unit"&&b[v]?.isPhoneVerified!==!0){m.setError(`${O}.${T}.phone`,{type:"custom"});return}const t=ut(Object.values(b).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),n=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);Pt(t.concat(n)).fetchState!=="In-Progress"&&He&&(et(),Re?.(v),q===!0&&Je?.())}),it=async(t,n)=>{t.includes(D)?Me?.(n[D]):t.includes(O)&&We?.(n[O])},nt=F.useCallback(mt((t,n)=>{it(t,n)},300),[]);F.useEffect(()=>{const t=m.watch((n,{name:c})=>{c!=null&&n!=null&&ft(()=>nt(c,n))});return()=>{t.unsubscribe()}});const le=Oe(e.companyDetailsLocalData?.addressStatus);F.useEffect(()=>{e.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&e.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&le==null&&(oe?.("company_registered_address",e.companyDetailsLocalData?.addressStatus?.addressToCreate),m.setValue(`${D}.registeredAddress`,e.companyDetailsLocalData?.addressStatus?.addressToCreate))},[e.companyDetailsLocalData?.addressStatus,e.companyDetailsLocalData?.registeredAddressStatus,le,oe,m]);const ce=A?.companyOfficers.slice(0,10).sort((t,n)=>t.user.createTime?.isAfter(n.user.createTime)===!0?1:-1),Z=ce?.map(t=>t.user),ot=ce?.map(t=>t.role),rt={onOkClick:()=>{J(!1),L();const t=[],n=A?.company.company.incInfo.fileIds??[];m.getValues(`${D}.fileIds`).forEach(c=>{n.includes(c)||t.push(c)}),ot?.forEach((c,f)=>{const C=c?.fileIds??[];m.getValues(`${O}.${f}.fileIds`).forEach(I=>{C.includes(I)||t.push(I)})}),t.length!==0&&Ue?.(t)},onCancelClick:()=>{J(!1)}},lt=Te(ve(u),u,ke.currencySymbol).toUpperCase(),K=j?.code==="pending_review"||j?.code==="verified",de=(z?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&j?.code==="pending_review"&&Xe==="In-Progress"&&R.fetchState==="Completed"?s.jsxs(Ht,{children:[s.jsxs(ea,{children:[s.jsx(yt,{}),s.jsx(ta,{windowSize:p,children:q===!0?a.submittedTitleWithTransfer:a.submittedTitle}),s.jsx(Kt,{isReadonly:!1,children:q===!0?a.submittedDescriptionWithTransfer.replace("__amount__",Te(ve(z?.treasuryTransferMoneyLocalData?.amount?.amount??0),z?.treasuryTransferMoneyLocalData?.amount?.amount??0,ke.currencySymbol)).replace("__account__",z?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):a.submittedDescription})]}),s.jsx(ht,{label:a.submittedButton,onClick:()=>{L(),te?.()},variant:"primary"})]}):s.jsxs(Et,{isSettings:o,children:[s.jsx(gt,{title:h&&w===!0?_t:a.header,backgroundColor:Qe.colors.grey5,style:{zIndex:Q?1:4},onBackClick:()=>{St(m.formState.dirtyFields)?J(!0):L()},showBackButton:!o&&!h,showMenuIcon:o?p==="medium-compact"||p==="small":!1,onClickMenuIcon:qe,rightSideComponent:h?s.jsx(aa,{"data-testid":xt("nav-bar-close-business-verification-overlay"),onClick:()=>{L(),te?.()}}):null,source:"BusinessVerificationPage"}),Ze===!0?s.jsx(wt,{titleComponent:s.jsx(Ct,{children:a.discardTitle}),descriptionComponent:s.jsx(bt,{children:a.discardDescription}),primaryButtonText:a.discard,secondaryButtonText:a.cancel,action:rt}):null,s.jsxs(Mt,{windowSize:p,children:[(!h||w===!1)&&s.jsx(Rt,{windowSize:p,children:o?At.infoText.businessVerification:a.title}),k==="In-Progress"||k==="Not-Started"?s.jsx(Ut,{children:s.jsx(Dt,{size:"ExtraLarge",start:!0})}):s.jsx(Ot,{...m,children:s.jsxs("form",{id:je($e),onSubmit:st,children:[h&&w===!0&&s.jsxs(zt,{children:[s.jsxs(Jt,{windowSize:p,children:[s.jsx(Qt,{windowSize:p,children:K?a.businessVerificationDetails:de?a.verifyBusinessDetails:a.verifyBusinessDetailsWithoutTransfer}),!K&&s.jsx(Xt,{children:s.jsxs(Yt,{children:[s.jsx(Pe,{}),de&&s.jsx(Pe,{}),s.jsx(Zt,{})]})})]}),s.jsx(Ae,{isReadonly:K,children:a.verifyBusinessDetailsDescription})]}),s.jsxs(Wt,{children:[s.jsx(Ft,{companyOfficerData:b,allNationalityCountries:S,allOfficers:Z??[],sectionId:O,isRefreshingViewInBackground:_,connectedAccountProvider:M,productType:"business_verification",updateFilesEntity:ie,onEditFileName:se,onOfficerAddressClick:ae,onDeleteFile:ne,isDisabled:N,filesEndPoint:i,authParams:B,isPopupOpen:Q,openPopup:Ke,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,companyTitles:E,isForTreasury:y==="zeni_treasury",isOverlay:h}),s.jsx(Vt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:j,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:D,isDisabled:j?.code==="pending_review"||j?.code==="verified"?"readonly":N,fileProps:{authParams:B,filesEndPoint:i,onEditFileName:se,onDeleteFile:ne,updateFilesEntity:ie},onCompanyAddressClick:ae,onRegisteredAddressClick:_e,connectedAccountProvider:M,allIndustries:V,allNationalityCountries:S})]}),y==="zeni_accounts"?s.jsx(Gt,{windowSize:p,children:a.threadText.replace("__amount__",lt)}):null]})})]}),k==="Completed"&&(y==="zeni_treasury"?Y?.companyVerificationStatus?.code!=="pending_review"&&Y?.companyVerificationStatus?.code!=="verified":X?.businessVerificationStatus?.code!=="pending_review"&&X?.businessVerificationStatus?.code!=="verified")?s.jsx(Tt,{formId:je($e),primaryBtn:{label:w?Ne.submit:a.sendForVerificationButton,style:{width:"auto",minWidth:p==="small"?"auto":w?"83px":"181px"},isLoading:U==="verification"&&R.fetchState==="In-Progress",isDisabled:N!=null},containerStyle:{width:p==="small"?x.width.valuePx(p):"auto",justifyContent:p==="small"?"space-between":"center"},helperStyle:{width:p==="small"?x.width.valuePx(p):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(p),paddingRight:x.termsPaddingLeftRight.valuePx(p),textAlign:p==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:w?Ne.back:a.saveDetailsButton,style:{width:p==="small"?"auto":w?"83px":"181px"},isLoading:U==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(w)L();else{const t=b[v],n=l?.primaryContactLocalData;U!=="save"&&re("save");const c=t?.email??"",f=tt(),C=at();f&&C&&(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:n?.firstName,lastName:n?.lastName,email:n?.email},y,o?"Settings":void 0),Ge?.(v))}}},helperText:Ye,style:{padding:`12px ${r.sp3}`,zIndex:Q?0:4}}):null]})},Bt=(e,S,k,_)=>{const{companyDetailsLocalData:i,companyOfficerLocalData:B,companyView:y}=e,V=Ve.getLocalizedStrings().companyPassport,E=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[D]:{companyDescription:i?.companyDescription??"",ein:i?.companyFiles.find(u=>u.documentType==="tax_ein"),companyId:i?.companyId??"",syncToken:i?.syncToken,companyLegalName:i?.companyLegalName??"",companyWebsite:i?.website?.toString()??"",companyAddress:i?.addressStatus?.addressToCreate,registeredAddress:i?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:i?.companyIndustry,allOptions:S?.map(u=>u.code)},companyPhone:i?.phone??"",companyTaxId:i?.taxIdOrEIN??"",primaryContactName:{firstName:i?.primaryContactLocalData?.firstName??"",lastName:i?.primaryContactLocalData?.lastName??""},primaryContactEmail:i?.primaryContactLocalData?.email??"",primaryContactUserId:i?.primaryContactLocalData?.userId,primaryContactSyncToken:i?.primaryContactLocalData?.syncToken,fileIds:i?.companyFiles.map(u=>u.fileId)??[],certificateOfIncorporation:i?.companyFiles.find(u=>u.documentType==="certificate_of_incorporation"),incDate:i?.incDate?.toDate(),typeOfIncorporation:{selectedOption:i?.typeOfIncorporation,allOptions:V.companyIncInfo.allTypesOfIncorporation},stateOfIncorporation:{selectedOption:i?.stateOfIncorporation,allOptions:V.companyIncInfo.allStatesOfIncorporation},sourceOfFunds:{selectedOption:i?.sourceOfFunds??"",allOptions:Object.keys(a.sourceOfFundOptions)},companySourceOfFunds:{selectedOption:i?.companySourceOfFunds??"",allOptions:Object.keys(a.companySourceOfFundOptions??{})},companySourceOfFundsDescription:i?.companySourceOfFundsDescription??"",transactionVolume:{selectedOption:i?.transactionVolume,allOptions:Object.keys(a.transactionVolumeOptions??{})},transactionVolumeDescription:i?.transactionVolumeDescription??"",purposeOfAccount:{selectedOption:i?.purposeOfAccount,allOptions:Object.keys(a.purposeOfAccountOptions??{})},purposeOfAccountDescription:i?.purposeOfAccountDescription??"",usNexus:i?.usNexus??"",usNexusTypes:{selectedOptions:(i?.usNexusTypes??[]).map(u=>a.usNexusOptions?.[u]??u),allOptions:Object.values(a.usNexusOptions??{})},regulatedStatus:i?.regulatedStatus??"",regulatedStatusDescription:i?.regulatedStatusDescription??""},[O]:Object.values(B).map((u,N)=>{const o=u,h=vt(o?.documentTypeSelectedForVerification);return{userId:o?.userId,officerType:o?.officerType??`Officer_${N+1}`,name:{firstName:o?.firstName,lastName:o?.lastName},email:o?.email,fileIds:o?.fileIds??[],dob:o?.birthday?.toDate(),nationalityCountryCode:It(o?.nationalityCountryCode,_.map(g=>g.countryCode)),ssn:o?.ssn,role:{selectedOption:o?.titleAtCompany,allOptions:k?.map(g=>g.code)},phone:o?.phone??"",ownership:o?.ownershipInCompany,officerAddress:o?.addressStatus?.addressToCreate,selectDocument:{front:Ie(!0,o?.userFiles??[],h),back:Ie(!1,o?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!E&&N===0?!0:o?.isSelectedForVerification??!1,userVerificationStatus:o?.userVerificationStatus,treasuryUserVerificationStatus:o?.treasuryUserVerificationStatus,syncToken:o?.syncToken,isPhoneVerified:o?.isPhoneVerified,otpChallenge:o?.otpChallenge}})}},je=e=>`${e}_form`,Et=d.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  row-gap: ${r.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: ${r.sp1};
+  width: 100%;
+  padding-bottom: ${r.sp3};
+`,Rt=d(Le)`
+  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"};
+`,Mt=d.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: ${r.sp9};
+  row-gap: ${e=>x.verificationDetailsRowGap.valuePx(e.windowSize)};
+`,Ut=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: ${r.sp11};
+`,Gt=d(Fe)`
+  margin-top: ${r.sp2};
+  padding: ${r.sp2} ${r.sp2};
+  text-align: center;
+  color: ${e=>e.theme.colors.grey1};
+  width: ${e=>x.width.valuePx(e.windowSize)};
+`,qt=d(Fe)`
+  text-align: center;
+  max-width: 750px;
+  color: ${e=>e.theme.colors.hero};
+`,Jt=d.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${r.sp3};
+  width: 100%;
+`,Qt=d(jt)`
+  ${e=>`${Lt.stepTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: left;
+`,Xt=d.div`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  gap: ${r.sp2};
+`,Yt=d.div`
+  display: flex;
+  width: 100%;
+  gap: ${r.sp3};
+`,Pe=d.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${r.sp2};
+`,Zt=d.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: ${r.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%);
+    }
+  }
+`,Ae=d(Le)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>e.isReadonly?r.sp0:r.sp3};
+  white-space: pre-line;
+`,Kt=d(Ae)`
+  margin-top: ${r.sp0};
+  text-align: center;
+`,Ht=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${r.sp5};
+  margin: auto;
+`,ea=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${r.sp3};
+`,ta=d($t)`
+  color: ${e=>e.theme.colors.primary};
+  white-space: pre-line;
+  text-align: center;
+`,aa=d(kt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${r.sp4};
+  height: ${r.sp4};
+  min-height: ${r.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;export{ba as default,je as uniqueName};

package/dist/assets/{CardNumberSubText-B6Fprh6S--yVD-Bee.js → CardNumberSubText-2Tw37MOu-DLENhMmY.js}

@@ -1,5 +1,5 @@
-import{q as f,V as r,F as y,b as w,o as a,M as b,a as x}from"./index-DQZa93pl.js";import{n as o}from"./mui-CmeRX-VQ.js";import{a as c}from"./sentry-BNP8a0zR.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]="3503917e-4845-48d4-9bde-153d4e735a19",e._sentryDebugIdIdentifier="sentry-dbid-3503917e-4845-48d4-9bde-153d4e735a19")}catch{}})();const $=e=>c.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.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:t}}=y.getLocalizedStrings(),C={subText:new b("extraSmallRegular","standardRegular")},M=({cardDetail:e,forDetailPage:s,styles:l})=>{const g=f(),h=e.type.code.includes("credit")?t.chargeCardsPromo.credit:t.chargeCardsPromo.debit;let d=e.type.code.includes("physical")?t.cardList.physicalCard:t.cardList.virtualCard;const i=p.strings.space+t.cardDetails.expiryHideOut+p.strings.space+e.accountLast4,m=e.status.code==="request_on_hold"||!s?d:i,n=e.type.code.includes("physical");return r.jsxs(v,{style:l,windowSize:g,forDetailPage:s,className:"cardName",title:`${m}`,children:[h,r.jsx(H,{}),d,n&&!s?r.jsx(u,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!s?null:i,n&&s?r.jsx(u,{}):null]})},v=o(x)`
-  ${e=>e.forDetailPage?{...w.extraSmallRegular.cssObject}:`${C.subText.style(e.windowSize)}`};
+import{J as f,V as r,O as m,b as y,o as t,F as w,M as x}from"./index-CRNmezJu.js";import{n as o}from"./mui-mhzAEcDs.js";import{a as c}from"./sentry-Dla7mstv.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]="211dc039-ac1e-441b-9653-33fb628b9ebb",e._sentryDebugIdIdentifier="sentry-dbid-211dc039-ac1e-441b-9653-33fb628b9ebb")}catch{}})();const $=e=>c.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.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}}=m.getLocalizedStrings(),C={subText:new w("extraSmallRegular","standardRegular")},j=({cardDetail:e,forDetailPage:s,styles:l})=>{const g=f(),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,b=e.status.code==="request_on_hold"||!s?d:i,n=e.type.code.includes("physical");return r.jsxs(v,{style:l,windowSize:g,forDetailPage:s,className:"cardName",title:`${b}`,children:[h,r.jsx(H,{}),d,n&&!s?r.jsx(u,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!s?null:i,n&&s?r.jsx(u,{}):null]})},v=o(x)`
+  ${e=>e.forDetailPage?{...y.extraSmallRegular.cssObject}:`${C.subText.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -7,15 +7,15 @@ import{q as f,V as r,F as y,b as w,o as a,M as b,a as x}from"./index-DQZa93pl.js
   white-space: nowrap;
   display: flex;
   align-items: center;
-  gap: ${a.sp1};
+  gap: ${t.sp1};
 `,H=o.span`
-  height: ${a.sp1};
-  width: ${a.sp1};
+  height: ${t.sp1};
+  width: ${t.sp1};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-  margin: ${a.sp0} ${a.sp1};
+  margin: ${t.sp0} ${t.sp1};
 `,u=o($)`
-  width: ${a.sp3};
-  height: ${a.sp3};
+  width: ${t.sp3};
+  height: ${t.sp3};
   color: ${e=>e.theme.colors.hero};
-`;export{M as j};
+`;export{j};

package/dist/assets/{CashbackDetailPage-CWExYaIT-gCsfihki.js → CashbackDetailPage-BPGA9iT0-BE7Kx4cM.js}

@@ -1,11 +1,11 @@
-import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F as w,p as B,y as h,al as v,df as oe,d as l,aW as re,aL as T,bP as ae,ai as $,aN as z,jd as Q,je as U,iU as se,cw as ne,cz as de,am as O,iV as le,iW as ce}from"./index-DQZa93pl.js";import{n as o}from"./mui-CmeRX-VQ.js";import{G4 as b,bh as he}from"./zeni-epic-state-Dg9gbL0X.js";import{S as R,a as Y}from"./sentry-BNP8a0zR.js";import{q as pe}from"./InsightsSection-Drr3r1BL-C9c9bqpC.js";import{H as ge,I as me,X as xe,Y as we,J as ue,K as ye,V as fe}from"./recharts-CJ6qqxTN.js";import"./liveblocks-5qJQL8gF.js";import"./core-Do2fm07V.js";import"./lottie--QmfecC7.js";import"./analytics-BBRM4OiD.js";import"./lexical-DSAIO3Yn.js";import"./utils-e2QIiaj6.js";import"./NavigationDots-C_N16I15-BceewdOj.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]="0b68c185-7409-4d16-916e-4a20ebdc0af9",e._sentryDebugIdIdentifier="sentry-dbid-0b68c185-7409-4d16-916e-4a20ebdc0af9")}catch{}})();const be=({x:e,y:a,width:n,height:s,payload:r})=>{const c=j();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(ke,{children:t.jsx(je,{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`
+import{e as k,J as b,V as t,bC as te,fg as z,b as u,b4 as N,b$ as ie,o as i,O as w,p as B,y as h,al as v,dh as oe,c as l,aZ as re,aO as O,bR as ae,ai as $,aQ as L,jh as Z,ji as Q,iZ as se,cz as ne,cC as de,am as T,i_ as le,i$ as ce}from"./index-CRNmezJu.js";import{n as o}from"./mui-mhzAEcDs.js";import{G4 as f,bh as he}from"./zeni-epic-state-CSmiPBaP.js";import{S as R,a as V}from"./sentry-Dla7mstv.js";import{q as pe}from"./InsightsSection-CdlmvyOs-DmXLU_Lu.js";import{H as ge,I as me,X as xe,Y as we,J as ue,K as ye,V as be}from"./recharts-BErFcng5.js";import"./liveblocks-BKvkleJ3.js";import"./core-hVMF2uNa.js";import"./lottie-N_bekW9H.js";import"./analytics-g5EpLRud.js";import"./lexical-DYQnWL1V.js";import"./utils-D6NmQd1Q.js";import"./NavigationDots-CLd0nZZT-DkTweDHl.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]="7a1232a7-ed74-4256-9cbb-38e077e13bf1",e._sentryDebugIdIdentifier="sentry-dbid-7a1232a7-ed74-4256-9cbb-38e077e13bf1")}catch{}})();const fe=({x:e,y:a,width:n,height:s,payload:r})=>{const c=k();return t.jsx(be,{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})},E=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(W,{children:[t.jsx(_,{children:E.month})," ",t.jsx(G,{children:f(n).format($e)})]}),t.jsxs(W,{children:[t.jsx(_,{children:E.cashback}),t.jsx(G,{children:O("0,0.[00]",{amount:a?.[0].value??0,currencyCode:(a?.[0].payload).currencyCode,currencySymbol:(a?.[0].payload).currencySymbol})})]})]})})}):null,W=o.div`
   display: flex;
   gap: ${i.sp1};
-`,ke=o.div`
+`,je=o.div`
   display: flex;
   position: relative;
   left: 11px;
-`,je=o.div`
+`,ke=o.div`
   flex: display;
   opacity: 0.85;
   border-radius: ${i.sp1};
@@ -17,14 +17,14 @@ import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F as
   min-width: ${i.sp8};
   display: flex;
   justify-content: flex-end;
-`,q=o($)`
+`,_=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,Se=R.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:X}},common:{currency:M}}=w.getLocalizedStrings(),Le=({chartData:e,customToolTipContent:a,width:n,height:s})=>{const r=j();return t.jsx(Me,{width:n,height:s,children:t.jsx(J,{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??M.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=Ie(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),Ie=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??M.currencyCode,currencySymbol:n?.currencySymbol??M.currencySymbol};a.push(r),s=r.period}return a},Me=o.div`
+`,Se=R.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:U}},common:{currency:I}}=w.getLocalizedStrings(),ze=({chartData:e,customToolTipContent:a,width:n,height:s})=>{const r=k();return t.jsx(Ie,{width:n,height:s,children:t.jsx(N,{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=>f(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(fe,{}),content:a}),t.jsx(ye,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Le({cashbackByPeriod:e,width:a,height:n}){const s=oe(e,c=>f(c.period),"asc"),r=Me(s);return t.jsx(ze,{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(U),Me=e=>{const a=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let s=n?.period??he().subtract(1,"M").format(U);for(;a.length<12;){const r={amount:0,period:Pe(f(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};
-`,Z=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,De={key:"month",value:Z.month,sortOrder:"ascending",width:new h(50,50)},Fe={key:"cashback",value:Z.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[De,Fe],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=j(),s=f(),[r,c]=Y.useState(ee());Y.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 K=m;e.sortKey===d&&(K=m==="ascending"?"descending":"ascending"),a(d,K)},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(A,{windowSize:s,children:[t.jsxs(Ve,{children:[t.jsx(Ye,{children:t.jsx(Ke,{})}),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(N,{sortDataValue:e.sortKey,headerdata:g,children:t.jsx(_,{})})]})]}):t.jsx(A,{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(N,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(_,{})})]}),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),A=o($)`
+`,X=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,De={key:"month",value:X.month,sortOrder:"ascending",width:new h(50,50)},Fe={key:"cashback",value:X.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[De,Fe],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=b(),[r,c]=V.useState(ee());V.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),K=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?t.jsxs(A,{windowSize:s,children:[t.jsxs(Ke,{children:[t.jsx(Ve,{children:t.jsx(Ye,{})}),t.jsx(ae,{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(Ge,{onClick:()=>p(g.key,g.sortOrder),"data-testid":L("cashback-list-header-mobile",g.value),children:[t.jsx($,{children:g.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:g,children:t.jsx(J,{})})]})]}):t.jsx(A,{windowSize:s,children:r.map((d,m)=>t.jsxs(Te,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:m===r.length-1,windowSize:s,children:[t.jsxs(We,{onClick:()=>p(d.key,d.sortOrder),"data-testid":L("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(J,{})})]}),t.jsx(Ee,{sortDataValue:e.sortKey,windowSize:s,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Re,{onClick:()=>p("month","ascending"),"data-testid":L("cashback-list-close-sort",d.key)})})]},d.key))})}const Oe=R.memo(Be),A=o($)`
   top: ${i.sp0};
   left: ${i.sp0};
   min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
@@ -38,7 +38,7 @@ import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F as
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
-`,Oe=o.div`
+`,Te=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)};
@@ -55,32 +55,32 @@ import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F as
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,N=o.div`
+`,H=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"}
-`,_=o(ne)`
+`,J=o(ne)`
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: inherit;
-`,Ve=o.div`
+`,Ke=o.div`
   gap: ${i.sp1};
   display: flex;
-`,Ke=o(se)`
+`,Ye=o(se)`
   width: 12px;
   height: 12px;
   color: inherit;
-`,Ye=o.div`
+`,Ve=o.div`
   margin-right: ${i.sp1};
   display: flex;
   align-items: center;
-`,We=o.div`
+`,Ee=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,Ee=o.div`
+`,We=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
@@ -94,18 +94,18 @@ import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F 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(),Ne=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=f(),r=ee(),c=Q(e.period),p=U(c);return t.jsx(Qe,{windowSize:s,isFirstItem:a,isLastItem:n,children:t.jsx(Ue,{children:t.jsxs(Xe,{children:[t.jsx(Ze,{windowSize:s,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:s,children:[b(e.period).format(Ae.MMMMYYYYFormat),p?t.jsxs(He,{children:[t.jsx(Je,{}),t.jsx(_e,{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})})})]})})})},_e=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:_e}},dateFormat:{visual:Ae}}=w.getLocalizedStrings(),He=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=b(),r=ee(),c=Z(e.period),p=Q(c);return t.jsx(Ze,{windowSize:s,isFirstItem:a,isLastItem:n,children:t.jsx(Qe,{children:t.jsxs(Ue,{children:[t.jsx(Xe,{windowSize:s,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:s,children:[f(e.period).format(Ae.MMMMYYYYFormat),p?t.jsxs(qe,{children:[t.jsx(Ne,{}),t.jsx(Je,{children:_e.tillDate})]}):null]})}),t.jsx(tt,{windowSize:s,responsiveWidth:r[1].width,children:t.jsx(it,{windowSize:s,children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Je=o(T)`
   color: ${e=>e.theme.colors.grey1};
-`,He=o.div`
+`,qe=o.div`
   display: flex;
   align-items: center;
-`,Je=o.div`
+`,Ne=o.div`
   height: ${i.sp1};
   width: ${i.sp1};
   margin-right: ${i.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Qe=o.div`
+`,Ze=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 j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F as
   margin-left: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,Ue=o.div`
+`,Qe=o.div`
   display: block;
   width: 100%;
-`,Xe=o.div`
+`,Ue=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,Ze=o.div`
+`,Xe=o.div`
   display: flex;
   flex-direction: column;
   column-gap: 12px;
@@ -175,7 +175,7 @@ import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F 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:ot}},dateFormat:{visual:rt}}=w.getLocalizedStrings(),at=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=f(),r=Q(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)`
+`,D={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=b(),r=Z(e.period),c=Q(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:[f(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:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},st=o(T)`
   color: ${e=>e.theme.colors.grey1};
 `,nt=o.div`
   display: flex;
@@ -230,20 +230,20 @@ import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F as
 `,mt=o.div`
   display: flex;
   flex-direction: column;
-`,xt=o(O)`
+`,xt=o(T)`
   color: ${e=>e.theme.colors.hero};
-`,H={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:Ne;return t.jsx(s,{cashbackPeriod:e,isFirstItem:a,isLastItem:n})},yt=o.div``,ft=o.div`
+`,q={separatorMarginLeftRight:new h(l[3],l[8])},wt=({cashbackByPeriod:e,uiState:a,onColumnSortConfigChanged:n})=>{const s=b();return t.jsxs(bt,{children:[t.jsx(Oe,{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(ft,{windowSize:s})]},r.period))})]})},ut=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=b()==="small"?at:He;return t.jsx(s,{cashbackPeriod:e,isFirstItem:a,isLastItem:n})},yt=o.div``,bt=o.div`
   display: block;
   height: 100%;
-`,bt=o.div`
+`,ft=o.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-  margin-left: ${e=>H.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>H.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,F={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},k=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Yt=({insightsData:e,cashbackByPeriod:a,uiState:n,cashbackSummary:s,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=j(),g=f();return t.jsxs(Ct,{children:[t.jsx(te,{title:k.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(I,{children:k.totalEarned}),t.jsx(L,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(I,{children:k.redeemed}),t.jsx(L,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(I,{children:k.available}),t.jsx(L,{amount:s.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(kt,{children:t.jsx(J,{children:({height:S,width:C})=>t.jsx(ze,{cashbackByPeriod:a,width:C,height:S})})}),t.jsx(jt,{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`
+  margin-left: ${e=>q.separatorMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>q.separatorMarginLeftRight.valuePx(e.windowSize)};
+`,F={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Vt=({insightsData:e,cashbackByPeriod:a,uiState:n,cashbackSummary:s,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),g=b();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(z,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(z,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.available}),t.jsx(z,{amount:s.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(jt,{children:t.jsx(N,{children:({height:S,width:C})=>t.jsx(Le,{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};
@@ -254,7 +254,7 @@ import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F as
   display: flex;
   flex-direction: column;
   align-items: center;
-`,I=o(v)`
+`,M=o(v)`
   display: flex;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
@@ -263,13 +263,13 @@ import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F as
   gap: ${e=>F.cashbackSummaryContainerGap.valuePx(e.windowSize)};
   justify-content: center;
   margin-top: ${i.sp3};
-`,kt=o.div`
+`,jt=o.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   height: 242px;
   margin: ${i.sp5} ${i.sp0};
-`,jt=o.div`
+`,kt=o.div`
   margin-bottom: ${i.sp5};
 `,St=o.div`
   background-color: ${e=>e.theme.colors.grey4};
@@ -282,4 +282,4 @@ import{e as j,q as f,V as t,bA as te,fd as L,b as u,b2 as J,bZ as ie,o as i,F as
   flex-direction: column;
   width: 100%;
   height: 100%;
-`;export{Yt as default};
+`;export{Vt as default};