@zeniai/web-cockpit-ui 1.13.93-prod → 1.13.94-dev

package/dist/assets/{ZeniAccountPromoPage-PcyNGe7A-gml7CwD5.js → ZeniAccountPromoPage-Car62P8Q-Bdd82q-1.js}

@@ -1,4 +1,4 @@
-import{u as ae,X as v,a5 as ce,V as xe,fm as me,j as i,aW as pe,M as I,k as he,o,c1 as ue,Z as J,K as W,Y as L,i as j,c0 as ge,aJ as b,a0 as k,a9 as K,aS as we,C as x,g as A,c2 as je,aa as $e,av as ye,q as Y,Q as $,h as C,m as T,$ as Se}from"./index-g0nOWR6_.js";import{b as Z,n}from"./vendor-CnQcJ2Lu.js";import{x as fe}from"./MeetingCalenderPopup-BhC8pSjM-BfX7Nbrw.js";import{M as B}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const u={amountColumnHeight:new x(240,340),bankRectBoxHeight:new x(240,340),bankRectBoxMinWidth:new x(130,180),iconInnerColumnGap:new x(Y[5],50),iconInnerRowMaxWidth:new x(291,414),midContainerGap:new x(0,0,0,Y[11]),styledLogoHeight:new x(13,21),styledLogoWidth:new x(54,87)},R={insuredAmountStr:new $("extraSmallRegular","smallRegular"),title:new $("smallRegular","largeRegular"),uninsuredAmountStr:new $("largeRegular","h6Regular"),yAxisAmount:new $("h6Regular","extraSmallRegular")},ze=n.div`
+import{u as ae,X as v,a1 as ce,t as xe,fk as me,j as i,aW as pe,M as P,k as he,o,c1 as ue,Z as J,K as W,Y as L,i as j,c0 as ge,aa as b,a0 as k,a5 as K,aS as we,C as x,g as A,c2 as je,a6 as $e,ao as ye,n as Y,Q as $,h as C,f as T,$ as Se}from"./index-ji6aa7AC.js";import{b as Z,n}from"./vendor-CnQcJ2Lu.js";import{x as fe}from"./MeetingCalenderPopup-vr7DE2aj-DAZs4R6M.js";import{M as B}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const u={amountColumnHeight:new x(240,340),bankRectBoxHeight:new x(240,340),bankRectBoxMinWidth:new x(130,180),iconInnerColumnGap:new x(Y[5],50),iconInnerRowMaxWidth:new x(291,414),midContainerGap:new x(0,0,0,Y[11]),styledLogoHeight:new x(13,21),styledLogoWidth:new x(54,87)},R={insuredAmountStr:new $("extraSmallRegular","smallRegular"),title:new $("smallRegular","largeRegular"),uninsuredAmountStr:new $("largeRegular","h6Regular"),yAxisAmount:new $("h6Regular","extraSmallRegular")},ze=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -19,7 +19,7 @@ import{u as ae,X as v,a5 as ce,V as xe,fm as me,j as i,aW as pe,M as I,k as he,o
   margin: auto;
   padding: ${o.sp5} ${o.sp0};
   color: ${e=>e.theme.colors.primary};
-`,q=n.div`
+`,Q=n.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"||e.windowSize==="medium-regular"?"column":"row"};
   align-items: center;
@@ -34,7 +34,7 @@ import{u as ae,X as v,a5 as ce,V as xe,fm as me,j as i,aW as pe,M as I,k as he,o
   flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
   align-items: center;
   justify-content: center;
-`,Q=n.div`
+`,X=n.div`
   width: ${e=>e.windowSize==="small"?"auto":"330px"};
   display: flex;
   flex-direction: column;
@@ -67,7 +67,7 @@ import{u as ae,X as v,a5 as ce,V as xe,fm as me,j as i,aW as pe,M as I,k as he,o
   color: ${e=>e.theme.colors.champion};
 `,p=n.div``,h=n.div`
   padding-left: ${o.sp3};
-`,X=n(B)`
+`,q=n(B)`
   color: ${A.graphColor16Dark};
 `,N=n(B)`
   color: ${A.graphColor19Dark};
@@ -84,14 +84,14 @@ import{u as ae,X as v,a5 as ce,V as xe,fm as me,j as i,aW as pe,M as I,k as he,o
   width: 100%;
   justify-content: center;
   align-items: center;
-`,Pe=n.div`
+`,Ie=n.div`
   display: inline-block;
 `,D=n(we)`
   display: inline;
   margin: ${o.sp3} auto ${o.sp0} auto;
   max-width: 731px;
   color: ${e=>e.theme.colors.hero};
-`,Ie=n.div`
+`,Pe=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -130,7 +130,7 @@ import{u as ae,X as v,a5 as ce,V as xe,fm as me,j as i,aW as pe,M as I,k as he,o
   margin-top: ${o.sp2};
   border-top: 1px solid ${e=>e.theme.colors.grey2};
   color: ${e=>e.theme.colors.primary};
-`,V=n.div`
+`,E=n.div`
   width: 100%;
   height: 298px;
   display: flex;
@@ -169,16 +169,16 @@ import{u as ae,X as v,a5 as ce,V as xe,fm as me,j as i,aW as pe,M as I,k as he,o
 `,Ge=n(T)`
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
-`,Ve=n(C)`
+`,Ee=n(C)`
   ${e=>`${R.yAxisAmount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
-`,E=n(C)`
+`,V=n(C)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${o.sp3};
   ${e=>`${R.title.style(e.windowSize)}`};
-`,Ee=n(Se)`
+`,Ve=n(Se)`
   width: ${e=>u.styledLogoWidth.valuePx(e.windowSize)};
   height: ${e=>u.styledLogoHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,r=I.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo,w=I.getLocalizedStrings().common,d=I.getLocalizedStrings().commonSetUp.businessVerification.terms,ie=({maxInsuredAmountString:e})=>{const s=v();return i.jsxs(Te,{windowSize:s,children:[i.jsxs(Ie,{windowSize:s,children:[i.jsx(_e,{children:i.jsxs(Ue,{windowSize:s,children:[i.jsxs(F,{children:[i.jsx(E,{windowSize:s,children:r.iconTexts.title}),i.jsxs(G,{windowSize:s,isBankRect:!0,children:[i.jsxs(V,{children:[i.jsx(Ze,{windowSize:s,children:r.iconTexts.unInsuredAmount}),i.jsx(De,{children:r.iconTexts.unInsured})]}),i.jsxs(We,{children:[i.jsx(Le,{windowSize:s,children:r.iconTexts.insuredAmount}),i.jsx(Ye,{children:r.iconTexts.insured})]})]})]}),i.jsxs(F,{children:[i.jsx(E,{windowSize:s,children:i.jsx(Ee,{windowSize:s})}),i.jsx(G,{windowSize:s,isBankRect:!1,children:i.jsxs(V,{children:[i.jsx(Fe,{children:e}),i.jsx(Ge,{children:r.iconTexts.fdicCovered})]})})]})]})}),i.jsx(Me,{children:r.iconTexts.footNote})]}),i.jsx(He,{windowSize:s,children:r.iconTexts.yAxisAmounts.map((l,t)=>i.jsx(Ve,{windowSize:s,children:l},t))})]})},Je=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=b(k(s),s,w.currency.currencySymbol).toUpperCase();let c=g;return s>l&&(c=b(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(q,{windowSize:t,children:[i.jsx(ie,{maxInsuredAmountString:c}),i.jsxs(Q,{windowSize:t,children:[i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(O,{})}),i.jsxs(h,{children:[i.jsx(z,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(f,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(X,{})}),i.jsxs(h,{children:[i.jsx(z,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(f,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(h,{children:[i.jsx(z,{children:r.noHiddenFee.bold}),i.jsx(f,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(N,{})}),i.jsxs(h,{children:[i.jsx(z,{children:r.expertSupport.bold}),i.jsx(f,{children:r.expertSupport.regular})]})]})]})]})},Ke=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=b(k(s),s,w.currency.currencySymbol).toUpperCase();let c=g;return s>l&&(c=b(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(q,{windowSize:t,children:[i.jsxs(Q,{windowSize:t,children:[i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(O,{})}),i.jsxs(h,{children:[i.jsx(S,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(y,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(X,{})}),i.jsxs(h,{children:[i.jsx(S,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(y,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(h,{children:[i.jsx(S,{children:r.noHiddenFee.bold}),i.jsx(y,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(N,{})}),i.jsxs(h,{children:[i.jsx(S,{children:r.expertSupport.bold}),i.jsx(y,{children:r.expertSupport.regular})]})]})]}),i.jsx(ie,{maxInsuredAmountString:c})]})},ti=({meetingUrl:e,maxAnnualPercentageYield:s,maxInsuredAmount:l,analytics:t,zeniAccountSetupView:g,exampleBankBalance:c,onSetupButtonClick:ne,onBackClick:oe,onClickMenuIcon:re,onSetupZeniAccountSuccess:_})=>{const se=ae(),a=v(),{zeniAccountTermsDetails:P}=g,U=ce(P?.fetchStatus.fetchState),[te,H]=Z.useState(!1),le=()=>{t.trackAccountsPromoPageClicked("Schedule Demo"),H(!0)};Z.useEffect(()=>{U==="In-Progress"&&P?.fetchStatus.fetchState==="Completed"&&_?.()},[U,_,P?.fetchStatus]);const M=xe(),de=M.loggedInUserRoleMap.deposit_accounts_user===!0||me(M);return i.jsxs(ze,{children:[i.jsx(pe,{title:r.title,backgroundColor:se.colors.grey5,onBackClick:oe,showBackButton:!0,showMenuIcon:a==="small"||a==="medium-compact",onClickMenuIcon:re,source:"ZeniAccountPromoPage"}),te===!0?i.jsx(fe,{onCancelClick:()=>{H(!1)},meetingUrl:e}):null,i.jsxs(be,{windowSize:a,children:[a==="small"?i.jsxs(ve,{children:[r.promoText1,w.strings.colon,i.jsx(he,{style:{marginTop:o.sp2},children:r.promoText2})]}):i.jsxs(ke,{children:[i.jsxs(ue,{children:[r.promoText1,w.strings.colon]}),i.jsx(J,{style:{marginTop:o.sp2},children:r.promoText2})]}),a==="small"||a==="medium-compact"||a==="medium-regular"?i.jsx(Je,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:c}):i.jsx(Ke,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:c}),de?null:i.jsxs(Ae,{children:[i.jsxs(Ce,{windowSize:a,children:[i.jsx(W,{variant:"secondary",label:r.scheduleDemoButton,onClick:le,"data-testid":L("accounts-promo-schedule-demo-button")}),i.jsx(Be,{windowSize:a,children:r.orText}),i.jsx(W,{variant:"primary",label:r.setupAccountsButton,loading:!1,onClick:ne,"data-testid":L("accounts-promo-setup-accounts-button")})]}),i.jsx(Re,{children:i.jsxs(D,{children:[r.terms.terms1,i.jsx(j,{href:d.consentUrl,linkText:d.consent}),d.term2,i.jsx(j,{href:d.depositUrl,linkText:d.depositTerms}),d.term3,i.jsx(j,{href:d.privacyPolicyUrl,linkText:d.privacy}),d.term4,i.jsx(j,{href:d.tosUrl,linkText:d.tos}),d.term5,r.terms.terms3]})}),i.jsx(Pe,{children:i.jsx(D,{children:r.disclaimer})})]})]})]})};export{ti as default};
+`,r=P.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo,w=P.getLocalizedStrings().common,d=P.getLocalizedStrings().commonSetUp.businessVerification.terms,ie=({maxInsuredAmountString:e})=>{const s=v();return i.jsxs(Te,{windowSize:s,children:[i.jsxs(Pe,{windowSize:s,children:[i.jsx(_e,{children:i.jsxs(Ue,{windowSize:s,children:[i.jsxs(F,{children:[i.jsx(V,{windowSize:s,children:r.iconTexts.title}),i.jsxs(G,{windowSize:s,isBankRect:!0,children:[i.jsxs(E,{children:[i.jsx(Ze,{windowSize:s,children:r.iconTexts.unInsuredAmount}),i.jsx(De,{children:r.iconTexts.unInsured})]}),i.jsxs(We,{children:[i.jsx(Le,{windowSize:s,children:r.iconTexts.insuredAmount}),i.jsx(Ye,{children:r.iconTexts.insured})]})]})]}),i.jsxs(F,{children:[i.jsx(V,{windowSize:s,children:i.jsx(Ve,{windowSize:s})}),i.jsx(G,{windowSize:s,isBankRect:!1,children:i.jsxs(E,{children:[i.jsx(Fe,{children:e}),i.jsx(Ge,{children:r.iconTexts.fdicCovered})]})})]})]})}),i.jsx(Me,{children:r.iconTexts.footNote})]}),i.jsx(He,{windowSize:s,children:r.iconTexts.yAxisAmounts.map((l,t)=>i.jsx(Ee,{windowSize:s,children:l},t))})]})},Je=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=b(k(s),s,w.currency.currencySymbol).toUpperCase();let c=g;return s>l&&(c=b(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(Q,{windowSize:t,children:[i.jsx(ie,{maxInsuredAmountString:c}),i.jsxs(X,{windowSize:t,children:[i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(O,{})}),i.jsxs(h,{children:[i.jsx(z,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(f,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(q,{})}),i.jsxs(h,{children:[i.jsx(z,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(f,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(h,{children:[i.jsx(z,{children:r.noHiddenFee.bold}),i.jsx(f,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(N,{})}),i.jsxs(h,{children:[i.jsx(z,{children:r.expertSupport.bold}),i.jsx(f,{children:r.expertSupport.regular})]})]})]})]})},Ke=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=b(k(s),s,w.currency.currencySymbol).toUpperCase();let c=g;return s>l&&(c=b(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(Q,{windowSize:t,children:[i.jsxs(X,{windowSize:t,children:[i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(O,{})}),i.jsxs(h,{children:[i.jsx(S,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(y,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(q,{})}),i.jsxs(h,{children:[i.jsx(S,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(y,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(h,{children:[i.jsx(S,{children:r.noHiddenFee.bold}),i.jsx(y,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(N,{})}),i.jsxs(h,{children:[i.jsx(S,{children:r.expertSupport.bold}),i.jsx(y,{children:r.expertSupport.regular})]})]})]}),i.jsx(ie,{maxInsuredAmountString:c})]})},ti=({meetingUrl:e,maxAnnualPercentageYield:s,maxInsuredAmount:l,analytics:t,zeniAccountSetupView:g,exampleBankBalance:c,onSetupButtonClick:ne,onBackClick:oe,onClickMenuIcon:re,onSetupZeniAccountSuccess:_})=>{const se=ae(),a=v(),{zeniAccountTermsDetails:I}=g,U=ce(I?.fetchStatus.fetchState),[te,H]=Z.useState(!1),le=()=>{t.trackAccountsPromoPageClicked("Schedule Demo"),H(!0)};Z.useEffect(()=>{U==="In-Progress"&&I?.fetchStatus.fetchState==="Completed"&&_?.()},[U,_,I?.fetchStatus]);const M=xe(),de=M.loggedInUserRoleMap.deposit_accounts_user===!0||me(M);return i.jsxs(ze,{children:[i.jsx(pe,{title:r.title,backgroundColor:se.colors.grey5,onBackClick:oe,showBackButton:!0,showMenuIcon:a==="small"||a==="medium-compact",onClickMenuIcon:re,source:"ZeniAccountPromoPage"}),te===!0?i.jsx(fe,{onCancelClick:()=>{H(!1)},meetingUrl:e}):null,i.jsxs(be,{windowSize:a,children:[a==="small"?i.jsxs(ve,{children:[r.promoText1,w.strings.colon,i.jsx(he,{style:{marginTop:o.sp2},children:r.promoText2})]}):i.jsxs(ke,{children:[i.jsxs(ue,{children:[r.promoText1,w.strings.colon]}),i.jsx(J,{style:{marginTop:o.sp2},children:r.promoText2})]}),a==="small"||a==="medium-compact"||a==="medium-regular"?i.jsx(Je,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:c}):i.jsx(Ke,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:c}),de?null:i.jsxs(Ae,{children:[i.jsxs(Ce,{windowSize:a,children:[i.jsx(W,{variant:"secondary",label:r.scheduleDemoButton,onClick:le,"data-testid":L("accounts-promo-schedule-demo-button")}),i.jsx(Be,{windowSize:a,children:r.orText}),i.jsx(W,{variant:"primary",label:r.setupAccountsButton,loading:!1,onClick:ne,"data-testid":L("accounts-promo-setup-accounts-button")})]}),i.jsx(Re,{children:i.jsxs(D,{children:[r.terms.terms1,i.jsx(j,{href:d.consentUrl,linkText:d.consent}),d.term2,i.jsx(j,{href:d.depositUrl,linkText:d.depositTerms}),d.term3,i.jsx(j,{href:d.privacyPolicyUrl,linkText:d.privacy}),d.term4,i.jsx(j,{href:d.tosUrl,linkText:d.tos}),d.term5,r.terms.terms3]})}),i.jsx(Ie,{children:i.jsx(D,{children:r.disclaimer})})]})]})]})};export{ti as default};

package/dist/assets/{ZeniAccountSetupPage-DhJ2zm6A-Baqq4vI5.js → ZeniAccountSetupPage-B5uOzSDL-B_JyTC9y.js}

@@ -1,4 +1,4 @@
-import{u as Se,X as we,a5 as D,a as be,c3 as Ae,M as xe,ab as U,j as t,cI as Ce,g as Pe,C as d,aW as ke,e as Fe,F as ve,c$ as je,aQ as Te,a7 as ze,o as Ee,q as a,t as Ve}from"./index-g0nOWR6_.js";import{b as f,n as S}from"./vendor-CnQcJ2Lu.js";import{F as Ie}from"./HelpButton-DXFYhUL5-j2rT96Ib.js";import{J as Oe}from"./SetUpDefaultSection-B361ojb9-DI4MvGmI.js";import{p as $e}from"./SpendMgmtSetupAccountSection-DdUs96r9-fgeex4tA.js";import{g as De}from"./UploadAdditionalDocumentOverlay-8_c7UpvB-Da0QQDee.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-BhC8pSjM-BfX7Nbrw.js";import"./ChargeCardUtils-Dt303NN_-DVTTAdcW.js";import"./CreditCardPaymentPlgSection-BLbZFCcL-sU_VxrOi.js";import"./ChaseOverlay-BK2ISNjj-D-Cz7Y7g.js";const c={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)},B="zeniAccountSetUpPage",k="payAccount",{common:Ue,commonSetUp:W,spendManagement:Be}=xe.getLocalizedStrings(),{zeniAccounts:_}=Be,{zeniAccountSetUp:z}=_,{setUp:E}=W,st=({isDisabled:e,meetingUrl:F,zeniAccountSetUpView:p,analytics:l,connectedAccountProvider:s,filesEndPoint:q,authParams:H,accountsPromoConfig:M,onFetchLinkTokenClick:Z,onBackClick:N,onEnableZeniAccountClick:G,onUpdatePrimaryFundingAccount:J,onUpdateZeniAccountClick:Q,onBusinessVerificationSectionClick:X,onUpdatePaymentAccountStatus:K,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionClick:ee,onEstablishConnectionSuccess:te,onClickMenuIcon:ne,onEnableZeniAccountSuccess:w,onEditFileName:ie,onDeleteFile:oe,updateFilesEntity:ce,onCompanyOfficerUpdated:ae,onSendForVerificationClick:se})=>{const b=Se(),i=we(),[A,h]=f.useState(!1),{fetchState:g,companyBillPayInfo:V,isRefreshingViewInBackground:le,updateStatus:r,accountUpdateStatus:re,plaidConnectionDetails:ue,allBankAccounts:de,companyZeniAccountInfo:pe,selectedCompanyOfficer:o,primaryFundingAccount:m,allFundingAccounts:I}=p,O=D(g),x=D(r.fetchState),v=be({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>L(p),[p]),values:L(p)}),me=v.handleSubmit(y=>{l.trackEnableZeniAccounts(),G()}),fe=async(y,P)=>{const n=P[k];if(y.includes(k)){if(y.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&m?.id!=n.fundingAccount.selectedOption){const u=I.find(T=>T.id===n.fundingAccount.selectedOption);u!=null&&J(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&m?.id!=null&&m?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(T=>T.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&l.trackConnectBankLink(u.value,u.label,"zeni_accounts"),Q(n.account.selectedOption,m.id,m.accType)}}};f.useEffect(()=>{!A&&o?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&o.areAdditionalDocumentsRequestedForVerification&&!o.areAdditionalDocumentsSubmittedForVerification&&o.userVerificationStatus?.code==="require_info"&&h(!0),A&&O==="In-Progress"&&g==="Completed"&&h(!1)},[o,g,O]),f.useEffect(()=>{const y=v.watch((P,{name:n})=>{n!=null&&P!=null&&Ae(()=>fe(n,P))});return()=>{y.unsubscribe()}}),f.useEffect(()=>{x==="In-Progress"&&r.fetchState==="Completed"&&w()},[w,x,r.fetchState]);const C=pe?.isZeniAccountEnabled===!0,j=V?.isBusinessVerified===!0,he=g==="In-Progress"||g==="Not-Started";f.useEffect(()=>{x==="In-Progress"&&r.fetchState==="Completed"&&w()},[w,x,r.fetchState]);const ge=j?W.setUp.setupVerifiedSubTitle:z.setupSubTitle,$=b.mode==="light"?new U(b.colors.brandColorJadeLight):new U(b.colors.brandColorJadeDark),ye=()=>{!A&&o?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&o.areAdditionalDocumentsRequestedForVerification&&!o.areAdditionalDocumentsSubmittedForVerification&&o.userVerificationStatus?.code==="require_info"?h(!0):X?.()};return t.jsxs(Re,{children:[t.jsx(Ce,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>h(!1),style:{backgroundColor:Pe.drawerBackground},transitionDuration:250,children:t.jsx(De,{authParams:H,filesEndPoint:q,updateStatus:r,onEditFileName:ie,onDeleteFile:oe,updateFilesEntity:ce,companyOfficer:o,onClose:()=>h(!1),onCompanyOfficerUpdated:ae,onSendForVerificationClick:se})}),t.jsx(ke,{title:z.setupTitle,backgroundColor:b.colors.grey4,style:{zIndex:3},onBackClick:N,showMenuIcon:!C&&(i==="medium-compact"||i==="small"),onClickMenuIcon:ne,source:"ZeniAccountSetupPage"}),t.jsxs(Le,{windowSize:i,children:[t.jsx(We,{windowSize:i,children:ge}),he?t.jsx(_e,{children:t.jsx(Fe,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...v,children:t.jsx("form",{id:R(B),onSubmit:me,children:t.jsxs(qe,{windowSize:i,children:[t.jsx(Oe,{onClick:ye,title:E.businessVerificationTitle,subTitle:E.businessVerificationSubTitle,header:E.businessVerificationHeader,icon:{element:t.jsx(je,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:$},status:V?.businessVerificationStatus,isLoading:le,isActiveWhileLoading:!0}),t.jsx($e,{connectedAccountProvider:s,plaidConnectionDetails:ue,allBankAccounts:de,sectionId:k,isDisabled:e,header:_.accountSectionHeader,onFetchLinkTokenClick:Z,onEstablishConnectionClick:ee,onUpdatePaymentAccountStatus:K,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionSuccess:te,icon:{element:t.jsx(Te,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:$},analytics:l,productType:"zeni_accounts",primaryFundingAccount:m,isAccountsEnabled:C,allFundingAccounts:I,pageName:"Zeni Account Setup",accountsPromoConfig:M})]})})})]}),j&&!C?t.jsx(ze,{formId:R(B),primaryBtn:{label:z.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:r.fetchState==="In-Progress"||re.fetchState==="In-Progress",isDisabled:e!=null},showCancel:!1,cancelBtn:{label:Ue.strings.empty},style:{padding:`12px ${Ee.sp3}`}}):null,t.jsx(Ie,{isFooterRendered:j&&!C,meetingUrl:F,analytics:l,productType:"zeni_accounts"})]})},L=e=>{const{allBankAccounts:F,allFundingAccounts:p,primaryFundingAccount:l}=e;return{[k]:{fundingAccount:{selectedOption:l?.id,allOptions:p.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:l?.zeniAccountId,allOptions:F.map(s=>({label:s.accountName,value:s.accountId}))}}}},Le=S.div`
+import{u as Se,X as we,a1 as U,a as be,c3 as Ae,M as xe,a7 as $,j as t,cI as Ce,g as Pe,C as d,aW as ke,d as Fe,F as ve,c_ as je,aQ as Te,a3 as ze,o as Ee,n as a,q as Ve}from"./index-ji6aa7AC.js";import{b as f,n as S}from"./vendor-CnQcJ2Lu.js";import{F as Ie}from"./HelpButton-YqQNv-UM-CruBHlAV.js";import{K as Oe}from"./SetUpDefaultSection-DnYtx3XN-CNoT73Ow.js";import{p as De}from"./SpendMgmtSetupAccountSection-BY2LT0qv-CgVflLnR.js";import{g as Ue}from"./UploadAdditionalDocumentOverlay-BNaV6i2S-BuH4CmLJ.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-vr7DE2aj-DAZs4R6M.js";import"./ChargeCardUtils-BEtXxds6-iY4L_brM.js";import"./CreditCardPaymentPlgSection-CH8Ic2sK-CXQECn24.js";import"./ChaseOverlay-BySoceqB-DYKQzq4d.js";const c={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)},B="zeniAccountSetUpPage",k="payAccount",{common:$e,commonSetUp:R,spendManagement:Be}=xe.getLocalizedStrings(),{zeniAccounts:W}=Be,{zeniAccountSetUp:z}=W,{setUp:E}=R,st=({isDisabled:e,meetingUrl:F,zeniAccountSetUpView:p,analytics:l,connectedAccountProvider:s,filesEndPoint:q,authParams:H,accountsPromoConfig:M,onFetchLinkTokenClick:Z,onBackClick:N,onEnableZeniAccountClick:G,onUpdatePrimaryFundingAccount:J,onUpdateZeniAccountClick:K,onBusinessVerificationSectionClick:Q,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionClick:ee,onEstablishConnectionSuccess:te,onClickMenuIcon:ne,onEnableZeniAccountSuccess:w,onEditFileName:ie,onDeleteFile:oe,updateFilesEntity:ce,onCompanyOfficerUpdated:ae,onSendForVerificationClick:se})=>{const b=Se(),i=we(),[A,h]=f.useState(!1),{fetchState:g,companyBillPayInfo:V,isRefreshingViewInBackground:le,updateStatus:r,accountUpdateStatus:re,plaidConnectionDetails:ue,allBankAccounts:de,companyZeniAccountInfo:pe,selectedCompanyOfficer:o,primaryFundingAccount:m,allFundingAccounts:I}=p,O=U(g),x=U(r.fetchState),v=be({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>L(p),[p]),values:L(p)}),me=v.handleSubmit(y=>{l.trackEnableZeniAccounts(),G()}),fe=async(y,P)=>{const n=P[k];if(y.includes(k)){if(y.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&m?.id!=n.fundingAccount.selectedOption){const u=I.find(T=>T.id===n.fundingAccount.selectedOption);u!=null&&J(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&m?.id!=null&&m?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(T=>T.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&l.trackConnectBankLink(u.value,u.label,"zeni_accounts"),K(n.account.selectedOption,m.id,m.accType)}}};f.useEffect(()=>{!A&&o?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&o.areAdditionalDocumentsRequestedForVerification&&!o.areAdditionalDocumentsSubmittedForVerification&&o.userVerificationStatus?.code==="require_info"&&h(!0),A&&O==="In-Progress"&&g==="Completed"&&h(!1)},[o,g,O]),f.useEffect(()=>{const y=v.watch((P,{name:n})=>{n!=null&&P!=null&&Ae(()=>fe(n,P))});return()=>{y.unsubscribe()}}),f.useEffect(()=>{x==="In-Progress"&&r.fetchState==="Completed"&&w()},[w,x,r.fetchState]);const C=pe?.isZeniAccountEnabled===!0,j=V?.isBusinessVerified===!0,he=g==="In-Progress"||g==="Not-Started";f.useEffect(()=>{x==="In-Progress"&&r.fetchState==="Completed"&&w()},[w,x,r.fetchState]);const ge=j?R.setUp.setupVerifiedSubTitle:z.setupSubTitle,D=b.mode==="light"?new $(b.colors.brandColorJadeLight):new $(b.colors.brandColorJadeDark),ye=()=>{!A&&o?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&o.areAdditionalDocumentsRequestedForVerification&&!o.areAdditionalDocumentsSubmittedForVerification&&o.userVerificationStatus?.code==="require_info"?h(!0):Q?.()};return t.jsxs(_e,{children:[t.jsx(Ce,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>h(!1),style:{backgroundColor:Pe.drawerBackground},transitionDuration:250,children:t.jsx(Ue,{authParams:H,filesEndPoint:q,updateStatus:r,onEditFileName:ie,onDeleteFile:oe,updateFilesEntity:ce,companyOfficer:o,onClose:()=>h(!1),onCompanyOfficerUpdated:ae,onSendForVerificationClick:se})}),t.jsx(ke,{title:z.setupTitle,backgroundColor:b.colors.grey4,style:{zIndex:3},onBackClick:N,showMenuIcon:!C&&(i==="medium-compact"||i==="small"),onClickMenuIcon:ne,source:"ZeniAccountSetupPage"}),t.jsxs(Le,{windowSize:i,children:[t.jsx(Re,{windowSize:i,children:ge}),he?t.jsx(We,{children:t.jsx(Fe,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...v,children:t.jsx("form",{id:_(B),onSubmit:me,children:t.jsxs(qe,{windowSize:i,children:[t.jsx(Oe,{onClick:ye,title:E.businessVerificationTitle,subTitle:E.businessVerificationSubTitle,header:E.businessVerificationHeader,icon:{element:t.jsx(je,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:D},status:V?.businessVerificationStatus,isLoading:le,isActiveWhileLoading:!0}),t.jsx(De,{connectedAccountProvider:s,plaidConnectionDetails:ue,allBankAccounts:de,sectionId:k,isDisabled:e,header:W.accountSectionHeader,onFetchLinkTokenClick:Z,onEstablishConnectionClick:ee,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionSuccess:te,icon:{element:t.jsx(Te,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:D},analytics:l,productType:"zeni_accounts",primaryFundingAccount:m,isAccountsEnabled:C,allFundingAccounts:I,pageName:"Zeni Account Setup",accountsPromoConfig:M})]})})})]}),j&&!C?t.jsx(ze,{formId:_(B),primaryBtn:{label:z.enableAccounts,style:{width:"auto",minWidth:i==="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 ${Ee.sp3}`}}):null,t.jsx(Ie,{isFooterRendered:j&&!C,meetingUrl:F,analytics:l,productType:"zeni_accounts"})]})},L=e=>{const{allBankAccounts:F,allFundingAccounts:p,primaryFundingAccount:l}=e;return{[k]:{fundingAccount:{selectedOption:l?.id,allOptions:p.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:l?.zeniAccountId,allOptions:F.map(s=>({label:s.accountName,value:s.accountId}))}}}},Le=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -6,14 +6,14 @@ import{u as Se,X as we,a5 as D,a as be,c3 as Ae,M as xe,ab as U,j as t,cI as Ce,
   flex-direction: column;
   align-items: center;
   row-gap: ${e=>c.setupDetailsRowGap.valuePx(e.windowSize)};
-`,Re=S.div`
+`,_e=S.div`
   display: flex;
   min-height: 100%;
   height: 100%;
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,We=S(Ve)`
+`,Re=S(Ve)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
@@ -21,7 +21,7 @@ import{u as Se,X as we,a5 as D,a as be,c3 as Ae,M as xe,ab as U,j as t,cI as Ce,
   padding-top: ${e=>c.subTitlePaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>c.subTitlePaddingBottom.valuePx(e.windowSize)};
   text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,_e=S.div`
+`,We=S.div`
   display: flex;
   width: 100%;
   height: calc(100vh - 110px);
@@ -33,4 +33,4 @@ import{u as Se,X as we,a5 as D,a as be,c3 as Ae,M as xe,ab as U,j as t,cI as Ce,
   display: flex;
   flex-direction: column;
   row-gap: ${e=>c.sectionRowGap.valuePx(e.windowSize)};
-`,R=e=>`${e}_form`;export{st as default,R as uniqueName};
+`,_=e=>`${e}_form`;export{st as default,_ as uniqueName};

package/dist/assets/{ZeniCopyright-CSUSID-7-BWvcGvHW.js → ZeniCopyright-BcMyDAdQ-B3RH4DR7.js}

@@ -1 +1 @@
-import{M as r,j as e}from"./index-g0nOWR6_.js";function i(){const t=new Date().getFullYear(),n=r.getLocalizedStrings().common.zeniIncText.replace("__year__",t.toString());return e.jsx(e.Fragment,{children:n})}export{i};
+import{M as r,j as e}from"./index-ji6aa7AC.js";function i(){const t=new Date().getFullYear(),n=r.getLocalizedStrings().common.zeniIncText.replace("__year__",t.toString());return e.jsx(e.Fragment,{children:n})}export{i};

package/dist/assets/{ZeniTransferAmountSlider-DPl7porw-C20rg1A-.js → ZeniTransferAmountSlider-Css3_ojA-DueYRoaC.js}

@@ -1,4 +1,4 @@
-import{j as g,M as E,Y as L,o as i,g as j,v as M}from"./index-g0nOWR6_.js";import{b as $,n as m}from"./vendor-CnQcJ2Lu.js";const S=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList;function Q({zeniAccountsConfigDetail:o,transferAmount:x,minStep:p,currentAccountBalance:w,setYieldEarned:b,setTotalBalance:k}){const[l,A]=$.useState(0),{depositProductConfig:h}=o.zeniAccountsConfigDetail,c=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>e.annualPercentageYield):[],[h?.depositProducts]),n=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>{const[t,r]=e.range;return r==null&&t!=null?t+25e5:r??0}):[],[h?.depositProducts]),z=e=>{const t=parseFloat(e.target.value),{returnedYield:r,totalAmount:u}=Y(t);A(t),b(r),k(u)},D=e=>`${v(e)}${S.transferDrawer.calculator.sliderTooltipText}`,v=e=>e===0?c[0]:e>0&&e<1?c[1]:e>=1&&e<2?c[2]:e>=2&&e<3?c[3]:c[4],Y=e=>{const t=v(e),[r,u]=e.toLocaleString().split(".",2).map(a=>parseInt(a));if(e>=0&&e<1){const a=(n[1]-n[0])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=1&&e<2){const a=(n[2]-n[1])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=2&&e<3){const a=(n[3]-n[2])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=3&&e<4){const a=(n[4]-n[3])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else return{returnedYield:f(5e6,t),totalAmount:5e6}},T=e=>{const{returnedYield:t,totalAmount:r}=Y(e);A(e),k(r),b(t)},C=$.useCallback((e,t,r,u)=>{let a=0,s=0,P=0,y=0;if(e<r[0])a=t[0];else{for(let d=0;d<r.length-1;d++)if(e>=r[d]&&e<r[d+1]){a=t[d+1],s=(r[d+1]-r[d])*u,P=e-r[d],y=P/s*u+d;break}e>=r[r.length-1]&&(a=t[t.length-1],y=r.length-1)}A(y),b(f(e,a))},[b]);return $.useEffect(()=>{const e=x+w;k(e),C(e,c,n,p)},[x,w,k,c,p,b,n,C]),g.jsxs(B,{sliderValue:l,children:[g.jsx(V,{sliderValue:l,type:"range",min:0,max:c.length-1,step:p,value:l,onChange:z}),g.jsx(H,{style:{width:`calc(${l/(c.length-1)*100}% - ${l*7.5}px)`}}),g.jsx(G,{sliderValue:l,style:{left:`calc(${l/(c.length-1)*100}% - ${l*10+20}px)`},children:D(l)}),g.jsx(K,{children:n.map((e,t)=>g.jsx(N,{onClick:()=>T(t),"data-testid":L("slider-label",e.toString()),style:{left:F(t)},children:g.jsx(X,{isSelected:l>=t,children:I(e)})},t))})]})}const f=(o,x)=>{const p=x/100,w=o*Math.pow(1+p/12,12);return Math.floor(w-o)},F=o=>{switch(o){case 0:return"3%";case 1:return"28%";case 2:return"50.2%";case 3:return"74.5%";case 4:return"98%";default:return"100%"}},I=o=>o===25e4?`<${Intl.NumberFormat("en",{notation:"compact"}).format(o)}`:o===5e6?S.transferDrawer.calculator.greaterThanTwoAndHalfMillion:Intl.NumberFormat("en",{notation:"compact"}).format(o),V=m.input`
+import{j as g,M as E,Y as L,o as i,g as j,w as M}from"./index-ji6aa7AC.js";import{b as $,n as m}from"./vendor-CnQcJ2Lu.js";const S=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList;function Q({zeniAccountsConfigDetail:o,transferAmount:x,minStep:p,currentAccountBalance:w,setYieldEarned:b,setTotalBalance:k}){const[l,A]=$.useState(0),{depositProductConfig:h}=o.zeniAccountsConfigDetail,c=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>e.annualPercentageYield):[],[h?.depositProducts]),n=$.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>{const[t,r]=e.range;return r==null&&t!=null?t+25e5:r??0}):[],[h?.depositProducts]),z=e=>{const t=parseFloat(e.target.value),{returnedYield:r,totalAmount:u}=C(t);A(t),b(r),k(u)},D=e=>`${Y(e)}${S.transferDrawer.calculator.sliderTooltipText}`,Y=e=>e===0?c[0]:e>0&&e<1?c[1]:e>=1&&e<2?c[2]:e>=2&&e<3?c[3]:c[4],C=e=>{const t=Y(e),[r,u]=e.toLocaleString().split(".",2).map(a=>parseInt(a));if(e>=0&&e<1){const a=(n[1]-n[0])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=1&&e<2){const a=(n[2]-n[1])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=2&&e<3){const a=(n[3]-n[2])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=3&&e<4){const a=(n[4]-n[3])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else return{returnedYield:f(5e6,t),totalAmount:5e6}},T=e=>{const{returnedYield:t,totalAmount:r}=C(e);A(e),k(r),b(t)},P=$.useCallback((e,t,r,u)=>{let a=0,s=0,v=0,y=0;if(e<r[0])a=t[0];else{for(let d=0;d<r.length-1;d++)if(e>=r[d]&&e<r[d+1]){a=t[d+1],s=(r[d+1]-r[d])*u,v=e-r[d],y=v/s*u+d;break}e>=r[r.length-1]&&(a=t[t.length-1],y=r.length-1)}A(y),b(f(e,a))},[b]);return $.useEffect(()=>{const e=x+w;k(e),P(e,c,n,p)},[x,w,k,c,p,b,n,P]),g.jsxs(B,{sliderValue:l,children:[g.jsx(V,{sliderValue:l,type:"range",min:0,max:c.length-1,step:p,value:l,onChange:z}),g.jsx(H,{style:{width:`calc(${l/(c.length-1)*100}% - ${l*7.5}px)`}}),g.jsx(G,{sliderValue:l,style:{left:`calc(${l/(c.length-1)*100}% - ${l*10+20}px)`},children:D(l)}),g.jsx(K,{children:n.map((e,t)=>g.jsx(N,{onClick:()=>T(t),"data-testid":L("slider-label",e.toString()),style:{left:F(t)},children:g.jsx(X,{isSelected:l>=t,children:I(e)})},t))})]})}const f=(o,x)=>{const p=x/100,w=o*Math.pow(1+p/12,12);return Math.floor(w-o)},F=o=>{switch(o){case 0:return"3%";case 1:return"28%";case 2:return"50.2%";case 3:return"74.5%";case 4:return"98%";default:return"100%"}},I=o=>o===25e4?`<${Intl.NumberFormat("en",{notation:"compact"}).format(o)}`:o===5e6?S.transferDrawer.calculator.greaterThanTwoAndHalfMillion:Intl.NumberFormat("en",{notation:"compact"}).format(o),V=m.input`
   width: 100%;
   &[type="range"]::-webkit-slider-runnable-track {
     height: 2px;