gbc-kyc-kit 2.0.1 → 2.0.2

package/dist/gbc-kyc-kit.es.js

@@ -40928,7 +40928,6 @@ BlackList.propTypes = {
   validateVpn: propTypes.exports.PropTypes.bool
 };
 const DocumentReaderController = (dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, validateVpn, successMessage, dualModeRequired) => {
-  const [docImage, setDocImage] = useState({});
   const [base64, setBase64] = useState({});
   const [message, setMessage] = useState("");
   const [isLoading, setIsLoading] = useState(false);
@@ -40936,7 +40935,6 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
   const [countryCode, setCountryCode] = useState(null);
   const geolocation = useGeolocation(inProduction);
   const [dualMode, setDualMode] = useState(dualModeRequired);
-  const [thumbnails, setThumbnails] = useState([]);
   const webcamRef = useRef(null);
   const [activateCamera, setActivateCamera] = useState(false);
   const [videoDimensions, setVideoDimensions] = useState({
@@ -40973,7 +40971,6 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
   }, [geolocation, countryCodeAllowed]);
   const clearState = () => {
-    setDocImage({});
     setDualMode(dualModeRequired);
     setBase64({});
     setStatus("");
@@ -40983,136 +40980,7 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
   const {
     handleSubmit: simpleHandleSubmit
   } = useForm();
-  const handleChangeDocument = (e2, side) => {
-    const file = e2.target.files[0];
-    const {
-      id
-    } = e2.target;
-    const reader = new FileReader();
-    const allowedTypeFile = ["image/jpg", "image/png", "image/jpeg"];
-    if (allowedTypeFile.includes(file.type)) {
-      reader.addEventListener("load", async () => {
-        const {
-          result
-        } = reader;
-        if (result != null) {
-          const img = new Image();
-          img.src = result;
-          img.onload = async () => {
-            let newWidth = img.width;
-            let newHeight = img.height;
-            if (newWidth > 1e3) {
-              newWidth = 1e3;
-              newHeight = img.height * 1e3 / img.width;
-            }
-            if (newHeight > 1e3) {
-              newHeight = 1e3;
-              newWidth = img.width * 1e3 / img.height;
-            }
-            const canvas = document.createElement("canvas");
-            canvas.width = newWidth;
-            canvas.height = newHeight;
-            const ctx = canvas.getContext("2d");
-            ctx.drawImage(img, 0, 0, newWidth, newHeight);
-            const resizedBase64 = canvas.toDataURL(file.type);
-            setBase64({
-              ...base64,
-              [id]: resizedBase64
-            });
-            setDocImage({
-              ...docImage,
-              [id]: file.name
-            });
-          };
-        }
-      });
-      reader.readAsDataURL(file);
-    } else {
-      setMessage("Tipo de documento no v\xE1lido");
-      setStatus(400);
-    }
-  };
   const onSendSubmitDocument = async () => {
-    var _a;
-    setIsLoading(true);
-    try {
-      const res2 = await authorize();
-      const customHeaders = {
-        client_id: clientId,
-        access_token: res2
-      };
-      const parseReq2 = {
-        method: "POST",
-        path: "api/v1/kyc-kit/document/recognition",
-        inProduction,
-        customHeaders,
-        bodyParams: base64
-      };
-      try {
-        const res22 = await request2(parseReq2);
-        const fullData = res22.data.data;
-        const dataOcrSaved = await saveDataToDB({
-          data: {
-            ...fullData,
-            status_code: 200
-          },
-          component: "ocr",
-          eventId,
-          source: source2,
-          inProduction,
-          clientId,
-          geolocation
-        });
-        dataOcrSaved && Object.assign(fullData, {
-          checkIp: dataOcrSaved.check_ip
-        });
-        fullData && await dataDocument(fullData);
-        const {
-          message: message2
-        } = res22.data;
-        message2 && setStatus(message2);
-        setMessage(successMessage ? successMessage : "Documento verificado con \xE9xito");
-      } catch (error) {
-        let message2 = "";
-        const {
-          status: status2
-        } = error.response;
-        const data2 = await saveDataToDB({
-          data: {
-            first_image: base64.firstImage,
-            second_image: base64.secondImage,
-            status_code: status2
-          },
-          component: "ocr",
-          eventId,
-          source: source2,
-          inProduction,
-          clientId,
-          geolocation
-        });
-        await dataDocument({
-          ...error,
-          countAttempts: data2.count_try
-        });
-        if ((_a = error.response.data) == null ? void 0 : _a.message) {
-          message2 = error.response.data.message;
-        } else if (status2 === 500) {
-          message2 = {
-            limit_of_request
-          };
-        }
-        setIsLoading(null);
-        setMessage(message2);
-        setStatus(status2);
-        ErrorHandler(error);
-      }
-    } catch (error) {
-      Q.error("Error - Verificar host con el proveedor");
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const onSendSubmitDocument2 = async () => {
     var _a;
     setIsLoading(true);
     try {
@@ -41194,7 +41062,6 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     }
   };
   const onUploadImage = async () => {
-    videoDimensions.width / videoDimensions.height;
     const getImage = webcamRef.current.getScreenshot();
     setBase64(base64.firstImage ? {
       ...base64,
@@ -41210,11 +41077,9 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     facingMode: "environment"
   };
   return {
-    handleChangeDocument,
     onSendSubmitDocument,
     simpleHandleSubmit,
     isLoading,
-    docImage,
     status,
     message,
     base64,
@@ -41225,9 +41090,6 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     setDualMode,
     dualModeRequired,
     onUploadImage,
-    thumbnails,
-    setThumbnails,
-    onSendSubmitDocument2,
     webcamRef,
     activateCamera,
     setActivateCamera,
@@ -41265,172 +41127,9 @@ function UploadDocument({
     })
   }, id);
 }
-function CustomCheckbox({
-  isActive,
-  label,
-  onChange
-}) {
-  return /* @__PURE__ */ jsxs("label", {
-    className: "custom-checkbox",
-    children: [/* @__PURE__ */ jsx("input", {
-      type: "checkbox",
-      checked: isActive,
-      onChange
-    }), /* @__PURE__ */ jsx("span", {
-      className: "checkmark"
-    }), label]
-  });
-}
 const validateErrorMessageOCR = (message) => {
   return message === "Tipo de documento no v\xE1lido" || message === "Datos de la imagen no reconocidas" || message === "Dato no reconocido(Primer Nombre)" || message == "Dato no reconocido(Primer Apellido)" || message == "";
 };
-function DocumentReader({
-  mode = "light",
-  dataDocument,
-  clientId,
-  authorize,
-  eventId = null,
-  source: source2 = "component",
-  inProduction = "prd",
-  countryCodeAllowed = null,
-  validateVpn = false,
-  successMessage,
-  dualModeRequired = false
-}) {
-  const {
-    onSendSubmitDocument,
-    handleChangeDocument,
-    simpleHandleSubmit,
-    isLoading,
-    docImage,
-    status,
-    message,
-    clearState,
-    base64,
-    countryCode,
-    setDualMode,
-    dualMode
-  } = DocumentReaderController(dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, validateVpn, successMessage, dualModeRequired);
-  return /* @__PURE__ */ jsxs("div", {
-    className: `kit-gbc ${mode}`,
-    children: [/* @__PURE__ */ jsx(k$3, {
-      position: "top-center",
-      autoClose: 5e3,
-      hideProgressBar: false,
-      newestOnTop: false,
-      closeOnClick: true,
-      rtl: false,
-      pauseOnFocusLoss: true,
-      draggable: true,
-      pauseOnHover: true
-    }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx(BackDropLoader, {}) : null, /* @__PURE__ */ jsx("form", {
-      onSubmit: simpleHandleSubmit(onSendSubmitDocument),
-      id: "document-reader",
-      children: /* @__PURE__ */ jsxs("div", {
-        className: "sub",
-        children: [(source2 !== "secure_link" || validateErrorMessageOCR(message)) && showBackButton(status) && /* @__PURE__ */ jsx(BackButton, {
-          action: clearState
-        }), /* @__PURE__ */ jsxs("div", {
-          className: "header-component",
-          children: [/* @__PURE__ */ jsx("h4", {
-            children: "Lectura del documento"
-          }), !lib$1(status) ? /* @__PURE__ */ jsx(StatusComponent, {
-            status,
-            message
-          }) : /* @__PURE__ */ jsx("p", {
-            children: "Utilice la c\xE1mara de su dispositivo para capturar una foto de su documento de identidad."
-          })]
-        }), lib$1(status) && /* @__PURE__ */ jsxs("div", {
-          className: `body-id-doc  ${dualMode && docImage.firstImage ? "ready" : ""}`,
-          children: [/* @__PURE__ */ jsxs("label", {
-            className: "upload-document front",
-            style: {
-              display: "flex"
-            },
-            children: [docImage.firstImage ? /* @__PURE__ */ jsx("img", {
-              src: base64.firstImage,
-              alt: "front-document"
-            }) : /* @__PURE__ */ jsx(UploadDocument, {
-              id: "front",
-              message: "Carga frontal"
-            }), /* @__PURE__ */ jsx("input", {
-              type: "file",
-              hidden: true,
-              capture: "camera",
-              id: "firstImage",
-              onChange: (e2) => {
-                handleChangeDocument(e2);
-              }
-            })]
-          }, "front-doc"), /* @__PURE__ */ jsxs("label", {
-            className: "upload-document back",
-            style: {
-              display: "flex"
-            },
-            children: [docImage.secondImage ? /* @__PURE__ */ jsx("img", {
-              src: base64.secondImage,
-              alt: "rear-document"
-            }) : /* @__PURE__ */ jsx(UploadDocument, {
-              id: "rear",
-              message: "Carga del Reverso"
-            }), /* @__PURE__ */ jsx("input", {
-              type: "file",
-              hidden: true,
-              capture: "camera",
-              id: "secondImage",
-              onChange: (e2) => {
-                handleChangeDocument(e2);
-              }
-            })]
-          }, "back-doc")]
-        }), /* @__PURE__ */ jsxs(Box$1, {
-          width: "100%",
-          children: [!status && /* @__PURE__ */ jsxs(Box$1, {
-            children: [!dualModeRequired && /* @__PURE__ */ jsx(Box$1, {
-              display: "flex",
-              children: /* @__PURE__ */ jsx(CustomCheckbox, {
-                id: "reverse-document",
-                label: "Cargar reverso del documento",
-                onChange: () => setDualMode(!dualMode)
-              })
-            }), !dualMode && !base64.secondImage && base64.firstImage && lib$1(status) && /* @__PURE__ */ jsx(CustomButton, {
-              type: "submit",
-              children: "Procesar"
-            })]
-          }), docImage.firstImage && dualMode && docImage.secondImage || !dualMode && docImage.secondImage || status && status != {
-            status_country_not_allowed
-          } && status != {
-            status_token: status_token$1
-          } && status != {
-            status_client_id: status_client_id$1
-          } && status != {
-            status_vpn
-          } ? /* @__PURE__ */ jsx(Box$1, {
-            children: /* @__PURE__ */ jsx("div", {
-              className: `${!status && "both-button"}`,
-              children: !status && /* @__PURE__ */ jsx(CustomButton, {
-                type: "submit",
-                children: "Procesar"
-              })
-            })
-          }) : null]
-        })]
-      })
-    })]
-  });
-}
-DocumentReader.propTypes = {
-  mode: propTypes.exports.PropTypes.string,
-  clientId: propTypes.exports.PropTypes.string.isRequired,
-  authorize: propTypes.exports.PropTypes.func.isRequired,
-  dataDocument: propTypes.exports.PropTypes.func.isRequired,
-  inProduction: propTypes.exports.PropTypes.string,
-  countryCodeAllowed: propTypes.exports.PropTypes.array,
-  source: propTypes.exports.PropTypes.string,
-  eventId: propTypes.exports.PropTypes.string,
-  validateVpn: propTypes.exports.PropTypes.bool,
-  dualModeRequired: propTypes.exports.PropTypes.bool
-};
 var reactWebcam = { exports: {} };
 (function(module, exports) {
   (function webpackUniversalModuleDefinition(root2, factory) {
@@ -41826,7 +41525,7 @@ var reactWebcam = { exports: {} };
   });
 })(reactWebcam);
 var Webcam = /* @__PURE__ */ getDefaultExportFromCjs(reactWebcam.exports);
-function DocumentReader2({
+function DocumentReader({
   mode = "light",
   dataDocument,
   clientId,
@@ -41840,18 +41539,15 @@ function DocumentReader2({
   dualModeRequired = false
 }) {
   const {
-    onSendSubmitDocument2,
+    onSendSubmitDocument,
     simpleHandleSubmit,
     isLoading,
-    docImage,
     status,
     message,
     clearState,
     base64,
     setBase64,
     countryCode,
-    thumbnails,
-    setThumbnails,
     onUploadImage,
     webcamRef,
     activateCamera,
@@ -41871,7 +41567,7 @@ function DocumentReader2({
       draggable: true,
       pauseOnHover: true
     }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx(BackDropLoader, {}) : null, /* @__PURE__ */ jsx("form", {
-      onSubmit: simpleHandleSubmit(onSendSubmitDocument2),
+      onSubmit: simpleHandleSubmit(onSendSubmitDocument),
       id: "document-reader",
       children: /* @__PURE__ */ jsxs("div", {
         className: "sub",
@@ -41925,9 +41621,6 @@ function DocumentReader2({
                 }), /* @__PURE__ */ jsx(Typography$1, {
                   variant: "body2",
                   children: " Subir frontal y reverso"
-                }), /* @__PURE__ */ jsx(Typography$1, {
-                  variant: "body2",
-                  children: " Tama\xF1o m\xE1ximo permitido 3Mb"
                 })]
               })]
             }), Object.keys(base64).length > 0 && /* @__PURE__ */ jsx(Box$1, {
@@ -41989,7 +41682,7 @@ function DocumentReader2({
     })]
   });
 }
-DocumentReader2.propTypes = {
+DocumentReader.propTypes = {
   mode: propTypes.exports.PropTypes.string,
   clientId: propTypes.exports.PropTypes.string.isRequired,
   authorize: propTypes.exports.PropTypes.func.isRequired,
@@ -62221,4 +61914,4 @@ var bootstrap_bundle_min = { exports: {} };
     return R2(In), g2(In), { Alert: q2, Button: K, Carousel: at, Collapse: pt, Dropdown: li, Modal: Si, Offcanvas: Bi, Popover: hn, ScrollSpy: mn, Tab: On, Toast: In, Tooltip: an };
   });
 })(bootstrap_bundle_min);
-export { BlackList, BulkVerification, DocumentReader, DocumentReader2, FaceMatch, LivenessCheck };
+export { BlackList, BulkVerification, DocumentReader, FaceMatch, LivenessCheck };