@zeniai/web-components 3.16.29 → 3.16.31

package/dist/TreasurySetupPage-CyaXCzZf.js

@@ -0,0 +1,681 @@
+import { g as xe, h as Se, j as t, F as we, u as lt, b as he, D as ct } from "./vendor-.pnpm-DxbX2tX4.js";
+import * as b from "react";
+import { useMemo as ye, useEffect as te, useState as W } from "react";
+import i from "@emotion/styled";
+import { u as Te, R as s, aD as be, a as Ce, dK as dt, ex as ut, B as pt, Z as ht, j as ft, fl as gt, ap as mt, S as o, H as xt, b as St, av as wt, K as yt, p as ve, D as n, dB as Tt, C as bt, aE as Ct, A as vt, gl as Ot, eN as It } from "./index-BcmM9nFj.js";
+import { H as kt } from "./HelpButton-CGAbbUiJ.js";
+import { S as Pt } from "./verification-CW6uEyev.js";
+import { S as fe } from "./SetUpDefaultSection-B4Tvbzll.js";
+import { S as At } from "./SpendMgmtSetupAccountSection-BZ6YBI9L.js";
+import Rt from "./PortfolioAllocationFormPage-B5JZy2cU.js";
+import jt from "./TreasuryTransferOrReviewPage-DvPOsZ6Y.js";
+const $t = (e, f) => `${e}.${f}`, G = {
+  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])
+}, Et = {
+  stepTitle: new wt("h6Regular", "h5Regular")
+}, Oe = Ce.getLocalizedStrings(), {
+  common: Q,
+  spendManagement: {
+    treasury: {
+      transferDrawer: {
+        review: { footNoteForVerification: Lt }
+      }
+    }
+  }
+} = Oe, d = Oe.commonSetUp.businessVerification, ee = d.sourceOfFundOptions, R = "additionalVerificationFields", Ft = ({
+  companyOfficer: e,
+  companyDetails: f,
+  updateStatus: y,
+  isDetailsSubmitted: v,
+  isTransferInitiated: a,
+  transferDetails: P,
+  onClose: $,
+  onAdditionalVerificationFieldsChanged: U,
+  onSendForVerificationClick: E,
+  onCloseOverlay: g
+}) => {
+  const p = Te(), q = G.labelWidth.value(p), Z = be(y.fetchState), T = xe({
+    mode: "all",
+    reValidateMode: "onChange",
+    defaultValues: ye(
+      () => ({
+        [R]: {
+          sourceOfFunds: {
+            selectedOption: f?.sourceOfFunds ?? "",
+            allOptions: Object.keys(ee)
+          }
+        }
+      }),
+      [f?.sourceOfFunds]
+    )
+  }), L = (m) => ee[m] ?? m, J = T.handleSubmit(() => {
+    E(
+      e?.officerType ?? "Officer_1",
+      a
+    );
+  }), K = async (m, S) => {
+    U(S[R]);
+  };
+  return te(() => {
+    const m = T.watch((S, { name: F }) => {
+      F != null && S != null && Se(() => K(F, S));
+    });
+    return () => {
+      m.unsubscribe();
+    };
+  }), Z === "In-Progress" && y.fetchState === "Completed" || v === !0 ? /* @__PURE__ */ t.jsxs(zt, { children: [
+    /* @__PURE__ */ t.jsxs(Mt, { children: [
+      /* @__PURE__ */ t.jsx(Pt, {}),
+      /* @__PURE__ */ t.jsx(Vt, { windowSize: p, children: a === !0 ? d.submittedTitleWithTransfer : d.submittedTitle }),
+      /* @__PURE__ */ t.jsx(Bt, { children: a === !0 ? d.submittedDescriptionWithTransfer.replace(
+        "__amount__",
+        dt(
+          ut(
+            P?.treasuryTransferMoneyLocalData?.amount?.amount ?? 0
+          ),
+          P?.treasuryTransferMoneyLocalData?.amount?.amount ?? 0,
+          Q.currency.currencySymbol
+        )
+      ).replace(
+        "__account__",
+        P?.treasuryTransferMoneyLocalData?.fromAccount?.label ?? ""
+      ) : d.submittedDescription })
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      pt,
+      {
+        label: d.submittedButton,
+        onClick: g,
+        variant: "primary"
+      }
+    )
+  ] }) : /* @__PURE__ */ t.jsxs(Dt, { windowSize: p, children: [
+    /* @__PURE__ */ t.jsx(Nt, { windowSize: p, children: /* @__PURE__ */ t.jsx(ht, { title: "Back", enterTouchDelay: 600, placement: "bottom", children: /* @__PURE__ */ t.jsx(
+      _t,
+      {
+        "data-testid": ft(
+          "nav-bar-back-portfolio-allocation"
+        ),
+        onClick: g || $
+      }
+    ) }) }),
+    /* @__PURE__ */ t.jsxs(Ht, { windowSize: p, children: [
+      /* @__PURE__ */ t.jsx(Gt, { windowSize: p, children: d.verifyBusinessDetails }),
+      /* @__PURE__ */ t.jsx(Ut, { children: /* @__PURE__ */ t.jsxs(qt, { children: [
+        /* @__PURE__ */ t.jsx(ge, {}),
+        /* @__PURE__ */ t.jsx(ge, {}),
+        /* @__PURE__ */ t.jsx(Zt, {})
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t.jsx(Ie, { children: d.verifyBusinessDetailsDescription }),
+    /* @__PURE__ */ t.jsx(we, { ...T, children: /* @__PURE__ */ t.jsxs("form", { id: R, onSubmit: J, children: [
+      /* @__PURE__ */ t.jsx(Wt, { children: /* @__PURE__ */ t.jsx(
+        gt,
+        {
+          label: {
+            label: d.sourceOfFundsLabel,
+            width: q
+          },
+          style: {
+            width: "auto"
+          },
+          additionalInfoLabel: d.sourceOfFundsAdditionalInfo,
+          singleSelectField: {
+            singleSelect: {
+              name: $t(R, "sourceOfFunds"),
+              placeholder: d.sourceOfFundsPlaceholder,
+              showValueEyeIcon: !1,
+              showEyeIconOnSelect: !1,
+              getLabelForId: L,
+              showTickMark: !1,
+              sortOptions: !1
+            },
+            defaultValue: {
+              selectedOption: f?.sourceOfFunds ?? "",
+              allOptions: Object.keys(ee)
+            },
+            registerOptions: {
+              required: !0,
+              validate: (m) => !!m?.selectedOption
+            }
+          },
+          isFunctional: !0,
+          errorInfoLabel: d.sourceOfFundsError.replace(
+            "_product_type_",
+            "business verification"
+          )
+        }
+      ) }),
+      /* @__PURE__ */ t.jsx(
+        mt,
+        {
+          formId: R,
+          primaryBtn: {
+            label: Q.footer.submit,
+            style: {
+              width: "auto",
+              minWidth: p === "small" ? "auto" : "83px"
+            },
+            isLoading: y.fetchState === "In-Progress"
+          },
+          cancelBtn: {
+            label: Q.footer.back,
+            style: { width: p === "small" ? "auto" : "83px" },
+            onClick: $
+          },
+          style: {
+            position: "absolute",
+            width: "100%",
+            paddingTop: o.sp2,
+            paddingBottom: o.sp2
+          },
+          helperText: a === !0 ? Lt : void 0,
+          helperStyle: {
+            padding: `${o.sp0} ${o.sp0} ${o.sp3} ${o.sp0}`
+          }
+        }
+      )
+    ] }) })
+  ] });
+}, Dt = i.div`
+  height: auto;
+  padding-left: ${(e) => `${G.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${(e) => `${G.containerPaddingRight.valuePx(e.windowSize)}`};
+  flex: 1;
+  overflow-y: auto;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, Nt = i.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${o.sp0};
+  padding: ${(e) => `${G.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${o.sp0}`};
+  z-index: 2;
+`, _t = i(St)`
+  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(xt)`
+  color: ${(e) => e.theme.colors.primary};
+  white-space: pre-line;
+  text-align: center;
+`, Ie = i(ve)`
+  color: ${(e) => e.theme.colors.hero};
+  margin-top: ${o.sp3};
+  white-space: pre-line;
+`, Bt = i(Ie)`
+  margin-top: ${o.sp0};
+  text-align: center;
+`, Wt = 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};
+`, zt = i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${o.sp5};
+  margin: auto;
+`, Mt = i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: ${o.sp3};
+`, Ht = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp3};
+  width: 100%;
+`, Gt = i(yt)`
+  ${(e) => `${Et.stepTitle.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.primary};
+  text-align: left;
+`, Ut = i.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+  overflow: hidden;
+`, qt = i.div`
+  display: flex;
+  width: 100%;
+  gap: ${o.sp3};
+`, ge = i.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${(e) => e.theme.colors.primary};
+  border-radius: ${o.sp2};
+  flex-shrink: 0;
+`, Zt = i.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${(e) => e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  flex-shrink: 0;
+  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%);
+    }
+  }
+`, Jt = (e) => /* @__PURE__ */ b.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ b.createElement("path", { d: "M5.62069 7.42676H2.09973", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ b.createElement("path", { d: "M21.8994 7.42676H10.1617", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ b.createElement("path", { d: "M13.8383 16.6963H2.09973", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ b.createElement("path", { d: "M21.8994 16.6963H18.3793", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ b.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__ */ b.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)
+}, Kt = "treasurySetUpPage", H = "payAccount", j = {
+  VERIFIED: "verified",
+  PENDING_REVIEW: "pending_review"
+}, z = {
+  IN_PROGRESS: "In-Progress",
+  COMPLETED: "Completed",
+  NOT_STARTED: "Not-Started"
+}, h = {
+  PORTFOLIO_ALLOCATION: "portfolio-allocation",
+  TRANSFER: "transfer",
+  ADDITIONAL_VERIFICATION: "additional-verification"
+}, { commonSetUp: Xt, spendManagement: Yt } = Ce.getLocalizedStrings(), { zeniAccounts: Qt, treasury: C } = Yt, { setUp: M } = Xt, So = ({
+  isDisabled: e,
+  meetingUrl: f,
+  currentTenant: y,
+  businessVerificationDetails: v,
+  connectedAccountProvider: a,
+  accountsPromoConfig: P,
+  isAccountsEnabled: $,
+  showTreasurySetupOverlay: U,
+  transactions: E,
+  treasurySetupView: g,
+  transferDetails: p,
+  isFirstTransfer: q,
+  maxInsuredAmount: Z,
+  setShowTreasurySetupOverlay: T,
+  onFetchLinkTokenClick: L,
+  onEnableTreasuryClick: J,
+  onUpdatePrimaryFundingAccount: K,
+  onUpdateTreasuryClick: m,
+  onBusinessVerificationSectionClick: S,
+  onUpdatePaymentAccountStatus: F,
+  onUpdatePaymentAccountLoginStatus: ke,
+  onEstablishConnectionClick: oe,
+  onEstablishConnectionSuccess: Pe,
+  onClickMenuIcon: Ae,
+  onAdditionalVerificationFieldsChanged: Re,
+  onSendForVerificationClick: je,
+  onConfirmFundAllocation: $e,
+  onSignUpClick: Ee,
+  onNavigateToDashboard: Le,
+  onUpdateFundAllocation: Fe,
+  onTransferSaveChangesToLocalStore: De
+}) => {
+  const O = Tt().analytics, D = lt(), l = Te(), [N, I] = W(
+    h.PORTFOLIO_ALLOCATION
+  ), [ne, Ne] = W(!1), [_e, ie] = W(!1), [Ve, se] = W(!1), {
+    fetchState: ae,
+    companyTreasuryInfo: _,
+    isRefreshingViewInBackground: re,
+    updateStatus: Be,
+    plaidConnectionDetails: le,
+    allBankAccounts: We,
+    selectedCompanyOfficer: ze,
+    primaryFundingAccount: k,
+    allFundingAccounts: ce,
+    currentAllocation: Me,
+    portfolioAllocationUpdateStatus: X,
+    isAtomicAccountExists: He
+  } = g, de = be(
+    X.fetchState
+  ), A = y.company?.companyBillPayInfo?.businessVerificationStatus, ue = A?.code === j.PENDING_REVIEW || A?.code === j.VERIFIED, { companyDetailsLocalData: Ge } = v, V = xe({
+    mode: "all",
+    reValidateMode: "onChange",
+    defaultValues: ye(
+      () => me(g),
+      [g]
+    ),
+    values: me(g)
+  }), Ue = V.handleSubmit((r) => {
+    J();
+  }), qe = (r, w) => {
+    if (r === w)
+      return;
+    const c = ce.find(
+      (x) => x.id === r
+    );
+    c != null && K(r, c.accType);
+  }, Ze = (r, w, c) => {
+    if (k?.id == null || r === c)
+      return;
+    const x = w.find(
+      (rt) => rt.value === r
+    );
+    x != null && typeof x.label == "string" && O.trackConnectBankLink(
+      x.value,
+      x.label,
+      "zeni_treasury"
+    ), m(
+      r,
+      k.id,
+      k.accType
+    );
+  }, Je = async (r, w) => {
+    if (!r.includes(H))
+      return;
+    const c = w[H];
+    if (r.includes("fundingAccount")) {
+      const x = c.fundingAccount.selectedOption;
+      x != null && qe(x, k?.id);
+    } else c.account.selectedOption != null && Ze(
+      c.account.selectedOption,
+      c.account.allOptions,
+      k?.zeniAccountId
+    );
+  };
+  te(() => {
+    const r = V.watch((w, { name: c }) => {
+      c != null && w != null && Se(() => Je(c, w));
+    });
+    return () => {
+      r.unsubscribe();
+    };
+  }, [V]), te(() => {
+    de === z.IN_PROGRESS && X.fetchState === z.COMPLETED && N === h.PORTFOLIO_ALLOCATION && T(!1);
+  }, [de, X.fetchState]);
+  const pe = _?.businessVerificationStatus?.code === j.VERIFIED, Ke = _?.businessVerificationStatus?.code === j.PENDING_REVIEW, Xe = pe || Ke, Ye = ae === z.IN_PROGRESS || ae === z.NOT_STARTED, Qe = C.setup.setupSubTitle, Y = D.mode === "light" ? new he(D.colors.brandColorJadeLight) : new he(D.colors.brandColorJadeDark), et = () => {
+    Ne(!0), T(!0), I(h.PORTFOLIO_ALLOCATION);
+  }, tt = () => {
+    $e(), ne || (O.trackTreasuryVerificationNavigation(
+      "next",
+      A?.code ?? ""
+    ), I(h.TRANSFER));
+  }, ot = () => {
+    se(!0), ie(!0);
+  }, nt = () => {
+    se(!1), ue ? I(h.ADDITIONAL_VERIFICATION) : S(!0, !1);
+  }, B = () => {
+    T(!1);
+  }, it = () => {
+    O.trackTreasuryVerificationNavigation(
+      "back",
+      A?.code ?? ""
+    ), I(h.PORTFOLIO_ALLOCATION);
+  }, st = () => {
+    O.trackTreasuryVerificationNavigation(
+      "back",
+      A?.code ?? ""
+    ), I(h.TRANSFER);
+  }, at = () => {
+    ue ? I(h.ADDITIONAL_VERIFICATION) : S(!0, !0);
+  };
+  return /* @__PURE__ */ t.jsxs(to, { children: [
+    /* @__PURE__ */ t.jsxs(
+      ct,
+      {
+        anchor: "right",
+        open: U,
+        onClose: B,
+        PaperProps: {
+          style: {
+            width: u.overlayWidth.valuePercentage(l),
+            boxShadow: "none"
+          }
+        },
+        style: { backgroundColor: bt.drawerBackground },
+        transitionDuration: 250,
+        children: [
+          N === h.PORTFOLIO_ALLOCATION && /* @__PURE__ */ t.jsx(
+            Rt,
+            {
+              treasurySetupView: g,
+              onUpdateFundAllocation: Fe,
+              onBackClick: B,
+              onNextClick: tt,
+              isReadOnly: He && Me != null,
+              isEditMode: ne
+            }
+          ),
+          N === h.TRANSFER && /* @__PURE__ */ t.jsx(
+            jt,
+            {
+              isFirstTransfer: q,
+              maxInsuredAmount: Z,
+              transferDetails: p,
+              onSaveChangesToLocalStore: De,
+              treasurySetupView: g,
+              showReviewContent: _e,
+              setShowReviewContent: ie,
+              plaidConnectionDetails: le,
+              onReviewClick: ot,
+              onBackClick: it,
+              onCancelClick: B,
+              onEstablishConnectionClick: oe,
+              onFetchLinkTokenClick: L,
+              onSkipClick: nt,
+              onTransferClick: at,
+              isOnSetup: !0
+            }
+          ),
+          N === h.ADDITIONAL_VERIFICATION && /* @__PURE__ */ t.jsx(
+            Ft,
+            {
+              updateStatus: Be,
+              companyOfficer: ze,
+              companyDetails: Ge,
+              isDetailsSubmitted: Xe,
+              isTransferInitiated: Ve,
+              transferDetails: p,
+              onClose: st,
+              onCloseOverlay: B,
+              onAdditionalVerificationFieldsChanged: Re,
+              onSendForVerificationClick: je
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Ct,
+      {
+        title: C.setup.setupTitle,
+        backgroundColor: D.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: Le,
+        showMenuIcon: l === "medium-compact" || l === "small",
+        onClickMenuIcon: Ae,
+        source: "treasury"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(eo, { windowSize: l, children: [
+      /* @__PURE__ */ t.jsx(oo, { windowSize: l, children: Qe }),
+      Ye ? /* @__PURE__ */ t.jsx(no, { children: /* @__PURE__ */ t.jsx(vt, { size: "ExtraLarge", start: !0 }) }) : /* @__PURE__ */ t.jsx(we, { ...V, children: /* @__PURE__ */ t.jsx("form", { id: so(Kt), onSubmit: Ue, children: /* @__PURE__ */ t.jsxs(io, { windowSize: l, children: [
+        /* @__PURE__ */ t.jsx(
+          fe,
+          {
+            onClick: et,
+            title: C.setup.title,
+            subTitle: C.setup.subTitle,
+            header: C.setup.header,
+            icon: {
+              element: /* @__PURE__ */ t.jsx(
+                Jt,
+                {
+                  width: u.iconWidthHeight.valuePx(l),
+                  height: u.iconWidthHeight.valuePx(l)
+                }
+              ),
+              color: Y
+            },
+            isLoading: re,
+            isActiveWhileLoading: !0
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          fe,
+          {
+            onClick: () => S(!1, !1),
+            title: M.businessVerificationTitle,
+            subTitle: M.businessVerificationSubTitle,
+            header: M.businessVerificationHeader,
+            icon: {
+              element: /* @__PURE__ */ t.jsx(
+                Ot,
+                {
+                  width: u.iconWidthHeight.valuePx(l),
+                  height: u.iconWidthHeight.valuePx(l)
+                }
+              ),
+              color: Y
+            },
+            status: _?.businessVerificationStatus,
+            isLoading: re,
+            isActiveWhileLoading: !0,
+            additionalInfo: _?.businessVerificationStatus?.code === j.PENDING_REVIEW ? E != null && E.length > 0 ? C.setup.verificationInProgress : M.businessVerificationAdditionalInfo : void 0
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          At,
+          {
+            connectedAccountProvider: a,
+            plaidConnectionDetails: le,
+            allBankAccounts: We,
+            sectionId: H,
+            isDisabled: e,
+            header: Qt.accountSectionHeader,
+            onFetchLinkTokenClick: L,
+            onEstablishConnectionClick: oe,
+            onUpdatePaymentAccountStatus: F,
+            onUpdatePaymentAccountLoginStatus: ke,
+            onEstablishConnectionSuccess: Pe,
+            icon: {
+              element: /* @__PURE__ */ t.jsx(
+                It,
+                {
+                  width: u.iconWidthHeight.valuePx(l),
+                  height: u.iconWidthHeight.valuePx(l)
+                }
+              ),
+              color: Y
+            },
+            analytics: O,
+            productType: "zeni_treasury",
+            onSignUpClick: Ee,
+            primaryFundingAccount: k,
+            isAccountsEnabled: $,
+            allFundingAccounts: ce,
+            pageName: C.setup.setupPageName,
+            accountsPromoConfig: P
+          }
+        )
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      kt,
+      {
+        isFooterRendered: pe,
+        meetingUrl: f,
+        analytics: O,
+        productType: "zeni_treasury"
+      }
+    )
+  ] });
+};
+function me(e) {
+  const { allBankAccounts: f, allFundingAccounts: y, primaryFundingAccount: v } = e;
+  return {
+    [H]: {
+      fundingAccount: {
+        selectedOption: v?.id,
+        allOptions: y.map((a) => ({
+          label: a.label,
+          value: a.id,
+          isRecommended: a.accType === "depositAccount"
+        }))
+      },
+      account: {
+        selectedOption: v?.zeniAccountId,
+        allOptions: f.map((a) => ({
+          label: a.accountName,
+          value: a.accountId
+        }))
+      }
+    }
+  };
+}
+const eo = 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)};
+`, to = i.div`
+  display: flex;
+  min-height: 100%;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, oo = i(ve)`
+  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"};
+`, no = 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};
+`, io = i.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${(e) => u.sectionRowGap.valuePx(e.windowSize)};
+`, so = (e) => `${e}_form`;
+export {
+  So as default,
+  so as uniqueName
+};