@zeniai/web-components 3.16.99 → 3.17.2

package/dist/UnitIntegrationPage-DsrKGI67.js

@@ -0,0 +1,405 @@
+import { g as M, j as t, F as _, C as H } from "./vendor-.pnpm-B2klaOGU.js";
+import { useState as y, useEffect as g } from "react";
+import { a as O, u as D, aP as N, aH as A, fj as B, R as S, fn as G, aQ as z, aR as E, S as i, D as C, er as $, o as J, C as R, A as Q, B as Z, V as K, n as X, aD as p, jv as Y, jw as ee } from "./index-BEMjPEfs.js";
+import f from "@emotion/styled";
+import { zeniDate as te, dateNow as ie } from "@zeniai/client-epic-state";
+const P = {
+  labelWidth: new S(152, 176, 176),
+  smallLabelWidth: new S(92, 110, 110),
+  paddingBottom: new S(C[3], C[2]),
+  sideMargin: new S(C[3], C[8], C[8]),
+  width: new S(300, 420, 420)
+}, ne = f.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey5};
+  border: 1px solid ${(e) => e.theme.colors.grey3};
+  box-shadow: ${(e) => `${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+  margin: ${(e) => e.windowSize === "small" ? `0 ${i.sp3} ${i.sp6} ${i.sp3}` : `0 ${i.sp8} ${i.sp6} ${i.sp8}`};
+`, se = f.div`
+  display: flex;
+  flex: 1;
+  background-color: ${(e) => e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;
+function oe({
+  selectedIndustry: e,
+  allIndustries: c,
+  saveDetailsFetchState: o,
+  incDate: s,
+  onSubmitBusinessInfo: l,
+  onCancel: n
+}) {
+  const {
+    companyPassport: r,
+    dateFormat: m,
+    commonSetUp: { twoFactorAuthentication: u }
+  } = O.getLocalizedStrings(), I = u.businessInfoTitle, k = u.businessInfoDescription, d = D(), v = "business-info-form", x = "companyIndustry", w = "incDate", h = M({
+    mode: "all",
+    values: {
+      [x]: {
+        selectedOption: e,
+        allOptions: c.map((a) => a.code)
+      },
+      [w]: s?.toDate()
+    }
+  }), j = h.handleSubmit((a) => {
+    l?.(
+      a[x].selectedOption ?? "",
+      a[w]
+    );
+  }), b = (a) => c.find((V) => V.code === a)?.name ?? a;
+  return /* @__PURE__ */ t.jsx(_, { ...h, children: /* @__PURE__ */ t.jsx("form", { id: v, onSubmit: j, children: /* @__PURE__ */ t.jsx(
+    N,
+    {
+      formId: v,
+      titleComponent: /* @__PURE__ */ t.jsx(E, { children: I }),
+      descriptionComponent: /* @__PURE__ */ t.jsx(z, { children: k }),
+      primaryButtonText: u.submit,
+      secondaryButtonText: u.cancel,
+      isLoading: o === "In-Progress",
+      isEditPopup: !0,
+      action: {
+        onOkClick: () => console.log(""),
+        onCancelClick: n
+      },
+      children: /* @__PURE__ */ t.jsxs(ne, { windowSize: d, children: [
+        /* @__PURE__ */ t.jsx(
+          A,
+          {
+            label: {
+              label: r.companyIncInfo.incDate,
+              width: P.labelWidth.value(d)
+            },
+            style: {
+              paddingBottom: P.paddingBottom.valuePx(d),
+              width: P.width.valuePx(d)
+            },
+            dateField: {
+              name: w,
+              placeholder: B(
+                r.companyIncInfo.incDate
+              ),
+              defaultValue: s,
+              dateFormat: m.visual.defaultInput,
+              maxDate: ie(),
+              minDate: te("01 Jan 1900"),
+              autoComplete: "off",
+              registerOptions: {
+                required: !0
+              }
+            },
+            additionalInfoLabel: u.requireIncDate
+          }
+        ),
+        /* @__PURE__ */ t.jsx(se, {}),
+        /* @__PURE__ */ t.jsx(
+          G,
+          {
+            label: {
+              label: r.companyInfo.industry,
+              width: P.smallLabelWidth.value(d)
+            },
+            style: {
+              width: P.width.valuePx(d)
+            },
+            singleSelectField: {
+              singleSelect: {
+                getLabelForId: b,
+                showTickMark: !1,
+                alwaysShowEyeTooltip: !1,
+                name: x,
+                placeholder: B(
+                  r.companyInfo.industry
+                ),
+                showValueEyeIcon: !1,
+                showEyeIconOnSelect: !1
+              },
+              defaultValue: {
+                selectedOption: e,
+                allOptions: c?.map((a) => a.code) ?? []
+              },
+              registerOptions: {
+                required: !0,
+                validate: (a) => !!(a != null && a.selectedOption)
+              }
+            },
+            errorInfoLabel: u.requireIndustry,
+            isFunctional: !0
+          }
+        )
+      ] })
+    }
+  ) }) });
+}
+const ae = f(J)`
+  color: ${(e) => e.theme.colors.hero};
+  padding: 9px;
+  margin: ${(e) => e.windowSize === "small" ? `${i.sp0} ${i.sp3} ${i.sp7} ${i.sp3}` : `${i.sp0} ${i.sp8} ${i.sp7} ${i.sp8}`};
+`, re = ({
+  isBillPayAdminLevelAccess: e,
+  acceptUpdatedTOSFetchState: c,
+  onBackClick: o,
+  onAcceptUpdatedTOS: s
+}) => {
+  const l = D(), n = O.getLocalizedStrings().commonSetUp, r = e === !0 ? n.twoFactorAuthentication.termsUpdated : n.twoFactorAuthentication.accessRestricted, m = e === !0 ? "" : n.twoFactorAuthentication.description;
+  return /* @__PURE__ */ t.jsx(
+    N,
+    {
+      titleComponent: /* @__PURE__ */ t.jsx(E, { children: r }),
+      descriptionComponent: /* @__PURE__ */ t.jsx(z, { children: m }),
+      primaryButtonText: e === !0 ? n.twoFactorAuthentication.iAgree : n.twoFactorAuthentication.understood,
+      isLoading: c?.fetchState === "In-Progress",
+      isEditPopup: !0,
+      action: {
+        onOkClick: () => {
+          e === !0 ? s?.() : o?.();
+        }
+      },
+      primaryButtonWidth: e === !1 ? 116 : void 0,
+      secondaryButtonWidth: e === !1 ? 116 : void 0,
+      children: e === !0 ? /* @__PURE__ */ t.jsxs(ae, { windowSize: l, children: [
+        n.businessVerification.terms.term6,
+        /* @__PURE__ */ t.jsx(
+          $,
+          {
+            href: n.businessVerification.terms.consentUrl,
+            linkText: n.businessVerification.terms.consent
+          }
+        ),
+        n.businessVerification.terms.term2,
+        /* @__PURE__ */ t.jsx(
+          $,
+          {
+            href: n.businessVerification.terms.depositUrl,
+            linkText: n.businessVerification.terms.depositTerms
+          }
+        ),
+        n.businessVerification.terms.term3,
+        /* @__PURE__ */ t.jsx(
+          $,
+          {
+            href: n.businessVerification.terms.privacyPolicyUrl,
+            linkText: n.businessVerification.terms.privacy
+          }
+        ),
+        n.businessVerification.terms.term4,
+        /* @__PURE__ */ t.jsx(
+          $,
+          {
+            href: n.businessVerification.terms.tosUrl,
+            linkText: n.businessVerification.terms.tos
+          }
+        ),
+        n.businessVerification.terms.term5
+      ] }) : null
+    }
+  );
+}, U = {
+  largeWidth: new S(343, 544, 544),
+  height: new S(366, 366, 366)
+}, ce = f.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${R.overlayDark};
+`, le = f.div`
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: center;
+  text-align: center;
+  background: ${(e) => e.theme.colors.grey5};
+  border-radius: ${i.sp2};
+  position: relative;
+  top: 30%;
+  width: ${(e) => U.largeWidth.valuePx(e.windowSize)};
+  height: ${(e) => U.height.valuePx(e.windowSize)};
+`, ue = f(K)`
+  margin-top: ${i.sp7};
+  padding-left: ${i.sp8};
+  padding-right: ${i.sp8};
+  color: ${(e) => e.isError ? e.theme.colors.important : e.theme.colors.primary};
+  word-break: break-word;
+`, de = f(X)`
+  color: ${(e) => e.theme.colors.hero};
+  padding-left: ${i.sp8};
+  padding-right: ${i.sp8};
+  margin-bottom: 30px;
+  margin-top: ${i.sp9};
+  white-space: pre-line;
+`, fe = f.div`
+  width: 100%;
+  height: 1px;
+  position: absolute;
+  bottom: ${i.sp10};
+  background-color: ${(e) => e.theme.colors.grey3};
+`, L = f.div`
+  display: flex;
+  padding-bottom: ${i.sp3};
+  padding-top: ${i.sp3};
+  position: absolute;
+  bottom: 0;
+`;
+function me(e) {
+  const c = D(), o = O.getLocalizedStrings().commonSetUp.twoFactorAuthentication, s = e.businessVerificationSubmitState !== "In-Progress" && (e.businessVerificationSubmitState === "Error" || e.businessVerificationStatus === "require_info" || e.businessVerificationStatus == null), l = s === !0 ? o.verificationFailed : o.verificationInProgress, n = s === !0 ? o.verificationError : e.businessVerificationSubmitState === "In-Progress" ? "" : o.submissionSuccessful, r = s ? o.goToSettings : o.understood, m = () => {
+    s ? e.action.onNavigateToSettings() : e.action.onBackClick();
+  };
+  return /* @__PURE__ */ t.jsx(
+    ce,
+    {
+      windowSize: c,
+      role: "presentation",
+      style: { background: R.overlayDark, ...e.style },
+      children: /* @__PURE__ */ t.jsx(H, { onClickAway: () => e.action.onCancelClick?.(), children: /* @__PURE__ */ t.jsxs(le, { windowSize: c, isEditPopup: !1, children: [
+        /* @__PURE__ */ t.jsx(ue, { isError: s, children: l }),
+        n !== "" ? /* @__PURE__ */ t.jsx(de, { children: n }) : null,
+        e.businessVerificationSubmitState === "In-Progress" ? /* @__PURE__ */ t.jsx(
+          Q,
+          {
+            size: "Standard",
+            start: !0,
+            style: { marginTop: 84 }
+          }
+        ) : null,
+        e.businessVerificationSubmitState !== "In-Progress" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__PURE__ */ t.jsx(fe, {}),
+          /* @__PURE__ */ t.jsx(L, { children: /* @__PURE__ */ t.jsx(
+            Z,
+            {
+              variant: e.proceedButtonVariant ?? "primary",
+              label: r,
+              onClick: m,
+              style: { width: 134, whiteSpace: "nowrap" },
+              loading: e.isLoading
+            }
+          ) })
+        ] }) : /* @__PURE__ */ t.jsx(L, {})
+      ] }) })
+    }
+  );
+}
+const xe = (e) => {
+  const {
+    isUnitMigrationTOSRequired: c,
+    isUnitMigrationRequired: o,
+    officer: s,
+    setupDetailsFetchState: l,
+    onVerifyOtpSuccess: n
+  } = e, r = p(e.setupDetailsFetchState), m = p(
+    e.acceptUpdatedTOSFetchState.fetchState
+  ), u = p(
+    s?.otpverificationStatus?.fetchState
+  ), I = p(
+    e.businessVerificationSubmitState
+  ), k = p(
+    e.businessVerificationStatus
+  ), d = p(e.officer?.sendOtpStatus.fetchState), [v, x] = y(
+    c === !0
+  ), [w, h] = y(
+    e.isListPage && l === "Completed" && (e.businessVerificationStatus == null || e.businessVerificationStatus === "pending_review" || e.businessVerificationStatus === "require_info")
+  ), [j, b] = y(
+    s?.isPhoneVerified === !1
+  ), [a, V] = y(!1), [W, T] = y(
+    e.isNewCompanyIndustryVerified !== !0 || e.incDate == null
+  );
+  return g(() => {
+    m === "In-Progress" && e.acceptUpdatedTOSFetchState?.fetchState === "Completed" && (s?.isPhoneVerified === !1 ? b(!0) : (e.isNewCompanyIndustryVerified !== !0 || e.incDate == null) && T(!0), x(!1));
+  }, [
+    m,
+    e.acceptUpdatedTOSFetchState,
+    s,
+    e.isNewCompanyIndustryVerified,
+    e.incDate
+  ]), g(() => {
+    u === "In-Progress" && s?.otpverificationStatus?.fetchState === "Completed" && (n?.(s?.officerType, s?.phone + ""), e.isNewCompanyIndustryVerified !== !0 || e.incDate == null ? T(!0) : h(!0), V(!1));
+  }, [
+    u,
+    n,
+    s,
+    e.isNewCompanyIndustryVerified,
+    e.incDate
+  ]), g(() => {
+    !e.isListPage && I === "In-Progress" && (e.businessVerificationSubmitState === "Completed" || e.businessVerificationSubmitState === "Error") && h(!1);
+  }, [
+    I,
+    e.businessVerificationSubmitState,
+    e.isListPage
+  ]), g(() => {
+    k === "pending_review" && e.businessVerificationStatus === "verified" && h(!1);
+  }, [k, e.businessVerificationStatus]), g(() => {
+    r === "In-Progress" && l === "Completed" && (s?.isPhoneVerified === !1 && b(!0), e.isListPage && (e.businessVerificationStatus == null || e.businessVerificationStatus === "pending_review" || e.businessVerificationStatus === "require_info") && h(!0));
+  }, [
+    r,
+    l,
+    s,
+    e.businessVerificationStatus,
+    e.isListPage
+  ]), g(() => {
+    d === "In-Progress" && e.officer?.sendOtpStatus.fetchState === "Completed" && (V(!0), b(!1));
+  }, [d, e.officer?.sendOtpStatus]), /* @__PURE__ */ t.jsx(t.Fragment, { children: v === !0 ? /* @__PURE__ */ t.jsx(re, { ...e }) : o === !0 && a === !0 ? /* @__PURE__ */ t.jsx(
+    Y,
+    {
+      showHelperText: !0,
+      verifyOtpFetchState: e.officer?.otpverificationStatus.fetchState ?? "Not-Started",
+      phoneNumber: e.officer?.phone ?? "",
+      otpChallenge: e.officer?.otpChallenge,
+      action: {
+        onVerifyClick: e.onVerifyOtp,
+        onCancelClick: () => e.onBackClick(),
+        onResendOtp: e.onResendOtp,
+        onEditButtonClick: () => {
+          b(!0), V(!1);
+        }
+      }
+    }
+  ) : o === !0 && j === !0 ? /* @__PURE__ */ t.jsx(
+    ee,
+    {
+      showHelperText: !0,
+      phoneNumber: e.officer?.phone ?? "",
+      sendOtpFetchState: e.officer?.sendOtpStatus.fetchState ?? "Not-Started",
+      action: {
+        onCancelClick: e.onBackClick,
+        onGetCodeClick: (F) => e.onGetOtp?.(F, e.officer?.officerType)
+      }
+    }
+  ) : o === !0 && W === !0 ? /* @__PURE__ */ t.jsx(
+    oe,
+    {
+      incDate: e.incDate,
+      allIndustries: e.allIndustries ?? [],
+      selectedIndustry: e.companyIndustry,
+      saveDetailsFetchState: e.companyDetailsSaveState,
+      onCancel: e.onBackClick,
+      onSubmitBusinessInfo: (F, q) => {
+        e.officer != null && h(!0), e.onSubmitBusinessInfo?.(
+          F,
+          q,
+          s?.officerType
+        ), T(!1);
+      }
+    }
+  ) : w === !0 ? /* @__PURE__ */ t.jsx(
+    me,
+    {
+      businessVerificationStatus: e.businessVerificationStatus,
+      businessVerificationSubmitState: e.businessVerificationSubmitState,
+      action: {
+        onNavigateToSettings: e.onNavigateToSettings,
+        onBackClick: e.onBackClick
+      }
+    }
+  ) : null });
+};
+export {
+  xe as default
+};

package/dist/UploadAdditionalDocumentOverlay-CNdcbyAW.cjs

@@ -0,0 +1,38 @@
+"use strict";const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),d=require("react"),n=require("@emotion/styled"),B=require("@zeniai/client-epic-state"),e=require("./index-gTpRqqAW.cjs"),h={marginRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),marginLeft:new e.ResponsiveSized(e.sp[3],e.sp[8]),height:new e.ResponsiveSized(e.sp[5],62)},p="additionalDocumentsForm",o="ssnCard";function V(t){const{filesEndPoint:j,authParams:b,companyOfficer:s,updateStatus:u,onClose:x,onEditFileName:E,onDeleteFile:D,updateFilesEntity:$,onSendForVerificationClick:w,onCompanyOfficerUpdated:R}=t,l=i.useForm({mode:"all",reValidateMode:"onChange",defaultValues:d.useMemo(()=>({additionalDocumentsForm:{selectDocumentType:o,front:e.getFile(!0,s?.additionalFiles??[],o)}}),[s?.additionalFiles])}),[v,g]=d.useState(!1),[z,C]=d.useState(!1),y=e.usePrevious(u.fetchState),F=s?.deleteFileStatusById??{},I=s?.updateFileStatusById??{},O=Object.values(F??{}).filter(a=>a!=null),P=B.reduceAllFetchState(O);d.useEffect(()=>{y==="In-Progress"&&u.fetchState==="Completed"&&l.reset({additionalDocumentsForm:{selectDocumentType:o,front:e.getFile(!0,s?.additionalFiles??[],o)}})},[y,u,l,s?.additionalFiles]);const r=e.useWindowSizeContext(),f=e.appLocale.getLocalizedStrings().commonSetUp.businessVerification,{additionalDocumentsOverlay:S}=f,T=`${S.officerInfoLabel} ${s?.firstName??""} ${s?.lastName??""}`,L=l.handleSubmit(()=>{P.fetchState!=="In-Progress"&&w?.(s?.officerType??"Officer_1")}),N=async(a,m)=>{const c=m[p].front;a.includes("front")&&c?.fileId!=null?(R?.(s?.officerType??"Officer_1",[c?.fileId]),g(!0)):g(!1)};return d.useEffect(()=>{const a=l.watch((m,{name:c})=>{c!=null&&m!=null&&i.defer(()=>N(c,m))});return()=>{a.unsubscribe()}}),i.jsxRuntimeExports.jsx(i.FormProvider,{...l,children:i.jsxRuntimeExports.jsxs("form",{id:p,onSubmit:L,children:[i.jsxRuntimeExports.jsxs(A,{size:r,children:[i.jsxRuntimeExports.jsx(_,{size:r,children:i.jsxRuntimeExports.jsx(k,{size:r,onClick:x,"data-testid":e.generateDataTestId("upload-additional-documents-close",p)})}),i.jsxRuntimeExports.jsxs(H,{children:[i.jsxRuntimeExports.jsx(q,{children:S.title[o]}),i.jsxRuntimeExports.jsx(U,{children:S.description[o]})]}),i.jsxRuntimeExports.jsx(W,{children:i.jsxRuntimeExports.jsx(M,{children:T})}),i.jsxRuntimeExports.jsx(e.SelectDocumentField,{name:p,allFiles:s?.additionalFiles??[],label:{width:276},sizeLimit:e.SizeLimit10MB,style:{width:"100%",borderRadius:e.Space.sp2,boxShadow:`${e.Space.sp0} 1px 2px ${e.Space.sp0} ${e.Colors.boxShadowElevation}`},isDocumentSelectDisabled:!0,defaultValue:{defaultSelectDocumentType:o,allSelectDocumentType:[o],files:{front:e.getFile(!0,s?.additionalFiles??[],o)}},acceptableTypes:["image/jpg","image/jpeg","image/png","image/heic","image/heif"],officerIndex:0,deleteFileStatusById:F,updateFileStatusById:I,filesEndPoint:j,authParams:b,hasError:z,onEditFileName:E,onDeleteFile:D,updateFilesEntity:$,onFileSizeError:a=>C(a),registerOptions:{required:!0},companyOfficerName:{firstName:s?.firstName??"",lastName:s?.lastName??""},showWebCamPopUpCloseIcon:!1})]}),v?i.jsxRuntimeExports.jsx(e.Footer,{formId:p,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 q=n(e.H5Regular)`
+  margin-top: 19px;
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp2};
+  display: flex;
+  justify-content: flex-start;
+`,U=n(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.hero};
+  white-space: pre-line;
+  display: flex;
+  justify-content: flex-start;
+`,M=n(e.LargeMedium)`
+  color: ${t=>t.theme.colors.primary};
+  white-space: pre-line;
+`,W=n.div`
+  padding: ${e.Space.sp3} ${e.Space.sp0};
+`,_=n.div`
+  height: ${t=>h.height.valuePx(t.size)};
+`,k=n(e.SvgClose)`
+  cursor: pointer;
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  position: absolute;
+  right: ${t=>t.size==="small"?e.Space.sp4:e.Space.sp8};
+  top: 19px;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,A=n.div`
+  margin-right: ${t=>h.marginRight.valuePx(t.size)};
+  margin-left: ${t=>h.marginLeft.valuePx(t.size)};
+`,H=n.div`
+  padding: ${e.Space.sp3} ${e.Space.sp0};
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+`;exports.UploadAdditionalDocumentOVerlay=V;

package/dist/UploadAdditionalDocumentOverlay-DbTz7771.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-BEMjPEfs.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-B20tMGWx.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-gTpRqqAW.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;