@zeniai/web-components 3.16.39 → 3.16.40

package/dist/UploadAdditionalDocumentOverlay-rC7S1ZdU.cjs

@@ -1,38 +0,0 @@
-"use strict";const i=require("./vendor-.pnpm-DHyNpoQL.cjs"),d=require("react"),n=require("@emotion/styled"),B=require("@zeniai/client-epic-state"),e=require("./index-BOnRXllM.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/Vendor2FAPopup-CebhGkPb.js

@@ -1,69 +0,0 @@
-import { j as s } from "./vendor-.pnpm-BZbZ6JJC.js";
-import { useState as l, useEffect as a } from "react";
-import { aD as n, a as b, jg as w, jh as I } from "./index-tqMNQjSm.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), [O, o] = l(
-    t.initiateVerification === !0
-  ), u = n(i?.saveStatus?.fetchState), v = n(
-    t.userVerificationStatus.fetchState
-  ), f = n(
-    t.otpVerificationStatus?.fetchState
-  ), S = n(
-    t.sendOtpStatus.fetchState
-  ), j = b.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.phoneNumberPopup;
-  return a(() => {
-    u === "In-Progress" && i?.saveStatus?.fetchState === "Error" && t.initiateVerification === !0 && o(!0);
-  }, [i, t, u]), a(() => {
-    v === "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(
-    w,
-    {
-      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);
-        }
-      }
-    }
-  ) : O === !0 ? /* @__PURE__ */ s.jsx(
-    I,
-    {
-      showHelperText: !r,
-      phoneNumber: t.phone ?? "",
-      sendOtpFetchState: t.sendOtpStatus.fetchState,
-      description: r ? j : void 0,
-      action: {
-        onCancelClick: () => o(!1),
-        onGetCodeClick: (x) => m?.(x)
-      }
-    }
-  ) : null });
-};
-export {
-  y as default
-};

package/dist/Vendor2FAPopup-Cz92jWrG.cjs

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

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

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