gbc-kyc-kit 1.7.9 → 1.8.1

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

@@ -14727,6 +14727,9 @@ function createFormControl(props = {}, flushRootRender) {
       }
     });
     _names.mount.add(name);
+    if (!isUndefined(options.value)) {
+      set$1(_formValues, name, options.value);
+    }
     field ? disabledIsDefined && set$1(_formValues, name, options.disabled ? void 0 : get$2(_formValues, name, getFieldValue(field._f))) : updateValidAndValue(name, true, options.value);
     return {
       ...disabledIsDefined ? { disabled: options.disabled } : {},
@@ -14992,6 +14995,7 @@ function createFormControl(props = {}, flushRootRender) {
 }
 function useForm(props = {}) {
   const _formControl = React__default$1.useRef();
+  const _values = React__default$1.useRef();
   const [formState, updateFormState] = React__default$1.useState({
     isDirty: false,
     isValidating: false,
@@ -15023,8 +15027,9 @@ function useForm(props = {}) {
     }
   });
   React__default$1.useEffect(() => {
-    if (props.values && !deepEqual(props.values, control._defaultValues)) {
+    if (props.values && !deepEqual(props.values, _values.current)) {
       control._reset(props.values, control._options.resetOptions);
+      _values.current = props.values;
     } else {
       control._resetDefaultValues();
     }
@@ -18792,19 +18797,36 @@ function isEmpty$2(val) {
   return false;
 }
 var lib$1 = isEmpty$2;
-function useGeolocation() {
+const fetchCheckIp = async (inProduction) => {
+  const parseReq = {
+    method: "GET",
+    path: "api/v1/kyc-kit/check_ip",
+    inProduction
+  };
+  try {
+    const res = await request2(parseReq);
+    return res.data;
+  } catch (error) {
+    console.log(error);
+    return error;
+  }
+};
+function useGeolocation(inProduction) {
   const [geolocation, setGeolocation] = useState(null);
   useEffect(() => {
-    fetch("https://ipapi.co/json").then((res) => res.json()).then((res) => setGeolocation(res)).catch((error) => console.log(error));
+    fetchCheckIp(inProduction).then((res) => setGeolocation(res)).catch((error) => console.log(error));
   }, []);
   return geolocation;
 }
-const saveDataToDB = async ({ data: data2, component, eventId, inProduction, source: source2, clientId }) => {
+const saveDataToDB = async ({ data: data2, component, eventId, inProduction, source: source2, clientId, geolocation }) => {
   const parseReq = {
     method: "POST",
     inProduction,
     path: `api/v1/kyc-kit/events/register/${component}/${source2}/${clientId}/${eventId}`,
-    bodyParams: data2
+    bodyParams: data2,
+    customHeaders: {
+      check_ip: JSON.stringify(geolocation)
+    }
   };
   try {
     const res = await request2(parseReq);
@@ -18813,7 +18835,7 @@ const saveDataToDB = async ({ data: data2, component, eventId, inProduction, sou
     return error;
   }
 };
-const BlackListController = (clientId, authorize, eventId, inProduction, countryCodeAllowed, source2) => {
+const BlackListController = (clientId, authorize, eventId, inProduction, countryCodeAllowed, source2, validateVpn) => {
   const [isLoading, setIsLoading] = useState(false);
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : authorize === void 0 ? "TOKEN" : "");
   const [message, setMessage] = useState("");
@@ -18821,16 +18843,20 @@ const BlackListController = (clientId, authorize, eventId, inProduction, country
   const [select, setSelect] = useState("");
   const [dataReq, setDataReq] = useState({});
   const [countryCode, setCountryCode] = useState(null);
-  const geolocation = useGeolocation();
+  const geolocation = useGeolocation(inProduction);
   useEffect(() => {
-    if (countryCodeAllowed && geolocation) {
-      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.country_code))) {
+    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))) {
         setStatus("COUNTRY_NOT_ALLOWED");
         setMessage("Pa\xEDs no autorizado");
       }
     }
-    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.country_code);
-  }, [geolocation, countryCodeAllowed]);
+    if (validateVpn && (geolocation == null ? void 0 : geolocation.data_connection.proxy) == "yes") {
+      setStatus("USE_VPN");
+      setMessage("Uso de Proxy o VPN no permitido");
+    }
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
+  }, [geolocation, countryCodeAllowed, validateVpn]);
   const clearState = () => {
     reset();
     complementarySearch();
@@ -18923,7 +18949,8 @@ const BlackListController = (clientId, authorize, eventId, inProduction, country
           eventId,
           source: source2,
           inProduction,
-          clientId
+          clientId,
+          geolocation
         });
         if (!lib$1(match2)) {
           setListMatch(match2[0]);
@@ -20085,8 +20112,7 @@ function ErrorAnimation({
   });
 }
 function ListsAccordion({
-  lists,
-  handleReport
+  lists
 }) {
   function parseName(value) {
     let name = value.replace(/[\[\]']+/g, "");
@@ -20294,6 +20320,20 @@ const grey = {
   A700: "#616161"
 };
 var grey$1 = grey;
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source2 = arguments[i];
+      for (var key in source2) {
+        if (Object.prototype.hasOwnProperty.call(source2, key)) {
+          target[key] = source2[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$1.apply(this, arguments);
+}
 function isPlainObject(item) {
   return item !== null && typeof item === "object" && item.constructor === Object;
 }
@@ -20310,9 +20350,7 @@ function deepClone(source2) {
 function deepmerge(target, source2, options = {
   clone: true
 }) {
-  const output = options.clone ? {
-    ...target
-  } : target;
+  const output = options.clone ? _extends$1({}, target) : target;
   if (isPlainObject(target) && isPlainObject(source2)) {
     Object.keys(source2).forEach((key) => {
       if (key === "__proto__") {
@@ -20343,15 +20381,10 @@ function capitalize(string2) {
   return string2.charAt(0).toUpperCase() + string2.slice(1);
 }
 function resolveProps(defaultProps, props) {
-  const output = {
-    ...props
-  };
+  const output = _extends$1({}, props);
   Object.keys(defaultProps).forEach((propName) => {
     if (propName.toString().match(/^(components|slots)$/)) {
-      output[propName] = {
-        ...defaultProps[propName],
-        ...output[propName]
-      };
+      output[propName] = _extends$1({}, defaultProps[propName], output[propName]);
     } else if (propName.toString().match(/^(componentsProps|slotProps)$/)) {
       const defaultSlotProps = defaultProps[propName] || {};
       const slotProps = props[propName];
@@ -20361,9 +20394,7 @@ function resolveProps(defaultProps, props) {
       } else if (!defaultSlotProps || !Object.keys(defaultSlotProps)) {
         output[propName] = slotProps;
       } else {
-        output[propName] = {
-          ...slotProps
-        };
+        output[propName] = _extends$1({}, slotProps);
         Object.keys(defaultSlotProps).forEach((slotPropName) => {
           output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
         });
@@ -20436,20 +20467,6 @@ function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui")
   return result;
 }
 var THEME_ID = "$$material";
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source2 = arguments[i];
-      for (var key in source2) {
-        if (Object.prototype.hasOwnProperty.call(source2, key)) {
-          target[key] = source2[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
 function _objectWithoutPropertiesLoose$1(source2, excluded) {
   if (source2 == null)
     return {};
@@ -22255,8 +22272,8 @@ const width = style$1({
 const maxWidth = (props) => {
   if (props.maxWidth !== void 0 && props.maxWidth !== null) {
     const styleFromPropValue = (propValue) => {
-      var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
-      const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || values[propValue];
+      var _props$theme;
+      const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || values[propValue];
       return {
         maxWidth: breakpoint || sizingTransform(propValue)
       };
@@ -22723,7 +22740,7 @@ const splitProps = (props) => {
     systemProps: {},
     otherProps: {}
   };
-  const config = (_props$theme$unstable = props == null ? void 0 : (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig$1;
+  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig$1;
   Object.keys(props).forEach((prop) => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];
@@ -22829,12 +22846,12 @@ const getVariantStyles = (name, theme) => {
   return variantsStyles;
 };
 const variantsResolver = (props, styles2, theme, name) => {
-  var _theme$components, _theme$components$nam;
+  var _theme$components;
   const {
     ownerState = {}
   } = props;
   const variantsStyles = [];
-  const themeVariants = theme == null ? void 0 : (_theme$components = theme.components) == null ? void 0 : (_theme$components$nam = _theme$components[name]) == null ? void 0 : _theme$components$nam.variants;
+  const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
   if (themeVariants) {
     themeVariants.forEach((themeVariant) => {
       let isMatch = true;
@@ -23587,26 +23604,26 @@ const SvgIconRoot = styled$1("svg", {
   theme,
   ownerState
 }) => {
-  var _theme$transitions, _theme$transitions$cr, _theme$transitions2, _theme$transitions2$d, _theme$typography, _theme$typography$pxT, _theme$typography2, _theme$typography2$px, _theme$typography3, _theme$typography3$px, _palette$ownerState$c, _palette, _palette$ownerState$c2, _palette2, _palette2$action, _palette3, _palette3$action;
+  var _theme$transitions, _theme$transitions$cr, _theme$transitions2, _theme$typography, _theme$typography$pxT, _theme$typography2, _theme$typography2$px, _theme$typography3, _theme$typography3$px, _palette$ownerState$c, _palette, _palette2, _palette3;
   return {
     userSelect: "none",
     width: "1em",
     height: "1em",
     display: "inline-block",
-    fill: "currentColor",
+    fill: ownerState.hasSvgAsChild ? void 0 : "currentColor",
     flexShrink: 0,
-    transition: (_theme$transitions = theme.transitions) == null ? void 0 : (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, "fill", {
-      duration: (_theme$transitions2 = theme.transitions) == null ? void 0 : (_theme$transitions2$d = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2$d.shorter
+    transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, "fill", {
+      duration: (_theme$transitions2 = theme.transitions) == null || (_theme$transitions2 = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2.shorter
     }),
     fontSize: {
       inherit: "inherit",
-      small: ((_theme$typography = theme.typography) == null ? void 0 : (_theme$typography$pxT = _theme$typography.pxToRem) == null ? void 0 : _theme$typography$pxT.call(_theme$typography, 20)) || "1.25rem",
-      medium: ((_theme$typography2 = theme.typography) == null ? void 0 : (_theme$typography2$px = _theme$typography2.pxToRem) == null ? void 0 : _theme$typography2$px.call(_theme$typography2, 24)) || "1.5rem",
-      large: ((_theme$typography3 = theme.typography) == null ? void 0 : (_theme$typography3$px = _theme$typography3.pxToRem) == null ? void 0 : _theme$typography3$px.call(_theme$typography3, 35)) || "2.1875rem"
+      small: ((_theme$typography = theme.typography) == null || (_theme$typography$pxT = _theme$typography.pxToRem) == null ? void 0 : _theme$typography$pxT.call(_theme$typography, 20)) || "1.25rem",
+      medium: ((_theme$typography2 = theme.typography) == null || (_theme$typography2$px = _theme$typography2.pxToRem) == null ? void 0 : _theme$typography2$px.call(_theme$typography2, 24)) || "1.5rem",
+      large: ((_theme$typography3 = theme.typography) == null || (_theme$typography3$px = _theme$typography3.pxToRem) == null ? void 0 : _theme$typography3$px.call(_theme$typography3, 35)) || "2.1875rem"
     }[ownerState.fontSize],
-    color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null ? void 0 : (_palette$ownerState$c2 = _palette[ownerState.color]) == null ? void 0 : _palette$ownerState$c2.main) != null ? _palette$ownerState$c : {
-      action: (_palette2 = (theme.vars || theme).palette) == null ? void 0 : (_palette2$action = _palette2.action) == null ? void 0 : _palette2$action.active,
-      disabled: (_palette3 = (theme.vars || theme).palette) == null ? void 0 : (_palette3$action = _palette3.action) == null ? void 0 : _palette3$action.disabled,
+    color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null || (_palette = _palette[ownerState.color]) == null ? void 0 : _palette.main) != null ? _palette$ownerState$c : {
+      action: (_palette2 = (theme.vars || theme).palette) == null || (_palette2 = _palette2.action) == null ? void 0 : _palette2.active,
+      disabled: (_palette3 = (theme.vars || theme).palette) == null || (_palette3 = _palette3.action) == null ? void 0 : _palette3.disabled,
       inherit: void 0
     }[ownerState.color]
   };
@@ -23627,13 +23644,15 @@ const SvgIcon = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps, re
     titleAccess,
     viewBox = "0 0 24 24"
   } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded);
+  const hasSvgAsChild = /* @__PURE__ */ React$1.isValidElement(children) && children.type === "svg";
   const ownerState = _extends$1({}, props, {
     color: color2,
     component,
     fontSize,
     instanceFontSize: inProps.fontSize,
     inheritViewBox,
-    viewBox
+    viewBox,
+    hasSvgAsChild
   });
   const more = {};
   if (!inheritViewBox) {
@@ -23648,9 +23667,9 @@ const SvgIcon = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps, re
     "aria-hidden": titleAccess ? void 0 : true,
     role: titleAccess ? "img" : void 0,
     ref
-  }, more, other, {
+  }, more, other, hasSvgAsChild && children.props, {
     ownerState,
-    children: [children, titleAccess ? /* @__PURE__ */ jsx("title", {
+    children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /* @__PURE__ */ jsx("title", {
       children: titleAccess
     }) : null]
   }));
@@ -23678,79 +23697,29 @@ const Box = createBox({
 });
 var Box$1 = Box;
 function StatusComponent({
-  title,
   status,
-  message,
-  lists,
-  complementarySearch,
-  clearState,
-  dataReq
+  message
 }) {
-  const arrWarning = ["TOKEN", "CLIENTID", "MATCH", "NOT_VERIFY", "COUNTRY_NOT_ALLOWED", "0", 400, 404, 0, 429, 500];
+  const arrWarning = ["TOKEN", "CLIENTID", "MATCH", "NOT_VERIFY", "COUNTRY_NOT_ALLOWED", "USE_VPN", "0", 400, 404, 0, 429, 500];
   const arrSuccess = ["ACCEPT", "Success", "FACER_OK"];
-  const [report, setReport] = useState({});
-  const handleReport = (list) => {
-    setReport(list);
-  };
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: !lib$1(report) ? /* @__PURE__ */ jsx(Fragment, {
-      children: /* @__PURE__ */ jsxs("div", {
-        style: {
-          width: "100%"
-        },
-        children: [/* @__PURE__ */ jsx("h4", {
-          children: "Lista de sanciones"
-        }), /* @__PURE__ */ jsx("p", {
-          children: report[0]
-        }), /* @__PURE__ */ jsx("div", {
-          children: /* @__PURE__ */ jsx("ul", {
-            style: {
-              listStyleType: "none"
-            },
-            children: report.map((item, i) => {
-              return /* @__PURE__ */ jsx("li", {
-                style: {
-                  textAlign: "left"
-                },
-                children: item
-              }, i);
-            })
-          })
-        })]
-      })
-    }) : /* @__PURE__ */ jsxs(Fragment, {
-      children: [arrWarning.includes(status) ? /* @__PURE__ */ jsx(ErrorAnimation, {
-        message: message ? message : "Error obteniendo el Token"
-      }) : arrSuccess.includes(status) ? /* @__PURE__ */ jsx(SuccessAnimation, {
-        message
-      }) : null, !lib$1(lists) && /* @__PURE__ */ jsx(ListsAccordion, {
-        lists,
-        handleReport
-      }), status !== "COUNTRY_NOT_ALLOWED" && status !== "TOKEN" ? /* @__PURE__ */ jsxs(Box$1, {
-        className: `${lists && Object.keys(lists).length > 0 ? "both-button" : ""}`,
-        children: [/* @__PURE__ */ jsx(CustomButton, {
-          className: "my-2 col-6 warning-button",
-          onClick: () => clearState(),
-          children: "Volver"
-        }), complementarySearch && Object.keys(lists).length > 0 && /* @__PURE__ */ jsx(CustomButton, {
-          className: "my-1 col-6",
-          onClick: complementarySearch,
-          children: "Filtrar por"
-        })]
-      }) : null]
-    })
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [arrWarning.includes(status) && /* @__PURE__ */ jsx(ErrorAnimation, {
+      message: message ? message : "Error obteniendo el Token"
+    }), arrSuccess.includes(status) && /* @__PURE__ */ jsx(SuccessAnimation, {
+      message
+    })]
   });
 }
 function BlackList({
   mode,
-  loader,
   icon,
   clientId,
   authorize,
   inProduction,
   source: source2,
   eventId,
-  countryCodeAllowed
+  countryCodeAllowed,
+  validateVpn
 }) {
   const {
     onSendSubmitDocument,
@@ -23767,7 +23736,7 @@ function BlackList({
     complementarySearch,
     dataReq,
     countryCode
-  } = BlackListController(clientId, authorize, eventId, inProduction, countryCodeAllowed, source2);
+  } = BlackListController(clientId, authorize, eventId, inProduction, countryCodeAllowed, source2, validateVpn);
   return /* @__PURE__ */ jsxs("div", {
     className: `kit-gbc ${mode}`,
     children: [/* @__PURE__ */ jsx(k$1, {
@@ -23785,19 +23754,20 @@ function BlackList({
       id: "blacklist",
       children: /* @__PURE__ */ jsxs("div", {
         className: "sub",
-        children: [/* @__PURE__ */ jsx("h4", {
-          children: "Lista de sanciones y PEP's"
-        }), !lib$1(status) ? /* @__PURE__ */ jsx(StatusComponent, {
-          status,
-          message: message.message ? message.message : message,
-          lists: listMatch,
-          complementarySearch,
-          clearState,
-          dataReq
-        }) : /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx("p", {
+        children: [/* @__PURE__ */ jsxs("div", {
+          className: "header-component",
+          children: [/* @__PURE__ */ jsx("h4", {
+            children: "Lista de sanciones y PEP's"
+          }), !lib$1(status) ? /* @__PURE__ */ jsx(StatusComponent, {
+            status,
+            message: message.message ? message.message : message
+          }) : /* @__PURE__ */ jsx("p", {
             children: "Ingrese al menos el primer nombre y apellido de la persona a consultar."
-          }), /* @__PURE__ */ jsx(CustomInputForm, {
+          })]
+        }), !lib$1(listMatch) && /* @__PURE__ */ jsx(ListsAccordion, {
+          lists: listMatch
+        }), lib$1(status) && /* @__PURE__ */ jsxs(Fragment, {
+          children: [/* @__PURE__ */ jsx(CustomInputForm, {
             type: "text",
             name: "first_name",
             placeholder: "Primer nombre",
@@ -23851,47 +23821,63 @@ function BlackList({
             type: "submit",
             children: "Procesar"
           })]
-        })]
+        }), status !== "COUNTRY_NOT_ALLOWED" && status !== "TOKEN" && status !== "CLIENTID" && status !== "USE_VPN" ? /* @__PURE__ */ jsxs(Box$1, {
+          className: `${listMatch && Object.keys(listMatch).length > 0 ? "both-button" : ""}`,
+          children: [!lib$1(status) && /* @__PURE__ */ jsx(CustomButton, {
+            type: "warning",
+            className: "my-2 col-6 warning-button",
+            onClick: () => clearState(),
+            children: "Volver"
+          }), complementarySearch && Object.keys(listMatch).length > 0 && /* @__PURE__ */ jsx(CustomButton, {
+            className: "my-1 col-6",
+            onClick: complementarySearch,
+            children: "Filtrar por"
+          })]
+        }) : null]
       })
     })]
   });
 }
 BlackList.defaultProps = {
   mode: "light",
-  loader: false,
   inProduction: "prd",
   countryCodeAllowed: null,
   source: "component",
-  eventId: null
+  eventId: null,
+  validateVpn: false
 };
 BlackList.propTypes = {
   mode: propTypes.exports.PropTypes.string,
-  loader: propTypes.exports.PropTypes.bool,
   icon: propTypes.exports.PropTypes.func,
   clientId: propTypes.exports.PropTypes.string.isRequired,
   authorize: propTypes.exports.PropTypes.func.isRequired,
   inProduction: propTypes.exports.PropTypes.string,
   countryCodeAllowed: propTypes.exports.PropTypes.array,
   source: propTypes.exports.PropTypes.string,
-  eventId: propTypes.exports.PropTypes.string
+  eventId: propTypes.exports.PropTypes.string,
+  validateVpn: propTypes.exports.PropTypes.bool
 };
-const DocumentReaderController = (dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed) => {
+const DocumentReaderController = (dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, validateVpn) => {
   const [docImage, setDocImage] = useState({});
   const [base64, setBase64] = useState({});
   const [message, setMessage] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : authorize === void 0 ? "TOKEN" : "");
   const [countryCode, setCountryCode] = useState(null);
-  const geolocation = useGeolocation();
+  const geolocation = useGeolocation(inProduction);
   const [dualMode, setDualMode] = useState(false);
   useEffect(() => {
-    if (countryCodeAllowed && geolocation) {
-      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.country_code))) {
+    if (countryCodeAllowed && (geolocation == null ? void 0 : geolocation.data_connection.isocode)) {
+      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.data_connection.isocode))) {
         setStatus("COUNTRY_NOT_ALLOWED");
         setMessage("Pa\xEDs no autorizado");
       }
     }
-    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.country_code);
+    if (validateVpn && (geolocation == null ? void 0 : geolocation.data_connection.proxy) == "yes") {
+      setStatus("USE_VPN");
+      setMessage("Uso de Proxy o VPN no permitido");
+    }
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
   }, [geolocation, countryCodeAllowed]);
   const clearState = () => {
     setDocImage({});
@@ -23952,7 +23938,8 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
           eventId,
           source: source2,
           inProduction,
-          clientId
+          clientId,
+          geolocation
         });
         fullData && await dataDocument(fullData);
         const {
@@ -24047,7 +24034,8 @@ function DocumentReader({
   eventId,
   source: source2,
   inProduction,
-  countryCodeAllowed
+  countryCodeAllowed,
+  validateVpn
 }) {
   const {
     onSendSubmitDocument,
@@ -24062,7 +24050,7 @@ function DocumentReader({
     countryCode,
     setDualMode,
     dualMode
-  } = DocumentReaderController(dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed);
+  } = DocumentReaderController(dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, validateVpn);
   return /* @__PURE__ */ jsxs("div", {
     className: `kit-gbc ${mode}`,
     children: [/* @__PURE__ */ jsx(k$1, {
@@ -24077,6 +24065,7 @@ function DocumentReader({
       pauseOnHover: true
     }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx(BackDropLoader, {}) : null, /* @__PURE__ */ jsx("form", {
       onSubmit: simpleHandleSubmit(onSendSubmitDocument),
+      id: "document-reader",
       children: /* @__PURE__ */ jsxs("div", {
         className: "sub",
         children: [/* @__PURE__ */ jsxs("div", {
@@ -24085,8 +24074,7 @@ function DocumentReader({
             children: "Lectura del documento"
           }), !lib$1(status) ? /* @__PURE__ */ jsx(StatusComponent, {
             status,
-            message,
-            clearState
+            message
           }) : /* @__PURE__ */ jsx("p", {
             children: "Utilice la c\xE1mara de su dispositivo para capturar una foto de su documento de identidad."
           })]
@@ -24150,14 +24138,14 @@ function DocumentReader({
               type: "submit",
               children: "Procesar"
             })]
-          }), docImage.firstImage && dualMode && !status && docImage.secondImage || !dualMode && !status && docImage.secondImage ? /* @__PURE__ */ jsx(Box$1, {
+          }), docImage.firstImage && dualMode && docImage.secondImage || !dualMode && docImage.secondImage || status && status !== "COUNTRY_NOT_ALLOWED" && status !== "TOKEN" && status !== "CLIENTID" && status !== "USE_VPN" ? /* @__PURE__ */ jsx(Box$1, {
             children: /* @__PURE__ */ jsxs("div", {
-              className: "both-button",
+              className: `${!status && "both-button"}`,
               children: [/* @__PURE__ */ jsx(CustomButton, {
                 type: "warning",
                 onClick: () => clearState(),
                 children: "Volver"
-              }), /* @__PURE__ */ jsx(CustomButton, {
+              }), !status && /* @__PURE__ */ jsx(CustomButton, {
                 type: "submit",
                 children: "Procesar"
               })]
@@ -24174,7 +24162,8 @@ DocumentReader.defaultProps = {
   inProduction: "prd",
   countryCodeAllowed: null,
   source: "component",
-  eventId: null
+  eventId: null,
+  validateVpn: false
 };
 DocumentReader.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -24186,7 +24175,8 @@ DocumentReader.propTypes = {
   inProduction: propTypes.exports.PropTypes.string,
   countryCodeAllowed: propTypes.exports.PropTypes.array,
   source: propTypes.exports.PropTypes.string,
-  eventId: propTypes.exports.PropTypes.string
+  eventId: propTypes.exports.PropTypes.string,
+  validateVpn: propTypes.exports.PropTypes.bool
 };
 const fetchFaceMatch = async (faceMatch, selfie, inProduction, customHeaders) => {
   const parseReq = {
@@ -24207,7 +24197,7 @@ const fetchFaceMatch = async (faceMatch, selfie, inProduction, customHeaders) =>
     return error;
   }
 };
-const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed) => {
+const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed, validateVpn) => {
   const [docImage, setDocImage] = useState({});
   const [image, setImage] = useState("");
   const [message, setMessage] = useState("");
@@ -24216,7 +24206,7 @@ const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authoriz
   const webcamRef = useRef(null);
   const [url, setUrl] = useState(null);
   const [countryCode, setCountryCode] = useState(null);
-  const geolocation = useGeolocation();
+  const geolocation = useGeolocation(inProduction);
   const capturePhoto = useCallback(async () => {
     const imageSrc = webcamRef.current.getScreenshot({
       width: 480,
@@ -24228,12 +24218,16 @@ const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authoriz
   }, [webcamRef]);
   useEffect(() => {
     if (countryCodeAllowed && geolocation) {
-      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.country_code))) {
+      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.data_connection.isocode))) {
         setStatus("COUNTRY_NOT_ALLOWED");
         setMessage("Pa\xEDs no autorizado");
       }
     }
-    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.country_code);
+    if (validateVpn && (geolocation == null ? void 0 : geolocation.data_connection.proxy) == "yes") {
+      setStatus("USE_VPN");
+      setMessage("Uso de Proxy o VPN no permitido");
+    }
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
   }, [geolocation, countryCodeAllowed]);
   const clearState = () => {
     setDocImage({});
@@ -24269,7 +24263,8 @@ const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authoriz
           eventId,
           source: source2,
           inProduction,
-          clientId
+          clientId,
+          geolocation
         });
         const {
           message: message2
@@ -24724,7 +24719,8 @@ function FaceMatch({
   picBase64,
   eventId,
   source: source2,
-  countryCodeAllowed
+  countryCodeAllowed,
+  validateVpn
 }) {
   const [takePic, setTakePic] = useState(false);
   const {
@@ -24740,7 +24736,7 @@ function FaceMatch({
     url,
     setUrl,
     countryCode
-  } = FaceMatchController(dataFaceMatch, clientId, eventId, source2, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed);
+  } = FaceMatchController(dataFaceMatch, clientId, eventId, source2, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed, validateVpn);
   const onUserMedia = (e2) => {
     console.log(e2, "userMedia");
   };
@@ -24764,81 +24760,84 @@ function FaceMatch({
       pauseOnHover: true
     }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx(BackDropLoader, {}) : null, /* @__PURE__ */ jsx("form", {
       onSubmit: simpleHandleSubmit(onSendSubmitSelfie),
+      id: "face-match",
       children: /* @__PURE__ */ jsxs("div", {
         className: "sub",
-        children: [/* @__PURE__ */ jsx("h4", {
-          children: "Comparaci\xF3n de rostro"
-        }), !lib$1(status) ? /* @__PURE__ */ jsx(StatusComponent, {
-          status,
-          message,
-          clearState
-        }) : /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx("p", {
+        children: [/* @__PURE__ */ jsxs("div", {
+          className: "header-component",
+          children: [/* @__PURE__ */ jsx("h4", {
+            children: "Comparaci\xF3n de rostro"
+          }), !lib$1(status) ? /* @__PURE__ */ jsx(StatusComponent, {
+            status,
+            message
+          }) : /* @__PURE__ */ jsx("p", {
             children: "Utilice la c\xE1mara de su dispositivo para capturar una selfie."
-          }), /* @__PURE__ */ jsxs("div", {
-            className: "pics-container",
-            children: [/* @__PURE__ */ jsx("div", {
+          })]
+        }), lib$1(status) && /* @__PURE__ */ jsxs("div", {
+          className: "pics-container",
+          children: [/* @__PURE__ */ jsx("div", {
+            className: "box-image",
+            children: lib$1(picBase64) ? /* @__PURE__ */ jsxs("div", {
+              className: "upload-document without-image",
+              style: {
+                backgroundImage: `url(${dummyImage})`
+              },
+              children: [/* @__PURE__ */ jsx(ImageNotSupportedIcon, {}), /* @__PURE__ */ jsx("p", {
+                children: "Imagen no detectada"
+              })]
+            }) : /* @__PURE__ */ jsx("div", {
+              className: "upload-document bg-img-container",
+              style: {
+                backgroundImage: `url(${picBase64})`
+              }
+            })
+          }), /* @__PURE__ */ jsx("div", {
+            className: "icon",
+            children: /* @__PURE__ */ jsx(CompareArrowsIcon, {})
+          }), /* @__PURE__ */ jsx("div", {
+            children: !takePic ? /* @__PURE__ */ jsx("label", {
               className: "box-image",
-              children: lib$1(picBase64) ? /* @__PURE__ */ jsxs("div", {
+              children: /* @__PURE__ */ jsxs("div", {
                 className: "upload-document without-image",
                 style: {
                   backgroundImage: `url(${dummyImage})`
                 },
-                children: [/* @__PURE__ */ jsx(ImageNotSupportedIcon, {}), /* @__PURE__ */ jsx("p", {
-                  children: "Imagen no detectada"
+                children: [/* @__PURE__ */ jsx(CloudUploadIcon, {}), /* @__PURE__ */ jsx("p", {
+                  children: lib$1(docImage) ? "Tomar selfie" : docImage
+                }), /* @__PURE__ */ jsx("input", {
+                  hidden: true,
+                  accept: "image/*",
+                  capture: "camera",
+                  id: "docImage",
+                  onClick: () => setTakePic(true)
                 })]
-              }) : /* @__PURE__ */ jsx("div", {
-                className: "upload-document bg-img-container",
-                style: {
-                  backgroundImage: `url(${picBase64})`
-                }
               })
-            }), /* @__PURE__ */ jsx("div", {
-              className: "icon",
-              children: /* @__PURE__ */ jsx(CompareArrowsIcon, {})
-            }), /* @__PURE__ */ jsx("div", {
-              children: !takePic ? /* @__PURE__ */ jsx("label", {
-                className: "box-image",
-                children: /* @__PURE__ */ jsxs("div", {
-                  className: "upload-document without-image",
+            }) : /* @__PURE__ */ jsx("div", {
+              className: "box-image",
+              children: !url ? /* @__PURE__ */ jsx(Webcam, {
+                ref: webcamRef,
+                audio: false,
+                screenshotFormat: "image/png",
+                videoConstraints,
+                forceScreenshotSourceSize: true,
+                onUserMedia,
+                mirrored: true
+              }) : /* @__PURE__ */ jsx(Fragment, {
+                children: /* @__PURE__ */ jsx("div", {
+                  className: "upload-document bg-img-container",
                   style: {
-                    backgroundImage: `url(${dummyImage})`
-                  },
-                  children: [/* @__PURE__ */ jsx(CloudUploadIcon, {}), /* @__PURE__ */ jsx("p", {
-                    children: lib$1(docImage) ? "Tomar selfie" : docImage
-                  }), /* @__PURE__ */ jsx("input", {
-                    hidden: true,
-                    accept: "image/*",
-                    capture: "camera",
-                    id: "docImage",
-                    onClick: () => setTakePic(true)
-                  })]
-                })
-              }) : /* @__PURE__ */ jsx("div", {
-                className: "box-image",
-                children: !url ? /* @__PURE__ */ jsx(Webcam, {
-                  ref: webcamRef,
-                  audio: false,
-                  screenshotFormat: "image/png",
-                  videoConstraints,
-                  forceScreenshotSourceSize: true,
-                  onUserMedia,
-                  mirrored: true
-                }) : /* @__PURE__ */ jsx(Fragment, {
-                  children: /* @__PURE__ */ jsx("div", {
-                    className: "upload-document bg-img-container",
-                    style: {
-                      backgroundImage: `url(${url})`
-                    }
-                  })
+                    backgroundImage: `url(${url})`
+                  }
                 })
               })
-            })]
-          }), takePic && !url && webcamRef && /* @__PURE__ */ jsx(CustomButton, {
-            type: "button",
-            onClick: capturePhoto,
-            children: "Capturar Selfie"
-          }), url && /* @__PURE__ */ jsxs("div", {
+            })
+          })]
+        }), takePic && !url && webcamRef && /* @__PURE__ */ jsx(CustomButton, {
+          type: "button",
+          onClick: capturePhoto,
+          children: "Capturar Selfie"
+        }), /* @__PURE__ */ jsx(Fragment, {
+          children: url && /* @__PURE__ */ jsxs("div", {
             style: {
               display: "flex",
               justifyContent: "space-between"
@@ -24852,7 +24851,7 @@ function FaceMatch({
               type: "submit",
               children: "Procesar"
             })]
-          })]
+          })
         })]
       })
     })]
@@ -24865,7 +24864,8 @@ FaceMatch.defaultProps = {
   picBase64: "",
   countryCodeAllowed: null,
   eventId: null,
-  source: "component"
+  source: "component",
+  validateVpn: false
 };
 FaceMatch.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -24878,39 +24878,22 @@ FaceMatch.propTypes = {
   picBase64: propTypes.exports.PropTypes.string.isRequired,
   countryCodeAllowed: propTypes.exports.PropTypes.array,
   eventId: propTypes.exports.PropTypes.string,
-  source: propTypes.exports.PropTypes.string
+  source: propTypes.exports.PropTypes.string,
+  validateVpn: propTypes.exports.PropTypes.bool
 };
-const LivenessController = (clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch, dataLiveness) => {
+const LivenessController = (clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch, dataLiveness, validateVpn) => {
   const [isLoading, setIsLoading] = useState(false);
   const [token2, setToken] = useState("");
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : token2 === void 0 ? "TOKEN" : "");
   const [message, setMessage] = useState("");
   const [countryCode, setCountryCode] = useState(null);
-  const geolocation = useGeolocation();
+  const geolocation = useGeolocation(inProduction);
   const [data2, setData] = useState({});
   const [similarity, setSimilarity] = useState(0);
   const listener = (event) => {
     if (event.detail) {
-      if (event.detail.action === "PROCESS_FINISHED") {
-        const {
-          data: data22
-        } = event.detail;
-        if (data22.reason) {
-          setStatus("NOT_VERIFY");
-          setMessage("Error de conexi\xF3n, contactar con soporte!");
-        } else {
-          const {
-            response
-          } = event.detail.data;
-          const {
-            code
-          } = response;
-          if (code === -1) {
-            setStatus("NOT_VERIFY");
-            setMessage("Error interno de aplicaci\xF3n, contactar con soporte!");
-          }
-          setData(response);
-        }
+      if (event.detail.action === "PROCESS_FINISHED" && event.detail.data.response.code != -1) {
+        setData(event.detail.data.response);
       }
     }
   };
@@ -24920,13 +24903,17 @@ const LivenessController = (clientId, eventId, source2, inProduction, countryCod
     }
   }, [data2]);
   useEffect(() => {
-    if (countryCodeAllowed && geolocation) {
-      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.country_code))) {
+    if (countryCodeAllowed && (geolocation == null ? void 0 : geolocation.data_connection.isocode)) {
+      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.data_connection.isocode))) {
         setStatus("COUNTRY_NOT_ALLOWED");
         setMessage("Pa\xEDs no autorizado");
       }
     }
-    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.country_code);
+    if (validateVpn && (geolocation == null ? void 0 : geolocation.data_connection.proxy) == "yes") {
+      setStatus("USE_VPN");
+      setMessage("Uso de Proxy o VPN no permitido");
+    }
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
   }, [geolocation, countryCodeAllowed]);
   const clearState = () => {
     setStatus("");
@@ -24944,10 +24931,10 @@ const LivenessController = (clientId, eventId, source2, inProduction, countryCod
         eventId,
         source: source2,
         inProduction,
-        clientId
+        clientId,
+        geolocation
       }).then((res) => dataLiveness(res));
     } catch (errorSavingData) {
-      console.log(errorSavingData);
       return errorSavingData;
     }
   };
@@ -26148,7 +26135,8 @@ function LivenessCheck({
   inProduction,
   countryCodeAllowed,
   faceMatch,
-  dataLiveness
+  dataLiveness,
+  validateVpn
 }) {
   const {
     status,
@@ -26158,7 +26146,7 @@ function LivenessCheck({
     message,
     countryCode,
     setToken
-  } = LivenessController(clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch, dataLiveness);
+  } = LivenessController(clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch, dataLiveness, validateVpn);
   useEffect(() => {
     const component = document.getElementsByTagName("face-liveness")[0];
     if (component) {
@@ -26189,8 +26177,14 @@ function LivenessCheck({
           children: "Verificaci\xF3n liveness"
         }), /* @__PURE__ */ jsx(StatusComponent, {
           status,
-          message,
-          clearState
+          message
+        }), status !== "COUNTRY_NOT_ALLOWED" && status !== "TOKEN" && status !== "CLIENTID" && status !== "USE_VPN" && /* @__PURE__ */ jsx(Box$1, {
+          width: "100%",
+          children: /* @__PURE__ */ jsx(CustomButton, {
+            type: "warning",
+            onClick: () => clearState(),
+            children: "Volver"
+          })
         })]
       }) : /* @__PURE__ */ jsx("face-liveness", {
         locale: "es",
@@ -26206,7 +26200,8 @@ LivenessCheck.defaultProps = {
   countryCodeAllowed: null,
   eventId: null,
   source: "component",
-  faceMatch: null
+  faceMatch: null,
+  validateVpn: false
 };
 LivenessCheck.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -26217,7 +26212,8 @@ LivenessCheck.propTypes = {
   eventId: propTypes.exports.PropTypes.string,
   source: propTypes.exports.PropTypes.string,
   faceMatch: propTypes.exports.PropTypes.string,
-  dataLiveness: propTypes.exports.PropTypes.func.isRequired
+  dataLiveness: propTypes.exports.PropTypes.func.isRequired,
+  validateVpn: propTypes.exports.PropTypes.bool
 };
 var bootstrap_min = "";
 var bootstrap_bundle_min = { exports: {} };