@zeniai/web-components 3.16.29 → 3.16.31

package/dist/ZeniAccountPromoPage-DXeSoO4Q.cjs

@@ -1,184 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-B6vI-hvj.cjs"),T=require("react"),n=require("@emotion/styled"),s=require("./index-jJbUoV8Z.cjs"),J=require("./MeetingCalenderPopup-DBbiUYUF.cjs"),y=require("./usp-line-CnxyxnEe.cjs"),m={amountColumnHeight:new s.ResponsiveSized(240,340),bankRectBoxHeight:new s.ResponsiveSized(240,340),bankRectBoxMinWidth:new s.ResponsiveSized(130,180),iconInnerColumnGap:new s.ResponsiveSized(s.sp[5],50),iconInnerRowMaxWidth:new s.ResponsiveSized(291,414),midContainerGap:new s.ResponsiveSized(0,0,0,s.sp[11]),styledLogoHeight:new s.ResponsiveSized(13,21),styledLogoWidth:new s.ResponsiveSized(54,87)},w={insuredAmountStr:new s.ResponsiveSizedStyle("extraSmallRegular","smallRegular"),title:new s.ResponsiveSizedStyle("smallRegular","largeRegular"),uninsuredAmountStr:new s.ResponsiveSizedStyle("largeRegular","h6Regular"),yAxisAmount:new s.ResponsiveSizedStyle("h6Regular","extraSmallRegular")},O=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-`,K=n.div`
-  padding: ${e=>e.windowSize==="small"?`${s.Space.sp0} ${s.Space.sp3}`:`${s.Space.sp0} ${s.Space.sp8}`};
-  text-align: center;
-`,Q=n.div`
-  max-width: 517px;
-  margin: auto;
-  padding: ${s.Space.sp7} ${s.Space.sp0};
-  color: ${e=>e.theme.colors.primary};
-  display: flex;
-  flex-direction: column;
-`,X=n(s.H5Regular)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.Space.sp5} ${s.Space.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,k=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"||e.windowSize==="medium-regular"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  gap: ${e=>m.midContainerGap.valuePx(e.windowSize)};
-  margin-bottom: ${s.Space.sp5};
-`,Y=n.div`
-  display: flex;
-  flex-direction: column;
-`,ee=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
-  align-items: center;
-  justify-content: center;
-`,L=n.div`
-  width: ${e=>e.windowSize==="small"?"auto":"330px"};
-  display: flex;
-  flex-direction: column;
-`,te=n.div`
-  width: ${e=>e.windowSize==="small"?"100%":"unset"};
-  overflow: hidden;
-  display: flex;
-  display: flex;
-  justify-content: center;
-  margin-bottom: ${s.Space.sp4};
-`,a=n.div`
-  border-radius: ${s.Space.sp12};
-  min-height: ${e=>e.windowSize!=="small"?"76px":s.Space.sp0};
-  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
-  padding: ${e=>e.windowSize==="small"?`${s.Space.sp2} ${s.Space.sp4} ${s.Space.sp2} ${s.Space.sp0}`:`${s.Space.sp3} ${s.Space.sp5} ${s.Space.sp3} ${s.Space.sp0}`};
-  background: ${e=>e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${s.Space.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`,g=n(s.StandardRegularSp)`
-  color: ${e=>e.theme.colors.champion};
-`,S=n(s.StandardMediumSp)`
-  color: ${e=>e.theme.colors.champion};
-`,R=n(s.SmallRegularSp)`
-  color: ${e=>e.theme.colors.champion};
-`,E=n(s.SmallMediumSp)`
-  color: ${e=>e.theme.colors.champion};
-`,p=n.div``,u=n.div`
-  padding-left: ${s.Space.sp3};
-`,M=n(y.SvgUspLine)`
-  color: ${s.Colors.graphColor16Dark};
-`,_=n(y.SvgUspLine)`
-  color: ${s.Colors.graphColor19Dark};
-`,H=n(y.SvgUspLine)`
-  color: ${s.Colors.graphColor11};
-`,F=n(y.SvgUspLine)`
-  color: ${s.Colors.success};
-`,se=n(s.SmallRegularSp)`
-  margin: ${e=>e.windowSize==="small"?s.Space.sp1:`auto ${s.Space.sp5}`};
-  color: ${e=>e.theme.colors.grey1};
-`,ne=n.div`
-  display: flex;
-  padding-top: ${s.Space.sp4};
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-`,oe=n.div`
-  display: inline-block;
-`,z=n(s.SuperSmallRegular)`
-  display: inline;
-  margin: ${s.Space.sp3} auto ${s.Space.sp0} auto;
-  max-width: 731px;
-  color: ${e=>e.theme.colors.hero};
-`,ie=n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-width: ${e=>m.iconInnerRowMaxWidth.valuePx(e.windowSize)};
-`,re=n.div`
-  display: flex;
-  justify-content: flex-end;
-`,xe=n.div`
-  display: flex;
-  width: 100%;
-  justify-content: flex-end;
-  gap: ${e=>m.iconInnerColumnGap.valuePx(e.windowSize)};
-  align-items: flex-end;
-`,A=n.div``,le=n.div`
-  height: ${e=>m.amountColumnHeight.valuePx(e.windowSize)};
-  border-left: 1px solid ${e=>e.theme.colors.grey2};
-  margin-left: 12px;
-  margin-top: 43px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding-left: ${s.Space.sp2};
-`,I=n.div`
-  width: 100%;
-  min-width: ${e=>m.bankRectBoxMinWidth.valuePx(e.windowSize)};
-  height: ${e=>m.bankRectBoxHeight.valuePx(e.windowSize)};
-  background: ${e=>e.isBankRect?e.theme.colors.grey5:e.theme.colors.brandColorJade};
-  border: 1px
-    ${e=>e.isBankRect?`dashed ${e.theme.colors.hero}`:`solid ${e.theme.colors.brandColorJade}`};
-  border-radius: ${s.Space.sp2};
-  display: flex;
-  flex-direction: column;
-`,ce=n(s.ExtraSmallRegular)`
-  padding: ${s.Space.sp2};
-  margin-top: ${s.Space.sp2};
-  border-top: 1px solid ${e=>e.theme.colors.grey2};
-  color: ${e=>e.theme.colors.primary};
-`,P=n.div`
-  width: 100%;
-  height: 298px;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,de=n.div`
-  width: 100%;
-  height: 42px;
-  background: ${e=>e.theme.colors.brandColorRuby};
-  border-bottom-right-radius: ${s.Space.sp2};
-  border-bottom-left-radius: ${s.Space.sp2};
-  outline: 1px solid ${e=>e.theme.colors.brandColorRuby};
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: flex-end;
-`,ae=n(s.StyledText)`
-  color: ${e=>e.theme.colors.grey5};
-  padding-right: 12px;
-  ${e=>`${w.insuredAmountStr.style(e.windowSize)}`};
-`,pe=n(s.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.grey5};
-  padding-right: 12px;
-`,ue=n(s.StyledText)`
-  color: ${e=>e.theme.colors.brandColorRuby};
-  padding-right: 12px;
-  padding-top: 20px;
-  ${e=>`${w.uninsuredAmountStr.style(e.windowSize)}`};
-`,me=n(s.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.brandColorRuby};
-  padding-right: 12px;
-`,je=n(s.H6Regular)`
-  color: ${e=>e.theme.colors.grey5};
-  padding-right: 12px;
-  padding-top: 20px;
-`,he=n(s.ExtraSmallRegular)`
-  color: ${e=>e.theme.colors.grey5};
-  padding-right: 12px;
-`,ge=n(s.StyledText)`
-  ${e=>`${w.yAxisAmount.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-`,U=n(s.StyledText)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${s.Space.sp3};
-  ${e=>`${w.title.style(e.windowSize)}`};
-`,Se=n(s.SvgZeniLogoFull)`
-  width: ${e=>m.styledLogoWidth.valuePx(e.windowSize)};
-  height: ${e=>m.styledLogoHeight.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-`,o=s.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo,h=s.appLocale.getLocalizedStrings().common,l=s.appLocale.getLocalizedStrings().commonSetUp.businessVerification.terms,B=({maxInsuredAmountString:e})=>{const i=s.useWindowSizeContext();return t.jsxRuntimeExports.jsxs(te,{windowSize:i,children:[t.jsxRuntimeExports.jsxs(ie,{windowSize:i,children:[t.jsxRuntimeExports.jsx(re,{children:t.jsxRuntimeExports.jsxs(xe,{windowSize:i,children:[t.jsxRuntimeExports.jsxs(A,{children:[t.jsxRuntimeExports.jsx(U,{windowSize:i,children:o.iconTexts.title}),t.jsxRuntimeExports.jsxs(I,{windowSize:i,isBankRect:!0,children:[t.jsxRuntimeExports.jsxs(P,{children:[t.jsxRuntimeExports.jsx(ue,{windowSize:i,children:o.iconTexts.unInsuredAmount}),t.jsxRuntimeExports.jsx(me,{children:o.iconTexts.unInsured})]}),t.jsxRuntimeExports.jsxs(de,{children:[t.jsxRuntimeExports.jsx(ae,{windowSize:i,children:o.iconTexts.insuredAmount}),t.jsxRuntimeExports.jsx(pe,{children:o.iconTexts.insured})]})]})]}),t.jsxRuntimeExports.jsxs(A,{children:[t.jsxRuntimeExports.jsx(U,{windowSize:i,children:t.jsxRuntimeExports.jsx(Se,{windowSize:i})}),t.jsxRuntimeExports.jsx(I,{windowSize:i,isBankRect:!1,children:t.jsxRuntimeExports.jsxs(P,{children:[t.jsxRuntimeExports.jsx(je,{children:e}),t.jsxRuntimeExports.jsx(he,{children:o.iconTexts.fdicCovered})]})})]})]})}),t.jsxRuntimeExports.jsx(ce,{children:o.iconTexts.footNote})]}),t.jsxRuntimeExports.jsx(le,{windowSize:i,children:o.iconTexts.yAxisAmounts.map((x,r)=>t.jsxRuntimeExports.jsx(ge,{windowSize:i,children:x},r))})]})},Re=({maxAnnualPercentageYield:e,maxInsuredAmount:i,exampleBankBalance:x})=>{const r=s.useWindowSizeContext(),j=s.amountValueToString(s.getAmountFormatString(i),i,h.currency.currencySymbol).toUpperCase();let d=j;return i>x&&(d=s.amountValueToString(s.getAmountFormatString(x),x,h.currency.currencySymbol).toUpperCase()),t.jsxRuntimeExports.jsxs(k,{windowSize:r,children:[t.jsxRuntimeExports.jsx(B,{maxInsuredAmountString:d}),t.jsxRuntimeExports.jsxs(L,{windowSize:r,children:[t.jsxRuntimeExports.jsxs(a,{windowSize:r,children:[t.jsxRuntimeExports.jsx(p,{children:t.jsxRuntimeExports.jsx(H,{})}),t.jsxRuntimeExports.jsxs(u,{children:[t.jsxRuntimeExports.jsx(E,{children:o.earnUptoText.bold.replace("__rate__",e.toString())}),t.jsxRuntimeExports.jsx(R,{children:o.earnUptoText.regular})]})]}),t.jsxRuntimeExports.jsxs(a,{windowSize:r,children:[t.jsxRuntimeExports.jsx(p,{children:t.jsxRuntimeExports.jsx(M,{})}),t.jsxRuntimeExports.jsxs(u,{children:[t.jsxRuntimeExports.jsx(E,{children:o.insuranceText.bold.replace("__amount__",j)}),t.jsxRuntimeExports.jsx(R,{children:o.insuranceText.regular})]})]}),t.jsxRuntimeExports.jsxs(a,{windowSize:r,children:[t.jsxRuntimeExports.jsx(p,{children:t.jsxRuntimeExports.jsx(F,{})}),t.jsxRuntimeExports.jsxs(u,{children:[t.jsxRuntimeExports.jsx(E,{children:o.noHiddenFee.bold}),t.jsxRuntimeExports.jsx(R,{children:o.noHiddenFee.regular})]})]}),t.jsxRuntimeExports.jsxs(a,{windowSize:r,children:[t.jsxRuntimeExports.jsx(p,{children:t.jsxRuntimeExports.jsx(_,{})}),t.jsxRuntimeExports.jsxs(u,{children:[t.jsxRuntimeExports.jsx(E,{children:o.expertSupport.bold}),t.jsxRuntimeExports.jsx(R,{children:o.expertSupport.regular})]})]})]})]})},Ee=({maxAnnualPercentageYield:e,maxInsuredAmount:i,exampleBankBalance:x})=>{const r=s.useWindowSizeContext(),j=s.amountValueToString(s.getAmountFormatString(i),i,h.currency.currencySymbol).toUpperCase();let d=j;return i>x&&(d=s.amountValueToString(s.getAmountFormatString(x),x,h.currency.currencySymbol).toUpperCase()),t.jsxRuntimeExports.jsxs(k,{windowSize:r,children:[t.jsxRuntimeExports.jsxs(L,{windowSize:r,children:[t.jsxRuntimeExports.jsxs(a,{windowSize:r,style:{width:"330px",minHeight:"83px"},children:[t.jsxRuntimeExports.jsx(p,{children:t.jsxRuntimeExports.jsx(H,{})}),t.jsxRuntimeExports.jsxs(u,{children:[t.jsxRuntimeExports.jsx(S,{children:o.earnUptoText.bold.replace("__rate__",e.toString())}),t.jsxRuntimeExports.jsx(g,{children:o.earnUptoText.regular})]})]}),t.jsxRuntimeExports.jsxs(a,{windowSize:r,style:{width:"330px",minHeight:"83px"},children:[t.jsxRuntimeExports.jsx(p,{children:t.jsxRuntimeExports.jsx(M,{})}),t.jsxRuntimeExports.jsxs(u,{children:[t.jsxRuntimeExports.jsx(S,{children:o.insuranceText.bold.replace("__amount__",j)}),t.jsxRuntimeExports.jsx(g,{children:o.insuranceText.regular})]})]}),t.jsxRuntimeExports.jsxs(a,{windowSize:r,style:{width:"330px",minHeight:"83px"},children:[t.jsxRuntimeExports.jsx(p,{children:t.jsxRuntimeExports.jsx(F,{})}),t.jsxRuntimeExports.jsxs(u,{children:[t.jsxRuntimeExports.jsx(S,{children:o.noHiddenFee.bold}),t.jsxRuntimeExports.jsx(g,{children:o.noHiddenFee.regular})]})]}),t.jsxRuntimeExports.jsxs(a,{windowSize:r,style:{width:"330px",minHeight:"83px"},children:[t.jsxRuntimeExports.jsx(p,{children:t.jsxRuntimeExports.jsx(_,{})}),t.jsxRuntimeExports.jsxs(u,{children:[t.jsxRuntimeExports.jsx(S,{children:o.expertSupport.bold}),t.jsxRuntimeExports.jsx(g,{children:o.expertSupport.regular})]})]})]}),t.jsxRuntimeExports.jsx(B,{maxInsuredAmountString:d})]})},ye=({meetingUrl:e,maxAnnualPercentageYield:i,maxInsuredAmount:x,analytics:r,zeniAccountSetupView:j,exampleBankBalance:d,onSetupButtonClick:W,onBackClick:D,onClickMenuIcon:Z,onSetupZeniAccountSuccess:f})=>{const q=t.useTheme(),c=s.useWindowSizeContext(),{zeniAccountTermsDetails:$}=j,v=s.usePrevious($?.fetchStatus.fetchState),[G,b]=T.useState(!1),V=()=>{r.trackAccountsPromoPageClicked("Schedule Demo"),b(!0)};T.useEffect(()=>{v==="In-Progress"&&$?.fetchStatus.fetchState==="Completed"&&f?.()},[v,f,$?.fetchStatus]);const C=s.useGlobalInfoContext(),N=C.loggedInUserRoleMap.deposit_accounts_user===!0||s.isZeniFinopsRoles(C);return t.jsxRuntimeExports.jsxs(O,{children:[t.jsxRuntimeExports.jsx(s.NavBar,{title:o.title,backgroundColor:q.colors.grey5,onBackClick:D,showBackButton:!0,showMenuIcon:c==="small"||c==="medium-compact",onClickMenuIcon:Z,source:"ZeniAccountPromoPage"}),G===!0?t.jsxRuntimeExports.jsx(J.MeetingCalenderPopup,{onCancelClick:()=>{b(!1)},meetingUrl:e}):null,t.jsxRuntimeExports.jsxs(K,{windowSize:c,children:[c==="small"?t.jsxRuntimeExports.jsxs(X,{children:[o.promoText1,h.strings.colon,t.jsxRuntimeExports.jsx(s.LargeRegular,{style:{marginTop:s.Space.sp2},children:o.promoText2})]}):t.jsxRuntimeExports.jsxs(Q,{children:[t.jsxRuntimeExports.jsxs(s.H4Regular,{children:[o.promoText1,h.strings.colon]}),t.jsxRuntimeExports.jsx(s.H6Regular,{style:{marginTop:s.Space.sp2},children:o.promoText2})]}),c==="small"||c==="medium-compact"||c==="medium-regular"?t.jsxRuntimeExports.jsx(Re,{maxAnnualPercentageYield:i,maxInsuredAmount:x,exampleBankBalance:d}):t.jsxRuntimeExports.jsx(Ee,{maxAnnualPercentageYield:i,maxInsuredAmount:x,exampleBankBalance:d}),N?null:t.jsxRuntimeExports.jsxs(Y,{children:[t.jsxRuntimeExports.jsxs(ee,{windowSize:c,children:[t.jsxRuntimeExports.jsx(s.Button,{variant:"secondary",label:o.scheduleDemoButton,onClick:V,"data-testid":s.generateDataTestId("accounts-promo-schedule-demo-button")}),t.jsxRuntimeExports.jsx(se,{windowSize:c,children:o.orText}),t.jsxRuntimeExports.jsx(s.Button,{variant:"primary",label:o.setupAccountsButton,loading:!1,onClick:W,"data-testid":s.generateDataTestId("accounts-promo-setup-accounts-button")})]}),t.jsxRuntimeExports.jsx(ne,{children:t.jsxRuntimeExports.jsxs(z,{children:[o.terms.terms1,t.jsxRuntimeExports.jsx(s.ZeniLink,{href:l.consentUrl,linkText:l.consent}),l.term2,t.jsxRuntimeExports.jsx(s.ZeniLink,{href:l.depositUrl,linkText:l.depositTerms}),l.term3,t.jsxRuntimeExports.jsx(s.ZeniLink,{href:l.privacyPolicyUrl,linkText:l.privacy}),l.term4,t.jsxRuntimeExports.jsx(s.ZeniLink,{href:l.tosUrl,linkText:l.tos}),l.term5,o.terms.terms3]})}),t.jsxRuntimeExports.jsx(oe,{children:t.jsxRuntimeExports.jsx(z,{children:o.disclaimer})})]})]})]})};exports.default=ye;

package/dist/ZeniAccountSetupPage-BoO-4S-K.cjs

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-B6vI-hvj.cjs"),f=require("react"),h=require("@emotion/styled"),e=require("./index-jJbUoV8Z.cjs"),ge=require("./HelpButton-CZ7zQniu.cjs"),xe=require("./SetUpDefaultSection-CLhkOACO.cjs"),he=require("./SpendMgmtSetupAccountSection-C7uAWhXV.cjs"),Se=require("./UploadAdditionalDocumentOverlay-BzhbH4Iy.cjs"),c={titleWidth:new e.ResponsiveSized(343,580,726,826),setupDetailsRowGap:new e.ResponsiveSized(12,e.sp[5],e.sp[5]),sectionRowGap:new e.ResponsiveSized(e.sp[5],e.sp[9],e.sp[9]),iconWidthHeight:new e.ResponsiveSized(20,e.sp[4]),subTitlePaddingTop:new e.ResponsiveSized(12,e.sp[3]),subTitlePaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),overlayWidth:new e.ResponsiveSized(100,100,59)},k="zeniAccountSetUpPage",A="payAccount",{common:ye,commonSetUp:F,spendManagement:we}=e.appLocale.getLocalizedStrings(),{zeniAccounts:W}=we,{zeniAccountSetUp:D}=W,{setUp:T}=F,ve=({isDisabled:t,meetingUrl:R,zeniAccountSetUpView:d,analytics:r,connectedAccountProvider:a,filesEndPoint:_,authParams:H,accountsPromoConfig:$,onFetchLinkTokenClick:U,onBackClick:L,onEnableZeniAccountClick:M,onUpdatePrimaryFundingAccount:N,onUpdateZeniAccountClick:G,onBusinessVerificationSectionClick:Z,onUpdatePaymentAccountStatus:J,onUpdatePaymentAccountLoginStatus:K,onEstablishConnectionClick:Q,onEstablishConnectionSuccess:X,onClickMenuIcon:Y,onEnableZeniAccountSuccess:S,onEditFileName:ee,onDeleteFile:te,updateFilesEntity:ne,onCompanyOfficerUpdated:ie,onSendForVerificationClick:oe})=>{const y=n.useTheme(),o=e.useWindowSizeContext(),[w,m]=f.useState(!1),{fetchState:g,companyBillPayInfo:B,isRefreshingViewInBackground:se,updateStatus:u,accountUpdateStatus:ce,plaidConnectionDetails:ae,allBankAccounts:re,companyZeniAccountInfo:ue,selectedCompanyOfficer:s,primaryFundingAccount:p,allFundingAccounts:O}=d,I=e.usePrevious(g),v=e.usePrevious(u.fetchState),P=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>q(d),[d]),values:q(d)}),le=P.handleSubmit(x=>{r.trackEnableZeniAccounts(),M()}),de=async(x,j)=>{const i=j[A];if(x.includes(A)){if(x.includes("fundingAccount")){if(i.fundingAccount.selectedOption!=null&&p?.id!=i.fundingAccount.selectedOption){const l=O.find(z=>z.id===i.fundingAccount.selectedOption);l!=null&&N(i.fundingAccount.selectedOption,l.accType)}}else if(i.account.selectedOption!=null&&p?.id!=null&&p?.zeniAccountId!=i.account.selectedOption){const l=i.account.allOptions.find(z=>z.value===i.account.selectedOption);l!=null&&typeof l.label=="string"&&r.trackConnectBankLink(l.value,l.label,"zeni_accounts"),G(i.account.selectedOption,p.id,p.accType)}}};f.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&m(!0),w&&I==="In-Progress"&&g==="Completed"&&m(!1)},[s,g,I]),f.useEffect(()=>{const x=P.watch((j,{name:i})=>{i!=null&&j!=null&&n.defer(()=>de(i,j))});return()=>{x.unsubscribe()}}),f.useEffect(()=>{v==="In-Progress"&&u.fetchState==="Completed"&&S()},[S,v,u.fetchState]);const b=ue?.isZeniAccountEnabled===!0,C=B?.isBusinessVerified===!0,pe=g==="In-Progress"||g==="Not-Started";f.useEffect(()=>{v==="In-Progress"&&u.fetchState==="Completed"&&S()},[S,v,u.fetchState]);const fe=C?F.setUp.setupVerifiedSubTitle:D.setupSubTitle,V=y.mode==="light"?new n.Color(y.colors.brandColorJadeLight):new n.Color(y.colors.brandColorJadeDark),me=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?m(!0):Z?.()};return n.jsxRuntimeExports.jsxs(je,{children:[n.jsxRuntimeExports.jsx(n.Drawer,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(o),boxShadow:"none"}},open:w,onClose:()=>m(!1),style:{backgroundColor:e.Colors.drawerBackground},transitionDuration:250,children:n.jsxRuntimeExports.jsx(Se.UploadAdditionalDocumentOVerlay,{authParams:H,filesEndPoint:_,updateStatus:u,onEditFileName:ee,onDeleteFile:te,updateFilesEntity:ne,companyOfficer:s,onClose:()=>m(!1),onCompanyOfficerUpdated:ie,onSendForVerificationClick:oe})}),n.jsxRuntimeExports.jsx(e.NavBar,{title:D.setupTitle,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:L,showMenuIcon:!b&&(o==="medium-compact"||o==="small"),onClickMenuIcon:Y,source:"ZeniAccountSetupPage"}),n.jsxRuntimeExports.jsxs(be,{windowSize:o,children:[n.jsxRuntimeExports.jsx(Ae,{windowSize:o,children:fe}),pe?n.jsxRuntimeExports.jsx(Re,{children:n.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})}):n.jsxRuntimeExports.jsx(n.FormProvider,{...P,children:n.jsxRuntimeExports.jsx("form",{id:E(k),onSubmit:le,children:n.jsxRuntimeExports.jsxs(Pe,{windowSize:o,children:[n.jsxRuntimeExports.jsx(xe.SetUpDefaultSection,{onClick:me,title:T.businessVerificationTitle,subTitle:T.businessVerificationSubTitle,header:T.businessVerificationHeader,icon:{element:n.jsxRuntimeExports.jsx(e.SvgDocuments,{width:c.iconWidthHeight.valuePx(o),height:c.iconWidthHeight.valuePx(o)}),color:V},status:B?.businessVerificationStatus,isLoading:se,isActiveWhileLoading:!0}),n.jsxRuntimeExports.jsx(he.SpendMgmtSetupAccountSection,{connectedAccountProvider:a,plaidConnectionDetails:ae,allBankAccounts:re,sectionId:A,isDisabled:t,header:W.accountSectionHeader,onFetchLinkTokenClick:U,onEstablishConnectionClick:Q,onUpdatePaymentAccountStatus:J,onUpdatePaymentAccountLoginStatus:K,onEstablishConnectionSuccess:X,icon:{element:n.jsxRuntimeExports.jsx(e.SvgBankBuilding,{width:c.iconWidthHeight.valuePx(o),height:c.iconWidthHeight.valuePx(o)}),color:V},analytics:r,productType:"zeni_accounts",primaryFundingAccount:p,isAccountsEnabled:b,allFundingAccounts:O,pageName:"Zeni Account Setup",accountsPromoConfig:$})]})})})]}),C&&!b?n.jsxRuntimeExports.jsx(e.Footer,{formId:E(k),primaryBtn:{label:D.enableAccounts,style:{width:"auto",minWidth:o==="small"?"auto":"181px"},isLoading:u.fetchState==="In-Progress"||ce.fetchState==="In-Progress",isDisabled:t!=null},showCancel:!1,cancelBtn:{label:ye.strings.empty},style:{padding:`12px ${e.Space.sp3}`}}):null,n.jsxRuntimeExports.jsx(ge.HelpButton,{isFooterRendered:C&&!b,meetingUrl:R,analytics:r,productType:"zeni_accounts"})]})},q=t=>{const{allBankAccounts:R,allFundingAccounts:d,primaryFundingAccount:r}=t;return{[A]:{fundingAccount:{selectedOption:r?.id,allOptions:d.map(a=>({label:a.label,value:a.id,isRecommended:a.accType==="depositAccount"}))},account:{selectedOption:r?.zeniAccountId,allOptions:R.map(a=>({label:a.accountName,value:a.accountId}))}}}},be=h.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${t=>c.setupDetailsRowGap.valuePx(t.windowSize)};
-`,je=h.div`
-  display: flex;
-  min-height: 100%;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${t=>t.theme.colors.grey4};
-`,Ae=h(e.StandardRegular)`
-  color: ${t=>t.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${t=>c.titleWidth.valuePx(t.windowSize)};
-  padding-top: ${t=>c.subTitlePaddingTop.valuePx(t.windowSize)};
-  padding-bottom: ${t=>c.subTitlePaddingBottom.valuePx(t.windowSize)};
-  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
-`,Re=h.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${t=>t.theme.colors.grey4};
-`,Pe=h.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${t=>c.sectionRowGap.valuePx(t.windowSize)};
-`,E=t=>`${t}_form`;exports.default=ve;exports.uniqueName=E;

package/dist/ZeniAccountSetupPage-CX1n1JeV.js

@@ -1,312 +0,0 @@
-import { u as xe, g as we, h as ye, b as R, j as t, D as be, F as Ae } from "./vendor-.pnpm-DxbX2tX4.js";
-import { useState as ve, useMemo as Pe, useEffect as P } from "react";
-import S from "@emotion/styled";
-import { u as Ce, aD as W, a as De, C as je, R as d, aE as Te, A as Be, gl as ze, eN as Ie, ap as Oe, S as Ve, D as a, p as ke } from "./index-B1WDj5pO.js";
-import { H as Fe } from "./HelpButton-CXyKUyI7.js";
-import { S as Re } from "./SetUpDefaultSection-31feIaiy.js";
-import { S as We } from "./SpendMgmtSetupAccountSection-CAo82sFv.js";
-import { U as He } from "./UploadAdditionalDocumentOverlay-LtekxBzr.js";
-const s = {
-  titleWidth: new d(343, 580, 726, 826),
-  setupDetailsRowGap: new d(12, a[5], a[5]),
-  sectionRowGap: new d(a[5], a[9], a[9]),
-  iconWidthHeight: new d(20, a[4]),
-  subTitlePaddingTop: new d(12, a[3]),
-  subTitlePaddingBottom: new d(a[3], a[3]),
-  overlayWidth: new d(100, 100, 59)
-}, H = "zeniAccountSetUpPage", C = "payAccount", { common: _e, commonSetUp: U, spendManagement: $e } = De.getLocalizedStrings(), { zeniAccounts: L } = $e, { zeniAccountSetUp: z } = L, { setUp: I } = U, et = ({
-  isDisabled: e,
-  meetingUrl: D,
-  zeniAccountSetUpView: p,
-  analytics: l,
-  connectedAccountProvider: c,
-  filesEndPoint: q,
-  authParams: M,
-  accountsPromoConfig: N,
-  onFetchLinkTokenClick: E,
-  onBackClick: G,
-  onEnableZeniAccountClick: Z,
-  onUpdatePrimaryFundingAccount: J,
-  onUpdateZeniAccountClick: K,
-  onBusinessVerificationSectionClick: Q,
-  onUpdatePaymentAccountStatus: X,
-  onUpdatePaymentAccountLoginStatus: Y,
-  onEstablishConnectionClick: ee,
-  onEstablishConnectionSuccess: te,
-  onClickMenuIcon: ne,
-  onEnableZeniAccountSuccess: x,
-  onEditFileName: oe,
-  onDeleteFile: ie,
-  updateFilesEntity: se,
-  onCompanyOfficerUpdated: ae,
-  onSendForVerificationClick: ce
-}) => {
-  const w = xe(), o = Ce(), [y, m] = ve(!1), {
-    fetchState: g,
-    companyBillPayInfo: O,
-    isRefreshingViewInBackground: le,
-    updateStatus: r,
-    accountUpdateStatus: re,
-    plaidConnectionDetails: ue,
-    allBankAccounts: de,
-    companyZeniAccountInfo: pe,
-    selectedCompanyOfficer: i,
-    primaryFundingAccount: f,
-    allFundingAccounts: V
-  } = p, k = W(g), b = W(r.fetchState), j = we({
-    mode: "all",
-    reValidateMode: "onChange",
-    defaultValues: Pe(
-      () => _(p),
-      [p]
-    ),
-    values: _(p)
-  }), fe = j.handleSubmit((h) => {
-    l.trackEnableZeniAccounts(), Z();
-  }), me = async (h, v) => {
-    const n = v[C];
-    if (h.includes(C)) {
-      if (h.includes("fundingAccount")) {
-        if (n.fundingAccount.selectedOption != null && f?.id != n.fundingAccount.selectedOption) {
-          const u = V.find(
-            (B) => B.id === n.fundingAccount.selectedOption
-          );
-          u != null && J(
-            n.fundingAccount.selectedOption,
-            u.accType
-          );
-        }
-      } else if (n.account.selectedOption != null && f?.id != null && f?.zeniAccountId != n.account.selectedOption) {
-        const u = n.account.allOptions.find(
-          (B) => B.value === n.account.selectedOption
-        );
-        u != null && typeof u.label == "string" && l.trackConnectBankLink(
-          u.value,
-          u.label,
-          "zeni_accounts"
-        ), K(
-          n.account.selectedOption,
-          f.id,
-          f.accType
-        );
-      }
-    }
-  };
-  P(() => {
-    !y && i?.additionalDocumentTypesRequestedForVerification.includes(
-      "social_security_card"
-    ) === !0 && i.areAdditionalDocumentsRequestedForVerification && !i.areAdditionalDocumentsSubmittedForVerification && i.userVerificationStatus?.code === "require_info" && m(!0), y && k === "In-Progress" && g === "Completed" && m(!1);
-  }, [i, g, k]), P(() => {
-    const h = j.watch((v, { name: n }) => {
-      n != null && v != null && ye(() => me(n, v));
-    });
-    return () => {
-      h.unsubscribe();
-    };
-  }), P(() => {
-    b === "In-Progress" && r.fetchState === "Completed" && x();
-  }, [x, b, r.fetchState]);
-  const A = pe?.isZeniAccountEnabled === !0, T = O?.isBusinessVerified === !0, ge = g === "In-Progress" || g === "Not-Started";
-  P(() => {
-    b === "In-Progress" && r.fetchState === "Completed" && x();
-  }, [x, b, r.fetchState]);
-  const he = T ? U.setUp.setupVerifiedSubTitle : z.setupSubTitle, F = w.mode === "light" ? new R(w.colors.brandColorJadeLight) : new R(w.colors.brandColorJadeDark), Se = () => {
-    !y && i?.additionalDocumentTypesRequestedForVerification.includes(
-      "social_security_card"
-    ) === !0 && i.areAdditionalDocumentsRequestedForVerification && !i.areAdditionalDocumentsSubmittedForVerification && i.userVerificationStatus?.code === "require_info" ? m(!0) : Q?.();
-  };
-  return /* @__PURE__ */ t.jsxs(Le, { children: [
-    /* @__PURE__ */ t.jsx(
-      be,
-      {
-        anchor: "right",
-        PaperProps: {
-          style: {
-            width: s.overlayWidth.valuePercentage(o),
-            boxShadow: "none"
-          }
-        },
-        open: y,
-        onClose: () => m(!1),
-        style: { backgroundColor: je.drawerBackground },
-        transitionDuration: 250,
-        children: /* @__PURE__ */ t.jsx(
-          He,
-          {
-            authParams: M,
-            filesEndPoint: q,
-            updateStatus: r,
-            onEditFileName: oe,
-            onDeleteFile: ie,
-            updateFilesEntity: se,
-            companyOfficer: i,
-            onClose: () => m(!1),
-            onCompanyOfficerUpdated: ae,
-            onSendForVerificationClick: ce
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      Te,
-      {
-        title: z.setupTitle,
-        backgroundColor: w.colors.grey4,
-        style: { zIndex: 3 },
-        onBackClick: G,
-        showMenuIcon: !A && (o === "medium-compact" || o === "small"),
-        onClickMenuIcon: ne,
-        source: "ZeniAccountSetupPage"
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(Ue, { windowSize: o, children: [
-      /* @__PURE__ */ t.jsx(qe, { windowSize: o, children: he }),
-      ge ? /* @__PURE__ */ t.jsx(Me, { children: /* @__PURE__ */ t.jsx(Be, { size: "ExtraLarge", start: !0 }) }) : /* @__PURE__ */ t.jsx(Ae, { ...j, children: /* @__PURE__ */ t.jsx("form", { id: $(H), onSubmit: fe, children: /* @__PURE__ */ t.jsxs(Ne, { windowSize: o, children: [
-        /* @__PURE__ */ t.jsx(
-          Re,
-          {
-            onClick: Se,
-            title: I.businessVerificationTitle,
-            subTitle: I.businessVerificationSubTitle,
-            header: I.businessVerificationHeader,
-            icon: {
-              element: /* @__PURE__ */ t.jsx(
-                ze,
-                {
-                  width: s.iconWidthHeight.valuePx(o),
-                  height: s.iconWidthHeight.valuePx(o)
-                }
-              ),
-              color: F
-            },
-            status: O?.businessVerificationStatus,
-            isLoading: le,
-            isActiveWhileLoading: !0
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          We,
-          {
-            connectedAccountProvider: c,
-            plaidConnectionDetails: ue,
-            allBankAccounts: de,
-            sectionId: C,
-            isDisabled: e,
-            header: L.accountSectionHeader,
-            onFetchLinkTokenClick: E,
-            onEstablishConnectionClick: ee,
-            onUpdatePaymentAccountStatus: X,
-            onUpdatePaymentAccountLoginStatus: Y,
-            onEstablishConnectionSuccess: te,
-            icon: {
-              element: /* @__PURE__ */ t.jsx(
-                Ie,
-                {
-                  width: s.iconWidthHeight.valuePx(o),
-                  height: s.iconWidthHeight.valuePx(o)
-                }
-              ),
-              color: F
-            },
-            analytics: l,
-            productType: "zeni_accounts",
-            primaryFundingAccount: f,
-            isAccountsEnabled: A,
-            allFundingAccounts: V,
-            pageName: "Zeni Account Setup",
-            accountsPromoConfig: N
-          }
-        )
-      ] }) }) })
-    ] }),
-    T && !A ? /* @__PURE__ */ t.jsx(
-      Oe,
-      {
-        formId: $(H),
-        primaryBtn: {
-          label: z.enableAccounts,
-          style: {
-            width: "auto",
-            minWidth: o === "small" ? "auto" : "181px"
-          },
-          isLoading: r.fetchState === "In-Progress" || re.fetchState === "In-Progress",
-          isDisabled: e != null
-        },
-        showCancel: !1,
-        cancelBtn: { label: _e.strings.empty },
-        style: {
-          padding: `12px ${Ve.sp3}`
-        }
-      }
-    ) : null,
-    /* @__PURE__ */ t.jsx(
-      Fe,
-      {
-        isFooterRendered: T && !A,
-        meetingUrl: D,
-        analytics: l,
-        productType: "zeni_accounts"
-      }
-    )
-  ] });
-}, _ = (e) => {
-  const { allBankAccounts: D, allFundingAccounts: p, primaryFundingAccount: l } = e;
-  return {
-    [C]: {
-      fundingAccount: {
-        selectedOption: l?.id,
-        allOptions: p.map((c) => ({
-          label: c.label,
-          value: c.id,
-          isRecommended: c.accType === "depositAccount"
-        }))
-      },
-      account: {
-        selectedOption: l?.zeniAccountId,
-        allOptions: D.map((c) => ({
-          label: c.accountName,
-          value: c.accountId
-        }))
-      }
-    }
-  };
-}, Ue = S.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${(e) => s.setupDetailsRowGap.valuePx(e.windowSize)};
-`, Le = S.div`
-  display: flex;
-  min-height: 100%;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, qe = S(ke)`
-  color: ${(e) => e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${(e) => s.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${(e) => s.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${(e) => s.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${(e) => e.windowSize === "small" ? "initial" : "center"};
-`, Me = S.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};
-`, Ne = S.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${(e) => s.sectionRowGap.valuePx(e.windowSize)};
-`, $ = (e) => `${e}_form`;
-export {
-  et as default,
-  $ as uniqueName
-};

package/dist/ZeniAvatar-Cgc4wZZF.js

@@ -1,34 +0,0 @@
-import { j as s } from "./vendor-.pnpm-DxbX2tX4.js";
-import n from "@emotion/styled";
-import { v as i, S as r } from "./index-B1WDj5pO.js";
-import { S as a } from "./avatar-Dz7aEm3d.js";
-const h = n.img`
-  height: ${r.sp8};
-  width: ${r.sp8};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${(o) => o.theme.colors.hero};
-`, l = n(a)`
-  height: ${r.sp8};
-  width: ${r.sp8};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${(o) => o.theme.colors.hero};
-`;
-function d({ personBasic: o, styles: t }) {
-  return o?.photo != null ? /* @__PURE__ */ s.jsx(
-    h,
-    {
-      src: o.photo.toString(),
-      alt: o.userId,
-      style: { ...t },
-      onError: ({ currentTarget: e }) => {
-        e.onerror = null, e.src = i;
-      },
-      loading: "lazy"
-    }
-  ) : /* @__PURE__ */ s.jsx(l, { style: { ...t } });
-}
-export {
-  d as Z
-};

package/dist/ZeniAvatar-nra8u1tj.cjs

@@ -1,13 +0,0 @@
-"use strict";const n=require("./vendor-.pnpm-B6vI-hvj.cjs"),s=require("@emotion/styled"),r=require("./index-jJbUoV8Z.cjs"),i=require("./avatar-D-486uIp.cjs"),c=s.img`
-  height: ${r.Space.sp8};
-  width: ${r.Space.sp8};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${t=>t.theme.colors.hero};
-`,a=s(i.SvgAvatar)`
-  height: ${r.Space.sp8};
-  width: ${r.Space.sp8};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${t=>t.theme.colors.hero};
-`;function u({personBasic:t,styles:e}){return t?.photo!=null?n.jsxRuntimeExports.jsx(c,{src:t.photo.toString(),alt:t.userId,style:{...e},onError:({currentTarget:o})=>{o.onerror=null,o.src=r.AvatarSVG},loading:"lazy"}):n.jsxRuntimeExports.jsx(a,{style:{...e}})}exports.ZeniAvatar=u;

package/dist/ZeniCopyright-BHK5L8iu.js

@@ -1,9 +0,0 @@
-import { j as e } from "./vendor-.pnpm-DxbX2tX4.js";
-import { a as r } from "./index-B1WDj5pO.js";
-function i() {
-  const t = (/* @__PURE__ */ new Date()).getFullYear(), n = r.getLocalizedStrings().common.zeniIncText.replace("__year__", t.toString());
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: n });
-}
-export {
-  i as Z
-};

package/dist/ZeniCopyright-Bq4h20BO.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./vendor-.pnpm-B6vI-hvj.cjs"),r=require("./index-jJbUoV8Z.cjs");function i(){const n=new Date().getFullYear(),t=r.appLocale.getLocalizedStrings().common.zeniIncText.replace("__year__",n.toString());return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t})}exports.ZeniCopyright=i;