@zeniai/web-components 3.16.33 → 3.16.34

package/dist/TreasurySetupPage-CaGzDC9Q.js

@@ -1,682 +0,0 @@
-import { g as we, h as Te, j as t, F as be, u as ct, b as me, D as dt } from "./vendor-.pnpm-DxbX2tX4.js";
-import * as w from "react";
-import { useMemo as ve, useEffect as ne, useState as M } from "react";
-import i from "@emotion/styled";
-import { u as Ce, R as s, aD as Oe, a as Ie, dK as ut, ex as pt, B as ft, Z as ht, j as gt, fl as mt, ap as xt, S as o, H as St, b as yt, av as wt, K as Tt, p as ke, D as n, dB as bt, C as vt, aE as Ct, A as Ot, gl as It, eN as kt } from "./index-B3sr4TRT.js";
-import { H as Pt } from "./HelpButton-DbXR-faN.js";
-import { S as At } from "./verification-CW6uEyev.js";
-import { S as xe } from "./SetUpDefaultSection-BuYVVA94.js";
-import { S as Rt } from "./SpendMgmtSetupAccountSection-Docv57a2.js";
-import jt from "./PortfolioAllocationFormPage-BbUzh-0L.js";
-import $t from "./TreasuryTransferOrReviewPage-DYFe8Yma.js";
-const Et = (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])
-}, Lt = {
-  stepTitle: new wt("h6Regular", "h5Regular")
-}, Pe = Ie.getLocalizedStrings(), {
-  common: te,
-  spendManagement: {
-    treasury: {
-      transferDrawer: {
-        review: { footNoteForVerification: Ft }
-      }
-    }
-  }
-} = Pe, l = Pe.commonSetUp.businessVerification, oe = l.sourceOfFundOptions, $ = "additionalVerificationFields", Dt = ({
-  companyOfficer: e,
-  companyDetails: g,
-  updateStatus: y,
-  isDetailsSubmitted: b,
-  isTransferInitiated: r,
-  transferDetails: A,
-  skipTransferStep: L,
-  onClose: F,
-  onAdditionalVerificationFieldsChanged: D,
-  onSendForVerificationClick: x,
-  onCloseOverlay: v
-}) => {
-  const h = Ce(), q = Z.labelWidth.value(h), R = Oe(y.fetchState), C = we({
-    mode: "all",
-    reValidateMode: "onChange",
-    defaultValues: ve(
-      () => ({
-        [$]: {
-          sourceOfFunds: {
-            selectedOption: g?.sourceOfFunds ?? "",
-            allOptions: Object.keys(oe)
-          }
-        }
-      }),
-      [g?.sourceOfFunds]
-    )
-  }), J = (p) => oe[p] ?? p, K = C.handleSubmit(() => {
-    x(
-      e?.officerType ?? "Officer_1",
-      r
-    );
-  }), X = async (p, O) => {
-    D(O[$]);
-  };
-  return ne(() => {
-    const p = C.watch((O, { name: N }) => {
-      N != null && O != null && Te(() => X(N, O));
-    });
-    return () => {
-      p.unsubscribe();
-    };
-  }), R === "In-Progress" && y.fetchState === "Completed" || b === !0 ? /* @__PURE__ */ t.jsxs(Mt, { children: [
-    /* @__PURE__ */ t.jsxs(Ht, { children: [
-      /* @__PURE__ */ t.jsx(At, {}),
-      /* @__PURE__ */ t.jsx(Vt, { windowSize: h, children: r === !0 ? l.submittedTitleWithTransfer : l.submittedTitle }),
-      /* @__PURE__ */ t.jsx(Wt, { children: r === !0 ? l.submittedDescriptionWithTransfer.replace(
-        "__amount__",
-        ut(
-          pt(
-            A?.treasuryTransferMoneyLocalData?.amount?.amount ?? 0
-          ),
-          A?.treasuryTransferMoneyLocalData?.amount?.amount ?? 0,
-          te.currency.currencySymbol
-        )
-      ).replace(
-        "__account__",
-        A?.treasuryTransferMoneyLocalData?.fromAccount?.label ?? ""
-      ) : l.submittedDescription })
-    ] }),
-    /* @__PURE__ */ t.jsx(
-      ft,
-      {
-        label: l.submittedButton,
-        onClick: v,
-        variant: "primary"
-      }
-    )
-  ] }) : /* @__PURE__ */ t.jsxs(Nt, { windowSize: h, children: [
-    /* @__PURE__ */ t.jsx(_t, { windowSize: h, children: /* @__PURE__ */ t.jsx(ht, { title: "Back", enterTouchDelay: 600, placement: "bottom", children: /* @__PURE__ */ t.jsx(
-      Bt,
-      {
-        "data-testid": gt(
-          "nav-bar-back-portfolio-allocation"
-        ),
-        onClick: v || F
-      }
-    ) }) }),
-    /* @__PURE__ */ t.jsxs(Gt, { windowSize: h, children: [
-      /* @__PURE__ */ t.jsx(Ut, { windowSize: h, children: L === !0 ? l.verifyBusinessDetailsWithoutTransfer : l.verifyBusinessDetails }),
-      /* @__PURE__ */ t.jsx(Zt, { children: /* @__PURE__ */ t.jsxs(qt, { children: [
-        /* @__PURE__ */ t.jsx(Se, {}),
-        L !== !0 && /* @__PURE__ */ t.jsx(Se, {}),
-        /* @__PURE__ */ t.jsx(Jt, {})
-      ] }) })
-    ] }),
-    /* @__PURE__ */ t.jsx(Ae, { children: l.verifyBusinessDetailsDescription }),
-    /* @__PURE__ */ t.jsx(be, { ...C, children: /* @__PURE__ */ t.jsxs("form", { id: $, onSubmit: K, children: [
-      /* @__PURE__ */ t.jsx(zt, { children: /* @__PURE__ */ t.jsx(
-        mt,
-        {
-          label: {
-            label: l.sourceOfFundsLabel,
-            width: q
-          },
-          style: {
-            width: "auto"
-          },
-          additionalInfoLabel: l.sourceOfFundsAdditionalInfo,
-          singleSelectField: {
-            singleSelect: {
-              name: Et($, "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(
-        xt,
-        {
-          formId: $,
-          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: F
-          },
-          style: {
-            position: "absolute",
-            width: "100%",
-            paddingTop: o.sp2,
-            paddingBottom: o.sp2
-          },
-          helperText: r === !0 ? Ft : void 0,
-          helperStyle: {
-            padding: `${o.sp0} ${o.sp0} ${o.sp3} ${o.sp0}`
-          }
-        }
-      )
-    ] }) })
-  ] });
-}, Nt = 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};
-`, _t = 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;
-`, Bt = i(yt)`
-  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};
-  }
-`, Vt = i(St)`
-  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;
-`, Wt = i(Ae)`
-  margin-top: ${o.sp0};
-  text-align: center;
-`, zt = 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};
-`, Mt = i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp5};
-  margin: auto;
-`, Ht = i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp3};
-`, Gt = i.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sp3};
-  width: 100%;
-`, Ut = i(Tt)`
-  ${(e) => `${Lt.stepTitle.style(e.windowSize)}`};
-  color: ${(e) => e.theme.colors.primary};
-  text-align: left;
-`, Zt = i.div`
-  display: flex;
-  align-items: center;
-  gap: ${o.sp2};
-  overflow: hidden;
-`, qt = 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};
-`, Jt = 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%);
-    }
-  }
-`, Kt = (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)
-}, Xt = "treasurySetUpPage", U = "payAccount", E = {
-  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: Yt, spendManagement: Qt } = Ie.getLocalizedStrings(), { zeniAccounts: eo, treasury: T } = Qt, { setUp: G } = Yt, yo = ({
-  isDisabled: e,
-  meetingUrl: g,
-  currentTenant: y,
-  businessVerificationDetails: b,
-  connectedAccountProvider: r,
-  accountsPromoConfig: A,
-  isAccountsEnabled: L,
-  showTreasurySetupOverlay: F,
-  transactions: D,
-  treasurySetupView: x,
-  transferDetails: v,
-  isFirstTransfer: h,
-  maxInsuredAmount: q,
-  setShowTreasurySetupOverlay: R,
-  onFetchLinkTokenClick: C,
-  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
-}) => {
-  const I = bt().analytics, _ = ct(), c = Ce(), [B, k] = M(
-    f.PORTFOLIO_ALLOCATION
-  ), [se, Be] = M(!1), [Ve, re] = M(!1), [We, ae] = M(!1), {
-    fetchState: le,
-    companyTreasuryInfo: V,
-    isRefreshingViewInBackground: ce,
-    updateStatus: ze,
-    plaidConnectionDetails: de,
-    allBankAccounts: Me,
-    selectedCompanyOfficer: He,
-    primaryFundingAccount: P,
-    allFundingAccounts: ue,
-    currentAllocation: Ge,
-    portfolioAllocationUpdateStatus: Y,
-    isAtomicAccountExists: Ue
-  } = x, pe = Oe(
-    Y.fetchState
-  ), j = y.company?.companyBillPayInfo?.businessVerificationStatus, fe = j?.code === E.PENDING_REVIEW || j?.code === E.VERIFIED, { companyDetailsLocalData: Ze } = b, Q = v.transferMoneyParties.length > 0, W = we({
-    mode: "all",
-    reValidateMode: "onChange",
-    defaultValues: ve(
-      () => ye(x),
-      [x]
-    ),
-    values: ye(x)
-  }), qe = W.handleSubmit((a) => {
-    J();
-  }), Je = (a, S) => {
-    if (a === S)
-      return;
-    const d = ue.find(
-      (m) => m.id === a
-    );
-    d != null && K(a, d.accType);
-  }, Ke = (a, S, d) => {
-    if (P?.id == null || a === d)
-      return;
-    const m = S.find(
-      (lt) => lt.value === a
-    );
-    m != null && typeof m.label == "string" && I.trackConnectBankLink(
-      m.value,
-      m.label,
-      "zeni_treasury"
-    ), X(
-      a,
-      P.id,
-      P.accType
-    );
-  }, Xe = async (a, S) => {
-    if (!a.includes(U))
-      return;
-    const d = S[U];
-    if (a.includes("fundingAccount")) {
-      const m = d.fundingAccount.selectedOption;
-      m != null && Je(m, P?.id);
-    } else d.account.selectedOption != null && Ke(
-      d.account.selectedOption,
-      d.account.allOptions,
-      P?.zeniAccountId
-    );
-  };
-  ne(() => {
-    const a = W.watch((S, { name: d }) => {
-      d != null && S != null && Te(() => Xe(d, S));
-    });
-    return () => {
-      a.unsubscribe();
-    };
-  }, [W]), ne(() => {
-    pe === H.IN_PROGRESS && Y.fetchState === H.COMPLETED && B === f.PORTFOLIO_ALLOCATION && R(!1);
-  }, [pe, Y.fetchState]);
-  const he = V?.businessVerificationStatus?.code === E.VERIFIED, Ye = V?.businessVerificationStatus?.code === E.PENDING_REVIEW, Qe = he || Ye, et = le === H.IN_PROGRESS || le === H.NOT_STARTED, tt = T.setup.setupSubTitle, ee = _.mode === "light" ? new me(_.colors.brandColorJadeLight) : new me(_.colors.brandColorJadeDark), ot = () => {
-    Be(!0), R(!0), k(f.PORTFOLIO_ALLOCATION);
-  }, nt = () => {
-    Le(), se || (I.trackTreasuryVerificationNavigation(
-      "next",
-      j?.code ?? ""
-    ), Q ? k(f.TRANSFER) : ge());
-  }, it = () => {
-    ae(!0), re(!0);
-  }, ge = () => {
-    ae(!1), fe ? k(f.ADDITIONAL_VERIFICATION) : p(!0, !1);
-  }, z = () => {
-    R(!1);
-  }, st = () => {
-    I.trackTreasuryVerificationNavigation(
-      "back",
-      j?.code ?? ""
-    ), k(f.PORTFOLIO_ALLOCATION);
-  }, rt = () => {
-    I.trackTreasuryVerificationNavigation(
-      "back",
-      j?.code ?? ""
-    ), k(f.TRANSFER);
-  }, at = () => {
-    fe ? k(f.ADDITIONAL_VERIFICATION) : p(!0, !0);
-  };
-  return /* @__PURE__ */ t.jsxs(oo, { children: [
-    /* @__PURE__ */ t.jsxs(
-      dt,
-      {
-        anchor: "right",
-        open: F,
-        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(
-            jt,
-            {
-              treasurySetupView: x,
-              onUpdateFundAllocation: Ne,
-              onBackClick: z,
-              onNextClick: nt,
-              isReadOnly: Ue && Ge != null,
-              isEditMode: se,
-              skipTransferStep: !Q
-            }
-          ),
-          B === f.TRANSFER && /* @__PURE__ */ t.jsx(
-            $t,
-            {
-              isFirstTransfer: h,
-              maxInsuredAmount: q,
-              transferDetails: v,
-              onSaveChangesToLocalStore: _e,
-              treasurySetupView: x,
-              showReviewContent: Ve,
-              setShowReviewContent: re,
-              plaidConnectionDetails: de,
-              onReviewClick: it,
-              onBackClick: st,
-              onCancelClick: z,
-              onEstablishConnectionClick: ie,
-              onFetchLinkTokenClick: C,
-              onSkipClick: ge,
-              onTransferClick: at,
-              isOnSetup: !0
-            }
-          ),
-          B === f.ADDITIONAL_VERIFICATION && /* @__PURE__ */ t.jsx(
-            Dt,
-            {
-              updateStatus: ze,
-              companyOfficer: He,
-              companyDetails: Ze,
-              isDetailsSubmitted: Qe,
-              isTransferInitiated: We,
-              transferDetails: v,
-              onClose: rt,
-              onCloseOverlay: z,
-              onAdditionalVerificationFieldsChanged: $e,
-              onSendForVerificationClick: Ee,
-              skipTransferStep: !Q
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      Ct,
-      {
-        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(to, { windowSize: c, children: [
-      /* @__PURE__ */ t.jsx(no, { windowSize: c, children: tt }),
-      et ? /* @__PURE__ */ t.jsx(io, { children: /* @__PURE__ */ t.jsx(Ot, { size: "ExtraLarge", start: !0 }) }) : /* @__PURE__ */ t.jsx(be, { ...W, children: /* @__PURE__ */ t.jsx("form", { id: ro(Xt), onSubmit: qe, children: /* @__PURE__ */ t.jsxs(so, { windowSize: c, children: [
-        /* @__PURE__ */ t.jsx(
-          xe,
-          {
-            onClick: ot,
-            title: T.setup.title,
-            subTitle: T.setup.subTitle,
-            header: T.setup.header,
-            icon: {
-              element: /* @__PURE__ */ t.jsx(
-                Kt,
-                {
-                  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(
-                It,
-                {
-                  width: u.iconWidthHeight.valuePx(c),
-                  height: u.iconWidthHeight.valuePx(c)
-                }
-              ),
-              color: ee
-            },
-            status: V?.businessVerificationStatus,
-            isLoading: ce,
-            isActiveWhileLoading: !0,
-            additionalInfo: V?.businessVerificationStatus?.code === E.PENDING_REVIEW ? D != null && D.length > 0 ? T.setup.verificationInProgress : G.businessVerificationAdditionalInfo : void 0
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          Rt,
-          {
-            connectedAccountProvider: r,
-            plaidConnectionDetails: de,
-            allBankAccounts: Me,
-            sectionId: U,
-            isDisabled: e,
-            header: eo.accountSectionHeader,
-            onFetchLinkTokenClick: C,
-            onEstablishConnectionClick: ie,
-            onUpdatePaymentAccountStatus: O,
-            onUpdatePaymentAccountLoginStatus: N,
-            onEstablishConnectionSuccess: Re,
-            icon: {
-              element: /* @__PURE__ */ t.jsx(
-                kt,
-                {
-                  width: u.iconWidthHeight.valuePx(c),
-                  height: u.iconWidthHeight.valuePx(c)
-                }
-              ),
-              color: ee
-            },
-            analytics: I,
-            productType: "zeni_treasury",
-            onSignUpClick: Fe,
-            primaryFundingAccount: P,
-            isAccountsEnabled: L,
-            allFundingAccounts: ue,
-            pageName: T.setup.setupPageName,
-            accountsPromoConfig: A
-          }
-        )
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ t.jsx(
-      Pt,
-      {
-        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((r) => ({
-          label: r.label,
-          value: r.id,
-          isRecommended: r.accType === "depositAccount"
-        }))
-      },
-      account: {
-        selectedOption: b?.zeniAccountId,
-        allOptions: g.map((r) => ({
-          label: r.accountName,
-          value: r.accountId
-        }))
-      }
-    }
-  };
-}
-const to = 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)};
-`, oo = i.div`
-  display: flex;
-  min-height: 100%;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, no = 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"};
-`, io = 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};
-`, so = i.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${(e) => u.sectionRowGap.valuePx(e.windowSize)};
-`, ro = (e) => `${e}_form`;
-export {
-  yo as default,
-  ro as uniqueName
-};