@zeniai/web-components 3.17.11 → 3.17.12

package/dist/UploadAdditionalDocumentOverlay-zoL2LaNl.js

@@ -1,211 +0,0 @@
-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-Dg4HzhKR.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-DgPhELgJ.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-D0ILHvHB.cjs"),o=require("react"),t=require("./index-B3k6KNNf.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/Vendor2FAPopup-UwRAwXsO.js

@@ -1,69 +0,0 @@
-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-Dg4HzhKR.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/VendorACHDetailsPage-AgNoFlJH.js

@@ -1,43 +0,0 @@
-import { j as d } from "./vendor-.pnpm-B2klaOGU.js";
-import { useEffect as n } from "react";
-import { A as i } from "./ACHDetailsPage-DPHNGRWN.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
-};

package/dist/VendorACHDetailsPage-BX8CvCVV.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./vendor-.pnpm-D0ILHvHB.cjs"),f=require("react"),p=require("./ACHDetailsPage-DvoalcpV.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;