@telefonica/mistica 10.23.0 → 10.24.0

package/dist/feedback.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.SuccessFeedbackScreen = exports.FeedbackScreen = exports.ErrorFeedbackScreen = exports.SuccessFeedback = exports.InfoFeedbackScreen = void 0;
+exports.SuccessFeedback = exports.InfoFeedbackScreen = exports.ErrorFeedbackScreen = exports.SuccessFeedbackScreen = exports.FeedbackScreen = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _jss = require("./jss");
@@ -33,13 +33,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -52,6 +50,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -69,12 +72,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -91,12 +96,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -111,8 +115,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -127,10 +130,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -141,7 +142,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var areAnimationsSupported = function areAnimationsSupported(platformOverrides) {
     return !(0, _platform).isOldChrome(platformOverrides) && !(0, _platform).isRunningAcceptanceTest(platformOverrides);
@@ -162,8 +171,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             display: 'flex',
             justifyContent: 'space-between'
         },
-        desktopContent: _defineProperty({
-        }, theme.mq.desktopOrBigger, {
+        desktopContent: _defineProperty({}, theme.mq.desktopOrBigger, {
             width: '50%'
         }),
         desktopImage: {
@@ -239,8 +247,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
 });
 var requestVibration = function requestVibration(type) {
     if ((0, _webviewBridge).isWebViewBridgeAvailable()) {
-        (0, _webviewBridge).requestVibration(type).catch(function() {
-        });
+        (0, _webviewBridge).requestVibration(type).catch(function() {});
     }
 };
 var useHapticFeedback = function useHapticFeedback(type) {
@@ -317,8 +324,7 @@ var renderInlineFeedbackBody = function renderInlineFeedbackBody(feedbackBody, b
         space: 24,
         children: [
             feedbackBody,
-            hasButtons && /*#__PURE__*/ (0, _jsxRuntime).jsx(_buttonGroup.default, _objectSpread({
-            }, buttons))
+            hasButtons && /*#__PURE__*/ (0, _jsxRuntime).jsx(_buttonGroup.default, _objectSpread({}, buttons))
         ]
     }));
 };
@@ -350,9 +356,9 @@ var FeedbackScreen = function FeedbackScreen(param) {
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var ref = (0, _hooks).useTheme(), colors = ref.colors, platformOverrides = ref.platformOverrides;
     var windowHeight = (0, _hooks).useWindowHeight();
-    var ref1 = (0, _hooks).useScreenSize(), isTabletOrSmaller = ref1.isTabletOrSmaller;
-    var ref2 = _slicedToArray(React.useState(typeof self !== 'undefined'), 2), isServerSide = ref2[0], setIsServerSide = ref2[1];
-    var ref3 = _slicedToArray(React.useState(0), 2), footerHeight = ref3[0], setFooterHeight = ref3[1];
+    var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
+    var ref1 = _slicedToArray(React.useState(typeof self !== 'undefined'), 2), isServerSide = ref1[0], setIsServerSide = ref1[1];
+    var ref2 = _slicedToArray(React.useState(0), 2), footerHeight = ref2[0], setFooterHeight = ref2[1];
     var contentHeightPx = "".concat(windowHeight - footerHeight, "px");
     var hasButtons = checkHasButtons({
         primaryButton: primaryButton,
@@ -401,8 +407,7 @@ var FeedbackScreen = function FeedbackScreen(param) {
     });
     return isTabletOrSmaller ? /*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
         children: [
-            isInverse && /*#__PURE__*/ (0, _jsxRuntime).jsx(_overscrollColorContext.default, {
-            }),
+            isInverse && /*#__PURE__*/ (0, _jsxRuntime).jsx(_overscrollColorContext.default, {}),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 style: {
                     position: 'relative'
@@ -437,16 +442,13 @@ var FeedbackScreen = function FeedbackScreen(param) {
 };
 exports.FeedbackScreen = FeedbackScreen;
 var SuccessFeedbackScreen = function SuccessFeedbackScreen(props) {
-    var ref = (0, _hooks).useScreenSize(), isTabletOrSmaller = ref.isTabletOrSmaller;
-    var ref1 = (0, _hooks).useTheme(), skinName = ref1.skinName;
+    var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
+    var skinName = (0, _hooks).useTheme().skinName;
     return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
         isInverse: !props.unstable_inlineInDesktop || isTabletOrSmaller,
-        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(FeedbackScreen, _objectSpread({
-        }, props, {
+        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(FeedbackScreen, _objectSpread({}, props, {
             hapticFeedback: "success",
-            icon: skinName === _constants.VIVO_SKIN ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSuccessVivo.default, {
-            }) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSuccess.default, {
-            }),
+            icon: skinName === _constants.VIVO_SKIN ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSuccessVivo.default, {}) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSuccess.default, {}),
             animateText: true,
             imageUrl: props.imageUrl,
             imageFit: props.imageFit
@@ -459,12 +461,10 @@ var ErrorFeedbackScreen = function ErrorFeedbackScreen(_param) {
         "children",
         "errorReference"
     ]);
-    var ref = (0, _hooks).useTheme(), colors = ref.colors;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(FeedbackScreen, _objectSpread({
-    }, otherProps, {
+    var colors = (0, _hooks).useTheme().colors;
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(FeedbackScreen, _objectSpread({}, otherProps, {
         hapticFeedback: "error",
-        icon: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconError.default, {
-        }),
+        icon: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconError.default, {}),
         animateText: true,
         children: [
             children,
@@ -478,18 +478,16 @@ var ErrorFeedbackScreen = function ErrorFeedbackScreen(_param) {
 };
 exports.ErrorFeedbackScreen = ErrorFeedbackScreen;
 var InfoFeedbackScreen = function InfoFeedbackScreen(props) {
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(FeedbackScreen, _objectSpread({
-    }, props, {
-        icon: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconInfo.default, {
-        })
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(FeedbackScreen, _objectSpread({}, props, {
+        icon: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconInfo.default, {})
     })));
 };
 exports.InfoFeedbackScreen = InfoFeedbackScreen;
 var SuccessFeedback = function SuccessFeedback(param) {
     var title = param.title, description = param.description, children = param.children, primaryButton = param.primaryButton, secondaryButton = param.secondaryButton, link = param.link, imageUrl = param.imageUrl, imageFit = param.imageFit, dataAttributes = param.dataAttributes;
     useHapticFeedback('success');
-    var ref = (0, _hooks).useScreenSize(), isTabletOrSmaller = ref.isTabletOrSmaller;
-    var ref1 = (0, _hooks).useTheme(), skinName = ref1.skinName, platformOverrides = ref1.platformOverrides, colors = ref1.colors;
+    var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, platformOverrides = ref.platformOverrides, colors = ref.colors;
     var hasButtons = checkHasButtons({
         primaryButton: primaryButton,
         secondaryButton: secondaryButton,
@@ -504,9 +502,7 @@ var SuccessFeedback = function SuccessFeedback(param) {
         hasButtons: hasButtons
     });
     var appear = useAppearStatus();
-    var icon = skinName === _constants.VIVO_SKIN ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSuccessVivo.default, {
-    }) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSuccess.default, {
-    });
+    var icon = skinName === _constants.VIVO_SKIN ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSuccessVivo.default, {}) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconSuccess.default, {});
     var feedbackBody = renderFeedbackBody({
         icon: icon,
         title: title,
@@ -523,8 +519,7 @@ var SuccessFeedback = function SuccessFeedback(param) {
         children: isTabletOrSmaller ? /*#__PURE__*/ (0, _jsxRuntime).jsxs(_responsiveLayout.default, {
             className: classes.background,
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime).jsx(_overscrollColorContext.default, {
-                }),
+                /*#__PURE__*/ (0, _jsxRuntime).jsx(_overscrollColorContext.default, {}),
                 /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
                     paddingBottom: 32,
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {

package/dist/fixed-footer-layout.js

@@ -20,13 +20,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -39,6 +37,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -56,12 +59,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -78,10 +83,18 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var getScrollEventTarget = function getScrollEventTarget(el) {
     return el === document.documentElement ? window : el;
@@ -99,8 +112,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         footer: {
             width: '100%'
         },
-        shadow: {
-        },
+        shadow: {},
         withoutFooter: {
             display: 'none'
         },
@@ -126,15 +138,14 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         }
     });
 });
-var _obj;
 var FixedFooterLayout = function FixedFooterLayout(param) {
     var _isFooterVisible = param.isFooterVisible, isFooterVisible = _isFooterVisible === void 0 ? true : _isFooterVisible, footer = param.footer, _footerHeight = param.footerHeight, footerHeight = _footerHeight === void 0 ? 'auto' : _footerHeight, footerBgColor = param.footerBgColor, containerBgColor = param.containerBgColor, children = param.children, onChangeFooterHeight = param.onChangeFooterHeight;
     var ref = _slicedToArray(React.useState(false), 2), displayShadow = ref[0], setDisplayShadow = ref[1];
     var containerRef = React.useRef(null);
-    var ref1 = (0, _hooks).useScreenSize(), isTabletOrSmaller = ref1.isTabletOrSmaller;
-    var ref2 = (0, _hooks).useTheme(), platformOverrides = ref2.platformOverrides;
-    var ref3 = (0, _hooks).useElementDimensions(), realHeight = ref3.height, ref4 = ref3.ref;
-    var ref5 = (0, _hooks).useTheme(), colors = ref5.colors;
+    var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
+    var platformOverrides = (0, _hooks).useTheme().platformOverrides;
+    var ref1 = (0, _hooks).useElementDimensions(), realHeight = ref1.height, ref2 = ref1.ref;
+    var colors = (0, _hooks).useTheme().colors;
     (0, _hooks).useIsomorphicLayoutEffect(function() {
         onChangeFooterHeight === null || onChangeFooterHeight === void 0 ? void 0 : onChangeFooterHeight(realHeight);
     }, [
@@ -177,18 +188,17 @@ var FixedFooterLayout = function FixedFooterLayout(param) {
         containerBgColor: containerBgColor,
         height: realHeight
     });
+    var _obj;
     return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 ref: containerRef,
-                className: (0, _classnames).default(_defineProperty({
-                }, classes.containerSmall, isTabletOrSmaller)),
+                className: (0, _classnames).default(_defineProperty({}, classes.containerSmall, isTabletOrSmaller)),
                 children: children
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                ref: ref4,
-                className: (0, _classnames).default(classes.footer, (_obj = {
-                }, _defineProperty(_obj, classes.withoutFooter, !isFooterVisible), _defineProperty(_obj, classes.shadow, displayShadow), _obj)),
+                ref: ref2,
+                className: (0, _classnames).default(classes.footer, (_obj = {}, _defineProperty(_obj, classes.withoutFooter, !isFooterVisible), _defineProperty(_obj, classes.shadow, displayShadow), _obj)),
                 /**
                  * This style is inline to avoid creating a class that may collide with
                  * other fixed footers during the page animation transition

package/dist/fixed-to-top.js

@@ -9,13 +9,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {

package/dist/focus-trap.js

@@ -4,12 +4,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 var FocusTrap = function FocusTrap(param) {
     var children = param.children, disabled = param.disabled, className = param.className, group = param.group;
     /*#__PURE__*/ return (0, _jsxRuntime).jsx(_reactFocusLock.default, {

package/dist/form-context.js

@@ -2,19 +2,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.useForm = exports.useControlProps = exports.useFieldProps = exports.FormContext = void 0;
+exports.useFieldProps = exports.useControlProps = exports.useForm = exports.FormContext = void 0;
 var React = _interopRequireWildcard(require("react"));
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -28,28 +26,18 @@ function _interopRequireWildcard(obj) {
     }
 }
 var FormContext = /*#__PURE__*/ React.createContext({
-    values: {
-    },
-    setValue: function setValue() {
-    },
-    rawValues: {
-    },
-    setRawValue: function setRawValue() {
-    },
+    values: {},
+    setValue: function setValue() {},
+    rawValues: {},
+    setRawValue: function setRawValue() {},
     formStatus: 'filling',
-    register: function register() {
-    },
-    formErrors: {
-    },
-    setFormError: function setFormError() {
-    },
-    jumpToNext: function jumpToNext() {
-    },
-    submit: function submit() {
-    },
+    register: function register() {},
+    formErrors: {},
+    setFormError: function setFormError() {},
+    jumpToNext: function jumpToNext() {},
+    submit: function submit() {},
     validate: function validate() {
-        return {
-        };
+        return {};
     },
     formId: ''
 });
@@ -59,12 +47,12 @@ var useForm = function useForm() {
 };
 exports.useForm = useForm;
 var useControlProps = function useControlProps(param) {
-    var name = param.name, value = param.value, defaultValue = param.defaultValue, onChange = param.onChange, disabled = param.disabled;
-    var ref = useForm(), setRawValue = ref.setRawValue, setValue = ref.setValue, rawValues = ref.rawValues, setFormError = ref.setFormError, register = ref.register, formStatus = ref.formStatus;
+    var name = param.name, value1 = param.value, defaultValue = param.defaultValue, onChange = param.onChange, disabled = param.disabled;
+    var ref1 = useForm(), setRawValue = ref1.setRawValue, setValue = ref1.setValue, rawValues = ref1.rawValues, setFormError = ref1.setFormError, register = ref1.register, formStatus = ref1.formStatus;
     React.useEffect(function() {
         if (rawValues[name] === undefined) {
             var ref;
-            var initialValue = (ref = value !== null && value !== void 0 ? value : defaultValue) !== null && ref !== void 0 ? ref : false;
+            var initialValue = (ref = value1 !== null && value1 !== void 0 ? value1 : defaultValue) !== null && ref !== void 0 ? ref : false;
             setValue({
                 name: name,
                 value: initialValue
@@ -75,7 +63,7 @@ var useControlProps = function useControlProps(param) {
             });
         }
     }, [
-        value,
+        value1,
         name,
         defaultValue,
         rawValues,
@@ -85,8 +73,8 @@ var useControlProps = function useControlProps(param) {
     var _name;
     return {
         name: name,
-        value: value,
-        defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : value === undefined ? (_name = rawValues[name]) !== null && _name !== void 0 ? _name : false : undefined,
+        value: value1,
+        defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : value1 === undefined ? (_name = rawValues[name]) !== null && _name !== void 0 ? _name : false : undefined,
         focusableRef: function focusableRef(focusableElement) {
             return register(name, {
                 focusableElement: focusableElement
@@ -112,30 +100,30 @@ var useControlProps = function useControlProps(param) {
 };
 exports.useControlProps = useControlProps;
 var useFieldProps = function useFieldProps(param) {
-    var name = param.name, value = param.value, defaultValue = param.defaultValue, processValue = param.processValue, helperText = param.helperText, optional = param.optional, error = param.error, disabled = param.disabled, onBlur = param.onBlur, validate = param.validate, onChange = param.onChange, onChangeValue = param.onChangeValue;
+    var name = param.name, value2 = param.value, defaultValue = param.defaultValue, processValue = param.processValue, helperText = param.helperText, optional = param.optional, error = param.error, disabled = param.disabled, onBlur = param.onBlur, validate = param.validate, onChange = param.onChange, onChangeValue = param.onChangeValue;
     var ref = useForm(), setRawValue = ref.setRawValue, setValue = ref.setValue, rawValues = ref.rawValues, values = ref.values, formErrors = ref.formErrors, formStatus = ref.formStatus, setFormError = ref.setFormError, register = ref.register;
-    var ref1, ref2;
-    var rawValue = (ref2 = (ref1 = value !== null && value !== void 0 ? value : defaultValue) !== null && ref1 !== void 0 ? ref1 : rawValues[name]) !== null && ref2 !== void 0 ? ref2 : '';
+    var ref2, ref3;
+    var rawValue1 = (ref3 = (ref2 = value2 !== null && value2 !== void 0 ? value2 : defaultValue) !== null && ref2 !== void 0 ? ref2 : rawValues[name]) !== null && ref3 !== void 0 ? ref3 : '';
     var processValueRef = React.useRef(processValue);
     React.useEffect(function() {
         setRawValue({
             name: name,
-            value: rawValue
+            value: rawValue1
         });
         setValue({
             name: name,
-            value: processValueRef.current(rawValue)
+            value: processValueRef.current(rawValue1)
         });
     }, [
         name,
-        rawValue,
+        rawValue1,
         setRawValue,
         setValue
     ]);
     var _name;
     return {
-        value: value,
-        defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : value === undefined ? (_name = rawValues[name]) !== null && _name !== void 0 ? _name : '' : undefined,
+        value: value2,
+        defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : value2 === undefined ? (_name = rawValues[name]) !== null && _name !== void 0 ? _name : '' : undefined,
         name: name,
         helperText: formErrors[name] || helperText,
         required: !optional,