gbc-kyc-kit 1.0.8 → 1.1.1

package/README.md

@@ -121,6 +121,7 @@ If you use this components with TypeScript, you should create a customType.d.ts
 | mode         | string  | dark, light                                  | Isn't required, the default value is "light".                                                                                                                                               |
 | clientId     | string  | Global Bridge Connections send you for email | This value is unique for each client and will be sent for email.                                                                                                                            |
 | authorize    | promise | () => Promise()                              | This Function verify clientId vs TOKEN and return accessToken.                                                                                                                              |
+| dual         | boolean | false                                        | Isn't required and the default value is false. Just would used to enable dual upload of ID Document in Document Reader component (Two sides)                                                |
 
 ## Document Reader Component
 

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

@@ -20283,28 +20283,37 @@ BlackList.propTypes = {
 };
 const DocumentReaderController = (dataDocument, clientId, authorize, inProduction) => {
   const [docImage, setDocImage] = useState({});
-  const [image, setImage] = useState("");
+  const [base64, setBase64] = useState({});
   const [message, setMessage] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : authorize === void 0 ? "TOKEN" : "");
   const clearState = () => {
     setDocImage({});
-    setImage("");
+    setBase64({});
     setStatus("");
   };
   const {
     handleSubmit: simpleHandleSubmit
   } = useForm();
-  const handleChangeDocument = (e2) => {
+  const handleChangeDocument = (e2, side) => {
     const file = e2.target.files[0];
+    const {
+      id
+    } = e2.target;
     const reader = new FileReader();
     reader.addEventListener("load", () => {
       const {
         result
       } = reader;
       if (result != null) {
-        setImage(result);
-        setDocImage(file.name);
+        setBase64({
+          ...base64,
+          [id]: result
+        });
+        setDocImage({
+          ...docImage,
+          [id]: file.name
+        });
       }
     });
     reader.readAsDataURL(file);
@@ -20323,9 +20332,7 @@ const DocumentReaderController = (dataDocument, clientId, authorize, inProductio
         path: "api/v1/kyc-kit/document/recognition",
         inProduction,
         customHeaders,
-        bodyParams: {
-          image
-        }
+        bodyParams: base64
       };
       try {
         const res2 = await request2(parseReq);
@@ -20383,7 +20390,8 @@ function DocumentReader({
   dataDocument,
   clientId,
   authorize,
-  inProduction
+  inProduction,
+  dual
 }) {
   const {
     onSendSubmitDocument,
@@ -20422,18 +20430,38 @@ function DocumentReader({
             children: "Utilice la c\xE1mara de su dispositivo para capturar una foto de su documento de identidad."
           }), /* @__PURE__ */ jsxs("label", {
             className: "upload-document",
-            children: [/* @__PURE__ */ jsx(UploadIcon, {}), /* @__PURE__ */ jsx("p", {
-              children: lib$1(docImage) ? "Cargar documento" : docImage
+            children: [/* @__PURE__ */ jsx(UploadIcon, {}), docImage.firstImage ? /* @__PURE__ */ jsx("p", {
+              children: docImage.firstImage
+            }) : /* @__PURE__ */ jsx("p", {
+              children: "Carga Frontal"
             }), /* @__PURE__ */ jsx("input", {
               type: "file",
               hidden: true,
               accept: "image/*",
               capture: "camera",
-              id: "docImage",
+              id: "firstImage",
               onChange: (e2) => {
                 handleChangeDocument(e2);
               }
             })]
+          }), dual && /* @__PURE__ */ jsxs(Fragment, {
+            children: [/* @__PURE__ */ jsx("hr", {}), /* @__PURE__ */ jsxs("label", {
+              className: "upload-document",
+              children: [/* @__PURE__ */ jsx(UploadIcon, {}), docImage.secondImage ? /* @__PURE__ */ jsx("p", {
+                children: docImage.secondImage
+              }) : /* @__PURE__ */ jsx("p", {
+                children: "Cargar del Reverso"
+              }), /* @__PURE__ */ jsx("input", {
+                type: "file",
+                hidden: true,
+                accept: "image/*",
+                capture: "camera",
+                id: "secondImage",
+                onChange: (e2) => {
+                  handleChangeDocument(e2);
+                }
+              })]
+            })]
           }), /* @__PURE__ */ jsx(CustomButton, {
             type: "submit",
             children: "Procesar"
@@ -20446,7 +20474,8 @@ function DocumentReader({
 DocumentReader.defaultProps = {
   mode: "light",
   loader: false,
-  inProduction: "prd"
+  inProduction: "prd",
+  dual: false
 };
 DocumentReader.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -20455,7 +20484,8 @@ DocumentReader.propTypes = {
   clientId: propTypes.exports.PropTypes.string.isRequired,
   authorize: propTypes.exports.PropTypes.func.isRequired,
   dataDocument: propTypes.exports.PropTypes.func.isRequired,
-  inProduction: propTypes.exports.PropTypes.string
+  inProduction: propTypes.exports.PropTypes.string,
+  dual: propTypes.exports.PropTypes.bool
 };
 const LivenessCheckController = (clientId, authorize, inProduction) => {
   const [isLoading, setIsLoading] = useState(false);