@zeniai/web-components 3.16.64 → 3.16.65

package/dist/BusinessVerificationPage-CkK4BAOV.cjs

@@ -0,0 +1,138 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./vendor-.pnpm-CT-Z_-kn.cjs"),$=require("react"),l=require("@emotion/styled"),F=require("@zeniai/client-epic-state"),e=require("./index-CWG6iUqU.cjs"),je=require("./CompanyOfficerDetailsSection-D2BFWSLX.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])},et={stepTitle:new e.ResponsiveSizedStyle("h6Regular","h5Regular")},we="businessVerificationPage",j="companyDetails",w="companyOfficerDetails",{commonSetUp:{businessVerification:n},common:{settings:tt,currency:Te,footer:Re,strings:{empty:ot}}}=e.appLocale.getLocalizedStrings(),at=({businessVerificationDetails:o,allNationalityCountries:L,verficationDetailsFetchState:E,isRefreshingViewInBackground:O,filesEndPoint:r,authParams:V,productType:y,allIndustries:A,companyTitles:k,maxInsuredAmount:f,isDisabled:b,isSettings:i=!1,isOverlay:x=!1,analytics:h,isStepInProgress:C=!1,isTreasuryTransferInitiated:M=!1,transferDetails:_,onOverlayClose:te,onAddressClick:oe,onRegisteredAddressClick:Pe,onBackClick:I,onGetOtp:$e,onVerifyOtp:Ee,onResendOtp:Ie,onSendForVerificationClick:Ne,onEditFileName:ae,onCompanyDetailsChanged:Be,updateFilesEntity:ne,onDeleteFile:se,onDeleteFileList:Fe,onCompanyOfficerUpdated:Le,saveNewAddressInLocalStore:ie,onSaveDetailsClick:Oe,onClickMenuIcon:Ve,onExecuteTreasuryTransfer:Ae})=>{const ke=a.useTheme(),d=e.useWindowSizeContext(),{updateStatus:z,companyView:N,companyDetailsLocalData:c,companyOfficerLocalData:v}=o,_e=e.usePrevious(z.fetchState),U=N?.company.company.featuresActivationInfo.connectedAccountProvider,ze=U==="unit"?a.jsxRuntimeExports.jsxs(mt,{children:[n.terms.term1,a.jsxRuntimeExports.jsx(e.ZeniLink,{href:n.terms.consentUrl,onZeniLinkClick:()=>(h?.trackBillPayAgreement(),!0),linkText:n.terms.consent}),n.terms.term2,a.jsxRuntimeExports.jsx(e.ZeniLink,{href:n.terms.depositUrl,onZeniLinkClick:()=>(h?.trackBillPayAgreement(),!0),linkText:n.terms.depositTerms}),n.terms.term3,a.jsxRuntimeExports.jsx(e.ZeniLink,{href:n.terms.privacyPolicyUrl,onZeniLinkClick:()=>(h?.trackBillPayAgreement(),!0),linkText:n.terms.privacy}),n.terms.term4,a.jsxRuntimeExports.jsx(e.ZeniLink,{href:n.terms.tosUrl,onZeniLinkClick:()=>(h?.trackBillPayPrivacyPolicy(),!0),linkText:n.terms.tos}),n.terms.term5]}):n.terms.termsForStripe,[Ue,q]=$.useState(!1),[W,re]=$.useState("save"),[Z,We]=$.useState(!1),m=a.useForm({mode:"all",reValidateMode:"onChange",defaultValues:nt(o,A,k,L)}),{isValid:Me}=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}`,qe=()=>{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,pe=t?.phone,me=t?.addressStatus?.addressToCreate,ue=me!=null?F.getFormattedAddress(me):void 0,fe=c?.companyDescription,Q=c?.companyLegalName,ye=c?.companyIndustry,xe=c?.phone,he=c?.website,ge=c?.addressStatus?.addressToCreate!=null?F.getFormattedAddress(c?.addressStatus?.addressToCreate):void 0,Y=c?.primaryContactLocalData,Se=Y?.firstName,Ce=Y?.lastName,ve=Y?.email;s!=null&&p!=null&&g!=null&&P!=null&&u!=null&&K!=null&&pe!=null&&ue!=null&&B!=null&&fe!=null&&Q!=null&&xe!=null&&he!=null&&ye!=null&&Q!=null&&ge!=null&&Se!=null&&Ce!=null&&ve!=null&&h?.trackBusinessVerificationSend({email:s,birthday:u.toString(),companyOwnership:p,firstName:g,lastName:P,companyRole:K,phone:pe,formattedAddress:ue,documentTypeForVerification:B},{companyDescription:fe,legalName:Q,phone:xe,website:he.toString(),industry:ye,formattedAddress:ge},{firstName:Se,lastName:Ce,email:ve},y,i?"Settings":void 0)},Ze=()=>{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},He=()=>{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},Xe=m.handleSubmit(()=>{if(W!=="verification"&&re("verification"),U==="unit"&&v[R]?.isPhoneVerified!==!0){m.setError(`${w}.${T}.phone`,{type:"custom"});return}const t=a.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"&&Me&&(qe(),Ne?.(R),M===!0&&Ae?.())}),Ge=async(t,s)=>{t.includes(j)?Be?.(s[j]):t.includes(w)&&Le?.(s[w])},Je=$.useCallback(a.debounce((t,s)=>{Ge(t,s)},300),[]);$.useEffect(()=>{const t=m.watch((s,{name:u})=>{u!=null&&s!=null&&a.defer(()=>Je(u,s))});return()=>{t.unsubscribe()}});const ce=e.usePrevious(o.companyDetailsLocalData?.addressStatus);$.useEffect(()=>{o.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&o.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&ce==null&&(ie?.("company_registered_address",o.companyDetailsLocalData?.addressStatus?.addressToCreate),m.setValue(`${j}.registeredAddress`,o.companyDetailsLocalData?.addressStatus?.addressToCreate))},[o.companyDetailsLocalData?.addressStatus,o.companyDetailsLocalData?.registeredAddressStatus,ce,ie,m]);const le=N?.companyOfficers.slice(0,10).sort((t,s)=>t.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),G=le?.map(t=>t.user),Ke=le?.map(t=>t.role),Qe={onOkClick:()=>{q(!1),I();const t=[],s=N?.company.company.incInfo.fileIds??[];m.getValues(`${j}.fileIds`).forEach(p=>{s.includes(p)||t.push(p)}),Ke?.forEach((p,g)=>{const P=p?.fileIds??[];m.getValues(`${w}.${g}.fileIds`).forEach(B=>{P.includes(B)||t.push(B)})}),t.length!==0&&Fe?.(t)},onCancelClick:()=>{q(!1)}},Ye=e.amountValueToString(e.getAmountFormatString(f),f,Te.currencySymbol).toUpperCase(),J=D?.code==="pending_review"||D?.code==="verified",de=(_?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&D?.code==="pending_review"&&_e==="In-Progress"&&z.fetchState==="Completed"?a.jsxRuntimeExports.jsxs(St,{children:[a.jsxRuntimeExports.jsxs(Ct,{children:[a.jsxRuntimeExports.jsx(e.SvgVerification,{}),a.jsxRuntimeExports.jsx(vt,{windowSize:d,children:M===!0?n.submittedTitleWithTransfer:n.submittedTitle}),a.jsxRuntimeExports.jsx(gt,{isReadonly:!1,children:M===!0?n.submittedDescriptionWithTransfer.replace("__amount__",e.amountValueToString(e.getAmountFormatString(_?.treasuryTransferMoneyLocalData?.amount?.amount??0),_?.treasuryTransferMoneyLocalData?.amount?.amount??0,Te.currencySymbol)).replace("__account__",_?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):n.submittedDescription})]}),a.jsxRuntimeExports.jsx(e.Button,{label:n.submittedButton,onClick:()=>{I(),te?.()},variant:"primary"})]}):a.jsxRuntimeExports.jsxs(st,{isSettings:i,children:[a.jsxRuntimeExports.jsx(e.NavBar,{title:x&&C===!0?ot:n.header,backgroundColor:ke.colors.grey5,style:{zIndex:Z?1:4},onBackClick:()=>{e.formHasDirtyFields(m.formState.dirtyFields)?q(!0):I()},showBackButton:!i&&!x,showMenuIcon:i?d==="medium-compact"||d==="small":!1,onClickMenuIcon:Ve,rightSideComponent:x?a.jsxRuntimeExports.jsx(jt,{"data-testid":e.generateDataTestId("nav-bar-close-business-verification-overlay"),onClick:()=>{I(),te?.()}}):null,source:"BusinessVerificationPage"}),Ue===!0?a.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:a.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:n.discardTitle}),descriptionComponent:a.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:n.discardDescription}),primaryButtonText:n.discard,secondaryButtonText:n.cancel,action:Qe}):null,a.jsxRuntimeExports.jsxs(ct,{windowSize:d,children:[(!x||C===!1)&&a.jsxRuntimeExports.jsx(rt,{windowSize:d,children:i?tt.infoText.businessVerification:n.title}),E==="In-Progress"||E==="Not-Started"?a.jsxRuntimeExports.jsx(lt,{children:a.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})}):a.jsxRuntimeExports.jsx(a.FormProvider,{...m,children:a.jsxRuntimeExports.jsxs("form",{id:ee(we),onSubmit:Xe,children:[x&&C===!0&&a.jsxRuntimeExports.jsxs(it,{children:[a.jsxRuntimeExports.jsxs(ut,{windowSize:d,children:[a.jsxRuntimeExports.jsx(ft,{windowSize:d,children:J?n.businessVerificationDetails:de?n.verifyBusinessDetails:n.verifyBusinessDetailsWithoutTransfer}),!J&&a.jsxRuntimeExports.jsx(yt,{children:a.jsxRuntimeExports.jsxs(xt,{children:[a.jsxRuntimeExports.jsx(be,{}),de&&a.jsxRuntimeExports.jsx(be,{}),a.jsxRuntimeExports.jsx(ht,{})]})})]}),a.jsxRuntimeExports.jsx(De,{isReadonly:J,children:n.verifyBusinessDetailsDescription})]}),a.jsxRuntimeExports.jsxs(dt,{children:[a.jsxRuntimeExports.jsx(je.CompanyOfficerDetailsSection,{companyOfficerData:v,allNationalityCountries:L,allOfficers:G??[],sectionId:w,isRefreshingViewInBackground:O,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:ne,onEditFileName:ae,onOfficerAddressClick:oe,onDeleteFile:se,isDisabled:b,filesEndPoint:r,authParams:V,isPopupOpen:Z,openPopup:We,onGetOtp:$e,onVerifyOtp:Ee,onResendOtp:Ie,companyTitles:k,isForTreasury:y==="zeni_treasury",isOverlay:x}),a.jsxRuntimeExports.jsx(je.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:V,filesEndPoint:r,onEditFileName:ae,onDeleteFile:se,updateFilesEntity:ne},onCompanyAddressClick:oe,onRegisteredAddressClick:Pe,connectedAccountProvider:U,allIndustries:A})]}),y==="zeni_accounts"?a.jsxRuntimeExports.jsx(pt,{windowSize:d,children:n.threadText.replace("__amount__",Ye)}):null]})})]}),E==="Completed"&&(y==="zeni_treasury"?X?.companyVerificationStatus?.code!=="pending_review"&&X?.companyVerificationStatus?.code!=="verified":H?.businessVerificationStatus?.code!=="pending_review"&&H?.businessVerificationStatus?.code!=="verified")?a.jsxRuntimeExports.jsx(e.Footer,{formId:ee(we),primaryBtn:{label:C?Re.submit:n.sendForVerificationButton,style:{width:"auto",minWidth:d==="small"?"auto":C?"83px":"181px"},isLoading:W==="verification"&&z.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?Re.back:n.saveDetailsButton,style:{width:d==="small"?"auto":C?"83px":"181px"},isLoading:W==="save"&&z.fetchState==="In-Progress",onClick:()=>{if(C)I();else{const t=v[R],s=c?.primaryContactLocalData;W!=="save"&&re("save");const u=t?.email??"",p=Ze(),g=He();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),Oe?.(R))}}},helperText:ze,style:{padding:`12px ${e.Space.sp3}`,zIndex:Z?0:4}}):null]})},nt=(o,L,E,O)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:V,companyView:y}=o,A=e.appLocale.getLocalizedStrings().companyPassport,k=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:A.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(n.sourceOfFundOptions)}},[w]:Object.values(V).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:!k&&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`,st=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};
+`,it=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};
+`,rt=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"};
+`,ct=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)};
+`,lt=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};
+`,dt=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e.Space.sp11};
+`,pt=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)};
+`,mt=l(e.ExtraSmallRegular)`
+  text-align: center;
+  max-width: 750px;
+  color: ${o=>o.theme.colors.hero};
+`,ut=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.Space.sp3};
+  width: 100%;
+`,ft=l(e.StyledText)`
+  ${o=>`${et.stepTitle.style(o.windowSize)}`};
+  color: ${o=>o.theme.colors.primary};
+  text-align: left;
+`,yt=l.div`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  gap: ${e.Space.sp2};
+`,xt=l.div`
+  display: flex;
+  width: 100%;
+  gap: ${e.Space.sp3};
+`,be=l.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${o=>o.theme.colors.primary};
+  border-radius: ${e.Space.sp2};
+`,ht=l.div`
+  flex: 1;
+  height: 2px;
+  background-color: ${o=>o.theme.colors.grey3};
+  border-radius: ${e.Space.sp2};
+  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%);
+    }
+  }
+`,De=l(e.StandardRegular)`
+  color: ${o=>o.theme.colors.hero};
+  margin-top: ${o=>o.isReadonly?e.Space.sp0:e.Space.sp3};
+  white-space: pre-line;
+`,gt=l(De)`
+  margin-top: ${e.Space.sp0};
+  text-align: center;
+`,St=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${e.Space.sp5};
+  margin: auto;
+`,Ct=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${e.Space.sp3};
+`,vt=l(e.H5Regular)`
+  color: ${o=>o.theme.colors.primary};
+  white-space: pre-line;
+  text-align: center;
+`,jt=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=at;exports.uniqueName=ee;

package/dist/BusyIndication-BZ0rkg0M.cjs

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

package/dist/BusyIndication-CEVF_pD1.js

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

package/dist/CardNumberSubText-CHVELxoa.js

@@ -0,0 +1,59 @@
+import { j as r } from "./vendor-.pnpm-DtFedGku.js";
+import c from "@emotion/styled";
+import { u as g, a as C, t as w, av as y, S as s, K as S } from "./index-0S2-oApY.js";
+import * as i from "react";
+const $ = (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 }
+} = C.getLocalizedStrings(), v = {
+  subText: new y("extraSmallRegular", "standardRegular")
+}, j = ({
+  cardDetail: e,
+  forDetailPage: t,
+  styles: h
+}) => {
+  const m = g(), u = 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, x = e.status.code === "request_on_hold" || !t ? a : n, l = e.type.code.includes("physical");
+  return /* @__PURE__ */ r.jsxs(
+    b,
+    {
+      style: h,
+      windowSize: m,
+      forDetailPage: t,
+      className: "cardName",
+      title: `${x}`,
+      children: [
+        u,
+        /* @__PURE__ */ r.jsx(H, {}),
+        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
+      ]
+    }
+  );
+}, b = c(S)`
+  ${(e) => e.forDetailPage ? { ...w.extraSmallRegular.cssObject } : `${v.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 = 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($)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${(e) => e.theme.colors.hero};
+`;
+export {
+  j as C
+};

package/dist/CardNumberSubText-Df1gQ2MY.cjs

@@ -0,0 +1,21 @@
+"use strict";const n=require("./vendor-.pnpm-CT-Z_-kn.cjs"),a=require("@emotion/styled"),t=require("./index-CWG6iUqU.cjs"),S=require("react");function g(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=g(S),y=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(),w={subText:new t.ResponsiveSizedStyle("extraSmallRegular","standardRegular")},C=({cardDetail:e,forDetailPage:s,styles:o})=>{const r=t.useWindowSizeContext(),m=e.type.code.includes("credit")?c.chargeCardsPromo.credit:c.chargeCardsPromo.debit;let l=e.type.code.includes("physical")?c.cardList.physicalCard:c.cardList.virtualCard;const i=u.strings.space+c.cardDetails.expiryHideOut+u.strings.space+e.accountLast4,x=e.status.code==="request_on_hold"||!s?l:i,d=e.type.code.includes("physical");return n.jsxRuntimeExports.jsxs(b,{style:o,windowSize:r,forDetailPage:s,className:"cardName",title:`${x}`,children:[m,n.jsxRuntimeExports.jsx(j,{}),l,d&&!s?n.jsxRuntimeExports.jsx(h,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!s?null:i,d&&s?n.jsxRuntimeExports.jsx(h,{}):null]})},b=a(t.StyledText)`
+  ${e=>e.forDetailPage?{...t.textStyles.extraSmallRegular.cssObject}:`${w.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};
+`,j=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(y)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`;exports.CardNumberSubText=C;