gbc-kyc-kit 3.1.0 → 3.1.2

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

@@ -18579,17 +18579,33 @@ function CustomButton({
   onClick,
   children,
   href,
-  className
+  className,
+  startIcon,
+  size,
+  variant
 }) {
   return /* @__PURE__ */ jsx$1("div", {
     className: `button-container m-0 ${className}`,
-    children: /* @__PURE__ */ jsx$1("button", {
+    children: /* @__PURE__ */ jsxs("button", {
       type,
       name,
       id,
       onClick,
-      href,
-      children
+      className: `${variant} ${size}`,
+      style: {
+        gap: "8px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: [startIcon && /* @__PURE__ */ jsx$1("div", {
+        className: "start-icon",
+        style: {
+          display: "flex",
+          alignItems: "center"
+        },
+        children: startIcon
+      }), children]
     })
   }, id);
 }
@@ -18597,7 +18613,10 @@ CustomButton.defautProps = {
   type: "button",
   name: "",
   id: "",
-  className: ""
+  className: "",
+  size: "medium",
+  variant: "contained",
+  startIcon: null
 };
 CustomButton.propTypes = {
   type: propTypes.exports.PropTypes.string,
@@ -18605,7 +18624,10 @@ CustomButton.propTypes = {
   id: propTypes.exports.PropTypes.string,
   href: propTypes.exports.PropTypes.string,
   children: propTypes.exports.PropTypes.node.isRequired,
-  className: propTypes.exports.PropTypes.string
+  className: propTypes.exports.PropTypes.string,
+  size: propTypes.exports.PropTypes.string,
+  startIcon: propTypes.exports.PropTypes.node,
+  variant: propTypes.exports.PropTypes.string
 };
 var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
@@ -44264,7 +44286,6 @@ const V2OcrComponent = ({
     error,
     videoRef,
     canvasRef,
-    canSwitchCamera: canSwitchCameraHook,
     capturePhoto,
     handleCloseCamera,
     handleRetryCamera,
@@ -44272,7 +44293,6 @@ const V2OcrComponent = ({
     removeDocument,
     handleFileInputChange,
     currentCameraIndex: currentIdx,
-    setAvailableCameras,
     setRecomendationsReviewed,
     recomendationsReviewed
   } = CameraController();
@@ -44352,7 +44372,9 @@ const V2OcrComponent = ({
           variant: "subtitle2",
           gutterBottom: true,
           fontWeight: "bold",
-          color: "primary",
+          sx: {
+            color: "var(--primary)"
+          },
           textAlign: "left",
           children: "Recomendaciones:"
         }), /* @__PURE__ */ jsxs("div", {
@@ -44426,8 +44448,8 @@ const V2OcrComponent = ({
               children: "Recorta la imagen para que se ajuste al documento, recuerda dejar bordes suficientes para el reconocimiento del tipo de documento"
             })]
           })]
-        }), /* @__PURE__ */ jsx$1(MUIButton, {
-          variant: "contained",
+        }), /* @__PURE__ */ jsx$1(CustomButton, {
+          type: "button",
           onClick: () => setRecomendationsReviewed(true),
           fullWidth: true,
           children: "Continuar"
@@ -44578,7 +44600,7 @@ const V2OcrComponent = ({
               sx: {
                 borderStyle: "dashed",
                 "&:hover": {
-                  borderColor: "primary.main",
+                  borderColor: `var(--primary)`,
                   backgroundColor: "action.hover"
                 }
               },
@@ -44628,20 +44650,20 @@ const V2OcrComponent = ({
                 })
               }), /* @__PURE__ */ jsxs(Box$1, {
                 className: "camera-button",
-                children: [/* @__PURE__ */ jsx$1(MUIButton, {
+                children: [/* @__PURE__ */ jsx$1(CustomButton, {
+                  type: "button",
                   variant: "contained",
                   startIcon: /* @__PURE__ */ jsx$1(PhotoCamera, {}),
                   onClick: () => handleCameraCapture(true),
-                  size: "small",
                   children: "Usar C\xE1mara"
-                }), /* @__PURE__ */ jsx$1(MUIButton, {
+                }), /* @__PURE__ */ jsx$1(CustomButton, {
+                  type: "button",
                   variant: "outlined",
                   startIcon: /* @__PURE__ */ jsx$1(CloudUploadIcon, {}),
                   onClick: () => {
                     var _a;
                     return (_a = document.getElementById("front-document-input")) == null ? void 0 : _a.click();
                   },
-                  size: "small",
                   children: "Sube de tu galer\xEDa"
                 })]
               })]
@@ -44842,20 +44864,20 @@ const V2OcrComponent = ({
                 })
               }), /* @__PURE__ */ jsxs(Box$1, {
                 className: "camera-button",
-                children: [/* @__PURE__ */ jsx$1(MUIButton, {
+                children: [/* @__PURE__ */ jsx$1(CustomButton, {
+                  type: "button",
                   variant: "contained",
                   startIcon: /* @__PURE__ */ jsx$1(PhotoCamera, {}),
                   onClick: () => handleCameraCapture(false),
-                  size: "small",
                   children: "Usar C\xE1mara"
-                }), /* @__PURE__ */ jsx$1(MUIButton, {
+                }), /* @__PURE__ */ jsx$1(CustomButton, {
+                  type: "button",
                   variant: "outlined",
                   startIcon: /* @__PURE__ */ jsx$1(CloudUploadIcon, {}),
                   onClick: () => {
                     var _a;
                     return (_a = document.getElementById("rear-document-input")) == null ? void 0 : _a.click();
                   },
-                  size: "small",
                   children: "Sube de tu galer\xEDa"
                 })]
               })]