@zeniai/web-components 3.17.22 → 3.17.24

package/dist/ZeniAccountPromoPage-BxzNy8wF.js

@@ -1,522 +0,0 @@
-import { u as ce, j as o } from "./vendor-.pnpm-UYinI_7q.js";
-import { useState as de, useEffect as ae } from "react";
-import n from "@emotion/styled";
-import { u as T, aD as xe, ei as me, i8 as ue, aE as pe, hH as he, ai as ge, S as t, fi as je, V as N, B as L, e as B, er as S, a as k, H as Se, dX as C, ey as v, P as V, eR as we, R as x, C as R, ad as ye, a7 as $e, n as fe, D, aw as w, J as z, E as I, j as be } from "./index-mRSIAtAd.js";
-import { S as A } from "./usp-line-BBd1wKwW.js";
-const h = {
-  amountColumnHeight: new x(240, 340),
-  bankRectBoxHeight: new x(240, 340),
-  bankRectBoxMinWidth: new x(130, 180),
-  iconInnerColumnGap: new x(D[5], 50),
-  iconInnerRowMaxWidth: new x(291, 414),
-  midContainerGap: new x(0, 0, 0, D[11]),
-  styledLogoHeight: new x(13, 21),
-  styledLogoWidth: new x(54, 87)
-}, P = {
-  insuredAmountStr: new w(
-    "extraSmallRegular",
-    "smallRegular"
-  ),
-  title: new w("smallRegular", "largeRegular"),
-  uninsuredAmountStr: new w("largeRegular", "h6Regular"),
-  yAxisAmount: new w("h6Regular", "extraSmallRegular")
-}, Ce = n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey5};
-`, ve = n.div`
-  padding: ${(e) => e.windowSize === "small" ? `${t.sp0} ${t.sp3}` : `${t.sp0} ${t.sp8}`};
-  text-align: center;
-`, Te = n.div`
-  max-width: 517px;
-  margin: auto;
-  padding: ${t.sp7} ${t.sp0};
-  color: ${(e) => e.theme.colors.primary};
-  display: flex;
-  flex-direction: column;
-`, Re = n(Se)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${t.sp5} ${t.sp0};
-  color: ${(e) => e.theme.colors.primary};
-`, O = 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) => h.midContainerGap.valuePx(e.windowSize)};
-  margin-bottom: ${t.sp5};
-`, ze = n.div`
-  display: flex;
-  flex-direction: column;
-`, Ie = n.div`
-  display: flex;
-  flex-direction: ${(e) => e.windowSize === "small" ? "column-reverse" : "row"};
-  align-items: center;
-  justify-content: center;
-`, X = n.div`
-  width: ${(e) => e.windowSize === "small" ? "auto" : "330px"};
-  display: flex;
-  flex-direction: column;
-`, Ae = n.div`
-  width: ${(e) => e.windowSize === "small" ? "100%" : "unset"};
-  overflow: hidden;
-  display: flex;
-  display: flex;
-  justify-content: center;
-  margin-bottom: ${t.sp4};
-`, m = n.div`
-  border-radius: ${t.sp12};
-  min-height: ${(e) => e.windowSize !== "small" ? "76px" : t.sp0};
-  border: ${(e) => `1px solid ${e.theme.colors.grey2}`};
-  padding: ${(e) => e.windowSize === "small" ? `${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}` : `${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
-  background: ${(e) => e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${t.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`, y = n(fe)`
-  color: ${(e) => e.theme.colors.champion};
-`, $ = n($e)`
-  color: ${(e) => e.theme.colors.champion};
-`, f = n(V)`
-  color: ${(e) => e.theme.colors.champion};
-`, b = n(ye)`
-  color: ${(e) => e.theme.colors.champion};
-`, u = n.div``, p = n.div`
-  padding-left: ${t.sp3};
-`, q = n(A)`
-  color: ${R.graphColor16Dark};
-`, K = n(A)`
-  color: ${R.graphColor19Dark};
-`, Q = n(A)`
-  color: ${R.graphColor11};
-`, Y = n(A)`
-  color: ${R.success};
-`, Pe = n(V)`
-  margin: ${(e) => e.windowSize === "small" ? t.sp1 : `auto ${t.sp5}`};
-  color: ${(e) => e.theme.colors.grey1};
-`, Ue = n.div`
-  display: flex;
-  padding-top: ${t.sp4};
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-`, ke = n.div`
-  display: inline-block;
-`, W = n(we)`
-  display: inline;
-  margin: ${t.sp3} auto ${t.sp0} auto;
-  max-width: 731px;
-  color: ${(e) => e.theme.colors.hero};
-`, He = n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-width: ${(e) => h.iconInnerRowMaxWidth.valuePx(e.windowSize)};
-`, Me = n.div`
-  display: flex;
-  justify-content: flex-end;
-`, _e = n.div`
-  display: flex;
-  width: 100%;
-  justify-content: flex-end;
-  gap: ${(e) => h.iconInnerColumnGap.valuePx(e.windowSize)};
-  align-items: flex-end;
-`, E = n.div``, Fe = n.div`
-  height: ${(e) => h.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: ${t.sp2};
-`, G = n.div`
-  width: 100%;
-  min-width: ${(e) => h.bankRectBoxMinWidth.valuePx(e.windowSize)};
-  height: ${(e) => h.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: ${t.sp2};
-  display: flex;
-  flex-direction: column;
-`, Le = n(I)`
-  padding: ${t.sp2};
-  margin-top: ${t.sp2};
-  border-top: 1px solid ${(e) => e.theme.colors.grey2};
-  color: ${(e) => e.theme.colors.primary};
-`, Z = n.div`
-  width: 100%;
-  height: 298px;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`, Be = n.div`
-  width: 100%;
-  height: 42px;
-  background: ${(e) => e.theme.colors.brandColorRuby};
-  border-bottom-right-radius: ${t.sp2};
-  border-bottom-left-radius: ${t.sp2};
-  outline: 1px solid ${(e) => e.theme.colors.brandColorRuby};
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: flex-end;
-`, De = n(z)`
-  color: ${(e) => e.theme.colors.grey5};
-  padding-right: 12px;
-  ${(e) => `${P.insuredAmountStr.style(e.windowSize)}`};
-`, We = n(I)`
-  color: ${(e) => e.theme.colors.grey5};
-  padding-right: 12px;
-`, Ee = n(z)`
-  color: ${(e) => e.theme.colors.brandColorRuby};
-  padding-right: 12px;
-  padding-top: 20px;
-  ${(e) => `${P.uninsuredAmountStr.style(e.windowSize)}`};
-`, Ge = n(I)`
-  color: ${(e) => e.theme.colors.brandColorRuby};
-  padding-right: 12px;
-`, Ze = n(N)`
-  color: ${(e) => e.theme.colors.grey5};
-  padding-right: 12px;
-  padding-top: 20px;
-`, Je = n(I)`
-  color: ${(e) => e.theme.colors.grey5};
-  padding-right: 12px;
-`, Ne = n(z)`
-  ${(e) => `${P.yAxisAmount.style(e.windowSize)}`};
-  color: ${(e) => e.theme.colors.primary};
-`, J = n(z)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-bottom: ${t.sp3};
-  ${(e) => `${P.title.style(e.windowSize)}`};
-`, Ve = n(be)`
-  width: ${(e) => h.styledLogoWidth.valuePx(e.windowSize)};
-  height: ${(e) => h.styledLogoHeight.valuePx(e.windowSize)};
-  color: ${(e) => e.theme.colors.primary};
-  cursor: pointer;
-`, s = k.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo, j = k.getLocalizedStrings().common, c = k.getLocalizedStrings().commonSetUp.businessVerification.terms, ee = ({
-  maxInsuredAmountString: e
-}) => {
-  const r = T();
-  return /* @__PURE__ */ o.jsxs(Ae, { windowSize: r, children: [
-    /* @__PURE__ */ o.jsxs(He, { windowSize: r, children: [
-      /* @__PURE__ */ o.jsx(Me, { children: /* @__PURE__ */ o.jsxs(_e, { windowSize: r, children: [
-        /* @__PURE__ */ o.jsxs(E, { children: [
-          /* @__PURE__ */ o.jsx(J, { windowSize: r, children: s.iconTexts.title }),
-          /* @__PURE__ */ o.jsxs(G, { windowSize: r, isBankRect: !0, children: [
-            /* @__PURE__ */ o.jsxs(Z, { children: [
-              /* @__PURE__ */ o.jsx(Ee, { windowSize: r, children: s.iconTexts.unInsuredAmount }),
-              /* @__PURE__ */ o.jsx(Ge, { children: s.iconTexts.unInsured })
-            ] }),
-            /* @__PURE__ */ o.jsxs(Be, { children: [
-              /* @__PURE__ */ o.jsx(De, { windowSize: r, children: s.iconTexts.insuredAmount }),
-              /* @__PURE__ */ o.jsx(We, { children: s.iconTexts.insured })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ o.jsxs(E, { children: [
-          /* @__PURE__ */ o.jsx(J, { windowSize: r, children: /* @__PURE__ */ o.jsx(Ve, { windowSize: r }) }),
-          /* @__PURE__ */ o.jsx(G, { windowSize: r, isBankRect: !1, children: /* @__PURE__ */ o.jsxs(Z, { children: [
-            /* @__PURE__ */ o.jsx(Ze, { children: e }),
-            /* @__PURE__ */ o.jsx(Je, { children: s.iconTexts.fdicCovered })
-          ] }) })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ o.jsx(Le, { children: s.iconTexts.footNote })
-    ] }),
-    /* @__PURE__ */ o.jsx(Fe, { windowSize: r, children: s.iconTexts.yAxisAmounts.map((l, i) => /* @__PURE__ */ o.jsx(Ne, { windowSize: r, children: l }, i)) })
-  ] });
-}, Oe = ({
-  maxAnnualPercentageYield: e,
-  maxInsuredAmount: r,
-  exampleBankBalance: l
-}) => {
-  const i = T(), g = C(
-    v(r),
-    r,
-    j.currency.currencySymbol
-  ).toUpperCase();
-  let a = g;
-  return r > l && (a = C(
-    v(l),
-    l,
-    j.currency.currencySymbol
-  ).toUpperCase()), /* @__PURE__ */ o.jsxs(O, { windowSize: i, children: [
-    /* @__PURE__ */ o.jsx(ee, { maxInsuredAmountString: a }),
-    /* @__PURE__ */ o.jsxs(X, { windowSize: i, children: [
-      /* @__PURE__ */ o.jsxs(m, { windowSize: i, children: [
-        /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(Q, {}) }),
-        /* @__PURE__ */ o.jsxs(p, { children: [
-          /* @__PURE__ */ o.jsx(b, { children: s.earnUptoText.bold.replace(
-            "__rate__",
-            e.toString()
-          ) }),
-          /* @__PURE__ */ o.jsx(f, { children: s.earnUptoText.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ o.jsxs(m, { windowSize: i, children: [
-        /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(q, {}) }),
-        /* @__PURE__ */ o.jsxs(p, { children: [
-          /* @__PURE__ */ o.jsx(b, { children: s.insuranceText.bold.replace(
-            "__amount__",
-            g
-          ) }),
-          /* @__PURE__ */ o.jsx(f, { children: s.insuranceText.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ o.jsxs(m, { windowSize: i, children: [
-        /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(Y, {}) }),
-        /* @__PURE__ */ o.jsxs(p, { children: [
-          /* @__PURE__ */ o.jsx(b, { children: s.noHiddenFee.bold }),
-          /* @__PURE__ */ o.jsx(f, { children: s.noHiddenFee.regular })
-        ] })
-      ] }),
-      /* @__PURE__ */ o.jsxs(m, { windowSize: i, children: [
-        /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(K, {}) }),
-        /* @__PURE__ */ o.jsxs(p, { children: [
-          /* @__PURE__ */ o.jsx(b, { children: s.expertSupport.bold }),
-          /* @__PURE__ */ o.jsx(f, { children: s.expertSupport.regular })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Xe = ({
-  maxAnnualPercentageYield: e,
-  maxInsuredAmount: r,
-  exampleBankBalance: l
-}) => {
-  const i = T(), g = C(
-    v(r),
-    r,
-    j.currency.currencySymbol
-  ).toUpperCase();
-  let a = g;
-  return r > l && (a = C(
-    v(l),
-    l,
-    j.currency.currencySymbol
-  ).toUpperCase()), /* @__PURE__ */ o.jsxs(O, { windowSize: i, children: [
-    /* @__PURE__ */ o.jsxs(X, { windowSize: i, children: [
-      /* @__PURE__ */ o.jsxs(
-        m,
-        {
-          windowSize: i,
-          style: { width: "330px", minHeight: "83px" },
-          children: [
-            /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(Q, {}) }),
-            /* @__PURE__ */ o.jsxs(p, { children: [
-              /* @__PURE__ */ o.jsx($, { children: s.earnUptoText.bold.replace(
-                "__rate__",
-                e.toString()
-              ) }),
-              /* @__PURE__ */ o.jsx(y, { children: s.earnUptoText.regular })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ o.jsxs(
-        m,
-        {
-          windowSize: i,
-          style: { width: "330px", minHeight: "83px" },
-          children: [
-            /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(q, {}) }),
-            /* @__PURE__ */ o.jsxs(p, { children: [
-              /* @__PURE__ */ o.jsx($, { children: s.insuranceText.bold.replace(
-                "__amount__",
-                g
-              ) }),
-              /* @__PURE__ */ o.jsx(y, { children: s.insuranceText.regular })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ o.jsxs(
-        m,
-        {
-          windowSize: i,
-          style: { width: "330px", minHeight: "83px" },
-          children: [
-            /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(Y, {}) }),
-            /* @__PURE__ */ o.jsxs(p, { children: [
-              /* @__PURE__ */ o.jsx($, { children: s.noHiddenFee.bold }),
-              /* @__PURE__ */ o.jsx(y, { children: s.noHiddenFee.regular })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ o.jsxs(
-        m,
-        {
-          windowSize: i,
-          style: { width: "330px", minHeight: "83px" },
-          children: [
-            /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(K, {}) }),
-            /* @__PURE__ */ o.jsxs(p, { children: [
-              /* @__PURE__ */ o.jsx($, { children: s.expertSupport.bold }),
-              /* @__PURE__ */ o.jsx(y, { children: s.expertSupport.regular })
-            ] })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ o.jsx(ee, { maxInsuredAmountString: a })
-  ] });
-}, oo = ({
-  meetingUrl: e,
-  maxAnnualPercentageYield: r,
-  maxInsuredAmount: l,
-  analytics: i,
-  zeniAccountSetupView: g,
-  exampleBankBalance: a,
-  onSetupButtonClick: oe,
-  onBackClick: ne,
-  onClickMenuIcon: te,
-  onSetupZeniAccountSuccess: H
-}) => {
-  const se = ce(), d = T(), { zeniAccountTermsDetails: U } = g, M = xe(
-    U?.fetchStatus.fetchState
-  ), [re, _] = de(!1), ie = () => {
-    i.trackAccountsPromoPageClicked("Schedule Demo"), _(!0);
-  };
-  ae(() => {
-    M === "In-Progress" && U?.fetchStatus.fetchState === "Completed" && H?.();
-  }, [
-    M,
-    H,
-    U?.fetchStatus
-  ]);
-  const F = me(), le = F.loggedInUserRoleMap.deposit_accounts_user === !0 || ue(F);
-  return /* @__PURE__ */ o.jsxs(Ce, { children: [
-    /* @__PURE__ */ o.jsx(
-      pe,
-      {
-        title: s.title,
-        backgroundColor: se.colors.grey5,
-        onBackClick: ne,
-        showBackButton: !0,
-        showMenuIcon: d === "small" || d === "medium-compact",
-        onClickMenuIcon: te,
-        source: "ZeniAccountPromoPage"
-      }
-    ),
-    re === !0 ? /* @__PURE__ */ o.jsx(
-      he,
-      {
-        onCancelClick: () => {
-          _(!1);
-        },
-        meetingUrl: e
-      }
-    ) : null,
-    /* @__PURE__ */ o.jsxs(ve, { windowSize: d, children: [
-      d === "small" ? /* @__PURE__ */ o.jsxs(Re, { children: [
-        s.promoText1,
-        j.strings.colon,
-        /* @__PURE__ */ o.jsx(
-          ge,
-          {
-            style: {
-              marginTop: t.sp2
-            },
-            children: s.promoText2
-          }
-        )
-      ] }) : /* @__PURE__ */ o.jsxs(Te, { children: [
-        /* @__PURE__ */ o.jsxs(je, { children: [
-          s.promoText1,
-          j.strings.colon
-        ] }),
-        /* @__PURE__ */ o.jsx(
-          N,
-          {
-            style: {
-              marginTop: t.sp2
-            },
-            children: s.promoText2
-          }
-        )
-      ] }),
-      d === "small" || d === "medium-compact" || d === "medium-regular" ? /* @__PURE__ */ o.jsx(
-        Oe,
-        {
-          maxAnnualPercentageYield: r,
-          maxInsuredAmount: l,
-          exampleBankBalance: a
-        }
-      ) : /* @__PURE__ */ o.jsx(
-        Xe,
-        {
-          maxAnnualPercentageYield: r,
-          maxInsuredAmount: l,
-          exampleBankBalance: a
-        }
-      ),
-      le ? null : /* @__PURE__ */ o.jsxs(ze, { children: [
-        /* @__PURE__ */ o.jsxs(Ie, { windowSize: d, children: [
-          /* @__PURE__ */ o.jsx(
-            L,
-            {
-              variant: "secondary",
-              label: s.scheduleDemoButton,
-              onClick: ie,
-              "data-testid": B(
-                "accounts-promo-schedule-demo-button"
-              )
-            }
-          ),
-          /* @__PURE__ */ o.jsx(Pe, { windowSize: d, children: s.orText }),
-          /* @__PURE__ */ o.jsx(
-            L,
-            {
-              variant: "primary",
-              label: s.setupAccountsButton,
-              loading: !1,
-              onClick: oe,
-              "data-testid": B(
-                "accounts-promo-setup-accounts-button"
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ o.jsx(Ue, { children: /* @__PURE__ */ o.jsxs(W, { children: [
-          s.terms.terms1,
-          /* @__PURE__ */ o.jsx(S, { href: c.consentUrl, linkText: c.consent }),
-          c.term2,
-          /* @__PURE__ */ o.jsx(
-            S,
-            {
-              href: c.depositUrl,
-              linkText: c.depositTerms
-            }
-          ),
-          c.term3,
-          /* @__PURE__ */ o.jsx(
-            S,
-            {
-              href: c.privacyPolicyUrl,
-              linkText: c.privacy
-            }
-          ),
-          c.term4,
-          /* @__PURE__ */ o.jsx(S, { href: c.tosUrl, linkText: c.tos }),
-          c.term5,
-          s.terms.terms3
-        ] }) }),
-        /* @__PURE__ */ o.jsx(ke, { children: /* @__PURE__ */ o.jsx(W, { children: s.disclaimer }) })
-      ] })
-    ] })
-  ] });
-};
-export {
-  oo as default
-};

package/dist/ZeniAccountSetupPage-B7Pd68Ht.cjs

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-DLVCFIC_.cjs"),f=require("react"),h=require("@emotion/styled"),e=require("./index-OMYmSL-3.cjs"),xe=require("./UploadAdditionalDocumentOverlay-Dbruz0pV.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:ge,commonSetUp:q,spendManagement:he}=e.appLocale.getLocalizedStrings(),{zeniAccounts:W}=he,{zeniAccountSetUp:D}=W,{setUp:T}=q,Se=({isDisabled:t,meetingUrl:R,zeniAccountSetUpView:d,analytics:r,connectedAccountProvider:a,filesEndPoint:_,authParams:$,accountsPromoConfig:H,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:x,companyBillPayInfo:O,isRefreshingViewInBackground:se,updateStatus:u,accountUpdateStatus:ce,plaidConnectionDetails:ae,allBankAccounts:re,companyZeniAccountInfo:ue,selectedCompanyOfficer:s,primaryFundingAccount:p,allFundingAccounts:B}=d,I=e.usePrevious(x),v=e.usePrevious(u.fetchState),P=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>F(d),[d]),values:F(d)}),le=P.handleSubmit(g=>{r.trackEnableZeniAccounts(),M()}),de=async(g,j)=>{const i=j[A];if(g.includes(A)){if(g.includes("fundingAccount")){if(i.fundingAccount.selectedOption!=null&&p?.id!=i.fundingAccount.selectedOption){const l=B.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"&&x==="Completed"&&m(!1)},[s,x,I]),f.useEffect(()=>{const g=P.watch((j,{name:i})=>{i!=null&&j!=null&&n.defer(()=>de(i,j))});return()=>{g.unsubscribe()}}),f.useEffect(()=>{v==="In-Progress"&&u.fetchState==="Completed"&&S()},[S,v,u.fetchState]);const b=ue?.isZeniAccountEnabled===!0,C=O?.isBusinessVerified===!0,pe=x==="In-Progress"||x==="Not-Started";f.useEffect(()=>{v==="In-Progress"&&u.fetchState==="Completed"&&S()},[S,v,u.fetchState]);const fe=C?q.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(we,{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(xe.UploadAdditionalDocumentOVerlay,{authParams:$,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(ye,{windowSize:o,children:[n.jsxRuntimeExports.jsx(ve,{windowSize:o,children:fe}),pe?n.jsxRuntimeExports.jsx(be,{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(je,{windowSize:o,children:[n.jsxRuntimeExports.jsx(e.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:O?.businessVerificationStatus,isLoading:se,isActiveWhileLoading:!0}),n.jsxRuntimeExports.jsx(e.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:B,pageName:"Zeni Account Setup",accountsPromoConfig:H})]})})})]}),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:ge.strings.empty},style:{padding:`12px ${e.Space.sp3}`}}):null,n.jsxRuntimeExports.jsx(e.HelpButton,{isFooterRendered:C&&!b,meetingUrl:R,analytics:r,productType:"zeni_accounts"})]})},F=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}))}}}},ye=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)};
-`,we=h.div`
-  display: flex;
-  min-height: 100%;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${t=>t.theme.colors.grey4};
-`,ve=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"};
-`,be=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};
-`,je=h.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${t=>c.sectionRowGap.valuePx(t.windowSize)};
-`,E=t=>`${t}_form`;exports.default=Se;exports.uniqueName=E;