gbc-kyc-kit 2.2.7 → 2.2.9

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

@@ -39046,6 +39046,7 @@ function BackButton({
     width: "100%",
     textAlign: "left",
     marginBottom: 3,
+    marginLeft: 3,
     children: /* @__PURE__ */ jsx$1(MUITooltip, {
       arrow: true,
       title: "Volver",
@@ -39242,7 +39243,6 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     setStatus("");
     setMessage("");
     setIsLoading(false);
-    setUploadDocumentByPhone(false);
   };
   const {
     handleSubmit: simpleHandleSubmit
@@ -39306,13 +39306,12 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
           clientId,
           geolocation
         });
+        if (data2.count_try >= 2)
+          setUploadDocumentByPhone(true);
         await dataDocument({
           ...error,
           countAttempts: data2.count_try
         });
-        console.log(data2.count_try, uploadDocumentByPhone);
-        if (data2.count_try === 1)
-          setUploadDocumentByPhone(true);
         if ((_a = error.response.data) == null ? void 0 : _a.message) {
           message2 = error.response.data.message;
         } else if (status2 === 500) {
@@ -39331,6 +39330,7 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
       setIsLoading(false);
     }
   };
+  console.log(uploadDocumentByPhone);
   const onUploadImage = async (side) => {
     const getImage = webcamRef.current.getScreenshot();
     const newImage = Object.assign(base64, {
@@ -39420,7 +39420,8 @@ function UploadDocument2({
   detail,
   videoRef,
   streamRef,
-  onTapToFocus
+  onTapToFocus,
+  title
 }) {
   useEffect(() => {
     if (activateCamera && videoRef.current) {
@@ -39481,7 +39482,7 @@ function UploadDocument2({
             variant: "h6",
             className: "title",
             mt: 2,
-            children: "Cargar documento"
+            children: title
           }), /* @__PURE__ */ jsx$1(Typography$1, {
             variant: "body2",
             children: detail
@@ -39494,7 +39495,9 @@ function UploadDocument2({
 function UploadByGallery({
   fileInputRef,
   handleFileChange,
-  side
+  side,
+  title,
+  subtitle
 }) {
   const [startUpload, setStartUpload] = useState(false);
   const handleClick = () => {
@@ -39508,10 +39511,10 @@ function UploadByGallery({
         variant: "h6",
         className: "title",
         mt: 2,
-        children: "Intentemos de otra manera"
+        children: title
       }), /* @__PURE__ */ jsx$1(Typography$1, {
         variant: "body2",
-        children: "Vamos a cargar el documento desde tu dispositivo. \xA1Ten en cuenta lo siguiente!"
+        children: subtitle
       }), /* @__PURE__ */ jsxs(List$1, {
         dense: true,
         children: [/* @__PURE__ */ jsxs(ListItem$1, {
@@ -39552,6 +39555,7 @@ function UploadByGallery({
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
+          padding: 2,
           children: [/* @__PURE__ */ jsxs("div", {
             style: {
               display: "flex",
@@ -39569,7 +39573,7 @@ function UploadByGallery({
               },
               children: [/* @__PURE__ */ jsx$1("strong", {
                 children: "Haz clic aqu\xED"
-              }), " para subir una foto desde la galer\xEDa o c\xE1mara"]
+              }), " para subir una foto desde tu dispositivo"]
             })]
           }), /* @__PURE__ */ jsx$1("input", {
             ref: fileInputRef,
@@ -39651,7 +39655,7 @@ function SideDocsSelector({
   onUploadImage2,
   uploadDocumentByPhone,
   uploadByGallery,
-  setUploadDocumentByPhone
+  onSendSubmitDocument
 }) {
   const [value, setValue] = React$2.useState(0);
   const [showZoom, setShowZoom] = React$2.useState(false);
@@ -39735,8 +39739,12 @@ function SideDocsSelector({
   const handleFileChange = async (e2) => {
     const imageData = e2.target.files[0];
     const side = e2.target.name;
-    setUploadDocumentByPhone(false);
     onUploadImage2(side, await fileToBase64(imageData));
+    if (side === "firstImage") {
+      handleChange((e22) => e22, 1);
+    } else {
+      onSendSubmitDocument();
+    }
   };
   return /* @__PURE__ */ jsxs(Box$1, {
     sx: {
@@ -39846,7 +39854,9 @@ function SideDocsSelector({
             }) : uploadDocumentByPhone || uploadByGallery ? /* @__PURE__ */ jsx$1(UploadByGallery, {
               handleFileChange,
               side: "firstImage",
-              fileInputRef
+              fileInputRef,
+              title: "Intentemos de otra manera",
+              subtitle: "Vamos a cargar el documento desde tu dispositivo. \xA1Ten en cuenta lo siguiente!"
             }) : /* @__PURE__ */ jsx$1(UploadDocument2, {
               videoRef,
               streamRef,
@@ -39855,7 +39865,8 @@ function SideDocsSelector({
               videoConstraints,
               base64,
               detail: "Subir frontal del documento",
-              onTapToFocus: handleTapToFocus
+              onTapToFocus: handleTapToFocus,
+              title: "Cargar documento"
             }), /* @__PURE__ */ jsxs(Box$1, {
               width: "100%",
               children: [activateCamera && /* @__PURE__ */ jsx$1(CustomButton, {
@@ -39954,6 +39965,12 @@ function SideDocsSelector({
                   })
                 })]
               })]
+            }) : uploadDocumentByPhone || uploadByGallery ? /* @__PURE__ */ jsx$1(UploadByGallery, {
+              handleFileChange,
+              side: "secondImage",
+              fileInputRef,
+              title: "Bien ahora vamos por el reverso",
+              subtitle: "\xA1Recuerda tener en cuenta lo siguiente!"
             }) : /* @__PURE__ */ jsx$1(UploadDocument2, {
               videoRef,
               streamRef,
@@ -39961,7 +39978,8 @@ function SideDocsSelector({
               activateCamera,
               videoConstraints,
               base64,
-              detail: "Subir reverso del documento",
+              title: "Bien ahora carguemos el reverso",
+              detail: "Asegurate de que sea legible",
               onTapToFocus: handleTapToFocus
             }), /* @__PURE__ */ jsxs(Box$1, {
               width: "100%",
@@ -40483,7 +40501,8 @@ function DocumentReader({
           onUploadImage2,
           uploadDocumentByPhone,
           uploadByGallery,
-          setUploadDocumentByPhone
+          setUploadDocumentByPhone,
+          onSendSubmitDocument
         })]
       })
     })]