@zeniai/web-cockpit-ui 1.14.89-prod → 1.14.90-dev

package/dist/assets/{BusinessVerificationPage-JGge-Iiw-CDuaPB9j.js → BusinessVerificationPage-CLsxXy9d-ClcyVS-f.js}

@@ -1,4 +1,4 @@
-import{d as ct,Q as dt,aN as De,V as a,F as Ve,ad as W,a8 as mt,cP as pt,ax as ut,cB as ft,aV as ve,aM as $e,g5 as yt,n as ht,bz as gt,aK as xt,cC as St,cm as wt,cn as Ct,co as bt,A as Tt,ab as Dt,aO as vt,o,y as P,al as Le,g6 as $t,ft as ke,eU as kt,E as It,_ as jt,ak as Fe,B as Pt,M as Nt,u as k}from"./index-DcV3YN51.js";import{a as N}from"./core-3dlyNYRL.js";import{n as d}from"./mui-bYXq4XMS.js";import{Et as Ot,bi as G}from"./zeni-epic-state-BwKvATgd.js";import{S as Vt,s as Lt}from"./CompanyOfficerDetailsSection-CNxtAkKM-85Q00Xll.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./LabeledAddressValueField-DzmwP7hP-DTG2n0wD.js";import"./LabeledCreatableSingleSelectField-CfzLlkho-BHPGlraH.js";import"./LabeledDocumentField-p3pI5qLu-DGU5hH4V.js";const x={width:new P(343,580,726),titleWidth:new P(343,580,726,826),subTitlePaddingTop:new P(12,k[3]),subTitlePaddingBottom:new P(k[3],k[3]),verificationDetailsRowGap:new P(12,k[5],k[5]),termsPaddingLeftRight:new P(k[0],k[3])},Ft={stepTitle:new Pt("h6Regular","h5Regular")},Ie="businessVerificationPage",b="companyDetails",T="companyOfficerDetails",{commonSetUp:{businessVerification:i},common:{settings:_t,currency:je,footer:Pe,strings:{empty:At}}}=Ve.getLocalizedStrings(),xa=({businessVerificationDetails:t,allNationalityCountries:F,verficationDetailsFetchState:O,isRefreshingViewInBackground:_,filesEndPoint:r,authParams:A,productType:y,allIndustries:B,companyTitles:E,maxInsuredAmount:u,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,isTreasuryTransferInitiated:q=!1,transferDetails:z,onOverlayClose:te,onAddressClick:ae,onRegisteredAddressClick:Ae,onBackClick:V,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,onSendForVerificationClick:Re,onEditFileName:ie,onCompanyDetailsChanged:Ue,updateFilesEntity:se,onDeleteFile:ne,onDeleteFileList:Me,onCompanyOfficerUpdated:We,saveNewAddressInLocalStore:re,onSaveDetailsClick:Ge,onClickMenuIcon:qe,onExecuteTreasuryTransfer:Ke})=>{const Qe=ct(),m=dt(),{updateStatus:R,companyView:L,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,Xe=De(R.fetchState),U=L?.company.company.featuresActivationInfo.connectedAccountProvider,Ye=U==="unit"?a.jsxs(qt,{children:[i.terms.term1,a.jsx(W,{href:i.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.consent}),i.terms.term2,a.jsx(W,{href:i.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.depositTerms}),i.terms.term3,a.jsx(W,{href:i.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.privacy}),i.terms.term4,a.jsx(W,{href:i.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:i.terms.tos}),i.terms.term5]}):i.terms.termsForStripe,[Je,K]=N.useState(!1),[M,oe]=N.useState("save"),[Q,Ze]=N.useState(!1),p=mt({mode:"all",reValidateMode:"onChange",defaultValues:Bt(t,B,E,F)}),{isValid:He}=p.formState,X=L?.company.company.companyBillPayInfo,Y=L?.company.company.companyTreasuryInfo,j=y==="zeni_treasury"?Y?.companyVerificationStatus:X?.companyVerificationStatus,D=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),v=`Officer_${D<0?1:D+1}`,et=()=>{const e=w[v],s=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,$=e?.lastName,me=e?.titleAtCompany,pe=e?.documentTypeSelectedForVerification,ue=e?.phone,fe=e?.addressStatus?.addressToCreate,ye=fe!=null?G(fe):void 0,he=l?.companyDescription,H=l?.companyLegalName,ge=l?.companyIndustry,xe=l?.phone,Se=l?.website,we=l?.addressStatus?.addressToCreate!=null?G(l?.addressStatus?.addressToCreate):void 0,ee=l?.primaryContactLocalData,Ce=ee?.firstName,be=ee?.lastName,Te=ee?.email;s!=null&&f!=null&&C!=null&&$!=null&&c!=null&&me!=null&&ue!=null&&ye!=null&&pe!=null&&he!=null&&H!=null&&xe!=null&&Se!=null&&ge!=null&&H!=null&&we!=null&&Ce!=null&&be!=null&&Te!=null&&g?.trackBusinessVerificationSend({email:s,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:$,companyRole:me,phone:ue,formattedAddress:ye,documentTypeForVerification:pe},{companyDescription:he,legalName:H,phone:xe,website:Se.toString(),industry:ge,formattedAddress:we},{firstName:Ce,lastName:be,email:Te},y,n?"Settings":void 0)},tt=()=>{const e=w[v],s=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=s?.email??"",$=!!s?.firstName&&!!s?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&p.trigger(`${T}.${D<0?0:D}.name`,{shouldFocus:!0}),!1):C&&!$?((!s?.firstName||!s?.lastName)&&p.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),!1):!0},at=()=>{const e=w[v],s=l?.primaryContactLocalData,c=e?.email,f=s?.email;if(c){if(!f)return(s?.firstName||s?.lastName)&&p.trigger(`${b}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(e?.firstName||e?.lastName||e?.birthday||e?.nationalityCountryCode||e?.ownershipInCompany||e?.phone||e?.ssn||e?.titleAtCompany||e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0||J!=null&&J?.length>0)return p.trigger(`${T}.${D<0?0:D}.email`,{shouldFocus:!0}),!1;return!0},it=p.handleSubmit(()=>{if(M!=="verification"&&oe("verification"),U==="unit"&&w[v]?.isPhoneVerified!==!0){p.setError(`${T}.${D}.phone`,{type:"custom"});return}const e=pt(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),s=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);Ot(e.concat(s)).fetchState!=="In-Progress"&&He&&(et(),Re?.(v),q===!0&&Ke?.())}),st=async(e,s)=>{e.includes(b)?Ue?.(s[b]):e.includes(T)&&We?.(s[T])},nt=N.useCallback(ut((e,s)=>{st(e,s)},300),[]);N.useEffect(()=>{const e=p.watch((s,{name:c})=>{c!=null&&s!=null&&ft(()=>nt(c,s))});return()=>{e.unsubscribe()}});const le=De(t.companyDetailsLocalData?.addressStatus);N.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&le==null&&(re?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),p.setValue(`${b}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,le,re,p]);const ce=L?.companyOfficers.slice(0,10).sort((e,s)=>e.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),J=ce?.map(e=>e.user),rt=ce?.map(e=>e.role),ot={onOkClick:()=>{K(!1),V();const e=[],s=L?.company.company.incInfo.fileIds??[];p.getValues(`${b}.fileIds`).forEach(c=>{s.includes(c)||e.push(c)}),rt?.forEach((c,f)=>{const C=c?.fileIds??[];p.getValues(`${T}.${f}.fileIds`).forEach($=>{C.includes($)||e.push($)})}),e.length!==0&&Me?.(e)},onCancelClick:()=>{K(!1)}},lt=ve($e(u),u,je.currencySymbol).toUpperCase(),Z=j?.code==="pending_review"||j?.code==="verified",de=(z?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&j?.code==="pending_review"&&Xe==="In-Progress"&&R.fetchState==="Completed"?a.jsxs(Ht,{children:[a.jsxs(ea,{children:[a.jsx(yt,{}),a.jsx(ta,{windowSize:m,children:q===!0?i.submittedTitleWithTransfer:i.submittedTitle}),a.jsx(Zt,{isReadonly:!1,children:q===!0?i.submittedDescriptionWithTransfer.replace("__amount__",ve($e(z?.treasuryTransferMoneyLocalData?.amount?.amount??0),z?.treasuryTransferMoneyLocalData?.amount?.amount??0,je.currencySymbol)).replace("__account__",z?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):i.submittedDescription})]}),a.jsx(ht,{label:i.submittedButton,onClick:()=>{V(),te?.()},variant:"primary"})]}):a.jsxs(Et,{isSettings:n,children:[a.jsx(gt,{title:h&&S===!0?At:i.header,backgroundColor:Qe.colors.grey5,style:{zIndex:Q?1:4},onBackClick:()=>{St(p.formState.dirtyFields)?K(!0):V()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:qe,rightSideComponent:h?a.jsx(aa,{"data-testid":xt("nav-bar-close-business-verification-overlay"),onClick:()=>{V(),te?.()}}):null,source:"BusinessVerificationPage"}),Je===!0?a.jsx(wt,{titleComponent:a.jsx(bt,{children:i.discardTitle}),descriptionComponent:a.jsx(Ct,{children:i.discardDescription}),primaryButtonText:i.discard,secondaryButtonText:i.cancel,action:ot}):null,a.jsxs(Ut,{windowSize:m,children:[(!h||S===!1)&&a.jsx(Rt,{windowSize:m,children:n?_t.infoText.businessVerification:i.title}),O==="In-Progress"||O==="Not-Started"?a.jsx(Mt,{children:a.jsx(Tt,{size:"ExtraLarge",start:!0})}):a.jsx(Dt,{...p,children:a.jsxs("form",{id:Ne(Ie),onSubmit:it,children:[h&&S===!0&&a.jsxs(zt,{children:[a.jsxs(Kt,{windowSize:m,children:[a.jsx(Qt,{windowSize:m,children:Z?i.businessVerificationDetails:de?i.verifyBusinessDetails:i.verifyBusinessDetailsWithoutTransfer}),!Z&&a.jsx(Xt,{children:a.jsxs(Yt,{children:[a.jsx(Oe,{}),de&&a.jsx(Oe,{}),a.jsx(Jt,{})]})})]}),a.jsx(_e,{isReadonly:Z,children:i.verifyBusinessDetailsDescription})]}),a.jsxs(Wt,{children:[a.jsx(Vt,{companyOfficerData:w,allNationalityCountries:F,allOfficers:J??[],sectionId:T,isRefreshingViewInBackground:_,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:se,onEditFileName:ie,onOfficerAddressClick:ae,onDeleteFile:ne,isDisabled:I,filesEndPoint:r,authParams:A,isPopupOpen:Q,openPopup:Ze,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,companyTitles:E,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Lt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:j,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:b,isDisabled:j?.code==="pending_review"||j?.code==="verified"?"readonly":I,fileProps:{authParams:A,filesEndPoint:r,onEditFileName:ie,onDeleteFile:ne,updateFilesEntity:se},onCompanyAddressClick:ae,onRegisteredAddressClick:Ae,connectedAccountProvider:U,allIndustries:B})]}),y==="zeni_accounts"?a.jsx(Gt,{windowSize:m,children:i.threadText.replace("__amount__",lt)}):null]})})]}),O==="Completed"&&(y==="zeni_treasury"?Y?.companyVerificationStatus?.code!=="pending_review"&&Y?.companyVerificationStatus?.code!=="verified":X?.businessVerificationStatus?.code!=="pending_review"&&X?.businessVerificationStatus?.code!=="verified")?a.jsx(vt,{formId:Ne(Ie),primaryBtn:{label:S?Pe.submit:i.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="verification"&&R.fetchState==="In-Progress",isDisabled:I!=null},containerStyle:{width:m==="small"?x.width.valuePx(m):"auto",justifyContent:m==="small"?"space-between":"center"},helperStyle:{width:m==="small"?x.width.valuePx(m):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(m),paddingRight:x.termsPaddingLeftRight.valuePx(m),textAlign:m==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:S?Pe.back:i.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(S)V();else{const e=w[v],s=l?.primaryContactLocalData;M!=="save"&&oe("save");const c=e?.email??"",f=tt(),C=at();f&&C&&(g?.trackBusinessVerificationSave({email:c,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?G(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification},{companyDescription:l?.companyDescription,legalName:l?.companyLegalName,phone:l?.phone,website:l?.website?.toString(),industry:l?.companyIndustry??"",formattedAddress:l?.addressStatus?.addressToCreate!=null?G(l?.addressStatus?.addressToCreate):void 0},{firstName:s?.firstName,lastName:s?.lastName,email:s?.email},y,n?"Settings":void 0),Ge?.(v))}}},helperText:Ye,style:{padding:`12px ${o.sp3}`,zIndex:Q?0:4}}):null]})},Bt=(t,F,O,_)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:A,companyView:y}=t,B=Ve.getLocalizedStrings().companyPassport,E=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[b]:{companyDescription:r?.companyDescription??"",ein:r?.companyFiles.find(u=>u.documentType==="tax_ein"),companyId:r?.companyId??"",syncToken:r?.syncToken,companyLegalName:r?.companyLegalName??"",companyWebsite:r?.website?.toString()??"",companyAddress:r?.addressStatus?.addressToCreate,registeredAddress:r?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:r?.companyIndustry,allOptions:F?.map(u=>u.code)},companyPhone:r?.phone??"",companyTaxId:r?.taxIdOrEIN??"",primaryContactName:{firstName:r?.primaryContactLocalData?.firstName??"",lastName:r?.primaryContactLocalData?.lastName??""},primaryContactEmail:r?.primaryContactLocalData?.email??"",primaryContactUserId:r?.primaryContactLocalData?.userId,primaryContactSyncToken:r?.primaryContactLocalData?.syncToken,fileIds:r?.companyFiles.map(u=>u.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(u=>u.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:B.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(i.sourceOfFundOptions)}},[T]:Object.values(A).map((u,I)=>{const n=u,h=$t(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${I+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:kt(n?.nationalityCountryCode,_.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:O?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:ke(!0,n?.userFiles??[],h),back:ke(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!E&&I===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},Ne=t=>`${t}_form`,Et=d.div`
+import{e as ct,q as dt,aN as ve,V as a,F as Oe,ad as W,a8 as mt,cP as pt,ax as ut,cB as ft,aV as De,aM as $e,g5 as yt,n as ht,bz as gt,aK as xt,cC as St,cm as wt,cn as Ct,co as bt,m as Tt,ab as vt,aO as Dt,o,y as N,al as Ve,g6 as $t,ft as ke,eU as kt,D as It,L as jt,ak as Fe,a as Nt,B as Pt,d as k}from"./index-BhteR_e0.js";import{a as P}from"./core-B-FNbYlu.js";import{n as d}from"./mui-DLNyBjYF.js";import{Et as Lt,bi as G}from"./zeni-epic-state-HWtMOH-U.js";import{S as Ot,s as Vt}from"./CompanyOfficerDetailsSection-ChsNKXbx-Dk7vpi01.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";import"./LabeledAddressValueField-CoTtV0RQ-CTJHm8Dm.js";import"./LabeledCreatableSingleSelectField-CnQsTYWe-BxSldgLD.js";import"./LabeledDocumentField-MkryOLQ8-ZmKcbrkd.js";const x={width:new N(343,580,726),titleWidth:new N(343,580,726,826),subTitlePaddingTop:new N(12,k[3]),subTitlePaddingBottom:new N(k[3],k[3]),verificationDetailsRowGap:new N(12,k[5],k[5]),termsPaddingLeftRight:new N(k[0],k[3])},Ft={stepTitle:new Nt("h6Regular","h5Regular")},Ie="businessVerificationPage",b="companyDetails",T="companyOfficerDetails",{commonSetUp:{businessVerification:i},common:{settings:Bt,currency:je,footer:Ne,strings:{empty:At}}}=Oe.getLocalizedStrings(),xa=({businessVerificationDetails:t,allNationalityCountries:F,verficationDetailsFetchState:L,isRefreshingViewInBackground:B,filesEndPoint:r,authParams:A,productType:y,allIndustries:_,companyTitles:E,maxInsuredAmount:u,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,isTreasuryTransferInitiated:q=!1,transferDetails:z,onOverlayClose:te,onAddressClick:ae,onRegisteredAddressClick:Ae,onBackClick:O,onGetOtp:_e,onVerifyOtp:Ee,onResendOtp:ze,onSendForVerificationClick:Re,onEditFileName:ie,onCompanyDetailsChanged:Ue,updateFilesEntity:se,onDeleteFile:ne,onDeleteFileList:Me,onCompanyOfficerUpdated:We,saveNewAddressInLocalStore:re,onSaveDetailsClick:Ge,onClickMenuIcon:qe,onExecuteTreasuryTransfer:Ke})=>{const Qe=ct(),m=dt(),{updateStatus:R,companyView:V,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,Xe=ve(R.fetchState),U=V?.company.company.featuresActivationInfo.connectedAccountProvider,Je=U==="unit"?a.jsxs(qt,{children:[i.terms.term1,a.jsx(W,{href:i.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.consent}),i.terms.term2,a.jsx(W,{href:i.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.depositTerms}),i.terms.term3,a.jsx(W,{href:i.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.privacy}),i.terms.term4,a.jsx(W,{href:i.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:i.terms.tos}),i.terms.term5]}):i.terms.termsForStripe,[Ye,K]=P.useState(!1),[M,oe]=P.useState("save"),[Q,Ze]=P.useState(!1),p=mt({mode:"all",reValidateMode:"onChange",defaultValues:_t(t,_,E,F)}),{isValid:He}=p.formState,X=V?.company.company.companyBillPayInfo,J=V?.company.company.companyTreasuryInfo,j=y==="zeni_treasury"?J?.companyVerificationStatus:X?.companyVerificationStatus,v=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),D=`Officer_${v<0?1:v+1}`,et=()=>{const e=w[D],s=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,$=e?.lastName,me=e?.titleAtCompany,pe=e?.documentTypeSelectedForVerification,ue=e?.phone,fe=e?.addressStatus?.addressToCreate,ye=fe!=null?G(fe):void 0,he=l?.companyDescription,H=l?.companyLegalName,ge=l?.companyIndustry,xe=l?.phone,Se=l?.website,we=l?.addressStatus?.addressToCreate!=null?G(l?.addressStatus?.addressToCreate):void 0,ee=l?.primaryContactLocalData,Ce=ee?.firstName,be=ee?.lastName,Te=ee?.email;s!=null&&f!=null&&C!=null&&$!=null&&c!=null&&me!=null&&ue!=null&&ye!=null&&pe!=null&&he!=null&&H!=null&&xe!=null&&Se!=null&&ge!=null&&H!=null&&we!=null&&Ce!=null&&be!=null&&Te!=null&&g?.trackBusinessVerificationSend({email:s,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:$,companyRole:me,phone:ue,formattedAddress:ye,documentTypeForVerification:pe},{companyDescription:he,legalName:H,phone:xe,website:Se.toString(),industry:ge,formattedAddress:we},{firstName:Ce,lastName:be,email:Te},y,n?"Settings":void 0)},tt=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=s?.email??"",$=!!s?.firstName&&!!s?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&p.trigger(`${T}.${v<0?0:v}.name`,{shouldFocus:!0}),!1):C&&!$?((!s?.firstName||!s?.lastName)&&p.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),!1):!0},at=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email,f=s?.email;if(c){if(!f)return(s?.firstName||s?.lastName)&&p.trigger(`${b}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(e?.firstName||e?.lastName||e?.birthday||e?.nationalityCountryCode||e?.ownershipInCompany||e?.phone||e?.ssn||e?.titleAtCompany||e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0||Y!=null&&Y?.length>0)return p.trigger(`${T}.${v<0?0:v}.email`,{shouldFocus:!0}),!1;return!0},it=p.handleSubmit(()=>{if(M!=="verification"&&oe("verification"),U==="unit"&&w[D]?.isPhoneVerified!==!0){p.setError(`${T}.${v}.phone`,{type:"custom"});return}const e=pt(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),s=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);Lt(e.concat(s)).fetchState!=="In-Progress"&&He&&(et(),Re?.(D),q===!0&&Ke?.())}),st=async(e,s)=>{e.includes(b)?Ue?.(s[b]):e.includes(T)&&We?.(s[T])},nt=P.useCallback(ut((e,s)=>{st(e,s)},300),[]);P.useEffect(()=>{const e=p.watch((s,{name:c})=>{c!=null&&s!=null&&ft(()=>nt(c,s))});return()=>{e.unsubscribe()}});const le=ve(t.companyDetailsLocalData?.addressStatus);P.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&le==null&&(re?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),p.setValue(`${b}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,le,re,p]);const ce=V?.companyOfficers.slice(0,10).sort((e,s)=>e.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),Y=ce?.map(e=>e.user),rt=ce?.map(e=>e.role),ot={onOkClick:()=>{K(!1),O();const e=[],s=V?.company.company.incInfo.fileIds??[];p.getValues(`${b}.fileIds`).forEach(c=>{s.includes(c)||e.push(c)}),rt?.forEach((c,f)=>{const C=c?.fileIds??[];p.getValues(`${T}.${f}.fileIds`).forEach($=>{C.includes($)||e.push($)})}),e.length!==0&&Me?.(e)},onCancelClick:()=>{K(!1)}},lt=De($e(u),u,je.currencySymbol).toUpperCase(),Z=j?.code==="pending_review"||j?.code==="verified",de=(z?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&j?.code==="pending_review"&&Xe==="In-Progress"&&R.fetchState==="Completed"?a.jsxs(Ht,{children:[a.jsxs(ea,{children:[a.jsx(yt,{}),a.jsx(ta,{windowSize:m,children:q===!0?i.submittedTitleWithTransfer:i.submittedTitle}),a.jsx(Zt,{isReadonly:!1,children:q===!0?i.submittedDescriptionWithTransfer.replace("__amount__",De($e(z?.treasuryTransferMoneyLocalData?.amount?.amount??0),z?.treasuryTransferMoneyLocalData?.amount?.amount??0,je.currencySymbol)).replace("__account__",z?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):i.submittedDescription})]}),a.jsx(ht,{label:i.submittedButton,onClick:()=>{O(),te?.()},variant:"primary"})]}):a.jsxs(Et,{isSettings:n,children:[a.jsx(gt,{title:h&&S===!0?At:i.header,backgroundColor:Qe.colors.grey5,style:{zIndex:Q?1:4},onBackClick:()=>{St(p.formState.dirtyFields)?K(!0):O()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:qe,rightSideComponent:h?a.jsx(aa,{"data-testid":xt("nav-bar-close-business-verification-overlay"),onClick:()=>{O(),te?.()}}):null,source:"BusinessVerificationPage"}),Ye===!0?a.jsx(wt,{titleComponent:a.jsx(bt,{children:i.discardTitle}),descriptionComponent:a.jsx(Ct,{children:i.discardDescription}),primaryButtonText:i.discard,secondaryButtonText:i.cancel,action:ot}):null,a.jsxs(Ut,{windowSize:m,children:[(!h||S===!1)&&a.jsx(Rt,{windowSize:m,children:n?Bt.infoText.businessVerification:i.title}),L==="In-Progress"||L==="Not-Started"?a.jsx(Mt,{children:a.jsx(Tt,{size:"ExtraLarge",start:!0})}):a.jsx(vt,{...p,children:a.jsxs("form",{id:Pe(Ie),onSubmit:it,children:[h&&S===!0&&a.jsxs(zt,{children:[a.jsxs(Kt,{windowSize:m,children:[a.jsx(Qt,{windowSize:m,children:Z?i.businessVerificationDetails:de?i.verifyBusinessDetails:i.verifyBusinessDetailsWithoutTransfer}),!Z&&a.jsx(Xt,{children:a.jsxs(Jt,{children:[a.jsx(Le,{}),de&&a.jsx(Le,{}),a.jsx(Yt,{})]})})]}),a.jsx(Be,{isReadonly:Z,children:i.verifyBusinessDetailsDescription})]}),a.jsxs(Wt,{children:[a.jsx(Ot,{companyOfficerData:w,allNationalityCountries:F,allOfficers:Y??[],sectionId:T,isRefreshingViewInBackground:B,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:se,onEditFileName:ie,onOfficerAddressClick:ae,onDeleteFile:ne,isDisabled:I,filesEndPoint:r,authParams:A,isPopupOpen:Q,openPopup:Ze,onGetOtp:_e,onVerifyOtp:Ee,onResendOtp:ze,companyTitles:E,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Vt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:j,isRefreshingViewInBackground:B},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:b,isDisabled:j?.code==="pending_review"||j?.code==="verified"?"readonly":I,fileProps:{authParams:A,filesEndPoint:r,onEditFileName:ie,onDeleteFile:ne,updateFilesEntity:se},onCompanyAddressClick:ae,onRegisteredAddressClick:Ae,connectedAccountProvider:U,allIndustries:_})]}),y==="zeni_accounts"?a.jsx(Gt,{windowSize:m,children:i.threadText.replace("__amount__",lt)}):null]})})]}),L==="Completed"&&(y==="zeni_treasury"?J?.companyVerificationStatus?.code!=="pending_review"&&J?.companyVerificationStatus?.code!=="verified":X?.businessVerificationStatus?.code!=="pending_review"&&X?.businessVerificationStatus?.code!=="verified")?a.jsx(Dt,{formId:Pe(Ie),primaryBtn:{label:S?Ne.submit:i.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="verification"&&R.fetchState==="In-Progress",isDisabled:I!=null},containerStyle:{width:m==="small"?x.width.valuePx(m):"auto",justifyContent:m==="small"?"space-between":"center"},helperStyle:{width:m==="small"?x.width.valuePx(m):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(m),paddingRight:x.termsPaddingLeftRight.valuePx(m),textAlign:m==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:S?Ne.back:i.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(S)O();else{const e=w[D],s=l?.primaryContactLocalData;M!=="save"&&oe("save");const c=e?.email??"",f=tt(),C=at();f&&C&&(g?.trackBusinessVerificationSave({email:c,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?G(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification},{companyDescription:l?.companyDescription,legalName:l?.companyLegalName,phone:l?.phone,website:l?.website?.toString(),industry:l?.companyIndustry??"",formattedAddress:l?.addressStatus?.addressToCreate!=null?G(l?.addressStatus?.addressToCreate):void 0},{firstName:s?.firstName,lastName:s?.lastName,email:s?.email},y,n?"Settings":void 0),Ge?.(D))}}},helperText:Je,style:{padding:`12px ${o.sp3}`,zIndex:Q?0:4}}):null]})},_t=(t,F,L,B)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:A,companyView:y}=t,_=Oe.getLocalizedStrings().companyPassport,E=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[b]:{companyDescription:r?.companyDescription??"",ein:r?.companyFiles.find(u=>u.documentType==="tax_ein"),companyId:r?.companyId??"",syncToken:r?.syncToken,companyLegalName:r?.companyLegalName??"",companyWebsite:r?.website?.toString()??"",companyAddress:r?.addressStatus?.addressToCreate,registeredAddress:r?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:r?.companyIndustry,allOptions:F?.map(u=>u.code)},companyPhone:r?.phone??"",companyTaxId:r?.taxIdOrEIN??"",primaryContactName:{firstName:r?.primaryContactLocalData?.firstName??"",lastName:r?.primaryContactLocalData?.lastName??""},primaryContactEmail:r?.primaryContactLocalData?.email??"",primaryContactUserId:r?.primaryContactLocalData?.userId,primaryContactSyncToken:r?.primaryContactLocalData?.syncToken,fileIds:r?.companyFiles.map(u=>u.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(u=>u.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:_.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(i.sourceOfFundOptions)}},[T]:Object.values(A).map((u,I)=>{const n=u,h=$t(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${I+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:kt(n?.nationalityCountryCode,B.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:L?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:ke(!0,n?.userFiles??[],h),back:ke(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!E&&I===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},Pe=t=>`${t}_form`,Et=d.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -42,13 +42,13 @@ import{d as ct,Q as dt,aN as De,V as a,F as Ve,ad as W,a8 as mt,cP as pt,ax as u
   display: flex;
   flex-direction: column;
   row-gap: ${o.sp11};
-`,Gt=d(Le)`
+`,Gt=d(Ve)`
   margin-top: ${o.sp2};
   padding: ${o.sp2} ${o.sp2};
   text-align: center;
   color: ${t=>t.theme.colors.grey1};
   width: ${t=>x.width.valuePx(t.windowSize)};
-`,qt=d(Le)`
+`,qt=d(Ve)`
   text-align: center;
   max-width: 750px;
   color: ${t=>t.theme.colors.hero};
@@ -57,7 +57,7 @@ import{d as ct,Q as dt,aN as De,V as a,F as Ve,ad as W,a8 as mt,cP as pt,ax as u
   flex-direction: column;
   gap: ${o.sp3};
   width: 100%;
-`,Qt=d(Nt)`
+`,Qt=d(Pt)`
   ${t=>`${Ft.stepTitle.style(t.windowSize)}`};
   color: ${t=>t.theme.colors.primary};
   text-align: left;
@@ -66,16 +66,16 @@ import{d as ct,Q as dt,aN as De,V as a,F as Ve,ad as W,a8 as mt,cP as pt,ax as u
   align-items: center;
   overflow: hidden;
   gap: ${o.sp2};
-`,Yt=d.div`
+`,Jt=d.div`
   display: flex;
   width: 100%;
   gap: ${o.sp3};
-`,Oe=d.div`
+`,Le=d.div`
   flex: 1;
   height: 2px;
   background-color: ${t=>t.theme.colors.primary};
   border-radius: ${o.sp2};
-`,Jt=d.div`
+`,Yt=d.div`
   flex: 1;
   height: 2px;
   background-color: ${t=>t.theme.colors.grey3};
@@ -102,11 +102,11 @@ import{d as ct,Q as dt,aN as De,V as a,F as Ve,ad as W,a8 as mt,cP as pt,ax as u
       transform: translateX(0%);
     }
   }
-`,_e=d(Fe)`
+`,Be=d(Fe)`
   color: ${t=>t.theme.colors.hero};
   margin-top: ${t=>t.isReadonly?o.sp0:o.sp3};
   white-space: pre-line;
-`,Zt=d(_e)`
+`,Zt=d(Be)`
   margin-top: ${o.sp0};
   text-align: center;
 `,Ht=d.div`
@@ -135,4 +135,4 @@ import{d as ct,Q as dt,aN as De,V as a,F as Ve,ad as W,a8 as mt,cP as pt,ax as u
   &:hover {
     color: ${t=>t.theme.colors.primary};
   }
-`;export{xa as default,Ne as uniqueName};
+`;export{xa as default,Pe as uniqueName};

package/dist/assets/{CardNumberSubText-W81SQ4GF-D9TP2ZHa.js → CardNumberSubText-D_fWhc_K-BxJ3GoBc.js}

@@ -1,4 +1,4 @@
-import{Q as w,F as x,V as t,b as $,B as y,o as s,M as C}from"./index-DcV3YN51.js";import{n as l}from"./mui-bYXq4XMS.js";import{a as d}from"./core-3dlyNYRL.js";const f=e=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z",fill:"currentColor"})),{common:n,spendManagement:{chargeCard:r}}=x.getLocalizedStrings(),H={subText:new y("extraSmallRegular","standardRegular")},S=({cardDetail:e,forDetailPage:a,styles:h})=>{const m=w(),u=e.type.code.includes("credit")?r.chargeCardsPromo.credit:r.chargeCardsPromo.debit;let o=e.type.code.includes("physical")?r.cardList.physicalCard:r.cardList.virtualCard;const i=n.strings.space+r.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,g=e.status.code==="request_on_hold"||!a?o:i,c=e.type.code.includes("physical");return t.jsxs(b,{style:h,windowSize:m,forDetailPage:a,className:"cardName",title:`${g}`,children:[u,t.jsx(v,{}),o,c&&!a?t.jsx(p,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!a?null:i,c&&a?t.jsx(p,{}):null]})},b=l(C)`
+import{q as w,F as x,V as t,b as $,a as y,o as s,B as C}from"./index-BhteR_e0.js";import{n as l}from"./mui-DLNyBjYF.js";import{a as d}from"./core-B-FNbYlu.js";const f=e=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z",fill:"currentColor"})),{common:n,spendManagement:{chargeCard:r}}=x.getLocalizedStrings(),H={subText:new y("extraSmallRegular","standardRegular")},D=({cardDetail:e,forDetailPage:a,styles:h})=>{const m=w(),u=e.type.code.includes("credit")?r.chargeCardsPromo.credit:r.chargeCardsPromo.debit;let o=e.type.code.includes("physical")?r.cardList.physicalCard:r.cardList.virtualCard;const i=n.strings.space+r.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,g=e.status.code==="request_on_hold"||!a?o:i,c=e.type.code.includes("physical");return t.jsxs(b,{style:h,windowSize:m,forDetailPage:a,className:"cardName",title:`${g}`,children:[u,t.jsx(v,{}),o,c&&!a?t.jsx(p,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!a?null:i,c&&a?t.jsx(p,{}):null]})},b=l(C)`
   ${e=>e.forDetailPage?{...$.extraSmallRegular.cssObject}:`${H.subText.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
@@ -18,4 +18,4 @@ import{Q as w,F as x,V as t,b as $,B as y,o as s,M as C}from"./index-DcV3YN51.js
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${e=>e.theme.colors.hero};
-`;export{S as j};
+`;export{D as j};

package/dist/assets/{CashbackDetailPage-DnOcmx2i-BC6CYrJs.js → CashbackDetailPage-D3WylWVP-CydwwFdH.js}

@@ -1,4 +1,4 @@
-import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as i,p as B,y as h,ak as v,de as oe,u as l,aV as re,aL as O,bO as ae,aK as z,ag as $,jc as U,jd as X,iS as se,cv as ne,cy as de,al as T,iT as le,iU as ce}from"./index-DcV3YN51.js";import{n as o}from"./mui-bYXq4XMS.js";import{FK as b,bj as he}from"./zeni-epic-state-BwKvATgd.js";import{w as Y,a as V}from"./core-3dlyNYRL.js";import{q as pe}from"./InsightsSection-B3xD0SZ9-D-qnLmvb.js";import{B as me,C as ge,X as xe,Y as we,T as ue,b as ye,j as fe}from"./recharts-h5iNQbFd.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./lexical-DPEnH3HH.js";import"./NavigationDots-DyMqwpgy-JfxKvmss.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(fe,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,$e=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,ve=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(je,{children:t.jsx(ke,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(A,{children:W.month})," ",t.jsx(G,{children:b(n).format($e)})]}),t.jsxs(E,{children:[t.jsx(A,{children:W.cashback}),t.jsx(G,{children:O("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
+import{e as k,q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as J,bY as ie,o as i,p as B,y as h,ak as v,de as oe,d as l,aV as re,aL as T,bO as ae,aK as z,ag as $,jc as U,jd as X,iS as se,cv as ne,cy as de,al as O,iT as le,iU as ce}from"./index-BhteR_e0.js";import{n as o}from"./mui-DLNyBjYF.js";import{FK as b,bj as he}from"./zeni-epic-state-HWtMOH-U.js";import{S as R,a as V}from"./core-B-FNbYlu.js";import{q as pe}from"./InsightsSection-7-T67WeF-BlMRO9Ba.js";import{B as me,C as ge,X as xe,Y as we,T as ue,b as ye,j as fe}from"./recharts-Cnl2EvUV.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./lexical-DPEnH3HH.js";import"./NavigationDots-BT-m0FmS-CJdtX5bS.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(fe,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:s,width:n,height:a})},W=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,$e=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,ve=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(je,{children:t.jsx(ke,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(q,{children:W.month})," ",t.jsx(G,{children:b(n).format($e)})]}),t.jsxs(E,{children:[t.jsx(q,{children:W.cashback}),t.jsx(G,{children:T("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
   display: flex;
   gap: ${i.sp1};
 `,je=o.div`
@@ -17,14 +17,14 @@ import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as
   min-width: ${i.sp8};
   display: flex;
   justify-content: flex-end;
-`,A=o($)`
+`,q=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,Se=Y.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:Z}},common:{currency:I}}=w.getLocalizedStrings(),Le=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Ie,{width:n,height:a,children:t.jsx(Q,{children:({height:c,width:p})=>t.jsxs(me,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(ge,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(xe,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>b(m).format(Ce)}),t.jsx(we,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>re("0,0.[00]a",m,e?.[0].currencySymbol??I.currencySymbol)}),t.jsx(ue,{cursor:t.jsx(be,{}),content:s}),t.jsx(ye,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function ze({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>b(c.period),"asc"),r=Me(a);return t.jsx(Le,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(Se,{active:c,payload:p,label:m}),width:s,height:n})}const Pe=e=>e.format(Z),Me=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??he().subtract(1,"M").format(Z);for(;s.length<12;){const r={amount:0,period:Pe(b(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??I.currencyCode,currencySymbol:n?.currencySymbol??I.currencySymbol};s.push(r),a=r.period}return s},Ie=o.div`
+`,Se=R.memo(ve),{dateFormat:{visual:{MMMYYFormat:Ce,YYYYDashMMFormat:Q}},common:{currency:I}}=w.getLocalizedStrings(),Le=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Ie,{width:n,height:a,children:t.jsx(J,{children:({height:c,width:p})=>t.jsxs(me,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(ge,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(xe,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>b(m).format(Ce)}),t.jsx(we,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>re("0,0.[00]a",m,e?.[0].currencySymbol??I.currencySymbol)}),t.jsx(ue,{cursor:t.jsx(be,{}),content:s}),t.jsx(ye,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function ze({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>b(c.period),"asc"),r=Me(a);return t.jsx(Le,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(Se,{active:c,payload:p,label:m}),width:s,height:n})}const Pe=e=>e.format(Q),Me=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??he().subtract(1,"M").format(Q);for(;s.length<12;){const r={amount:0,period:Pe(b(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??I.currencyCode,currencySymbol:n?.currencySymbol??I.currencySymbol};s.push(r),a=r.period}return s},Ie=o.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
   background: ${e=>e.theme.colors.grey5};
-`,_=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:_.month,sortOrder:"ascending",width:new h(50,50)},De={key:"cashback",value:_.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[Fe,De],y={headerLastColumnTopPadding:new h(l[0],l[4]),headerLastColumnRightPadding:new h(l[3],l[11]),headerLastColumnBottomPadding:new h(l[0],l[4]),headerLastColumnLeftPadding:new h(l[3],l[11]),headerHeight:new h(le,ce)};function Be({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=V.useState(ee());V.useEffect(()=>{const d=[...r];for(const g of d)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,g)=>{let R=g;e.sortKey===d&&(R=g==="ascending"?"descending":"ascending"),s(d,R)},m=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(g=>g.key===d)?.value??"",C=r.map(d=>d.key),K=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(q,{windowSize:a,children:[t.jsxs(Ke,{children:[t.jsx(Ve,{children:t.jsx(Re,{})}),t.jsx(ae,{title:K.sortBy,placeholder:K.sortBy,pickerValues:C,valueToLabel:S,selectedValue:e.sortKey,onPickerSelectionChanged:d=>{p(d,"ascending")},optionTextStyle:u.smallRegular,titleTextStyle:u.smallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ge,{onClick:()=>p(m.key,m.sortOrder),"data-testid":z("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(J,{})})]})]}):t.jsx(q,{windowSize:a,children:r.map((d,g)=>t.jsxs(Te,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:g===r.length-1,windowSize:a,children:[t.jsxs(Ee,{onClick:()=>p(d.key,d.sortOrder),"data-testid":z("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(J,{})})]}),t.jsx(We,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Ye,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Oe=Y.memo(Be),q=o($)`
+`,_=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Fe={key:"month",value:_.month,sortOrder:"ascending",width:new h(50,50)},De={key:"cashback",value:_.cashback,sortOrder:"ascending",width:new h(50,50)},ee=()=>[Fe,De],y={headerLastColumnTopPadding:new h(l[0],l[4]),headerLastColumnRightPadding:new h(l[3],l[11]),headerLastColumnBottomPadding:new h(l[0],l[4]),headerLastColumnLeftPadding:new h(l[3],l[11]),headerHeight:new h(le,ce)};function Be({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=V.useState(ee());V.useEffect(()=>{const d=[...r];for(const g of d)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,g)=>{let K=g;e.sortKey===d&&(K=g==="ascending"?"descending":"ascending"),s(d,K)},m=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(g=>g.key===d)?.value??"",C=r.map(d=>d.key),Y=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(A,{windowSize:a,children:[t.jsxs(Ye,{children:[t.jsx(Ve,{children:t.jsx(Ke,{})}),t.jsx(ae,{title:Y.sortBy,placeholder:Y.sortBy,pickerValues:C,valueToLabel:S,selectedValue:e.sortKey,onPickerSelectionChanged:d=>{p(d,"ascending")},optionTextStyle:u.smallRegular,titleTextStyle:u.smallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),t.jsxs(Ge,{onClick:()=>p(m.key,m.sortOrder),"data-testid":z("cashback-list-header-mobile",m.value),children:[t.jsx($,{children:m.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:m,children:t.jsx(N,{})})]})]}):t.jsx(A,{windowSize:a,children:r.map((d,g)=>t.jsxs(Oe,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:g===r.length-1,windowSize:a,children:[t.jsxs(Ee,{onClick:()=>p(d.key,d.sortOrder),"data-testid":z("cashback-list-header",d.value),children:[t.jsx($,{children:d.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:d,children:t.jsx(N,{})})]}),t.jsx(We,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Re,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Te=R.memo(Be),A=o($)`
   top: ${i.sp0};
   left: ${i.sp0};
   min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
@@ -38,7 +38,7 @@ import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
-`,Te=o.div`
+`,Oe=o.div`
   color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
   max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
@@ -50,7 +50,7 @@ import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as
   box-sizing: border-box;
   overflow: hidden;
   justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-`,Ye=o(de)`
+`,Re=o(de)`
   width: 12px;
   height: 12px;
   cursor: pointer;
@@ -60,15 +60,15 @@ import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
   ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
-`,J=o(ne)`
+`,N=o(ne)`
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: inherit;
-`,Ke=o.div`
+`,Ye=o.div`
   gap: ${i.sp1};
   display: flex;
-`,Re=o(se)`
+`,Ke=o(se)`
   width: 12px;
   height: 12px;
   color: inherit;
@@ -94,12 +94,12 @@ import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:Ae}},dateFormat:{visual:qe}}=w.getLocalizedStrings(),He=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=U(e.period),p=X(c);return t.jsx(Ue,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Xe,{children:t.jsxs(Ze,{children:[t.jsx(_e,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:a,children:[b(e.period).format(qe.MMMMYYYYFormat),p?t.jsxs(Ne,{children:[t.jsx(Qe,{}),t.jsx(Je,{children:Ae.tillDate})]}):null]})}),t.jsx(tt,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(it,{windowSize:a,children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Je=o(T)`
+`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:qe}},dateFormat:{visual:Ae}}=w.getLocalizedStrings(),He=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=U(e.period),p=X(c);return t.jsx(Ue,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Xe,{children:t.jsxs(Qe,{children:[t.jsx(_e,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(et,{windowSize:a,children:[b(e.period).format(Ae.MMMMYYYYFormat),p?t.jsxs(Ze,{children:[t.jsx(Je,{}),t.jsx(Ne,{children:qe.tillDate})]}):null]})}),t.jsx(tt,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(it,{windowSize:a,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ne=o(O)`
   color: ${e=>e.theme.colors.grey1};
-`,Ne=o.div`
+`,Ze=o.div`
   display: flex;
   align-items: center;
-`,Qe=o.div`
+`,Je=o.div`
   height: ${i.sp1};
   width: ${i.sp1};
   margin-right: ${i.sp2};
@@ -128,7 +128,7 @@ import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as
 `,Xe=o.div`
   display: block;
   width: 100%;
-`,Ze=o.div`
+`,Qe=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -175,7 +175,7 @@ import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as
   width: 100%;
   display: flex;
   justify-content: end;
-`,F={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:ot}},dateFormat:{visual:rt}}=w.getLocalizedStrings(),at=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=U(e.period),c=X(r);return t.jsx(lt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(ct,{children:t.jsxs(ht,{children:[t.jsx(mt,{children:t.jsxs(pt,{windowSize:a,children:[b(e.period).format(rt.MMMMYYYYFormat),c?t.jsxs(nt,{children:[t.jsx(dt,{}),t.jsx(st,{children:ot.tillDate})]}):null]})}),t.jsx(gt,{children:t.jsx(xt,{children:O("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},st=o(T)`
+`,F={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:ot}},dateFormat:{visual:rt}}=w.getLocalizedStrings(),at=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=U(e.period),c=X(r);return t.jsx(lt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(ct,{children:t.jsxs(ht,{children:[t.jsx(mt,{children:t.jsxs(pt,{windowSize:a,children:[b(e.period).format(rt.MMMMYYYYFormat),c?t.jsxs(nt,{children:[t.jsx(dt,{}),t.jsx(st,{children:ot.tillDate})]}):null]})}),t.jsx(gt,{children:t.jsx(xt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},st=o(O)`
   color: ${e=>e.theme.colors.grey1};
 `,nt=o.div`
   display: flex;
@@ -230,9 +230,9 @@ import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as
 `,gt=o.div`
   display: flex;
   flex-direction: column;
-`,xt=o(T)`
+`,xt=o(O)`
   color: ${e=>e.theme.colors.hero};
-`,N={separatorMarginLeftRight:new h(l[3],l[8])},wt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(ft,{children:[t.jsx(Oe,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(yt,{children:e.map((r,c)=>t.jsxs(Y.Fragment,{children:[t.jsx(ut,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},ut=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?at:He;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},yt=o.div``,ft=o.div`
+`,Z={separatorMarginLeftRight:new h(l[3],l[8])},wt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(ft,{children:[t.jsx(Te,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(yt,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(ut,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},ut=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?at:He;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},yt=o.div``,ft=o.div`
   display: block;
   height: 100%;
 `,bt=o.div`
@@ -241,9 +241,9 @@ import{d as k,Q as f,V as t,bz as te,F as w,fc as L,b as u,b1 as Q,bY as ie,o as
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-  margin-left: ${e=>N.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>N.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,D={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Vt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(Ct,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs($t,{windowSize:m,children:[t.jsxs(vt,{windowSize:m,children:[t.jsxs(P,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(L,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(L,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.available}),t.jsx(L,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(jt,{children:t.jsx(Q,{children:({height:S,width:C})=>t.jsx(ze,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(kt,{children:t.jsx(pe,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(St,{children:t.jsx(wt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},$t=o.div`
+  margin-left: ${e=>Z.separatorMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>Z.separatorMarginLeftRight.valuePx(e.windowSize)};
+`,D={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Vt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(Ct,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs($t,{windowSize:m,children:[t.jsxs(vt,{windowSize:m,children:[t.jsxs(P,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(L,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(L,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(P,{children:[t.jsx(M,{children:j.available}),t.jsx(L,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(jt,{children:t.jsx(J,{children:({height:S,width:C})=>t.jsx(ze,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(kt,{children:t.jsx(pe,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(St,{children:t.jsx(wt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},$t=o.div`
   position: relative;
   box-shadow: ${B.dropShadowNormalLight} 2px 2px ${i.sp1};
   background-color: ${e=>e.theme.colors.grey5};