@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/BusinessVerificationPage-D05hRyo1-BMUS-iMK.js

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

package/dist/assets/BusinessVerificationPageScreen-DfGLG3SR.js

@@ -0,0 +1,9 @@
+import{j as k}from"./pdf-BNA4Ou8X.js";import{a as A}from"./sentry-tRTnR5ia.js";import{j as ae,h as ne,i as se,l as oe,u as V,N as ie,k as re}from"./core-ADrPabGT.js";import{t as ce,aE as ue,y as de,aF as le,je as E,bc as pe,jl as B,k3 as x,jC as me,G as z,l5 as fe,kg as ye,jA as j,ej as R}from"./index-DorX0WX8.js";import{Ka as Se,cs as G,nT as ge,CK as Ie,td as he,vY as be,yv as Oe,z9 as Te,A2 as ke,Kx as Ce,Ky as De,Kz as Ve,KA as Ae,KB as we,H3 as Ne,Jy as _e,Hf as ve,hq as Fe,di as xe,dh as ze,dg as Ee,l_ as Be,lR as je,lO as Re,hi as Pe,o0 as Me,n_ as P,bG as M,oc as U,bJ as Ue}from"./zeni-epic-state-DiMW9axO.js";import{n as Le}from"./mui-gZ2J-2YO.js";import{c as L}from"./routePaths-BozUSOR4.js";import{M as Ge}from"./MobileAppDrawer-vjIJyx5N.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="2b05b710-472d-4a39-989d-b23ee10a004e",e._sentryDebugIdIdentifier="sentry-dbid-2b05b710-472d-4a39-989d-b23ee10a004e")}catch{}})();const Ke=Le.div`
+  display: flex;
+  min-height: 100%;
+  width: 100%;
+  flex: 1 1 auto;
+  flex-direction: column;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,qe=re(function(e,d){const{businessVerificationDetails:o}=d,r=G(e),y=E.getSignedInUser(),S=r.tenantId,m={userId:y?.userId??"",sessionId:y?.zeniSessionId??"",tenantId:S??""},h=Ne(d.roleMap)&&o.updateStatus.fetchState!=="In-Progress"?void 0:"readonly",t=_e(e.companyConfigState),n=ve(e.userRoleConfigState);return{businessVerificationDetails:o,verficationDetailsFetchState:o.fetchState,isRefreshingViewInBackground:o.isRefreshingViewInBackground,allNationalityCountries:o.allNationalityCountries,filesEndPoint:`${ye.fileMicroServiceBaseUrl}`,authParams:m,isDisabled:h,allIndustries:t.companyIndustries??[],companyTitles:n.companyTitles}},function(e,d){const{companyId:o,productType:r,currentTenant:y,navigate:S,location:m}=d,{tenantEmailDomain:h}=y;return{onCompanyDetailsChanged:t=>{const{companyDescription:n,companyIndustry:l,companyIndustryType:C,companyLegalName:D,companyTaxId:b,companyWebsite:f,companyPhone:g,primaryContactEmail:O,primaryContactName:i,primaryContactUserId:s,primaryContactSyncToken:u,syncToken:p,fileIds:T,incDate:a,typeOfIncorporation:c,stateOfIncorporation:w,sourceOfFunds:N,companySubIndustry:_,countriesOfOperations:I,companySourceOfFunds:K,companySourceOfFundsDescription:q,transactionVolume:H,transactionVolumeDescription:J,purposeOfAccount:Z,purposeOfAccountDescription:$,regulatedStatus:W,regulatedStatusDescription:Y,usNexus:Q,usNexusTypes:X}=t,v=C?.selectedOption,ee={companyId:o,companyDescription:n,companyIndustry:l.selectedOption,companyIndustryType:v==null||v===""?void 0:v,companyLegalName:D,taxIdOrEIN:b,website:f!=""&&f!=null?Ue(f):void 0,phone:g,syncToken:p,fileIds:T,incDate:a!=null?M(a?.toString()):a,typeOfIncorporation:c?.selectedOption??"",stateOfIncorporation:w?.selectedOption??"",sourceOfFunds:N?.selectedOption??"",companySubIndustry:_?.selectedOption??"",countriesOfOperations:I?.selectedOptions.map(F=>F.length===2?F:R(F))??[],companySourceOfFunds:K?.selectedOption??"",companySourceOfFundsDescription:q,transactionVolume:H?.selectedOption??"",transactionVolumeDescription:J,purposeOfAccount:Z?.selectedOption??"",purposeOfAccountDescription:$,regulatedStatus:W??"",regulatedStatusDescription:Y,usNexus:Q,usNexusTypes:X?.selectedOptions??[]},te={userId:s,firstName:i.firstName,lastName:i.lastName,email:O,syncToken:u};e(U({companyDetails:ee,primaryContactDetails:te}))},onCompanyOfficerUpdated:t=>{const n=t.map(l=>{const{officerType:C,userId:D,name:b,email:f,nationalityCountryCode:g,ssn:O,dob:i,phone:s,syncToken:u,selectDocument:p,role:T,ownership:a,isSelectedForVerification:c,userVerificationStatus:w,treasuryUserVerificationStatus:N,fileIds:_}=l;let I;return p.selectDocumentType==="driverLicense"?I="driving_license":p.selectDocumentType==="passport"?I="passport":p.selectDocumentType==="stateId"?I="id_document":p.selectDocumentType==="ssnCard"&&(I="social_security_card"),{officerType:C,userId:D,firstName:b.firstName,lastName:b.lastName,email:f,ssn:O,nationalityCountryCode:g?.selectedOption!=null?R(g.selectedOption):void 0,phone:s,birthday:i!=null?M(i?.toString()):i,syncToken:u,titleAtCompany:T.selectedOption,ownershipInCompany:a,documentTypeSelectedForVerification:I,isSelectedForVerification:c,userVerificationStatus:w,treasuryUserVerificationStatus:N,fileIds:_,additionalDocumentTypesRequestedForVerification:[],additionalSubmittedDocumentsForVerificationFileIds:[],areAdditionalDocumentsRequestedForVerification:!1,areAdditionalDocumentsSubmittedForVerification:!1}});e(U({officers:n}))},onSaveDetailsClick:t=>{e(P(o,t,r))},onSendForVerificationClick:t=>{e(P(o,t,r,!0))},onAddressClick:t=>{const n=L(h,t),l=j(m.state?.pathnameStackToGoBack,m.pathname);S(n,{state:{pathnameStackToGoBack:l}})},onRegisteredAddressClick:t=>{const n=L(h,t),l=j(m.state?.pathnameStackToGoBack,m.pathname);S(n,{state:{pathnameStackToGoBack:l}})},onBackClick:()=>{e(Me({companyId:o})),S("../setup")},updateFilesEntity:t=>{e(Pe({files:t}))},onDeleteFile:t=>{e(Re(t))},onDeleteFileList:t=>{e(je(t))},onEditFileName:(t,n)=>{e(Be(t,n.split(".")[0]))},onGetOtp:t=>{e(Ee(t,"SpendManagementSetup"))},onResendOtp:t=>{e(ze(t,"SpendManagementSetup"))},onVerifyOtp:(t,n)=>{e(xe(t,n,"SpendManagementSetup"))},saveNewAddressInLocalStore:(t,n)=>{e(Fe({addressType:t,addressToCreate:n}))}}})(fe),et=({productType:e})=>{const d=ae(),o=ne(),r=se(),[y,S]=A.useState(!1),[m,h]=A.useState(!1),{tenantEmailDomain:t}=oe(),n=ce(),{useDynamicConfig:l}=ue(),C=de(),{configValue:D}=l(le.zeniAccountsConfig),b=Se(D),f=V(a=>{switch(e){case"zeni_accounts":return a.zeniAccountSetupViewState.fetchState;case"reimbursement":return a.remiSetupViewState.fetchState;case"charge_cards":return a.chargeCardSetupViewState.fetchState;case"zeni_treasury":return a.treasurySetupViewState.fetchState;default:return a.billPaySetupViewState.fetchState}}),g=V(a=>a.companyConfigState.fetchState),O=V(a=>a.userRoleConfigState.fetchState),i=V(a=>G(a)),s=i.companyId??E.getSignedInUserTenant(t)?.companyId;if(A.useEffect(()=>{g==="Not-Started"&&r(ge()),O==="Not-Started"&&r(Ie(!0))},[g,O,r]),A.useEffect(()=>{if(!y&&f==="Not-Started"&&s!=null)switch(S(!0),e){case"zeni_accounts":r(ke(s,!0));break;case"zeni_treasury":r(Te(s,!0));break;case"reimbursement":r(Oe(s,!0));break;case"charge_cards":r(be(s,!0));break;default:r(he(s,!0))}},[y,f,s,r]),E.getSignedInUser()==null)throw Error("Can't access business verification without signing in...");let u;switch(e){case"zeni_accounts":u=i.companyZeniAccountInfo?.info?.isZeniAccountTOSAccepted;break;case"reimbursement":u=i.companyReimbursementInfo?.info?.isReimbursementTOSAccepted;break;case"charge_cards":u=i.companyChargeCardInfo?.info?.isChargeCardTOSAccepted===!0||i.companyDebitCardInfo?.info?.isDebitCardTOSAccepted;break;case"zeni_treasury":u=i.companyTreasuryInfo?.info?.isTreasuryTOSAccepted;break;default:u=i.companyBillPayInfo?.info?.isBillPayTOSAccepted}const p=a=>{h(a)},T=V(a=>{let c;switch(e){case"zeni_accounts":c=we(a,s);break;case"zeni_treasury":c=Ae(a,s);break;case"charge_cards":c=Ve(a,s);break;case"reimbursement":c=De(a,s);break;default:c=Ce(a,s)}return c});return u===!1?k.jsx(ie,{to:"../promo"}):T.fetchState==="Completed"&&u===!0&&n?.loggedInUserRoleMap!=null?k.jsxs(Ke,{children:[k.jsx(pe,{analytics:B,onLoad:a=>(c=>{switch(e){case"zeni_accounts":return c.trackPageLoaded(z.Event.zeniAccountsBusinessVerification);case"reimbursement":case"charge_cards":return c.trackPageLoaded(z.Event.reimbursementBusinessVerification);default:return c.trackPageLoaded(z.Event.billPayBusinessVerification,x(o)?"Settings":void 0)}})(a)}),x(o)?k.jsx(Ge,{isAppContentDrawerOpen:m,handleDrawerToggle:p}):null,k.jsx(qe,{businessVerificationDetails:T,navigate:d,location:o,companyId:s,analytics:B,currentTenant:i,productType:e,roleMap:n.loggedInUserRoleMap,isSettings:x(o),onClickMenuIcon:()=>{p(!0)},maxInsuredAmount:b.maxInsuredAmount})]}):k.jsx(me,{fetchState:"In-Progress",style:{backgroundColor:C.colors.grey5}})};export{et as B};

package/dist/assets/BusyIndication-Nz8htndZ-ChVc54FQ.js

@@ -0,0 +1,9 @@
+import{V as n,f as r,o as i}from"./index-DorX0WX8.js";import{n as d}from"./mui-gZ2J-2YO.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]="2edc2c01-f957-4568-9b04-7ff007e4a666",e._sentryDebugIdIdentifier="sentry-dbid-2edc2c01-f957-4568-9b04-7ff007e4a666")}catch{}})();const f=d.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin: ${i.sp12} 0 0 0;
+`,l=({fetchState:e,styles:t,size:s="ExtraLarge"})=>e==="In-Progress"||e==="Not-Started"?n.jsx(f,{style:t,children:n.jsx(r,{size:s,start:!0})}):null;export{l as m};

package/dist/assets/{CardNumberSubText-DjHY0FvO-DmKTadAQ.js → CardNumberSubText-DijJqFXC-B69YEX78.js}

@@ -1,5 +1,5 @@
-import{K as m,V as t,O as w,w as y,o as a,N as b,M as x}from"./index-onESlw0k.js";import{n as o}from"./mui-B0LS8eOU.js";import{a as n}from"./sentry-CZ5rBRIL.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]="6974c179-5314-49c7-9ae2-edf9a3cd567c",e._sentryDebugIdIdentifier="sentry-dbid-6974c179-5314-49c7-9ae2-edf9a3cd567c")}catch{}})();const{common:p,spendManagement:{chargeCard:r}}=w.getLocalizedStrings(),C={subText:new b("extraSmallRegular","standardRegular")},V=({cardDetail:e,forDetailPage:s,styles:l})=>{const g=m(),h=e.type.code.includes("credit")?r.chargeCardsPromo.credit:r.chargeCardsPromo.debit;let d=e.type.code.includes("physical")?r.cardList.physicalCard:r.cardList.virtualCard;const i=p.strings.space+r.cardDetails.expiryHideOut+p.strings.space+e.accountLast4,f=e.status.code!=="request_on_hold"&&s?i:d,c=e.type.code.includes("physical");return t.jsxs($,{style:l,windowSize:g,forDetailPage:s,className:"cardName",title:`${f}`,children:[h,t.jsx(v,{}),d,c&&!s?t.jsx(u,{className:"physical-card-icon"}):null,e.status.code!=="request_on_hold"&&s?i:null,c&&s?t.jsx(u,{}):null]})},$=o(x)`
-  ${e=>e.forDetailPage?{...y.extraSmallRegular.cssObject}:`${C.subText.style(e.windowSize)}`};
+import{J as m,V as t,O as y,j as w,o as a,H as b,B as x}from"./index-DorX0WX8.js";import{n as o}from"./mui-gZ2J-2YO.js";import{a as c}from"./sentry-tRTnR5ia.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]="f2a4433d-a2d0-483b-afde-90b914a9bd4d",e._sentryDebugIdIdentifier="sentry-dbid-f2a4433d-a2d0-483b-afde-90b914a9bd4d")}catch{}})();const{common:p,spendManagement:{chargeCard:r}}=y.getLocalizedStrings(),C={subText:new b("extraSmallRegular","standardRegular")},j=({cardDetail:e,forDetailPage:s,styles:l})=>{const g=m(),h=e.type.code.includes("credit")?r.chargeCardsPromo.credit:r.chargeCardsPromo.debit;let d=e.type.code.includes("physical")?r.cardList.physicalCard:r.cardList.virtualCard;const i=p.strings.space+r.cardDetails.expiryHideOut+p.strings.space+e.accountLast4,f=e.status.code!=="request_on_hold"&&s?i:d,n=e.type.code.includes("physical");return t.jsxs($,{style:l,windowSize:g,forDetailPage:s,className:"cardName",title:`${f}`,children:[h,t.jsx(H,{}),d,n&&!s?t.jsx(u,{className:"physical-card-icon"}):null,e.status.code!=="request_on_hold"&&s?i:null,n&&s?t.jsx(u,{}):null]})},$=o(x)`
+  ${e=>e.forDetailPage?{...w.extraSmallRegular.cssObject}:`${C.subText.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -8,14 +8,14 @@ import{K as m,V as t,O as w,w as y,o as a,N as b,M as x}from"./index-onESlw0k.js
   display: flex;
   align-items: center;
   gap: ${a.sp1};
-`,v=o.span`
+`,H=o.span`
   height: ${a.sp1};
   width: ${a.sp1};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
   margin: ${a.sp0} ${a.sp1};
-`,u=o(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"})))`
+`,u=o(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"})))`
   width: ${a.sp3};
   height: ${a.sp3};
   color: ${e=>e.theme.colors.hero};
-`;export{V as j};
+`;export{j};

package/dist/assets/{CashbackDetailPage-BBnND02O-B0i0dSBe.js → CashbackDetailPage-BxIWU0z2-DcCubJwz.js}

@@ -1,4 +1,4 @@
-import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,O as w,c as B,x as h,l as v,cB as te,u as l,ag as oe,a5 as O,bg as re,f as $,P as L,iq as N,ir as X,i7 as ae,bV as se,bY as ne,j as T}from"./index-onESlw0k.js";import{n as o}from"./mui-B0LS8eOU.js";import{Gu as f,bs as de}from"./zeni-epic-state-Cr-rO4HZ.js";import{b as K,a as R}from"./sentry-CZ5rBRIL.js";import{F as le}from"./InsightsSection-Cwd2cIP2-CZ7okUuA.js";import{M as ce,S as he}from"./common-Dx_KVthm-CevE2N5L.js";import{J as pe,E as ge,X as me,Y as xe,F as we,K as ue,W as ye}from"./recharts-C5uMntUw.js";import"./pdf-DEiLcZtJ.js";import"./core-BROwB3xg.js";import"./lottie-CyO1eRs4.js";import"./liveblocks-Bdti0GEu.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./plaid-CnBboaBy.js";import"./utils-0wrLfZK3.js";import"./NavigationDots-D4jbU1WN-jeganfr5.js";import"./calculateSize-B4Atw2cK-BK5U-vIk.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]="85d8e5aa-6e61-492e-93f7-a6e3bee2a0fd",e._sentryDebugIdIdentifier="sentry-dbid-85d8e5aa-6e61-492e-93f7-a6e3bee2a0fd")}catch{}})();const be=({x:e,y:a,width:n,height:s,payload:r})=>{const c=S();return i.jsx(ye,{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})},V=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,W=o.div`
+import{y as S,J as b,V as i,a_ as ee,eC as z,j as u,an as N,bm as ie,o as t,O as w,e as O,b as h,s as v,cz as te,u as l,ag as oe,a4 as T,be as re,x as $,a6 as L,ih as X,ii as q,h$ as ae,bT as se,bW as ne,W as B}from"./index-DorX0WX8.js";import{n as o}from"./mui-gZ2J-2YO.js";import{FJ as f,bs as de}from"./zeni-epic-state-DiMW9axO.js";import{b as K,a as Y}from"./sentry-tRTnR5ia.js";import{F as le}from"./InsightsSection-DgViiL7e-CyZzflwi.js";import{M as ce,S as he}from"./common-DspMM85g-eqBRfeMW.js";import{J as pe,E as ge,X as me,Y as xe,F as we,K as ue,W as ye}from"./recharts-BKvR8EI0.js";import"./pdf-BNA4Ou8X.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";import"./NavigationDots-Cu9LZj7T-BaBE0dTx.js";import"./calculateSize-DtEgyuiA-BJxqaIDz.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]="cf621ca4-a094-40c7-8ea1-13aca0d66b8b",e._sentryDebugIdIdentifier="sentry-dbid-cf621ca4-a094-40c7-8ea1-13aca0d66b8b")}catch{}})();const be=({x:e,y:a,width:n,height:s,payload:r})=>{const c=S();return i.jsx(ye,{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})},V=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,W=o.div`
   display: flex;
   gap: ${t.sp1};
 `,$e=o.div`
@@ -17,14 +17,14 @@ import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,O as
   min-width: ${t.sp8};
   display: flex;
   justify-content: flex-end;
-`,G=o($)`
+`,J=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,je=K.memo(({active:e,payload:a,label:n})=>e===!0&&(a?.[0].payload).showTooltip===!0?i.jsx($e,{children:i.jsx(ve,{children:i.jsxs("div",{children:[i.jsxs(W,{children:[i.jsx(G,{children:V.month})," ",i.jsx(E,{children:f(n).format(fe)})]}),i.jsxs(W,{children:[i.jsx(G,{children:V.cashback}),i.jsx(E,{children:O("0,0.[00]",{amount:a?.[0].value??0,currencyCode:(a?.[0].payload).currencyCode,currencySymbol:(a?.[0].payload).currencySymbol})})]})]})})}):null),{dateFormat:{visual:{MMMYYFormat:ke,YYYYDashMMFormat:Q}},common:{currency:I}}=w.getLocalizedStrings(),Se=({chartData:e,customToolTipContent:a,width:n,height:s})=>{const r=S();return i.jsx(Pe,{width:n,height:s,children:i.jsx(A,{children:({height:c,width:p})=>i.jsxs(pe,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[i.jsx(ge,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),i.jsx(me,{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(ke)}),i.jsx(xe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:g=>oe("0,0.[00]a",g,e?.[0].currencySymbol??I.currencySymbol)}),i.jsx(we,{cursor:i.jsx(be,{}),content:a}),i.jsx(ue,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Ce({cashbackByPeriod:e,width:a,height:n}){const s=te(e,c=>f(c.period),"asc"),r=Le(s);return i.jsx(Se,{chartData:r,customToolTipContent:({active:c,payload:p,label:g})=>i.jsx(je,{active:c,payload:p,label:g}),width:a,height:n})}const ze=e=>e.format(Q),Le=e=>{const a=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let s=n?.period??de().subtract(1,"M").format(Q);for(;a.length<12;){const r={amount:0,period:ze(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},Pe=o.div`
+`,je=K.memo(({active:e,payload:a,label:n})=>e===!0&&(a?.[0].payload).showTooltip===!0?i.jsx($e,{children:i.jsx(ve,{children:i.jsxs("div",{children:[i.jsxs(W,{children:[i.jsx(J,{children:V.month})," ",i.jsx(E,{children:f(n).format(fe)})]}),i.jsxs(W,{children:[i.jsx(J,{children:V.cashback}),i.jsx(E,{children:T("0,0.[00]",{amount:a?.[0].value??0,currencyCode:(a?.[0].payload).currencyCode,currencySymbol:(a?.[0].payload).currencySymbol})})]})]})})}):null),{dateFormat:{visual:{MMMYYFormat:ke,YYYYDashMMFormat:Q}},common:{currency:I}}=w.getLocalizedStrings(),Se=({chartData:e,customToolTipContent:a,width:n,height:s})=>{const r=S();return i.jsx(Pe,{width:n,height:s,children:i.jsx(N,{children:({height:c,width:p})=>i.jsxs(pe,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[i.jsx(ge,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),i.jsx(me,{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(ke)}),i.jsx(xe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:g=>oe("0,0.[00]a",g,e?.[0].currencySymbol??I.currencySymbol)}),i.jsx(we,{cursor:i.jsx(be,{}),content:a}),i.jsx(ue,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Ce({cashbackByPeriod:e,width:a,height:n}){const s=te(e,c=>f(c.period),"asc"),r=Le(s);return i.jsx(Se,{chartData:r,customToolTipContent:({active:c,payload:p,label:g})=>i.jsx(je,{active:c,payload:p,label:g}),width:a,height:n})}const ze=e=>e.format(Q),Le=e=>{const a=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let s=n?.period??de().subtract(1,"M").format(Q);for(;a.length<12;){const r={amount:0,period:ze(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},Pe=o.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
   background: ${e=>e.theme.colors.grey5};
-`,U=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Me={key:"month",value:U.month,sortOrder:"ascending",width:new h(50,50)},Ie={key:"cashback",value:U.cashback,sortOrder:"ascending",width:new h(50,50)},Z=()=>[Me,Ie],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(ce,he)},De=K.memo(function({sortConfig:e,onColumnSortConfigChanged:a}){const n=S(),s=b(),[r,c]=R.useState(Z());R.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],C=r.map(d=>d.key),j=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?i.jsxs(_,{windowSize:s,children:[i.jsxs(Oe,{children:[i.jsx(Ke,{children:i.jsx(Te,{})}),i.jsx(re,{title:j.sortBy,placeholder:j.sortBy,pickerValues:C,valueToLabel:d=>r.find(m=>m.key===d)?.value??"",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})]}),i.jsxs(Ve,{onClick:()=>p(g.key,g.sortOrder),"data-testid":L("cashback-list-header-mobile",g.value),children:[i.jsx($,{children:g.value}),i.jsx(H,{sortDataValue:e.sortKey,headerdata:g,children:i.jsx(J,{})})]})]}):i.jsx(_,{windowSize:s,children:r.map((d,m)=>i.jsxs(Fe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:m===r.length-1,windowSize:s,children:[i.jsxs(Re,{onClick:()=>p(d.key,d.sortOrder),"data-testid":L("cashback-list-header",d.value),children:[i.jsx($,{children:d.value}),i.jsx(H,{sortDataValue:e.sortKey,headerdata:d,children:i.jsx(J,{})})]}),i.jsx(Ye,{sortDataValue:e.sortKey,windowSize:s,isVisible:e.sortKey===d.key&&d.key!=="month",children:i.jsx(Be,{onClick:()=>p("month","ascending"),"data-testid":L("cashback-list-close-sort",d.key)})})]},d.key))})}),_=o($)`
+`,U=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Me={key:"month",value:U.month,sortOrder:"ascending",width:new h(50,50)},Ie={key:"cashback",value:U.cashback,sortOrder:"ascending",width:new h(50,50)},Z=()=>[Me,Ie],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(ce,he)},De=K.memo(function({sortConfig:e,onColumnSortConfigChanged:a}){const n=S(),s=b(),[r,c]=Y.useState(Z());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 R=m;e.sortKey===d&&(R=m==="ascending"?"descending":"ascending"),a(d,R)},g=r.find(d=>d.key===e.sortKey)??r[0],C=r.map(d=>d.key),j=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?i.jsxs(_,{windowSize:s,children:[i.jsxs(Te,{children:[i.jsx(Ke,{children:i.jsx(Be,{})}),i.jsx(re,{title:j.sortBy,placeholder:j.sortBy,pickerValues:C,valueToLabel:d=>r.find(m=>m.key===d)?.value??"",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})]}),i.jsxs(Ve,{onClick:()=>p(g.key,g.sortOrder),"data-testid":L("cashback-list-header-mobile",g.value),children:[i.jsx($,{children:g.value}),i.jsx(G,{sortDataValue:e.sortKey,headerdata:g,children:i.jsx(H,{})})]})]}):i.jsx(_,{windowSize:s,children:r.map((d,m)=>i.jsxs(Fe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:m===r.length-1,windowSize:s,children:[i.jsxs(Ye,{onClick:()=>p(d.key,d.sortOrder),"data-testid":L("cashback-list-header",d.value),children:[i.jsx($,{children:d.value}),i.jsx(G,{sortDataValue:e.sortKey,headerdata:d,children:i.jsx(H,{})})]}),i.jsx(Re,{sortDataValue:e.sortKey,windowSize:s,isVisible:e.sortKey===d.key&&d.key!=="month",children:i.jsx(Oe,{onClick:()=>p("month","ascending"),"data-testid":L("cashback-list-close-sort",d.key)})})]},d.key))})}),_=o($)`
   top: ${t.sp0};
   left: ${t.sp0};
   min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
@@ -50,25 +50,25 @@ import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,O as
   box-sizing: border-box;
   overflow: hidden;
   justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-`,Be=o(ne)`
+`,Oe=o(ne)`
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,H=o.div`
+`,G=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"}
-`,J=o(se)`
+`,H=o(se)`
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: inherit;
-`,Oe=o.div`
+`,Te=o.div`
   gap: ${t.sp1};
   display: flex;
-`,Te=o(ae)`
+`,Be=o(ae)`
   width: 12px;
   height: 12px;
   color: inherit;
@@ -76,11 +76,11 @@ import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,O as
   margin-right: ${t.sp1};
   display: flex;
   align-items: center;
-`,Ye=o.div`
+`,Re=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,Re=o.div`
+`,Ye=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
@@ -94,18 +94,18 @@ import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,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:We}},dateFormat:{visual:Ee}}=w.getLocalizedStrings(),Ge=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=b(),r=Z(),c=N(e.period),p=X(c);return i.jsx(qe,{windowSize:s,isFirstItem:a,isLastItem:n,children:i.jsx(Ae,{children:i.jsxs(Ne,{children:[i.jsx(Xe,{windowSize:s,responsiveWidth:r[0].width,children:i.jsxs(Qe,{windowSize:s,children:[f(e.period).format(Ee.MMMMYYYYFormat),p?i.jsxs(He,{children:[i.jsx(Je,{}),i.jsx(_e,{children:We.tillDate})]}):null]})}),i.jsx(Ue,{windowSize:s,responsiveWidth:r[1].width,children:i.jsx(Ze,{windowSize:s,children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},_e=o(T)`
+`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:We}},dateFormat:{visual:Ee}}=w.getLocalizedStrings(),Je=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=b(),r=Z(),c=X(e.period),p=q(c);return i.jsx(Ae,{windowSize:s,isFirstItem:a,isLastItem:n,children:i.jsx(Ne,{children:i.jsxs(Xe,{children:[i.jsx(qe,{windowSize:s,responsiveWidth:r[0].width,children:i.jsxs(Qe,{windowSize:s,children:[f(e.period).format(Ee.MMMMYYYYFormat),p?i.jsxs(Ge,{children:[i.jsx(He,{}),i.jsx(_e,{children:We.tillDate})]}):null]})}),i.jsx(Ue,{windowSize:s,responsiveWidth:r[1].width,children:i.jsx(Ze,{windowSize:s,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},_e=o(B)`
   color: ${e=>e.theme.colors.grey1};
-`,He=o.div`
+`,Ge=o.div`
   display: flex;
   align-items: center;
-`,Je=o.div`
+`,He=o.div`
   height: ${t.sp1};
   width: ${t.sp1};
   margin-right: ${t.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,qe=o.div`
+`,Ae=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
@@ -120,20 +120,20 @@ import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,O as
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
   border-top-width: ${e=>e.isFirstItem?"1px":t.sp0};
   border-bottom-width: ${e=>e.isLastItem?"1px":t.sp0};
-  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${B.boxShadowElevation};
+  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${O.boxShadowElevation};
   margin-right: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   margin-left: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,Ae=o.div`
+`,Ne=o.div`
   display: block;
   width: 100%;
-`,Ne=o.div`
+`,Xe=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,Xe=o.div`
+`,qe=o.div`
   display: flex;
   flex-direction: column;
   column-gap: 12px;
@@ -175,7 +175,7 @@ import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,O as
   width: 100%;
   display: flex;
   justify-content: end;
-`,D={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:ei}},dateFormat:{visual:ii}}=w.getLocalizedStrings(),ti=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=b(),r=N(e.period),c=X(r);return i.jsx(si,{windowSize:s,isFirstItem:a,isLastItem:n,children:i.jsx(ni,{children:i.jsxs(di,{children:[i.jsx(ci,{children:i.jsxs(li,{windowSize:s,children:[f(e.period).format(ii.MMMMYYYYFormat),c?i.jsxs(ri,{children:[i.jsx(ai,{}),i.jsx(oi,{children:ei.tillDate})]}):null]})}),i.jsx(hi,{children:i.jsx(pi,{children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},oi=o(T)`
+`,D={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:ei}},dateFormat:{visual:ii}}=w.getLocalizedStrings(),ti=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=b(),r=X(e.period),c=q(r);return i.jsx(si,{windowSize:s,isFirstItem:a,isLastItem:n,children:i.jsx(ni,{children:i.jsxs(di,{children:[i.jsx(ci,{children:i.jsxs(li,{windowSize:s,children:[f(e.period).format(ii.MMMMYYYYFormat),c?i.jsxs(ri,{children:[i.jsx(ai,{}),i.jsx(oi,{children:ei.tillDate})]}):null]})}),i.jsx(hi,{children:i.jsx(pi,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},oi=o(B)`
   color: ${e=>e.theme.colors.grey1};
 `,ri=o.div`
   display: flex;
@@ -193,7 +193,7 @@ import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,O as
   border-top-width: ${e=>e.isFirstItem?"1px":t.sp0};
   border-bottom-width: ${e=>e.isLastItem?"1px":t.sp0};
   padding: ${t.sp3};
-  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${B.boxShadowElevation};
+  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${O.boxShadowElevation};
   border-top-right-radius: ${e=>e.isFirstItem?t.sp2:t.sp0};
   border-top-left-radius: ${e=>e.isFirstItem?t.sp2:t.sp0};
   border-bottom-left-radius: ${e=>e.isLastItem?t.sp2:t.sp0};
@@ -230,9 +230,9 @@ import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,O as
 `,hi=o.div`
   display: flex;
   flex-direction: column;
-`,pi=o(T)`
+`,pi=o(B)`
   color: ${e=>e.theme.colors.hero};
-`,q={separatorMarginLeftRight:new h(l[3],l[8])},gi=({cashbackByPeriod:e,uiState:a,onColumnSortConfigChanged:n})=>{const s=b();return i.jsxs(wi,{children:[i.jsx(De,{onColumnSortConfigChanged:n,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),i.jsx(xi,{children:e.map((r,c)=>i.jsxs(K.Fragment,{children:[i.jsx(mi,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:i.jsx(ui,{windowSize:s})]},r.period))})]})},mi=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=b()==="small"?ti:Ge;return i.jsx(s,{cashbackPeriod:e,isFirstItem:a,isLastItem:n})},xi=o.div``,wi=o.div`
+`,A={separatorMarginLeftRight:new h(l[3],l[8])},gi=({cashbackByPeriod:e,uiState:a,onColumnSortConfigChanged:n})=>{const s=b();return i.jsxs(wi,{children:[i.jsx(De,{onColumnSortConfigChanged:n,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),i.jsx(xi,{children:e.map((r,c)=>i.jsxs(K.Fragment,{children:[i.jsx(mi,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:i.jsx(ui,{windowSize:s})]},r.period))})]})},mi=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=b()==="small"?ti:Je;return i.jsx(s,{cashbackPeriod:e,isFirstItem:a,isLastItem:n})},xi=o.div``,wi=o.div`
   display: block;
   height: 100%;
 `,ui=o.div`
@@ -241,11 +241,11 @@ import{y as S,K as b,V as i,a_ as ee,eE as z,w as u,an as A,bo as ie,o as t,O as
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-  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)},k=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Wi=({insightsData:e,cashbackByPeriod:a,uiState:n,cashbackSummary:s,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=S(),g=b();return i.jsxs(ji,{children:[i.jsx(ee,{title:k.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),i.jsxs(yi,{windowSize:g,children:[i.jsxs(bi,{windowSize:g,children:[i.jsxs(P,{children:[i.jsx(M,{children:k.totalEarned}),i.jsx(z,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(M,{children:k.redeemed}),i.jsx(z,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(M,{children:k.available}),i.jsx(z,{amount:s.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),i.jsx(fi,{children:i.jsx(A,{children:({height:C,width:j})=>i.jsx(Ce,{cashbackByPeriod:a,width:j,height:C})})}),i.jsx($i,{children:i.jsx(le,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),i.jsx(vi,{children:i.jsx(gi,{cashbackByPeriod:a,uiState:n,onColumnSortConfigChanged:c})})]})},yi=o.div`
+  margin-left: ${e=>A.separatorMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>A.separatorMarginLeftRight.valuePx(e.windowSize)};
+`,F={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},k=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Wi=({insightsData:e,cashbackByPeriod:a,uiState:n,cashbackSummary:s,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=S(),g=b();return i.jsxs(ji,{children:[i.jsx(ee,{title:k.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),i.jsxs(yi,{windowSize:g,children:[i.jsxs(bi,{windowSize:g,children:[i.jsxs(P,{children:[i.jsx(M,{children:k.totalEarned}),i.jsx(z,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(M,{children:k.redeemed}),i.jsx(z,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(M,{children:k.available}),i.jsx(z,{amount:s.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),i.jsx(fi,{children:i.jsx(N,{children:({height:C,width:j})=>i.jsx(Ce,{cashbackByPeriod:a,width:j,height:C})})}),i.jsx($i,{children:i.jsx(le,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),i.jsx(vi,{children:i.jsx(gi,{cashbackByPeriod:a,uiState:n,onColumnSortConfigChanged:c})})]})},yi=o.div`
   position: relative;
-  box-shadow: ${B.dropShadowNormalLight} 2px 2px ${t.sp1};
+  box-shadow: ${O.dropShadowNormalLight} 2px 2px ${t.sp1};
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>F.pageContentPaddingLeftRight.valuePx(e.windowSize)};
   padding-right: ${e=>F.pageContentPaddingLeftRight.valuePx(e.windowSize)};