@zeniai/web-components 3.16.99 → 3.17.2

package/dist/ZeniAccountNavBarPieces-BBkM5sxh.cjs

@@ -0,0 +1,14 @@
+"use strict";const s=require("./vendor-.pnpm-D0ILHvHB.cjs"),y=require("@emotion/styled"),b=require("@zeniai/client-epic-state"),t=require("./index-gTpRqqAW.cjs"),p=require("./MoreMenuButton-BcK9mc1G.cjs"),n=t.appLocale.getLocalizedStrings().spendManagement.zeniAccounts,u=[{value:"editNickName",label:n.moveMoney.editNickName},{value:"accountStatement",label:n.moveMoney.accountStatement}],m={value:"payBill",label:n.moveMoney.payBills},M={value:"transfer",label:n.moveMoney.transfer},v={value:"sendMoney",label:n.moveMoney.sendMoney,isNew:!0},d={value:"checkDeposit",label:n.moveMoney.checkDeposit},B=[m,M,v,d],A=[v,M,m,d],j=({zeniBankProps:e,isBillPayEnabled:g,isExpressPayEnabled:O,analytics:S,onSettingsClick:f})=>{const c=t.useGlobalInfoContext(),l=c.loggedInUserRoleMap.deposit_accounts_user===!0||t.isZeniFinopsRoles(c),x=b.hasBillPayAccess(c.loggedInUserRoleMap),h=u.filter(o=>o.value==="accountStatement"),a=g===!0?B:A,r=O===!0?a:a.filter(o=>o.value!=="sendMoney"),N=x?r:r.filter(o=>o.value!=="payBill");return s.jsxRuntimeExports.jsxs(E,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="listPage"&&!l?s.jsxRuntimeExports.jsx(R,{onClick:f,"data-testid":t.generateDataTestId("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&s.jsxRuntimeExports.jsx(p.MoreMenuButton,{entity:"zeni_accounts",onOptionSelection:o=>{const i=t.toMoveMoneyOptionTypeStrict(o);i!=null&&e.onOptionSelection(i)},isMoreOption:!0,options:l?h:u,title:n.moveMoney.title}),l?null:s.jsxRuntimeExports.jsx(p.MoreMenuButton,{entity:"zeni_accounts",onOptionSelection:o=>{const i=t.toMoveMoneyOptionTypeStrict(o);i!=null&&e.onOptionSelection(i)},isMoreOption:!1,options:N,title:n.moveMoney.title,onMenuOpen:()=>S?.trackAccountsListPageClicked("Move Money")})]})},R=y(t.SvgSettings)`
+  cursor: pointer;
+  min-width: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,E=y.div`
+  display: flex;
+  flex-direction: row;
+  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
+`;exports.ZeniAccountNavBarPieces=j;

package/dist/ZeniAccountNavBarPieces-CcHew6St.js

@@ -0,0 +1,89 @@
+import { j as s } from "./vendor-.pnpm-B2klaOGU.js";
+import y from "@emotion/styled";
+import { hasBillPayAccess as A } from "@zeniai/client-epic-state";
+import { dB as B, i8 as j, a as $, e as I, j9 as p, S as l, f$ as P } from "./index-BEMjPEfs.js";
+import { M as u } from "./MoreMenuButton-CRJUtiZ5.js";
+const o = $.getLocalizedStrings().spendManagement.zeniAccounts, m = [
+  { value: "editNickName", label: o.moveMoney.editNickName },
+  { value: "accountStatement", label: o.moveMoney.accountStatement }
+], d = { value: "payBill", label: o.moveMoney.payBills }, v = { value: "transfer", label: o.moveMoney.transfer }, M = {
+  value: "sendMoney",
+  label: o.moveMoney.sendMoney,
+  isNew: !0
+}, g = {
+  value: "checkDeposit",
+  label: o.moveMoney.checkDeposit
+}, k = [
+  d,
+  v,
+  M,
+  g
+], w = [
+  M,
+  v,
+  d,
+  g
+], U = ({
+  zeniBankProps: e,
+  isBillPayEnabled: f,
+  isExpressPayEnabled: O,
+  analytics: S,
+  onSettingsClick: h
+}) => {
+  const i = B(), a = i.loggedInUserRoleMap.deposit_accounts_user === !0 || j(i), b = A(
+    i.loggedInUserRoleMap
+  ), N = m.filter(
+    (t) => t.value === "accountStatement"
+  ), c = f === !0 ? k : w, r = O === !0 ? c : c.filter((t) => t.value !== "sendMoney"), x = b ? r : r.filter((t) => t.value !== "payBill");
+  return /* @__PURE__ */ s.jsxs(D, { isTopAlign: e.pageName === "detailPage", children: [
+    e.pageName === "listPage" && !a ? /* @__PURE__ */ s.jsx(
+      C,
+      {
+        onClick: h,
+        "data-testid": I("zeni-accounts-settings-button")
+      }
+    ) : e.pageName === "detailPage" && /* @__PURE__ */ s.jsx(
+      u,
+      {
+        entity: "zeni_accounts",
+        onOptionSelection: (t) => {
+          const n = p(t);
+          n != null && e.onOptionSelection(n);
+        },
+        isMoreOption: !0,
+        options: a ? N : m,
+        title: o.moveMoney.title
+      }
+    ),
+    a ? null : /* @__PURE__ */ s.jsx(
+      u,
+      {
+        entity: "zeni_accounts",
+        onOptionSelection: (t) => {
+          const n = p(t);
+          n != null && e.onOptionSelection(n);
+        },
+        isMoreOption: !1,
+        options: x,
+        title: o.moveMoney.title,
+        onMenuOpen: () => S?.trackAccountsListPageClicked("Move Money")
+      }
+    )
+  ] });
+}, C = y(P)`
+  cursor: pointer;
+  min-width: ${l.sp4};
+  width: ${l.sp4};
+  height: ${l.sp4};
+  color: ${(e) => e.theme.colors.hero};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, D = y.div`
+  display: flex;
+  flex-direction: row;
+  align-items: ${({ isTopAlign: e }) => e ? "flex-start" : "center"};
+`;
+export {
+  U as Z
+};

package/dist/ZeniAccountPromoPage-B5Aag9-Z.cjs

@@ -0,0 +1,184 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),T=require("react"),n=require("@emotion/styled"),s=require("./index-gTpRqqAW.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")},J=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+`,O=n.div`
+  padding: ${e=>e.windowSize==="small"?`${s.Space.sp0} ${s.Space.sp3}`:`${s.Space.sp0} ${s.Space.sp8}`};
+  text-align: center;
+`,K=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;
+`,Q=n(s.H5Regular)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.Space.sp5} ${s.Space.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,P=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};
+`,X=n.div`
+  display: flex;
+  flex-direction: column;
+`,Y=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;
+`,ee=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};
+`,te=n(s.SmallRegularSp)`
+  margin: ${e=>e.windowSize==="small"?s.Space.sp1:`auto ${s.Space.sp5}`};
+  color: ${e=>e.theme.colors.grey1};
+`,se=n.div`
+  display: flex;
+  padding-top: ${s.Space.sp4};
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+`,ne=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};
+`,oe=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: ${e=>m.iconInnerRowMaxWidth.valuePx(e.windowSize)};
+`,ie=n.div`
+  display: flex;
+  justify-content: flex-end;
+`,re=n.div`
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+  gap: ${e=>m.iconInnerColumnGap.valuePx(e.windowSize)};
+  align-items: flex-end;
+`,A=n.div``,xe=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;
+`,le=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};
+`,U=n.div`
+  width: 100%;
+  height: 298px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,ce=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;
+`,de=n(s.StyledText)`
+  color: ${e=>e.theme.colors.grey5};
+  padding-right: 12px;
+  ${e=>`${w.insuredAmountStr.style(e.windowSize)}`};
+`,ae=n(s.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey5};
+  padding-right: 12px;
+`,pe=n(s.StyledText)`
+  color: ${e=>e.theme.colors.brandColorRuby};
+  padding-right: 12px;
+  padding-top: 20px;
+  ${e=>`${w.uninsuredAmountStr.style(e.windowSize)}`};
+`,ue=n(s.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.brandColorRuby};
+  padding-right: 12px;
+`,me=n(s.H6Regular)`
+  color: ${e=>e.theme.colors.grey5};
+  padding-right: 12px;
+  padding-top: 20px;
+`,je=n(s.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey5};
+  padding-right: 12px;
+`,he=n(s.StyledText)`
+  ${e=>`${w.yAxisAmount.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+`,k=n(s.StyledText)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${s.Space.sp3};
+  ${e=>`${w.title.style(e.windowSize)}`};
+`,ge=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(ee,{windowSize:i,children:[t.jsxRuntimeExports.jsxs(oe,{windowSize:i,children:[t.jsxRuntimeExports.jsx(ie,{children:t.jsxRuntimeExports.jsxs(re,{windowSize:i,children:[t.jsxRuntimeExports.jsxs(A,{children:[t.jsxRuntimeExports.jsx(k,{windowSize:i,children:o.iconTexts.title}),t.jsxRuntimeExports.jsxs(I,{windowSize:i,isBankRect:!0,children:[t.jsxRuntimeExports.jsxs(U,{children:[t.jsxRuntimeExports.jsx(pe,{windowSize:i,children:o.iconTexts.unInsuredAmount}),t.jsxRuntimeExports.jsx(ue,{children:o.iconTexts.unInsured})]}),t.jsxRuntimeExports.jsxs(ce,{children:[t.jsxRuntimeExports.jsx(de,{windowSize:i,children:o.iconTexts.insuredAmount}),t.jsxRuntimeExports.jsx(ae,{children:o.iconTexts.insured})]})]})]}),t.jsxRuntimeExports.jsxs(A,{children:[t.jsxRuntimeExports.jsx(k,{windowSize:i,children:t.jsxRuntimeExports.jsx(ge,{windowSize:i})}),t.jsxRuntimeExports.jsx(I,{windowSize:i,isBankRect:!1,children:t.jsxRuntimeExports.jsxs(U,{children:[t.jsxRuntimeExports.jsx(me,{children:e}),t.jsxRuntimeExports.jsx(je,{children:o.iconTexts.fdicCovered})]})})]})]})}),t.jsxRuntimeExports.jsx(le,{children:o.iconTexts.footNote})]}),t.jsxRuntimeExports.jsx(xe,{windowSize:i,children:o.iconTexts.yAxisAmounts.map((x,r)=>t.jsxRuntimeExports.jsx(he,{windowSize:i,children:x},r))})]})},Se=({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(P,{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})]})]})]})]})},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(P,{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})]})},Ee=({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(J,{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(s.MeetingCalenderPopup,{onCancelClick:()=>{b(!1)},meetingUrl:e}):null,t.jsxRuntimeExports.jsxs(O,{windowSize:c,children:[c==="small"?t.jsxRuntimeExports.jsxs(Q,{children:[o.promoText1,h.strings.colon,t.jsxRuntimeExports.jsx(s.LargeRegular,{style:{marginTop:s.Space.sp2},children:o.promoText2})]}):t.jsxRuntimeExports.jsxs(K,{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(Se,{maxAnnualPercentageYield:i,maxInsuredAmount:x,exampleBankBalance:d}):t.jsxRuntimeExports.jsx(Re,{maxAnnualPercentageYield:i,maxInsuredAmount:x,exampleBankBalance:d}),N?null:t.jsxRuntimeExports.jsxs(X,{children:[t.jsxRuntimeExports.jsxs(Y,{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(te,{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(se,{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(ne,{children:t.jsxRuntimeExports.jsx(z,{children:o.disclaimer})})]})]})]})};exports.default=Ee;