@telefonica/mistica 10.23.0 → 10.24.0

package/dist-es/feedback.js

@@ -19,6 +19,11 @@ import ResponsiveLayout from './responsive-layout';
 import Stack from './stack';
 import classnames from 'classnames';
 import ButtonGroup from './button-group';
+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;
 }
@@ -36,12 +41,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;
         }
@@ -58,12 +65,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) {
     for(var i = 1; i < arguments.length; 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) {
@@ -77,8 +83,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) {
@@ -93,10 +98,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++){
@@ -107,7 +110,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(platformOverrides) {
     return !isOldChrome(platformOverrides) && !isRunningAcceptanceTest(platformOverrides);
@@ -128,8 +139,7 @@ var useStyles = createUseStyles(function(theme) {
             display: 'flex',
             justifyContent: 'space-between'
         },
-        desktopContent: _defineProperty({
-        }, theme.mq.desktopOrBigger, {
+        desktopContent: _defineProperty({}, theme.mq.desktopOrBigger, {
             width: '50%'
         }),
         desktopImage: {
@@ -205,8 +215,7 @@ var useStyles = createUseStyles(function(theme) {
 });
 var requestVibration = function(type) {
     if (isWebViewBridgeAvailable()) {
-        requestVibrationNative(type).catch(function() {
-        });
+        requestVibrationNative(type).catch(function() {});
     }
 };
 var useHapticFeedback = function(type) {
@@ -283,8 +292,7 @@ var renderInlineFeedbackBody = function(feedbackBody, buttons) {
         space: 24,
         children: [
             feedbackBody,
-            hasButtons && /*#__PURE__*/ _jsx(ButtonGroup, _objectSpread({
-            }, buttons))
+            hasButtons && /*#__PURE__*/ _jsx(ButtonGroup, _objectSpread({}, buttons))
         ]
     }));
 };
@@ -316,9 +324,9 @@ export var FeedbackScreen = function(param) {
     var isInverse = useIsInverseVariant();
     var ref = useTheme(), colors = ref.colors, platformOverrides = ref.platformOverrides;
     var windowHeight = useWindowHeight();
-    var ref1 = 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 = 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,
@@ -367,8 +375,7 @@ export var FeedbackScreen = function(param) {
     });
     return isTabletOrSmaller ? /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            isInverse && /*#__PURE__*/ _jsx(OverscrollColor, {
-            }),
+            isInverse && /*#__PURE__*/ _jsx(OverscrollColor, {}),
             /*#__PURE__*/ _jsx("div", {
                 style: {
                     position: 'relative'
@@ -402,16 +409,13 @@ export var FeedbackScreen = function(param) {
     });
 };
 export var SuccessFeedbackScreen = function(props) {
-    var ref = useScreenSize(), isTabletOrSmaller = ref.isTabletOrSmaller;
-    var ref1 = useTheme(), skinName = ref1.skinName;
+    var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
+    var skinName = useTheme().skinName;
     return(/*#__PURE__*/ _jsx(ThemeVariant, {
         isInverse: !props.unstable_inlineInDesktop || isTabletOrSmaller,
-        children: /*#__PURE__*/ _jsx(FeedbackScreen, _objectSpread({
-        }, props, {
+        children: /*#__PURE__*/ _jsx(FeedbackScreen, _objectSpread({}, props, {
             hapticFeedback: "success",
-            icon: skinName === VIVO_SKIN ? /*#__PURE__*/ _jsx(IconSuccessVivo, {
-            }) : /*#__PURE__*/ _jsx(IcnSuccess, {
-            }),
+            icon: skinName === VIVO_SKIN ? /*#__PURE__*/ _jsx(IconSuccessVivo, {}) : /*#__PURE__*/ _jsx(IcnSuccess, {}),
             animateText: true,
             imageUrl: props.imageUrl,
             imageFit: props.imageFit
@@ -419,13 +423,14 @@ export var SuccessFeedbackScreen = function(props) {
     }));
 };
 var ErrorFeedbackScreen = function(_param) {
-    var children = _param.children, errorReference = _param.errorReference, otherProps = _objectWithoutProperties(_param, ["children", "errorReference"]);
-    var ref = useTheme(), colors = ref.colors;
-    return(/*#__PURE__*/ _jsxs(FeedbackScreen, _objectSpread({
-    }, otherProps, {
+    var children = _param.children, errorReference = _param.errorReference, otherProps = _objectWithoutProperties(_param, [
+        "children",
+        "errorReference"
+    ]);
+    var colors = useTheme().colors;
+    return(/*#__PURE__*/ _jsxs(FeedbackScreen, _objectSpread({}, otherProps, {
         hapticFeedback: "error",
-        icon: /*#__PURE__*/ _jsx(IcnError, {
-        }),
+        icon: /*#__PURE__*/ _jsx(IcnError, {}),
         animateText: true,
         children: [
             children,
@@ -439,17 +444,15 @@ var ErrorFeedbackScreen = function(_param) {
 };
 export { ErrorFeedbackScreen };
 export var InfoFeedbackScreen = function(props) {
-    return(/*#__PURE__*/ _jsx(FeedbackScreen, _objectSpread({
-    }, props, {
-        icon: /*#__PURE__*/ _jsx(IcnInfo, {
-        })
+    return(/*#__PURE__*/ _jsx(FeedbackScreen, _objectSpread({}, props, {
+        icon: /*#__PURE__*/ _jsx(IcnInfo, {})
     })));
 };
 export var SuccessFeedback = function(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 = useScreenSize(), isTabletOrSmaller = ref.isTabletOrSmaller;
-    var ref1 = useTheme(), skinName = ref1.skinName, platformOverrides = ref1.platformOverrides, colors = ref1.colors;
+    var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
+    var ref = useTheme(), skinName = ref.skinName, platformOverrides = ref.platformOverrides, colors = ref.colors;
     var hasButtons = checkHasButtons({
         primaryButton: primaryButton,
         secondaryButton: secondaryButton,
@@ -464,9 +467,7 @@ export var SuccessFeedback = function(param) {
         hasButtons: hasButtons
     });
     var appear = useAppearStatus();
-    var icon = skinName === VIVO_SKIN ? /*#__PURE__*/ _jsx(IconSuccessVivo, {
-    }) : /*#__PURE__*/ _jsx(IcnSuccess, {
-    });
+    var icon = skinName === VIVO_SKIN ? /*#__PURE__*/ _jsx(IconSuccessVivo, {}) : /*#__PURE__*/ _jsx(IcnSuccess, {});
     var feedbackBody = renderFeedbackBody({
         icon: icon,
         title: title,
@@ -483,8 +484,7 @@ export var SuccessFeedback = function(param) {
         children: isTabletOrSmaller ? /*#__PURE__*/ _jsxs(ResponsiveLayout, {
             className: classes.background,
             children: [
-                /*#__PURE__*/ _jsx(OverscrollColor, {
-                }),
+                /*#__PURE__*/ _jsx(OverscrollColor, {}),
                 /*#__PURE__*/ _jsx(Box, {
                     paddingBottom: 32,
                     children: /*#__PURE__*/ _jsx("div", {

package/dist-es/fixed-footer-layout.js

@@ -6,6 +6,11 @@ import { createUseStyles } from './jss';
 import { isRunningAcceptanceTest } from './utils/platform';
 import { useElementDimensions, useIsomorphicLayoutEffect, useScreenSize, useTheme } from './hooks';
 import { addPassiveEventListener, getScrollableParentElement, getScrollDistanceToBottom, hasScroll, removePassiveEventListener } from './utils/dom';
+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;
 }
@@ -23,12 +28,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;
         }
@@ -45,10 +52,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(el) {
     return el === document.documentElement ? window : el;
@@ -66,8 +81,7 @@ var useStyles = createUseStyles(function(theme) {
         footer: {
             width: '100%'
         },
-        shadow: {
-        },
+        shadow: {},
         withoutFooter: {
             display: 'none'
         },
@@ -93,15 +107,14 @@ var useStyles = createUseStyles(function(theme) {
         }
     });
 });
-var _obj;
 var FixedFooterLayout = function(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 = useScreenSize(), isTabletOrSmaller = ref1.isTabletOrSmaller;
-    var ref2 = useTheme(), platformOverrides = ref2.platformOverrides;
-    var ref3 = useElementDimensions(), realHeight = ref3.height, ref4 = ref3.ref;
-    var ref5 = useTheme(), colors = ref5.colors;
+    var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
+    var platformOverrides = useTheme().platformOverrides;
+    var ref1 = useElementDimensions(), realHeight = ref1.height, ref2 = ref1.ref;
+    var colors = useTheme().colors;
     useIsomorphicLayoutEffect(function() {
         onChangeFooterHeight === null || onChangeFooterHeight === void 0 ? void 0 : onChangeFooterHeight(realHeight);
     }, [
@@ -144,18 +157,17 @@ var FixedFooterLayout = function(param) {
         containerBgColor: containerBgColor,
         height: realHeight
     });
+    var _obj;
     return(/*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsx("div", {
                 ref: containerRef,
-                className: classnames(_defineProperty({
-                }, classes.containerSmall, isTabletOrSmaller)),
+                className: classnames(_defineProperty({}, classes.containerSmall, isTabletOrSmaller)),
                 children: children
             }),
             /*#__PURE__*/ _jsx("div", {
-                ref: ref4,
-                className: classnames(classes.footer, (_obj = {
-                }, _defineProperty(_obj, classes.withoutFooter, !isFooterVisible), _defineProperty(_obj, classes.shadow, displayShadow), _obj)),
+                ref: ref2,
+                className: classnames(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-es/focus-trap.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import ReactFocusLock from 'react-focus-lock';
 var FocusTrap = function(param) {
     var children = param.children, disabled = param.disabled, className = param.className, group = param.group;

package/dist-es/form-context.js

@@ -1,27 +1,17 @@
 import * as React from 'react';
 export var FormContext = /*#__PURE__*/ React.createContext({
-    values: {
-    },
-    setValue: function() {
-    },
-    rawValues: {
-    },
-    setRawValue: function() {
-    },
+    values: {},
+    setValue: function() {},
+    rawValues: {},
+    setRawValue: function() {},
     formStatus: 'filling',
-    register: function() {
-    },
-    formErrors: {
-    },
-    setFormError: function() {
-    },
-    jumpToNext: function() {
-    },
-    submit: function() {
-    },
+    register: function() {},
+    formErrors: {},
+    setFormError: function() {},
+    jumpToNext: function() {},
+    submit: function() {},
     validate: function() {
-        return {
-        };
+        return {};
     },
     formId: ''
 });
@@ -29,12 +19,12 @@ export var useForm = function() {
     return React.useContext(FormContext);
 };
 export var useControlProps = function(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
@@ -45,7 +35,7 @@ export var useControlProps = function(param) {
             });
         }
     }, [
-        value,
+        value1,
         name,
         defaultValue,
         rawValues,
@@ -55,8 +45,8 @@ export var useControlProps = function(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(focusableElement) {
             return register(name, {
                 focusableElement: focusableElement
@@ -81,30 +71,30 @@ export var useControlProps = function(param) {
     };
 };
 export var useFieldProps = function(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,