gbc-kyc-kit 2.3.16 → 2.3.17

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

@@ -39369,9 +39369,13 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     frameRate: {
       ideal: 30
     },
+    iso: {
+      ideal: 12
+    },
     advanced: [{
-      focusMode: "continuous"
+      zoom: 1
     }],
+    focusMode: "continuous",
     facingMode: "environment"
   }), [isPortrait]);
   useEffect(() => {
@@ -39462,18 +39466,35 @@ function UploadDocument2({
 }) {
   var _a;
   const nav = navigator;
+  const [cameras, setCameras] = useState([]);
+  const [currentCameraIndex, setCurrentCameraIndex] = useState(0);
+  useEffect(() => {
+    navigator.mediaDevices.getUserMedia({
+      video: true
+    }).then(() => {
+      return navigator.mediaDevices.enumerateDevices();
+    }).then((devices) => {
+      const videoDevices = devices.filter((device2) => device2.kind === "videoinput");
+      setCameras(videoDevices);
+    }).catch((err) => console.error("Error obteniendo c\xE1maras:", err));
+  }, []);
   useEffect(() => {
     if (activateCamera && videoRef.current) {
+      cameras[currentCameraIndex];
+      const constraints = videoConstraints;
       navigator.mediaDevices.getUserMedia({
-        video: videoConstraints || {
-          facingMode: "environment"
-        },
+        video: constraints,
         audio: false
       }).then((stream) => {
         if (videoRef.current) {
           videoRef.current.srcObject = stream;
           videoRef.current.play();
           streamRef.current = stream;
+          const track = stream.getVideoTracks()[0];
+          const capabilities = track.getCapabilities();
+          const settings = track.getSettings();
+          console.log("Settings: ", settings);
+          console.log("Capabilities: ", capabilities);
         }
       }).catch((err) => {
         console.error("Error al acceder a la c\xE1mara:", err);
@@ -39485,7 +39506,10 @@ function UploadDocument2({
         streamRef.current = null;
       }
     };
-  }, [activateCamera, videoConstraints]);
+  }, [activateCamera, currentCameraIndex, videoConstraints, cameras]);
+  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",
@@ -39501,8 +39525,8 @@ function UploadDocument2({
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        children: activateCamera ? /* @__PURE__ */ jsx$1(Box$1, {
-          children: /* @__PURE__ */ jsx$1("video", {
+        children: activateCamera ? /* @__PURE__ */ jsxs(Box$1, {
+          children: [/* @__PURE__ */ jsx$1("video", {
             ref: videoRef,
             style: {
               width: "100%",
@@ -39518,7 +39542,18 @@ 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