@zeniai/web-components 3.16.41 → 3.16.43

package/dist/TreasurySetupPage-BVH1j71X.js

@@ -0,0 +1,683 @@
+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-oyJQP6ol.js";
+import { H as At } from "./HelpButton-DY5Fs9rK.js";
+import { S as Rt } from "./verification-CW6uEyev.js";
+import { S as xe } from "./SetUpDefaultSection-DV4juwz2.js";
+import { S as jt } from "./SpendMgmtSetupAccountSection-9tpXTSDa.js";
+import $t from "./PortfolioAllocationFormPage-K3oukUP6.js";
+import Et from "./TreasuryTransferOrReviewPage-r1p_Nqxk.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
+};