@zeniai/web-app-ui 4.14.31-qa → 4.14.32-dev

package/dist/assets/{BusinessVerificationPageScreen-DVGxc_kT.js → BusinessVerificationPageScreen-C9kI0BR_.js}

@@ -1,4 +1,4 @@
-import{j as D}from"./pdf-DwfifS04.js";import{a as w}from"./sentry-Cm8I7E9J.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-CaikJZHD.js";import{_ as ce,aE as ue,y as de,aF as le,js as j,bj as pe,jz as E,ki as x,jQ as me,J as z,lk as fe,kv as ye,jO as B,ev as L}from"./index-mhb15COx.js";import{KZ as Se,ct as G,oD as ge,Dv as Ie,tZ as be,wI as he,zf as ke,zV as Oe,AO as De,Lk as Te,Ll as Ce,Lm as Ve,Ln as we,Lo as Ae,HS as Ne,Kl as _e,I2 as ve,hr as Fe,dj as xe,di as ze,dh as je,mK as Ee,mB as Be,my as Le,hj as Pe,oM as Re,oK as P,bG as R,oY as M,bJ as Me}from"./zeni-epic-state-lC5X-sam.js";import{n as Ue}from"./mui-G2MlMTlr.js";import{c as U}from"./routePaths-CDVBEe6a.js";import{M as Ge}from"./MobileAppDrawer-D7V2koAX.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]="ba44b6ca-7770-4361-82bd-e787d8916b5e",e._sentryDebugIdIdentifier="sentry-dbid-ba44b6ca-7770-4361-82bd-e787d8916b5e")}catch{}})();const Ke=Ue.div`
+import{j as D}from"./pdf-CwWlK-Dr.js";import{a as w}from"./sentry-D-LCra2M.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-AYNw6kyJ.js";import{_ as ce,aE as ue,y as de,aF as le,js as E,bk as pe,jz as j,ki as x,jQ as me,J as z,lk as fe,kv as ye,jO as B,ev as L}from"./index-CilRLucN.js";import{KZ as Se,ct as G,oD as ge,Dv as Ie,tZ as he,wI as be,zf as ke,zV as Oe,AO as De,Lk as Te,Ll as Ce,Lm as Ve,Ln as we,Lo as Ae,HS as Ne,Kl as _e,I2 as ve,hr as Fe,dj as xe,di as ze,dh as Ee,mK as je,mB as Be,my as Le,hj as Pe,oM as Re,oK as P,bG as R,oY as M,bJ as Me}from"./zeni-epic-state-B1zsDZZ4.js";import{n as Ue}from"./mui-Ckdcx_YE.js";import{c as U}from"./routePaths-DqRhLReO.js";import{M as Ge}from"./MobileAppDrawer-BRK9r0e2.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]="2328855e-eda9-4613-b57f-5f6d92252646",e._sentryDebugIdIdentifier="sentry-dbid-2328855e-eda9-4613-b57f-5f6d92252646")}catch{}})();const Ke=Ue.div`
   display: flex;
   min-height: 100%;
   width: 100%;
@@ -6,4 +6,4 @@ import{j as D}from"./pdf-DwfifS04.js";import{a as w}from"./sentry-Cm8I7E9J.js";i
   flex-direction: column;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,Ze=re(function(e,d){const{businessVerificationDetails:o}=d,r=G(e),y=j.getSignedInUser(),S=r.tenantId,m={userId:y?.userId??"",sessionId:y?.zeniSessionId??"",tenantId:S??""},b=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:b,allIndustries:t.companyIndustries??[],companyTitles:n.companyTitles}},function(e,d){const{companyId:o,productType:r,currentTenant:y,navigate:S,location:m}=d,{tenantEmailDomain:b}=y;return{onCompanyDetailsChanged:t=>{const{companyDescription:n,companyIndustry:l,companyIndustryType:T,companyLegalName:C,companyTaxId:h,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:_,countriesOfOperations:I,companySourceOfFunds:K,companySourceOfFundsDescription:Z,transactionVolume:q,transactionVolumeDescription:J,purposeOfAccount:$,purposeOfAccountDescription:H,regulatedStatus:Q,regulatedStatusDescription:W,usNexus:Y,usNexusTypes:X}=t,v=T?.selectedOption,ee={companyId:o,companyDescription:n,companyIndustry:l.selectedOption,companyIndustryType:v==null||v===""?void 0:v,companyLegalName:C,taxIdOrEIN:h,website:f!=""&&f!=null?Me(f):void 0,phone:g,syncToken:p,fileIds:O,incDate:a!=null?R(a?.toString()):a,typeOfIncorporation:c?.selectedOption??"",stateOfIncorporation:A?.selectedOption??"",sourceOfFunds:N?.selectedOption??"",companySubIndustry:_?.selectedOption??"",countriesOfOperations:I?.selectedOptions.map(F=>F.length===2?F:L(F))??[],companySourceOfFunds:K?.selectedOption??"",companySourceOfFundsDescription:Z,transactionVolume:q?.selectedOption??"",transactionVolumeDescription:J,purposeOfAccount:$?.selectedOption??"",purposeOfAccountDescription:H,regulatedStatus:Q??"",regulatedStatusDescription:W,usNexus:Y,usNexusTypes:X?.selectedOptions??[]},te={userId:s,firstName:i.firstName,lastName:i.lastName,email:k,syncToken:u};e(M({companyDetails:ee,primaryContactDetails:te}))},onCompanyOfficerUpdated:t=>{const n=t.map(l=>{const{officerType:T,userId:C,name:h,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:_}=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:h.firstName,lastName:h.lastName,email:f,ssn:k,nationalityCountryCode:g?.selectedOption!=null?L(g.selectedOption):void 0,phone:s,birthday:i!=null?R(i?.toString()):i,syncToken:u,titleAtCompany:O.selectedOption,ownershipInCompany:a,documentTypeSelectedForVerification:I,isSelectedForVerification:c,userVerificationStatus:A,treasuryUserVerificationStatus:N,fileIds:_,additionalDocumentTypesRequestedForVerification:[],additionalSubmittedDocumentsForVerificationFileIds:[],areAdditionalDocumentsRequestedForVerification:!1,areAdditionalDocumentsSubmittedForVerification:!1}});e(M({officers:n}))},onSaveDetailsClick:t=>{e(P(o,t,r))},onSendForVerificationClick:t=>{e(P(o,t,r,!0))},onAddressClick:t=>{const n=U(b,t),l=B(m.state?.pathnameStackToGoBack,m.pathname);S(n,{state:{pathnameStackToGoBack:l}})},onRegisteredAddressClick:t=>{const n=U(b,t),l=B(m.state?.pathnameStackToGoBack,m.pathname);S(n,{state:{pathnameStackToGoBack:l}})},onBackClick:()=>{e(Re({companyId:o})),S("../setup")},updateFilesEntity:t=>{e(Pe({files:t}))},onDeleteFile:t=>{e(Le(t))},onDeleteFileList:t=>{e(Be(t))},onEditFileName:(t,n)=>{e(Ee(t,n.split(".")[0]))},onGetOtp:t=>{e(je(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]=w.useState(!1),[m,b]=w.useState(!1),{tenantEmailDomain:t}=oe(),n=ce(),{useDynamicConfig:l}=ue(),T=de(),{configValue:C}=l(le.zeniAccountsConfig),h=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??j.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(he(s,!0));break;default:r(be(s,!0))}},[y,f,s,r]),j.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=>{b(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(Ke,{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(Ze,{businessVerificationDetails:O,navigate:d,location:o,companyId:s,analytics:E,currentTenant:i,productType:e,roleMap:n.loggedInUserRoleMap,isSettings:x(o),onClickMenuIcon:()=>{p(!0)},maxInsuredAmount:h.maxInsuredAmount})]}):D.jsx(me,{fetchState:"In-Progress",style:{backgroundColor:T.colors.grey5}})};export{et as B};
+`,Ze=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: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:_,countriesOfOperations:I,companySourceOfFunds:K,companySourceOfFundsDescription:Z,transactionVolume:q,transactionVolumeDescription:J,purposeOfAccount:$,purposeOfAccountDescription:H,regulatedStatus:Q,regulatedStatusDescription:W,usNexus:Y,usNexusTypes:X}=t,v=T?.selectedOption,ee={companyId:o,companyDescription:n,companyIndustry:l.selectedOption,companyIndustryType:v==null||v===""?void 0:v,companyLegalName:C,taxIdOrEIN:b,website:f!=""&&f!=null?Me(f):void 0,phone:g,syncToken:p,fileIds:O,incDate:a!=null?R(a?.toString()):a,typeOfIncorporation:c?.selectedOption??"",stateOfIncorporation:A?.selectedOption??"",sourceOfFunds:N?.selectedOption??"",companySubIndustry:_?.selectedOption??"",countriesOfOperations:I?.selectedOptions.map(F=>F.length===2?F:L(F))??[],companySourceOfFunds:K?.selectedOption??"",companySourceOfFundsDescription:Z,transactionVolume:q?.selectedOption??"",transactionVolumeDescription:J,purposeOfAccount:$?.selectedOption??"",purposeOfAccountDescription:H,regulatedStatus:Q??"",regulatedStatusDescription:W,usNexus:Y,usNexusTypes:X?.selectedOptions??[]},te={userId:s,firstName:i.firstName,lastName:i.lastName,email:k,syncToken:u};e(M({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:_}=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?L(g.selectedOption):void 0,phone:s,birthday:i!=null?R(i?.toString()):i,syncToken:u,titleAtCompany:O.selectedOption,ownershipInCompany:a,documentTypeSelectedForVerification:I,isSelectedForVerification:c,userVerificationStatus:A,treasuryUserVerificationStatus:N,fileIds:_,additionalDocumentTypesRequestedForVerification:[],additionalSubmittedDocumentsForVerificationFileIds:[],areAdditionalDocumentsRequestedForVerification:!1,areAdditionalDocumentsSubmittedForVerification:!1}});e(M({officers:n}))},onSaveDetailsClick:t=>{e(P(o,t,r))},onSendForVerificationClick:t=>{e(P(o,t,r,!0))},onAddressClick:t=>{const n=U(h,t),l=B(m.state?.pathnameStackToGoBack,m.pathname);S(n,{state:{pathnameStackToGoBack:l}})},onRegisteredAddressClick:t=>{const n=U(h,t),l=B(m.state?.pathnameStackToGoBack,m.pathname);S(n,{state:{pathnameStackToGoBack:l}})},onBackClick:()=>{e(Re({companyId:o})),S("../setup")},updateFilesEntity:t=>{e(Pe({files:t}))},onDeleteFile:t=>{e(Le(t))},onDeleteFileList:t=>{e(Be(t))},onEditFileName:(t,n)=>{e(je(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]=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??E.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]),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)},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(Ke,{children:[D.jsx(pe,{analytics:j,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(Ze,{businessVerificationDetails:O,navigate:d,location:o,companyId:s,analytics:j,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-Cp8KWKB2-paVspSd6.js → BusyIndication-DmApVsF7-DQl3VYqH.js}

@@ -1,4 +1,4 @@
-import{V as n,L as r,o as a}from"./index-mhb15COx.js";import{n as i}from"./mui-G2MlMTlr.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`
+import{V as n,L as r,o as a}from"./index-CilRLucN.js";import{n as i}from"./mui-Ckdcx_YE.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%;

package/dist/assets/{CardNumberSubText-DHtSIcZZ-CJNkVpEB.js → CardNumberSubText-FNfrozX6-tv8Brnnn.js}

@@ -1,4 +1,4 @@
-import{e as m,V as a,O as w,w as y,o as r,d as b,M as x}from"./index-mhb15COx.js";import{n as o}from"./mui-G2MlMTlr.js";import{a as c}from"./sentry-Cm8I7E9J.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]="1b02f9bd-b331-4840-9932-09c8983062af",e._sentryDebugIdIdentifier="sentry-dbid-1b02f9bd-b331-4840-9932-09c8983062af")}catch{}})();const{common:p,spendManagement:{chargeCard:t}}=w.getLocalizedStrings(),C={subText:new b("extraSmallRegular","standardRegular")},V=({cardDetail:e,forDetailPage:s,styles:l})=>{const g=m(),h=e.type.code.includes("credit")?t.chargeCardsPromo.credit:t.chargeCardsPromo.debit;let d=e.type.code.includes("physical")?t.cardList.physicalCard:t.cardList.virtualCard;const i=p.strings.space+t.cardDetails.expiryHideOut+p.strings.space+e.accountLast4,f=e.status.code!=="request_on_hold"&&s?i:d,n=e.type.code.includes("physical");return a.jsxs($,{style:l,windowSize:g,forDetailPage:s,className:"cardName",title:`${f}`,children:[h,a.jsx(v,{}),d,n&&!s?a.jsx(u,{className:"physical-card-icon"}):null,e.status.code!=="request_on_hold"&&s?i:null,n&&s?a.jsx(u,{}):null]})},$=o(x)`
+import{e as m,V as a,O as w,w as y,o as r,d as b,M as x}from"./index-CilRLucN.js";import{n as o}from"./mui-Ckdcx_YE.js";import{a as c}from"./sentry-D-LCra2M.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]="1b02f9bd-b331-4840-9932-09c8983062af",e._sentryDebugIdIdentifier="sentry-dbid-1b02f9bd-b331-4840-9932-09c8983062af")}catch{}})();const{common:p,spendManagement:{chargeCard:t}}=w.getLocalizedStrings(),C={subText:new b("extraSmallRegular","standardRegular")},V=({cardDetail:e,forDetailPage:s,styles:l})=>{const g=m(),h=e.type.code.includes("credit")?t.chargeCardsPromo.credit:t.chargeCardsPromo.debit;let d=e.type.code.includes("physical")?t.cardList.physicalCard:t.cardList.virtualCard;const i=p.strings.space+t.cardDetails.expiryHideOut+p.strings.space+e.accountLast4,f=e.status.code!=="request_on_hold"&&s?i:d,n=e.type.code.includes("physical");return a.jsxs($,{style:l,windowSize:g,forDetailPage:s,className:"cardName",title:`${f}`,children:[h,a.jsx(v,{}),d,n&&!s?a.jsx(u,{className:"physical-card-icon"}):null,e.status.code!=="request_on_hold"&&s?i:null,n&&s?a.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%;

package/dist/assets/{CashbackDetailPage-CNS1FA6b-DNPbsy8R.js → CashbackDetailPage-DaLICa_v-BHzYFFJ0.js}

@@ -1,4 +1,4 @@
-import{y as S,e as b,V as i,a_ as ee,eO as z,w as u,an as N,bt as ie,o as t,O as w,f as O,x as h,l as v,cI as te,m as l,ag as oe,a5 as B,bl as re,C as $,b as L,iu as X,iv as q,ib as ae,b_ as se,c1 as ne,H as T}from"./index-mhb15COx.js";import{n as o}from"./mui-G2MlMTlr.js";import{Gu as f,bs as de}from"./zeni-epic-state-lC5X-sam.js";import{b as K,a as Y}from"./sentry-Cm8I7E9J.js";import{F as le}from"./InsightsSection-BdFG3j3R-DjHyJY78.js";import{M as ce,S as he}from"./common-Cu5K0AJk-BihNw_Do.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-3tylCZU1.js";import"./pdf-DwfifS04.js";import"./core-CaikJZHD.js";import"./lottie-D86WIi_0.js";import"./liveblocks--AdozwCz.js";import"./dnd-CzsffKNn.js";import"./analytics-Qgv3Fhaa.js";import"./plaid-CcxzSXZd.js";import"./utils-BhOlvYO8.js";import"./NavigationDots-c-XSrFzE-Bl0Sm_Ng.js";import"./calculateSize-QoQyn_Ku-j5kLdf_t.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]="06378ab5-1cbd-4ee9-9aab-d8de91054ece",e._sentryDebugIdIdentifier="sentry-dbid-06378ab5-1cbd-4ee9-9aab-d8de91054ece")}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,e as b,V as i,a_ as ee,eO as z,w as u,an as N,bu as ie,o as t,O as w,f as O,x as h,l as v,cI as te,m as l,ag as oe,a5 as B,bm as re,C as $,b as L,iu as X,iv as q,ib as ae,b_ as se,c1 as ne,H as T}from"./index-CilRLucN.js";import{n as o}from"./mui-Ckdcx_YE.js";import{Gu as f,bs as de}from"./zeni-epic-state-B1zsDZZ4.js";import{b as K,a as V}from"./sentry-D-LCra2M.js";import{F as le}from"./InsightsSection-rGyA4lY9-ztCddwYb.js";import{M as ce,S as he}from"./common-Cws59IN1-fneKv-li.js";import{J as pe,E as me,X as ge,Y as xe,F as we,K as ue,W as ye}from"./recharts-Dr1JzI4y.js";import"./pdf-CwWlK-Dr.js";import"./core-AYNw6kyJ.js";import"./lottie-DdLBMmzp.js";import"./liveblocks-DJcRPJQh.js";import"./dnd-Dw-riVE4.js";import"./analytics-CVqRc8fh.js";import"./plaid-BhP6n1uc.js";import"./utils-CI1RvLss.js";import"./NavigationDots-WiVjbUsC-Crp3ArrF.js";import"./calculateSize-i9QGr8q0-Dp5VSL_N.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]="b312ae87-6759-4686-bfc3-87724bff1725",e._sentryDebugIdIdentifier="sentry-dbid-b312ae87-6759-4686-bfc3-87724bff1725")}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})},Y=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,W=o.div`
   display: flex;
   gap: ${t.sp1};
 `,$e=o.div`
@@ -20,11 +20,11 @@ import{y as S,e as b,V as i,a_ as ee,eO as z,w as u,an as N,bt as ie,o as t,O as
 `,_=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,ke=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(_,{children:V.month})," ",i.jsx(E,{children:f(n).format(fe)})]}),i.jsxs(W,{children:[i.jsx(_,{children:V.cashback}),i.jsx(E,{children:B("0,0.[00]",{amount:a?.[0].value??0,currencyCode:(a?.[0].payload).currencyCode,currencySymbol:(a?.[0].payload).currencySymbol})})]})]})})}):null),{dateFormat:{visual:{MMMYYFormat:je,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(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(je)}),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(ke,{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`
+`,ke=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(_,{children:Y.month})," ",i.jsx(E,{children:f(n).format(fe)})]}),i.jsxs(W,{children:[i.jsx(_,{children:Y.cashback}),i.jsx(E,{children:B("0,0.[00]",{amount:a?.[0].value??0,currencyCode:(a?.[0].payload).currencyCode,currencySymbol:(a?.[0].payload).currencySymbol})})]})]})})}):null),{dateFormat:{visual:{MMMYYFormat:je,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(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(me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),i.jsx(ge,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>f(m).format(je)}),i.jsx(xe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>oe("0,0.[00]a",m,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:m})=>i.jsx(ke,{active:c,payload:p,label:m}),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,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=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),k=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?i.jsxs(G,{windowSize:s,children:[i.jsxs(Be,{children:[i.jsx(Ke,{children:i.jsx(Te,{})}),i.jsx(re,{title:k.sortBy,placeholder:k.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(G,{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(H,{sortDataValue:e.sortKey,headerdata:d,children:i.jsx(J,{})})]}),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))})}),G=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=K.memo(function({sortConfig:e,onColumnSortConfigChanged:a}){const n=S(),s=b(),[r,c]=V.useState(Z());V.useEffect(()=>{const d=[...r];for(const g of d)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,g)=>{let R=g;e.sortKey===d&&(R=g==="ascending"?"descending":"ascending"),a(d,R)},m=r.find(d=>d.key===e.sortKey)??r[0],C=r.map(d=>d.key),k=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?i.jsxs(G,{windowSize:s,children:[i.jsxs(Be,{children:[i.jsx(Ke,{children:i.jsx(Te,{})}),i.jsx(re,{title:k.sortBy,placeholder:k.sortBy,pickerValues:C,valueToLabel:d=>r.find(g=>g.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(Ye,{onClick:()=>p(m.key,m.sortOrder),"data-testid":L("cashback-list-header-mobile",m.value),children:[i.jsx($,{children:m.value}),i.jsx(H,{sortDataValue:e.sortKey,headerdata:m,children:i.jsx(J,{})})]})]}):i.jsx(G,{windowSize:s,children:r.map((d,g)=>i.jsxs(Fe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:g===r.length-1,windowSize:s,children:[i.jsxs(Ve,{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(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))})}),G=o($)`
   top: ${t.sp0};
   left: ${t.sp0};
   min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
@@ -80,14 +80,14 @@ import{y as S,e as b,V as i,a_ as ee,eO as z,w as u,an as N,bt as ie,o as t,O as
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,Ye=o.div`
+`,Ve=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ve=o.div`
+`,Ye=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
@@ -232,7 +232,7 @@ import{y as S,e as b,V as i,a_ as ee,eO as z,w as u,an as N,bt as ie,o as t,O as
   flex-direction: column;
 `,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:_e;return i.jsx(s,{cashbackPeriod:e,isFirstItem:a,isLastItem:n})},xi=o.div``,wi=o.div`
+`,A={separatorMarginLeftRight:new h(l[3],l[8])},mi=({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(gi,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:i.jsx(ui,{windowSize:s})]},r.period))})]})},gi=({cashbackPeriod:e,isFirstItem:a,isLastItem:n})=>{const s=b()==="small"?ti:_e;return i.jsx(s,{cashbackPeriod:e,isFirstItem:a,isLastItem:n})},xi=o.div``,wi=o.div`
   display: block;
   height: 100%;
 `,ui=o.div`
@@ -243,7 +243,7 @@ import{y as S,e as b,V as i,a_ as ee,eO as z,w as u,an as N,bt as ie,o as t,O as
   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)},j=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(ki,{children:[i.jsx(ee,{title:j.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:j.totalEarned}),i.jsx(z,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(I,{children:j.redeemed}),i.jsx(z,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(I,{children:j.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:k})=>i.jsx(Ce,{cashbackByPeriod:a,width:k,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`
+`,F={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Wi=({insightsData:e,cashbackByPeriod:a,uiState:n,cashbackSummary:s,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=S(),m=b();return i.jsxs(ki,{children:[i.jsx(ee,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),i.jsxs(yi,{windowSize:m,children:[i.jsxs(bi,{windowSize:m,children:[i.jsxs(P,{children:[i.jsx(I,{children:j.totalEarned}),i.jsx(z,{amount:s.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(I,{children:j.redeemed}),i.jsx(z,{amount:s.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(I,{children:j.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:k})=>i.jsx(Ce,{cashbackByPeriod:a,width:k,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(mi,{cashbackByPeriod:a,uiState:n,onColumnSortConfigChanged:c})})]})},yi=o.div`
   position: relative;
   box-shadow: ${O.dropShadowNormalLight} 2px 2px ${t.sp1};
   background-color: ${e=>e.theme.colors.grey5};