gbc-kyc-kit 2.1.5 → 2.2.0

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

@@ -38738,9 +38738,6 @@ 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 ArrowUpward = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
-  d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"
-}), "ArrowUpward");
 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");
@@ -38750,9 +38747,6 @@ 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 CropRotate = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
-  d: "M7.47 21.49C4.2 19.93 1.86 16.76 1.5 13H0c.51 6.16 5.66 11 11.95 11 .23 0 .44-.02.66-.03L8.8 20.15zM12.05 0c-.23 0-.44.02-.66.04l3.81 3.81 1.33-1.33C19.8 4.07 22.14 7.24 22.5 11H24c-.51-6.16-5.66-11-11.95-11M16 14h2V8c0-1.11-.9-2-2-2h-6v2h6zm-8 2V4H6v2H4v2h2v8c0 1.1.89 2 2 2h8v2h2v-2h2v-2z"
-}), "CropRotate");
 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");
@@ -39259,8 +39253,8 @@ function SideDocsSelector({
           children: /* @__PURE__ */ jsxs(Box$1, {
             display: "flex",
             flexDirection: "column",
-            justifyContent: "space-evenly",
-            alignItems: "center",
+            justifyContent: "flex-start",
+            alignItems: "flex-start",
             width: "100%",
             children: [base64.firstImage ? /* @__PURE__ */ jsxs("div", {
               className: "img-container",
@@ -39275,7 +39269,7 @@ function SideDocsSelector({
                 alt: "thumbnail",
                 style: {
                   width: "100%",
-                  height: "auto"
+                  height: "100%"
                 }
               }), /* @__PURE__ */ jsxs(Box$1, {
                 style: {
@@ -39287,7 +39281,7 @@ function SideDocsSelector({
                   zIndex: 20
                 },
                 children: [/* @__PURE__ */ jsx$1(Box$1, {
-                  className: "rotate-button",
+                  className: "zoom-button",
                   onClick: toggleZoom,
                   sx: {
                     backgroundColor: "rgba(255, 255, 255, 0.7)",
@@ -39363,8 +39357,8 @@ function SideDocsSelector({
           children: /* @__PURE__ */ jsxs(Box$1, {
             display: "flex",
             flexDirection: "column",
-            justifyContent: "space-evenly",
-            alignItems: "center",
+            justifyContent: "flex-start",
+            alignItems: "flex-start",
             width: "100%",
             children: [base64.secondImage ? /* @__PURE__ */ jsxs("div", {
               className: "img-container",
@@ -39379,7 +39373,7 @@ function SideDocsSelector({
                 alt: "thumbnail",
                 style: {
                   width: "100%",
-                  height: "auto"
+                  height: "100%"
                 }
               }), /* @__PURE__ */ jsxs(Box$1, {
                 style: {
@@ -39391,7 +39385,7 @@ function SideDocsSelector({
                   zIndex: 20
                 },
                 children: [/* @__PURE__ */ jsx$1(Box$1, {
-                  className: "rotate-button",
+                  className: "zoom-button",
                   onClick: toggleZoom,
                   sx: {
                     backgroundColor: "rgba(255, 255, 255, 0.7)",
@@ -39406,7 +39400,7 @@ function SideDocsSelector({
                     title: "Girar",
                     placement: "right",
                     arrow: true,
-                    children: /* @__PURE__ */ jsx$1(CropRotate, {
+                    children: /* @__PURE__ */ jsx$1(ZoomInTwoTone, {
                       sx: {
                         width: "18px"
                       }
@@ -39449,7 +39443,7 @@ function SideDocsSelector({
                 type: "button",
                 onClick: () => onUploadImage("secondImage"),
                 children: "Capturar"
-              }), !status && Object.keys(base64).length > 0 && !activateCamera && lib$1(status) && (!dualModeRequired && base64.secondImage || dualModeRequired && base64.firstImage && base64.secondImage) && /* @__PURE__ */ jsx$1(CustomButton, {
+              }), !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"
               })]
@@ -39470,52 +39464,24 @@ function SideDocsSelector({
         alignItems: "center",
         zIndex: 999
       },
-      children: /* @__PURE__ */ jsxs(Box$1, {
+      children: /* @__PURE__ */ jsx$1(Box$1, {
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
         position: "relative",
         height: 525,
-        children: [/* @__PURE__ */ jsx$1(Box$1, {
-          className: "delete-button",
-          onClick: toggleZoom,
-          sx: {
-            width: "30px",
-            height: "30px",
-            backgroundColor: "#202124",
-            borderRadius: "50%",
-            cursor: "pointer",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            position: "absolute",
-            color: "red",
-            zIndex: 111111,
-            bottom: 10,
-            right: 55
-          },
-          children: /* @__PURE__ */ jsx$1(MUITooltip, {
-            title: "Vaciar",
-            placement: "right",
-            arrow: true,
-            children: /* @__PURE__ */ jsx$1(ArrowUpward, {
-              sx: {
-                color: "white"
-              }
-            })
-          })
-        }), /* @__PURE__ */ jsx$1("img", {
+        children: /* @__PURE__ */ jsx$1("img", {
           src: value === 0 ? base64.firstImage : base64.secondImage,
           alt: "zoomed",
           onClick: toggleZoom,
           style: {
+            overflow: "auto",
             maxWidth: showZoom ? "140%" : "100%",
             maxHeight: "90%",
             objectFit: "contain",
-            borderRadius: "5px",
-            transform: showZoom ? "rotate(90deg)" : "none"
+            borderRadius: "5px"
           }
-        })]
+        })
       })
     })]
   });
@@ -39945,7 +39911,7 @@ function DocumentReader({
     setBase64
   } = DocumentReaderController(dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, validateVpn, successMessage, dualModeRequired);
   return /* @__PURE__ */ jsxs("div", {
-    className: `kit-gbc ${mode}`,
+    className: `kit-gbc ${mode} without-shadow`,
     children: [/* @__PURE__ */ jsx$1(k$2, {
       position: "top-center",
       autoClose: 5e3,