@zeniai/web-components 3.16.40 → 3.16.41

package/dist/TreasurySetupPage-26frypq2.js

@@ -1,683 +0,0 @@
-import { g as we, h as Te, j as t, F as be, u as dt, b as me, D as ut } from "./vendor-.pnpm-BZbZ6JJC.js";
-import * as w from "react";
-import { useMemo as Ce, useEffect as ne, useState as M } from "react";
-import i from "@emotion/styled";
-import { u as ve, R as s, aD as Oe, a as Ie, dK as pt, ex as ft, B as ht, Z as gt, j as mt, fl as xt, ap as St, S as o, H as yt, b as wt, av as Tt, K as bt, p as ke, D as n, dB as Ct, C as vt, aE as Ot, A as It, gl as kt, eN as Pt } from "./index-oeut1pIL.js";
-import { H as At } from "./HelpButton-ClJElDJA.js";
-import { S as Rt } from "./verification-CW6uEyev.js";
-import { S as xe } from "./SetUpDefaultSection-DDZ8ONLb.js";
-import { S as jt } from "./SpendMgmtSetupAccountSection-DQ1xajyl.js";
-import $t from "./PortfolioAllocationFormPage-B2eqiLH7.js";
-import Et from "./TreasuryTransferOrReviewPage-gMSSRTCk.js";
-const Lt = (e, g) => `${e}.${g}`, Z = {
-  labelWidth: new s(145, 155),
-  containerRowGap: new s(12, n[3]),
-  marginBottom: new s(n[2], n[0]),
-  marginRight: new s(n[3], n[8]),
-  marginLeft: new s(n[3], n[8]),
-  height: new s(n[5], 62),
-  navBarContainerPaddingYaxis: new s(10, n[3]),
-  containerPaddingLeft: new s(n[3], n[6], n[8]),
-  containerPaddingRight: new s(n[3], n[6], n[8])
-}, Ft = {
-  stepTitle: new Tt("h6Regular", "h5Regular")
-}, Pe = Ie.getLocalizedStrings(), {
-  common: te,
-  spendManagement: {
-    treasury: {
-      transferDrawer: {
-        review: { footNoteForVerification: Dt }
-      }
-    }
-  }
-} = Pe, l = Pe.commonSetUp.businessVerification, oe = l.sourceOfFundOptions, E = "additionalVerificationFields", Nt = ({
-  companyOfficer: e,
-  companyDetails: g,
-  updateStatus: y,
-  isDetailsSubmitted: b,
-  isTransferInitiated: a,
-  transferDetails: A,
-  skipTransferStep: F,
-  onClose: R,
-  onAdditionalVerificationFieldsChanged: D,
-  onSendForVerificationClick: x,
-  onCloseOverlay: C
-}) => {
-  const h = ve(), q = Z.labelWidth.value(h), j = Oe(y.fetchState), v = we({
-    mode: "all",
-    reValidateMode: "onChange",
-    defaultValues: Ce(
-      () => ({
-        [E]: {
-          sourceOfFunds: {
-            selectedOption: g?.sourceOfFunds ?? "",
-            allOptions: Object.keys(oe)
-          }
-        }
-      }),
-      [g?.sourceOfFunds]
-    )
-  }), J = (p) => oe[p] ?? p, K = v.handleSubmit(() => {
-    x(
-      e?.officerType ?? "Officer_1",
-      a
-    );
-  }), X = async (p, O) => {
-    D(O[E]);
-  };
-  return ne(() => {
-    const p = v.watch((O, { name: N }) => {
-      N != null && O != null && Te(() => X(N, O));
-    });
-    return () => {
-      p.unsubscribe();
-    };
-  }), j === "In-Progress" && y.fetchState === "Completed" || b === !0 ? /* @__PURE__ */ t.jsxs(Ht, { children: [
-    /* @__PURE__ */ t.jsxs(Gt, { children: [
-      /* @__PURE__ */ t.jsx(Rt, {}),
-      /* @__PURE__ */ t.jsx(Wt, { windowSize: h, children: a === !0 ? l.submittedTitleWithTransfer : l.submittedTitle }),
-      /* @__PURE__ */ t.jsx(zt, { children: a === !0 ? l.submittedDescriptionWithTransfer.replace(
-        "__amount__",
-        pt(
-          ft(
-            A?.treasuryTransferMoneyLocalData?.amount?.amount ?? 0
-          ),
-          A?.treasuryTransferMoneyLocalData?.amount?.amount ?? 0,
-          te.currency.currencySymbol
-        )
-      ).replace(
-        "__account__",
-        A?.treasuryTransferMoneyLocalData?.fromAccount?.label ?? ""
-      ) : l.submittedDescription })
-    ] }),
-    /* @__PURE__ */ t.jsx(
-      ht,
-      {
-        label: l.submittedButton,
-        onClick: C,
-        variant: "primary"
-      }
-    )
-  ] }) : /* @__PURE__ */ t.jsxs(_t, { windowSize: h, children: [
-    /* @__PURE__ */ t.jsx(Bt, { windowSize: h, children: /* @__PURE__ */ t.jsx(gt, { title: "Back", enterTouchDelay: 600, placement: "bottom", children: /* @__PURE__ */ t.jsx(
-      Vt,
-      {
-        "data-testid": mt(
-          "nav-bar-back-portfolio-allocation"
-        ),
-        onClick: C || R
-      }
-    ) }) }),
-    /* @__PURE__ */ t.jsxs(Ut, { windowSize: h, children: [
-      /* @__PURE__ */ t.jsx(Zt, { windowSize: h, children: F === !0 ? l.verifyBusinessDetailsWithoutTransfer : l.verifyBusinessDetails }),
-      /* @__PURE__ */ t.jsx(qt, { children: /* @__PURE__ */ t.jsxs(Jt, { children: [
-        /* @__PURE__ */ t.jsx(Se, {}),
-        F !== !0 && /* @__PURE__ */ t.jsx(Se, {}),
-        /* @__PURE__ */ t.jsx(Kt, {})
-      ] }) })
-    ] }),
-    /* @__PURE__ */ t.jsx(Ae, { children: l.verifyBusinessDetailsDescription }),
-    /* @__PURE__ */ t.jsx(be, { ...v, children: /* @__PURE__ */ t.jsxs("form", { id: E, onSubmit: K, children: [
-      /* @__PURE__ */ t.jsx(Mt, { children: /* @__PURE__ */ t.jsx(
-        xt,
-        {
-          label: {
-            label: l.sourceOfFundsLabel,
-            width: q
-          },
-          style: {
-            width: "auto"
-          },
-          additionalInfoLabel: l.sourceOfFundsAdditionalInfo,
-          singleSelectField: {
-            singleSelect: {
-              name: Lt(E, "sourceOfFunds"),
-              placeholder: l.sourceOfFundsPlaceholder,
-              showValueEyeIcon: !1,
-              showEyeIconOnSelect: !1,
-              getLabelForId: J,
-              showTickMark: !1,
-              sortOptions: !1
-            },
-            defaultValue: {
-              selectedOption: g?.sourceOfFunds ?? "",
-              allOptions: Object.keys(oe)
-            },
-            registerOptions: {
-              required: !0,
-              validate: (p) => !!p?.selectedOption
-            }
-          },
-          isFunctional: !0,
-          errorInfoLabel: l.sourceOfFundsError.replace(
-            "_product_type_",
-            "business verification"
-          )
-        }
-      ) }),
-      /* @__PURE__ */ t.jsx(
-        St,
-        {
-          formId: E,
-          primaryBtn: {
-            label: te.footer.submit,
-            style: {
-              width: "auto",
-              minWidth: h === "small" ? "auto" : "83px"
-            },
-            isLoading: y.fetchState === "In-Progress"
-          },
-          cancelBtn: {
-            label: te.footer.back,
-            style: { width: h === "small" ? "auto" : "83px" },
-            onClick: R
-          },
-          style: {
-            position: "absolute",
-            width: "100%",
-            paddingTop: o.sp2,
-            paddingBottom: o.sp2
-          },
-          helperText: a === !0 ? Dt : void 0,
-          helperStyle: {
-            padding: `${o.sp0} ${o.sp0} ${o.sp3} ${o.sp0}`
-          }
-        }
-      )
-    ] }) })
-  ] });
-}, _t = i.div`
-  height: auto;
-  padding-left: ${(e) => `${Z.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${(e) => `${Z.containerPaddingRight.valuePx(e.windowSize)}`};
-  flex: 1;
-  overflow-y: auto;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, Bt = i.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-  top: ${o.sp0};
-  padding: ${(e) => `${Z.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${o.sp0}`};
-  z-index: 2;
-`, Vt = i(wt)`
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  min-height: ${o.sp4};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, Wt = i(yt)`
-  color: ${(e) => e.theme.colors.primary};
-  white-space: pre-line;
-  text-align: center;
-`, Ae = i(ke)`
-  color: ${(e) => e.theme.colors.hero};
-  margin-top: ${o.sp3};
-  white-space: pre-line;
-`, zt = i(Ae)`
-  margin-top: ${o.sp0};
-  text-align: center;
-`, Mt = i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey5};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  box-shadow: ${(e) => `${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  margin-bottom: ${o.sp3};
-  margin-top: ${o.sp3};
-`, Ht = i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp5};
-  margin: auto;
-`, Gt = i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp3};
-`, Ut = i.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sp3};
-  width: 100%;
-`, Zt = i(bt)`
-  ${(e) => `${Ft.stepTitle.style(e.windowSize)}`};
-  color: ${(e) => e.theme.colors.primary};
-  text-align: left;
-`, qt = i.div`
-  display: flex;
-  align-items: center;
-  gap: ${o.sp2};
-  overflow: hidden;
-`, Jt = i.div`
-  display: flex;
-  width: 100%;
-  gap: ${o.sp3};
-`, Se = i.div`
-  flex: 1;
-  height: 2px;
-  background-color: ${(e) => e.theme.colors.primary};
-  border-radius: ${o.sp2};
-`, Kt = i.div`
-  flex: 1;
-  height: 2px;
-  background-color: ${(e) => e.theme.colors.grey3};
-  border-radius: ${o.sp2};
-  position: relative;
-  overflow: hidden;
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    background-color: ${(e) => e.theme.colors.primary};
-    animation: fillProgress 1s ease-in-out forwards;
-  }
-
-  @keyframes fillProgress {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(0%);
-    }
-  }
-`, Xt = (e) => /* @__PURE__ */ w.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ w.createElement("path", { d: "M5.62069 7.42676H2.09973", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ w.createElement("path", { d: "M21.8994 7.42676H10.1617", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ w.createElement("path", { d: "M13.8383 16.6963H2.09973", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ w.createElement("path", { d: "M21.8994 16.6963H18.3793", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ w.createElement("path", { d: "M5.62061 7.2989C5.62061 7.59707 5.67934 7.89233 5.79344 8.16781C5.90755 8.44329 6.0748 8.6936 6.28564 8.90444C6.49649 9.11528 6.74679 9.28253 7.02227 9.39664C7.29775 9.51075 7.59301 9.56948 7.89118 9.56948C8.18936 9.56948 8.48462 9.51075 8.7601 9.39664C9.03558 9.28253 9.28588 9.11528 9.49672 8.90444C9.70757 8.6936 9.87482 8.44329 9.98892 8.16781C10.103 7.89233 10.1618 7.59707 10.1618 7.2989C10.1618 6.6967 9.92254 6.11917 9.49672 5.69336C9.07091 5.26754 8.49338 5.02832 7.89118 5.02832C7.28899 5.02832 6.71146 5.26754 6.28564 5.69336C5.85983 6.11917 5.62061 6.6967 5.62061 7.2989Z", stroke: "currentColor", strokeWidth: 1.5 }), /* @__PURE__ */ w.createElement("path", { d: "M13.8383 16.6983C13.8383 17.3005 14.0775 17.878 14.5033 18.3039C14.9291 18.7297 15.5066 18.9689 16.1088 18.9689C16.711 18.9689 17.2886 18.7297 17.7144 18.3039C18.1402 17.878 18.3794 17.3005 18.3794 16.6983C18.3794 16.0961 18.1402 15.5186 17.7144 15.0928C17.2886 14.667 16.711 14.4277 16.1088 14.4277C15.5066 14.4277 14.9291 14.667 14.5033 15.0928C14.0775 15.5186 13.8383 16.0961 13.8383 16.6983Z", stroke: "currentColor", strokeWidth: 1.5 })), u = {
-  titleWidth: new s(343, 580, 726, 826),
-  setupDetailsRowGap: new s(12, n[5], n[5]),
-  sectionRowGap: new s(n[5], n[9], n[9]),
-  iconWidthHeight: new s(20, n[4]),
-  subTitlePaddingTop: new s(12, n[3]),
-  subTitlePaddingBottom: new s(n[3], n[3]),
-  overlayWidth: new s(100, 100, 59)
-}, Yt = "treasurySetUpPage", U = "payAccount", L = {
-  VERIFIED: "verified",
-  PENDING_REVIEW: "pending_review"
-}, H = {
-  IN_PROGRESS: "In-Progress",
-  COMPLETED: "Completed",
-  NOT_STARTED: "Not-Started"
-}, f = {
-  PORTFOLIO_ALLOCATION: "portfolio-allocation",
-  TRANSFER: "transfer",
-  ADDITIONAL_VERIFICATION: "additional-verification"
-}, { commonSetUp: Qt, spendManagement: eo } = Ie.getLocalizedStrings(), { zeniAccounts: to, treasury: T } = eo, { setUp: G } = Qt, wo = ({
-  isDisabled: e,
-  meetingUrl: g,
-  currentTenant: y,
-  businessVerificationDetails: b,
-  connectedAccountProvider: a,
-  accountsPromoConfig: A,
-  isAccountsEnabled: F,
-  showTreasurySetupOverlay: R,
-  transactions: D,
-  treasurySetupView: x,
-  transferDetails: C,
-  isFirstTransfer: h,
-  maxInsuredAmount: q,
-  setShowTreasurySetupOverlay: j,
-  onFetchLinkTokenClick: v,
-  onEnableTreasuryClick: J,
-  onUpdatePrimaryFundingAccount: K,
-  onUpdateTreasuryClick: X,
-  onBusinessVerificationSectionClick: p,
-  onUpdatePaymentAccountStatus: O,
-  onUpdatePaymentAccountLoginStatus: N,
-  onEstablishConnectionClick: ie,
-  onEstablishConnectionSuccess: Re,
-  onClickMenuIcon: je,
-  onAdditionalVerificationFieldsChanged: $e,
-  onSendForVerificationClick: Ee,
-  onConfirmFundAllocation: Le,
-  onSignUpClick: Fe,
-  onNavigateToDashboard: De,
-  onUpdateFundAllocation: Ne,
-  onTransferSaveChangesToLocalStore: _e,
-  onOverlayClose: Be
-}) => {
-  const I = Ct().analytics, _ = dt(), c = ve(), [B, k] = M(
-    f.PORTFOLIO_ALLOCATION
-  ), [se, Ve] = M(!1), [We, ae] = M(!1), [ze, re] = M(!1), {
-    fetchState: le,
-    companyTreasuryInfo: V,
-    isRefreshingViewInBackground: ce,
-    updateStatus: Me,
-    plaidConnectionDetails: de,
-    allBankAccounts: He,
-    selectedCompanyOfficer: Ge,
-    primaryFundingAccount: P,
-    allFundingAccounts: ue,
-    currentAllocation: Ue,
-    portfolioAllocationUpdateStatus: Y,
-    isAtomicAccountExists: Ze
-  } = x, pe = Oe(
-    Y.fetchState
-  ), $ = y.company?.companyBillPayInfo?.businessVerificationStatus, fe = $?.code === L.PENDING_REVIEW || $?.code === L.VERIFIED, { companyDetailsLocalData: qe } = b, Q = C.transferMoneyParties.length > 0, W = we({
-    mode: "all",
-    reValidateMode: "onChange",
-    defaultValues: Ce(
-      () => ye(x),
-      [x]
-    ),
-    values: ye(x)
-  }), Je = W.handleSubmit((r) => {
-    J();
-  }), Ke = (r, S) => {
-    if (r === S)
-      return;
-    const d = ue.find(
-      (m) => m.id === r
-    );
-    d != null && K(r, d.accType);
-  }, Xe = (r, S, d) => {
-    if (P?.id == null || r === d)
-      return;
-    const m = S.find(
-      (ct) => ct.value === r
-    );
-    m != null && typeof m.label == "string" && I.trackConnectBankLink(
-      m.value,
-      m.label,
-      "zeni_treasury"
-    ), X(
-      r,
-      P.id,
-      P.accType
-    );
-  }, Ye = async (r, S) => {
-    if (!r.includes(U))
-      return;
-    const d = S[U];
-    if (r.includes("fundingAccount")) {
-      const m = d.fundingAccount.selectedOption;
-      m != null && Ke(m, P?.id);
-    } else d.account.selectedOption != null && Xe(
-      d.account.selectedOption,
-      d.account.allOptions,
-      P?.zeniAccountId
-    );
-  };
-  ne(() => {
-    const r = W.watch((S, { name: d }) => {
-      d != null && S != null && Te(() => Ye(d, S));
-    });
-    return () => {
-      r.unsubscribe();
-    };
-  }, [W]), ne(() => {
-    pe === H.IN_PROGRESS && Y.fetchState === H.COMPLETED && B === f.PORTFOLIO_ALLOCATION && j(!1);
-  }, [pe, Y.fetchState]);
-  const he = V?.businessVerificationStatus?.code === L.VERIFIED, Qe = V?.businessVerificationStatus?.code === L.PENDING_REVIEW, et = he || Qe, tt = le === H.IN_PROGRESS || le === H.NOT_STARTED, ot = T.setup.setupSubTitle, ee = _.mode === "light" ? new me(_.colors.brandColorJadeLight) : new me(_.colors.brandColorJadeDark), nt = () => {
-    Ve(!0), j(!0), k(f.PORTFOLIO_ALLOCATION);
-  }, it = () => {
-    Le(), se || (I.trackTreasuryVerificationNavigation(
-      "next",
-      $?.code ?? ""
-    ), Q ? k(f.TRANSFER) : ge());
-  }, st = () => {
-    re(!0), ae(!0);
-  }, ge = () => {
-    re(!1), fe ? k(f.ADDITIONAL_VERIFICATION) : p(!0, !1);
-  }, z = () => {
-    j(!1), Be?.();
-  }, at = () => {
-    I.trackTreasuryVerificationNavigation(
-      "back",
-      $?.code ?? ""
-    ), k(f.PORTFOLIO_ALLOCATION);
-  }, rt = () => {
-    I.trackTreasuryVerificationNavigation(
-      "back",
-      $?.code ?? ""
-    ), k(f.TRANSFER);
-  }, lt = () => {
-    fe ? k(f.ADDITIONAL_VERIFICATION) : p(!0, !0);
-  };
-  return /* @__PURE__ */ t.jsxs(no, { children: [
-    /* @__PURE__ */ t.jsxs(
-      ut,
-      {
-        anchor: "right",
-        open: R,
-        onClose: z,
-        PaperProps: {
-          style: {
-            width: u.overlayWidth.valuePercentage(c),
-            boxShadow: "none"
-          }
-        },
-        style: { backgroundColor: vt.drawerBackground },
-        transitionDuration: 250,
-        children: [
-          B === f.PORTFOLIO_ALLOCATION && /* @__PURE__ */ t.jsx(
-            $t,
-            {
-              treasurySetupView: x,
-              onUpdateFundAllocation: Ne,
-              onBackClick: z,
-              onNextClick: it,
-              isReadOnly: R ? !1 : Ze && Ue != null,
-              isEditMode: se,
-              skipTransferStep: !Q
-            }
-          ),
-          B === f.TRANSFER && /* @__PURE__ */ t.jsx(
-            Et,
-            {
-              isFirstTransfer: h,
-              maxInsuredAmount: q,
-              transferDetails: C,
-              onSaveChangesToLocalStore: _e,
-              treasurySetupView: x,
-              showReviewContent: We,
-              setShowReviewContent: ae,
-              plaidConnectionDetails: de,
-              onReviewClick: st,
-              onBackClick: at,
-              onCancelClick: z,
-              onEstablishConnectionClick: ie,
-              onFetchLinkTokenClick: v,
-              onSkipClick: ge,
-              onTransferClick: lt,
-              isOnSetup: !0
-            }
-          ),
-          B === f.ADDITIONAL_VERIFICATION && /* @__PURE__ */ t.jsx(
-            Nt,
-            {
-              updateStatus: Me,
-              companyOfficer: Ge,
-              companyDetails: qe,
-              isDetailsSubmitted: et,
-              isTransferInitiated: ze,
-              transferDetails: C,
-              onClose: rt,
-              onCloseOverlay: z,
-              onAdditionalVerificationFieldsChanged: $e,
-              onSendForVerificationClick: Ee,
-              skipTransferStep: !Q
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      Ot,
-      {
-        title: T.setup.setupTitle,
-        backgroundColor: _.colors.grey4,
-        style: { zIndex: 3 },
-        onBackClick: De,
-        showMenuIcon: c === "medium-compact" || c === "small",
-        onClickMenuIcon: je,
-        source: "treasury"
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(oo, { windowSize: c, children: [
-      /* @__PURE__ */ t.jsx(io, { windowSize: c, children: ot }),
-      tt ? /* @__PURE__ */ t.jsx(so, { children: /* @__PURE__ */ t.jsx(It, { size: "ExtraLarge", start: !0 }) }) : /* @__PURE__ */ t.jsx(be, { ...W, children: /* @__PURE__ */ t.jsx("form", { id: ro(Yt), onSubmit: Je, children: /* @__PURE__ */ t.jsxs(ao, { windowSize: c, children: [
-        /* @__PURE__ */ t.jsx(
-          xe,
-          {
-            onClick: nt,
-            title: T.setup.title,
-            subTitle: T.setup.subTitle,
-            header: T.setup.header,
-            icon: {
-              element: /* @__PURE__ */ t.jsx(
-                Xt,
-                {
-                  width: u.iconWidthHeight.valuePx(c),
-                  height: u.iconWidthHeight.valuePx(c)
-                }
-              ),
-              color: ee
-            },
-            isLoading: ce,
-            isActiveWhileLoading: !0
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          xe,
-          {
-            onClick: () => p(!1, !1),
-            title: G.businessVerificationTitle,
-            subTitle: G.businessVerificationSubTitle,
-            header: G.businessVerificationHeader,
-            icon: {
-              element: /* @__PURE__ */ t.jsx(
-                kt,
-                {
-                  width: u.iconWidthHeight.valuePx(c),
-                  height: u.iconWidthHeight.valuePx(c)
-                }
-              ),
-              color: ee
-            },
-            status: V?.businessVerificationStatus,
-            isLoading: ce,
-            isActiveWhileLoading: !0,
-            additionalInfo: V?.businessVerificationStatus?.code === L.PENDING_REVIEW ? D != null && D.length > 0 ? T.setup.verificationInProgress : G.businessVerificationAdditionalInfo : void 0
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          jt,
-          {
-            connectedAccountProvider: a,
-            plaidConnectionDetails: de,
-            allBankAccounts: He,
-            sectionId: U,
-            isDisabled: e,
-            header: to.accountSectionHeader,
-            onFetchLinkTokenClick: v,
-            onEstablishConnectionClick: ie,
-            onUpdatePaymentAccountStatus: O,
-            onUpdatePaymentAccountLoginStatus: N,
-            onEstablishConnectionSuccess: Re,
-            icon: {
-              element: /* @__PURE__ */ t.jsx(
-                Pt,
-                {
-                  width: u.iconWidthHeight.valuePx(c),
-                  height: u.iconWidthHeight.valuePx(c)
-                }
-              ),
-              color: ee
-            },
-            analytics: I,
-            productType: "zeni_treasury",
-            onSignUpClick: Fe,
-            primaryFundingAccount: P,
-            isAccountsEnabled: F,
-            allFundingAccounts: ue,
-            pageName: T.setup.setupPageName,
-            accountsPromoConfig: A
-          }
-        )
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ t.jsx(
-      At,
-      {
-        isFooterRendered: he,
-        meetingUrl: g,
-        analytics: I,
-        productType: "zeni_treasury"
-      }
-    )
-  ] });
-};
-function ye(e) {
-  const { allBankAccounts: g, allFundingAccounts: y, primaryFundingAccount: b } = e;
-  return {
-    [U]: {
-      fundingAccount: {
-        selectedOption: b?.id,
-        allOptions: y.map((a) => ({
-          label: a.label,
-          value: a.id,
-          isRecommended: a.accType === "depositAccount"
-        }))
-      },
-      account: {
-        selectedOption: b?.zeniAccountId,
-        allOptions: g.map((a) => ({
-          label: a.accountName,
-          value: a.accountId
-        }))
-      }
-    }
-  };
-}
-const oo = i.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${(e) => u.setupDetailsRowGap.valuePx(e.windowSize)};
-`, no = i.div`
-  display: flex;
-  min-height: 100%;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, io = i(ke)`
-  color: ${(e) => e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${(e) => u.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${(e) => u.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${(e) => u.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${(e) => e.windowSize === "small" ? "initial" : "center"};
-`, so = i.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};
-`, ao = i.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${(e) => u.sectionRowGap.valuePx(e.windowSize)};
-`, ro = (e) => `${e}_form`;
-export {
-  wo as default,
-  ro as uniqueName
-};