@zeniai/web-components 3.17.1 → 3.17.2

package/dist/ZeniAccountSetupPage-D4cmbMnO.js

@@ -0,0 +1,309 @@
+import { u as xe, g as we, h as ye, b as R, j as t, D as be, F as Ae } from "./vendor-.pnpm-B2klaOGU.js";
+import { useState as ve, useMemo as Pe, useEffect as P } from "react";
+import S from "@emotion/styled";
+import { u as Ce, aD as W, a as De, C as je, R as d, aE as Te, A as Be, hI as Ie, go as ze, hJ as Oe, eP as Ve, ao as ke, S as Fe, hL as Re, D as a, o as We } from "./index-BEMjPEfs.js";
+import { U as _e } from "./UploadAdditionalDocumentOverlay-DbTz7771.js";
+const s = {
+  titleWidth: new d(343, 580, 726, 826),
+  setupDetailsRowGap: new d(12, a[5], a[5]),
+  sectionRowGap: new d(a[5], a[9], a[9]),
+  iconWidthHeight: new d(20, a[4]),
+  subTitlePaddingTop: new d(12, a[3]),
+  subTitlePaddingBottom: new d(a[3], a[3]),
+  overlayWidth: new d(100, 100, 59)
+}, _ = "zeniAccountSetUpPage", C = "payAccount", { common: $e, commonSetUp: L, spendManagement: He } = De.getLocalizedStrings(), { zeniAccounts: U } = He, { zeniAccountSetUp: I } = U, { setUp: z } = L, Qe = ({
+  isDisabled: e,
+  meetingUrl: D,
+  zeniAccountSetUpView: p,
+  analytics: l,
+  connectedAccountProvider: c,
+  filesEndPoint: q,
+  authParams: M,
+  accountsPromoConfig: N,
+  onFetchLinkTokenClick: E,
+  onBackClick: G,
+  onEnableZeniAccountClick: Z,
+  onUpdatePrimaryFundingAccount: J,
+  onUpdateZeniAccountClick: K,
+  onBusinessVerificationSectionClick: Q,
+  onUpdatePaymentAccountStatus: X,
+  onUpdatePaymentAccountLoginStatus: Y,
+  onEstablishConnectionClick: ee,
+  onEstablishConnectionSuccess: te,
+  onClickMenuIcon: ne,
+  onEnableZeniAccountSuccess: x,
+  onEditFileName: oe,
+  onDeleteFile: ie,
+  updateFilesEntity: se,
+  onCompanyOfficerUpdated: ae,
+  onSendForVerificationClick: ce
+}) => {
+  const w = xe(), o = Ce(), [y, h] = ve(!1), {
+    fetchState: m,
+    companyBillPayInfo: O,
+    isRefreshingViewInBackground: le,
+    updateStatus: r,
+    accountUpdateStatus: re,
+    plaidConnectionDetails: ue,
+    allBankAccounts: de,
+    companyZeniAccountInfo: pe,
+    selectedCompanyOfficer: i,
+    primaryFundingAccount: f,
+    allFundingAccounts: V
+  } = p, k = W(m), b = W(r.fetchState), j = we({
+    mode: "all",
+    reValidateMode: "onChange",
+    defaultValues: Pe(
+      () => $(p),
+      [p]
+    ),
+    values: $(p)
+  }), fe = j.handleSubmit((g) => {
+    l.trackEnableZeniAccounts(), Z();
+  }), he = async (g, v) => {
+    const n = v[C];
+    if (g.includes(C)) {
+      if (g.includes("fundingAccount")) {
+        if (n.fundingAccount.selectedOption != null && f?.id != n.fundingAccount.selectedOption) {
+          const u = V.find(
+            (B) => B.id === n.fundingAccount.selectedOption
+          );
+          u != null && J(
+            n.fundingAccount.selectedOption,
+            u.accType
+          );
+        }
+      } else if (n.account.selectedOption != null && f?.id != null && f?.zeniAccountId != n.account.selectedOption) {
+        const u = n.account.allOptions.find(
+          (B) => B.value === n.account.selectedOption
+        );
+        u != null && typeof u.label == "string" && l.trackConnectBankLink(
+          u.value,
+          u.label,
+          "zeni_accounts"
+        ), K(
+          n.account.selectedOption,
+          f.id,
+          f.accType
+        );
+      }
+    }
+  };
+  P(() => {
+    !y && i?.additionalDocumentTypesRequestedForVerification.includes(
+      "social_security_card"
+    ) === !0 && i.areAdditionalDocumentsRequestedForVerification && !i.areAdditionalDocumentsSubmittedForVerification && i.userVerificationStatus?.code === "require_info" && h(!0), y && k === "In-Progress" && m === "Completed" && h(!1);
+  }, [i, m, k]), P(() => {
+    const g = j.watch((v, { name: n }) => {
+      n != null && v != null && ye(() => he(n, v));
+    });
+    return () => {
+      g.unsubscribe();
+    };
+  }), P(() => {
+    b === "In-Progress" && r.fetchState === "Completed" && x();
+  }, [x, b, r.fetchState]);
+  const A = pe?.isZeniAccountEnabled === !0, T = O?.isBusinessVerified === !0, me = m === "In-Progress" || m === "Not-Started";
+  P(() => {
+    b === "In-Progress" && r.fetchState === "Completed" && x();
+  }, [x, b, r.fetchState]);
+  const ge = T ? L.setUp.setupVerifiedSubTitle : I.setupSubTitle, F = w.mode === "light" ? new R(w.colors.brandColorJadeLight) : new R(w.colors.brandColorJadeDark), Se = () => {
+    !y && i?.additionalDocumentTypesRequestedForVerification.includes(
+      "social_security_card"
+    ) === !0 && i.areAdditionalDocumentsRequestedForVerification && !i.areAdditionalDocumentsSubmittedForVerification && i.userVerificationStatus?.code === "require_info" ? h(!0) : Q?.();
+  };
+  return /* @__PURE__ */ t.jsxs(Ue, { children: [
+    /* @__PURE__ */ t.jsx(
+      be,
+      {
+        anchor: "right",
+        PaperProps: {
+          style: {
+            width: s.overlayWidth.valuePercentage(o),
+            boxShadow: "none"
+          }
+        },
+        open: y,
+        onClose: () => h(!1),
+        style: { backgroundColor: je.drawerBackground },
+        transitionDuration: 250,
+        children: /* @__PURE__ */ t.jsx(
+          _e,
+          {
+            authParams: M,
+            filesEndPoint: q,
+            updateStatus: r,
+            onEditFileName: oe,
+            onDeleteFile: ie,
+            updateFilesEntity: se,
+            companyOfficer: i,
+            onClose: () => h(!1),
+            onCompanyOfficerUpdated: ae,
+            onSendForVerificationClick: ce
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Te,
+      {
+        title: I.setupTitle,
+        backgroundColor: w.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: G,
+        showMenuIcon: !A && (o === "medium-compact" || o === "small"),
+        onClickMenuIcon: ne,
+        source: "ZeniAccountSetupPage"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(Le, { windowSize: o, children: [
+      /* @__PURE__ */ t.jsx(qe, { windowSize: o, children: ge }),
+      me ? /* @__PURE__ */ t.jsx(Me, { children: /* @__PURE__ */ t.jsx(Be, { size: "ExtraLarge", start: !0 }) }) : /* @__PURE__ */ t.jsx(Ae, { ...j, children: /* @__PURE__ */ t.jsx("form", { id: H(_), onSubmit: fe, children: /* @__PURE__ */ t.jsxs(Ne, { windowSize: o, children: [
+        /* @__PURE__ */ t.jsx(
+          Ie,
+          {
+            onClick: Se,
+            title: z.businessVerificationTitle,
+            subTitle: z.businessVerificationSubTitle,
+            header: z.businessVerificationHeader,
+            icon: {
+              element: /* @__PURE__ */ t.jsx(
+                ze,
+                {
+                  width: s.iconWidthHeight.valuePx(o),
+                  height: s.iconWidthHeight.valuePx(o)
+                }
+              ),
+              color: F
+            },
+            status: O?.businessVerificationStatus,
+            isLoading: le,
+            isActiveWhileLoading: !0
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          Oe,
+          {
+            connectedAccountProvider: c,
+            plaidConnectionDetails: ue,
+            allBankAccounts: de,
+            sectionId: C,
+            isDisabled: e,
+            header: U.accountSectionHeader,
+            onFetchLinkTokenClick: E,
+            onEstablishConnectionClick: ee,
+            onUpdatePaymentAccountStatus: X,
+            onUpdatePaymentAccountLoginStatus: Y,
+            onEstablishConnectionSuccess: te,
+            icon: {
+              element: /* @__PURE__ */ t.jsx(
+                Ve,
+                {
+                  width: s.iconWidthHeight.valuePx(o),
+                  height: s.iconWidthHeight.valuePx(o)
+                }
+              ),
+              color: F
+            },
+            analytics: l,
+            productType: "zeni_accounts",
+            primaryFundingAccount: f,
+            isAccountsEnabled: A,
+            allFundingAccounts: V,
+            pageName: "Zeni Account Setup",
+            accountsPromoConfig: N
+          }
+        )
+      ] }) }) })
+    ] }),
+    T && !A ? /* @__PURE__ */ t.jsx(
+      ke,
+      {
+        formId: H(_),
+        primaryBtn: {
+          label: I.enableAccounts,
+          style: {
+            width: "auto",
+            minWidth: o === "small" ? "auto" : "181px"
+          },
+          isLoading: r.fetchState === "In-Progress" || re.fetchState === "In-Progress",
+          isDisabled: e != null
+        },
+        showCancel: !1,
+        cancelBtn: { label: $e.strings.empty },
+        style: {
+          padding: `12px ${Fe.sp3}`
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ t.jsx(
+      Re,
+      {
+        isFooterRendered: T && !A,
+        meetingUrl: D,
+        analytics: l,
+        productType: "zeni_accounts"
+      }
+    )
+  ] });
+}, $ = (e) => {
+  const { allBankAccounts: D, allFundingAccounts: p, primaryFundingAccount: l } = e;
+  return {
+    [C]: {
+      fundingAccount: {
+        selectedOption: l?.id,
+        allOptions: p.map((c) => ({
+          label: c.label,
+          value: c.id,
+          isRecommended: c.accType === "depositAccount"
+        }))
+      },
+      account: {
+        selectedOption: l?.zeniAccountId,
+        allOptions: D.map((c) => ({
+          label: c.accountName,
+          value: c.accountId
+        }))
+      }
+    }
+  };
+}, Le = S.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${(e) => s.setupDetailsRowGap.valuePx(e.windowSize)};
+`, Ue = S.div`
+  display: flex;
+  min-height: 100%;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, qe = S(We)`
+  color: ${(e) => e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${(e) => s.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${(e) => s.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${(e) => s.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${(e) => e.windowSize === "small" ? "initial" : "center"};
+`, Me = S.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};
+`, Ne = S.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${(e) => s.sectionRowGap.valuePx(e.windowSize)};
+`, H = (e) => `${e}_form`;
+export {
+  Qe as default,
+  H as uniqueName
+};

package/dist/ZeniAvatar-DIa46Cyc.cjs

@@ -0,0 +1,13 @@
+"use strict";const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),s=require("@emotion/styled"),r=require("./index-gTpRqqAW.cjs"),i=require("./avatar-D-486uIp.cjs"),c=s.img`
+  height: ${r.Space.sp8};
+  width: ${r.Space.sp8};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${t=>t.theme.colors.hero};
+`,a=s(i.SvgAvatar)`
+  height: ${r.Space.sp8};
+  width: ${r.Space.sp8};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${t=>t.theme.colors.hero};
+`;function u({personBasic:t,styles:e}){return t?.photo!=null?n.jsxRuntimeExports.jsx(c,{src:t.photo.toString(),alt:t.userId,style:{...e},onError:({currentTarget:o})=>{o.onerror=null,o.src=r.AvatarSVG},loading:"lazy"}):n.jsxRuntimeExports.jsx(a,{style:{...e}})}exports.ZeniAvatar=u;

package/dist/ZeniAvatar-DWmQo2ei.js

@@ -0,0 +1,34 @@
+import { j as s } from "./vendor-.pnpm-B2klaOGU.js";
+import n from "@emotion/styled";
+import { v as i, S as r } from "./index-BEMjPEfs.js";
+import { S as a } from "./avatar-Dz7aEm3d.js";
+const h = n.img`
+  height: ${r.sp8};
+  width: ${r.sp8};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${(o) => o.theme.colors.hero};
+`, l = n(a)`
+  height: ${r.sp8};
+  width: ${r.sp8};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${(o) => o.theme.colors.hero};
+`;
+function d({ personBasic: o, styles: t }) {
+  return o?.photo != null ? /* @__PURE__ */ s.jsx(
+    h,
+    {
+      src: o.photo.toString(),
+      alt: o.userId,
+      style: { ...t },
+      onError: ({ currentTarget: e }) => {
+        e.onerror = null, e.src = i;
+      },
+      loading: "lazy"
+    }
+  ) : /* @__PURE__ */ s.jsx(l, { style: { ...t } });
+}
+export {
+  d as Z
+};

package/dist/ZeniCopyright-DjQ0DUSW.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./vendor-.pnpm-D0ILHvHB.cjs"),r=require("./index-gTpRqqAW.cjs");function i(){const n=new Date().getFullYear(),t=r.appLocale.getLocalizedStrings().common.zeniIncText.replace("__year__",n.toString());return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t})}exports.ZeniCopyright=i;

package/dist/ZeniCopyright-PqzBqCkf.js

@@ -0,0 +1,9 @@
+import { j as e } from "./vendor-.pnpm-B2klaOGU.js";
+import { a as r } from "./index-BEMjPEfs.js";
+function i() {
+  const t = (/* @__PURE__ */ new Date()).getFullYear(), n = r.getLocalizedStrings().common.zeniIncText.replace("__year__", t.toString());
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: n });
+}
+export {
+  i as Z
+};