@telefonica/mistica 10.23.0 → 10.24.0

package/dist/utils/key-codes.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.RIGHT = exports.DOWN = exports.SPACE = exports.LEFT = exports.TAB = exports.ESC = exports.UP = exports.ENTER = void 0;
+exports.TAB = exports.SPACE = exports.ESC = exports.ENTER = exports.DOWN = exports.RIGHT = exports.UP = exports.LEFT = void 0;
 var LEFT = 37;
 exports.LEFT = LEFT;
 var UP = 38;

package/dist/utils/platform.js

@@ -2,18 +2,25 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.getIosVersion = exports.isInsideNovumNativeApp = exports.isChrome = exports.isFirefox = exports.isAndroid = exports.isIos = exports.isOldChrome = exports.getPlatform = exports.isRunningAcceptanceTest = void 0;
+exports.getPlatform = exports.getIosVersion = exports.isOldChrome = exports.isChrome = exports.isFirefox = exports.isIos = exports.isAndroid = exports.isRunningAcceptanceTest = exports.isInsideNovumNativeApp = void 0;
 var _webviewBridge = require("@tef-novum/webview-bridge");
+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;
 }
 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;
         }
@@ -30,14 +37,21 @@ 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 getUserAgent = function getUserAgent(param) {
-    var platformOverrides = param === void 0 ? {
-    } : param;
+var getUserAgent = function getUserAgent() {
+    var platformOverrides = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var ref;
     if (typeof self === 'undefined') {
         var _userAgent;
@@ -46,18 +60,16 @@ var getUserAgent = function getUserAgent(param) {
     var ref1;
     return (ref1 = (ref = self.navigator) === null || ref === void 0 ? void 0 : ref.userAgent) !== null && ref1 !== void 0 ? ref1 : '';
 };
-var isInsideNovumNativeApp = function isInsideNovumNativeApp(param) {
-    var platformOverrides = param === void 0 ? {
-    } : param;
+var isInsideNovumNativeApp = function isInsideNovumNativeApp() {
+    var platformOverrides = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     if (typeof platformOverrides.insideNovumNativeApp !== 'undefined') {
         return platformOverrides.insideNovumNativeApp;
     }
     return (0, _webviewBridge).isWebViewBridgeAvailable();
 };
 exports.isInsideNovumNativeApp = isInsideNovumNativeApp;
-var isRunningAcceptanceTest = function isRunningAcceptanceTest(param) {
-    var platformOverrides = param === void 0 ? {
-    } : param;
+var isRunningAcceptanceTest = function isRunningAcceptanceTest() {
+    var platformOverrides = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     return getUserAgent(platformOverrides).includes('acceptance-test');
 };
 exports.isRunningAcceptanceTest = isRunningAcceptanceTest;
@@ -115,9 +127,8 @@ var getIosVersion = function getIosVersion(platformOverrides) {
     ].join('.');
 };
 exports.getIosVersion = getIosVersion;
-var getPlatform = function getPlatform(param) {
-    var platformOverrides = param === void 0 ? {
-    } : param;
+var getPlatform = function getPlatform() {
+    var platformOverrides = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var overridenPlatform = platformOverrides.platform;
     if (overridenPlatform) {
         return overridenPlatform;

package/dist/utils/renders-element.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare type RendersElement<T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = React.ReactComponentElement<T>;
+export declare type RendersNullableElement<T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = React.ReactComponentElement<T> | null;

package/dist/utils/renders-element.js

@@ -0,0 +1,23 @@
+"use strict";
+var React = _interopRequireWildcard(require("react"));
+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;
+    }
+}

package/dist/utils/renders-element.js.flow

@@ -0,0 +1,16 @@
+// @flow
+import * as React from 'react';
+
+export type RendersElement<+TElementType: React.ElementType> = {
+    +type: TElementType | ((props: any) => RendersElement<TElementType>),
+    +props: any,
+    +key: React.Key | null,
+    +ref: any,
+};
+
+export type RendersNullableElement<+TElementType: React.ElementType> = null | {
+    +type: TElementType | ((props: any) => RendersNullableElement<TElementType>),
+    +props: any,
+    +key: React.Key | null,
+    +ref: any,
+};

package/dist/utils/time.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.getLocalYearMonthString = exports.getLocalDateString = exports.getLocalDateTimeString = void 0;
+exports.getLocalDateTimeString = exports.getLocalYearMonthString = exports.getLocalDateString = void 0;
 var getLocalDateString = function getLocalDateString(date) {
     var yyyy = date.getFullYear();
     var mm = String(date.getMonth() + 1).padStart(2, '0');

package/dist/utils/types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+export type { RendersElement, RendersNullableElement } from './renders-element';
 export declare type TrackingEvent = {
     readonly [key: string]: unknown;
     readonly category: string;

package/dist/utils/types.js.flow

@@ -1,5 +1,6 @@
 // @flow
 
+export type { RendersElement, RendersNullableElement } from "./renders-element";
 export type TrackingEvent = {
   [key: string]: mixed,
   +category: string,

package/dist/video.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-export declare type AspectRatio = '1:1' | '16:9' | '12:5';
+export declare type AspectRatio = '1:1' | '16:9' | '12:5' | '4:3';
 export declare const RATIO: {
     '1:1': number;
     '16:9': number;
     '12:5': number;
+    '4:3': number;
 };
 declare type VideoSource = {
     src: string;

package/dist/video.js

@@ -12,13 +12,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 {
@@ -32,8 +30,7 @@ function _interopRequireWildcard(obj) {
     }
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -48,10 +45,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++){
@@ -64,7 +59,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 var RATIO = {
     '1:1': 1,
     '16:9': 16 / 9,
-    '12:5': 12 / 5
+    '12:5': 12 / 5,
+    '4:3': 4 / 3
 };
 exports.RATIO = RATIO;
 var useStyles = (0, _jss).createUseStyles(function() {
@@ -87,7 +83,7 @@ var useStyles = (0, _jss).createUseStyles(function() {
 });
 /** Transparent 1x1px PNG  */ var TRANSPARENT_PIXEL = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC';
 var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var src = _param.src, poster = _param.poster, _autoPlay = _param.autoPlay, autoPlay = _autoPlay === void 0 ? true : _autoPlay, _muted = _param.muted, muted = _muted === void 0 ? true : _muted, _loop = _param.loop, loop = _loop === void 0 ? true : _loop, _preload = _param.preload, preload = _preload === void 0 ? 'none' : _preload, _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? '1:1' : _aspectRatio, props = _objectWithoutProperties(_param, [
+    var src1 = _param.src, poster = _param.poster, _autoPlay = _param.autoPlay, autoPlay = _autoPlay === void 0 ? true : _autoPlay, _muted = _param.muted, muted = _muted === void 0 ? true : _muted, _loop = _param.loop, loop = _loop === void 0 ? true : _loop, _preload = _param.preload, preload = _preload === void 0 ? 'none' : _preload, _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? '1:1' : _aspectRatio, props = _objectWithoutProperties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -111,8 +107,8 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         autoPlay
     ]);
     // normalize sources
-    var sources = (Array.isArray(src) ? src : [
-        src
+    var sources = (Array.isArray(src1) ? src1 : [
+        src1
     ]).map(function(source) {
         if (typeof source === 'string') {
             return {

package/dist/video.js.flow

@@ -1,11 +1,12 @@
 // @flow
 
 import * as React from "react";
-export type AspectRatio = "1:1" | "16:9" | "12:5";
+export type AspectRatio = "1:1" | "16:9" | "12:5" | "4:3";
 declare export var RATIO: {
   "1:1": number,
   "16:9": number,
   "12:5": number,
+  "4:3": number,
 };
 declare type VideoSource = {
   src: string,

package/dist-es/badge.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
 import classnames from 'classnames';
 import { createUseStyles } from './jss';
 function _defineProperty(obj, key, value) {
@@ -82,8 +83,7 @@ var useStyles = createUseStyles(function(theme) {
                 role: "presentation",
                 "aria-hidden": "true" // otherwise OSX VoiceOver reads this number
                 ,
-                className: classnames(classes.badge, classes.badgeNumber, _defineProperty({
-                }, classes.badgeBigNumber, value > 9)),
+                className: classnames(classes.badge, classes.badgeNumber, _defineProperty({}, classes.badgeBigNumber, value > 9)),
                 children: value > 9 ? '+9' : value
             }) : /*#__PURE__*/ _jsx("div", {
                 className: classes.badge

package/dist-es/box.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) {
@@ -50,8 +49,7 @@ var Box = /*#__PURE__*/ React.forwardRef(function(param, ref) {
         padding: "".concat(paddingTop, "px ").concat(paddingRight, "px ").concat(paddingBottom, "px ").concat(paddingLeft, "px"),
         width: width
     });
-    return(/*#__PURE__*/ _jsx("div", _objectSpread({
-    }, getPrefixedDataAttributes(dataAttributes), {
+    return(/*#__PURE__*/ _jsx("div", _objectSpread({}, getPrefixedDataAttributes(dataAttributes), {
         className: classnames(className, classes.box),
         role: role,
         "aria-label": ariaLabel,

package/dist-es/boxed.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,8 +32,8 @@ function _objectSpread(target) {
     }
     return target;
 }
-var useStyles = createUseStyles(function(param) {
-    var colors = param.colors, isDarkMode = param.isDarkMode;
+var useStyles = createUseStyles(function(param1) {
+    var colors = param1.colors, isDarkMode = param1.isDarkMode;
     return {
         boxed: {
             background: function(param) {

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import FixedFooterLayout from './fixed-footer-layout';
 import ButtonLayout from './button-layout';
 import { useScreenSize } from './hooks';

package/dist-es/button-group.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { createUseStyles } from './jss';
 import classNames from 'classnames';
 var buttonLayoutSpacing = 16;

package/dist-es/button-layout.js

@@ -5,16 +5,16 @@ import { useScreenSize, useIsomorphicLayoutEffect } from './hooks';
 import { BUTTON_MIN_WIDTH, ButtonPrimary, ButtonSecondary, ButtonDanger } from './button';
 import classNames from 'classnames';
 import debounce from 'lodash/debounce';
+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;
 }
 function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
-            arr2[i] = arr[i];
-        }
-        return arr2;
-    }
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -30,15 +30,17 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 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,21 +57,28 @@ 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 _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread 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 _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+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 _Math;
 var buttonLayoutSpacing = 16;
-var _obj;
 var useStyles = createUseStyles(function(theme) {
+    var _obj;
     return _obj = {
         margins: {
             margin: '16px 0',
@@ -160,8 +169,7 @@ var useOnChildrenChangeEffect = function(el, effect) {
                 observer.disconnect();
             };
         }
-        return function() {
-        };
+        return function() {};
     }, [
         effect,
         el
@@ -172,14 +180,14 @@ var buttonsRange = [
     ButtonDanger,
     ButtonPrimary
 ];
-var ButtonLayout = function(param) {
-    var children = param.children, _align = param.align, align = _align === void 0 ? 'full-width' : _align, link = param.link, _withMargins = param.withMargins, withMargins = _withMargins === void 0 ? false : _withMargins;
-    var ref = useScreenSize(), isTabletOrSmaller = ref.isTabletOrSmaller;
+var ButtonLayout = function(param1) {
+    var children = param1.children, _align = param1.align, align = _align === void 0 ? 'full-width' : _align, link = param1.link, _withMargins = param1.withMargins, withMargins = _withMargins === void 0 ? false : _withMargins;
+    var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
     var childrenCount = React.Children.count(children);
-    var ref1 = _slicedToArray(React.useState({
+    var ref = _slicedToArray(React.useState({
         isMeasuring: true,
         buttonWidth: 0
-    }), 2), buttonStatus = ref1[0], setButtonStatus = ref1[1];
+    }), 2), buttonStatus = ref[0], setButtonStatus = ref[1];
     var updateButtonStatus = function(param) {
         var isMeasuring = param.isMeasuring, buttonWidth = param.buttonWidth;
         if (process.env.NODE_ENV !== 'test') {
@@ -200,6 +208,7 @@ var ButtonLayout = function(param) {
         if (buttonStatus.isMeasuring) {
             var req = window.requestAnimationFrame(function() {
                 if (wrapperElRef.current) {
+                    var _Math;
                     var childrenWidths = Array.from(wrapperElRef.current.children).map(function(el) {
                         /*
                         We are using offsetWidth instead of getBoundingClientRect().width because
@@ -222,8 +231,7 @@ var ButtonLayout = function(param) {
                 window.cancelAnimationFrame(req);
             };
         }
-        return function() {
-        };
+        return function() {};
     }, [
         classes.link,
         buttonStatus
@@ -270,8 +278,7 @@ var ButtonLayout = function(param) {
         className: classes.container,
         children: [
             link ? /*#__PURE__*/ _jsx("div", {
-                className: classNames(classes.link, _defineProperty({
-                }, classes.linkAlignment, needsLinkAlignment)),
+                className: classNames(classes.link, _defineProperty({}, classes.linkAlignment, needsLinkAlignment)),
                 children: link
             }) : null,
             sortedButtons