@telefonica/mistica 10.22.2 → 10.24.1

package/dist-es/text-field-components.js

@@ -5,6 +5,11 @@ import { createUseStyles } from './jss';
 import { useIsInverseVariant } from './theme-variant-context';
 import { useTheme } from './hooks';
 import { Text1 } from './text';
+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;
 }
@@ -22,12 +27,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;
         }
@@ -44,12 +51,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) {
@@ -63,15 +69,23 @@ function _objectSpread(target) {
     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);
 }
 export var DEFAULT_WIDTH = 328;
 export var LABEL_LEFT_POSITION = 12;
 // to scale to the correct text-preset when the transition applies
 export var LABEL_SCALE_DESKTOP = parseFloat('0.78'); // Text1/Text3 = 14/18 (desktop)
 export var LABEL_SCALE_MOBILE = parseFloat('0.75'); // Text1/Text3 = 12/16 (mobile)
-var _obj;
 var useLabelStyles = createUseStyles(function(theme) {
+    var _obj;
     return {
         labelContainer: (_obj = {
             position: 'absolute',
@@ -129,7 +143,7 @@ export var Label = function(param) {
         error: error
     });
     var ref = _slicedToArray(React.useState(''), 2), transitionStyle = ref[0], setTransitionStyle = ref[1];
-    var ref1 = useTheme(), texts = ref1.texts;
+    var texts = useTheme().texts;
     // This way we prevent animation when field is filled as initial state
     React.useEffect(function() {
         var tid = setTimeout(function() {
@@ -143,11 +157,9 @@ export var Label = function(param) {
         };
     }, []);
     return(/*#__PURE__*/ _jsxs("label", {
-        className: classnames(classes.labelContainer, _defineProperty({
-        }, classes.shrinked, isShrinked)),
+        className: classnames(classes.labelContainer, _defineProperty({}, classes.shrinked, isShrinked)),
         htmlFor: forId,
-        style: _objectSpread({
-        }, style, {
+        style: _objectSpread({}, style, {
             transition: transitionStyle
         }),
         children: [
@@ -168,7 +180,7 @@ export var Label = function(param) {
 var useHelperTextStyles = createUseStyles(function() {
     return {
         helperContainer: {
-            paddingLeft: 14,
+            paddingLeft: 12,
             paddingRight: 16,
             '& div': {
                 margin: 0,
@@ -188,7 +200,7 @@ var useHelperTextStyles = createUseStyles(function() {
 export var HelperText = function(param) {
     var leftText = param.leftText, rightText = param.rightText, error = param.error;
     var isInverse = useIsInverseVariant();
-    var ref = useTheme(), colors = ref.colors;
+    var colors = useTheme().colors;
     var classes = useHelperTextStyles();
     var leftColor = isInverse ? colors.textPrimaryInverse : error ? colors.error : colors.textSecondary;
     var rightColor = isInverse ? colors.textPrimaryInverse : colors.textSecondary;
@@ -216,10 +228,10 @@ export var HelperText = function(param) {
         ]
     }));
 };
-var _obj1, _obj2;
 var useFieldContainerStyles = createUseStyles(function(theme) {
+    var _obj, _obj1;
     return {
-        fieldContainer: (_obj1 = {
+        fieldContainer: (_obj = {
             opacity: function(param) {
                 var disabled = param.disabled;
                 return disabled ? 0.5 : 1;
@@ -227,15 +239,15 @@ var useFieldContainerStyles = createUseStyles(function(theme) {
             display: 'flex',
             flexDirection: 'column',
             minWidth: 96
-        }, _defineProperty(_obj1, theme.mq.tabletOrSmaller, {
+        }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
             width: '100%'
-        }), _defineProperty(_obj1, theme.mq.desktopOrBigger, {
+        }), _defineProperty(_obj, theme.mq.desktopOrBigger, {
             width: function(param) {
                 var fullWidth = param.fullWidth;
                 return fullWidth ? '100%' : DEFAULT_WIDTH;
             }
-        }), _obj1),
-        border: (_obj2 = {
+        }), _obj),
+        border: (_obj1 = {
             overflow: 'hidden',
             border: "1px solid ".concat(theme.colors.border),
             borderRadius: 4,
@@ -243,12 +255,12 @@ var useFieldContainerStyles = createUseStyles(function(theme) {
                 var multiline = param.multiline;
                 return multiline ? 152 : 60;
             }
-        }, _defineProperty(_obj2, theme.mq.tabletOrSmaller, {
+        }, _defineProperty(_obj1, theme.mq.tabletOrSmaller, {
             height: function(param) {
                 var multiline = param.multiline;
                 return multiline ? 152 : 56;
             }
-        }), _defineProperty(_obj2, "display", 'flex'), _defineProperty(_obj2, "position", 'relative'), _defineProperty(_obj2, "backgroundColor", theme.colors.backgroundContainer), _obj2)
+        }), _defineProperty(_obj1, "display", 'flex'), _defineProperty(_obj1, "position", 'relative'), _defineProperty(_obj1, "backgroundColor", theme.colors.backgroundContainer), _obj1)
     };
 });
 export var FieldContainer = function(param) {

package/dist-es/text-field.js

@@ -18,8 +18,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -33,8 +32,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) {
@@ -49,10 +47,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++){
@@ -63,8 +59,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var TextField = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChangeValue = _param.onChangeValue, onChange = _param.onChange, value = _param.value, defaultValue = _param.defaultValue, onBlurProp = _param.onBlur, onFocusProp = _param.onFocus, onPress = _param.onPress, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChangeValue", "onChange", "value", "defaultValue", "onBlur",
-        "onFocus", "onPress"]);
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChangeValue = _param.onChangeValue, onChange = _param.onChange, value1 = _param.value, defaultValue = _param.defaultValue, onBlurProp = _param.onBlur, onFocusProp = _param.onFocus, onPress = _param.onPress, rest = _objectWithoutProperties(_param, [
+        "disabled",
+        "error",
+        "helperText",
+        "name",
+        "optional",
+        "validate",
+        "onChangeValue",
+        "onChange",
+        "value",
+        "defaultValue",
+        "onBlur",
+        "onFocus",
+        "onPress"
+    ]);
     var inputRef = React.useRef(null);
     var processValue = function(v) {
         return v;
@@ -93,7 +102,7 @@ var TextField = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     };
     var fieldProps = useFieldProps({
         name: name,
-        value: value,
+        value: value1,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
@@ -105,8 +114,7 @@ var TextField = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         onClick: onPress,
         inputRef: combineRefs(inputRef, fieldProps.inputRef, ref),
         onFocus: onFocus,

package/dist-es/text-link.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { createUseStyles } from './jss';
 import Touchable from './touchable';
 import classnames from 'classnames';
@@ -19,8 +20,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -34,8 +34,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) {
@@ -50,10 +49,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++){
@@ -63,8 +60,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var _obj;
 var useStyles = createUseStyles(function(theme) {
+    var _obj;
     return {
         textLink: (_obj = {
             width: 'auto',
@@ -87,17 +84,20 @@ var useStyles = createUseStyles(function(theme) {
         }
     };
 });
-var _obj1;
 var TextLink = function(_param) {
-    var children = _param.children, _className = _param.className, className = _className === void 0 ? '' : _className, small = _param.small, disabled = _param.disabled, props = _objectWithoutProperties(_param, ["children", "className", "small", "disabled"]);
+    var children = _param.children, _className = _param.className, className = _className === void 0 ? '' : _className, small = _param.small, disabled = _param.disabled, props = _objectWithoutProperties(_param, [
+        "children",
+        "className",
+        "small",
+        "disabled"
+    ]);
     var classes = useStyles();
     var isInverse = useIsInverseVariant();
-    var ref = useForm(), formStatus = ref.formStatus;
-    return(/*#__PURE__*/ _jsx(Touchable, _objectSpread({
-    }, props, {
+    var formStatus = useForm().formStatus;
+    var _obj;
+    return(/*#__PURE__*/ _jsx(Touchable, _objectSpread({}, props, {
         disabled: disabled || formStatus === 'sending',
-        className: classnames(classes.textLink, className, (_obj1 = {
-        }, _defineProperty(_obj1, classes.small, small), _defineProperty(_obj1, classes.inverse, isInverse), _obj1)),
+        className: classnames(classes.textLink, className, (_obj = {}, _defineProperty(_obj, classes.small, small), _defineProperty(_obj, classes.inverse, isInverse), _obj)),
         children: children
     })));
 };

package/dist-es/text.js

@@ -19,8 +19,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -33,15 +32,14 @@ function _objectSpread(target) {
     }
     return target;
 }
-var _obj;
 var useStyles = createUseStyles(function(theme) {
     var mapToWeight = {
         light: 300,
         regular: 400,
         medium: 500
     };
-    var inverseColorsMap = (_obj = {
-    }, _defineProperty(_obj, theme.colors.textPrimary, theme.colors.textPrimaryInverse), _defineProperty(_obj, theme.colors.textSecondary, theme.colors.textSecondaryInverse), _defineProperty(_obj, theme.colors.textLink, theme.colors.textLinkInverse), _obj);
+    var _obj;
+    var inverseColorsMap = (_obj = {}, _defineProperty(_obj, theme.colors.textPrimary, theme.colors.textPrimaryInverse), _defineProperty(_obj, theme.colors.textSecondary, theme.colors.textSecondaryInverse), _defineProperty(_obj, theme.colors.textLink, theme.colors.textLinkInverse), _obj);
     var lineClamp = function(param) {
         var truncate = param.truncate;
         if (truncate === true) {
@@ -52,7 +50,7 @@ var useStyles = createUseStyles(function(theme) {
         }
         return 'initial';
     };
-    var _color, _decoration;
+    var _color1, _decoration;
     return {
         text: _defineProperty({
             lineHeight: function(param) {
@@ -78,8 +76,8 @@ var useStyles = createUseStyles(function(theme) {
                 return weight ? mapToWeight[weight] : 'inherit';
             },
             color: function(param) {
-                var isInverse = param.isInverse, _color1 = param.color, color = _color1 === void 0 ? theme.colors.textPrimary : _color1;
-                return isInverse ? (_color = inverseColorsMap[color]) !== null && _color !== void 0 ? _color : color : color;
+                var isInverse = param.isInverse, _color = param.color, color = _color === void 0 ? theme.colors.textPrimary : _color;
+                return isInverse ? (_color1 = inverseColorsMap[color]) !== null && _color1 !== void 0 ? _color1 : color : color;
             },
             textDecoration: function(p) {
                 return (_decoration = p.decoration) !== null && _decoration !== void 0 ? _decoration : 'inherit';
@@ -135,11 +133,10 @@ export var Text = function(param) {
         letterSpacing: letterSpacing,
         truncate: truncate
     });
-    if (!children) {
+    if (!children && children !== 0) {
         return null;
     }
-    var className = classnames(classes.text, _defineProperty({
-    }, classes.truncate, !!truncate));
+    var className = classnames(classes.text, _defineProperty({}, classes.truncate, !!truncate));
     return(/*#__PURE__*/ React.createElement(as, {
         className: className,
         id: id,

package/dist-es/theme-context-provider.js

@@ -16,6 +16,11 @@ import { useIsomorphicLayoutEffect } from './hooks';
 import TabFocus from './tab-focus';
 import { PortalNodesProvider } from './portal';
 import ModalContextProvider from './modal-context-provider';
+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;
 }
@@ -33,12 +38,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;
         }
@@ -55,12 +62,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) {
@@ -74,7 +80,15 @@ function _objectSpread(target) {
     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 darkModeMedia = '(prefers-color-scheme: dark)';
 export var useIsOsDarkModeEnabled = function() {
@@ -98,7 +112,7 @@ export var useIsOsDarkModeEnabled = function() {
 // This counter will increment with every new instance of ThemeContextProvider in the app. In a typical app we don't need more than
 // one instance of ThemeContextProvider. But some apps may depend on libs that use Mistica too, so there may be more than one instance
 // in those cases. We use this counter to avoid class name collisions in those cases.
-var jssInstanceId = 0;
+var nextJssInstanceId = 0;
 var generateId = function() {
     if (process.env.NODE_ENV === 'test') {
         // in tests classnames are just the classame, whithout ids
@@ -119,13 +133,19 @@ var useDefaultHrefDecorator = function() {
     };
 };
 var ThemeContextProvider = function(param) {
-    var theme = param.theme, children = param.children;
-    var classNamePrefix = React.useMemo(// Always start the counter in 0 in server side, otherwise every new request to the server will inclrement the counter and
-    // we'll have missmatches when rendering client side. The disadvantage of this is that we can only have one instance of
-    // ThemeContextProvider in apps with ssr.
-    function() {
-        return process.env.NODE_ENV === 'test' ? '' : "mistica-".concat(PACKAGE_VERSION.replace(/\./g, '-'), "-").concat(isServerSide() ? 0 : jssInstanceId++, "-");
-    }, []);
+    var theme = param.theme, children = param.children, providerId = param.providerId;
+    var ref = _slicedToArray(React.useState(function() {
+        if (providerId) {
+            return providerId;
+        } else {
+            return isServerSide() ? 0 : nextJssInstanceId++;
+        }
+    }), 1), instanceId = ref[0];
+    var classNamePrefix = React.useMemo(function() {
+        return process.env.NODE_ENV === 'test' ? '' : "mistica-".concat(PACKAGE_VERSION.replace(/\./g, '-'), "_").concat(instanceId, "_");
+    }, [
+        instanceId
+    ]);
     var nextAriaId = React.useRef(1);
     var getAriaId = React.useCallback(function() {
         return "aria-id-hook-".concat(nextAriaId.current++);
@@ -136,8 +156,7 @@ var ThemeContextProvider = function(param) {
         // TODO: In next major version we could change this to "auto" by default
         var colorScheme = (_colorScheme = theme.colorScheme) !== null && _colorScheme !== void 0 ? _colorScheme : 'light';
         var lightColors = theme.skin.colors;
-        var darkColors = _objectSpread({
-        }, theme.skin.colors, theme.skin.darkModeColors);
+        var darkColors = _objectSpread({}, theme.skin.colors, theme.skin.darkModeColors);
         var isDarkModeEnabled = colorScheme === 'auto' && isOsDarkModeEnabled || colorScheme === 'dark';
         var colors = isDarkModeEnabled ? darkColors : lightColors;
         var platformOverrides = _objectSpread({
@@ -149,15 +168,13 @@ var ThemeContextProvider = function(param) {
             skinName: theme.skin.name,
             i18n: theme.i18n,
             platformOverrides: platformOverrides,
-            texts: _objectSpread({
-            }, getTexts(theme.i18n.locale), theme.texts),
+            texts: _objectSpread({}, getTexts(theme.i18n.locale), theme.texts),
             analytics: _objectSpread({
                 logEvent: function() {
                     return Promise.resolve();
                 }
             }, theme.analytics),
-            dimensions: _objectSpread({
-            }, dimensions, theme.dimensions),
+            dimensions: _objectSpread({}, dimensions, theme.dimensions),
             mq: createMediaQueries((_mediaQueries = theme.mediaQueries) !== null && _mediaQueries !== void 0 ? _mediaQueries : mediaQueriesConfig),
             colors: colors,
             Link: (_Link = theme.Link) !== null && _Link !== void 0 ? _Link : AnchorLink,

package/dist-es/theme.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -14,8 +15,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -29,8 +29,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) {
@@ -45,10 +44,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++){
@@ -86,7 +83,9 @@ var TEXTS_ES = {
     openNavigationMenu: 'Abrir men\xfa de navegaci\xf3n',
     closeNavigationMenu: 'Cerrar men\xfa de navegaci\xf3n',
     backNavigationBar: 'Atr\xe1s',
-    clearButton: 'Borrar'
+    clearButton: 'Borrar',
+    carouselNextButton: 'siguiente',
+    carouselPrevButton: 'anterior'
 };
 var TEXTS_EN = {
     expirationDatePlaceholder: 'MM/YY',
@@ -116,7 +115,9 @@ var TEXTS_EN = {
     openNavigationMenu: 'Open navigation menu',
     closeNavigationMenu: 'Close navigation menu',
     backNavigationBar: 'Back',
-    clearButton: 'Clear'
+    clearButton: 'Clear',
+    carouselNextButton: 'next',
+    carouselPrevButton: 'previous'
 };
 var TEXTS_DE = {
     expirationDatePlaceholder: 'MM/JJ',
@@ -146,7 +147,9 @@ var TEXTS_DE = {
     openNavigationMenu: 'Navigationsmen\xfc \xf6ffnen',
     closeNavigationMenu: 'Navigationsmen\xfc schlie\xdfen',
     backNavigationBar: 'Zur\xfcck',
-    clearButton: 'L\xf6schen'
+    clearButton: 'L\xf6schen',
+    carouselNextButton: 'n\xe4chste',
+    carouselPrevButton: 'vorherige'
 };
 var TEXTS_PT = {
     expirationDatePlaceholder: 'MM/AA',
@@ -176,7 +179,9 @@ var TEXTS_PT = {
     openNavigationMenu: 'Abrir menu de navega\xe7\xe3o',
     closeNavigationMenu: 'Fechar menu de navega\xe7\xe3o',
     backNavigationBar: 'Voltar',
-    clearButton: 'Apagar'
+    clearButton: 'Apagar',
+    carouselNextButton: 'pr\xf3ximo',
+    carouselPrevButton: 'anterior'
 };
 export var getTexts = function(locale) {
     var lang = locale.toLocaleLowerCase().split(/[-_]/)[0];
@@ -208,7 +213,10 @@ export var mediaQueriesConfig = {
     desktopOrTabletMinHeight: 550
 };
 var AnchorLink = function(_param) {
-    var to = _param.to, innerRef = _param.innerRef, props = _objectWithoutProperties(_param, ["to", "innerRef"]);
+    var to = _param.to, innerRef = _param.innerRef, props = _objectWithoutProperties(_param, [
+        "to",
+        "innerRef"
+    ]);
     return(/*#__PURE__*/ _jsx("a", _objectSpread({
         ref: innerRef,
         href: typeof to === 'string' ? to : to === null || to === void 0 ? void 0 : to.pathname