@zeniai/web-components 3.16.29 → 3.16.31

package/dist/BusinessVerificationPage-CxYyuLqZ.cjs

@@ -1,140 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-B6vI-hvj.cjs"),$=require("react"),l=require("@emotion/styled"),F=require("@zeniai/client-epic-state"),e=require("./index-jJbUoV8Z.cjs"),Ce=require("./CompanyOfficerDetailsSection-CDYl8KOa.cjs"),Qe=require("./verification-BTADTbyz.cjs"),S={width:new e.ResponsiveSized(343,580,726),titleWidth:new e.ResponsiveSized(343,580,726,826),subTitlePaddingTop:new e.ResponsiveSized(12,e.sp[3]),subTitlePaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),verificationDetailsRowGap:new e.ResponsiveSized(12,e.sp[5],e.sp[5]),termsPaddingLeftRight:new e.ResponsiveSized(e.sp[0],e.sp[3]),marginLeft:new e.ResponsiveSized(e.sp[4],e.sp[0]),containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),navBarContainerPaddingXaxis:new e.ResponsiveSized(10,e.sp[3])},Ye={stepTitle:new e.ResponsiveSizedStyle("h6Regular","h5Regular")},ve="businessVerificationPage",j="companyDetails",w="companyOfficerDetails",{commonSetUp:{businessVerification:a},common:{settings:et,currency:je,footer:we,strings:{empty:tt}}}=e.appLocale.getLocalizedStrings(),ot=({businessVerificationDetails:o,allNationalityCountries:L,verficationDetailsFetchState:E,isRefreshingViewInBackground:O,filesEndPoint:r,authParams:k,productType:y,allIndustries:V,companyTitles:A,maxInsuredAmount:f,isDisabled:b,isSettings:i=!1,isOverlay:x=!1,analytics:h,isStepInProgress:C=!1,isTreasuryTransferInitiated:W=!1,transferDetails:q,onAddressClick:te,onRegisteredAddressClick:be,onBackClick:I,onGetOtp:De,onVerifyOtp:Pe,onResendOtp:$e,onSendForVerificationClick:Ee,onEditFileName:oe,onCompanyDetailsChanged:Ie,updateFilesEntity:ne,onDeleteFile:ae,onDeleteFileList:Ne,onCompanyOfficerUpdated:Be,saveNewAddressInLocalStore:se,onSaveDetailsClick:Fe,onClickMenuIcon:Le,onExecuteTreasuryTransfer:Oe})=>{const ke=n.useTheme(),d=e.useWindowSizeContext(),{updateStatus:_,companyView:N,companyDetailsLocalData:c,companyOfficerLocalData:v}=o,Ve=e.usePrevious(_.fetchState),z=N?.company.company.featuresActivationInfo.connectedAccountProvider,Ae=z==="unit"?n.jsxRuntimeExports.jsxs(pt,{children:[a.terms.term1,n.jsxRuntimeExports.jsx(e.ZeniLink,{href:a.terms.consentUrl,onZeniLinkClick:()=>(h?.trackBillPayAgreement(),!0),linkText:a.terms.consent}),a.terms.term2,n.jsxRuntimeExports.jsx(e.ZeniLink,{href:a.terms.depositUrl,onZeniLinkClick:()=>(h?.trackBillPayAgreement(),!0),linkText:a.terms.depositTerms}),a.terms.term3,n.jsxRuntimeExports.jsx(e.ZeniLink,{href:a.terms.privacyPolicyUrl,onZeniLinkClick:()=>(h?.trackBillPayAgreement(),!0),linkText:a.terms.privacy}),a.terms.term4,n.jsxRuntimeExports.jsx(e.ZeniLink,{href:a.terms.tosUrl,onZeniLinkClick:()=>(h?.trackBillPayPrivacyPolicy(),!0),linkText:a.terms.tos}),a.terms.term5]}):a.terms.termsForStripe,[_e,M]=$.useState(!1),[U,ie]=$.useState("save"),[Z,ze]=$.useState(!1),m=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:nt(o,V,A,L)}),{isValid:Ue}=m.formState,H=N?.company.company.companyBillPayInfo,X=N?.company.company.companyTreasuryInfo,D=y==="zeni_treasury"?X?.companyVerificationStatus:H?.companyVerificationStatus,T=Object.values(v).findIndex(t=>t?.isSelectedForVerification===!0),R=`Officer_${T<0?1:T+1}`,We=()=>{const t=v[R],s=t?.email,u=t?.birthday?.toString(),p=t?.ownershipInCompany,g=t?.firstName,P=t?.lastName,K=t?.titleAtCompany,B=t?.documentTypeSelectedForVerification,le=t?.phone,de=t?.addressStatus?.addressToCreate,pe=de!=null?F.getFormattedAddress(de):void 0,me=c?.companyDescription,Q=c?.companyLegalName,ue=c?.companyIndustry,fe=c?.phone,ye=c?.website,xe=c?.addressStatus?.addressToCreate!=null?F.getFormattedAddress(c?.addressStatus?.addressToCreate):void 0,Y=c?.primaryContactLocalData,he=Y?.firstName,ge=Y?.lastName,Se=Y?.email;s!=null&&p!=null&&g!=null&&P!=null&&u!=null&&K!=null&&le!=null&&pe!=null&&B!=null&&me!=null&&Q!=null&&fe!=null&&ye!=null&&ue!=null&&Q!=null&&xe!=null&&he!=null&&ge!=null&&Se!=null&&h?.trackBusinessVerificationSend({email:s,birthday:u.toString(),companyOwnership:p,firstName:g,lastName:P,companyRole:K,phone:le,formattedAddress:pe,documentTypeForVerification:B},{companyDescription:me,legalName:Q,phone:fe,website:ye.toString(),industry:ue,formattedAddress:xe},{firstName:he,lastName:ge,email:Se},y,i?"Settings":void 0)},qe=()=>{const t=v[R],s=c?.primaryContactLocalData,u=t?.email??"",p=!!t?.firstName&&!!t?.lastName,g=s?.email??"",P=!!s?.firstName&&!!s?.lastName;return u&&!p?((!t?.firstName||!t?.lastName)&&m.trigger(`${w}.${T<0?0:T}.name`,{shouldFocus:!0}),!1):g&&!P?((!s?.firstName||!s?.lastName)&&m.trigger(`${j}.primaryContactName`,{shouldFocus:!0}),!1):!0},Me=()=>{const t=v[R],s=c?.primaryContactLocalData,u=t?.email,p=s?.email;if(u){if(!p)return(s?.firstName||s?.lastName)&&m.trigger(`${j}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(t?.firstName||t?.lastName||t?.birthday||t?.nationalityCountryCode||t?.ownershipInCompany||t?.phone||t?.ssn||t?.titleAtCompany||t?.addressStatus?.addressToCreate||t?.fileIds!=null&&t?.fileIds.length>0||G!=null&&G?.length>0)return m.trigger(`${w}.${T<0?0:T}.email`,{shouldFocus:!0}),!1;return!0},Ze=m.handleSubmit(()=>{if(U!=="verification"&&ie("verification"),z==="unit"&&v[R]?.isPhoneVerified!==!0){m.setError(`${w}.${T}.phone`,{type:"custom"});return}const t=n.flatMap(Object.values(v).map(p=>Object.values(p?.deleteFileStatusById??{}).filter(g=>g!=null))),s=Object.values(c?.deleteFileStatusById??{}).filter(p=>p!=null);F.reduceAllFetchState(t.concat(s)).fetchState!=="In-Progress"&&Ue&&(We(),Ee?.(R),W===!0&&Oe?.())}),He=async(t,s)=>{t.includes(j)?Ie?.(s[j]):t.includes(w)&&Be?.(s[w])},Xe=$.useCallback(n.debounce((t,s)=>{He(t,s)},300),[]);$.useEffect(()=>{const t=m.watch((s,{name:u})=>{u!=null&&s!=null&&n.defer(()=>Xe(u,s))});return()=>{t.unsubscribe()}});const re=e.usePrevious(o.companyDetailsLocalData?.addressStatus);$.useEffect(()=>{o.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&o.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&re==null&&(se?.("company_registered_address",o.companyDetailsLocalData?.addressStatus?.addressToCreate),m.setValue(`${j}.registeredAddress`,o.companyDetailsLocalData?.addressStatus?.addressToCreate))},[o.companyDetailsLocalData?.addressStatus,o.companyDetailsLocalData?.registeredAddressStatus,re,se,m]);const ce=N?.companyOfficers.slice(0,10).sort((t,s)=>t.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),G=ce?.map(t=>t.user),Ge=ce?.map(t=>t.role),Je={onOkClick:()=>{M(!1),I();const t=[],s=N?.company.company.incInfo.fileIds??[];m.getValues(`${j}.fileIds`).forEach(p=>{s.includes(p)||t.push(p)}),Ge?.forEach((p,g)=>{const P=p?.fileIds??[];m.getValues(`${w}.${g}.fileIds`).forEach(B=>{P.includes(B)||t.push(B)})}),t.length!==0&&Ne?.(t)},onCancelClick:()=>{M(!1)}},Ke=e.amountValueToString(e.getAmountFormatString(f),f,je.currencySymbol).toUpperCase(),J=D?.code==="pending_review"||D?.code==="verified";return y==="zeni_treasury"&&D?.code==="pending_review"&&Ve==="In-Progress"&&_.fetchState==="Completed"?n.jsxRuntimeExports.jsxs(gt,{children:[n.jsxRuntimeExports.jsxs(St,{children:[n.jsxRuntimeExports.jsx(Qe.SvgVerification,{}),n.jsxRuntimeExports.jsx(Ct,{windowSize:d,children:W===!0?a.submittedTitleWithTransfer:a.submittedTitle}),n.jsxRuntimeExports.jsx(ht,{isReadonly:!1,children:W===!0?a.submittedDescriptionWithTransfer.replace("__amount__",e.amountValueToString(e.getAmountFormatString(q?.treasuryTransferMoneyLocalData?.amount?.amount??0),q?.treasuryTransferMoneyLocalData?.amount?.amount??0,je.currencySymbol)).replace("__account__",q?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):a.submittedDescription})]}),n.jsxRuntimeExports.jsx(e.Button,{label:a.submittedButton,onClick:I,variant:"primary"})]}):n.jsxRuntimeExports.jsxs(at,{isSettings:i,children:[n.jsxRuntimeExports.jsx(e.NavBar,{title:x&&C===!0?tt:a.header,backgroundColor:ke.colors.grey5,style:{zIndex:Z?1:4},onBackClick:()=>{e.formHasDirtyFields(m.formState.dirtyFields)?M(!0):I()},showBackButton:!i&&!x,showMenuIcon:i?d==="medium-compact"||d==="small":!1,onClickMenuIcon:Le,rightSideComponent:x?n.jsxRuntimeExports.jsx(vt,{"data-testid":e.generateDataTestId("nav-bar-close-business-verification-overlay"),onClick:()=>{I()}}):null,source:"BusinessVerificationPage"}),_e===!0?n.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:n.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:a.discardTitle}),descriptionComponent:n.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:a.discardDescription}),primaryButtonText:a.discard,secondaryButtonText:a.cancel,action:Je}):null,n.jsxRuntimeExports.jsxs(rt,{windowSize:d,children:[(!x||C===!1)&&n.jsxRuntimeExports.jsx(it,{windowSize:d,children:i?et.infoText.businessVerification:a.title}),E==="In-Progress"||E==="Not-Started"?n.jsxRuntimeExports.jsx(ct,{children:n.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})}):n.jsxRuntimeExports.jsx(n.FormProvider,{...m,children:n.jsxRuntimeExports.jsxs("form",{id:ee(ve),onSubmit:Ze,children:[x&&C===!0&&n.jsxRuntimeExports.jsxs(st,{children:[n.jsxRuntimeExports.jsxs(mt,{windowSize:d,children:[n.jsxRuntimeExports.jsx(ut,{windowSize:d,children:J?a.businessVerificationDetails:a.verifyBusinessDetails}),!J&&n.jsxRuntimeExports.jsx(ft,{children:n.jsxRuntimeExports.jsxs(yt,{children:[n.jsxRuntimeExports.jsx(Te,{}),n.jsxRuntimeExports.jsx(Te,{}),n.jsxRuntimeExports.jsx(xt,{})]})})]}),n.jsxRuntimeExports.jsx(Re,{isReadonly:J,children:a.verifyBusinessDetailsDescription})]}),n.jsxRuntimeExports.jsxs(lt,{children:[n.jsxRuntimeExports.jsx(Ce.CompanyOfficerDetailsSection,{companyOfficerData:v,allNationalityCountries:L,allOfficers:G??[],sectionId:w,isRefreshingViewInBackground:O,connectedAccountProvider:z,productType:"business_verification",updateFilesEntity:ne,onEditFileName:oe,onOfficerAddressClick:te,onDeleteFile:ae,isDisabled:b,filesEndPoint:r,authParams:k,isPopupOpen:Z,openPopup:ze,onGetOtp:De,onVerifyOtp:Pe,onResendOtp:$e,companyTitles:A,isForTreasury:y==="zeni_treasury",isOverlay:x}),n.jsxRuntimeExports.jsx(Ce.CompanyDetailsSection,{companyDetails:c,businessVerificationProps:{companyVerificationStatus:D,isRefreshingViewInBackground:O},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:j,isDisabled:D?.code==="pending_review"||D?.code==="verified"?"readonly":b,fileProps:{authParams:k,filesEndPoint:r,onEditFileName:oe,onDeleteFile:ae,updateFilesEntity:ne},onCompanyAddressClick:te,onRegisteredAddressClick:be,connectedAccountProvider:z,allIndustries:V})]}),y==="zeni_accounts"?n.jsxRuntimeExports.jsx(dt,{windowSize:d,children:a.threadText.replace("__amount__",Ke)}):null]})})]}),E==="Completed"&&(y==="zeni_treasury"?X?.companyVerificationStatus?.code!=="pending_review"&&X?.companyVerificationStatus?.code!=="verified":H?.businessVerificationStatus?.code!=="pending_review"&&H?.businessVerificationStatus?.code!=="verified")?n.jsxRuntimeExports.jsx(e.Footer,{formId:ee(ve),primaryBtn:{label:C?we.submit:a.sendForVerificationButton,style:{width:"auto",minWidth:d==="small"?"auto":C?"83px":"181px"},isLoading:U==="verification"&&_.fetchState==="In-Progress",isDisabled:b!=null},containerStyle:{width:d==="small"?S.width.valuePx(d):"auto",justifyContent:d==="small"?"space-between":"center"},helperStyle:{width:d==="small"?S.width.valuePx(d):"auto",paddingLeft:S.termsPaddingLeftRight.valuePx(d),paddingRight:S.termsPaddingLeftRight.valuePx(d),textAlign:d==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:C?we.back:a.saveDetailsButton,style:{width:d==="small"?"auto":C?"83px":"181px"},isLoading:U==="save"&&_.fetchState==="In-Progress",onClick:()=>{if(C)I();else{const t=v[R],s=c?.primaryContactLocalData;U!=="save"&&ie("save");const u=t?.email??"",p=qe(),g=Me();p&&g&&(h?.trackBusinessVerificationSave({email:u,birthday:t?.birthday?.toString(),companyOwnership:t?.ownershipInCompany,firstName:t?.firstName,lastName:t?.lastName,companyRole:t?.titleAtCompany,phone:t?.phone,formattedAddress:t?.addressStatus?.addressToCreate!=null?F.getFormattedAddress(t?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:t?.documentTypeSelectedForVerification},{companyDescription:c?.companyDescription,legalName:c?.companyLegalName,phone:c?.phone,website:c?.website?.toString(),industry:c?.companyIndustry??"",formattedAddress:c?.addressStatus?.addressToCreate!=null?F.getFormattedAddress(c?.addressStatus?.addressToCreate):void 0},{firstName:s?.firstName,lastName:s?.lastName,email:s?.email},y,i?"Settings":void 0),Fe?.(R))}}},helperText:Ae,style:{padding:`12px ${e.Space.sp3}`,zIndex:Z?0:4}}):null]})},nt=(o,L,E,O)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:k,companyView:y}=o,V=e.appLocale.getLocalizedStrings().companyPassport,A=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[j]:{companyDescription:r?.companyDescription??"",ein:r?.companyFiles.find(f=>f.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:L?.map(f=>f.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(f=>f.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(f=>f.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:V.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(a.sourceOfFundOptions)}},[w]:Object.values(k).map((f,b)=>{const i=f,x=e.toSelectDocumentType(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:e.getCountryOptions(i?.nationalityCountryCode,O.map(h=>h.countryCode)),ssn:i?.ssn,role:{selectedOption:i?.titleAtCompany,allOptions:E?.map(h=>h.code)},phone:i?.phone??"",ownership:i?.ownershipInCompany,officerAddress:i?.addressStatus?.addressToCreate,selectDocument:{front:e.getFile(!0,i?.userFiles??[],x),back:e.getFile(!1,i?.userFiles??[],x),selectDocumentType:x},isSelectedForVerification:!A&&b===0?!0:i?.isSelectedForVerification??!1,userVerificationStatus:i?.userVerificationStatus,treasuryUserVerificationStatus:i?.treasuryUserVerificationStatus,syncToken:i?.syncToken,isPhoneVerified:i?.isPhoneVerified,otpChallenge:i?.otpChallenge}})}},ee=o=>`${o}_form`,at=l.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  row-gap: ${e.Space.sp3};
-  background-color: ${o=>o.isSettings?"unset":o.theme.colors.grey5};
-`,st=l.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  gap: ${e.Space.sp1};
-  width: 100%;
-  padding-bottom: ${e.Space.sp3};
-`,it=l(e.StandardRegular)`
-  color: ${o=>o.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${o=>S.titleWidth.valuePx(o.windowSize)};
-  padding-top: ${o=>S.subTitlePaddingTop.valuePx(o.windowSize)};
-  padding-bottom: ${o=>S.subTitlePaddingBottom.valuePx(o.windowSize)};
-  text-align: ${o=>o.windowSize==="small"?"initial":"center"};
-`,rt=l.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  padding-bottom: ${e.Space.sp9};
-  row-gap: ${o=>S.verificationDetailsRowGap.valuePx(o.windowSize)};
-`,ct=l.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${o=>o.theme.colors.grey4};
-`,lt=l.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e.Space.sp11};
-`,dt=l(e.ExtraSmallRegular)`
-  margin-top: ${e.Space.sp2};
-  padding: ${e.Space.sp2} ${e.Space.sp2};
-  text-align: center;
-  color: ${o=>o.theme.colors.grey1};
-  width: ${o=>S.width.valuePx(o.windowSize)};
-`,pt=l(e.ExtraSmallRegular)`
-  text-align: center;
-  max-width: 750px;
-  color: ${o=>o.theme.colors.hero};
-`,mt=l.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${e.Space.sp3};
-  width: 100%;
-`,ut=l(e.StyledText)`
-  ${o=>`${Ye.stepTitle.style(o.windowSize)}`};
-  color: ${o=>o.theme.colors.primary};
-  text-align: left;
-`,ft=l.div`
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  gap: ${e.Space.sp2};
-`,yt=l.div`
-  display: flex;
-  width: 100%;
-  gap: ${e.Space.sp3};
-`,Te=l.div`
-  width: 33.33%;
-  height: 2px;
-  background-color: ${o=>o.theme.colors.primary};
-  border-radius: ${e.Space.sp2};
-  flex-shrink: 0;
-`,xt=l.div`
-  width: 33.33%;
-  height: 2px;
-  background-color: ${o=>o.theme.colors.grey3};
-  border-radius: ${e.Space.sp2};
-  flex-shrink: 0;
-  position: relative;
-  overflow: hidden;
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    background-color: ${o=>o.theme.colors.primary};
-    animation: fillProgress 1s ease-in-out forwards;
-  }
-
-  @keyframes fillProgress {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(0%);
-    }
-  }
-`,Re=l(e.StandardRegular)`
-  color: ${o=>o.theme.colors.hero};
-  margin-top: ${o=>o.isReadonly?e.Space.sp0:e.Space.sp3};
-  white-space: pre-line;
-`,ht=l(Re)`
-  margin-top: ${e.Space.sp0};
-  text-align: center;
-`,gt=l.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${e.Space.sp5};
-  margin: auto;
-`,St=l.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${e.Space.sp3};
-`,Ct=l(e.H5Regular)`
-  color: ${o=>o.theme.colors.primary};
-  white-space: pre-line;
-  text-align: center;
-`,vt=l(e.SvgClose)`
-  cursor: pointer;
-  color: ${o=>o.theme.colors.hero};
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-  min-height: ${e.Space.sp4};
-  &:hover {
-    color: ${o=>o.theme.colors.primary};
-  }
-`;exports.default=ot;exports.uniqueName=ee;

package/dist/BusyIndication-Bhwkww6F.cjs

@@ -1,9 +0,0 @@
-"use strict";const e=require("./vendor-.pnpm-B6vI-hvj.cjs"),i=require("@emotion/styled"),n=require("./index-jJbUoV8Z.cjs"),s=i.div`
-  display: flex;
-  width: 100%;
-  height: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  margin: ${n.Space.sp12} 0 0 0;
-`,o=({fetchState:t,styles:r})=>t==="In-Progress"||t==="Not-Started"?e.jsxRuntimeExports.jsx(s,{style:r,children:e.jsxRuntimeExports.jsx(n.ActivityIndicator,{size:"ExtraLarge",start:!0})}):null;exports.BusyIndication=o;

package/dist/BusyIndication-Cm7JQ3YO.js

@@ -1,18 +0,0 @@
-import { j as r } from "./vendor-.pnpm-DxbX2tX4.js";
-import i from "@emotion/styled";
-import { A as s, S as n } from "./index-B1WDj5pO.js";
-const o = i.div`
-  display: flex;
-  width: 100%;
-  height: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  margin: ${n.sp12} 0 0 0;
-`, d = ({
-  fetchState: t,
-  styles: e
-}) => t === "In-Progress" || t === "Not-Started" ? /* @__PURE__ */ r.jsx(o, { style: e, children: /* @__PURE__ */ r.jsx(s, { size: "ExtraLarge", start: !0 }) }) : null;
-export {
-  d as B
-};

package/dist/CardNumberSubText-DMGc3e6F.cjs

@@ -1,21 +0,0 @@
-"use strict";const n=require("./vendor-.pnpm-B6vI-hvj.cjs"),a=require("@emotion/styled"),t=require("./index-jJbUoV8Z.cjs"),x=require("react");function S(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const p=S(x),g=e=>p.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},p.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:u,spendManagement:{chargeCard:c}}=t.appLocale.getLocalizedStrings(),y={subText:new t.ResponsiveSizedStyle("extraSmallRegular","standardRegular")},w=({cardDetail:e,forDetailPage:s})=>{const o=t.useWindowSizeContext(),r=e.type.code.includes("credit")?c.chargeCardsPromo.credit:c.chargeCardsPromo.debit;let i=e.type.code.includes("physical")?c.cardList.physicalCard:c.cardList.virtualCard;const l=u.strings.space+c.cardDetails.expiryHideOut+u.strings.space+e.accountLast4,m=e.status.code==="request_on_hold"||!s?i:l,d=e.type.code.includes("physical");return n.jsxRuntimeExports.jsxs(C,{windowSize:o,forDetailPage:s,className:"cardName",title:`${m}`,children:[r,n.jsxRuntimeExports.jsx(b,{}),i,d&&!s?n.jsxRuntimeExports.jsx(h,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!s?null:l,d&&s?n.jsxRuntimeExports.jsx(h,{}):null]})},C=a(t.StyledText)`
-  ${e=>e.forDetailPage?{...t.textStyles.extraSmallRegular.cssObject}:`${y.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: ${t.Space.sp1};
-`,b=a.span`
-  height: ${t.Space.sp1};
-  width: ${t.Space.sp1};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-  margin: ${t.Space.sp0} ${t.Space.sp1};
-`,h=a(g)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.hero};
-`;exports.CardNumberSubText=w;

package/dist/CardNumberSubText-D_r0iQqJ.js

@@ -1,57 +0,0 @@
-import { j as r } from "./vendor-.pnpm-DxbX2tX4.js";
-import c from "@emotion/styled";
-import { u as x, a as g, t as C, av as w, S as s, K as S } from "./index-B1WDj5pO.js";
-import * as i from "react";
-const y = (e) => /* @__PURE__ */ i.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ i.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: d,
-  spendManagement: { chargeCard: o }
-} = g.getLocalizedStrings(), $ = {
-  subText: new w("extraSmallRegular", "standardRegular")
-}, f = ({
-  cardDetail: e,
-  forDetailPage: t
-}) => {
-  const h = x(), m = e.type.code.includes("credit") ? o.chargeCardsPromo.credit : o.chargeCardsPromo.debit;
-  let a = e.type.code.includes("physical") ? o.cardList.physicalCard : o.cardList.virtualCard;
-  const n = d.strings.space + o.cardDetails.expiryHideOut + d.strings.space + e.accountLast4, u = e.status.code === "request_on_hold" || !t ? a : n, l = e.type.code.includes("physical");
-  return /* @__PURE__ */ r.jsxs(
-    v,
-    {
-      windowSize: h,
-      forDetailPage: t,
-      className: "cardName",
-      title: `${u}`,
-      children: [
-        m,
-        /* @__PURE__ */ r.jsx(b, {}),
-        a,
-        l && !t ? /* @__PURE__ */ r.jsx(p, { className: "physical-card-icon" }) : null,
-        e.status.code === "request_on_hold" || !t ? null : n,
-        l && t ? /* @__PURE__ */ r.jsx(p, {}) : null
-      ]
-    }
-  );
-}, v = c(S)`
-  ${(e) => e.forDetailPage ? { ...C.extraSmallRegular.cssObject } : `${$.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};
-`, b = c.span`
-  height: ${s.sp1};
-  width: ${s.sp1};
-  background-color: ${(e) => e.theme.colors.grey1};
-  border-radius: 50%;
-  margin: ${s.sp0} ${s.sp1};
-`, p = c(y)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${(e) => e.theme.colors.hero};
-`;
-export {
-  f as C
-};

package/dist/CashbackDetailPage-CD8c35H_.cjs

@@ -1,285 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-B6vI-hvj.cjs"),s=require("@emotion/styled"),t=require("./index-jJbUoV8Z.cjs"),h=require("@zeniai/client-epic-state"),g=require("react"),H=require("./InsightsSection-C8S-rC1r.cjs"),E=require("./common-CZbE8yOL.cjs"),B=({x:e,y:n,width:a,height:i,payload:r})=>{const c=o.useTheme();return o.jsxRuntimeExports.jsx(o.Rectangle,{fill:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",stroke:(r?.[0].payload).showTooltip===!0?c.colors.background:"transparent",x:e,y:n,width:a,height:i})},k=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Y=t.appLocale.getLocalizedStrings().dateFormat.visual.MMMMFormat,V=({active:e,payload:n,label:a})=>e===!0&&(n?.[0].payload).showTooltip===!0?o.jsxRuntimeExports.jsx(A,{children:o.jsxRuntimeExports.jsx(K,{children:o.jsxRuntimeExports.jsxs("div",{children:[o.jsxRuntimeExports.jsxs(z,{children:[o.jsxRuntimeExports.jsx(P,{children:k.month})," ",o.jsxRuntimeExports.jsx(L,{children:h.getZeniDateFromPeriod(a).format(Y)})]}),o.jsxRuntimeExports.jsxs(z,{children:[o.jsxRuntimeExports.jsx(P,{children:k.cashback}),o.jsxRuntimeExports.jsx(L,{children:t.amountToString("0,0.[00]",{amount:n?.[0].value??0,currencyCode:(n?.[0].payload).currencyCode,currencySymbol:(n?.[0].payload).currencySymbol})})]})]})})}):null,z=s.div`
-  display: flex;
-  gap: ${t.Space.sp1};
-`,A=s.div`
-  display: flex;
-  position: relative;
-  left: 11px;
-`,K=s.div`
-  flex: display;
-  opacity: 0.85;
-  border-radius: ${t.Space.sp1};
-  flex-direction: column;
-  padding: ${t.Space.sp2} 12px;
-  background-color: ${e=>e.theme.colors.black};
-`,L=s(t.SmallRegular)`
-  color: ${e=>e.theme.colors.brandColorPearl};
-  min-width: ${t.Space.sp8};
-  display: flex;
-  justify-content: flex-end;
-`,P=s(t.SmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-  min-width: 107px;
-`,q=g.memo(V),{dateFormat:{visual:{MMMYYFormat:G,YYYYDashMMFormat:F}},common:{currency:b}}=t.appLocale.getLocalizedStrings(),Z=({chartData:e,customToolTipContent:n,width:a,height:i})=>{const r=o.useTheme();return o.jsxRuntimeExports.jsx(X,{width:a,height:i,children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:c,width:d})=>o.jsxRuntimeExports.jsxs(o.BarChart,{width:d,height:c,data:e,barCategoryGap:"25%",margin:{top:5,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[o.jsxRuntimeExports.jsx(o.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),o.jsxRuntimeExports.jsx(o.XAxis,{dataKey:"period",type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...t.textStyles.extraSmallRegular.cssObject},tickFormatter:p=>h.getZeniDateFromPeriod(p).format(G)}),o.jsxRuntimeExports.jsx(o.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...t.textStyles.extraSmallRegular.cssObject},tickFormatter:p=>t.amountValueToString("0,0.[00]a",p,e?.[0].currencySymbol??b.currencySymbol)}),o.jsxRuntimeExports.jsx(o.Tooltip$1,{cursor:o.jsxRuntimeExports.jsx(B,{}),content:n}),o.jsxRuntimeExports.jsx(o.Bar,{dataKey:"amount",fill:r.colors.brandColorJadeDark,barSize:36})]})})})};function N({cashbackByPeriod:e,width:n,height:a}){const i=o.orderBy(e,c=>h.getZeniDateFromPeriod(c.period),"asc"),r=J(i);return o.jsxRuntimeExports.jsx(Z,{chartData:r,customToolTipContent:({active:c,payload:d,label:p})=>o.jsxRuntimeExports.jsx(q,{active:c,payload:d,label:p}),width:n,height:a})}const _=e=>e.format(F),J=e=>{const n=e.map(r=>({...r,showTooltip:!0})),a=e[e.length-1];let i=a?.period??h.dateNow().subtract(1,"M").format(F);for(;n.length<12;){const r={amount:0,period:_(h.getZeniDateFromPeriod(i).add(1,"M")),showTooltip:!1,currencyCode:a?.currencyCode??b.currencyCode,currencySymbol:a?.currencySymbol??b.currencySymbol};n.push(r),i=r.period}return n},X=s.div`
-  width: ${e=>e.width}px;
-  height: ${e=>e.height}px;
-  background: ${e=>e.theme.colors.grey5};
-`,O=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail.header,Q={key:"month",value:O.month,sortOrder:"ascending",width:new t.ResponsiveSized(50,50)},U={key:"cashback",value:O.cashback,sortOrder:"ascending",width:new t.ResponsiveSized(50,50)},W=()=>[Q,U],u={headerLastColumnTopPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnRightPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerLastColumnBottomPadding:new t.ResponsiveSized(t.sp[0],t.sp[4]),headerLastColumnLeftPadding:new t.ResponsiveSized(t.sp[3],t.sp[11]),headerHeight:new t.ResponsiveSized(E.HEADER_HEIGHT_MOBILE,E.HEADER_HEIGHT)};function ee({sortConfig:e,onColumnSortConfigChanged:n}){const a=o.useTheme(),i=t.useWindowSizeContext(),[r,c]=g.useState(W());g.useEffect(()=>{const l=[...r];for(const x of l)x.key===e.sortKey?x.sortOrder=e.sortOrder:x.sortOrder="ascending";c(l)},[e.sortKey,e.sortOrder]);const d=(l,x)=>{let C=x;e.sortKey===l&&(C=x==="ascending"?"descending":"ascending"),n(l,C)},p=r.find(l=>l.key===e.sortKey)??r[0],w=l=>r.find(x=>x.key===l)?.value??"",j=r.map(l=>l.key),v=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cardList;return i==="small"?o.jsxRuntimeExports.jsxs(M,{windowSize:i,children:[o.jsxRuntimeExports.jsxs(re,{children:[o.jsxRuntimeExports.jsx(ne,{children:o.jsxRuntimeExports.jsx(ie,{})}),o.jsxRuntimeExports.jsx(t.Picker$1,{title:v.sortBy,placeholder:v.sortBy,pickerValues:j,valueToLabel:w,selectedValue:e.sortKey,onPickerSelectionChanged:l=>{d(l,"ascending")},optionTextStyle:t.textStyles.smallRegular,titleTextStyle:t.textStyles.smallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),o.jsxRuntimeExports.jsxs(ce,{onClick:()=>d(p.key,p.sortOrder),"data-testid":t.generateDataTestId("cashback-list-header-mobile",p.value),children:[o.jsxRuntimeExports.jsx(t.SmallRegular,{children:p.value}),o.jsxRuntimeExports.jsx(T,{sortDataValue:e.sortKey,headerdata:p,children:o.jsxRuntimeExports.jsx(I,{})})]})]}):o.jsxRuntimeExports.jsx(M,{windowSize:i,children:r.map((l,x)=>o.jsxRuntimeExports.jsxs(oe,{sortDataValue:e.sortKey,actualDataValue:l.key,wrapperWidth:l.width,isLastItem:x===r.length-1,windowSize:i,children:[o.jsxRuntimeExports.jsxs(le,{onClick:()=>d(l.key,l.sortOrder),"data-testid":t.generateDataTestId("cashback-list-header",l.value),children:[o.jsxRuntimeExports.jsx(t.SmallRegular,{children:l.value}),o.jsxRuntimeExports.jsx(T,{sortDataValue:e.sortKey,headerdata:l,children:o.jsxRuntimeExports.jsx(I,{})})]}),o.jsxRuntimeExports.jsx(ae,{sortDataValue:e.sortKey,windowSize:i,isVisible:e.sortKey===l.key&&l.key!=="month",children:o.jsxRuntimeExports.jsx(se,{onClick:()=>d("month","ascending"),"data-testid":t.generateDataTestId("cashback-list-close-sort",l.key)})})]},l.key))})}const te=g.memo(ee),M=s(t.SmallRegular)`
-  top: ${t.Space.sp0};
-  left: ${t.Space.sp0};
-  min-height: ${e=>u.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>u.headerHeight.valuePx(e.windowSize)};
-  width: auto;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${e=>`${u.headerLastColumnTopPadding.valuePx(e.windowSize)} ${u.headerLastColumnRightPadding.valuePx(e.windowSize)} ${u.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${u.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
-  background-color: ${e=>e.theme.colors.grey4};
-  justify-content: space-between;
-  position: sticky;
-`,oe=s.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.Space.sp0};
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  left: ${t.Space.sp0};
-  box-sizing: border-box;
-  overflow: hidden;
-  justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
-`,se=s(t.SvgCloseRound)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,T=s.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"}
-`,I=s(t.SvgArrowTailTop)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: inherit;
-`,re=s.div`
-  gap: ${t.Space.sp1};
-  display: flex;
-`,ie=s(t.SvgSortBy)`
-  width: 12px;
-  height: 12px;
-  color: inherit;
-`,ne=s.div`
-  margin-right: ${t.Space.sp1};
-  display: flex;
-  align-items: center;
-`,ae=s.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-`,le=s.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ce=s.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,m={containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),containerPaddingTop:new t.ResponsiveSized(t.sp[2],16),containerPaddingBottom:new t.ResponsiveSized(t.sp[2],16),containerMarginLeft:new t.ResponsiveSized(t.sp[4],t.sp[8]),webkitLineClamp:new t.ResponsiveSized(2,1,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:de}},dateFormat:{visual:pe}}=t.appLocale.getLocalizedStrings(),xe=({cashbackPeriod:e,isFirstItem:n,isLastItem:a})=>{const i=t.useWindowSizeContext(),r=W(),c=t.toYearMonthPeriodOrThrow(e.period),d=t.isCurrentMonthPeriod(c);return o.jsxRuntimeExports.jsx(ge,{windowSize:i,isFirstItem:n,isLastItem:a,children:o.jsxRuntimeExports.jsx(Se,{children:o.jsxRuntimeExports.jsxs(we,{children:[o.jsxRuntimeExports.jsx(je,{windowSize:i,responsiveWidth:r[0].width,children:o.jsxRuntimeExports.jsxs(ye,{windowSize:i,children:[h.getZeniDateFromPeriod(e.period).format(pe.MMMMYYYYFormat),d?o.jsxRuntimeExports.jsxs(he,{children:[o.jsxRuntimeExports.jsx(ue,{}),o.jsxRuntimeExports.jsx(me,{children:de.tillDate})]}):null]})}),o.jsxRuntimeExports.jsx(Re,{windowSize:i,responsiveWidth:r[1].width,children:o.jsxRuntimeExports.jsx(be,{windowSize:i,children:t.amountToString("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},me=s(t.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.grey1};
-`,he=s.div`
-  display: flex;
-  align-items: center;
-`,ue=s.div`
-  height: ${t.Space.sp1};
-  width: ${t.Space.sp1};
-  margin-right: ${t.Space.sp2};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,ge=s.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>m.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>m.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>m.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>m.containerPaddingBottom.valuePx(e.windowSize)};
-
-  border-top-right-radius: ${e=>e.isFirstItem?t.Space.sp2:t.Space.sp0};
-  border-top-left-radius: ${e=>e.isFirstItem?t.Space.sp2:t.Space.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.Space.sp2:t.Space.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.Space.sp2:t.Space.sp0};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-top-width: ${e=>e.isFirstItem?"1px":t.Space.sp0};
-  border-bottom-width: ${e=>e.isLastItem?"1px":t.Space.sp0};
-  box-shadow: ${t.Space.sp0} 1px 2px ${t.Space.sp0} ${t.Colors.boxShadowElevation};
-  margin-right: ${e=>m.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>m.containerMarginLeft.valuePx(e.windowSize)};
-  box-sizing: border-box;
-  align-items: center;
-`,Se=s.div`
-  display: block;
-  width: 100%;
-`,we=s.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-`,je=s.div`
-  display: flex;
-  flex-direction: column;
-  column-gap: 12px;
-  align-items: flex-start;
-  width: ${e=>`calc(${e.responsiveWidth.valuePercentage(e.windowSize)} - ${t.Space.sp7})`};
-`,ye=s(t.StandardRegular)`
-  margin-right: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  -webkit-line-clamp: ${e=>m.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.Space.sp2};
-`,Re=s(t.StandardRegular)`
-  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)};
-`,be=s(t.StandardRegular)`
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  -webkit-line-clamp: ${e=>m.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 t.ResponsiveSized(t.sp[3],t.sp[8]),webkitLineClamp:new t.ResponsiveSized(2,2,1,1,1)},{spendManagement:{chargeCard:{cashbackDetail:fe}},dateFormat:{visual:$e}}=t.appLocale.getLocalizedStrings(),ve=({cashbackPeriod:e,isFirstItem:n,isLastItem:a})=>{const i=t.useWindowSizeContext(),r=t.toYearMonthPeriodOrThrow(e.period),c=t.isCurrentMonthPeriod(r);return o.jsxRuntimeExports.jsx(ze,{windowSize:i,isFirstItem:n,isLastItem:a,children:o.jsxRuntimeExports.jsx(Le,{children:o.jsxRuntimeExports.jsxs(Pe,{children:[o.jsxRuntimeExports.jsx(Te,{children:o.jsxRuntimeExports.jsxs(Me,{windowSize:i,children:[h.getZeniDateFromPeriod(e.period).format($e.MMMMYYYYFormat),c?o.jsxRuntimeExports.jsxs(Ee,{children:[o.jsxRuntimeExports.jsx(ke,{}),o.jsxRuntimeExports.jsx(Ce,{children:fe.tillDate})]}):null]})}),o.jsxRuntimeExports.jsx(Ie,{children:o.jsxRuntimeExports.jsx(De,{children:t.amountToString("0,0.[00]",{amount:e.amount,currencyCode:e.currencyCode,currencySymbol:e.currencySymbol})})})]})})})},Ce=s(t.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.grey1};
-`,Ee=s.div`
-  display: flex;
-  align-items: center;
-`,ke=s.div`
-  height: ${t.Space.sp1};
-  width: ${t.Space.sp1};
-  margin-right: ${t.Space.sp2};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,ze=s.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.Space.sp0};
-  border-bottom-width: ${e=>e.isLastItem?"1px":t.Space.sp0};
-  padding: ${t.Space.sp3};
-  box-shadow: ${t.Space.sp0} 1px 2px ${t.Space.sp0} ${t.Colors.boxShadowElevation};
-  border-top-right-radius: ${e=>e.isFirstItem?t.Space.sp2:t.Space.sp0};
-  border-top-left-radius: ${e=>e.isFirstItem?t.Space.sp2:t.Space.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.Space.sp2:t.Space.sp0};
-  border-bottom-left-radius: ${e=>e.isLastItem?t.Space.sp2:t.Space.sp0};
-  margin-right: ${e=>f.containerMarginLeft.valuePx(e.windowSize)};
-  margin-left: ${e=>f.containerMarginLeft.valuePx(e.windowSize)};
-`,Le=s.div`
-  display: block;
-  width: 100%;
-`,Pe=s.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-`,Me=s(t.StandardRegular)`
-  margin-right: ${t.Space.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.Space.sp2};
-`,Te=s.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${t.Space.sp2};
-`,Ie=s.div`
-  display: flex;
-  flex-direction: column;
-`,De=s(t.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-`,D={separatorMarginLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[8])},Fe=({cashbackByPeriod:e,uiState:n,onColumnSortConfigChanged:a})=>{const i=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(He,{children:[o.jsxRuntimeExports.jsx(te,{onColumnSortConfigChanged:a,sortConfig:{sortKey:n.sortKey,sortOrder:n.sortOrder}}),o.jsxRuntimeExports.jsx(We,{children:e.map((r,c)=>o.jsxRuntimeExports.jsxs(g.Fragment,{children:[o.jsxRuntimeExports.jsx(Oe,{cashbackPeriod:r,isFirstItem:c===0,isLastItem:c===e.length-1}),c===e.length-1?null:o.jsxRuntimeExports.jsx(Be,{windowSize:i})]},r.period))})]})},Oe=({cashbackPeriod:e,isFirstItem:n,isLastItem:a})=>{const r=t.useWindowSizeContext()==="small"?ve:xe;return o.jsxRuntimeExports.jsx(r,{cashbackPeriod:e,isFirstItem:n,isLastItem:a})},We=s.div``,He=s.div`
-  display: block;
-  height: 100%;
-`,Be=s.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-  margin-left: ${e=>D.separatorMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>D.separatorMarginLeftRight.valuePx(e.windowSize)};
-`,$={pageContentPaddingLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),cashbackSummaryContainerGap:new t.ResponsiveSized(t.sp[3],96)},S=t.appLocale.getLocalizedStrings().spendManagement.chargeCard.cashbackDetail,Ye=({insightsData:e,cashbackByPeriod:n,uiState:a,cashbackSummary:i,onBackClick:r,onColumnSortConfigChanged:c})=>{const d=o.useTheme(),p=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(Ze,{children:[o.jsxRuntimeExports.jsx(t.NavBar,{title:S.title,showBackButton:!0,showMenuIcon:!1,style:{zIndex:3},onBackClick:r,backgroundColor:d.colors.grey5,source:"CashbackDetailPage"}),o.jsxRuntimeExports.jsxs(Ve,{windowSize:p,children:[o.jsxRuntimeExports.jsxs(Ae,{windowSize:p,children:[o.jsxRuntimeExports.jsxs(y,{children:[o.jsxRuntimeExports.jsx(R,{children:S.totalEarned}),o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:i.cashbackEarned,style:{color:d.colors.brandColorJadeDark},decimalStyles:t.textStyles.largeSemiBold.cssObject})]}),o.jsxRuntimeExports.jsxs(y,{children:[o.jsxRuntimeExports.jsx(R,{children:S.redeemed}),o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:i.cashbackRedeemed,style:{color:d.colors.brandColorOpalDark},decimalStyles:t.textStyles.largeSemiBold.cssObject})]}),o.jsxRuntimeExports.jsxs(y,{children:[o.jsxRuntimeExports.jsx(R,{children:S.available}),o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:i.cashbackAvailable,style:{color:d.colors.brandColorGoldDark},decimalStyles:t.textStyles.largeSemiBold.cssObject})]})]}),o.jsxRuntimeExports.jsx(Ke,{children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:w,width:j})=>o.jsxRuntimeExports.jsx(N,{cashbackByPeriod:n,width:j,height:w})})}),o.jsxRuntimeExports.jsx(qe,{children:o.jsxRuntimeExports.jsx(H.InsightsSection,{insights:[{...e}],summaryTextStyles:{fontWeight:t.FontWeight.regular,color:d.colors.primary}})})]}),o.jsxRuntimeExports.jsx(Ge,{children:o.jsxRuntimeExports.jsx(Fe,{cashbackByPeriod:n,uiState:a,onColumnSortConfigChanged:c})})]})},Ve=s.div`
-  position: relative;
-  box-shadow: ${t.Colors.dropShadowNormalLight} 2px 2px ${t.Space.sp1};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>$.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>$.pageContentPaddingLeftRight.valuePx(e.windowSize)};
-`,y=s.div`
-  min-width: 103px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,R=s(t.StandardRegular)`
-  display: flex;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ae=s.div`
-  display: flex;
-  gap: ${e=>$.cashbackSummaryContainerGap.valuePx(e.windowSize)};
-  justify-content: center;
-  margin-top: ${t.Space.sp3};
-`,Ke=s.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: 242px;
-  margin: ${t.Space.sp5} ${t.Space.sp0};
-`,qe=s.div`
-  margin-bottom: ${t.Space.sp5};
-`,Ge=s.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  padding-top: ${t.Space.sp4};
-  padding-bottom: ${t.Space.sp8};
-  height: 100%;
-`,Ze=s.div`
-  display: flex;
-  min-height: ${`calc(100vh - ${t.Space.sp9})`};
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`;exports.default=Ye;