@zeniai/web-cockpit-ui 1.14.24-qa → 1.14.25-dev

package/dist/assets/{BusinessVerificationPage-Czf-y16x-CBCn2hfu.js → BusinessVerificationPage-CGyAMZF_-M7hgZV6x.js}

@@ -1,4 +1,4 @@
-import{u as et,e as tt,a2 as we,j as a,M as Te,c as X,a as at,co as it,m as L,E as st,ca as nt,ab as rt,a1 as ot,J as lt,aX as ct,$ as dt,cb as mt,bV as pt,bX as ut,bY as ft,n as yt,F as ht,a4 as gt,o,C as P,B as Ie,fI as xt,fg as Ce,cD as St,c7 as wt,a3 as Ct,p as ke,X as bt,h as vt,s as k}from"./index-Dg4A8nvL.js";import{b as j,n as d}from"./vendor-rkTZJa59.js";import{x as Dt,s as Tt}from"./CompanyOfficerDetailsSection-DMCZTk1e-CdzOYXTm.js";import{r as It}from"./verification-CW6uEyev-BVrJsi0i.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./LabeledAddressValueField-DLou-2Lm-hN3Yi48B.js";import"./LabeledCreatableSingleSelectField-CxnC4AFe-D-JkO1RP.js";import"./LabeledDocumentField-By7zV2VD-DNFqIRCg.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])},kt={stepTitle:new bt("h6Regular","h5Regular")},be="businessVerificationPage",b="companyDetails",v="companyOfficerDetails",{commonSetUp:{businessVerification:s},common:{settings:$t,currency:Nt,footer:ve,strings:{empty:Pt}}}=Te.getLocalizedStrings(),ma=({businessVerificationDetails:t,allNationalityCountries:A,verficationDetailsFetchState:F,isRefreshingViewInBackground:B,filesEndPoint:r,authParams:z,productType:y,allIndustries:E,companyTitles:_,maxInsuredAmount:u,isDisabled:$,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,onAddressClick:Q,onRegisteredAddressClick:Ne,onBackClick:V,onGetOtp:Pe,onVerifyOtp:je,onResendOtp:Fe,onSendForVerificationClick:Ve,onEditFileName:ee,onCompanyDetailsChanged:Oe,updateFilesEntity:te,onDeleteFile:ae,onDeleteFileList:Le,onCompanyOfficerUpdated:Ae,saveNewAddressInLocalStore:ie,onSaveDetailsClick:Be,onClickMenuIcon:ze})=>{const Ee=et(),m=tt(),{updateStatus:R,companyView:O,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,_e=we(R.fetchState),U=O?.company.company.featuresActivationInfo.connectedAccountProvider,Re=U==="unit"?a.jsxs(Et,{children:[s.terms.term1,a.jsx(X,{href:s.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.consent}),s.terms.term2,a.jsx(X,{href:s.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.depositTerms}),s.terms.term3,a.jsx(X,{href:s.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.privacy}),s.terms.term4,a.jsx(X,{href:s.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:s.terms.tos}),s.terms.term5]}):s.terms.termsForStripe,[Ue,G]=j.useState(!1),[M,se]=j.useState("save"),[Z,Me]=j.useState(!1),p=at({mode:"all",reValidateMode:"onChange",defaultValues:jt(t,E,_,A)}),{isValid:Xe}=p.formState,J=O?.company.company.companyBillPayInfo,W=O?.company.company.companyTreasuryInfo,N=y==="zeni_treasury"?W?.companyVerificationStatus:J?.companyVerificationStatus,D=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),T=`Officer_${D<0?1:D+1}`,Ge=()=>{const e=w[T],i=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,I=e?.lastName,oe=e?.titleAtCompany,le=e?.documentTypeSelectedForVerification,ce=e?.phone,de=e?.addressStatus?.addressToCreate,me=de!=null?L.getFormattedAddress(de):void 0,pe=l?.companyDescription,H=l?.companyLegalName,ue=l?.companyIndustry,fe=l?.phone,ye=l?.website,he=l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0,K=l?.primaryContactLocalData,ge=K?.firstName,xe=K?.lastName,Se=K?.email;i!=null&&f!=null&&C!=null&&I!=null&&c!=null&&oe!=null&&ce!=null&&me!=null&&le!=null&&pe!=null&&H!=null&&fe!=null&&ye!=null&&ue!=null&&H!=null&&he!=null&&ge!=null&&xe!=null&&Se!=null&&g?.trackBusinessVerificationSend({email:i,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:I,companyRole:oe,phone:ce,formattedAddress:me,documentTypeForVerification:le},{companyDescription:pe,legalName:H,phone:fe,website:ye.toString(),industry:ue,formattedAddress:he},{firstName:ge,lastName:xe,email:Se},y,n?"Settings":void 0)},Ze=()=>{const e=w[T],i=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=i?.email??"",I=!!i?.firstName&&!!i?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&p.trigger(`${v}.${D<0?0:D}.name`,{shouldFocus:!0}),!1):C&&!I?((!i?.firstName||!i?.lastName)&&p.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),!1):!0},Je=()=>{const e=w[T],i=l?.primaryContactLocalData,c=e?.email,f=i?.email;if(c){if(!f)return(i?.firstName||i?.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||q!=null&&q?.length>0)return p.trigger(`${v}.${D<0?0:D}.email`,{shouldFocus:!0}),!1;return!0},We=p.handleSubmit(()=>{if(M!=="verification"&&se("verification"),U==="unit"&&w[T]?.isPhoneVerified!==!0){p.setError(`${v}.${D}.phone`,{type:"custom"});return}const e=it(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),i=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);L.reduceAllFetchState(e.concat(i)).fetchState!=="In-Progress"&&Xe&&(Ge(),Ve?.(T))}),qe=async(e,i)=>{e.includes(b)?Oe?.(i[b]):e.includes(v)&&Ae?.(i[v])},Ye=j.useCallback(st((e,i)=>{qe(e,i)},300),[]);j.useEffect(()=>{const e=p.watch((i,{name:c})=>{c!=null&&i!=null&&nt(()=>Ye(c,i))});return()=>{e.unsubscribe()}});const ne=we(t.companyDetailsLocalData?.addressStatus);j.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&ne==null&&(ie?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),p.setValue(`${b}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,ne,ie,p]);const re=O?.companyOfficers.slice(0,10).sort((e,i)=>e.user.createTime?.isAfter(i.user.createTime)===!0?1:-1),q=re?.map(e=>e.user),He=re?.map(e=>e.role),Ke={onOkClick:()=>{G(!1),V();const e=[],i=O?.company.company.incInfo.fileIds??[];p.getValues(`${b}.fileIds`).forEach(c=>{i.includes(c)||e.push(c)}),He?.forEach((c,f)=>{const C=c?.fileIds??[];p.getValues(`${v}.${f}.fileIds`).forEach(I=>{C.includes(I)||e.push(I)})}),e.length!==0&&Le?.(e)},onCancelClick:()=>{G(!1)}},Qe=rt(ot(u),u,Nt.currencySymbol).toUpperCase(),Y=N?.code==="pending_review"||N?.code==="verified";return y==="zeni_treasury"&&N?.code==="pending_review"&&_e==="In-Progress"&&R.fetchState==="Completed"?a.jsxs(Jt,{children:[a.jsxs(Wt,{children:[a.jsx(It,{}),a.jsx(qt,{windowSize:m,children:s.submittedTitle}),a.jsx(Zt,{isReadonly:!1,children:s.submittedDescription})]}),a.jsx(lt,{label:s.submittedButton,onClick:V,variant:"primary"})]}):a.jsxs(Ft,{isSettings:n,children:[a.jsx(ct,{title:h&&S===!0?Pt:s.header,backgroundColor:Ee.colors.grey5,style:{zIndex:Z?1:4},onBackClick:()=>{mt(p.formState.dirtyFields)?G(!0):V()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:ze,rightSideComponent:h?a.jsx(Yt,{"data-testid":dt("nav-bar-close-business-verification-overlay"),onClick:()=>{V()}}):null,source:"BusinessVerificationPage"}),Ue===!0?a.jsx(pt,{titleComponent:a.jsx(ft,{children:s.discardTitle}),descriptionComponent:a.jsx(ut,{children:s.discardDescription}),primaryButtonText:s.discard,secondaryButtonText:s.cancel,action:Ke}):null,a.jsxs(Lt,{windowSize:m,children:[(!h||S===!1)&&a.jsx(Ot,{windowSize:m,children:n?$t.infoText.businessVerification:s.title}),F==="In-Progress"||F==="Not-Started"?a.jsx(At,{children:a.jsx(yt,{size:"ExtraLarge",start:!0})}):a.jsx(ht,{...p,children:a.jsxs("form",{id:De(be),onSubmit:We,children:[h&&S===!0&&a.jsxs(Vt,{children:[a.jsxs(_t,{windowSize:m,children:[a.jsx(Rt,{windowSize:m,children:Y?s.businessVerificationDetails:s.verifyBusinessDetails}),!Y&&a.jsx(Ut,{children:a.jsxs(Mt,{children:[a.jsx(Xt,{}),a.jsx(Gt,{})]})})]}),a.jsx($e,{isReadonly:Y,children:s.verifyBusinessDetailsDescription})]}),a.jsxs(Bt,{children:[a.jsx(Dt,{companyOfficerData:w,allNationalityCountries:A,allOfficers:q??[],sectionId:v,isRefreshingViewInBackground:B,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:te,onEditFileName:ee,onOfficerAddressClick:Q,onDeleteFile:ae,isDisabled:$,filesEndPoint:r,authParams:z,isPopupOpen:Z,openPopup:Me,onGetOtp:Pe,onVerifyOtp:je,onResendOtp:Fe,companyTitles:_,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Tt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:N,isRefreshingViewInBackground:B},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:b,isDisabled:N?.code==="pending_review"||N?.code==="verified"?"readonly":$,fileProps:{authParams:z,filesEndPoint:r,onEditFileName:ee,onDeleteFile:ae,updateFilesEntity:te},onCompanyAddressClick:Q,onRegisteredAddressClick:Ne,connectedAccountProvider:U,allIndustries:E})]}),y==="zeni_accounts"?a.jsx(zt,{windowSize:m,children:s.threadText.replace("__amount__",Qe)}):null]})})]}),F==="Completed"&&(y==="zeni_treasury"?W?.companyVerificationStatus?.code!=="pending_review"&&W?.companyVerificationStatus?.code!=="verified":J?.businessVerificationStatus?.code!=="pending_review"&&J?.businessVerificationStatus?.code!=="verified")?a.jsx(gt,{formId:De(be),primaryBtn:{label:S?ve.submit:s.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="verification"&&R.fetchState==="In-Progress",isDisabled:$!=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?ve.back:s.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(S)V();else{const e=w[T],i=l?.primaryContactLocalData;M!=="save"&&se("save");const c=e?.email??"",f=Ze(),C=Je();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?L.getFormattedAddress(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?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0},{firstName:i?.firstName,lastName:i?.lastName,email:i?.email},y,n?"Settings":void 0),Be?.(T))}}},helperText:Re,style:{padding:`12px ${o.sp3}`,zIndex:Z?0:4}}):null]})},jt=(t,A,F,B)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:z,companyView:y}=t,E=Te.getLocalizedStrings().companyPassport,_=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:A?.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:E.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(s.sourceOfFundOptions)}},[v]:Object.values(z).map((u,$)=>{const n=u,h=xt(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${$+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:St(n?.nationalityCountryCode,B.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:F?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:Ce(!0,n?.userFiles??[],h),back:Ce(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!_&&$===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},De=t=>`${t}_form`,Ft=d.div`
+import{u as et,e as tt,a2 as we,j as a,B as Te,c as G,a as at,co as it,l as L,H as st,ca as nt,ab as rt,a1 as ot,K as lt,aX as ct,$ as dt,cb as mt,bV as pt,bX as ut,bY as ft,m as yt,F as ht,a4 as gt,o,C as P,k as Ie,fI as xt,fg as Ce,cD as St,c7 as wt,a3 as Ct,s as ke,J as bt,y as vt,q as k}from"./index-B9FgmOrh.js";import{b as j,n as d}from"./vendor-rkTZJa59.js";import{x as Dt,s as Tt}from"./CompanyOfficerDetailsSection-BjkrtiV9-wJhKxYTD.js";import{r as It}from"./verification-CW6uEyev-BVrJsi0i.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./LabeledAddressValueField-DlUmtYXY-Cs_gnXQQ.js";import"./LabeledCreatableSingleSelectField-B2tnkBes-WTYRlYy4.js";import"./LabeledDocumentField-DIZb6TGh-BGGslw6p.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])},kt={stepTitle:new bt("h6Regular","h5Regular")},be="businessVerificationPage",b="companyDetails",v="companyOfficerDetails",{commonSetUp:{businessVerification:s},common:{settings:$t,currency:Nt,footer:ve,strings:{empty:Pt}}}=Te.getLocalizedStrings(),ma=({businessVerificationDetails:t,allNationalityCountries:A,verficationDetailsFetchState:F,isRefreshingViewInBackground:B,filesEndPoint:r,authParams:z,productType:y,allIndustries:_,companyTitles:E,maxInsuredAmount:u,isDisabled:$,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,onAddressClick:Y,onRegisteredAddressClick:Ne,onBackClick:V,onGetOtp:Pe,onVerifyOtp:je,onResendOtp:Fe,onSendForVerificationClick:Ve,onEditFileName:ee,onCompanyDetailsChanged:Oe,updateFilesEntity:te,onDeleteFile:ae,onDeleteFileList:Le,onCompanyOfficerUpdated:Ae,saveNewAddressInLocalStore:ie,onSaveDetailsClick:Be,onClickMenuIcon:ze})=>{const _e=et(),m=tt(),{updateStatus:R,companyView:O,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,Ee=we(R.fetchState),U=O?.company.company.featuresActivationInfo.connectedAccountProvider,Re=U==="unit"?a.jsxs(_t,{children:[s.terms.term1,a.jsx(G,{href:s.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.consent}),s.terms.term2,a.jsx(G,{href:s.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.depositTerms}),s.terms.term3,a.jsx(G,{href:s.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.privacy}),s.terms.term4,a.jsx(G,{href:s.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:s.terms.tos}),s.terms.term5]}):s.terms.termsForStripe,[Ue,X]=j.useState(!1),[M,se]=j.useState("save"),[Z,Me]=j.useState(!1),p=at({mode:"all",reValidateMode:"onChange",defaultValues:jt(t,_,E,A)}),{isValid:Ge}=p.formState,q=O?.company.company.companyBillPayInfo,W=O?.company.company.companyTreasuryInfo,N=y==="zeni_treasury"?W?.companyVerificationStatus:q?.companyVerificationStatus,D=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),T=`Officer_${D<0?1:D+1}`,Xe=()=>{const e=w[T],i=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,I=e?.lastName,oe=e?.titleAtCompany,le=e?.documentTypeSelectedForVerification,ce=e?.phone,de=e?.addressStatus?.addressToCreate,me=de!=null?L.getFormattedAddress(de):void 0,pe=l?.companyDescription,H=l?.companyLegalName,ue=l?.companyIndustry,fe=l?.phone,ye=l?.website,he=l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0,Q=l?.primaryContactLocalData,ge=Q?.firstName,xe=Q?.lastName,Se=Q?.email;i!=null&&f!=null&&C!=null&&I!=null&&c!=null&&oe!=null&&ce!=null&&me!=null&&le!=null&&pe!=null&&H!=null&&fe!=null&&ye!=null&&ue!=null&&H!=null&&he!=null&&ge!=null&&xe!=null&&Se!=null&&g?.trackBusinessVerificationSend({email:i,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:I,companyRole:oe,phone:ce,formattedAddress:me,documentTypeForVerification:le},{companyDescription:pe,legalName:H,phone:fe,website:ye.toString(),industry:ue,formattedAddress:he},{firstName:ge,lastName:xe,email:Se},y,n?"Settings":void 0)},Ze=()=>{const e=w[T],i=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=i?.email??"",I=!!i?.firstName&&!!i?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&p.trigger(`${v}.${D<0?0:D}.name`,{shouldFocus:!0}),!1):C&&!I?((!i?.firstName||!i?.lastName)&&p.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),!1):!0},qe=()=>{const e=w[T],i=l?.primaryContactLocalData,c=e?.email,f=i?.email;if(c){if(!f)return(i?.firstName||i?.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(`${v}.${D<0?0:D}.email`,{shouldFocus:!0}),!1;return!0},We=p.handleSubmit(()=>{if(M!=="verification"&&se("verification"),U==="unit"&&w[T]?.isPhoneVerified!==!0){p.setError(`${v}.${D}.phone`,{type:"custom"});return}const e=it(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),i=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);L.reduceAllFetchState(e.concat(i)).fetchState!=="In-Progress"&&Ge&&(Xe(),Ve?.(T))}),Je=async(e,i)=>{e.includes(b)?Oe?.(i[b]):e.includes(v)&&Ae?.(i[v])},Ke=j.useCallback(st((e,i)=>{Je(e,i)},300),[]);j.useEffect(()=>{const e=p.watch((i,{name:c})=>{c!=null&&i!=null&&nt(()=>Ke(c,i))});return()=>{e.unsubscribe()}});const ne=we(t.companyDetailsLocalData?.addressStatus);j.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&ne==null&&(ie?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),p.setValue(`${b}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,ne,ie,p]);const re=O?.companyOfficers.slice(0,10).sort((e,i)=>e.user.createTime?.isAfter(i.user.createTime)===!0?1:-1),J=re?.map(e=>e.user),He=re?.map(e=>e.role),Qe={onOkClick:()=>{X(!1),V();const e=[],i=O?.company.company.incInfo.fileIds??[];p.getValues(`${b}.fileIds`).forEach(c=>{i.includes(c)||e.push(c)}),He?.forEach((c,f)=>{const C=c?.fileIds??[];p.getValues(`${v}.${f}.fileIds`).forEach(I=>{C.includes(I)||e.push(I)})}),e.length!==0&&Le?.(e)},onCancelClick:()=>{X(!1)}},Ye=rt(ot(u),u,Nt.currencySymbol).toUpperCase(),K=N?.code==="pending_review"||N?.code==="verified";return y==="zeni_treasury"&&N?.code==="pending_review"&&Ee==="In-Progress"&&R.fetchState==="Completed"?a.jsxs(qt,{children:[a.jsxs(Wt,{children:[a.jsx(It,{}),a.jsx(Jt,{windowSize:m,children:s.submittedTitle}),a.jsx(Zt,{isReadonly:!1,children:s.submittedDescription})]}),a.jsx(lt,{label:s.submittedButton,onClick:V,variant:"primary"})]}):a.jsxs(Ft,{isSettings:n,children:[a.jsx(ct,{title:h&&S===!0?Pt:s.header,backgroundColor:_e.colors.grey5,style:{zIndex:Z?1:4},onBackClick:()=>{mt(p.formState.dirtyFields)?X(!0):V()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:ze,rightSideComponent:h?a.jsx(Kt,{"data-testid":dt("nav-bar-close-business-verification-overlay"),onClick:()=>{V()}}):null,source:"BusinessVerificationPage"}),Ue===!0?a.jsx(pt,{titleComponent:a.jsx(ft,{children:s.discardTitle}),descriptionComponent:a.jsx(ut,{children:s.discardDescription}),primaryButtonText:s.discard,secondaryButtonText:s.cancel,action:Qe}):null,a.jsxs(Lt,{windowSize:m,children:[(!h||S===!1)&&a.jsx(Ot,{windowSize:m,children:n?$t.infoText.businessVerification:s.title}),F==="In-Progress"||F==="Not-Started"?a.jsx(At,{children:a.jsx(yt,{size:"ExtraLarge",start:!0})}):a.jsx(ht,{...p,children:a.jsxs("form",{id:De(be),onSubmit:We,children:[h&&S===!0&&a.jsxs(Vt,{children:[a.jsxs(Et,{windowSize:m,children:[a.jsx(Rt,{windowSize:m,children:K?s.businessVerificationDetails:s.verifyBusinessDetails}),!K&&a.jsx(Ut,{children:a.jsxs(Mt,{children:[a.jsx(Gt,{}),a.jsx(Xt,{})]})})]}),a.jsx($e,{isReadonly:K,children:s.verifyBusinessDetailsDescription})]}),a.jsxs(Bt,{children:[a.jsx(Dt,{companyOfficerData:w,allNationalityCountries:A,allOfficers:J??[],sectionId:v,isRefreshingViewInBackground:B,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:te,onEditFileName:ee,onOfficerAddressClick:Y,onDeleteFile:ae,isDisabled:$,filesEndPoint:r,authParams:z,isPopupOpen:Z,openPopup:Me,onGetOtp:Pe,onVerifyOtp:je,onResendOtp:Fe,companyTitles:E,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Tt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:N,isRefreshingViewInBackground:B},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:b,isDisabled:N?.code==="pending_review"||N?.code==="verified"?"readonly":$,fileProps:{authParams:z,filesEndPoint:r,onEditFileName:ee,onDeleteFile:ae,updateFilesEntity:te},onCompanyAddressClick:Y,onRegisteredAddressClick:Ne,connectedAccountProvider:U,allIndustries:_})]}),y==="zeni_accounts"?a.jsx(zt,{windowSize:m,children:s.threadText.replace("__amount__",Ye)}):null]})})]}),F==="Completed"&&(y==="zeni_treasury"?W?.companyVerificationStatus?.code!=="pending_review"&&W?.companyVerificationStatus?.code!=="verified":q?.businessVerificationStatus?.code!=="pending_review"&&q?.businessVerificationStatus?.code!=="verified")?a.jsx(gt,{formId:De(be),primaryBtn:{label:S?ve.submit:s.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="verification"&&R.fetchState==="In-Progress",isDisabled:$!=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?ve.back:s.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(S)V();else{const e=w[T],i=l?.primaryContactLocalData;M!=="save"&&se("save");const c=e?.email??"",f=Ze(),C=qe();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?L.getFormattedAddress(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?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0},{firstName:i?.firstName,lastName:i?.lastName,email:i?.email},y,n?"Settings":void 0),Be?.(T))}}},helperText:Re,style:{padding:`12px ${o.sp3}`,zIndex:Z?0:4}}):null]})},jt=(t,A,F,B)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:z,companyView:y}=t,_=Te.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:A?.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(s.sourceOfFundOptions)}},[v]:Object.values(z).map((u,$)=>{const n=u,h=xt(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${$+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:St(n?.nationalityCountryCode,B.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:F?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:Ce(!0,n?.userFiles??[],h),back:Ce(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!E&&$===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},De=t=>`${t}_form`,Ft=d.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -48,11 +48,11 @@ import{u as et,e as tt,a2 as we,j as a,M as Te,c as X,a as at,co as it,m as L,E
   text-align: center;
   color: ${t=>t.theme.colors.grey1};
   width: ${t=>x.width.valuePx(t.windowSize)};
-`,Et=d(Ie)`
+`,_t=d(Ie)`
   text-align: center;
   max-width: 750px;
   color: ${t=>t.theme.colors.hero};
-`,_t=d.div`
+`,Et=d.div`
   display: flex;
   flex-direction: column;
   gap: ${o.sp3};
@@ -70,13 +70,13 @@ import{u as et,e as tt,a2 as we,j as a,M as Te,c as X,a as at,co as it,m as L,E
   display: flex;
   width: 100%;
   gap: ${o.sp3};
-`,Xt=d.div`
+`,Gt=d.div`
   width: 50%;
   height: 2px;
   background-color: ${t=>t.theme.colors.primary};
   border-radius: ${o.sp2};
   flex-shrink: 0;
-`,Gt=d.div`
+`,Xt=d.div`
   width: 50%;
   height: 2px;
   background-color: ${t=>t.theme.colors.grey3};
@@ -111,7 +111,7 @@ import{u as et,e as tt,a2 as we,j as a,M as Te,c as X,a as at,co as it,m as L,E
 `,Zt=d($e)`
   margin-top: ${o.sp0};
   text-align: center;
-`,Jt=d.div`
+`,qt=d.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -124,11 +124,11 @@ import{u as et,e as tt,a2 as we,j as a,M as Te,c as X,a as at,co as it,m as L,E
   align-items: center;
   justify-content: center;
   gap: ${o.sp3};
-`,qt=d(wt)`
+`,Jt=d(wt)`
   color: ${t=>t.theme.colors.primary};
   white-space: pre-line;
   text-align: center;
-`,Yt=d(Ct)`
+`,Kt=d(Ct)`
   cursor: pointer;
   color: ${t=>t.theme.colors.hero};
   width: ${o.sp4};

package/dist/assets/CardNumberSubText-DWvfR19t-DE7est1t.js

@@ -0,0 +1,21 @@
+import{e as g,B as w,j as t,v as x,J as $,o as s,y}from"./index-B9FgmOrh.js";import{n as o,b as d}from"./vendor-rkTZJa59.js";const C=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}}=w.getLocalizedStrings(),f={subText:new $("extraSmallRegular","standardRegular")},R=({cardDetail:e,forDetailPage:a})=>{const h=g(),u=e.type.code.includes("credit")?r.chargeCardsPromo.credit:r.chargeCardsPromo.debit;let l=e.type.code.includes("physical")?r.cardList.physicalCard:r.cardList.virtualCard;const i=n.strings.space+r.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,m=e.status.code==="request_on_hold"||!a?l:i,c=e.type.code.includes("physical");return t.jsxs(v,{windowSize:h,forDetailPage:a,className:"cardName",title:`${m}`,children:[u,t.jsx(H,{}),l,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]})},v=o(y)`
+  ${e=>e.forDetailPage?{...x.extraSmallRegular.cssObject}:`${f.subText.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  gap: ${s.sp1};
+`,H=o.span`
+  height: ${s.sp1};
+  width: ${s.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+  margin: ${s.sp0} ${s.sp1};
+`,p=o(C)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+`;export{R as f};

package/dist/assets/{CashbackDetailPage-BOTxd8DW-CmEQ1WEw.js → CashbackDetailPage-CtUV5555-CGUzig_d.js}

@@ -1,4 +1,4 @@
-import{u as k,e as f,j as t,aX as te,M as w,cV as P,v as u,aj as U,bu as ie,o as i,g as B,C as h,p as v,dg as oe,m as y,s as l,b7 as re,b8 as ae,aw as se,av as ne,ab as de,b9 as le,bb as ce,iu as he,a0 as T,bn as pe,$ as z,i as $,iv as X,iw as q,ic as me,c3 as ge,c6 as xe,B as O,id as we,ie as ue}from"./index-Dg4A8nvL.js";import{n as o,f as R,b as V}from"./vendor-rkTZJa59.js";import{B as ye}from"./InsightsSection-DsO5tfQL-BFXwjc-s.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./NavigationDots-CI0cjpQA-DLC_4Z2x.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(he,{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,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,$e=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ve,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(G,{children:W.month})," ",t.jsx(A,{children:y.getZeniDateFromPeriod(n).format(fe)})]}),t.jsxs(E,{children:[t.jsx(G,{children:W.cashback}),t.jsx(A,{children:T("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null,E=o.div`
+import{u as k,e as f,j as t,aX as te,B as w,cV as P,v as u,aj as q,bu as ie,o as i,g as B,C as h,s as v,dg as oe,l as y,q as l,b7 as re,b8 as ae,aw as se,av as ne,ab as de,b9 as le,bb as ce,iu as he,a0 as T,bn as pe,$ as z,w as $,iv as J,iw as Q,ic as ge,c3 as me,c6 as xe,k as O,id as we,ie as ue}from"./index-B9FgmOrh.js";import{n as o,f as R,b as V}from"./vendor-rkTZJa59.js";import{B as ye}from"./InsightsSection-DLeJHy_5-CQC3yXku.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./NavigationDots-XsH5foe--BOOtSigy.js";const be=({x:e,y:s,width:n,height:a,payload:r})=>{const c=k();return t.jsx(he,{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,fe=w.getLocalizedStrings().dateFormat.visual.MMMMFormat,$e=({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?t.jsx(ve,{children:t.jsx(je,{children:t.jsxs("div",{children:[t.jsxs(E,{children:[t.jsx(G,{children:W.month})," ",t.jsx(A,{children:y.getZeniDateFromPeriod(n).format(fe)})]}),t.jsxs(E,{children:[t.jsx(G,{children:W.cashback}),t.jsx(A,{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};
 `,ve=o.div`
@@ -20,11 +20,11 @@ import{u as k,e as f,j as t,aX as te,M as w,cV as P,v as u,aj as U,bu as ie,o as
 `,G=o($)`
   color: ${e=>e.theme.colors.hero};
   min-width: 107px;
-`,ke=R.memo($e),{dateFormat:{visual:{MMMYYFormat:Se,YYYYDashMMFormat:Q}},common:{currency:F}}=w.getLocalizedStrings(),Ce=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Me,{width:n,height:a,children:t.jsx(U,{children:({height:c,width:p})=>t.jsxs(re,{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(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(se,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>y.getZeniDateFromPeriod(m).format(Se)}),t.jsx(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:m=>de("0,0.[00]a",m,e?.[0].currencySymbol??F.currencySymbol)}),t.jsx(le,{cursor:t.jsx(be,{}),content:s}),t.jsx(ce,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Pe({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>y.getZeniDateFromPeriod(c.period),"asc"),r=Le(a);return t.jsx(Ce,{chartData:r,customToolTipContent:({active:c,payload:p,label:m})=>t.jsx(ke,{active:c,payload:p,label:m}),width:s,height:n})}const ze=e=>e.format(Q),Le=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??y.dateNow().subtract(1,"M").format(Q);for(;s.length<12;){const r={amount:0,period:ze(y.getZeniDateFromPeriod(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??F.currencyCode,currencySymbol:n?.currencySymbol??F.currencySymbol};s.push(r),a=r.period}return s},Me=o.div`
+`,ke=R.memo($e),{dateFormat:{visual:{MMMYYFormat:Se,YYYYDashMMFormat:X}},common:{currency:F}}=w.getLocalizedStrings(),Ce=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=k();return t.jsx(Me,{width:n,height:a,children:t.jsx(q,{children:({height:c,width:p})=>t.jsxs(re,{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(ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(se,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:g=>y.getZeniDateFromPeriod(g).format(Se)}),t.jsx(ne,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...u.extraSmallRegular.cssObject},tickFormatter:g=>de("0,0.[00]a",g,e?.[0].currencySymbol??F.currencySymbol)}),t.jsx(le,{cursor:t.jsx(be,{}),content:s}),t.jsx(ce,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Pe({cashbackByPeriod:e,width:s,height:n}){const a=oe(e,c=>y.getZeniDateFromPeriod(c.period),"asc"),r=Le(a);return t.jsx(Ce,{chartData:r,customToolTipContent:({active:c,payload:p,label:g})=>t.jsx(ke,{active:c,payload:p,label:g}),width:s,height:n})}const ze=e=>e.format(X),Le=e=>{const s=e.map(r=>({...r,showTooltip:!0})),n=e[e.length-1];let a=n?.period??y.dateNow().subtract(1,"M").format(X);for(;s.length<12;){const r={amount:0,period:ze(y.getZeniDateFromPeriod(a).add(1,"M")),showTooltip:!1,currencyCode:n?.currencyCode??F.currencyCode,currencySymbol:n?.currencySymbol??F.currencySymbol};s.push(r),a=r.period}return s},Me=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],b={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(we,ue)};function Ie({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(Z,{windowSize:a,children:[t.jsxs(Re,{children:[t.jsx(Ke,{children:t.jsx(Ye,{})}),t.jsx(pe,{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(Ee,{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(Z,{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(We,{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(Ve,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Oe,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Be=R.memo(Ie),Z=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],b={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(we,ue)};function Ie({sortConfig:e,onColumnSortConfigChanged:s}){const n=k(),a=f(),[r,c]=V.useState(ee());V.useEffect(()=>{const d=[...r];for(const m of d)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";c(d)},[e.sortKey,e.sortOrder]);const p=(d,m)=>{let K=m;e.sortKey===d&&(K=m==="ascending"?"descending":"ascending"),s(d,K)},g=r.find(d=>d.key===e.sortKey)??r[0],S=d=>r.find(m=>m.key===d)?.value??"",C=r.map(d=>d.key),Y=w.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?t.jsxs(Z,{windowSize:a,children:[t.jsxs(Re,{children:[t.jsx(Ke,{children:t.jsx(Ye,{})}),t.jsx(pe,{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(Ee,{onClick:()=>p(g.key,g.sortOrder),"data-testid":z("cashback-list-header-mobile",g.value),children:[t.jsx($,{children:g.value}),t.jsx(H,{sortDataValue:e.sortKey,headerdata:g,children:t.jsx(N,{})})]})]}):t.jsx(Z,{windowSize:a,children:r.map((d,m)=>t.jsxs(Te,{sortDataValue:e.sortKey,actualDataValue:d.key,wrapperWidth:d.width,isLastItem:m===r.length-1,windowSize:a,children:[t.jsxs(We,{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(Ve,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===d.key&&d.key!=="month",children:t.jsx(Oe,{onClick:()=>p("month","ascending"),"data-testid":z("cashback-list-close-sort",d.key)})})]},d.key))})}const Be=R.memo(Ie),Z=o($)`
   top: ${i.sp0};
   left: ${i.sp0};
   min-height: ${e=>b.headerHeight.valuePx(e.windowSize)};
@@ -60,7 +60,7 @@ import{u as k,e as f,j as t,aX as te,M as w,cV as P,v as u,aj as U,bu 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(ge)`
+`,N=o(me)`
   width: 12px;
   height: 12px;
   cursor: pointer;
@@ -68,7 +68,7 @@ import{u as k,e as f,j as t,aX as te,M as w,cV as P,v as u,aj as U,bu as ie,o as
 `,Re=o.div`
   gap: ${i.sp1};
   display: flex;
-`,Ye=o(me)`
+`,Ye=o(ge)`
   width: 12px;
   height: 12px;
   color: inherit;
@@ -94,18 +94,18 @@ import{u as k,e as f,j as t,aX as te,M as w,cV as P,v as u,aj as U,bu 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:Ge}}=w.getLocalizedStrings(),Ze=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=X(e.period),p=q(c);return t.jsx(Ue,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Xe,{children:t.jsxs(qe,{children:[t.jsx(Qe,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(_e,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(Ge.MMMMYYYYFormat),p?t.jsxs(Je,{children:[t.jsx(Ne,{}),t.jsx(He,{children:Ae.tillDate})]}):null]})}),t.jsx(et,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(tt,{windowSize:a,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},He=o(O)`
+`,x={containerPaddingLeft:new h(l[3],l[4]),containerPaddingRight:new h(l[3],l[4]),containerPaddingTop:new h(l[2],16),containerPaddingBottom:new h(l[2],16),containerMarginLeft:new h(l[4],l[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:Ae}},dateFormat:{visual:Ge}}=w.getLocalizedStrings(),Ze=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=ee(),c=J(e.period),p=Q(c);return t.jsx(qe,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(Je,{children:t.jsxs(Qe,{children:[t.jsx(Xe,{windowSize:a,responsiveWidth:r[0].width,children:t.jsxs(_e,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(Ge.MMMMYYYYFormat),p?t.jsxs(Ne,{children:[t.jsx(Ue,{}),t.jsx(He,{children:Ae.tillDate})]}):null]})}),t.jsx(et,{windowSize:a,responsiveWidth:r[1].width,children:t.jsx(tt,{windowSize:a,children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},He=o(O)`
   color: ${e=>e.theme.colors.grey1};
-`,Je=o.div`
+`,Ne=o.div`
   display: flex;
   align-items: center;
-`,Ne=o.div`
+`,Ue=o.div`
   height: ${i.sp1};
   width: ${i.sp1};
   margin-right: ${i.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Ue=o.div`
+`,qe=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
@@ -125,15 +125,15 @@ import{u as k,e as f,j as t,aX as te,M as w,cV as P,v as u,aj as U,bu as ie,o as
   margin-left: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
   box-sizing: border-box;
   align-items: center;
-`,Xe=o.div`
+`,Je=o.div`
   display: block;
   width: 100%;
-`,qe=o.div`
+`,Qe=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
-`,Qe=o.div`
+`,Xe=o.div`
   display: flex;
   flex-direction: column;
   column-gap: 12px;
@@ -175,7 +175,7 @@ import{u as k,e as f,j as t,aX as te,M as w,cV as P,v as u,aj as U,bu as ie,o as
   width: 100%;
   display: flex;
   justify-content: end;
-`,D={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:it}},dateFormat:{visual:ot}}=w.getLocalizedStrings(),rt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=X(e.period),c=q(r);return t.jsx(dt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(lt,{children:t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsxs(ht,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(ot.MMMMYYYYFormat),c?t.jsxs(st,{children:[t.jsx(nt,{}),t.jsx(at,{children:it.tillDate})]}):null]})}),t.jsx(mt,{children:t.jsx(gt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},at=o(O)`
+`,D={containerMarginLeft:new h(l[3],l[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:it}},dateFormat:{visual:ot}}=w.getLocalizedStrings(),rt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=J(e.period),c=Q(r);return t.jsx(dt,{windowSize:a,isFirstItem:s,isLastItem:n,children:t.jsx(lt,{children:t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsxs(ht,{windowSize:a,children:[y.getZeniDateFromPeriod(e.period).format(ot.MMMMYYYYFormat),c?t.jsxs(st,{children:[t.jsx(nt,{}),t.jsx(at,{children:it.tillDate})]}):null]})}),t.jsx(gt,{children:t.jsx(mt,{children:T("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},at=o(O)`
   color: ${e=>e.theme.colors.grey1};
 `,st=o.div`
   display: flex;
@@ -227,12 +227,12 @@ import{u as k,e as f,j as t,aX as te,M as w,cV as P,v as u,aj as U,bu as ie,o as
   display: flex;
   flex-direction: row;
   gap: ${i.sp2};
-`,mt=o.div`
+`,gt=o.div`
   display: flex;
   flex-direction: column;
-`,gt=o(O)`
+`,mt=o(O)`
   color: ${e=>e.theme.colors.hero};
-`,N={separatorMarginLeftRight:new h(l[3],l[8])},xt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(yt,{children:[t.jsx(Be,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(ut,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(wt,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},wt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?rt:Ze;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},ut=o.div``,yt=o.div`
+`,U={separatorMarginLeftRight:new h(l[3],l[8])},xt=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return t.jsxs(yt,{children:[t.jsx(Be,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(ut,{children:e.map((r,c)=>t.jsxs(R.Fragment,{children:[t.jsx(wt,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:t.jsx(bt,{windowSize:a})]},r.period))})]})},wt=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?rt:Ze;return t.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},ut=o.div``,yt=o.div`
   display: block;
   height: 100%;
 `,bt=o.div`
@@ -241,9 +241,9 @@ import{u as k,e as f,j as t,aX as te,M as w,cV as P,v as u,aj as U,bu 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)};
-`,I={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Rt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),m=f();return t.jsxs(St,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs(ft,{windowSize:m,children:[t.jsxs($t,{windowSize:m,children:[t.jsxs(L,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(P,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(P,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.available}),t.jsx(P,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(vt,{children:t.jsx(U,{children:({height:S,width:C})=>t.jsx(Pe,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(jt,{children:t.jsx(ye,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(kt,{children:t.jsx(xt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},ft=o.div`
+  margin-left: ${e=>U.separatorMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>U.separatorMarginLeftRight.valuePx(e.windowSize)};
+`,I={pageContentPaddingLeftRight:new h(l[3],l[8]),cashbackSummaryContainerGap:new h(l[3],96)},j=w.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Rt=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=k(),g=f();return t.jsxs(St,{children:[t.jsx(te,{title:j.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),t.jsxs(ft,{windowSize:g,children:[t.jsxs($t,{windowSize:g,children:[t.jsxs(L,{children:[t.jsx(M,{children:j.totalEarned}),t.jsx(P,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.redeemed}),t.jsx(P,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:u.largeSemiBold.cssObject})]}),t.jsxs(L,{children:[t.jsx(M,{children:j.available}),t.jsx(P,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:u.largeSemiBold.cssObject})]})]}),t.jsx(vt,{children:t.jsx(q,{children:({height:S,width:C})=>t.jsx(Pe,{cashbackByPeriod:s,width:C,height:S})})}),t.jsx(jt,{children:t.jsx(ye,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),t.jsx(kt,{children:t.jsx(xt,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},ft=o.div`
   position: relative;
   box-shadow: ${B.dropShadowNormalLight} 2px 2px ${i.sp1};
   background-color: ${e=>e.theme.colors.grey5};