@zeniai/web-components 3.17.1 → 3.17.2

package/dist/UnitIntegrationPage-71P7qd41.js

@@ -1,405 +0,0 @@
-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-DOPIZEh4.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/UnitIntegrationPage-C3-A0OwJ.cjs

@@ -1,67 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),c=require("react"),t=require("./index-oPmOjv0R.cjs"),p=require("@emotion/styled"),E=require("@zeniai/client-epic-state"),j={labelWidth:new t.ResponsiveSized(152,176,176),smallLabelWidth:new t.ResponsiveSized(92,110,110),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),sideMargin:new t.ResponsiveSized(t.sp[3],t.sp[8],t.sp[8]),width:new t.ResponsiveSized(300,420,420)},T=p.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.Space.sp2};
-  margin: ${e=>e.windowSize==="small"?`0 ${t.Space.sp3} ${t.Space.sp6} ${t.Space.sp3}`:`0 ${t.Space.sp8} ${t.Space.sp6} ${t.Space.sp8}`};
-`,O=p.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;function F({selectedIndustry:e,allIndustries:u,saveDetailsFetchState:o,incDate:s,onSubmitBusinessInfo:l,onCancel:n}){const{companyPassport:r,dateFormat:m,commonSetUp:{twoFactorAuthentication:d}}=t.appLocale.getLocalizedStrings(),w=d.businessInfoTitle,V=d.businessInfoDescription,f=t.useWindowSizeContext(),y="business-info-form",h="companyIndustry",b="incDate",S=i.useForm({mode:"all",values:{[h]:{selectedOption:e,allOptions:u.map(a=>a.code)},[b]:s?.toDate()}}),P=S.handleSubmit(a=>{l?.(a[h].selectedOption??"",a[b])}),x=a=>u.find(g=>g.code===a)?.name??a;return i.jsxRuntimeExports.jsx(i.FormProvider,{...S,children:i.jsxRuntimeExports.jsx("form",{id:y,onSubmit:P,children:i.jsxRuntimeExports.jsx(t.ConfirmationPopup,{formId:y,titleComponent:i.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:w}),descriptionComponent:i.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:V}),primaryButtonText:d.submit,secondaryButtonText:d.cancel,isLoading:o==="In-Progress",isEditPopup:!0,action:{onOkClick:()=>console.log(""),onCancelClick:n},children:i.jsxRuntimeExports.jsxs(T,{windowSize:f,children:[i.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{label:{label:r.companyIncInfo.incDate,width:j.labelWidth.value(f)},style:{paddingBottom:j.paddingBottom.valuePx(f),width:j.width.valuePx(f)},dateField:{name:b,placeholder:t.getPlaceholderTextWithPrefix(r.companyIncInfo.incDate),defaultValue:s,dateFormat:m.visual.defaultInput,maxDate:E.dateNow(),minDate:E.zeniDate("01 Jan 1900"),autoComplete:"off",registerOptions:{required:!0}},additionalInfoLabel:d.requireIncDate}),i.jsxRuntimeExports.jsx(O,{}),i.jsxRuntimeExports.jsx(t.LabeledSingleSelectField,{label:{label:r.companyInfo.industry,width:j.smallLabelWidth.value(f)},style:{width:j.width.valuePx(f)},singleSelectField:{singleSelect:{getLabelForId:x,showTickMark:!1,alwaysShowEyeTooltip:!1,name:h,placeholder:t.getPlaceholderTextWithPrefix(r.companyInfo.industry),showValueEyeIcon:!1,showEyeIconOnSelect:!1},defaultValue:{selectedOption:e,allOptions:u?.map(a=>a.code)??[]},registerOptions:{required:!0,validate:a=>!!(a!=null&&a.selectedOption)}},errorInfoLabel:d.requireIndustry,isFunctional:!0})]})})})})}const D=p(t.StandardRegular)`
-  color: ${e=>e.theme.colors.hero};
-  padding: 9px;
-  margin: ${e=>e.windowSize==="small"?`${t.Space.sp0} ${t.Space.sp3} ${t.Space.sp7} ${t.Space.sp3}`:`${t.Space.sp0} ${t.Space.sp8} ${t.Space.sp7} ${t.Space.sp8}`};
-`,z=({isBillPayAdminLevelAccess:e,acceptUpdatedTOSFetchState:u,onBackClick:o,onAcceptUpdatedTOS:s})=>{const l=t.useWindowSizeContext(),n=t.appLocale.getLocalizedStrings().commonSetUp,r=e===!0?n.twoFactorAuthentication.termsUpdated:n.twoFactorAuthentication.accessRestricted,m=e===!0?"":n.twoFactorAuthentication.description;return i.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:i.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:r}),descriptionComponent:i.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:m}),primaryButtonText:e===!0?n.twoFactorAuthentication.iAgree:n.twoFactorAuthentication.understood,isLoading:u?.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?i.jsxRuntimeExports.jsxs(D,{windowSize:l,children:[n.businessVerification.terms.term6,i.jsxRuntimeExports.jsx(t.ZeniLink,{href:n.businessVerification.terms.consentUrl,linkText:n.businessVerification.terms.consent}),n.businessVerification.terms.term2,i.jsxRuntimeExports.jsx(t.ZeniLink,{href:n.businessVerification.terms.depositUrl,linkText:n.businessVerification.terms.depositTerms}),n.businessVerification.terms.term3,i.jsxRuntimeExports.jsx(t.ZeniLink,{href:n.businessVerification.terms.privacyPolicyUrl,linkText:n.businessVerification.terms.privacy}),n.businessVerification.terms.term4,i.jsxRuntimeExports.jsx(t.ZeniLink,{href:n.businessVerification.terms.tosUrl,linkText:n.businessVerification.terms.tos}),n.businessVerification.terms.term5]}):null})},R={largeWidth:new t.ResponsiveSized(343,544,544),height:new t.ResponsiveSized(366,366,366)},L=p.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${t.Colors.overlayDark};
-`,U=p.div`
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-  align-items: center;
-  text-align: center;
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${t.Space.sp2};
-  position: relative;
-  top: 30%;
-  width: ${e=>R.largeWidth.valuePx(e.windowSize)};
-  height: ${e=>R.height.valuePx(e.windowSize)};
-`,B=p(t.H6Regular)`
-  margin-top: ${t.Space.sp7};
-  padding-left: ${t.Space.sp8};
-  padding-right: ${t.Space.sp8};
-  color: ${e=>e.isError?e.theme.colors.important:e.theme.colors.primary};
-  word-break: break-word;
-`,N=p(t.StandardRegularSp)`
-  color: ${e=>e.theme.colors.hero};
-  padding-left: ${t.Space.sp8};
-  padding-right: ${t.Space.sp8};
-  margin-bottom: 30px;
-  margin-top: ${t.Space.sp9};
-  white-space: pre-line;
-`,q=p.div`
-  width: 100%;
-  height: 1px;
-  position: absolute;
-  bottom: ${t.Space.sp10};
-  background-color: ${e=>e.theme.colors.grey3};
-`,k=p.div`
-  display: flex;
-  padding-bottom: ${t.Space.sp3};
-  padding-top: ${t.Space.sp3};
-  position: absolute;
-  bottom: 0;
-`;function W(e){const u=t.useWindowSizeContext(),o=t.appLocale.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 i.jsxRuntimeExports.jsx(L,{windowSize:u,role:"presentation",style:{background:t.Colors.overlayDark,...e.style},children:i.jsxRuntimeExports.jsx(i.ClickAwayListener,{onClickAway:()=>e.action.onCancelClick?.(),children:i.jsxRuntimeExports.jsxs(U,{windowSize:u,isEditPopup:!1,children:[i.jsxRuntimeExports.jsx(B,{isError:s,children:l}),n!==""?i.jsxRuntimeExports.jsx(N,{children:n}):null,e.businessVerificationSubmitState==="In-Progress"?i.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",start:!0,style:{marginTop:84}}):null,e.businessVerificationSubmitState!=="In-Progress"?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(q,{}),i.jsxRuntimeExports.jsx(k,{children:i.jsxRuntimeExports.jsx(t.Button,{variant:e.proceedButtonVariant??"primary",label:r,onClick:m,style:{width:134,whiteSpace:"nowrap"},loading:e.isLoading})})]}):i.jsxRuntimeExports.jsx(k,{})]})})})}const _=e=>{const{isUnitMigrationTOSRequired:u,isUnitMigrationRequired:o,officer:s,setupDetailsFetchState:l,onVerifyOtpSuccess:n}=e,r=t.usePrevious(e.setupDetailsFetchState),m=t.usePrevious(e.acceptUpdatedTOSFetchState.fetchState),d=t.usePrevious(s?.otpverificationStatus?.fetchState),w=t.usePrevious(e.businessVerificationSubmitState),V=t.usePrevious(e.businessVerificationStatus),f=t.usePrevious(e.officer?.sendOtpStatus.fetchState),[y,h]=c.useState(u===!0),[b,S]=c.useState(e.isListPage&&l==="Completed"&&(e.businessVerificationStatus==null||e.businessVerificationStatus==="pending_review"||e.businessVerificationStatus==="require_info")),[P,x]=c.useState(s?.isPhoneVerified===!1),[a,g]=c.useState(!1),[I,v]=c.useState(e.isNewCompanyIndustryVerified!==!0||e.incDate==null);return c.useEffect(()=>{m==="In-Progress"&&e.acceptUpdatedTOSFetchState?.fetchState==="Completed"&&(s?.isPhoneVerified===!1?x(!0):(e.isNewCompanyIndustryVerified!==!0||e.incDate==null)&&v(!0),h(!1))},[m,e.acceptUpdatedTOSFetchState,s,e.isNewCompanyIndustryVerified,e.incDate]),c.useEffect(()=>{d==="In-Progress"&&s?.otpverificationStatus?.fetchState==="Completed"&&(n?.(s?.officerType,s?.phone+""),e.isNewCompanyIndustryVerified!==!0||e.incDate==null?v(!0):S(!0),g(!1))},[d,n,s,e.isNewCompanyIndustryVerified,e.incDate]),c.useEffect(()=>{!e.isListPage&&w==="In-Progress"&&(e.businessVerificationSubmitState==="Completed"||e.businessVerificationSubmitState==="Error")&&S(!1)},[w,e.businessVerificationSubmitState,e.isListPage]),c.useEffect(()=>{V==="pending_review"&&e.businessVerificationStatus==="verified"&&S(!1)},[V,e.businessVerificationStatus]),c.useEffect(()=>{r==="In-Progress"&&l==="Completed"&&(s?.isPhoneVerified===!1&&x(!0),e.isListPage&&(e.businessVerificationStatus==null||e.businessVerificationStatus==="pending_review"||e.businessVerificationStatus==="require_info")&&S(!0))},[r,l,s,e.businessVerificationStatus,e.isListPage]),c.useEffect(()=>{f==="In-Progress"&&e.officer?.sendOtpStatus.fetchState==="Completed"&&(g(!0),x(!1))},[f,e.officer?.sendOtpStatus]),i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:y===!0?i.jsxRuntimeExports.jsx(z,{...e}):o===!0&&a===!0?i.jsxRuntimeExports.jsx(t.OtpPopup,{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:()=>{x(!0),g(!1)}}}):o===!0&&P===!0?i.jsxRuntimeExports.jsx(t.PhoneNumberPopup,{showHelperText:!0,phoneNumber:e.officer?.phone??"",sendOtpFetchState:e.officer?.sendOtpStatus.fetchState??"Not-Started",action:{onCancelClick:e.onBackClick,onGetCodeClick:C=>e.onGetOtp?.(C,e.officer?.officerType)}}):o===!0&&I===!0?i.jsxRuntimeExports.jsx(F,{incDate:e.incDate,allIndustries:e.allIndustries??[],selectedIndustry:e.companyIndustry,saveDetailsFetchState:e.companyDetailsSaveState,onCancel:e.onBackClick,onSubmitBusinessInfo:(C,$)=>{e.officer!=null&&S(!0),e.onSubmitBusinessInfo?.(C,$,s?.officerType),v(!1)}}):b===!0?i.jsxRuntimeExports.jsx(W,{businessVerificationStatus:e.businessVerificationStatus,businessVerificationSubmitState:e.businessVerificationSubmitState,action:{onNavigateToSettings:e.onNavigateToSettings,onBackClick:e.onBackClick}}):null})};exports.default=_;

package/dist/UploadAdditionalDocumentOverlay-3og0_4p-.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-DOPIZEh4.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
-};