gbc-kyc-kit 3.2.0 → 3.3.1

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

@@ -11745,13 +11745,13 @@ var descriptors = {};
 });
 Object.defineProperties(AxiosError$5, descriptors);
 Object.defineProperty(prototype, "isAxiosError", { value: true });
-AxiosError$5.from = function(error, code, config2, request3, response, customProps) {
+AxiosError$5.from = function(error2, code, config2, request3, response, customProps) {
   var axiosError = Object.create(prototype);
-  utils$d.toFlatObject(error, axiosError, function filter2(obj) {
+  utils$d.toFlatObject(error2, axiosError, function filter2(obj) {
     return obj !== Error.prototype;
   });
-  AxiosError$5.call(axiosError, error.message, code, config2, request3, response);
-  axiosError.name = error.name;
+  AxiosError$5.call(axiosError, error2.message, code, config2, request3, response);
+  axiosError.name = error2.name;
   customProps && Object.assign(axiosError, customProps);
   return axiosError;
 };
@@ -12500,15 +12500,15 @@ Axios$1.prototype.request = function request(configOrUrl, config2) {
     var onRejected = requestInterceptorChain.shift();
     try {
       newConfig = onFulfilled(newConfig);
-    } catch (error) {
-      onRejected(error);
+    } catch (error2) {
+      onRejected(error2);
       break;
     }
   }
   try {
     promise = dispatchRequest2(newConfig);
-  } catch (error) {
-    return Promise.reject(error);
+  } catch (error2) {
+    return Promise.reject(error2);
   }
   while (responseInterceptorChain.length) {
     promise = promise.then(responseInterceptorChain.shift(), responseInterceptorChain.shift());
@@ -13260,10 +13260,10 @@ const iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {
   return;
 };
 function schemaErrorLookup(errors, _fields, name) {
-  const error = get$2(errors, name);
-  if (error || isKey$4(name)) {
+  const error2 = get$2(errors, name);
+  if (error2 || isKey$4(name)) {
     return {
-      error,
+      error: error2,
       name
     };
   }
@@ -13312,9 +13312,9 @@ var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode)
   return true;
 };
 var unsetEmptyArray = (ref, name) => !compact(get$2(ref, name)).length && unset(ref, name);
-var updateFieldArrayRootError = (errors, error, name) => {
+var updateFieldArrayRootError = (errors, error2, name) => {
   const fieldArrayErrors = convertToArrayPayload(get$2(errors, name));
-  set$1(fieldArrayErrors, "root", error[name]);
+  set$1(fieldArrayErrors, "root", error2[name]);
   set$1(errors, name, fieldArrayErrors);
   return errors;
 };
@@ -13345,15 +13345,15 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
       inputRef.reportValidity();
     }
   };
-  const error = {};
+  const error2 = {};
   const isRadio = isRadioInput(ref);
   const isCheckBox = isCheckBoxInput(ref);
   const isRadioOrCheckbox2 = isRadio || isCheckBox;
   const isEmpty2 = (valueAsNumber || isFileInput(ref)) && isUndefined(ref.value) && isUndefined(inputValue) || isHTMLElement$2(ref) && ref.value === "" || inputValue === "" || Array.isArray(inputValue) && !inputValue.length;
-  const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error);
+  const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error2);
   const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => {
     const message = exceedMax ? maxLengthMessage : minLengthMessage;
-    error[name] = {
+    error2[name] = {
       type: exceedMax ? maxType : minType,
       message,
       ref,
@@ -13363,7 +13363,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
   if (isFieldArray ? !Array.isArray(inputValue) || !inputValue.length : required && (!isRadioOrCheckbox2 && (isEmpty2 || isNullOrUndefined(inputValue)) || isBoolean(inputValue) && !inputValue || isCheckBox && !getCheckboxValue(refs).isValid || isRadio && !getRadioValue(refs).isValid)) {
     const { value, message } = isMessage(required) ? { value: !!required, message: required } : getValueAndMessage(required);
     if (value) {
-      error[name] = {
+      error2[name] = {
         type: INPUT_VALIDATION_RULES.required,
         message,
         ref: inputRef,
@@ -13371,7 +13371,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
       };
       if (!validateAllFieldCriteria) {
         setCustomValidity(message);
-        return error;
+        return error2;
       }
     }
   }
@@ -13403,8 +13403,8 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
     if (exceedMax || exceedMin) {
       getMinMaxMessage(!!exceedMax, maxOutput.message, minOutput.message, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);
       if (!validateAllFieldCriteria) {
-        setCustomValidity(error[name].message);
-        return error;
+        setCustomValidity(error2[name].message);
+        return error2;
       }
     }
   }
@@ -13416,15 +13416,15 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
     if (exceedMax || exceedMin) {
       getMinMaxMessage(exceedMax, maxLengthOutput.message, minLengthOutput.message);
       if (!validateAllFieldCriteria) {
-        setCustomValidity(error[name].message);
-        return error;
+        setCustomValidity(error2[name].message);
+        return error2;
       }
     }
   }
   if (pattern && !isEmpty2 && isString(inputValue)) {
     const { value: patternValue, message } = getValueAndMessage(pattern);
     if (isRegex(patternValue) && !inputValue.match(patternValue)) {
-      error[name] = {
+      error2[name] = {
         type: INPUT_VALIDATION_RULES.pattern,
         message,
         ref,
@@ -13432,7 +13432,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
       };
       if (!validateAllFieldCriteria) {
         setCustomValidity(message);
-        return error;
+        return error2;
       }
     }
   }
@@ -13441,13 +13441,13 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
       const result = await validate(inputValue, formValues);
       const validateError = getValidateError(result, inputRef);
       if (validateError) {
-        error[name] = {
+        error2[name] = {
           ...validateError,
           ...appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message)
         };
         if (!validateAllFieldCriteria) {
           setCustomValidity(validateError.message);
-          return error;
+          return error2;
         }
       }
     } else if (isObject$6(validate)) {
@@ -13464,23 +13464,23 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
           };
           setCustomValidity(validateError.message);
           if (validateAllFieldCriteria) {
-            error[name] = validationResult;
+            error2[name] = validationResult;
           }
         }
       }
       if (!isEmptyObject(validationResult)) {
-        error[name] = {
+        error2[name] = {
           ref: inputRef,
           ...validationResult
         };
         if (!validateAllFieldCriteria) {
-          return error;
+          return error2;
         }
       }
     }
   }
   setCustomValidity(true);
-  return error;
+  return error2;
 };
 const defaultOptions = {
   mode: VALIDATION_MODE.onSubmit,
@@ -13599,8 +13599,8 @@ function createFormControl(props = {}) {
       set$1(_formValues, name, values2);
     }
   };
-  const updateErrors = (name, error) => {
-    set$1(_formState.errors, name, error);
+  const updateErrors = (name, error2) => {
+    set$1(_formState.errors, name, error2);
     _subjects.state.next({
       errors: _formState.errors
     });
@@ -13651,18 +13651,18 @@ function createFormControl(props = {}) {
     }
     return shouldUpdateField ? output : {};
   };
-  const shouldRenderByError = (name, isValid, error, fieldState) => {
+  const shouldRenderByError = (name, isValid, error2, fieldState) => {
     const previousFieldError = get$2(_formState.errors, name);
     const shouldUpdateValid = (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isBoolean(isValid) && _formState.isValid !== isValid;
-    if (_options.delayError && error) {
-      delayErrorCallback = debounce2(() => updateErrors(name, error));
+    if (_options.delayError && error2) {
+      delayErrorCallback = debounce2(() => updateErrors(name, error2));
       delayErrorCallback(_options.delayError);
     } else {
       clearTimeout(timer);
       delayErrorCallback = null;
-      error ? set$1(_formState.errors, name, error) : unset(_formState.errors, name);
+      error2 ? set$1(_formState.errors, name, error2) : unset(_formState.errors, name);
     }
-    if ((error ? !deepEqual(previousFieldError, error) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
+    if ((error2 ? !deepEqual(previousFieldError, error2) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
       const updatedFormState = {
         ...fieldState,
         ...shouldUpdateValid && isBoolean(isValid) ? { isValid } : {},
@@ -13686,8 +13686,8 @@ function createFormControl(props = {}) {
     const { errors } = await _runSchema(names);
     if (names) {
       for (const name of names) {
-        const error = get$2(errors, name);
-        error ? set$1(_formState.errors, name, error) : unset(_formState.errors, name);
+        const error2 = get$2(errors, name);
+        error2 ? set$1(_formState.errors, name, error2) : unset(_formState.errors, name);
       }
     } else {
       _formState.errors = errors;
@@ -13825,7 +13825,7 @@ function createFormControl(props = {}) {
     const validationModeBeforeSubmit = getValidationModes(_options.mode);
     const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
     if (field) {
-      let error;
+      let error2;
       let isValid;
       const fieldValue = target.type ? getFieldValue(field._f) : getEventValue(event);
       const isBlurEvent = event.type === EVENTS.BLUR || event.type === EVENTS.FOCUS_OUT;
@@ -13864,17 +13864,17 @@ function createFormControl(props = {}) {
         if (isFieldValueUpdated) {
           const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name);
           const errorLookupResult = schemaErrorLookup(errors, _fields, previousErrorLookupResult.name || name);
-          error = errorLookupResult.error;
+          error2 = errorLookupResult.error;
           name = errorLookupResult.name;
           isValid = isEmptyObject(errors);
         }
       } else {
         _updateIsValidating([name], true);
-        error = (await validateField(field, _names.disabled, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];
+        error2 = (await validateField(field, _names.disabled, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];
         _updateIsValidating([name]);
         _updateIsFieldValueUpdated(fieldValue);
         if (isFieldValueUpdated) {
-          if (error) {
+          if (error2) {
             isValid = false;
           } else if (_proxyFormState.isValid || _proxySubscribeFormState.isValid) {
             isValid = await executeBuiltInValidation(_fields, true);
@@ -13883,7 +13883,7 @@ function createFormControl(props = {}) {
       }
       if (isFieldValueUpdated) {
         field._f.deps && trigger(field._f.deps);
-        shouldRenderByError(name, isValid, error, fieldState);
+        shouldRenderByError(name, isValid, error2, fieldState);
       }
     }
   };
@@ -13938,13 +13938,13 @@ function createFormControl(props = {}) {
       errors: name ? _formState.errors : {}
     });
   };
-  const setError = (name, error, options) => {
+  const setError = (name, error2, options) => {
     const ref = (get$2(_fields, name, { _f: {} })._f || {}).ref;
     const currentError = get$2(_formState.errors, name) || {};
     const { ref: currentRef, message, type, ...restOfErrorTree } = currentError;
     set$1(_formState.errors, name, {
       ...restOfErrorTree,
-      ...error,
+      ...error2,
       ref
     });
     _subjects.state.next({
@@ -14122,8 +14122,8 @@ function createFormControl(props = {}) {
       });
       try {
         await onValid(fieldValues, e2);
-      } catch (error) {
-        onValidError = error;
+      } catch (error2) {
+        onValidError = error2;
       }
     } else {
       if (onInvalid) {
@@ -16161,9 +16161,9 @@ function createValidation(config2) {
         label,
         path: overrides.path || path
       }, params, overrides.params), resolve);
-      const error = new ValidationError(ValidationError.formatError(overrides.message || message, nextParams), value, nextParams.path, overrides.type || name);
-      error.params = nextParams;
-      return error;
+      const error2 = new ValidationError(ValidationError.formatError(overrides.message || message, nextParams), value, nextParams.path, overrides.type || name);
+      error2.params = nextParams;
+      return error2;
     }
     let ctx = _extends$5({
       path,
@@ -18127,33 +18127,33 @@ Q.loading = (t2, e2) => H(t2, S("default", { isLoading: true, autoClose: false,
 }).on(3, (t2) => {
   B.delete(t2.containerId || t2), 0 === B.size && v$1.off(0).off(1).off(5);
 });
-function ErrorHandler(error) {
+function ErrorHandler(error2) {
   var _a, _b, _c, _d;
   let message = "Error interno de la App, consultar con soporte.";
   const {
     code
-  } = (_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) != null ? _b : {
+  } = (_b = (_a = error2 == null ? void 0 : error2.response) == null ? void 0 : _a.data) != null ? _b : {
     code: "400"
   };
   const {
     status
-  } = (_d = (_c = error == null ? void 0 : error.response) == null ? void 0 : _c.status) != null ? _d : {
+  } = (_d = (_c = error2 == null ? void 0 : error2.response) == null ? void 0 : _c.status) != null ? _d : {
     status: "Error desconocido"
   };
   if (code === "A1050") {
-    console.log(error == null ? void 0 : error.response.data.message);
+    console.log(error2 == null ? void 0 : error2.response.data.message);
     message = "No se pudo procesar la consulta, por favor contacte con soporte.";
   } else if (code === 22007) {
-    console.log(error == null ? void 0 : error.response.data.message);
+    console.log(error2 == null ? void 0 : error2.response.data.message);
     message = "Documento no reconocido";
   } else if (code === 504) {
-    console.log(error == null ? void 0 : error.response.data.message);
+    console.log(error2 == null ? void 0 : error2.response.data.message);
     message = "M\xE1ximo de consultas, por favor contacte con soporte.";
   } else if (code === "020") {
-    console.log(error == null ? void 0 : error.response.data.message);
-    message = error == null ? void 0 : error.response.data.message;
+    console.log(error2 == null ? void 0 : error2.response.data.message);
+    message = error2 == null ? void 0 : error2.response.data.message;
   } else if (status === "429") {
-    console.log(error == null ? void 0 : error.response.data);
+    console.log(error2 == null ? void 0 : error2.response.data);
   }
   console.log(code, "code", message, "message");
   Q.error(message, {
@@ -18211,15 +18211,15 @@ const fetchCheckIp = async (inProduction) => {
   try {
     const res = await request2(parseReq);
     return res.data;
-  } catch (error) {
-    console.log(error);
-    return error;
+  } catch (error2) {
+    console.log(error2);
+    return error2;
   }
 };
 function useGeolocation(inProduction) {
   const [geolocation, setGeolocation] = useState(null);
   useEffect(() => {
-    fetchCheckIp(inProduction).then((res) => setGeolocation(res)).catch((error) => console.log(error));
+    fetchCheckIp(inProduction).then((res) => setGeolocation(res)).catch((error2) => console.log(error2));
   }, []);
   return geolocation;
 }
@@ -18238,8 +18238,8 @@ const saveDataToDB = async ({ data: data2, component, eventId, inProduction, sou
   try {
     const res = await request2(parseReq);
     return res.data;
-  } catch (error) {
-    return error;
+  } catch (error2) {
+    return error2;
   }
 };
 const status_country_not_allowed = "COUNTRY_NOT_ALLOWED";
@@ -18385,10 +18385,10 @@ const BlackListController = (clientId, authorize, inProduction, source2, eventId
         setMessage(successMessage ? successMessage : message2);
       }
       setStatus(status2);
-    } catch (error) {
+    } catch (error2) {
       let message2 = "";
-      console.log(error);
-      const status2 = (_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.status) != null ? _b : "";
+      console.log(error2);
+      const status2 = (_b = (_a = error2 == null ? void 0 : error2.response) == null ? void 0 : _a.status) != null ? _b : "";
       await saveDataToDB({
         data: {
           dataReq,
@@ -18401,15 +18401,15 @@ const BlackListController = (clientId, authorize, inProduction, source2, eventId
         clientId,
         geolocation
       });
-      if ((_d = (_c = error == null ? void 0 : error.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message) {
-        message2 = error.response.data;
+      if ((_d = (_c = error2 == null ? void 0 : error2.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message) {
+        message2 = error2.response.data;
       } else if (status2 === 500) {
         message2 = "Error de consulta - Verificar con el proveedor";
       }
       setIsLoading(null);
       setMessage(message2);
       setStatus(status2);
-      ErrorHandler(error);
+      ErrorHandler(error2);
     } finally {
       if (dataToRegisterBlackList && dataBlackList) {
         await dataBlackList(dataToRegisterBlackList.match);
@@ -18472,13 +18472,13 @@ const BlackListController = (clientId, authorize, inProduction, source2, eventId
       setMessage(alertMessage ? alertMessage : "La verificai\xF3n est\xE1 en proceso. Por favor copie y guarde este ID para su control!");
       setStatus(resOfBlacklistBatch.data.message);
       setBatchData(resOfBlacklistBatch.data.data);
-    } catch (error) {
+    } catch (error2) {
       let message2 = "Error interno de la aplicai\xF3n";
-      console.log(error);
+      console.log(error2);
       const {
         status: status2,
         data: data2
-      } = (_a = error == null ? void 0 : error.response) != null ? _a : {
+      } = (_a = error2 == null ? void 0 : error2.response) != null ? _a : {
         status: "Error desconocido",
         data: {}
       };
@@ -18502,7 +18502,7 @@ const BlackListController = (clientId, authorize, inProduction, source2, eventId
       setIsLoading(null);
       setMessage(message2);
       setStatus(status2);
-      ErrorHandler(error);
+      ErrorHandler(error2);
     } finally {
       if (dataToRegisterBlackListBatch && dataBulkVerification) {
         await dataBulkVerification(dataToRegisterBlackListBatch);
@@ -18538,71 +18538,71 @@ const BlackListController = (clientId, authorize, inProduction, source2, eventId
     copyFunction
   };
 };
-const ocr = "_ocr_bsp6c_54";
-const tabpanel = "_tabpanel_bsp6c_57";
-const button = "_button_bsp6c_118";
-const outlined = "_outlined_bsp6c_150";
-const contained = "_contained_bsp6c_159";
-const small = "_small_bsp6c_166";
-const large = "_large_bsp6c_175";
-const sub = "_sub_bsp6c_181";
-const ready = "_ready_bsp6c_203";
-const front = "_front_bsp6c_203";
-const back = "_back_bsp6c_97";
-const icon = "_icon_bsp6c_332";
-const accordion = "_accordion_bsp6c_399";
-const description = "_description_bsp6c_403";
-const birth_place_section = "_birth_place_section_bsp6c_417";
-const authority = "_authority_bsp6c_418";
-const others = "_others_bsp6c_419";
-const dark$1 = "_dark_bsp6c_432";
-var styles$a = {
-  "kit-gbc": "_kit-gbc_bsp6c_2",
-  "px-2": "_px-2_bsp6c_31",
-  "m-0": "_m-0_bsp6c_35",
-  "my-1": "_my-1_bsp6c_38",
-  "col-12": "_col-12_bsp6c_42",
-  "col-6": "_col-6_bsp6c_45",
-  "without-shadow": "_without-shadow_bsp6c_48",
+const ocr = "_ocr_hz5b4_55";
+const tabpanel = "_tabpanel_hz5b4_58";
+const button = "_button_hz5b4_119";
+const outlined = "_outlined_hz5b4_151";
+const contained = "_contained_hz5b4_160";
+const small = "_small_hz5b4_167";
+const large = "_large_hz5b4_176";
+const sub = "_sub_hz5b4_182";
+const ready = "_ready_hz5b4_204";
+const front = "_front_hz5b4_204";
+const back = "_back_hz5b4_98";
+const icon$1 = "_icon_hz5b4_333";
+const accordion = "_accordion_hz5b4_400";
+const description = "_description_hz5b4_404";
+const birth_place_section = "_birth_place_section_hz5b4_418";
+const authority = "_authority_hz5b4_419";
+const others = "_others_hz5b4_420";
+const dark$1 = "_dark_hz5b4_433";
+var styles$b = {
+  "kit-gbc": "_kit-gbc_hz5b4_2",
+  "px-2": "_px-2_hz5b4_32",
+  "m-0": "_m-0_hz5b4_36",
+  "my-1": "_my-1_hz5b4_39",
+  "col-12": "_col-12_hz5b4_43",
+  "col-6": "_col-6_hz5b4_46",
+  "without-shadow": "_without-shadow_hz5b4_49",
   ocr,
   tabpanel,
-  "first-animation": "_first-animation_bsp6c_93",
-  "back-button-container": "_back-button-container_bsp6c_97",
-  "back-button": "_back-button_bsp6c_97",
-  "button-container": "_button-container_bsp6c_118",
+  "first-animation": "_first-animation_hz5b4_94",
+  "back-button-container": "_back-button-container_hz5b4_98",
+  "back-button": "_back-button_hz5b4_98",
+  "button-container": "_button-container_hz5b4_119",
   button,
   outlined,
   contained,
   small,
   large,
   sub,
-  "header-component": "_header-component_bsp6c_190",
-  "body-id-doc": "_body-id-doc_bsp6c_197",
+  "header-component": "_header-component_hz5b4_191",
+  "body-id-doc": "_body-id-doc_hz5b4_198",
   ready,
   front,
   back,
-  "upload-document": "_upload-document_bsp6c_211",
-  "pics-container": "_pics-container_bsp6c_251",
-  "box-image": "_box-image_bsp6c_257",
-  "without-image": "_without-image_bsp6c_317",
-  "bg-img-container": "_bg-img-container_bsp6c_317",
-  icon,
-  "detail-component": "_detail-component_bsp6c_337",
-  "country-select": "_country-select_bsp6c_360",
+  "upload-document": "_upload-document_hz5b4_212",
+  "pics-container": "_pics-container_hz5b4_252",
+  "box-image": "_box-image_hz5b4_258",
+  "without-image": "_without-image_hz5b4_318",
+  "bg-img-container": "_bg-img-container_hz5b4_318",
+  icon: icon$1,
+  "detail-component": "_detail-component_hz5b4_338",
+  "country-select": "_country-select_hz5b4_361",
   accordion,
   description,
-  "accordion-body": "_accordion-body_bsp6c_411",
-  "name-section": "_name-section_bsp6c_416",
+  "accordion-body": "_accordion-body_hz5b4_412",
+  "name-section": "_name-section_hz5b4_417",
   birth_place_section,
   authority,
   others,
   dark: dark$1,
-  "input-container": "_input-container_bsp6c_442",
-  "custom-input-container": "_custom-input-container_bsp6c_454",
-  "liveness-container": "_liveness-container_bsp6c_457",
-  "MuiTab-root": "_MuiTab-root_bsp6c_460",
-  "Mui-selected": "_Mui-selected_bsp6c_464",
-  "MuiTabs-indicator": "_MuiTabs-indicator_bsp6c_472"
+  "input-container": "_input-container_hz5b4_443",
+  "custom-input-container": "_custom-input-container_hz5b4_455",
+  "liveness-container": "_liveness-container_hz5b4_458",
+  "MuiTab-root": "_MuiTab-root_hz5b4_461",
+  "Mui-selected": "_Mui-selected_hz5b4_465",
+  "MuiTabs-indicator": "_MuiTabs-indicator_hz5b4_473"
 };
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
@@ -18650,13 +18650,13 @@ function CustomButton({
   variant
 }) {
   return /* @__PURE__ */ jsx$1("div", {
-    className: `${styles$a["button-container"]} ${styles$a["m-0"]} ${className}`,
+    className: `${styles$b["button-container"]} ${styles$b["m-0"]} ${className}`,
     children: /* @__PURE__ */ jsxs("button", {
       type,
       name,
       id,
       onClick,
-      className: `${styles$a[variant]} ${styles$a[size]}`,
+      className: `${styles$b[variant]} ${styles$b[size]}`,
       style: {
         gap: "8px",
         display: "flex",
@@ -18664,7 +18664,7 @@ function CustomButton({
         justifyContent: "center"
       },
       children: [startIcon && /* @__PURE__ */ jsx$1("div", {
-        className: styles$a["start-icon"],
+        className: styles$b["start-icon"],
         style: {
           display: "flex",
           alignItems: "center"
@@ -18714,8 +18714,8 @@ function __read(o2, n2) {
   try {
     while ((n2 === void 0 || n2-- > 0) && !(r2 = i2.next()).done)
       ar.push(r2.value);
-  } catch (error) {
-    e2 = { error };
+  } catch (error2) {
+    e2 = { error: error2 };
   } finally {
     try {
       if (r2 && !r2.done && (m2 = i2["return"]))
@@ -18738,9 +18738,9 @@ function __spreadArray(to, from2, pack) {
     }
   return to.concat(ar || Array.prototype.slice.call(from2));
 }
-typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+typeof SuppressedError === "function" ? SuppressedError : function(error2, suppressed, message) {
   var e2 = new Error(message);
-  return e2.name = "SuppressedError", e2.error = error, e2.suppressed = suppressed, e2;
+  return e2.name = "SuppressedError", e2.error = error2, e2.suppressed = suppressed, e2;
 };
 function createCommonjsModule(fn2) {
   var module = { exports: {} };
@@ -19512,7 +19512,7 @@ function styleInject(css2, ref) {
   }
 }
 var css_248z = '.ReactFlagsSelect-module_flagsSelect__2pfa2 {\n  position: relative;\n  vertical-align: inherit;\n  padding-bottom: 5px;\n  text-align: left;\n}\n\n.ReactFlagsSelect-module_flagsSelectInline__cUnnz {\n  display: inline-block;\n}\n\n.ReactFlagsSelect-module_selectBtn__19wW7 {\n  cursor: pointer;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 5px 10px;\n  font-family: inherit;\n  color: #4d4d4d;\n  border: thin solid rgba(77, 77, 77, 0.3);\n  border-radius: 4px;\n  background: transparent;\n}\n.ReactFlagsSelect-module_selectBtn__19wW7:after, .ReactFlagsSelect-module_selectBtn__19wW7[aria-expanded=true]:after {\n  content: " ";\n  width: 0;\n  height: 0;\n  display: inline-block;\n  margin-left: 5px;\n}\n.ReactFlagsSelect-module_selectBtn__19wW7:after {\n  border-top: 5px solid #4d4d4d;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-bottom: 0;\n}\n.ReactFlagsSelect-module_selectBtn__19wW7[aria-expanded=true]:after {\n  border-top: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-bottom: 5px solid #4d4d4d;\n}\n\n.ReactFlagsSelect-module_disabledBtn__3A4GF {\n  background: #eaeaea;\n  cursor: default;\n}\n\n.ReactFlagsSelect-module_label__27pw9, .ReactFlagsSelect-module_secondaryLabel__37t1D {\n  font-size: 1em;\n  padding-left: 10px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ReactFlagsSelect-module_secondaryLabel__37t1D {\n  color: #707070;\n  padding-left: 5px;\n}\n\n.ReactFlagsSelect-module_selectValue__152eS,\n.ReactFlagsSelect-module_selectOption__3pcgW {\n  cursor: pointer;\n  padding: 0 8px;\n  margin: 4px 0;\n  white-space: nowrap;\n}\n\n.ReactFlagsSelect-module_selectValue__152eS {\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n}\n\n.ReactFlagsSelect-module_selectOption__3pcgW {\n  padding: 2px 18px;\n}\n.ReactFlagsSelect-module_selectOption__3pcgW:hover, .ReactFlagsSelect-module_selectOption__3pcgW:focus {\n  outline: none;\n  background: #eaeaea;\n}\n\n.ReactFlagsSelect-module_selectFlag__2q5gC {\n  display: inline-flex;\n  font-size: 1.2em;\n}\n\n.ReactFlagsSelect-module_selectOptionValue__vS99- {\n  display: flex;\n  align-items: center;\n}\n\n.ReactFlagsSelect-module_selectOptionWithlabel__2GpmM {\n  padding: 4px 10px;\n}\n\n.ReactFlagsSelect-module_selectOptions__3LNBJ {\n  position: absolute;\n  z-index: 999999;\n  border: 1px solid #bdbbbb;\n  border-radius: 3px;\n  background: #ffffff;\n  margin-top: 8px;\n  padding: 8px 0;\n  max-height: 180px;\n  overflow: auto;\n}\n\n.ReactFlagsSelect-module_selectOptionsWithSearch__1W03w {\n  padding: 0 0 8px 0;\n}\n\n.ReactFlagsSelect-module_fullWidthOptions__1XeR6 {\n  right: 0;\n  left: 0;\n}\n\n.ReactFlagsSelect-module_alignOptionsToRight__3Qvq2 {\n  right: 0;\n}\n\n.ReactFlagsSelect-module_filterBox__3m8EU {\n  position: sticky;\n  top: 0;\n  width: 100%;\n  padding-top: 8px;\n  background: #ffffff;\n}\n.ReactFlagsSelect-module_filterBox__3m8EU input {\n  width: calc(100% - 20px);\n  margin: 0 10px;\n  padding: 8px;\n  box-sizing: border-box;\n}\n.ReactFlagsSelect-module_filterBox__3m8EU input:focus {\n  outline: none;\n}';
-var styles$9 = { "flagsSelect": "ReactFlagsSelect-module_flagsSelect__2pfa2", "flagsSelectInline": "ReactFlagsSelect-module_flagsSelectInline__cUnnz", "selectBtn": "ReactFlagsSelect-module_selectBtn__19wW7", "disabledBtn": "ReactFlagsSelect-module_disabledBtn__3A4GF", "label": "ReactFlagsSelect-module_label__27pw9", "secondaryLabel": "ReactFlagsSelect-module_secondaryLabel__37t1D", "selectValue": "ReactFlagsSelect-module_selectValue__152eS", "selectOption": "ReactFlagsSelect-module_selectOption__3pcgW", "selectFlag": "ReactFlagsSelect-module_selectFlag__2q5gC", "selectOptionValue": "ReactFlagsSelect-module_selectOptionValue__vS99-", "selectOptionWithlabel": "ReactFlagsSelect-module_selectOptionWithlabel__2GpmM", "selectOptions": "ReactFlagsSelect-module_selectOptions__3LNBJ", "selectOptionsWithSearch": "ReactFlagsSelect-module_selectOptionsWithSearch__1W03w", "fullWidthOptions": "ReactFlagsSelect-module_fullWidthOptions__1XeR6", "alignOptionsToRight": "ReactFlagsSelect-module_alignOptionsToRight__3Qvq2", "filterBox": "ReactFlagsSelect-module_filterBox__3m8EU" };
+var styles$a = { "flagsSelect": "ReactFlagsSelect-module_flagsSelect__2pfa2", "flagsSelectInline": "ReactFlagsSelect-module_flagsSelectInline__cUnnz", "selectBtn": "ReactFlagsSelect-module_selectBtn__19wW7", "disabledBtn": "ReactFlagsSelect-module_disabledBtn__3A4GF", "label": "ReactFlagsSelect-module_label__27pw9", "secondaryLabel": "ReactFlagsSelect-module_secondaryLabel__37t1D", "selectValue": "ReactFlagsSelect-module_selectValue__152eS", "selectOption": "ReactFlagsSelect-module_selectOption__3pcgW", "selectFlag": "ReactFlagsSelect-module_selectFlag__2q5gC", "selectOptionValue": "ReactFlagsSelect-module_selectOptionValue__vS99-", "selectOptionWithlabel": "ReactFlagsSelect-module_selectOptionWithlabel__2GpmM", "selectOptions": "ReactFlagsSelect-module_selectOptions__3LNBJ", "selectOptionsWithSearch": "ReactFlagsSelect-module_selectOptionsWithSearch__1W03w", "fullWidthOptions": "ReactFlagsSelect-module_fullWidthOptions__1XeR6", "alignOptionsToRight": "ReactFlagsSelect-module_alignOptionsToRight__3Qvq2", "filterBox": "ReactFlagsSelect-module_filterBox__3m8EU" };
 styleInject(css_248z);
 var defaultPlaceholder = "Select a country";
 var defaultSearchPlaceholder = "Search";
@@ -19593,26 +19593,37 @@ var ReactFlagsSelect = function(_a) {
   }, []);
   var displayLabel = getLabel(validSelectedValue);
   var btnId = "".concat(rfsKey, "-btn");
-  return /* @__PURE__ */ jsxs("div", { className: classnames(styles$9.flagsSelect, className, (_b = {}, _b[styles$9.flagsSelectInline] = !fullWidth, _b)), id, "data-testid": rfsKey, children: [/* @__PURE__ */ jsx$1("button", { ref: selectedFlagRef, id: btnId, type: "button", className: classnames(styles$9.selectBtn, selectButtonClassName, (_c = {}, _c[styles$9.disabledBtn] = disabled, _c)), style: { fontSize: selectedSize }, onClick: toggleDropdown, onKeyUp: function(e2) {
+  return /* @__PURE__ */ jsxs("div", { className: classnames(styles$a.flagsSelect, className, (_b = {}, _b[styles$a.flagsSelectInline] = !fullWidth, _b)), id, "data-testid": rfsKey, children: [/* @__PURE__ */ jsx$1("button", { ref: selectedFlagRef, id: btnId, type: "button", className: classnames(styles$a.selectBtn, selectButtonClassName, (_c = {}, _c[styles$a.disabledBtn] = disabled, _c)), style: { fontSize: selectedSize }, onClick: toggleDropdown, onKeyUp: function(e2) {
     return closeDropdwownWithKeyboard(e2);
-  }, disabled, "aria-labelledby": btnId, "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen, "data-testid": btnId, children: /* @__PURE__ */ jsx$1("span", { className: styles$9.selectValue, children: validSelectedValue ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx$1("span", { className: styles$9.selectFlag, "data-testid": "".concat(rfsKey, "-selected-flag"), children: getSelectedFlag() }), showSelectedLabel && /* @__PURE__ */ jsx$1("span", { className: styles$9.label, children: isCustomLabelObject(displayLabel) ? displayLabel.primary : displayLabel }), showSecondarySelectedLabel && isCustomLabelObject(displayLabel) && /* @__PURE__ */ jsx$1("span", { className: styles$9.secondaryLabel, children: displayLabel.secondary })] }) : /* @__PURE__ */ jsx$1(Fragment, { children: placeholder || defaultPlaceholder }) }) }), !disabled && isDropdownOpen && /* @__PURE__ */ jsxs("ul", { tabIndex: -1, role: "listbox", ref: optionsRef, style: { fontSize: optionsSize }, className: classnames(styles$9.selectOptions, (_d = {}, _d[styles$9.selectOptionsWithSearch] = searchable, _d[styles$9.alignOptionsToRight] = alignOptionsToRight, _d[styles$9.fullWidthOptions] = fullWidth, _d)), children: [searchable && /* @__PURE__ */ jsx$1("div", { className: styles$9.filterBox, children: /* @__PURE__ */ jsx$1("input", { type: "text", name: "".concat(rfsKey, "-q"), autoComplete: "off", value: filterValue, placeholder: searchPlaceholder || defaultSearchPlaceholder, ref: filterTextRef, onChange: filterSearch, autoFocus: true }) }), options.map(function(countryCode) {
+  }, disabled, "aria-labelledby": btnId, "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen, "data-testid": btnId, children: /* @__PURE__ */ jsx$1("span", { className: styles$a.selectValue, children: validSelectedValue ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx$1("span", { className: styles$a.selectFlag, "data-testid": "".concat(rfsKey, "-selected-flag"), children: getSelectedFlag() }), showSelectedLabel && /* @__PURE__ */ jsx$1("span", { className: styles$a.label, children: isCustomLabelObject(displayLabel) ? displayLabel.primary : displayLabel }), showSecondarySelectedLabel && isCustomLabelObject(displayLabel) && /* @__PURE__ */ jsx$1("span", { className: styles$a.secondaryLabel, children: displayLabel.secondary })] }) : /* @__PURE__ */ jsx$1(Fragment, { children: placeholder || defaultPlaceholder }) }) }), !disabled && isDropdownOpen && /* @__PURE__ */ jsxs("ul", { tabIndex: -1, role: "listbox", ref: optionsRef, style: { fontSize: optionsSize }, className: classnames(styles$a.selectOptions, (_d = {}, _d[styles$a.selectOptionsWithSearch] = searchable, _d[styles$a.alignOptionsToRight] = alignOptionsToRight, _d[styles$a.fullWidthOptions] = fullWidth, _d)), children: [searchable && /* @__PURE__ */ jsx$1("div", { className: styles$a.filterBox, children: /* @__PURE__ */ jsx$1("input", { type: "text", name: "".concat(rfsKey, "-q"), autoComplete: "off", value: filterValue, placeholder: searchPlaceholder || defaultSearchPlaceholder, ref: filterTextRef, onChange: filterSearch, autoFocus: true }) }), options.map(function(countryCode) {
     var _a2;
     var countryFlagName = countryCodeToPascalCase(countryCode);
     var CountryFlag = getFlag(countryFlagName);
     var countryLabel = getLabel(countryCode);
-    return /* @__PURE__ */ jsx$1("li", { id: "".concat(rfsKey, "-").concat(countryCode), role: "option", tabIndex: 0, className: classnames(styles$9.selectOption, (_a2 = {}, _a2[styles$9.selectOptionWithlabel] = showOptionLabel, _a2)), onClick: function() {
+    return /* @__PURE__ */ jsx$1("li", { id: "".concat(rfsKey, "-").concat(countryCode), role: "option", tabIndex: 0, className: classnames(styles$a.selectOption, (_a2 = {}, _a2[styles$a.selectOptionWithlabel] = showOptionLabel, _a2)), onClick: function() {
       return onOptionSelect(countryCode);
     }, onKeyUp: function(e2) {
       return onSelectWithKeyboard(e2, countryCode);
-    }, children: /* @__PURE__ */ jsxs("span", { className: styles$9.selectOptionValue, children: [/* @__PURE__ */ jsx$1("span", { className: styles$9.selectFlag, children: /* @__PURE__ */ jsx$1(CountryFlag, {}) }), showOptionLabel && /* @__PURE__ */ jsx$1("span", { className: styles$9.label, children: isCustomLabelObject(countryLabel) ? countryLabel.primary : countryLabel }), showSecondaryOptionLabel && isCustomLabelObject(countryLabel) && /* @__PURE__ */ jsx$1("span", { className: styles$9.secondaryLabel, children: countryLabel.secondary })] }) }, countryCode);
+    }, children: /* @__PURE__ */ jsxs("span", { className: styles$a.selectOptionValue, children: [/* @__PURE__ */ jsx$1("span", { className: styles$a.selectFlag, children: /* @__PURE__ */ jsx$1(CountryFlag, {}) }), showOptionLabel && /* @__PURE__ */ jsx$1("span", { className: styles$a.label, children: isCustomLabelObject(countryLabel) ? countryLabel.primary : countryLabel }), showSecondaryOptionLabel && isCustomLabelObject(countryLabel) && /* @__PURE__ */ jsx$1("span", { className: styles$a.secondaryLabel, children: countryLabel.secondary })] }) }, countryCode);
   })] })] });
 };
+const active = "_active_rmppf_34";
+const icon = "_icon_rmppf_61";
+const error = "_error_rmppf_70";
+var styles$9 = {
+  "custom-input-container": "_custom-input-container_rmppf_1",
+  "input-container": "_input-container_rmppf_5",
+  "filled-input": "_filled-input_rmppf_29",
+  active,
+  icon,
+  error
+};
 function CustomInput({
   type,
   name,
   id,
   icon: icon2,
-  error,
+  error: error2,
   label,
   ...rest
 }) {
@@ -19625,14 +19636,14 @@ function CustomInput({
   } = rest;
   {
     type === "select" ? component = /* @__PURE__ */ jsxs("div", {
-      className: `custom-input-container ${error ? "error" : ""}`,
+      className: `${styles$9["custom-input-container"]} ${error2 ? styles$9["error"] : ""}`,
       children: [/* @__PURE__ */ jsxs("label", {
-        className: `input-container ${icon2 ? "icon" : ""}`,
+        className: `${styles$9["input-container"]} ${icon2 ? styles$9["icon"] : ""}`,
         children: [icon2 && icon2, /* @__PURE__ */ jsxs("select", {
           name,
           id,
           ...rest,
-          className: "custom-input",
+          className: styles$9["custom-input"],
           children: [/* @__PURE__ */ jsx$1("option", {
             hidden: true,
             children: "Pa\xEDs"
@@ -19643,15 +19654,15 @@ function CustomInput({
             }, i2);
           })]
         })]
-      }), error && /* @__PURE__ */ jsx$1("p", {
-        className: "error",
-        children: error.message
+      }), error2 && /* @__PURE__ */ jsx$1("p", {
+        className: styles$9["error"],
+        children: error2.message
       })]
     }) : type === "country" ? component = /* @__PURE__ */ jsx$1("div", {
-      className: `custom-input-container ${error ? "error" : ""}`,
+      className: `${styles$9["custom-input-container"]} ${error2 ? styles$9["error"] : ""}`,
       children: /* @__PURE__ */ jsx$1(ReactFlagsSelect, {
         showOptionLabel: true,
-        className: "country-select",
+        className: styles$9["country-select"],
         name,
         id,
         ...rest,
@@ -19659,9 +19670,9 @@ function CustomInput({
         placeholder: "Pa\xEDs de nacimiento"
       })
     }) : component = /* @__PURE__ */ jsxs("div", {
-      className: `custom-input-container ${error ? "error" : ""}`,
+      className: `${styles$9["custom-input-container"]} ${error2 ? styles$9["error"] : ""}`,
       children: [/* @__PURE__ */ jsxs("label", {
-        className: `input-container ${icon2 ? "icon" : ""}`,
+        className: `${styles$9["input-container"]} ${icon2 ? styles$9["icon"] : ""}`,
         children: [icon2 && icon2, /* @__PURE__ */ jsx$1("input", {
           type,
           name,
@@ -19669,12 +19680,12 @@ function CustomInput({
           value,
           onChange
         }), /* @__PURE__ */ jsx$1("div", {
-          className: `filled-input active`,
+          className: `${styles$9["filled-input"]} ${styles$9["active"]}`,
           children: placeholder && placeholder
         })]
-      }), error && /* @__PURE__ */ jsx$1("p", {
-        className: "error",
-        children: error.message
+      }), error2 && /* @__PURE__ */ jsx$1("p", {
+        className: styles$9["error"],
+        children: error2.message
       })]
     });
   }
@@ -19711,12 +19722,12 @@ function CustomInputForm({
     })
   });
 }
-const cover_spin = "_cover_spin_1k1r6_1";
-const spin = "_spin_1k1r6_58";
-const custom_spinner_container = "_custom_spinner_container_1k1r6_47";
-const box_spinner = "_box_spinner_1k1r6_54";
-const spinner = "_spinner_1k1r6_58";
-const border_animation = "_border_animation_1k1r6_1";
+const cover_spin = "_cover_spin_1c1aj_1";
+const spin = "_spin_1c1aj_58";
+const custom_spinner_container = "_custom_spinner_container_1c1aj_47";
+const box_spinner = "_box_spinner_1c1aj_54";
+const spinner = "_spinner_1c1aj_58";
+const border_animation = "_border_animation_1c1aj_1";
 var styles$8 = {
   cover_spin,
   spin,
@@ -19731,14 +19742,14 @@ function BackDropLoader() {
   });
 }
 var styles$7 = {
-  "success-container": "_success-container_1f9ek_1",
-  "success-checkmark": "_success-checkmark_1f9ek_8",
-  "check-icon": "_check-icon_1f9ek_13",
-  "icon-line": "_icon-line_1f9ek_21",
-  "line-tip": "_line-tip_1f9ek_29",
-  "icon-line-tip": "_icon-line-tip_1f9ek_1",
-  "line-long": "_line-long_1f9ek_36",
-  "icon-line-long": "_icon-line-long_1f9ek_1"
+  "success-container": "_success-container_2rzqb_1",
+  "success-checkmark": "_success-checkmark_2rzqb_8",
+  "check-icon": "_check-icon_2rzqb_13",
+  "icon-line": "_icon-line_2rzqb_21",
+  "line-tip": "_line-tip_2rzqb_29",
+  "icon-line-tip": "_icon-line-tip_2rzqb_1",
+  "line-long": "_line-long_2rzqb_36",
+  "icon-line-long": "_icon-line-long_2rzqb_1"
 };
 function SuccessAnimation({
   message
@@ -19765,19 +19776,19 @@ function SuccessAnimation({
     })]
   });
 }
-const sa = "_sa_zmfjo_10";
-const scaleWarning = "_scaleWarning_zmfjo_1";
-const pulseWarning = "_pulseWarning_zmfjo_1";
-const pulseWarningIns = "_pulseWarningIns_zmfjo_1";
+const sa = "_sa_1fxlm_10";
+const scaleWarning = "_scaleWarning_1fxlm_1";
+const pulseWarning = "_pulseWarning_1fxlm_1";
+const pulseWarningIns = "_pulseWarningIns_1fxlm_1";
 var styles$6 = {
-  "warning-container": "_warning-container_zmfjo_1",
+  "warning-container": "_warning-container_1fxlm_1",
   sa,
-  "sa-warning": "_sa-warning_zmfjo_18",
+  "sa-warning": "_sa-warning_1fxlm_18",
   scaleWarning,
   pulseWarning,
-  "sa-warning-body": "_sa-warning-body_zmfjo_42",
+  "sa-warning-body": "_sa-warning-body_1fxlm_42",
   pulseWarningIns,
-  "sa-warning-dot": "_sa-warning-dot_zmfjo_54"
+  "sa-warning-dot": "_sa-warning-dot_1fxlm_54"
 };
 function ErrorAnimation({
   message,
@@ -23659,7 +23670,7 @@ function isFocusVisible(event) {
   } = event;
   try {
     return target.matches(":focus-visible");
-  } catch (error) {
+  } catch (error2) {
   }
   return hadKeyboardEvent || focusTriggersKeyboardModality(target);
 }
@@ -24188,7 +24199,7 @@ colorManipulator.colorChannel = colorChannel;
 const private_safeColorChannel = (color2, warning) => {
   try {
     return colorChannel(color2);
-  } catch (error) {
+  } catch (error2) {
     if (warning && false) {
       console.warn(warning);
     }
@@ -24279,7 +24290,7 @@ function alpha(color2, value) {
 function private_safeAlpha(color2, value, warning) {
   try {
     return alpha(color2, value);
-  } catch (error) {
+  } catch (error2) {
     if (warning && false) {
       console.warn(warning);
     }
@@ -24301,7 +24312,7 @@ function darken(color2, coefficient) {
 function private_safeDarken(color2, coefficient, warning) {
   try {
     return darken(color2, coefficient);
-  } catch (error) {
+  } catch (error2) {
     if (warning && false) {
       console.warn(warning);
     }
@@ -24327,7 +24338,7 @@ function lighten(color2, coefficient) {
 function private_safeLighten(color2, coefficient, warning) {
   try {
     return lighten(color2, coefficient);
-  } catch (error) {
+  } catch (error2) {
     if (warning && false) {
       console.warn(warning);
     }
@@ -24340,7 +24351,7 @@ function emphasize(color2, coefficient = 0.15) {
 function private_safeEmphasize(color2, coefficient, warning) {
   try {
     return emphasize(color2, coefficient);
-  } catch (error) {
+  } catch (error2) {
     if (warning && false) {
       console.warn(warning);
     }
@@ -24514,7 +24525,7 @@ function createPalette(palette) {
   } = palette, other = _objectWithoutPropertiesLoose$1(palette, _excluded$1T);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
-  const error = palette.error || getDefaultError(mode);
+  const error2 = palette.error || getDefaultError(mode);
   const info = palette.info || getDefaultInfo(mode);
   const success = palette.success || getDefaultSuccess(mode);
   const warning = palette.warning || getDefaultWarning(mode);
@@ -24565,7 +24576,7 @@ function createPalette(palette) {
       darkShade: "A700"
     }),
     error: augmentColor({
-      color: error,
+      color: error2,
       name: "error"
     }),
     warning: augmentColor({
@@ -24598,8 +24609,8 @@ const caseAllCaps = {
 const defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
 function createTypography(palette, typography) {
   const _ref = typeof typography === "function" ? typography(palette) : typography, {
-    fontFamily: fontFamily2 = defaultFontFamily,
-    fontSize: fontSize2 = 14,
+    fontFamily = defaultFontFamily,
+    fontSize = 14,
     fontWeightLight = 300,
     fontWeightRegular = 400,
     fontWeightMedium = 500,
@@ -24608,14 +24619,14 @@ function createTypography(palette, typography) {
     allVariants,
     pxToRem: pxToRem2
   } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$1S);
-  const coef = fontSize2 / 14;
+  const coef = fontSize / 14;
   const pxToRem = pxToRem2 || ((size) => `${size / htmlFontSize * coef}rem`);
   const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$2({
-    fontFamily: fontFamily2,
+    fontFamily,
     fontWeight,
     fontSize: pxToRem(size),
     lineHeight
-  }, fontFamily2 === defaultFontFamily ? {
+  }, fontFamily === defaultFontFamily ? {
     letterSpacing: `${round$2(letterSpacing / size)}em`
   } : {}, casing, allVariants);
   const variants = {
@@ -24643,8 +24654,8 @@ function createTypography(palette, typography) {
   return deepmerge$1(_extends$2({
     htmlFontSize,
     pxToRem,
-    fontFamily: fontFamily2,
-    fontSize: fontSize2,
+    fontFamily,
+    fontSize,
     fontWeightLight,
     fontWeightRegular,
     fontWeightMedium,
@@ -25061,11 +25072,11 @@ const _excluded$1O = ["children", "className", "color", "component", "fontSize",
 const useUtilityClasses$1q = (ownerState) => {
   const {
     color: color2,
-    fontSize: fontSize2,
+    fontSize,
     classes
   } = ownerState;
   const slots = {
-    root: ["root", color2 !== "inherit" && `color${capitalize$1(color2)}`, `fontSize${capitalize$1(fontSize2)}`]
+    root: ["root", color2 !== "inherit" && `color${capitalize$1(color2)}`, `fontSize${capitalize$1(fontSize)}`]
   };
   return composeClasses(slots, getSvgIconUtilityClass, classes);
 };
@@ -25116,7 +25127,7 @@ const SvgIcon = /* @__PURE__ */ React$2.forwardRef(function SvgIcon2(inProps, re
     className,
     color: color2 = "inherit",
     component = "svg",
-    fontSize: fontSize2 = "medium",
+    fontSize = "medium",
     htmlColor,
     inheritViewBox = false,
     titleAccess,
@@ -25126,7 +25137,7 @@ const SvgIcon = /* @__PURE__ */ React$2.forwardRef(function SvgIcon2(inProps, re
   const ownerState = _extends$2({}, props, {
     color: color2,
     component,
-    fontSize: fontSize2,
+    fontSize,
     instanceFontSize: inProps.fontSize,
     inheritViewBox,
     viewBox,
@@ -25352,16 +25363,16 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
   };
   _proto.setNextCallback = function setNextCallback(callback) {
     var _this4 = this;
-    var active = true;
+    var active2 = true;
     this.nextCallback = function(event) {
-      if (active) {
-        active = false;
+      if (active2) {
+        active2 = false;
         _this4.nextCallback = null;
         callback(event);
       }
     };
     this.nextCallback.cancel = function() {
-      active = false;
+      active2 = false;
     };
     return this.nextCallback;
   };
@@ -30038,7 +30049,7 @@ const useUtilityClasses$1g = (ownerState) => {
     classes,
     color: color2,
     disabled,
-    error,
+    error: error2,
     endAdornment,
     focused,
     formControl,
@@ -30051,7 +30062,7 @@ const useUtilityClasses$1g = (ownerState) => {
     type
   } = ownerState;
   const slots = {
-    root: ["root", `color${capitalize$1(color2)}`, disabled && "disabled", error && "error", fullWidth && "fullWidth", focused && "focused", formControl && "formControl", size && size !== "medium" && `size${capitalize$1(size)}`, multiline && "multiline", startAdornment && "adornedStart", endAdornment && "adornedEnd", hiddenLabel && "hiddenLabel", readOnly && "readOnly"],
+    root: ["root", `color${capitalize$1(color2)}`, disabled && "disabled", error2 && "error", fullWidth && "fullWidth", focused && "focused", formControl && "formControl", size && size !== "medium" && `size${capitalize$1(size)}`, multiline && "multiline", startAdornment && "adornedStart", endAdornment && "adornedEnd", hiddenLabel && "hiddenLabel", readOnly && "readOnly"],
     input: ["input", disabled && "disabled", type === "search" && "inputTypeSearch", multiline && "inputMultiline", size === "small" && "inputSizeSmall", hiddenLabel && "inputHiddenLabel", startAdornment && "inputAdornedStart", endAdornment && "inputAdornedEnd", readOnly && "readOnly"]
   };
   return composeClasses(slots, getInputBaseUtilityClass, classes);
@@ -33977,7 +33988,7 @@ const FormControl = /* @__PURE__ */ React$2.forwardRef(function FormControl2(inP
     color: color2 = "primary",
     component = "div",
     disabled = false,
-    error = false,
+    error: error2 = false,
     focused: visuallyFocused,
     fullWidth = false,
     hiddenLabel = false,
@@ -33990,7 +34001,7 @@ const FormControl = /* @__PURE__ */ React$2.forwardRef(function FormControl2(inP
     color: color2,
     component,
     disabled,
-    error,
+    error: error2,
     fullWidth,
     hiddenLabel,
     margin: margin2,
@@ -34040,7 +34051,7 @@ const FormControl = /* @__PURE__ */ React$2.forwardRef(function FormControl2(inP
       setAdornedStart,
       color: color2,
       disabled,
-      error,
+      error: error2,
       filled,
       focused,
       fullWidth,
@@ -34062,7 +34073,7 @@ const FormControl = /* @__PURE__ */ React$2.forwardRef(function FormControl2(inP
       required,
       variant
     };
-  }, [adornedStart, color2, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
+  }, [adornedStart, color2, disabled, error2, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
   return /* @__PURE__ */ jsx$1(FormControlContext$1.Provider, {
     value: childContext,
     children: /* @__PURE__ */ jsx$1(FormControlRoot, _extends$2({
@@ -34099,13 +34110,13 @@ const useUtilityClasses$10 = (ownerState) => {
     classes,
     disabled,
     labelPlacement,
-    error,
+    error: error2,
     required
   } = ownerState;
   const slots = {
-    root: ["root", disabled && "disabled", `labelPlacement${capitalize$1(labelPlacement)}`, error && "error", required && "required"],
+    root: ["root", disabled && "disabled", `labelPlacement${capitalize$1(labelPlacement)}`, error2 && "error", required && "required"],
     label: ["label", disabled && "disabled"],
-    asterisk: ["asterisk", error && "error"]
+    asterisk: ["asterisk", error2 && "error"]
   };
   return composeClasses(slots, getFormControlLabelUtilityClasses, classes);
 };
@@ -34243,13 +34254,13 @@ const useUtilityClasses$$ = (ownerState) => {
     contained: contained2,
     size,
     disabled,
-    error,
+    error: error2,
     filled,
     focused,
     required
   } = ownerState;
   const slots = {
-    root: ["root", disabled && "disabled", error && "error", size && `size${capitalize$1(size)}`, contained2 && "contained", focused && "focused", filled && "filled", required && "required"]
+    root: ["root", disabled && "disabled", error2 && "error", size && `size${capitalize$1(size)}`, contained2 && "contained", focused && "focused", filled && "filled", required && "required"]
   };
   return composeClasses(slots, getFormHelperTextUtilityClasses, classes);
 };
@@ -34338,13 +34349,13 @@ const useUtilityClasses$_ = (ownerState) => {
     color: color2,
     focused,
     disabled,
-    error,
+    error: error2,
     filled,
     required
   } = ownerState;
   const slots = {
-    root: ["root", `color${capitalize$1(color2)}`, disabled && "disabled", error && "error", filled && "filled", focused && "focused", required && "required"],
-    asterisk: ["asterisk", error && "error"]
+    root: ["root", `color${capitalize$1(color2)}`, disabled && "disabled", error2 && "error", filled && "filled", focused && "focused", required && "required"],
+    asterisk: ["asterisk", error2 && "error"]
   };
   return composeClasses(slots, getFormLabelUtilityClasses, classes);
 };
@@ -36268,10 +36279,10 @@ const useUtilityClasses$O = (ownerState) => {
     disabled,
     multiple,
     open,
-    error
+    error: error2
   } = ownerState;
   const slots = {
-    select: ["select", variant, disabled && "disabled", multiple && "multiple", error && "error"],
+    select: ["select", variant, disabled && "disabled", multiple && "multiple", error2 && "error"],
     icon: ["icon", `icon${capitalize$1(variant)}`, open && "iconOpen", disabled && "disabled"]
   };
   return composeClasses(slots, getNativeSelectUtilityClasses, classes);
@@ -36367,7 +36378,7 @@ const NativeSelectInput = /* @__PURE__ */ React$2.forwardRef(function NativeSele
   const {
     className,
     disabled,
-    error,
+    error: error2,
     IconComponent,
     inputRef,
     variant = "standard"
@@ -36375,7 +36386,7 @@ const NativeSelectInput = /* @__PURE__ */ React$2.forwardRef(function NativeSele
   const ownerState = _extends$2({}, props, {
     disabled,
     variant,
-    error
+    error: error2
   });
   const classes = useUtilityClasses$O(ownerState);
   return /* @__PURE__ */ jsxs(React$2.Fragment, {
@@ -36733,10 +36744,10 @@ const useUtilityClasses$M = (ownerState) => {
     disabled,
     multiple,
     open,
-    error
+    error: error2
   } = ownerState;
   const slots = {
-    select: ["select", variant, disabled && "disabled", multiple && "multiple", error && "error"],
+    select: ["select", variant, disabled && "disabled", multiple && "multiple", error2 && "error"],
     icon: ["icon", `icon${capitalize$1(variant)}`, open && "iconOpen", disabled && "disabled"],
     nativeInput: ["nativeInput"]
   };
@@ -36755,7 +36766,7 @@ const SelectInput = /* @__PURE__ */ React$2.forwardRef(function SelectInput2(pro
     defaultValue,
     disabled,
     displayEmpty,
-    error = false,
+    error: error2 = false,
     IconComponent,
     inputRef: inputRefProp,
     labelId,
@@ -37018,7 +37029,7 @@ const SelectInput = /* @__PURE__ */ React$2.forwardRef(function SelectInput2(pro
     variant,
     value,
     open,
-    error
+    error: error2
   });
   const classes = useUtilityClasses$M(ownerState);
   const paperProps = _extends$2({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
@@ -37048,7 +37059,7 @@ const SelectInput = /* @__PURE__ */ React$2.forwardRef(function SelectInput2(pro
         children: "\u200B"
       })) : display
     })), /* @__PURE__ */ jsx$1(SelectNativeInput, _extends$2({
-      "aria-invalid": error,
+      "aria-invalid": error2,
       value: Array.isArray(value) ? value.join(",") : value,
       name,
       ref: inputRef,
@@ -39590,7 +39601,7 @@ const TextField = /* @__PURE__ */ React$2.forwardRef(function TextField2(inProps
     color: color2 = "primary",
     defaultValue,
     disabled = false,
-    error = false,
+    error: error2 = false,
     FormHelperTextProps,
     fullWidth = false,
     helperText,
@@ -39620,7 +39631,7 @@ const TextField = /* @__PURE__ */ React$2.forwardRef(function TextField2(inProps
     autoFocus,
     color: color2,
     disabled,
-    error,
+    error: error2,
     fullWidth,
     multiline,
     required,
@@ -39669,7 +39680,7 @@ const TextField = /* @__PURE__ */ React$2.forwardRef(function TextField2(inProps
   return /* @__PURE__ */ jsxs(TextFieldRoot, _extends$2({
     className: clsx(classes.root, className),
     disabled,
-    error,
+    error: error2,
     fullWidth,
     ref,
     required,
@@ -39770,13 +39781,13 @@ function BackButton({
   action
 }) {
   return /* @__PURE__ */ jsx$1(Box$1, {
-    className: "back-button-container",
+    className: styles$b["back-button-container"],
     children: /* @__PURE__ */ jsxs(MUIButton, {
       variant: "outlined",
       onClick: action,
-      className: "back-button",
+      className: styles$b["back-button"],
       children: [/* @__PURE__ */ jsx$1(ArrowBack, {
-        className: "grayscale"
+        className: styles$b["grayscale"]
       }), /* @__PURE__ */ jsx$1(Typography$1, {
         variant: "body2",
         children: "Volver atras"
@@ -39814,7 +39825,7 @@ function BlackList({
     countryCode
   } = BlackListController(clientId, authorize, inProduction, source2, eventId, countryCodeAllowed, validateVpn, successMessage, alertMessage, dataBlackList);
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$a["kit-gbc"]} ${styles$a[mode]}`,
+    className: `${styles$b["kit-gbc"]} ${styles$b[mode]}`,
     style: {
       padding: "16px"
     },
@@ -39833,11 +39844,11 @@ function BlackList({
       onSubmit: simpleHandleSubmit(onSendSubmitDocument),
       id: "blacklist",
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$a.sub,
+        className: styles$b.sub,
         children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
           action: clearState
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$a["header-component"],
+          className: styles$b["header-component"],
           children: [/* @__PURE__ */ jsx$1("h4", {
             children: "Lista de sanciones y PEPs"
           }), !lib$1(status) ? /* @__PURE__ */ jsx$1(StatusComponent, {
@@ -40006,12 +40017,12 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
         } = res2.data;
         message2 && setStatus(message2);
         setMessage(successMessage ? successMessage : "Documento verificado con \xE9xito");
-      } catch (error) {
-        console.log(error, "controller");
+      } catch (error2) {
+        console.log(error2, "controller");
         let message2 = "";
         const {
           status: status2
-        } = (_a = error == null ? void 0 : error.response) != null ? _a : {
+        } = (_a = error2 == null ? void 0 : error2.response) != null ? _a : {
           status: "Error desconocido"
         };
         const data2 = await saveDataToDB({
@@ -40028,13 +40039,13 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
           geolocation
         });
         await dataDocument({
-          ...error,
+          ...error2,
           countAttempts: data2.count_try
         });
-        if (((_c = (_b = error == null ? void 0 : error.response) == null ? void 0 : _b.data) == null ? void 0 : _c.code) === "020" && data2.count_try > 3)
+        if (((_c = (_b = error2 == null ? void 0 : error2.response) == null ? void 0 : _b.data) == null ? void 0 : _c.code) === "020" && data2.count_try > 3)
           setUploadDocumentByPhone(true);
-        if ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) {
-          message2 = error.response.data.message;
+        if ((_e = (_d = error2 == null ? void 0 : error2.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) {
+          message2 = error2.response.data.message;
         } else if (status2 === 500) {
           message2 = {
             limit_of_request
@@ -40043,9 +40054,9 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
         setIsLoading(null);
         setMessage(message2);
         setStatus(status2);
-        ErrorHandler(error);
+        ErrorHandler(error2);
       }
-    } catch (error) {
+    } catch (error2) {
       Q.error("Error - Verificar host con el proveedor");
     } finally {
       setIsLoading(false);
@@ -40416,7 +40427,7 @@ function fileToBase64(file) {
     const reader = new FileReader();
     reader.readAsDataURL(file);
     reader.onload = () => res(reader.result);
-    reader.onerror = (error) => rej(error);
+    reader.onerror = (error2) => rej(error2);
   });
 }
 const createCanvasFromSource = (source2) => {
@@ -41194,7 +41205,7 @@ var reactWebcam = { exports: {} };
                 this.video.srcObject = stream;
               }
               this.setState({ hasUserMedia: true });
-            } catch (error) {
+            } catch (error2) {
               this.setState({
                 hasUserMedia: true,
                 src: window.URL.createObjectURL(stream)
@@ -41526,8 +41537,8 @@ const useImageCrop = ({
         croppedImage: croppedImageUrl,
         cropArea
       };
-    } catch (error) {
-      console.error("Error cropping image:", error);
+    } catch (error2) {
+      console.error("Error cropping image:", error2);
       return null;
     }
   }, [cropArea, displayedImageRect]);
@@ -41547,27 +41558,27 @@ const useImageCrop = ({
   };
 };
 var styles$1 = {
-  "image-crop-modal": "_image-crop-modal_1j287_1",
-  "MuiDialog-paper": "_MuiDialog-paper_1j287_1",
-  "image-crop-container": "_image-crop-container_1j287_7",
-  "crop-header": "_crop-header_1j287_14",
-  "crop-area": "_crop-area_1j287_29",
-  "crop-image": "_crop-image_1j287_40",
-  "crop-overlay": "_crop-overlay_1j287_48",
-  "crop-selection": "_crop-selection_1j287_56",
-  "crop-handle": "_crop-handle_1j287_72",
-  "handle-nw": "_handle-nw_1j287_100",
-  "handle-ne": "_handle-ne_1j287_105",
-  "handle-sw": "_handle-sw_1j287_110",
-  "handle-se": "_handle-se_1j287_115",
-  "crop-grid": "_crop-grid_1j287_120",
-  "grid-vertical": "_grid-vertical_1j287_145",
-  "crop-actions": "_crop-actions_1j287_158",
-  "MuiButton-root": "_MuiButton-root_1j287_166",
-  "MuiButton-outlined": "_MuiButton-outlined_1j287_173",
-  "crop-preview": "_crop-preview_1j287_176",
-  "preview-label": "_preview-label_1j287_183",
-  "preview-image": "_preview-image_1j287_188"
+  "image-crop-modal": "_image-crop-modal_13qpu_1",
+  "MuiDialog-paper": "_MuiDialog-paper_13qpu_1",
+  "image-crop-container": "_image-crop-container_13qpu_7",
+  "crop-header": "_crop-header_13qpu_14",
+  "crop-area": "_crop-area_13qpu_29",
+  "crop-image": "_crop-image_13qpu_40",
+  "crop-overlay": "_crop-overlay_13qpu_48",
+  "crop-selection": "_crop-selection_13qpu_56",
+  "crop-handle": "_crop-handle_13qpu_72",
+  "handle-nw": "_handle-nw_13qpu_100",
+  "handle-ne": "_handle-ne_13qpu_105",
+  "handle-sw": "_handle-sw_13qpu_110",
+  "handle-se": "_handle-se_13qpu_115",
+  "crop-grid": "_crop-grid_13qpu_120",
+  "grid-vertical": "_grid-vertical_13qpu_145",
+  "crop-actions": "_crop-actions_13qpu_158",
+  "MuiButton-root": "_MuiButton-root_13qpu_166",
+  "MuiButton-outlined": "_MuiButton-outlined_13qpu_173",
+  "crop-preview": "_crop-preview_13qpu_176",
+  "preview-label": "_preview-label_13qpu_183",
+  "preview-image": "_preview-image_13qpu_188"
 };
 const ImageCropComponent = ({
   image,
@@ -41609,8 +41620,8 @@ const ImageCropComponent = ({
       if (cropData) {
         onCropComplete(cropData);
       }
-    } catch (error) {
-      console.error("Error al recortar imagen:", error);
+    } catch (error2) {
+      console.error("Error al recortar imagen:", error2);
     } finally {
       setIsLoading(false);
     }
@@ -41661,7 +41672,7 @@ const ImageCropComponent = ({
     open: true,
     onClose: onCancel,
     maxWidth: "lg",
-    className: `${styles$1["image-crop-modal"]} ${styles$a["kit-gbc"]}`,
+    className: `${styles$1["image-crop-modal"]} ${styles$b["kit-gbc"]}`,
     children: /* @__PURE__ */ jsx$1(DialogContent$1, {
       sx: {
         maxWidth: "md",
@@ -43801,9 +43812,9 @@ const compressImage = async (file) => {
   try {
     const compressedFile = await imageCompression(file, options);
     return compressedFile;
-  } catch (error) {
-    console.error("Error al comprimir la imagen:", error);
-    throw error;
+  } catch (error2) {
+    console.error("Error al comprimir la imagen:", error2);
+    throw error2;
   }
 };
 const convertFileToBase64 = (file) => {
@@ -43815,8 +43826,8 @@ const convertFileToBase64 = (file) => {
       const base64 = result.split(",")[1];
       resolve(base64);
     };
-    reader.onerror = (error) => {
-      reject(error);
+    reader.onerror = (error2) => {
+      reject(error2);
     };
   });
 };
@@ -43840,7 +43851,7 @@ const CameraController = () => {
   const [isProcessing, setIsProcessing] = useState(false);
   const [cameraTarget, setCameraTarget] = useState("front");
   const [isLoadingCamera, setIsLoadingCamera] = useState(false);
-  const [error, setError] = useState(null);
+  const [error2, setError] = useState(null);
   const [recomendationsReviewed, setRecomendationsReviewed] = useState(false);
   const [frontDocument, setFrontDocument] = useState({
     file: null,
@@ -43920,8 +43931,8 @@ const CameraController = () => {
       if (isCameraOpen && hasPermissions) {
         await openCamera(currentCameraIndex);
       }
-    } catch (error2) {
-      console.error("Error al reiniciar c\xE1mara:", error2);
+    } catch (error22) {
+      console.error("Error al reiniciar c\xE1mara:", error22);
       setError("No se pudo reiniciar la c\xE1mara. Intenta nuevamente.");
     } finally {
       setIsLoadingCamera(false);
@@ -43935,8 +43946,8 @@ const CameraController = () => {
         return (_a = device2.kind === "videoinput" && device2.label.toLowerCase().includes("back")) != null ? _a : device2.kind === "videoinput";
       });
       setAvailableCameras(videoDevices);
-    } catch (error2) {
-      console.error("Error obteniendo dispositivos de c\xE1mara:", error2);
+    } catch (error22) {
+      console.error("Error obteniendo dispositivos de c\xE1mara:", error22);
       setAvailableCameras([]);
     }
   };
@@ -43950,11 +43961,11 @@ const CameraController = () => {
       stream.getTracks().forEach((track) => track.stop());
       setHasPermissions(true);
       await getAvailableCameras();
-    } catch (error2) {
-      console.error("Error solicitando permisos:", error2);
+    } catch (error22) {
+      console.error("Error solicitando permisos:", error22);
       setHasPermissions(false);
       setError("Permisos de c\xE1mara denegados. Permite el acceso para continuar.");
-      throw error2;
+      throw error22;
     } finally {
       setIsLoadingCamera(false);
     }
@@ -43997,8 +44008,8 @@ const CameraController = () => {
       });
       setDataClaroPay(dataOfClaroPay);
       navigate("/data-confirmation");
-    } catch (error2) {
-      console.error("Error al procesar documentos:", error2);
+    } catch (error22) {
+      console.error("Error al procesar documentos:", error22);
       registerOcrError({
         bodyParams: {
           doc_first_image: `data:image/jpeg;base64,${frontDocument.base64}`,
@@ -44076,13 +44087,13 @@ const CameraController = () => {
       }
     } catch (err) {
       console.error("Error abriendo c\xE1mara con fallback:", err);
-      const error2 = err;
-      if (error2.name === "NotAllowedError") {
+      const error22 = err;
+      if (error22.name === "NotAllowedError") {
         setError("Permisos de c\xE1mara denegados. Permite el acceso a la c\xE1mara.");
         setHasPermissions(false);
-      } else if (error2.name === "NotFoundError") {
+      } else if (error22.name === "NotFoundError") {
         setError("No se encontr\xF3 ninguna c\xE1mara en el dispositivo.");
-      } else if (error2.name === "NotReadableError") {
+      } else if (error22.name === "NotReadableError") {
         if (retryCount < (isMobile2 ? 1 : 2)) {
           await new Promise((resolve) => setTimeout(resolve, 1500));
           return openCameraWithFallback(retryCount + 1);
@@ -44215,13 +44226,13 @@ const CameraController = () => {
       }
     } catch (err) {
       console.error("Error abriendo c\xE1mara:", err);
-      const error2 = err;
-      if (error2.name === "NotAllowedError") {
+      const error22 = err;
+      if (error22.name === "NotAllowedError") {
         setError("Permisos de c\xE1mara denegados. Permite el acceso a la c\xE1mara.");
         setHasPermissions(false);
-      } else if (error2.name === "NotFoundError") {
+      } else if (error22.name === "NotFoundError") {
         setError("No se encontr\xF3 ninguna c\xE1mara en el dispositivo.");
-      } else if (error2.name === "NotReadableError") {
+      } else if (error22.name === "NotReadableError") {
         if (retryCount < (isMobile2 ? 1 : 2)) {
           const retryPause = isMobile2 ? 2e3 : 1e3;
           await new Promise((resolve) => setTimeout(resolve, retryPause));
@@ -44259,7 +44270,7 @@ const CameraController = () => {
         base64,
         error: null
       });
-    } catch (error2) {
+    } catch (error22) {
       setDocument({
         file: null,
         preview: null,
@@ -44314,7 +44325,7 @@ const CameraController = () => {
     setCameraTarget,
     isLoadingCamera,
     setIsLoadingCamera,
-    error,
+    error: error2,
     setError,
     getAvailableCameras,
     requestPermissions,
@@ -44361,8 +44372,8 @@ const useDocumentCrop = ({ onImageProcessed }) => {
         const croppedFile = new File([blob], fileName, { type: "image/jpeg" });
         onImageProcessed(croppedFile, currentIsFront);
         closeCropModal();
-      } catch (error) {
-        console.error("Error al procesar imagen recortada:", error);
+      } catch (error2) {
+        console.error("Error al procesar imagen recortada:", error2);
       }
     },
     [originalFile, currentIsFront, onImageProcessed, closeCropModal]
@@ -44437,7 +44448,7 @@ const V2OcrComponent = ({
     handleCameraCapture,
     cameraTarget,
     isLoadingCamera,
-    error,
+    error: error2,
     videoRef,
     canvasRef,
     capturePhoto,
@@ -44527,7 +44538,7 @@ const V2OcrComponent = ({
           gutterBottom: true,
           fontWeight: "bold",
           sx: {
-            color: "var(--primary)"
+            color: "var(--_primary)"
           },
           textAlign: "left",
           children: "Recomendaciones:"
@@ -44650,12 +44661,12 @@ const V2OcrComponent = ({
                   },
                   children: isCheckingPermissions ? "Verificando permisos..." : isInitializing ? "Inicializando c\xE1mara..." : "Cargando..."
                 })]
-              }), error && /* @__PURE__ */ jsxs(Box$1, {
+              }), error2 && /* @__PURE__ */ jsxs(Box$1, {
                 className: styles["error-overlay"],
                 children: [/* @__PURE__ */ jsx$1(Typography$1, {
                   variant: "body1",
                   gutterBottom: true,
-                  children: error
+                  children: error2
                 }), /* @__PURE__ */ jsx$1(Box$1, {
                   sx: {
                     display: "flex",
@@ -44715,12 +44726,12 @@ const V2OcrComponent = ({
                   children: /* @__PURE__ */ jsx$1(FlipCameraIos, {})
                 }), /* @__PURE__ */ jsx$1(MUIIconButton, {
                   onClick: capturePhoto,
-                  disabled: isLoadingCamera || !!error,
+                  disabled: isLoadingCamera || !!error2,
                   sx: {
-                    backgroundColor: `var(--primary)`,
+                    backgroundColor: `var(--_primary)`,
                     color: "white",
                     "&:hover": {
-                      backgroundColor: "var(--primary-hov)"
+                      backgroundColor: "var(--_primary-hov)"
                     },
                     width: "3rem",
                     height: "3rem"
@@ -44754,7 +44765,7 @@ const V2OcrComponent = ({
               sx: {
                 borderStyle: "dashed",
                 "&:hover": {
-                  borderColor: "var(--primary)",
+                  borderColor: "var(--_primary)",
                   backgroundColor: "action.hover"
                 }
               },
@@ -44863,12 +44874,12 @@ const V2OcrComponent = ({
                   },
                   children: isInitializing ? "Inicializando c\xE1mara..." : "Cargando..."
                 })]
-              }), error && /* @__PURE__ */ jsxs(Box$1, {
+              }), error2 && /* @__PURE__ */ jsxs(Box$1, {
                 className: styles["error-overlay"],
                 children: [/* @__PURE__ */ jsx$1(Typography$1, {
                   variant: "body1",
                   gutterBottom: true,
-                  children: error
+                  children: error2
                 }), /* @__PURE__ */ jsx$1(Box$1, {
                   sx: {
                     display: "flex",
@@ -44928,12 +44939,12 @@ const V2OcrComponent = ({
                   children: /* @__PURE__ */ jsx$1(FlipCameraIos, {})
                 }), /* @__PURE__ */ jsx$1(MUIIconButton, {
                   onClick: capturePhoto,
-                  disabled: isLoadingCamera || !!error,
+                  disabled: isLoadingCamera || !!error2,
                   sx: {
-                    backgroundColor: `var(--primary)`,
+                    backgroundColor: `var(--_primary)`,
                     color: "white",
                     "&:hover": {
-                      backgroundColor: "var(--primary-hov)"
+                      backgroundColor: "var(--_primary-hov)"
                     },
                     width: "3rem",
                     height: "3rem"
@@ -44967,7 +44978,7 @@ const V2OcrComponent = ({
               sx: {
                 borderStyle: "dashed",
                 "&:hover": {
-                  borderColor: "var(--primary)",
+                  borderColor: "var(--_primary)",
                   backgroundColor: "action.hover"
                 }
               },
@@ -45105,7 +45116,7 @@ function DocumentReader({
       alignItems: "center"
     },
     children: /* @__PURE__ */ jsxs("div", {
-      className: `${styles$a["kit-gbc"]} ${styles$a[mode]} ${styles$a["without-shadow"]} ${styles$a["ocr"]}`,
+      className: `${styles$b["kit-gbc"]} ${styles$b[mode]} ${styles$b["without-shadow"]} ${styles$b["ocr"]}`,
       children: [/* @__PURE__ */ jsx$1(k$2, {
         className: "kit-gbc-toastify-container",
         position: "top-center",
@@ -45121,9 +45132,9 @@ function DocumentReader({
         onSubmit: simpleHandleSubmit(onSendSubmitDocument),
         id: "document-reader",
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$a.sub,
+          className: styles$b.sub,
           children: [/* @__PURE__ */ jsxs("div", {
-            className: styles$a["header-component"],
+            className: styles$b["header-component"],
             children: [/* @__PURE__ */ jsx$1("h4", {
               children: "Lectura del documento"
             }), !lib$1(status) ? /* @__PURE__ */ jsx$1(StatusComponent, {
@@ -45157,7 +45168,7 @@ function DocumentReader({
           }), (source2 !== "secure_link" || validateErrorMessageOCR(message)) && showBackButton(status) && showBackButtonWhenError && /* @__PURE__ */ jsx$1(CustomButton, {
             type: "button",
             onClick: clearState,
-            className: styles$a["px-2"],
+            className: styles$b["px-2"],
             children: "Volver a intentar"
           })]
         })
@@ -45197,9 +45208,9 @@ const fetchFaceMatch = async (faceMatch, selfie, inProduction, customHeaders) =>
   try {
     const res = await request2(parseReq);
     return res.data;
-  } catch (error) {
-    console.log(error);
-    throw error;
+  } catch (error2) {
+    console.log(error2);
+    throw error2;
   }
 };
 const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed, validateVpn, successMessage, status_token2) => {
@@ -45275,11 +45286,11 @@ const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authoriz
         } = res2.data;
         message2 && setStatus(message2);
         setMessage(successMessage ? successMessage : "Comparaci\xF3n de rostro procesado con \xE9xito");
-      } catch (error) {
+      } catch (error2) {
         let message2 = "";
         const {
           status: status2
-        } = (_a = error == null ? void 0 : error.response) != null ? _a : {
+        } = (_a = error2 == null ? void 0 : error2.response) != null ? _a : {
           status: "Error desconocido"
         };
         await saveDataToDB({
@@ -45296,8 +45307,8 @@ const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authoriz
           clientId,
           geolocation
         });
-        if ((_d = (_c = error == null ? void 0 : error.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message) {
-          message2 = error.response.data.message;
+        if ((_d = (_c = error2 == null ? void 0 : error2.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message) {
+          message2 = error2.response.data.message;
         } else if (status2 === 500) {
           message2 = {
             limit_of_request
@@ -45306,10 +45317,10 @@ const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authoriz
         setIsLoading(null);
         setMessage(message2);
         setStatus(status2);
-        ErrorHandler(error);
+        ErrorHandler(error2);
       }
-    } catch (error) {
-      console.log(error);
+    } catch (error2) {
+      console.log(error2);
       Q.error("Error - Verificar host con el proveedor");
     } finally {
       setIsLoading(false);
@@ -45368,7 +45379,7 @@ function FaceMatch({
     facingMode: "user"
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$a["kit-gbc"]} ${styles$a[mode]}`,
+    className: `${styles$b["kit-gbc"]} ${styles$b[mode]}`,
     style: {
       padding: "16px"
     },
@@ -45387,11 +45398,11 @@ function FaceMatch({
       onSubmit: simpleHandleSubmit(onSendSubmitSelfie),
       id: "face-match",
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$a.sub,
+        className: styles$b.sub,
         children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
           action: clearState
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$a["header-component"],
+          className: styles$b["header-component"],
           children: [/* @__PURE__ */ jsx$1("h4", {
             children: "Comparaci\xF3n de rostro"
           }), !lib$1(status) ? /* @__PURE__ */ jsx$1(StatusComponent, {
@@ -45401,11 +45412,11 @@ function FaceMatch({
             children: "Utilice la c\xE1mara de su dispositivo para capturar una selfie."
           })]
         }), lib$1(status) && /* @__PURE__ */ jsxs("div", {
-          className: styles$a["pics-container"],
+          className: styles$b["pics-container"],
           children: [/* @__PURE__ */ jsx$1("div", {
-            className: styles$a["box-image"],
+            className: styles$b["box-image"],
             children: lib$1(picBase64) ? /* @__PURE__ */ jsxs("div", {
-              className: `${styles$a["upload-document"]} ${styles$a["without-image"]}`,
+              className: `${styles$b["upload-document"]} ${styles$b["without-image"]}`,
               style: {
                 backgroundImage: `url(${dummyImage})`
               },
@@ -45413,19 +45424,19 @@ function FaceMatch({
                 children: "Imagen no detectada"
               })]
             }) : /* @__PURE__ */ jsx$1("div", {
-              className: `${styles$a["upload-document"]} ${styles$a["bg-img-container"]}`,
+              className: `${styles$b["upload-document"]} ${styles$b["bg-img-container"]}`,
               style: {
                 backgroundImage: `url(${picBase64})`
               }
             })
           }), /* @__PURE__ */ jsx$1("div", {
-            className: styles$a.icon,
+            className: styles$b.icon,
             children: /* @__PURE__ */ jsx$1(CompareArrowsIcon, {})
           }), /* @__PURE__ */ jsx$1("div", {
             children: !takePic ? /* @__PURE__ */ jsx$1("label", {
-              className: styles$a["box-image"],
+              className: styles$b["box-image"],
               children: /* @__PURE__ */ jsxs("div", {
-                className: `${styles$a["upload-document"]} ${styles$a["without-image"]}`,
+                className: `${styles$b["upload-document"]} ${styles$b["without-image"]}`,
                 style: {
                   backgroundImage: `url(${dummyImage})`
                 },
@@ -45440,7 +45451,7 @@ function FaceMatch({
                 })]
               })
             }) : /* @__PURE__ */ jsx$1("div", {
-              className: styles$a["box-image"],
+              className: styles$b["box-image"],
               children: !url ? /* @__PURE__ */ jsx$1(Webcam, {
                 ref: webcamRef,
                 audio: false,
@@ -45451,7 +45462,7 @@ function FaceMatch({
                 mirrored: true
               }) : /* @__PURE__ */ jsx$1(Fragment, {
                 children: /* @__PURE__ */ jsx$1("div", {
-                  className: `${styles$a["upload-document"]} ${styles$a["bg-img-container"]}`,
+                  className: `${styles$b["upload-document"]} ${styles$b["bg-img-container"]}`,
                   style: {
                     backgroundImage: `url(${url})`
                   }
@@ -45589,11 +45600,11 @@ const LivenessController = (clientId, eventId, source2, inProduction, countryCod
             geolocation
           });
         }) : wrapAndSaveData();
-      } catch (error) {
+      } catch (error2) {
         let message2 = "";
         const {
           status: status2
-        } = (_a = error == null ? void 0 : error.response) != null ? _a : {
+        } = (_a = error2 == null ? void 0 : error2.response) != null ? _a : {
           status: "Error desconocido"
         };
         saveDataToDB({
@@ -45615,9 +45626,9 @@ const LivenessController = (clientId, eventId, source2, inProduction, countryCod
         }
         setMessage(message2);
         setStatus(status2);
-        ErrorHandler(error);
+        ErrorHandler(error2);
       }
-    } catch (error) {
+    } catch (error2) {
       Q.error("Error - Verificar host con el proveedor");
     }
   };
@@ -45656,10 +45667,15 @@ const LivenessController = (clientId, eventId, source2, inProduction, countryCod
     similarity
   };
 };
-const primaryColor = getComputedStyle(document.documentElement).getPropertyValue("--primary");
-const primaryColorHover = getComputedStyle(document.documentElement).getPropertyValue("--primary-hov");
-const fontSize = getComputedStyle(document.documentElement).getPropertyValue("--font-size");
-const fontFamily = getComputedStyle(document.documentElement).getPropertyValue("--font-family");
+function getCssVariables(containerEl) {
+  const el = containerEl != null ? containerEl : document.documentElement;
+  const style2 = getComputedStyle(el);
+  const primaryColor = style2.getPropertyValue("--primary").trim() || "#1976d2";
+  const primaryColorHover = style2.getPropertyValue("--primary-hov").trim() || "#2689ed";
+  const fontSize = style2.getPropertyValue("--font-size").trim() || "14px";
+  const fontFamily = style2.getPropertyValue("--font-family").trim() || "'Poppins', sans-serif";
+  return { primaryColor, primaryColorHover, fontSize, fontFamily };
+}
 const CustomSpinnerProgress = () => {
   return /* @__PURE__ */ jsx$1("div", {
     className: "custom_spinner_container",
@@ -46823,6 +46839,7 @@ function LivenessCheck({
   validateVpn = false,
   successMessage
 }) {
+  const containerRef = useRef(null);
   const {
     status,
     isLoading,
@@ -46837,6 +46854,12 @@ function LivenessCheck({
   useEffect(() => {
     const component = document.getElementsByTagName("face-liveness")[0];
     if (component) {
+      const {
+        primaryColor,
+        primaryColorHover,
+        fontFamily,
+        fontSize
+      } = getCssVariables(containerRef.current);
       component.settings = {
         locale: "es",
         videoRecording: true,
@@ -46860,7 +46883,8 @@ function LivenessCheck({
     }
   }, []);
   return /* @__PURE__ */ jsx$1("div", {
-    className: `${styles$a["kit-gbc"]} ${styles$a["liveness-container"]} ${styles$a[mode]} ${status === "NOT_VERIFY" && styles$a.error}`,
+    ref: containerRef,
+    className: `${styles$b["kit-gbc"]} ${styles$b["liveness-container"]} ${styles$b[mode]} ${status === "NOT_VERIFY" && styles$b.error}`,
     children: /* @__PURE__ */ jsxs("div", {
       id: "liveness-check",
       children: [/* @__PURE__ */ jsx$1(k$2, {
@@ -46875,7 +46899,7 @@ function LivenessCheck({
         draggable: true,
         pauseOnHover: true
       }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx$1(BackDropLoader, {}) : null, !lib$1(status) ? /* @__PURE__ */ jsxs("div", {
-        className: styles$a.sub,
+        className: styles$b.sub,
         children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
           action: clearState
         }), /* @__PURE__ */ jsx$1("h4", {
@@ -46885,9 +46909,9 @@ function LivenessCheck({
           message
         })]
       }) : lib$1(data2) && faceMatch || faceMatch === null ? /* @__PURE__ */ jsx$1("face-liveness", {
-        className: styles$a.liveness
+        className: styles$b.liveness
       }) : /* @__PURE__ */ jsx$1(Box$1, {
-        className: `${styles$a["box-liveness"]} ${isMobile_1 && styles$a.responsive}`,
+        className: `${styles$b["box-liveness"]} ${isMobile_1 && styles$b.responsive}`,
         children: similarity === 0 ? /* @__PURE__ */ jsxs(Box$1, {
           display: "flex",
           flexDirection: "column",
@@ -49330,7 +49354,7 @@ function GridEditSingleSelectCell(props) {
     row,
     colDef,
     hasFocus,
-    error,
+    error: error2,
     onValueChange,
     initialOpen = rootProps.editMode === GridEditModes.Cell,
     getOptionLabel: getOptionLabelProp,
@@ -49416,7 +49440,7 @@ function GridEditSingleSelectCell(props) {
     MenuProps: _extends$2({
       onClose: handleClose
     }, MenuProps),
-    error,
+    error: error2,
     native: isSelectNative,
     fullWidth: true
   }, other, otherBaseSelectProps, {
@@ -53371,14 +53395,14 @@ function GridFilterInputMultipleValue(props) {
     apiRef,
     focusElementRef,
     color: color2,
-    error,
+    error: error2,
     helperText,
     size,
     variant
   } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$h);
   const TextFieldProps = {
     color: color2,
-    error,
+    error: error2,
     helperText,
     size,
     variant
@@ -53441,7 +53465,7 @@ function GridFilterInputMultipleSingleSelect(props) {
     apiRef,
     focusElementRef,
     color: color2,
-    error,
+    error: error2,
     helperText,
     size,
     variant = "standard",
@@ -53450,7 +53474,7 @@ function GridFilterInputMultipleSingleSelect(props) {
   } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$g);
   const TextFieldProps = {
     color: color2,
-    error,
+    error: error2,
     helperText,
     size,
     variant
@@ -58550,10 +58574,10 @@ const useGridCellEditing = (apiRef, props) => {
     }
     const editingState = gridEditRowsStateSelector(apiRef.current.state);
     const {
-      error,
+      error: error2,
       isProcessingProps
     } = editingState[id][field];
-    if (error || isProcessingProps) {
+    if (error2 || isProcessingProps) {
       prevCellModesModel.current[id][field].mode = GridCellModes.Edit;
       updateFieldInCellModesModel(id, field, {
         mode: GridCellModes.Edit
@@ -63098,7 +63122,7 @@ function BulkVerification({
     copyFunction
   } = BlackListController(clientId, authorize, inProduction, source2, eventId, countryCodeAllowed, validateVpn, successMessage, alertMessage, dataBulkVerification);
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$a["kit-gbc"]} ${styles$a[mode]}`,
+    className: `${styles$b["kit-gbc"]} ${styles$b[mode]}`,
     style: {
       padding: "16px"
     },
@@ -63118,11 +63142,11 @@ function BulkVerification({
       onSubmit: handleSubmitCsv(onSubmitCsv),
       id: "bulkverification",
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$a.sub,
+        className: styles$b.sub,
         children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
           action: clearState
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$a["header-component"],
+          className: styles$b["header-component"],
           children: [/* @__PURE__ */ jsx$1("h4", {
             children: "Lista de sanciones y PEP's"
           }), !lib$1(status) ? /* @__PURE__ */ jsxs(Box$1, {
@@ -63130,7 +63154,7 @@ function BulkVerification({
               status,
               message
             }), batchData.batchSize && /* @__PURE__ */ jsx$1(Stack$1, {
-              className: styles$a["alert-container"],
+              className: styles$b["alert-container"],
               children: /* @__PURE__ */ jsxs(Alert$1, {
                 severity: `${batchData.batchSize != 0 ? "success" : "warning"}`,
                 children: [/* @__PURE__ */ jsx$1(AlertTitle$1, {
@@ -63139,7 +63163,7 @@ function BulkVerification({
                   },
                   children: batchData.batchSize !== 0 ? `\xA1Procesando ${batchData.batchSize} registros!` : `\xA1Se detectaron ${batchData.batchSize} registros!`
                 }), batchData.batchSize !== 0 && /* @__PURE__ */ jsxs("div", {
-                  className: styles$a["copy-button-container"],
+                  className: styles$b["copy-button-container"],
                   onClick: () => copyFunction(batchData.id),
                   children: [/* @__PURE__ */ jsx$1(Typography$1, {
                     variant: "body2",
@@ -63152,9 +63176,9 @@ function BulkVerification({
             children: "Suba un archivo CSV para la verificaci\xF3n masiva en las listas de sanciones."
           })]
         }), lib$1(status) && /* @__PURE__ */ jsx$1("div", {
-          className: styles$a["wrap-drag-and-drop-file"],
+          className: styles$b["wrap-drag-and-drop-file"],
           children: /* @__PURE__ */ jsxs("label", {
-            className: styles$a["upload-document"],
+            className: styles$b["upload-document"],
             style: {
               display: "flex"
             },