gbc-kyc-kit 1.6.21 → 1.6.23

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

@@ -18956,8 +18956,7 @@ function CustomButton({
   id,
   onClick,
   children,
-  href,
-  key
+  href
 }) {
   return /* @__PURE__ */ jsx("div", {
     className: `button-container m-0 mt-2`,
@@ -18968,21 +18967,19 @@ function CustomButton({
       onClick,
       href,
       children
-    }, type)
+    })
   });
 }
 CustomButton.defautProps = {
   type: "button",
   name: "",
-  id: "",
-  key: ""
+  id: ""
 };
 CustomButton.propTypes = {
   type: propTypes.exports.PropTypes.string,
   name: propTypes.exports.PropTypes.string,
   id: propTypes.exports.PropTypes.string,
   href: propTypes.exports.PropTypes.string,
-  key: propTypes.exports.PropTypes.string,
   children: propTypes.exports.PropTypes.node.isRequired
 };
 var __assign = function() {
@@ -22807,7 +22804,7 @@ function unstable_createStyleFunctionSx() {
 const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ["sx"];
 var styleFunctionSx$1 = styleFunctionSx;
-const _excluded$g = ["sx"];
+const _excluded$h = ["sx"];
 const splitProps = (props) => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -22827,7 +22824,7 @@ const splitProps = (props) => {
 function extendSxProp(props) {
   const {
     sx: inSx
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$g);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$h);
   const {
     systemProps,
     otherProps
@@ -22850,7 +22847,7 @@ function extendSxProp(props) {
     sx: finalSx
   });
 }
-const _excluded$f = ["values", "unit", "step"];
+const _excluded$g = ["values", "unit", "step"];
 const sortBreakpointsValues = (values2) => {
   const breakpointsAsArray = Object.keys(values2).map((key) => ({
     key,
@@ -22874,7 +22871,7 @@ function createBreakpoints(breakpoints) {
     },
     unit = "px",
     step = 5
-  } = breakpoints, other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$f);
+  } = breakpoints, other = _objectWithoutPropertiesLoose$1(breakpoints, _excluded$g);
   const sortedValues = sortBreakpointsValues(values2);
   const keys2 = Object.keys(sortedValues);
   function up(key) {
@@ -22937,14 +22934,14 @@ function createSpacing(spacingInput = 8) {
   spacing.mui = true;
   return spacing;
 }
-const _excluded$e = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$f = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$1(options = {}, ...args) {
   const {
     breakpoints: breakpointsInput = {},
     palette: paletteInput = {},
     spacing: spacingInput,
     shape: shapeInput = {}
-  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$e);
+  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$f);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge({
@@ -22984,7 +22981,7 @@ const systemDefaultTheme$1 = createTheme$1();
 function useTheme(defaultTheme2 = systemDefaultTheme$1) {
   return useTheme$1(defaultTheme2);
 }
-const _excluded$d = ["className", "component"];
+const _excluded$e = ["className", "component"];
 function createBox(options = {}) {
   const {
     defaultTheme: defaultTheme2,
@@ -22999,7 +22996,7 @@ function createBox(options = {}) {
     const _extendSxProp = extendSxProp(inProps), {
       className,
       component = "div"
-    } = _extendSxProp, other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$d);
+    } = _extendSxProp, other = _objectWithoutPropertiesLoose$1(_extendSxProp, _excluded$e);
     return /* @__PURE__ */ jsx(BoxRoot, _extends$1({
       as: component,
       ref,
@@ -23009,14 +23006,14 @@ function createBox(options = {}) {
   });
   return Box2;
 }
-const _excluded$c = ["variant"];
+const _excluded$d = ["variant"];
 function isEmpty$1(string2) {
   return string2.length === 0;
 }
 function propsToClassKey(props) {
   const {
     variant
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$c);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$d);
   let classKey = variant || "";
   Object.keys(other).sort().forEach((key) => {
     if (key === "color") {
@@ -23027,7 +23024,7 @@ function propsToClassKey(props) {
   });
   return classKey;
 }
-const _excluded$b = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"], _excluded2 = ["theme"], _excluded3 = ["theme"];
+const _excluded$c = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"], _excluded2 = ["theme"], _excluded3 = ["theme"];
 function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -23099,7 +23096,7 @@ function createStyled2(input = {}) {
       skipVariantsResolver: inputSkipVariantsResolver,
       skipSx: inputSkipSx,
       overridesResolver
-    } = inputOptions, options = _objectWithoutPropertiesLoose$1(inputOptions, _excluded$b);
+    } = inputOptions, options = _objectWithoutPropertiesLoose$1(inputOptions, _excluded$c);
     const skipVariantsResolver = inputSkipVariantsResolver !== void 0 ? inputSkipVariantsResolver : componentSlot && componentSlot !== "Root" || false;
     const skipSx = inputSkipSx || false;
     let label;
@@ -23361,7 +23358,7 @@ function createMixins(breakpoints, mixins) {
     }
   }, mixins);
 }
-const _excluded$a = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$b = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   text: {
     primary: "rgba(0, 0, 0, 0.87)",
@@ -23515,7 +23512,7 @@ function createPalette(palette) {
     mode = "light",
     contrastThreshold = 3,
     tonalOffset = 0.2
-  } = palette, other = _objectWithoutPropertiesLoose$1(palette, _excluded$a);
+  } = palette, other = _objectWithoutPropertiesLoose$1(palette, _excluded$b);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -23592,7 +23589,7 @@ function createPalette(palette) {
   }, modes[mode]), other);
   return paletteOutput;
 }
-const _excluded$9 = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$a = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -23611,7 +23608,7 @@ function createTypography(palette, typography) {
     htmlFontSize = 16,
     allVariants,
     pxToRem: pxToRem2
-  } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$9);
+  } = _ref, other = _objectWithoutPropertiesLoose$1(_ref, _excluded$a);
   const coef = fontSize / 14;
   const pxToRem = pxToRem2 || ((size) => `${size / htmlFontSize * coef}rem`);
   const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$1({
@@ -23665,7 +23662,7 @@ function createShadow(...px) {
 }
 const shadows = ["none", createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
 var shadows$1 = shadows;
-const _excluded$8 = ["duration", "easing", "delay"];
+const _excluded$9 = ["duration", "easing", "delay"];
 const easing = {
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
@@ -23700,7 +23697,7 @@ function createTransitions(inputTransitions) {
       easing: easingOption = mergedEasing.easeInOut,
       delay = 0
     } = options;
-    _objectWithoutPropertiesLoose$1(options, _excluded$8);
+    _objectWithoutPropertiesLoose$1(options, _excluded$9);
     return (Array.isArray(props) ? props : [props]).map((animatedProp) => `${animatedProp} ${typeof durationOption === "string" ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === "string" ? delay : formatMs(delay)}`).join(",");
   };
   return _extends$1({
@@ -23722,14 +23719,14 @@ const zIndex = {
   tooltip: 1500
 };
 var zIndex$1 = zIndex;
-const _excluded$7 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$8 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
   const {
     mixins: mixinsInput = {},
     palette: paletteInput = {},
     transitions: transitionsInput = {},
     typography: typographyInput = {}
-  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$7);
+  } = options, other = _objectWithoutPropertiesLoose$1(options, _excluded$8);
   if (options.vars) {
     throw new Error(formatMuiErrorMessage(18));
   }
@@ -23776,8 +23773,8 @@ function getSvgIconUtilityClass(slot) {
   return generateUtilityClass("MuiSvgIcon", slot);
 }
 generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const _excluded$6 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
-const useUtilityClasses$5 = (ownerState) => {
+const _excluded$7 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const useUtilityClasses$6 = (ownerState) => {
   const {
     color: color2,
     fontSize,
@@ -23840,7 +23837,7 @@ const SvgIcon = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps, re
     inheritViewBox = false,
     titleAccess,
     viewBox = "0 0 24 24"
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$6);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$7);
   const ownerState = _extends$1({}, props, {
     color: color2,
     component,
@@ -23853,7 +23850,7 @@ const SvgIcon = /* @__PURE__ */ React$1.forwardRef(function SvgIcon2(inProps, re
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$5(ownerState);
+  const classes = useUtilityClasses$6(ownerState);
   return /* @__PURE__ */ jsxs(SvgIconRoot, _extends$1({
     as: component,
     className: clsx(classes.root, className),
@@ -24122,7 +24119,7 @@ function Ripple(props) {
 }
 const touchRippleClasses = generateUtilityClasses("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]);
 var touchRippleClasses$1 = touchRippleClasses;
-const _excluded$5 = ["center", "classes", "className"];
+const _excluded$6 = ["center", "classes", "className"];
 let _ = (t2) => t2, _t, _t2, _t3, _t4;
 const DURATION = 550;
 const DELAY_RIPPLE = 80;
@@ -24237,7 +24234,7 @@ const TouchRipple = /* @__PURE__ */ React$1.forwardRef(function TouchRipple2(inP
     center: centerProp = false,
     classes = {},
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$5);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$6);
   const [ripples, setRipples] = React$1.useState([]);
   const nextKey = React$1.useRef(0);
   const rippleCallback = React$1.useRef(null);
@@ -24401,8 +24398,8 @@ function getButtonBaseUtilityClass(slot) {
 }
 const buttonBaseClasses = generateUtilityClasses("MuiButtonBase", ["root", "disabled", "focusVisible"]);
 var buttonBaseClasses$1 = buttonBaseClasses;
-const _excluded$4 = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
-const useUtilityClasses$4 = (ownerState) => {
+const _excluded$5 = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
+const useUtilityClasses$5 = (ownerState) => {
   const {
     disabled,
     focusVisible,
@@ -24487,7 +24484,7 @@ const ButtonBase = /* @__PURE__ */ React$1.forwardRef(function ButtonBase2(inPro
     TouchRippleProps,
     touchRippleRef,
     type
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$4);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$5);
   const buttonRef = React$1.useRef(null);
   const rippleRef = React$1.useRef(null);
   const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
@@ -24634,7 +24631,7 @@ const ButtonBase = /* @__PURE__ */ React$1.forwardRef(function ButtonBase2(inPro
     tabIndex,
     focusVisible
   });
-  const classes = useUtilityClasses$4(ownerState);
+  const classes = useUtilityClasses$5(ownerState);
   return /* @__PURE__ */ jsxs(ButtonBaseRoot, _extends$1({
     as: ComponentProp,
     className: clsx(classes.root, className),
@@ -24667,8 +24664,8 @@ function getTypographyUtilityClass(slot) {
   return generateUtilityClass("MuiTypography", slot);
 }
 generateUtilityClasses("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const _excluded$3 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
-const useUtilityClasses$3 = (ownerState) => {
+const _excluded$4 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
+const useUtilityClasses$4 = (ownerState) => {
   const {
     align,
     gutterBottom,
@@ -24748,7 +24745,7 @@ const Typography = /* @__PURE__ */ React$1.forwardRef(function Typography2(inPro
     paragraph = false,
     variant = "body1",
     variantMapping = defaultVariantMapping
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$3);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$4);
   const ownerState = _extends$1({}, props, {
     align,
     color: color2,
@@ -24761,7 +24758,7 @@ const Typography = /* @__PURE__ */ React$1.forwardRef(function Typography2(inPro
     variantMapping
   });
   const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
-  const classes = useUtilityClasses$3(ownerState);
+  const classes = useUtilityClasses$4(ownerState);
   return /* @__PURE__ */ jsx(TypographyRoot, _extends$1({
     as: Component,
     ref,
@@ -24801,8 +24798,8 @@ function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass("PrivateSwitchBase", slot);
 }
 generateUtilityClasses("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const _excluded$2 = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
-const useUtilityClasses$2 = (ownerState) => {
+const _excluded$3 = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
+const useUtilityClasses$3 = (ownerState) => {
   const {
     classes,
     checked,
@@ -24860,7 +24857,7 @@ const SwitchBase = /* @__PURE__ */ React$1.forwardRef(function SwitchBase2(props
     tabIndex,
     type,
     value
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$2);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$3);
   const [checked, setCheckedState] = useControlled({
     controlled: checkedProp,
     default: Boolean(defaultChecked),
@@ -24907,7 +24904,7 @@ const SwitchBase = /* @__PURE__ */ React$1.forwardRef(function SwitchBase2(props
     disableFocusRipple,
     edge
   });
-  const classes = useUtilityClasses$2(ownerState);
+  const classes = useUtilityClasses$3(ownerState);
   return /* @__PURE__ */ jsxs(SwitchBaseRoot, _extends$1({
     component: "span",
     className: clsx(classes.root, className),
@@ -24956,8 +24953,8 @@ function getCheckboxUtilityClass(slot) {
 }
 const checkboxClasses = generateUtilityClasses("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary"]);
 var checkboxClasses$1 = checkboxClasses;
-const _excluded$1 = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
-const useUtilityClasses$1 = (ownerState) => {
+const _excluded$2 = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
+const useUtilityClasses$2 = (ownerState) => {
   const {
     classes,
     indeterminate,
@@ -25017,7 +25014,7 @@ const Checkbox = /* @__PURE__ */ React$1.forwardRef(function Checkbox2(inProps,
     inputProps,
     size = "medium",
     className
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$2);
   const icon = indeterminate ? indeterminateIconProp : iconProp;
   const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
   const ownerState = _extends$1({}, props, {
@@ -25025,7 +25022,7 @@ const Checkbox = /* @__PURE__ */ React$1.forwardRef(function Checkbox2(inProps,
     indeterminate,
     size
   });
-  const classes = useUtilityClasses$1(ownerState);
+  const classes = useUtilityClasses$2(ownerState);
   return /* @__PURE__ */ jsx(CheckboxRoot, _extends$1({
     type: "checkbox",
     inputProps: _extends$1({
@@ -25050,8 +25047,8 @@ function getFormControlLabelUtilityClasses(slot) {
 }
 const formControlLabelClasses = generateUtilityClasses("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error"]);
 var formControlLabelClasses$1 = formControlLabelClasses;
-const _excluded = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "slotProps", "value"];
-const useUtilityClasses = (ownerState) => {
+const _excluded$1 = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "slotProps", "value"];
+const useUtilityClasses$1 = (ownerState) => {
   const {
     classes,
     disabled,
@@ -25121,7 +25118,7 @@ const FormControlLabel = /* @__PURE__ */ React$1.forwardRef(function FormControl
     label: labelProp,
     labelPlacement = "end",
     slotProps = {}
-  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded);
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded$1);
   const muiFormControl = useFormControl();
   let disabled = disabledProp;
   if (typeof disabled === "undefined" && typeof control.props.disabled !== "undefined") {
@@ -25148,7 +25145,7 @@ const FormControlLabel = /* @__PURE__ */ React$1.forwardRef(function FormControl
     labelPlacement,
     error: fcs.error
   });
-  const classes = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses$1(ownerState);
   const typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
   let label = labelProp;
   if (label != null && label.type !== Typography$1 && !disableTypography) {
@@ -25168,6 +25165,67 @@ const FormControlLabel = /* @__PURE__ */ React$1.forwardRef(function FormControl
   }));
 });
 var FormControlLabel$1 = FormControlLabel;
+function getFormGroupUtilityClass(slot) {
+  return generateUtilityClass("MuiFormGroup", slot);
+}
+generateUtilityClasses("MuiFormGroup", ["root", "row", "error"]);
+const _excluded = ["className", "row"];
+const useUtilityClasses = (ownerState) => {
+  const {
+    classes,
+    row,
+    error
+  } = ownerState;
+  const slots = {
+    root: ["root", row && "row", error && "error"]
+  };
+  return composeClasses(slots, getFormGroupUtilityClass, classes);
+};
+const FormGroupRoot = styled$1("div", {
+  name: "MuiFormGroup",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, ownerState.row && styles2.row];
+  }
+})(({
+  ownerState
+}) => _extends$1({
+  display: "flex",
+  flexDirection: "column",
+  flexWrap: "wrap"
+}, ownerState.row && {
+  flexDirection: "row"
+}));
+const FormGroup = /* @__PURE__ */ React$1.forwardRef(function FormGroup2(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: "MuiFormGroup"
+  });
+  const {
+    className,
+    row = false
+  } = props, other = _objectWithoutPropertiesLoose$1(props, _excluded);
+  const muiFormControl = useFormControl();
+  const fcs = formControlState({
+    props,
+    muiFormControl,
+    states: ["error"]
+  });
+  const ownerState = _extends$1({}, props, {
+    row,
+    error: fcs.error
+  });
+  const classes = useUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsx(FormGroupRoot, _extends$1({
+    className: clsx(classes.root, className),
+    ownerState,
+    ref
+  }, other));
+});
+var FormGroup$1 = FormGroup;
 function StatusComponent({
   title,
   status,
@@ -25223,11 +25281,11 @@ function StatusComponent({
           className: "my-2 col-6 warning-button",
           onClick: () => clearState(),
           children: "Volver"
-        }, "back"), complementarySearch && Object.keys(lists).length > 0 && /* @__PURE__ */ jsx(CustomButton, {
+        }), complementarySearch && Object.keys(lists).length > 0 && /* @__PURE__ */ jsx(CustomButton, {
           className: "my-1 col-6",
           onClick: complementarySearch,
           children: "Filtrar por"
-        }, "filter")]
+        })]
       }) : null]
     })
   });
@@ -25503,6 +25561,34 @@ function UploadDocument({
     })
   }, id);
 }
+function CustomCheckbox({
+  isActive,
+  label,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(Box$1, {
+    children: /* @__PURE__ */ jsx(FormGroup$1, {
+      className: "checkbox",
+      children: /* @__PURE__ */ jsx(FormControlLabel$1, {
+        control: /* @__PURE__ */ jsx(Checkbox$1, {
+          checked: isActive,
+          color: "primary",
+          onChange
+        }),
+        label
+      })
+    })
+  }, label);
+}
+var CloudUploadIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"
+}), "CloudUpload");
+var CompareArrowsIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z"
+}), "CompareArrows");
+var ImageNotSupportedIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "m21.9 21.9-8.49-8.49-9.82-9.82L2.1 2.1.69 3.51 3 5.83V19c0 1.1.9 2 2 2h13.17l2.31 2.31 1.42-1.41zM5 18l3.5-4.5 2.5 3.01L12.17 15l3 3H5zm16 .17L5.83 3H19c1.1 0 2 .9 2 2v13.17z"
+}), "ImageNotSupported");
 function DocumentReader({
   mode,
   dataDocument,
@@ -25525,11 +25611,6 @@ function DocumentReader({
     setDualMode,
     dualMode
   } = DocumentReaderController(dataDocument, clientId, authorize, inProduction, countryCodeAllowed);
-  const label = {
-    inputProps: {
-      "aria-label": "Checkbox demo"
-    }
-  };
   return /* @__PURE__ */ jsxs("div", {
     className: `kit-gbc ${mode}`,
     children: [/* @__PURE__ */ jsx(k$2, {
@@ -25607,11 +25688,10 @@ function DocumentReader({
         }), /* @__PURE__ */ jsxs(Box$1, {
           width: "100%",
           children: [!status && /* @__PURE__ */ jsxs(Box$1, {
-            children: [/* @__PURE__ */ jsx(FormControlLabel$1, {
-              control: /* @__PURE__ */ jsx(Checkbox$1, {
-                defaultChecked: true
-              }, label),
-              label: "Label"
+            children: [/* @__PURE__ */ jsx(CustomCheckbox, {
+              label: "Cargar reverso del documento",
+              isActive: dualMode,
+              onChange: () => setDualMode(!dualMode)
             }), !dualMode && !base64.secondImage && base64.firstImage && lib$1(status) && /* @__PURE__ */ jsx(CustomButton, {
               type: "submit",
               children: "Procesar"
@@ -25754,15 +25834,6 @@ const FaceMatchController = (dataFaceMatch, clientId, authorize, inProduction, p
   };
 };
 var dummyImage = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0ICA0IDQ0NDQ0NDQ8IDQ0NFREWFhURExMYHSggGBolGxMTITEhJSkrLi4uFx8zODMsNygtLisBCgoKDQ0NDg0PDy0ZFRk3KzctKysrKy03LTctKzcrKystKystKysrKysrKysrKysrKysrKysrKysrKysrKysrK//AABEIAPYAzQMBIgACEQEDEQH/xAAZAAEBAQEBAQAAAAAAAAAAAAAAAQMEAgf/xAAqEAEBAAECBQQCAgIDAAAAAAAAAQIDERIhQWFxBDFRgZGhYrEi8BMUQv/EABcBAQEBAQAAAAAAAAAAAAAAAAABAgP/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAMAwEAAhEDEQA/APqYDq5gAAAAAIAAioAAACAAgAACKgAABEWA1AAAAAABAAecspPeyAoxvqJ0lv6eL6i/GM/ZhrpHL/z5fx/C/wDYy/iuGugYT1HzPxWmOrjeu3nkmD2hQAAEAARUAIUgNgAAAAAQGHqNT/zOvuBq6/TH8ue37BpAAQQAAAe8NSzvPh045SzeON608+G/2liutDf9iKAAgAIsRQbAAAAIAJldpb8OG3e7/Lq9Tf8AHzXKsSgCoAgAAAAAAN/T5ctvhq5dG7ZTvydSVqCAgIqAKhAbgAAAgAOf1XT7YNvVe88Vi1EoAIIUAAAAAQAXG855jscUdiVYAiKAAECA3AAQoAioDn9V0+2Lf1PT7YNRKAggAAAACAAAs955dbkw955jrSrBARQEAWIQHQioAACAA49TLe2/7s8g0ygAAAAACFAAAHRpZbzxyc7f0/tfKVY0ARRFQAgQG4ACAAADj1MdsrHh16unxdrHLnjZyrURABAABKqAAAAAOnSm0882eGl1v4bJVgCIoAARCA6AQAAAEAYepntfpu86mO8s+QrjAaZAQAAAABcJvZPlGuhj1+hWwDKoAACAECA6EKCgAggAIqA59fDa79L/AGydmU3m3y5M8drtViIgKgAAACyb8vl04zabfDxo4bc771olagiogAAIUAIEBuAACAAgAADPWxll7c2jPWu2N/AOUBpkAAaaOMt59GbTQvPzBW4DKoAACAAAhAgOgABAAqDznnJ7366g9Fv058te9OX7rLK2++9XE105a2M7+GOrqcXaRmLhoAIAAEu3P4AG01p13n7e5lL7VzCYuuoc+OpZ38tMdWXsmK9gAIqAERYDoRUtAec85Pdlqa/TH8sLftcTWuetb7f4z9sgUEVBAAAAAAAABFQAEB6xzsa46svvy/pgGK6hz452d42xylZxVWIQVvnlJzrl1NS5dp8Jnlbd68rIzoAqAAIAAAAAAAAACAAIAAABL9ADbDU35X3/ALe45mmGp880salQBWQABAAAAAAAAAAQAAQAAAAAAAAGvBexwXsApwXsnBeygJwXscF7ABwXscPgAOG9k4b2UBOG9jhvYAOG9jhvYAOHwcN7ACcHg4PAAcN7HDewAcPg4fAJonD4OHwAHD4OHwoaP//Z";
-var CloudUploadIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
-  d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"
-}), "CloudUpload");
-var CompareArrowsIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
-  d: "M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z"
-}), "CompareArrows");
-var ImageNotSupportedIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
-  d: "m21.9 21.9-8.49-8.49-9.82-9.82L2.1 2.1.69 3.51 3 5.83V19c0 1.1.9 2 2 2h13.17l2.31 2.31 1.42-1.41zM5 18l3.5-4.5 2.5 3.01L12.17 15l3 3H5zm16 .17L5.83 3H19c1.1 0 2 .9 2 2v13.17z"
-}), "ImageNotSupported");
 var reactWebcam = { exports: {} };
 (function(module, exports) {
   (function webpackUniversalModuleDefinition(root2, factory) {