gbc-kyc-kit 2.3.18 → 2.4.1

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

@@ -18183,7 +18183,6 @@ const BlackListController = (clientId, authorize, inProduction, source2, eventId
   const [csvFile, setCsvFile] = useState(null);
   const fileInputRef = useRef(null);
   const [batchData, setBatchData] = useState({});
-  console.log(countryCodeAllowed);
   useEffect(() => {
     if (countryCodeAllowed && (geolocation == null ? void 0 : geolocation.data_connection.isocode)) {
       if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item.value === (geolocation == null ? void 0 : geolocation.data_connection.isocode))) {
@@ -18487,10 +18486,11 @@ function CustomButton({
   id,
   onClick,
   children,
-  href
+  href,
+  className
 }) {
   return /* @__PURE__ */ jsx$1("div", {
-    className: `button-container m-0 mt-2 testing`,
+    className: `button-container m-0 ${className}`,
     children: /* @__PURE__ */ jsx$1("button", {
       type,
       name,
@@ -18504,14 +18504,16 @@ function CustomButton({
 CustomButton.defautProps = {
   type: "button",
   name: "",
-  id: ""
+  id: "",
+  className: ""
 };
 CustomButton.propTypes = {
   type: propTypes.exports.PropTypes.string,
   name: propTypes.exports.PropTypes.string,
   id: propTypes.exports.PropTypes.string,
   href: propTypes.exports.PropTypes.string,
-  children: propTypes.exports.PropTypes.node.isRequired
+  children: propTypes.exports.PropTypes.node.isRequired,
+  className: propTypes.exports.PropTypes.string
 };
 var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
@@ -39016,6 +39018,11 @@ const showBackButton = (status) => {
 var ArrowBack = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"
 }), "ArrowBack");
+var Cameraswitch = createSvgIcon([/* @__PURE__ */ jsx$1("path", {
+  d: "M16 7h-1l-1-1h-4L9 7H8c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2m-4 7c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"
+}, "0"), /* @__PURE__ */ jsx$1("path", {
+  d: "m8.57.51 4.48 4.48V2.04c4.72.47 8.48 4.23 8.95 8.95h2C23.34 3.02 15.49-1.59 8.57.51m2.38 21.45c-4.72-.47-8.48-4.23-8.95-8.95H0c.66 7.97 8.51 12.58 15.43 10.48l-4.48-4.48z"
+}, "1")], "Cameraswitch");
 var CloudUploadIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M14 13v4h-4v-4H7l5-5 5 5z"
 }), "CloudUpload");
@@ -39028,6 +39035,9 @@ var CompareArrowsIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
 var ContentCopy = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"
 }), "ContentCopy");
+var Delete = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
+}), "Delete");
 var ImageNotSupportedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "m21.9 21.9-8.49-8.49-9.82-9.82L2.1 2.1.69 3.51 3 5.83V19c0 1.1.9 2 2 2h13.17l2.31 2.31zM5 18l3.5-4.5 2.5 3.01L12.17 15l3 3zm16 .17L5.83 3H19c1.1 0 2 .9 2 2z"
 }), "ImageNotSupported");
@@ -39037,9 +39047,6 @@ var LightMode = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
 var SettingsBrightness = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16.01H3V4.99h18zM8 16h2.5l1.5 1.5 1.5-1.5H16v-2.5l1.5-1.5-1.5-1.5V8h-2.5L12 6.5 10.5 8H8v2.5L6.5 12 8 13.5zm4-7c1.66 0 3 1.34 3 3s-1.34 3-3 3z"
 }), "SettingsBrightness");
-var Spellcheck = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
-  d: "M12.45 16h2.09L9.43 3H7.57L2.46 16h2.09l1.12-3h5.64zm-6.02-5L8.5 5.48 10.57 11zm15.16.59-8.09 8.09L9.83 16l-1.41 1.41 5.09 5.09L23 13z"
-}), "Spellcheck");
 var ZoomInTwoTone = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14m.5-7H9v2H7v1h2v2h1v-2h2V9h-2z"
 }), "ZoomInTwoTone");
@@ -39304,7 +39311,7 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
           ...error,
           countAttempts: data2.count_try
         });
-        if (error.response.data.code === "020")
+        if (error.response.data.code === "020" && data2.count_try > 3)
           setUploadDocumentByPhone(true);
         if ((_a = error.response.data) == null ? void 0 : _a.message) {
           message2 = error.response.data.message;
@@ -39324,13 +39331,11 @@ 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, {
       [side]: getImage
     });
-    console.log(newImage);
     setBase64(newImage);
     setActivateCamera(false);
   };
@@ -39338,7 +39343,6 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     const newImage = Object.assign(base64, {
       [side]: image
     });
-    console.log(newImage);
     setBase64(newImage);
     setActivateCamera(false);
   };
@@ -39440,9 +39444,9 @@ const InstructionsComponent = ({
         })]
       }), /* @__PURE__ */ jsxs(ListItem$1, {
         children: [/* @__PURE__ */ jsx$1(ListItemIcon$1, {
-          children: /* @__PURE__ */ jsx$1(Spellcheck, {})
+          children: /* @__PURE__ */ jsx$1(Cameraswitch, {})
         }), /* @__PURE__ */ jsx$1(ListItemText$1, {
-          primary: "Procura que el texto en el documento sea legible"
+          primary: "Procura que el texto en el documento sea legible, sino prueba cambiando a otra c\xE1mara de tu dispositivo"
         })]
       })]
     })]
@@ -39456,29 +39460,42 @@ function UploadDocument2({
   streamRef,
   onTapToFocus,
   title,
-  subtitle
+  subtitle,
+  cameras,
+  setCameras,
+  currentCameraIndex
 }) {
   var _a;
   const nav = navigator;
-  const [cameras, setCameras] = useState([]);
-  const [currentCameraIndex, setCurrentCameraIndex] = useState(0);
   useEffect(() => {
     navigator.mediaDevices.enumerateDevices().then((devices) => {
+      const keywordsBackCamera = ["back", "rear", "environment", "tr\xE1s", "trasera", "external", "secondary"];
       const videoDevices = devices.filter((device2) => device2.kind === "videoinput");
-      setCameras(videoDevices);
+      const backCameras = videoDevices.filter((device2) => keywordsBackCamera.some((keyword) => device2.label.toLowerCase().includes(keyword)));
+      if (backCameras.length > 0) {
+        setCameras(backCameras);
+      } else {
+        setCameras(videoDevices);
+      }
     }).catch((err) => console.error("Error obteniendo c\xE1maras:", err));
   }, []);
   useEffect(() => {
     if (activateCamera && videoRef.current && cameras.length > 0) {
-      cameras[currentCameraIndex];
-      const constraints = {
+      const selectedCamera = cameras[currentCameraIndex];
+      const constraints = selectedCamera ? {
+        video: {
+          deviceId: {
+            exact: selectedCamera.deviceId
+          },
+          facingMode: "environment"
+        },
+        audio: false
+      } : {
         video: {
-          facingMode: "environment",
-          focusMode: "continuous"
+          facingMode: "environment"
         },
         audio: false
       };
-      console.log("Intentando usar constraints:", constraints);
       navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
         videoRef.current.srcObject = stream;
         videoRef.current.play();
@@ -39497,9 +39514,6 @@ function UploadDocument2({
       }
     };
   }, [activateCamera, currentCameraIndex, cameras, videoConstraints]);
-  const handleSwitchCamera = () => {
-    setCurrentCameraIndex((prevIndex) => (prevIndex + 1) % cameras.length);
-  };
   (_a = nav.userAgentData) == null ? void 0 : _a.getHighEntropyValues(["model", "platform", "platformVersion", "architecture", "bitness", "fullVersionList"]).then((ua2) => console.log(ua2));
   return /* @__PURE__ */ jsx$1("div", {
     className: "drag-zone",
@@ -39515,8 +39529,8 @@ function UploadDocument2({
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        children: activateCamera ? /* @__PURE__ */ jsxs(Box$1, {
-          children: [/* @__PURE__ */ jsx$1("video", {
+        children: activateCamera ? /* @__PURE__ */ jsx$1(Box$1, {
+          children: /* @__PURE__ */ jsx$1("video", {
             ref: videoRef,
             style: {
               width: "100%",
@@ -39532,18 +39546,7 @@ function UploadDocument2({
             playsInline: true,
             muted: true,
             autoPlay: true
-          }), cameras.length > 1 && /* @__PURE__ */ jsx$1(MUIButton, {
-            onClick: handleSwitchCamera,
-            variant: "contained",
-            size: "small",
-            style: {
-              position: "absolute",
-              top: 10,
-              right: 10,
-              zIndex: 2
-            },
-            children: "Cambiar c\xE1mara"
-          })]
+          })
         }) : /* @__PURE__ */ jsx$1(InstructionsComponent, {
           title,
           subtitle
@@ -39702,6 +39705,8 @@ function SideDocsSelector({
   const [value, setValue] = React$2.useState(0);
   const [showZoom, setShowZoom] = React$2.useState(false);
   const [hideCaptureButton, setHideCaptureButton] = useState(false);
+  const [cameras, setCameras] = useState([]);
+  const [currentCameraIndex, setCurrentCameraIndex] = useState(0);
   const handleChange = (event, newValue) => {
     setValue(newValue);
   };
@@ -39795,6 +39800,9 @@ function SideDocsSelector({
     setHideCaptureButton(false);
     setActivateCamera(true);
   };
+  const handleSwitchCamera = () => {
+    setCurrentCameraIndex((prevIndex) => (prevIndex + 1) % cameras.length);
+  };
   return /* @__PURE__ */ jsxs(Box$1, {
     sx: {
       width: "100%",
@@ -39864,7 +39872,10 @@ function SideDocsSelector({
               videoConstraints,
               onTapToFocus: handleTapToFocus,
               title: "Cargar documento",
-              subtitle: "Subir frontal del documento"
+              subtitle: "Subir frontal del documento",
+              currentCameraIndex,
+              cameras,
+              setCameras
             }), /* @__PURE__ */ jsxs(Box$1, {
               width: "100%",
               children: [base64.firstImage && /* @__PURE__ */ jsxs(Box$1, {
@@ -39876,11 +39887,7 @@ function SideDocsSelector({
                     title: "Ampliar",
                     placement: "right",
                     arrow: true,
-                    children: /* @__PURE__ */ jsx$1(ZoomInTwoTone, {
-                      sx: {
-                        width: "18px"
-                      }
-                    })
+                    children: /* @__PURE__ */ jsx$1(ZoomInTwoTone, {})
                   })
                 }), /* @__PURE__ */ jsx$1(Box$1, {
                   className: "delete-button",
@@ -39889,9 +39896,10 @@ function SideDocsSelector({
                     title: "Vaciar",
                     placement: "right",
                     arrow: true,
-                    children: /* @__PURE__ */ jsx$1(Typography$1, {
-                      variant: "body2",
-                      children: "x"
+                    children: /* @__PURE__ */ jsx$1(Delete, {
+                      sx: {
+                        color: "white"
+                      }
                     })
                   })
                 })]
@@ -39903,10 +39911,20 @@ function SideDocsSelector({
                 type: "button",
                 onClick: (e2) => handleChange(e2, 1),
                 children: "Cargar reverso del documento"
-              }), activateCamera && !hideCaptureButton && !uploadDocumentByPhone && /* @__PURE__ */ jsx$1(CustomButton, {
-                type: "button",
-                onClick: () => takeScreenshot("firstImage"),
-                children: "Capturar"
+              }), activateCamera && !hideCaptureButton && !uploadDocumentByPhone && /* @__PURE__ */ jsxs(Box$1, {
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "end",
+                children: [cameras.length > 1 && /* @__PURE__ */ jsx$1(Box$1, {
+                  onClick: handleSwitchCamera,
+                  className: "change-camera-button",
+                  children: /* @__PURE__ */ jsx$1(Cameraswitch, {})
+                }), /* @__PURE__ */ jsx$1(CustomButton, {
+                  type: "button",
+                  onClick: () => takeScreenshot("firstImage"),
+                  className: "m-0",
+                  children: "Capturar"
+                })]
               }), !status && Object.keys(base64).length > 0 && !activateCamera && lib$1(status) && (!dualModeRequired && base64.firstImage || dualModeRequired && base64.firstImage && base64.secondImage) && /* @__PURE__ */ jsxs(Box$1, {
                 children: [/* @__PURE__ */ jsx$1(Divider$1, {
                   children: "O"
@@ -39966,7 +39984,10 @@ function SideDocsSelector({
               videoConstraints,
               title: "Bien ahora carguemos el reverso",
               subtitle: "Asegurate de que sea legible",
-              onTapToFocus: handleTapToFocus
+              onTapToFocus: handleTapToFocus,
+              currentCameraIndex,
+              cameras,
+              setCameras
             }), /* @__PURE__ */ jsxs(Box$1, {
               width: "100%",
               children: [base64.secondImage && /* @__PURE__ */ jsxs(Box$1, {
@@ -39978,11 +39999,7 @@ function SideDocsSelector({
                     title: "Ampliar",
                     placement: "right",
                     arrow: true,
-                    children: /* @__PURE__ */ jsx$1(ZoomInTwoTone, {
-                      sx: {
-                        width: "18px"
-                      }
-                    })
+                    children: /* @__PURE__ */ jsx$1(ZoomInTwoTone, {})
                   })
                 }), /* @__PURE__ */ jsx$1(Box$1, {
                   className: "delete-button",
@@ -39991,9 +40008,10 @@ function SideDocsSelector({
                     title: "Vaciar",
                     placement: "right",
                     arrow: true,
-                    children: /* @__PURE__ */ jsx$1(Typography$1, {
-                      variant: "body2",
-                      children: "x"
+                    children: /* @__PURE__ */ jsx$1(Delete, {
+                      sx: {
+                        color: "white"
+                      }
                     })
                   })
                 })]
@@ -40001,10 +40019,19 @@ function SideDocsSelector({
                 type: "button",
                 onClick: onClickToContinue,
                 children: "Continuar"
-              }), activateCamera && !hideCaptureButton && !uploadDocumentByPhone && /* @__PURE__ */ jsx$1(CustomButton, {
-                type: "button",
-                onClick: () => takeScreenshot("secondImage"),
-                children: "Capturar"
+              }), activateCamera && !hideCaptureButton && !uploadDocumentByPhone && /* @__PURE__ */ jsxs(Box$1, {
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "end",
+                children: [cameras.length > 1 && /* @__PURE__ */ jsx$1(Box$1, {
+                  onClick: handleSwitchCamera,
+                  className: "change-camera-button",
+                  children: /* @__PURE__ */ jsx$1(Cameraswitch, {})
+                }), /* @__PURE__ */ jsx$1(CustomButton, {
+                  type: "button",
+                  onClick: () => takeScreenshot("secondImage"),
+                  children: "Capturar"
+                })]
               }), !status && Object.keys(base64).length > 0 && !activateCamera && lib$1(status) && (!dualModeRequired && base64.secondImage && base64.firstImage || dualModeRequired && base64.firstImage && base64.secondImage) && /* @__PURE__ */ jsx$1(CustomButton, {
                 type: "submit",
                 children: "Procesar"