@zeniai/web-components 3.16.96 → 3.16.97

package/dist/UploadAdditionalDocumentOverlay-CJYvOjh0.js

@@ -0,0 +1,211 @@
+import { g as k, h as W, j as i, F as H } from "./vendor-.pnpm-B2klaOGU.js";
+import { useMemo as A, useState as j, useEffect as w } from "react";
+import a from "@emotion/styled";
+import { reduceAllFetchState as _ } from "@zeniai/client-epic-state";
+import { hM as S, aD as q, u as G, a as J, e as K, hN as Q, S as s, C as X, fk as Y, ao as Z, R as g, b as ee, H as te, n as ie, w as se, D as d } from "./index-C65jHl_B.js";
+const y = {
+  marginRight: new g(d[3], d[8]),
+  marginLeft: new g(d[3], d[8]),
+  height: new g(d[5], 62)
+}, m = "additionalDocumentsForm", o = "ssnCard";
+function ge(e) {
+  const {
+    filesEndPoint: $,
+    authParams: v,
+    companyOfficer: t,
+    updateStatus: u,
+    onClose: x,
+    onEditFileName: C,
+    onDeleteFile: z,
+    updateFilesEntity: I,
+    onSendForVerificationClick: P,
+    onCompanyOfficerUpdated: T
+  } = e, n = k({
+    mode: "all",
+    reValidateMode: "onChange",
+    defaultValues: A(
+      () => ({
+        additionalDocumentsForm: {
+          selectDocumentType: o,
+          front: S(
+            !0,
+            t?.additionalFiles ?? [],
+            o
+          )
+        }
+      }),
+      [t?.additionalFiles]
+    )
+  }), [E, F] = j(!1), [L, N] = j(!1), b = q(u.fetchState), D = t?.deleteFileStatusById ?? {}, O = t?.updateFileStatusById ?? {}, B = Object.values(
+    D ?? {}
+  ).filter((l) => l != null), R = _(B);
+  w(() => {
+    b === "In-Progress" && u.fetchState === "Completed" && n.reset({
+      additionalDocumentsForm: {
+        selectDocumentType: o,
+        front: S(
+          !0,
+          t?.additionalFiles ?? [],
+          o
+        )
+      }
+    });
+  }, [
+    b,
+    u,
+    n,
+    t?.additionalFiles
+  ]);
+  const r = G(), f = J.getLocalizedStrings().commonSetUp.businessVerification, { additionalDocumentsOverlay: h } = f, V = `${h.officerInfoLabel} ${t?.firstName ?? ""} ${t?.lastName ?? ""}`, M = n.handleSubmit(() => {
+    R.fetchState !== "In-Progress" && P?.(t?.officerType ?? "Officer_1");
+  }), U = async (l, p) => {
+    const c = p[m].front;
+    l.includes("front") && c?.fileId != null ? (T?.(t?.officerType ?? "Officer_1", [
+      c?.fileId
+    ]), F(!0)) : F(!1);
+  };
+  return w(() => {
+    const l = n.watch((p, { name: c }) => {
+      c != null && p != null && W(
+        () => U(
+          c,
+          p
+        )
+      );
+    });
+    return () => {
+      l.unsubscribe();
+    };
+  }), /* @__PURE__ */ i.jsx(H, { ...n, children: /* @__PURE__ */ i.jsxs("form", { id: m, onSubmit: M, children: [
+    /* @__PURE__ */ i.jsxs(de, { size: r, children: [
+      /* @__PURE__ */ i.jsx(re, { size: r, children: /* @__PURE__ */ i.jsx(
+        ce,
+        {
+          size: r,
+          onClick: x,
+          "data-testid": K(
+            "upload-additional-documents-close",
+            m
+          )
+        }
+      ) }),
+      /* @__PURE__ */ i.jsxs(me, { children: [
+        /* @__PURE__ */ i.jsx(oe, { children: h.title[o] }),
+        /* @__PURE__ */ i.jsx(ae, { children: h.description[o] })
+      ] }),
+      /* @__PURE__ */ i.jsx(ne, { children: /* @__PURE__ */ i.jsx(le, { children: V }) }),
+      /* @__PURE__ */ i.jsx(
+        Q,
+        {
+          name: m,
+          allFiles: t?.additionalFiles ?? [],
+          label: {
+            width: 276
+          },
+          sizeLimit: Y,
+          style: {
+            width: "100%",
+            borderRadius: s.sp2,
+            boxShadow: `${s.sp0} 1px 2px ${s.sp0} ${X.boxShadowElevation}`
+          },
+          isDocumentSelectDisabled: !0,
+          defaultValue: {
+            defaultSelectDocumentType: o,
+            allSelectDocumentType: [o],
+            files: {
+              front: S(
+                !0,
+                t?.additionalFiles ?? [],
+                o
+              )
+            }
+          },
+          acceptableTypes: [
+            "image/jpg",
+            "image/jpeg",
+            "image/png",
+            "image/heic",
+            "image/heif"
+          ],
+          officerIndex: 0,
+          deleteFileStatusById: D,
+          updateFileStatusById: O,
+          filesEndPoint: $,
+          authParams: v,
+          hasError: L,
+          onEditFileName: C,
+          onDeleteFile: z,
+          updateFilesEntity: I,
+          onFileSizeError: (l) => N(l),
+          registerOptions: { required: !0 },
+          companyOfficerName: {
+            firstName: t?.firstName ?? "",
+            lastName: t?.lastName ?? ""
+          },
+          showWebCamPopUpCloseIcon: !1
+        }
+      )
+    ] }),
+    E ? /* @__PURE__ */ i.jsx(
+      Z,
+      {
+        formId: m,
+        primaryBtn: {
+          label: f.sendForVerificationButton,
+          style: {
+            width: "auto",
+            minWidth: r === "small" ? "auto" : "181px"
+          },
+          isLoading: u.fetchState === "In-Progress"
+        },
+        cancelBtn: {
+          label: f.cancel,
+          style: { width: r === "small" ? "auto" : "181px" },
+          onClick: x
+        },
+        style: { position: "absolute", width: "100%" }
+      }
+    ) : null
+  ] }) });
+}
+const oe = a(te)`
+  margin-top: 19px;
+  color: ${(e) => e.theme.colors.primary};
+  margin-bottom: ${s.sp2};
+  display: flex;
+  justify-content: flex-start;
+`, ae = a(ie)`
+  color: ${(e) => e.theme.colors.hero};
+  white-space: pre-line;
+  display: flex;
+  justify-content: flex-start;
+`, le = a(se)`
+  color: ${(e) => e.theme.colors.primary};
+  white-space: pre-line;
+`, ne = a.div`
+  padding: ${s.sp3} ${s.sp0};
+`, re = a.div`
+  height: ${(e) => y.height.valuePx(e.size)};
+`, ce = a(ee)`
+  cursor: pointer;
+  width: ${s.sp4};
+  height: ${s.sp4};
+  position: absolute;
+  right: ${(e) => e.size === "small" ? s.sp4 : s.sp8};
+  top: 19px;
+  color: ${(e) => e.theme.colors.hero};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, de = a.div`
+  margin-right: ${(e) => y.marginRight.valuePx(e.size)};
+  margin-left: ${(e) => y.marginLeft.valuePx(e.size)};
+`, me = a.div`
+  padding: ${s.sp3} ${s.sp0};
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+`;
+export {
+  ge as U
+};

package/dist/Vendor2FAPopup-D-r0NVE-.js

@@ -0,0 +1,69 @@
+import { j as s } from "./vendor-.pnpm-B2klaOGU.js";
+import { useState as l, useEffect as a } from "react";
+import { aD as n, a as x, jv as b, jw as I } from "./index-C65jHl_B.js";
+const y = ({
+  vendorViewDetails: h,
+  isExpressPayPage: r,
+  onSaveVendor: d,
+  onGetOtp: m,
+  onResendOtp: V,
+  onVerifyOtp: C,
+  onVerifyOtpSuccess: p
+}) => {
+  const { loggedInUserVerification: t, editVendorState: c, newVendorState: P } = h, i = Object.assign(
+    {},
+    c ?? P
+  ), [g, e] = l(!1), [v, o] = l(
+    t.initiateVerification === !0
+  ), u = n(i?.saveStatus?.fetchState), O = n(
+    t.userVerificationStatus.fetchState
+  ), f = n(
+    t.otpVerificationStatus?.fetchState
+  ), S = n(
+    t.sendOtpStatus.fetchState
+  ), j = x.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.phoneNumberPopup;
+  return a(() => {
+    u === "In-Progress" && i?.saveStatus?.fetchState === "Error" && t.initiateVerification === !0 && o(!0);
+  }, [i, t, u]), a(() => {
+    O === "In-Progress" && t.userVerificationStatus.fetchState === "Completed" && (e(!1), d());
+  }, [t.userVerificationStatus]), a(() => {
+    f === "In-Progress" && t.otpVerificationStatus?.fetchState === "Completed" && p?.(
+      t.userId ?? "",
+      t.phone ?? "",
+      t.otpChallenge ?? ""
+    );
+  }, [f, t, p]), a(() => {
+    S === "In-Progress" && t.sendOtpStatus.fetchState === "Completed" && (e(!0), o(!1));
+  }, [S, t.sendOtpStatus.fetchState]), /* @__PURE__ */ s.jsx(s.Fragment, { children: g === !0 ? /* @__PURE__ */ s.jsx(
+    b,
+    {
+      showHelperText: !r,
+      verifyOtpFetchState: t.otpVerificationStatus.fetchState,
+      phoneNumber: t.phone ?? "",
+      otpChallenge: t.otpChallenge,
+      action: {
+        onVerifyClick: C,
+        onCancelClick: () => e(!1),
+        onResendOtp: V,
+        onEditButtonClick: () => {
+          o(!0), e(!1);
+        }
+      }
+    }
+  ) : v === !0 ? /* @__PURE__ */ s.jsx(
+    I,
+    {
+      showHelperText: !r,
+      phoneNumber: t.phone ?? "",
+      sendOtpFetchState: t.sendOtpStatus.fetchState,
+      description: r ? j : void 0,
+      action: {
+        onCancelClick: () => o(!1),
+        onGetCodeClick: (w) => m?.(w)
+      }
+    }
+  ) : null });
+};
+export {
+  y as default
+};

package/dist/Vendor2FAPopup-D7YK-9TM.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-D0ILHvHB.cjs"),o=require("react"),t=require("./index-CQwLnHSI.cjs"),b=({vendorViewDetails:l,isExpressPayPage:i,onSaveVendor:h,onGetOtp:d,onResendOtp:P,onVerifyOtp:m,onVerifyOtpSuccess:u})=>{const{loggedInUserVerification:e,editVendorState:c,newVendorState:v}=l,a=Object.assign({},c??v),[V,s]=o.useState(!1),[g,n]=o.useState(e.initiateVerification===!0),p=t.usePrevious(a?.saveStatus?.fetchState),x=t.usePrevious(e.userVerificationStatus.fetchState),f=t.usePrevious(e.otpVerificationStatus?.fetchState),S=t.usePrevious(e.sendOtpStatus.fetchState),C=t.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.phoneNumberPopup;return o.useEffect(()=>{p==="In-Progress"&&a?.saveStatus?.fetchState==="Error"&&e.initiateVerification===!0&&n(!0)},[a,e,p]),o.useEffect(()=>{x==="In-Progress"&&e.userVerificationStatus.fetchState==="Completed"&&(s(!1),h())},[e.userVerificationStatus]),o.useEffect(()=>{f==="In-Progress"&&e.otpVerificationStatus?.fetchState==="Completed"&&u?.(e.userId??"",e.phone??"",e.otpChallenge??"")},[f,e,u]),o.useEffect(()=>{S==="In-Progress"&&e.sendOtpStatus.fetchState==="Completed"&&(s(!0),n(!1))},[S,e.sendOtpStatus.fetchState]),r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:V===!0?r.jsxRuntimeExports.jsx(t.OtpPopup,{showHelperText:!i,verifyOtpFetchState:e.otpVerificationStatus.fetchState,phoneNumber:e.phone??"",otpChallenge:e.otpChallenge,action:{onVerifyClick:m,onCancelClick:()=>s(!1),onResendOtp:P,onEditButtonClick:()=>{n(!0),s(!1)}}}):g===!0?r.jsxRuntimeExports.jsx(t.PhoneNumberPopup,{showHelperText:!i,phoneNumber:e.phone??"",sendOtpFetchState:e.sendOtpStatus.fetchState,description:i?C:void 0,action:{onCancelClick:()=>n(!1),onGetCodeClick:O=>d?.(O)}}):null})};exports.default=b;

package/dist/VendorACHDetailsPage-D2yVoVCo.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./vendor-.pnpm-D0ILHvHB.cjs"),f=require("react"),p=require("./ACHDetailsPage-DylADZcq.cjs"),g=({vendorViewDetails:e,bankAccountContext:t,isDisabled:s,onSaveHandler:o,onACHDetailsUpdated:u,onBackClick:a,onFetchBankName:n})=>{const{bankAccountCreationState:r,bankNameByRouting:S,bankAccountToCreate:d,fetchBankNameByRoutingStatus:i}=e;return f.useEffect(()=>{(t==="vendor"&&r?.fetchState==="Completed"||e.editVendorState?.saveStatus.fetchState==="Completed"&&t!=="express-pay")&&a()},[r,e.editVendorState?.saveStatus.fetchState,t,a]),c.jsxRuntimeExports.jsx(p.ACHDetailsPage,{bankAccountToCreate:d,bankAccountCreationState:r,bankNameByRouting:S,fetchBankNameByRoutingStatus:i,isDisabled:s,onSaveHandler:o,onACHDetailsUpdated:u,onBackClick:a,onFetchBankName:n})};exports.default=g;

package/dist/VendorACHDetailsPage-Dv6bTD6Y.js

@@ -0,0 +1,43 @@
+import { j as d } from "./vendor-.pnpm-B2klaOGU.js";
+import { useEffect as n } from "react";
+import { A as i } from "./ACHDetailsPage-BBq7KpbY.js";
+const j = ({
+  vendorViewDetails: t,
+  bankAccountContext: e,
+  isDisabled: r,
+  onSaveHandler: o,
+  onACHDetailsUpdated: f,
+  onBackClick: a,
+  onFetchBankName: m
+}) => {
+  const {
+    bankAccountCreationState: s,
+    bankNameByRouting: p,
+    bankAccountToCreate: u,
+    fetchBankNameByRoutingStatus: S
+  } = t;
+  return n(() => {
+    (e === "vendor" && s?.fetchState === "Completed" || t.editVendorState?.saveStatus.fetchState === "Completed" && e !== "express-pay") && a();
+  }, [
+    s,
+    t.editVendorState?.saveStatus.fetchState,
+    e,
+    a
+  ]), /* @__PURE__ */ d.jsx(
+    i,
+    {
+      bankAccountToCreate: u,
+      bankAccountCreationState: s,
+      bankNameByRouting: p,
+      fetchBankNameByRoutingStatus: S,
+      isDisabled: r,
+      onSaveHandler: o,
+      onACHDetailsUpdated: f,
+      onBackClick: a,
+      onFetchBankName: m
+    }
+  );
+};
+export {
+  j as default
+};