@zeniai/web-cockpit-ui 1.14.83-dev → 1.14.84-dev

package/dist/assets/BusinessVerificationPage-aj1YPi-U-D08S06Tj.js

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

package/dist/assets/CardNumberSubText-COZ0PEHK-CGMTIPNh.js

@@ -1,21 +0,0 @@
-import{u as x,a as w,j as r,t as y,d as C,b as s,e as $}from"./index-2CdI-B2B.js";import{n as l}from"./mui-kiGMfX4-.js";import{a as d}from"./core-tlHkQPPu.js";const{common:n,spendManagement:{chargeCard:a}}=w.getLocalizedStrings(),f={subText:new C("extraSmallRegular","standardRegular")},R=({cardDetail:e,forDetailPage:t,styles:h})=>{const u=x(),m=e.type.code.includes("credit")?a.chargeCardsPromo.credit:a.chargeCardsPromo.debit;let o=e.type.code.includes("physical")?a.cardList.physicalCard:a.cardList.virtualCard;const i=n.strings.space+a.cardDetails.expiryHideOut+n.strings.space+e.accountLast4,g=e.status.code!=="request_on_hold"&&t?i:o,c=e.type.code.includes("physical");return r.jsxs(S,{style:h,windowSize:u,forDetailPage:t,className:"cardName",title:`${g}`,children:[m,r.jsx(v,{}),o,c&&!t?r.jsx(p,{className:"physical-card-icon"}):null,e.status.code!=="request_on_hold"&&t?i:null,c&&t?r.jsx(p,{}):null]})},S=l($)`
-  ${e=>e.forDetailPage?{...y.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};
-`,v=l.span`
-  height: ${s.sp1};
-  width: ${s.sp1};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-  margin: ${s.sp0} ${s.sp1};
-`,p=l(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"})))`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${e=>e.theme.colors.hero};
-`;export{R as h};

package/dist/assets/CashbackDetailPage-BloaeO12-DkRvSRPk.js

@@ -1,285 +0,0 @@
-import{i as j,u as f,j as i,cf as ee,a as u,gC as z,t as w,bG as q,cP as ie,b as t,C as T,R as h,ah as v,s as d,ct as te,cu as oe,bS as re,bR as ae,bv as se,cv as ne,cs as le,bn as B,cF as de,bm as L,af as $,kF as ce,kh as he,di as pe,dq as ge,kG as X,kH as Z,kj as me,kk as xe,ai as R}from"./index-2CdI-B2B.js";import{n as o}from"./mui-kiGMfX4-.js";import{i as ue}from"./orderBy-D3W4CDe6-BoPe-dQB.js";import{g3 as b,bj as we}from"./zeni-epic-state-Bo1aGezX.js";import{o as O,a as K}from"./core-tlHkQPPu.js";import{k as ye}from"./InsightsSection-DJrMi3DN-DUYhJ5vl.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./NavigationDots-DO5y6mdV-DGnlFBBn.js";const fe=({x:e,y:s,width:n,height:a,payload:r})=>{const c=j();return i.jsx(ce,{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})},V=u.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,be=u.getLocalizedStrings().dateFormat.visual.MMMMFormat,W=o.div`
-  display: flex;
-  gap: ${t.sp1};
-`,$e=o.div`
-  display: flex;
-  position: relative;
-  left: 11px;
-`,ve=o.div`
-  flex: display;
-  opacity: 0.85;
-  border-radius: ${t.sp1};
-  flex-direction: column;
-  padding: ${t.sp2} 12px;
-  background-color: ${e=>e.theme.colors.black};
-`,E=o($)`
-  color: ${e=>e.theme.colors.brandColorPearl};
-  min-width: ${t.sp8};
-  display: flex;
-  justify-content: flex-end;
-`,G=o($)`
-  color: ${e=>e.theme.colors.hero};
-  min-width: 107px;
-`,ke=O.memo(({active:e,payload:s,label:n})=>e===!0&&(s?.[0].payload).showTooltip===!0?i.jsx($e,{children:i.jsx(ve,{children:i.jsxs("div",{children:[i.jsxs(W,{children:[i.jsx(G,{children:V.month})," ",i.jsx(E,{children:b(n).format(be)})]}),i.jsxs(W,{children:[i.jsx(G,{children:V.cashback}),i.jsx(E,{children:B("0,0.[00]",{amount:s?.[0].value??0,currencyCode:(s?.[0].payload).currencyCode,currencySymbol:(s?.[0].payload).currencySymbol})})]})]})})}):null),{dateFormat:{visual:{MMMYYFormat:Se,YYYYDashMMFormat:Q}},common:{currency:I}}=u.getLocalizedStrings(),je=({chartData:e,customToolTipContent:s,width:n,height:a})=>{const r=j();return i.jsx(Pe,{width:n,height:a,children:i.jsx(q,{children:({height:c,width:p})=>i.jsxs(te,{width:p,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[i.jsx(oe,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),i.jsx(re,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...w.extraSmallRegular.cssObject},tickFormatter:g=>b(g).format(Se)}),i.jsx(ae,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...w.extraSmallRegular.cssObject},tickFormatter:g=>se("0,0.[00]a",g,e?.[0].currencySymbol??I.currencySymbol)}),i.jsx(ne,{cursor:i.jsx(fe,{}),content:s}),i.jsx(le,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function Ce({cashbackByPeriod:e,width:s,height:n}){const a=ue(e,c=>b(c.period),"asc"),r=Le(a);return i.jsx(je,{chartData:r,customToolTipContent:({active:c,payload:p,label:g})=>i.jsx(ke,{active:c,payload:p,label:g}),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??we().subtract(1,"M").format(Q);for(;s.length<12;){const r={amount:0,period:ze(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},Pe=o.div`
-  width: ${e=>e.width}px;
-  height: ${e=>e.height}px;
-  background: ${e=>e.theme.colors.grey5};
-`,U=u.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Me={key:"month",value:U.month,sortOrder:"ascending",width:new h(50,50)},Ie={key:"cashback",value:U.cashback,sortOrder:"ascending",width:new h(50,50)},_=()=>[Me,Ie],y={headerLastColumnTopPadding:new h(d[0],d[4]),headerLastColumnRightPadding:new h(d[3],d[11]),headerLastColumnBottomPadding:new h(d[0],d[4]),headerLastColumnLeftPadding:new h(d[3],d[11]),headerHeight:new h(me,xe)},Fe=O.memo(function({sortConfig:e,onColumnSortConfigChanged:s}){const n=j(),a=f(),[r,c]=K.useState(_());K.useEffect(()=>{const l=[...r];for(const m of l)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";c(l)},[e.sortKey,e.sortOrder]);const p=(l,m)=>{let Y=m;e.sortKey===l&&(Y=m==="ascending"?"descending":"ascending"),s(l,Y)},g=r.find(l=>l.key===e.sortKey)??r[0],C=r.map(l=>l.key),k=u.getLocalizedStrings().spendManagement.chargeCard.cardList;return a==="small"?i.jsxs(A,{windowSize:a,children:[i.jsxs(Be,{children:[i.jsx(Oe,{children:i.jsx(Re,{})}),i.jsx(de,{title:k.sortBy,placeholder:k.sortBy,pickerValues:C,valueToLabel:l=>r.find(m=>m.key===l)?.value??"",selectedValue:e.sortKey,onPickerSelectionChanged:l=>{p(l,"ascending")},optionTextStyle:w.smallRegular,titleTextStyle:w.smallRegular,titleColor:n.colors.primary,selectedOptionColor:n.colors.hero,optionBackgroundColor:n.colors.grey5,downChevronVisible:!1,backgroundColor:n.colors.grey4})]}),i.jsxs(Ve,{onClick:()=>p(g.key,g.sortOrder),"data-testid":L("cashback-list-header-mobile",g.value),children:[i.jsx($,{children:g.value}),i.jsx(H,{sortDataValue:e.sortKey,headerdata:g,children:i.jsx(N,{})})]})]}):i.jsx(A,{windowSize:a,children:r.map((l,m)=>i.jsxs(De,{sortDataValue:e.sortKey,actualDataValue:l.key,wrapperWidth:l.width,isLastItem:m===r.length-1,windowSize:a,children:[i.jsxs(Ke,{onClick:()=>p(l.key,l.sortOrder),"data-testid":L("cashback-list-header",l.value),children:[i.jsx($,{children:l.value}),i.jsx(H,{sortDataValue:e.sortKey,headerdata:l,children:i.jsx(N,{})})]}),i.jsx(Ye,{sortDataValue:e.sortKey,windowSize:a,isVisible:e.sortKey===l.key&&l.key!=="month",children:i.jsx(Te,{onClick:()=>p("month","ascending"),"data-testid":L("cashback-list-close-sort",l.key)})})]},l.key))})}),A=o($)`
-  top: ${t.sp0};
-  left: ${t.sp0};
-  min-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>y.headerHeight.valuePx(e.windowSize)};
-  width: auto;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${e=>`${y.headerLastColumnTopPadding.valuePx(e.windowSize)} ${y.headerLastColumnRightPadding.valuePx(e.windowSize)} ${y.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${y.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
-  background-color: ${e=>e.theme.colors.grey4};
-  justify-content: space-between;
-  position: sticky;
-`,De=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)};
-  padding-left: ${t.sp0};
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  left: ${t.sp0};
-  box-sizing: border-box;
-  overflow: hidden;
-  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-`,Te=o(ge)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,H=o.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
-`,N=o(pe)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: inherit;
-`,Be=o.div`
-  gap: ${t.sp1};
-  display: flex;
-`,Re=o(he)`
-  width: 12px;
-  height: 12px;
-  color: inherit;
-`,Oe=o.div`
-  margin-right: ${t.sp1};
-  display: flex;
-  align-items: center;
-`,Ye=o.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-`,Ke=o.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ve=o.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,x={containerPaddingLeft:new h(d[3],d[4]),containerPaddingRight:new h(d[3],d[4]),containerPaddingTop:new h(d[2],16),containerPaddingBottom:new h(d[2],16),containerMarginLeft:new h(d[4],d[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:We}},dateFormat:{visual:Ee}}=u.getLocalizedStrings(),Ge=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=_(),c=X(e.period),p=Z(c);return i.jsx(Je,{windowSize:a,isFirstItem:s,isLastItem:n,children:i.jsx(qe,{children:i.jsxs(Xe,{children:[i.jsx(Ze,{windowSize:a,responsiveWidth:r[0].width,children:i.jsxs(Qe,{windowSize:a,children:[b(e.period).format(Ee.MMMMYYYYFormat),p?i.jsxs(He,{children:[i.jsx(Ne,{}),i.jsx(Ae,{children:We.tillDate})]}):null]})}),i.jsx(Ue,{windowSize:a,responsiveWidth:r[1].width,children:i.jsx(_e,{windowSize:a,children:B("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ae=o(R)`
-  color: ${e=>e.theme.colors.grey1};
-`,He=o.div`
-  display: flex;
-  align-items: center;
-`,Ne=o.div`
-  height: ${t.sp1};
-  width: ${t.sp1};
-  margin-right: ${t.sp2};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,Je=o.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>x.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>x.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>x.containerPaddingBottom.valuePx(e.windowSize)};
-
-  border-top-right-radius: ${e=>e.isFirstItem?t.sp2:t.sp0};
-  border-top-left-radius: ${e=>e.isFirstItem?t.sp2:t.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.sp2:t.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.sp2:t.sp0};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-top-width: ${e=>e.isFirstItem?"1px":t.sp0};
-  border-bottom-width: ${e=>e.isLastItem?"1px":t.sp0};
-  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${T.boxShadowElevation};
-  margin-right: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>x.containerMarginLeft.valuePx(e.windowSize)};
-  box-sizing: border-box;
-  align-items: center;
-`,qe=o.div`
-  display: block;
-  width: 100%;
-`,Xe=o.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-`,Ze=o.div`
-  display: flex;
-  flex-direction: column;
-  column-gap: 12px;
-  align-items: flex-start;
-  width: ${e=>`calc(${e.responsiveWidth.valuePercentage(e.windowSize)} - ${t.sp7})`};
-`,Qe=o(v)`
-  margin-right: ${t.sp3};
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  -webkit-line-clamp: ${e=>x.webkitLineClamp.value(e.windowSize)};
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-transform: capitalize;
-  display: flex;
-  gap: ${t.sp2};
-`,Ue=o(v)`
-  display: flex;
-  flex-direction: column;
-  align-items: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"?"flex-start":"center"};
-  color: ${e=>e.theme.colors.hero};
-  justify-content: flex-end;
-  align-items: flex-start;
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,_e=o(v)`
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  -webkit-line-clamp: ${e=>x.webkitLineClamp.value(e.windowSize)};
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  display: flex;
-  justify-content: end;
-`,F={containerMarginLeft:new h(d[3],d[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:ei}},dateFormat:{visual:ii}}=u.getLocalizedStrings(),ti=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f(),r=X(e.period),c=Z(r);return i.jsx(si,{windowSize:a,isFirstItem:s,isLastItem:n,children:i.jsx(ni,{children:i.jsxs(li,{children:[i.jsx(ci,{children:i.jsxs(di,{windowSize:a,children:[b(e.period).format(ii.MMMMYYYYFormat),c?i.jsxs(ri,{children:[i.jsx(ai,{}),i.jsx(oi,{children:ei.tillDate})]}):null]})}),i.jsx(hi,{children:i.jsx(pi,{children:B("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},oi=o(R)`
-  color: ${e=>e.theme.colors.grey1};
-`,ri=o.div`
-  display: flex;
-  align-items: center;
-`,ai=o.div`
-  height: ${t.sp1};
-  width: ${t.sp1};
-  margin-right: ${t.sp2};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,si=o.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
-  border-top-width: ${e=>e.isFirstItem?"1px":t.sp0};
-  border-bottom-width: ${e=>e.isLastItem?"1px":t.sp0};
-  padding: ${t.sp3};
-  box-shadow: ${t.sp0} 1px 2px ${t.sp0} ${T.boxShadowElevation};
-  border-top-right-radius: ${e=>e.isFirstItem?t.sp2:t.sp0};
-  border-top-left-radius: ${e=>e.isFirstItem?t.sp2:t.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.sp2:t.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.sp2:t.sp0};
-  margin-right: ${e=>F.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>F.containerMarginLeft.valuePx(e.windowSize)};
-`,ni=o.div`
-  display: block;
-  width: 100%;
-`,li=o.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-`,di=o(v)`
-  margin-right: ${t.sp3};
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  display: -webkit-box;
-  -webkit-line-clamp: ${e=>F.webkitLineClamp.value(e.windowSize)};
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-transform: capitalize;
-  display: flex;
-  gap: ${t.sp2};
-`,ci=o.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${t.sp2};
-`,hi=o.div`
-  display: flex;
-  flex-direction: column;
-`,pi=o(R)`
-  color: ${e=>e.theme.colors.hero};
-`,J={separatorMarginLeftRight:new h(d[3],d[8])},gi=({cashbackByPeriod:e,uiState:s,onColumnSortConfigChanged:n})=>{const a=f();return i.jsxs(ui,{children:[i.jsx(Fe,{onColumnSortConfigChanged:n,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),i.jsx(xi,{children:e.map((r,c)=>i.jsxs(O.Fragment,{children:[i.jsx(mi,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:i.jsx(wi,{windowSize:a})]},r.period))})]})},mi=({cashbackPeriod:e,isFirstItem:s,isLastItem:n})=>{const a=f()==="small"?ti:Ge;return i.jsx(a,{cashbackPeriod:e,isFirstItem:s,isLastItem:n})},xi=o.div``,ui=o.div`
-  display: block;
-  height: 100%;
-`,wi=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-  margin-left: ${e=>J.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>J.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,D={pageContentPaddingLeftRight:new h(d[3],d[8]),cashbackSummaryContainerGap:new h(d[3],96)},S=u.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Bi=({insightsData:e,cashbackByPeriod:s,uiState:n,cashbackSummary:a,onBackClick:r,onColumnSortConfigChanged:c})=>{const p=j(),g=f();return i.jsxs(ki,{children:[i.jsx(ee,{title:S.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:p.colors.grey5,source:"CashbackDetailPage"}),i.jsxs(yi,{windowSize:g,children:[i.jsxs(fi,{windowSize:g,children:[i.jsxs(P,{children:[i.jsx(M,{children:S.totalEarned}),i.jsx(z,{amount:a.cashbackEarned,style:{color:p.colors.brandColorJadeDark},decimalStyles:w.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(M,{children:S.redeemed}),i.jsx(z,{amount:a.cashbackRedeemed,style:{color:p.colors.brandColorOpalDark},decimalStyles:w.largeSemiBold.cssObject})]}),i.jsxs(P,{children:[i.jsx(M,{children:S.available}),i.jsx(z,{amount:a.cashbackAvailable,style:{color:p.colors.brandColorGoldDark},decimalStyles:w.largeSemiBold.cssObject})]})]}),i.jsx(bi,{children:i.jsx(q,{children:({height:C,width:k})=>i.jsx(Ce,{cashbackByPeriod:s,width:k,height:C})})}),i.jsx($i,{children:i.jsx(ye,{insights:[{...e}],summaryTextStyles:{fontWeight:ie.regular,color:p.colors.primary}})})]}),i.jsx(vi,{children:i.jsx(gi,{cashbackByPeriod:s,uiState:n,onColumnSortConfigChanged:c})})]})},yi=o.div`
-  position: relative;
-  box-shadow: ${T.dropShadowNormalLight} 2px 2px ${t.sp1};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>D.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>D.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-`,P=o.div`
-  min-width: 103px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,M=o(v)`
-  display: flex;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,fi=o.div`
-  display: flex;
-  gap: ${e=>D.cashbackSummaryContainerGap.valuePx(e.windowSize)};
-  justify-content: center;
-  margin-top: ${t.sp3};
-`,bi=o.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: 242px;
-  margin: ${t.sp5} ${t.sp0};
-`,$i=o.div`
-  margin-bottom: ${t.sp5};
-`,vi=o.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  padding-top: ${t.sp4};
-  padding-bottom: ${t.sp8};
-  height: 100%;
-`,ki=o.div`
-  display: flex;
-  min-height: ${`calc(100vh - ${t.sp9})`};
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`;export{Bi as default};