@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/BusinessVerificationPage-Dgk5gyMv-BrQSkaHR.js

@@ -0,0 +1,138 @@
+import{y as rt,X as lt,a7 as Te,V as t,c as J,P as ct,cl as dt,A as pt,c8 as ut,ag as Ie,a6 as Ne,fL as mt,a as ft,a_ as yt,E as ht,c9 as gt,bR as xt,bS as St,bT as wt,L as Ct,M as vt,a9 as Dt,o as c,x as L,H as Le,O as _e,fM as bt,fb as $e,eE as Ot,c2 as Tt,a8 as It,l as Ae,N as Nt,d as $t,j as N}from"./index-BocbTmE1.js";import{a as _}from"./sentry-DINNQYpi.js";import{n as d}from"./mui-C_CXevf3.js";import{Fc as kt,bQ as K,FK as jt,FJ as Pt,FL as Ft}from"./zeni-epic-state-a7Sj5mjO.js";import{r as Vt,z as Lt}from"./CompanyOfficerDetailsSection-CWADX4kZ-DANlup8L.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./helper-z5-P4a-y-DRvyDGbW.js";import"./LabeledAddressValueField-F9kvUR_r-9ELTRqNI.js";import"./LabeledCountryMultiSelectField-3qI_4noU-UcVNXOp1.js";import"./LabeledCreatableSingleSelectField-BV3h9bh7-BCEINAy7.js";import"./LabeledDocumentField-rriEcsdr-CcDZw3QZ.js";import"./LabeledNameField-yaSRe5Vt-cnDt7eal.js";import"./commonTypes-BAJPaPYg-qcmBeNCl.js";import"./avatar-Dz7aEm3d-tC3a4UX-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},C=new e.Error().stack;C&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[C]="8fef9755-10d2-4cd3-a6fe-e53e7f0eabca",e._sentryDebugIdIdentifier="sentry-dbid-8fef9755-10d2-4cd3-a6fe-e53e7f0eabca")}catch{}})();const w={width:new L(343,580,726),titleWidth:new L(343,580,726,826),subTitlePaddingTop:new L(12,N[3]),subTitlePaddingBottom:new L(N[3],N[3]),verificationDetailsRowGap:new L(12,N[5],N[5]),termsPaddingLeftRight:new L(N[0],N[3])},_t={stepTitle:new Nt("h6Regular","h5Regular")},ke="businessVerificationPage",b="companyDetails",O="companyOfficerDetails",{commonSetUp:{businessVerification:i},common:{settings:At,currency:je,footer:Pe,strings:{empty:Bt}}}=_e.getLocalizedStrings(),Ta=({businessVerificationDetails:e,allNationalityCountries:C,verficationDetailsFetchState:$,isRefreshingViewInBackground:R,filesEndPoint:a,authParams:E,productType:h,allIndustries:A,companyTitles:M,maxInsuredAmount:f,isDisabled:k,isSettings:s=!1,isOverlay:x=!1,analytics:S,isStepInProgress:v=!1,isTreasuryTransferInitiated:Q=!1,transferDetails:U,onOverlayClose:oe,onAddressClick:re,onRegisteredAddressClick:ze,onBackClick:B,onGetOtp:Re,onVerifyOtp:Ee,onResendOtp:Me,onSendForVerificationClick:Ue,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:D}=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,M,C)}),{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(D).findIndex(n=>n?.isSelectedForVerification===!0),I=`Officer_${T<0?1:T+1}`,at=u.handleSubmit(()=>{if(X!=="verification"&&ue("verification"),Z==="unit"&&D[I]?.isPhoneVerified!==!0)return void u.setError(`${O}.${T}.phone`,{type:"custom"});const n=dt(Object.values(D).map(r=>Object.values(r?.deleteFileStatusById??{}).filter(g=>g!=null))),m=Object.values(o?.deleteFileStatusById??{}).filter(r=>r!=null);kt(n.concat(m)).fetchState!=="In-Progress"&&tt&&((()=>{const r=D[I],g=r?.email,P=r?.birthday?.toString(),l=r?.ownershipInCompany,y=r?.firstName,F=r?.lastName,V=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,Ce=o?.website,ve=o?.addressStatus?.addressToCreate!=null?K(o?.addressStatus?.addressToCreate):void 0,ne=o?.primaryContactLocalData,De=ne?.firstName,be=ne?.lastName,Oe=ne?.email;g!=null&&l!=null&&y!=null&&F!=null&&P!=null&&V!=null&&H!=null&&ge!=null&&G!=null&&xe!=null&&se!=null&&we!=null&&Ce!=null&&Se!=null&&se!=null&&ve!=null&&De!=null&&be!=null&&Oe!=null&&S?.trackBusinessVerificationSend({email:g,birthday:P.toString(),companyOwnership:l,firstName:y,lastName:F,companyRole:V,phone:H,formattedAddress:ge,documentTypeForVerification:G},{companyDescription:xe,legalName:se,phone:we,website:Ce.toString(),industry:Se,formattedAddress:ve},{firstName:De,lastName:be,email:Oe},h,s?"Settings":void 0)})(),Ue?.(I),Q===!0&&He?.())}),it=_.useCallback(pt((n,m)=>{(async(r,g)=>{r.includes(b)?We?.(g[b]):r.includes(O)&&Xe?.(g[O])})(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(`${b}.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(`${b}.fileIds`).forEach(r=>{m.includes(r)||n.push(r)}),st?.forEach((r,g)=>{const P=r?.fileIds??[];u.getValues(`${O}.${g}.fileIds`).forEach(l=>{P.includes(l)||n.push(l)})}),n.length!==0&&Ze?.(n)},onCancelClick:()=>{Y(!1)}},ot=Ie(Ne(f),f,je.currencySymbol).toUpperCase(),ie=j?.code==="pending_review"||j?.code==="verified",ye=(U?.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(Ne(U?.treasuryTransferMoneyLocalData?.amount?.amount??0),U?.treasuryTransferMoneyLocalData?.amount?.amount??0,je.currencySymbol)).replace("__account__",U?.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&&v===!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(Ut,{windowSize:p,children:[(!x||v===!1)&&t.jsx(Mt,{windowSize:p,children:s?At.infoText.businessVerification:i.title}),$==="In-Progress"||$==="Not-Started"?t.jsx(Wt,{children:t.jsx(Ct,{size:"ExtraLarge",start:!0})}):t.jsx(vt,{...u,children:t.jsxs("form",{id:Fe(ke),onSubmit:at,children:[x&&v===!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(Ve,{}),ye&&t.jsx(Ve,{}),t.jsx(Qt,{})]})})]}),t.jsx(Be,{isReadonly:ie,children:i.verifyBusinessDetailsDescription})]}),t.jsxs(Zt,{children:[t.jsx(Vt,{companyOfficerData:D,allNationalityCountries:C,allOfficers:ae??[],sectionId:O,isRefreshingViewInBackground:R,connectedAccountProvider:Z,productType:"business_verification",updateFilesEntity:ce,onEditFileName:le,onOfficerAddressClick:re,onDeleteFile:de,isDisabled:k,filesEndPoint:a,authParams:E,isPopupOpen:ee,openPopup:et,onGetOtp:Re,onVerifyOtp:Ee,onResendOtp:Me,companyTitles:M,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:b,isDisabled:j?.code==="pending_review"||j?.code==="verified"?"readonly":k,fileProps:{authParams:E,filesEndPoint:a,onEditFileName:le,onDeleteFile:de,updateFilesEntity:ce},onCompanyAddressClick:re,onRegisteredAddressClick:ze,connectedAccountProvider:Z,allIndustries:A,allNationalityCountries:C})]}),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(Dt,{formId:Fe(ke),primaryBtn:{label:v?Pe.submit:i.sendForVerificationButton,style:{width:"auto",minWidth:p==="small"?"auto":v?"83px":"181px"},isLoading:X==="verification"&&W.fetchState==="In-Progress",isDisabled:k!=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:v?Pe.back:i.saveDetailsButton,style:{width:p==="small"?"auto":v?"83px":"181px"},isLoading:X==="save"&&W.fetchState==="In-Progress",onClick:()=>{if(v)B();else{const n=D[I],m=o?.primaryContactLocalData;X!=="save"&&ue("save");const r=n?.email??"",g=(()=>{const l=D[I],y=o?.primaryContactLocalData,F=l?.email??"",V=!!l?.firstName&&!!l?.lastName,G=y?.email??"",H=!!y?.firstName&&!!y?.lastName;return F&&!V?((!l?.firstName||!l?.lastName)&&u.trigger(`${O}.${T<0?0:T}.name`,{shouldFocus:!0}),!1):!(G&&!H&&((!y?.firstName||!y?.lastName)&&u.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),1))})(),P=(()=>{const l=D[I],y=o?.primaryContactLocalData,F=l?.email,V=y?.email;if(F){if(!V)return(y?.firstName||y?.lastName)&&u.trigger(`${b}.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(`${O}.${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,C,$,R)=>{const{companyDetailsLocalData:a,companyOfficerLocalData:E,companyView:h}=e,A=_e.getLocalizedStrings().companyPassport,M=h?.companyOfficers!=null&&h?.companyOfficers.length>0;return{[b]:{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:C?.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:[...Ft]},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??""},[O]:Object.values(E).map((f,k)=>{const s=f,x=bt(s?.documentTypeSelectedForVerification);return{userId:s?.userId,officerType:s?.officerType??`Officer_${k+1}`,name:{firstName:s?.firstName,lastName:s?.lastName},email:s?.email,fileIds:s?.fileIds??[],dob:s?.birthday?.toDate(),nationalityCountryCode:Ot(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:!M&&k===0||(s?.isSelectedForVerification??!1),userVerificationStatus:s?.userVerificationStatus,treasuryUserVerificationStatus:s?.treasuryUserVerificationStatus,syncToken:s?.syncToken,isPhoneVerified:s?.isPhoneVerified,otpChallenge:s?.otpChallenge}})}},Fe=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};
+`,Mt=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"};
+`,Ut=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};
+`,Ve=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,Fe as uniqueName};

package/dist/assets/BusinessVerificationPageScreen-D9PxWQrU.js

@@ -0,0 +1,9 @@
+import{j as D}from"./liveblocks-BsQBjN-0.js";import{a as w}from"./sentry-DINNQYpi.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-5sxMy3sZ.js";import{v as ce,aE as ue,y as de,aF as le,ju as B,bk as pe,jB as E,kk as x,jS as me,K as z,lm as fe,kx as ye,jQ as L,eF as j}from"./index-BocbTmE1.js";import{L3 as Se,ct as G,oJ as ge,DB as Ie,u3 as he,wO as be,zl as ke,z$ as Oe,AU as De,Lq as Te,Lr as Ce,Ls as Ve,Lt as we,Lu as Ae,HY as Ne,Kr as Fe,I8 as _e,hr as ve,dj as xe,di as ze,dh as Be,mR as Ee,mI as Le,mF as je,hj as Re,oS as Pe,oQ as R,bG as P,p2 as U,bJ as Ue}from"./zeni-epic-state-a7Sj5mjO.js";import{n as Me}from"./mui-C_CXevf3.js";import{c as M}from"./routePaths-_EQ7HBkZ.js";import{M as Ge}from"./MobileAppDrawer-DXy0Oi_h.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]="950bf98b-8c15-4875-938e-6e76b120c954",e._sentryDebugIdIdentifier="sentry-dbid-950bf98b-8c15-4875-938e-6e76b120c954")}catch{}})();const qe=Me.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};
+`,$e=re(function(e,d){const{businessVerificationDetails:o}=d,r=G(e),y=B.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=Fe(e.companyConfigState),n=_e(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:T,companyLegalName:C,companyTaxId:b,companyWebsite:f,companyPhone:g,primaryContactEmail:k,primaryContactName:i,primaryContactUserId:s,primaryContactSyncToken:u,syncToken:p,fileIds:O,incDate:a,typeOfIncorporation:c,stateOfIncorporation:A,sourceOfFunds:N,companySubIndustry:F,countriesOfOperations:I,companySourceOfFunds:q,companySourceOfFundsDescription:$,transactionVolume:J,transactionVolumeDescription:K,purposeOfAccount:Q,purposeOfAccountDescription:Z,regulatedStatus:H,regulatedStatusDescription:W,usNexus:Y,usNexusTypes:X}=t,_=T?.selectedOption,ee={companyId:o,companyDescription:n,companyIndustry:l.selectedOption,companyIndustryType:_==null||_===""?void 0:_,companyLegalName:C,taxIdOrEIN:b,website:f!=""&&f!=null?Ue(f):void 0,phone:g,syncToken:p,fileIds:O,incDate:a!=null?P(a?.toString()):a,typeOfIncorporation:c?.selectedOption??"",stateOfIncorporation:A?.selectedOption??"",sourceOfFunds:N?.selectedOption??"",companySubIndustry:F?.selectedOption??"",countriesOfOperations:I?.selectedOptions.map(v=>v.length===2?v:j(v))??[],companySourceOfFunds:q?.selectedOption??"",companySourceOfFundsDescription:$,transactionVolume:J?.selectedOption??"",transactionVolumeDescription:K,purposeOfAccount:Q?.selectedOption??"",purposeOfAccountDescription:Z,regulatedStatus:H??"",regulatedStatusDescription:W,usNexus:Y,usNexusTypes:X?.selectedOptions??[]},te={userId:s,firstName:i.firstName,lastName:i.lastName,email:k,syncToken:u};e(U({companyDetails:ee,primaryContactDetails:te}))},onCompanyOfficerUpdated:t=>{const n=t.map(l=>{const{officerType:T,userId:C,name:b,email:f,nationalityCountryCode:g,ssn:k,dob:i,phone:s,syncToken:u,selectDocument:p,role:O,ownership:a,isSelectedForVerification:c,userVerificationStatus:A,treasuryUserVerificationStatus:N,fileIds:F}=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:T,userId:C,firstName:b.firstName,lastName:b.lastName,email:f,ssn:k,nationalityCountryCode:g?.selectedOption!=null?j(g.selectedOption):void 0,phone:s,birthday:i!=null?P(i?.toString()):i,syncToken:u,titleAtCompany:O.selectedOption,ownershipInCompany:a,documentTypeSelectedForVerification:I,isSelectedForVerification:c,userVerificationStatus:A,treasuryUserVerificationStatus:N,fileIds:F,additionalDocumentTypesRequestedForVerification:[],additionalSubmittedDocumentsForVerificationFileIds:[],areAdditionalDocumentsRequestedForVerification:!1,areAdditionalDocumentsSubmittedForVerification:!1}});e(U({officers:n}))},onSaveDetailsClick:t=>{e(R(o,t,r))},onSendForVerificationClick:t=>{e(R(o,t,r,!0))},onAddressClick:t=>{const n=M(h,t),l=L(m.state?.pathnameStackToGoBack,m.pathname);S(n,{state:{pathnameStackToGoBack:l}})},onRegisteredAddressClick:t=>{const n=M(h,t),l=L(m.state?.pathnameStackToGoBack,m.pathname);S(n,{state:{pathnameStackToGoBack:l}})},onBackClick:()=>{e(Pe({companyId:o})),S("../setup")},updateFilesEntity:t=>{e(Re({files:t}))},onDeleteFile:t=>{e(je(t))},onDeleteFileList:t=>{e(Le(t))},onEditFileName:(t,n)=>{e(Ee(t,n.split(".")[0]))},onGetOtp:t=>{e(Be(t,"SpendManagementSetup"))},onResendOtp:t=>{e(ze(t,"SpendManagementSetup"))},onVerifyOtp:(t,n)=>{e(xe(t,n,"SpendManagementSetup"))},saveNewAddressInLocalStore:(t,n)=>{e(ve({addressType:t,addressToCreate:n}))}}})(fe),et=({productType:e})=>{const d=ae(),o=ne(),r=se(),[y,S]=w.useState(!1),[m,h]=w.useState(!1),{tenantEmailDomain:t}=oe(),n=ce(),{useDynamicConfig:l}=ue(),T=de(),{configValue:C}=l(le.zeniAccountsConfig),b=Se(C),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),k=V(a=>a.userRoleConfigState.fetchState),i=V(a=>G(a)),s=i.companyId??B.getSignedInUserTenant(t)?.companyId;if(w.useEffect(()=>{g==="Not-Started"&&r(ge()),k==="Not-Started"&&r(Ie(!0))},[g,k,r]),w.useEffect(()=>{if(!y&&f==="Not-Started"&&s!=null)switch(S(!0),e){case"zeni_accounts":r(De(s,!0));break;case"zeni_treasury":r(Oe(s,!0));break;case"reimbursement":r(ke(s,!0));break;case"charge_cards":r(be(s,!0));break;default:r(he(s,!0))}},[y,f,s,r]),B.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)},O=V(a=>{let c;switch(e){case"zeni_accounts":c=Ae(a,s);break;case"zeni_treasury":c=we(a,s);break;case"charge_cards":c=Ve(a,s);break;case"reimbursement":c=Ce(a,s);break;default:c=Te(a,s)}return c});return u===!1?D.jsx(ie,{to:"../promo"}):O.fetchState==="Completed"&&u===!0&&n?.loggedInUserRoleMap!=null?D.jsxs(qe,{children:[D.jsx(pe,{analytics:E,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)?D.jsx(Ge,{isAppContentDrawerOpen:m,handleDrawerToggle:p}):null,D.jsx($e,{businessVerificationDetails:O,navigate:d,location:o,companyId:s,analytics:E,currentTenant:i,productType:e,roleMap:n.loggedInUserRoleMap,isSettings:x(o),onClickMenuIcon:()=>{p(!0)},maxInsuredAmount:b.maxInsuredAmount})]}):D.jsx(me,{fetchState:"In-Progress",style:{backgroundColor:T.colors.grey5}})};export{et as B};

package/dist/assets/BusyIndication-Cd67eHX6-C7aB5h-1.js

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

package/dist/assets/{CardNumberSubText-DqtLT1w5-3-jd_gkY.js → CardNumberSubText-CcH9jUoZ-HppogTjx.js}

@@ -1,5 +1,5 @@
-import{J as m,V as t,O as y,j as w,o as a,H as b,B as x}from"./index-k1doZNFg.js";import{n as o}from"./mui-Bi07oTwe.js";import{a as c}from"./sentry-CytkDQe2.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)}`};
+import{X as m,V as t,O as w,w as y,o as a,N as b,d as x}from"./index-BocbTmE1.js";import{n as o}from"./mui-C_CXevf3.js";import{a as n}from"./sentry-DINNQYpi.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]="4f89ac77-204a-4c2f-9d51-c545cd652ede",e._sentryDebugIdIdentifier="sentry-dbid-4f89ac77-204a-4c2f-9d51-c545cd652ede")}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)}`};
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -8,14 +8,14 @@ import{J as m,V as t,O as y,j as w,o as a,H as b,B as x}from"./index-k1doZNFg.js
   display: flex;
   align-items: center;
   gap: ${a.sp1};
-`,H=o.span`
+`,v=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=>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"})))`
+`,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"})))`
   width: ${a.sp3};
   height: ${a.sp3};
   color: ${e=>e.theme.colors.hero};
-`;export{j};
+`;export{V as j};

package/dist/assets/{CashbackDetailPage-ChdQcvkC-ICsGmTUH.js → CashbackDetailPage-5eysaHGf-CZA31npt.js}

@@ -1,4 +1,4 @@
-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-k1doZNFg.js";import{n as o}from"./mui-Bi07oTwe.js";import{FJ as f,bs as de}from"./zeni-epic-state-DyRbb6Q5.js";import{b as K,a as Y}from"./sentry-CytkDQe2.js";import{F as le}from"./InsightsSection-De9zu_me-BVBRSj8O.js";import{M as ce,S as he}from"./common-DEB71I4X-D2h2kF8O.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-CS0s98U8.js";import"./pdf-emb33J2I.js";import"./core-twTS7Cne.js";import"./lottie-Bdr-9mLw.js";import"./liveblocks-CM0QMS_I.js";import"./dnd-BWijMgNi.js";import"./analytics-BuacLKrs.js";import"./plaid-Dw_qIY4R.js";import"./utils-CSjogEj5.js";import"./NavigationDots-Bv4tBDN3-CX4VVQFS.js";import"./calculateSize-Bn1NnCzV-SxKA7C8w.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]="fe5d3b38-14f4-4a42-8041-60485f26d9bd",e._sentryDebugIdIdentifier="sentry-dbid-fe5d3b38-14f4-4a42-8041-60485f26d9bd")}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,X as b,V as i,a_ as ee,eY as z,w as u,an as X,bu as ie,o as t,O as w,e as B,x as h,l as v,cI as te,j as l,ag as oe,a5 as O,bm as re,C as $,E as L,iw as N,ix as q,id as ae,b_ as se,c1 as ne,H as T}from"./index-BocbTmE1.js";import{n as o}from"./mui-C_CXevf3.js";import{GA as f,bs as de}from"./zeni-epic-state-a7Sj5mjO.js";import{b as R,a as K}from"./sentry-DINNQYpi.js";import{F as le}from"./InsightsSection-ByFf2oGn-ChvKOP1F.js";import{M as ce,S as he}from"./common-kiEGPQ33-BvLj55nP.js";import{G as pe,C as ge,X as me,Y as xe,B as we,H as ue,S as ye}from"./recharts-CTWfsY-L.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./utils-DmE88LS_.js";import"./NavigationDots-DCpslVnm-D-4SKVAz.js";import"./calculateSize-zPet_z9g-UKcDxIjM.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]="7dadaef5-9c65-4829-a655-ebb443b1c78e",e._sentryDebugIdIdentifier="sentry-dbid-7dadaef5-9c65-4829-a655-ebb443b1c78e")}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,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
   min-width: ${t.sp8};
   display: flex;
   justify-content: flex-end;
-`,J=o($)`
+`,G=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(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`
+`,je=R.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:M}}=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(X,{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??M.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??M.currencyCode,currencySymbol:n?.currencySymbol??M.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]=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($)`
+`,U=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Ie={key:"month",value:U.month,sortOrder:"ascending",width:new h(50,50)},Me={key:"cashback",value:U.cashback,sortOrder:"ascending",width:new h(50,50)},Z=()=>[Ie,Me],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=R.memo(function({sortConfig:e,onColumnSortConfigChanged:a}){const n=S(),s=b(),[r,c]=K.useState(Z());K.useEffect(()=>{const d=[...r];for(const m of d)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,m)=>{let Y=m;e.sortKey===d&&(Y=m==="ascending"?"descending":"ascending"),a(d,Y)},g=r.find(d=>d.key===e.sortKey)??r[0],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(Re,{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(A,{})})]})]}):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(Ke,{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(A,{})})]}),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($)`
   top: ${t.sp0};
   left: ${t.sp0};
   min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
@@ -50,37 +50,37 @@ 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
   box-sizing: border-box;
   overflow: hidden;
   justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-`,Oe=o(ne)`
+`,Be=o(ne)`
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,G=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"}
-`,H=o(se)`
+`,A=o(se)`
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: inherit;
-`,Te=o.div`
+`,Oe=o.div`
   gap: ${t.sp1};
   display: flex;
-`,Be=o(ae)`
+`,Te=o(ae)`
   width: 12px;
   height: 12px;
   color: inherit;
-`,Ke=o.div`
+`,Re=o.div`
   margin-right: ${t.sp1};
   display: flex;
   align-items: center;
-`,Re=o.div`
+`,Ye=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,Ye=o.div`
+`,Ke=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
@@ -94,18 +94,18 @@ 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
   &: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(),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)`
+`,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=q(c);return i.jsx(Je,{windowSize:s,isFirstItem:a,isLastItem:n,children:i.jsx(Xe,{children:i.jsxs(Ne,{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(He,{children:[i.jsx(Ae,{}),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)`
   color: ${e=>e.theme.colors.grey1};
-`,Ge=o.div`
+`,He=o.div`
   display: flex;
   align-items: center;
-`,He=o.div`
+`,Ae=o.div`
   height: ${t.sp1};
   width: ${t.sp1};
   margin-right: ${t.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Ae=o.div`
+`,Je=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
@@ -120,15 +120,15 @@ 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
   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} ${O.boxShadowElevation};
+  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${B.boxShadowElevation};
   margin-right: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   margin-left: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,Ne=o.div`
+`,Xe=o.div`
   display: block;
   width: 100%;
-`,Xe=o.div`
+`,Ne=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -175,7 +175,7 @@ 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
   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=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)`
+`,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=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:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},oi=o(T)`
   color: ${e=>e.theme.colors.grey1};
 `,ri=o.div`
   display: flex;
@@ -193,7 +193,7 @@ 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
   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} ${O.boxShadowElevation};
+  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${B.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,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
 `,hi=o.div`
   display: flex;
   flex-direction: column;
-`,pi=o(B)`
+`,pi=o(T)`
   color: ${e=>e.theme.colors.hero};
-`,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`
+`,J={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(R.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`
   display: block;
   height: 100%;
 `,ui=o.div`
@@ -241,11 +241,11 @@ 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
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-  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`
+  margin-left: ${e=>J.separatorMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>J.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(I,{children:k.totalEarned}),i.jsx(z,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(I,{children:k.redeemed}),i.jsx(z,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(I,{children:k.available}),i.jsx(z,{amount:s.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),i.jsx(fi,{children:i.jsx(X,{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: ${O.dropShadowNormalLight} 2px 2px ${t.sp1};
+  box-shadow: ${B.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)};
@@ -254,7 +254,7 @@ 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
   display: flex;
   flex-direction: column;
   align-items: center;
-`,M=o(v)`
+`,I=o(v)`
   display: flex;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};