@telefonica/mistica 10.22.3 → 10.24.2

package/dist/theme.d.ts

@@ -33,6 +33,8 @@ declare const TEXTS_ES: {
     closeNavigationMenu: string;
     backNavigationBar: string;
     clearButton: string;
+    carouselNextButton: string;
+    carouselPrevButton: string;
 };
 export declare const getTexts: (locale: Locale) => typeof TEXTS_ES;
 export declare const dimensions: {

package/dist/theme.js

@@ -2,8 +2,30 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.getTexts = exports.AnchorLink = exports.dimensions = exports.mediaQueriesConfig = void 0;
+exports.AnchorLink = exports.mediaQueriesConfig = exports.dimensions = exports.getTexts = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+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;
+    }
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -19,8 +41,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -35,8 +56,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) {
@@ -51,10 +71,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++){
@@ -92,7 +110,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',
@@ -122,7 +142,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',
@@ -152,7 +174,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',
@@ -182,7 +206,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'
 };
 var getTexts = function getTexts(locale) {
     var lang = locale.toLocaleLowerCase().split(/[-_]/)[0];

package/dist/theme.js.flow

@@ -35,6 +35,8 @@ declare var TEXTS_ES: {
   closeNavigationMenu: string,
   backNavigationBar: string,
   clearButton: string,
+  carouselNextButton: string,
+  carouselPrevButton: string,
 };
 declare export var getTexts: (locale: Locale) => typeof TEXTS_ES;
 declare export var dimensions: {

package/dist/tooltip.js

@@ -20,17 +20,15 @@ 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) : {
-                    };
+            for(var key1 in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key1)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key1) : {};
                     if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
+                        Object.defineProperty(newObj, key1, desc);
                     } else {
-                        newObj[key] = obj[key];
+                        newObj[key1] = obj[key1];
                     }
                 }
             }
@@ -39,29 +37,36 @@ 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;
 }
-function _defineProperty(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
+function _defineProperty(obj, key1, value) {
+    if (key1 in obj) {
+        Object.defineProperty(obj, key1, {
             value: value,
             enumerable: true,
             configurable: true,
             writable: true
         });
     } else {
-        obj[key] = value;
+        obj[key1] = 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,57 +83,61 @@ 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) {
                 return Object.getOwnPropertyDescriptor(source, sym).enumerable;
             }));
         }
-        ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+        ownKeys.forEach(function(key1) {
+            _defineProperty(target, key1, source[key1]);
         });
     };
     for(var i = 1; i < arguments.length; i++)_loop(i);
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
-    var key, i;
+    var key1, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
         for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
+            key1 = sourceSymbolKeys[i];
+            if (excluded.indexOf(key1) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key1)) continue;
+            target[key1] = source[key1];
         }
     }
     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;
+    var key1, i;
     for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
+        key1 = sourceKeys[i];
+        if (excluded.indexOf(key1) >= 0) continue;
+        target[key1] = source[key1];
     }
     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 defaultPositionDesktop = 'bottom';
 var defaultPositionMobile = 'top';
@@ -232,7 +241,7 @@ var Tooltip = function Tooltip(_param) {
         "targetLabel"
     ]);
     var ref = _slicedToArray(React.useState(false), 2), isVisible = ref[0], setIsVisible = ref[1];
-    var ref1 = (0, _hooks).useScreenSize(), isTabletOrSmaller = ref1.isTabletOrSmaller;
+    var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
     var ariaId = (0, _hooks).useAriaId();
     var targetBoundingClientRect = React.useRef({
         top: 0,
@@ -309,21 +318,20 @@ var Tooltip = function Tooltip(_param) {
         };
         return containerPos[position];
     };
-    var getPosition = function getPosition(param) {
-        var position = param === void 0 ? defaultPositionDesktop : param;
+    var getPosition = function getPosition() {
+        var position = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : defaultPositionDesktop;
         return isTabletOrSmaller && (position === 'left' || position === 'right') ? defaultPositionMobile : position;
     };
     var getCustomStylesForMobile = function getCustomStylesForMobile() {
         return isTabletOrSmaller ? {
             left: targetBoundingClientRect.current.left + targetBoundingClientRect.current.width / 2 - marginLeftRightMobile
-        } : {
-        };
+        } : {};
     };
     var getWidth = function getWidth() {
         return isTabletOrSmaller ? window.innerWidth - marginLeftRightMobile * 2 : getWidthDesktop(rest.width);
     };
-    var position = getPosition(rest.position);
-    var width = getWidth();
+    var position1 = getPosition(rest.position);
+    var width1 = getWidth();
     var classNameByPosition = {
         top: classes.arrowTop,
         bottom: classes.arrowBottom,
@@ -356,11 +364,11 @@ var Tooltip = function Tooltip(_param) {
                         id: ariaId,
                         className: classes.container,
                         style: _objectSpread({
-                            width: width
-                        }, getContainerPosition(position, width)),
+                            width: width1
+                        }, getContainerPosition(position1, width1)),
                         children: [
                             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                                className: (0, _classnames).default(classes.arrowWrapper, classNameByPosition[position]),
+                                className: (0, _classnames).default(classes.arrowWrapper, classNameByPosition[position1]),
                                 style: getCustomStylesForMobile(),
                                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                                     className: classes.arrow

package/dist/touchable.js

@@ -21,13 +21,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 {
@@ -55,8 +53,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -70,8 +67,8 @@ function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++)_loop(i);
     return target;
 }
-var redirect = function redirect(url, param) {
-    var external = param === void 0 ? false : param;
+var redirect = function redirect(url) {
+    var external = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
     if (external) {
         window.open(url, '_blank');
     } else {
@@ -201,8 +198,7 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         }
     };
     if (!!props.href || props.to && props.fullPageOnWebView && (0, _platform).isInsideNovumNativeApp(platformOverrides)) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("a", _objectSpread({
-        }, commonProps, {
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("a", _objectSpread({}, commonProps, {
             "aria-label": props['aria-label'],
             "aria-labelledby": props['aria-labelledby'],
             onClick: handleHrefClick,
@@ -223,8 +219,7 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     }
     if (props.to) {
         var ref2;
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(Link, _objectSpread({
-        }, commonProps, {
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(Link, _objectSpread({}, commonProps, {
             "aria-label": props['aria-label'],
             "aria-labelledby": props['aria-labelledby'],
             innerRef: (ref2 = props.elementRef) !== null && ref2 !== void 0 ? ref2 : ref,
@@ -236,9 +231,8 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         })));
     }
     if (props.onPress) {
-        var ref2;
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx("button", _objectSpread({
-        }, commonProps, {
+        var ref3;
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsx("button", _objectSpread({}, commonProps, {
             // this "form" attribute is useful when the form's submit button
             // is located outside the <form> element, for example if you use
             // a ButtonFixedFooter layout inside a form with the submit
@@ -247,15 +241,14 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             "aria-label": props['aria-label'],
             "aria-labelledby": props['aria-labelledby'],
             type: type,
-            ref: (ref2 = props.elementRef) !== null && ref2 !== void 0 ? ref2 : ref,
+            ref: (ref3 = props.elementRef) !== null && ref3 !== void 0 ? ref3 : ref,
             onClick: handleButtonClick,
             children: children
         })));
     }
-    var ref2;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", _objectSpread({
-    }, commonProps, {
-        ref: (ref2 = props.elementRef) !== null && ref2 !== void 0 ? ref2 : ref,
+    var ref4;
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", _objectSpread({}, commonProps, {
+        ref: (ref4 = props.elementRef) !== null && ref4 !== void 0 ? ref4 : ref,
         className: (0, _classnames).default(commonProps.className, classes.notTouchable),
         children: children
     })));

package/dist/utils/animation.js

@@ -2,9 +2,31 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.getAnimateDrawLineProps = exports.mergeProperties = exports.getAnimateSweepInProps = exports.getAnimateHopInProps = exports.getAnimateFadeInProps = exports.animateShakeStyles = void 0;
+exports.mergeProperties = exports.getAnimateSweepInProps = exports.getAnimateHopInProps = exports.getAnimateFadeInProps = exports.getAnimateDrawLineProps = exports.animateShakeStyles = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _platform = require("./platform");
+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;
+    }
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -20,8 +42,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -69,10 +90,8 @@ var animateShakeStyles = function animateShakeStyles(platformOverrides) {
             }
         }
     } : {
-        innerAnimation: {
-        },
-        outerAnimation: {
-        }
+        innerAnimation: {},
+        outerAnimation: {}
     };
 };
 exports.animateShakeStyles = animateShakeStyles;
@@ -217,9 +236,7 @@ var mergeProperties = function mergeProperties() {
         props[_key] = arguments[_key];
     }
     return props.reduce(function(allProps, nextProps) {
-        return _objectSpread({
-        }, allProps, nextProps || {
-        }, {
+        return _objectSpread({}, allProps, nextProps || {}, {
             children: mergeChildren(allProps, nextProps ? nextProps.children : null)
         });
     }, {

package/dist/utils/common.js

@@ -3,6 +3,28 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.combineRefs = void 0;
+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;
+    }
+}
 var combineRefs = function combineRefs() {
     for(var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++){
         refs[_key] = arguments[_key];
@@ -13,6 +35,7 @@ var combineRefs = function combineRefs() {
                 if (typeof ref === 'function') {
                     ref(refValue);
                 } else if ('current' in ref) {
+                    // @ts-expect-error - current is typed as read-only
                     ref.current = refValue;
                 }
             }

package/dist/utils/credit-card.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.getCreditCardNumberLength = exports.getCvvLength = exports.isValidCreditCardNumber = exports.isMasterCard = exports.isAmericanExpress = exports.isVisa = void 0;
+exports.isValidCreditCardNumber = exports.getCreditCardNumberLength = exports.getCvvLength = exports.isMasterCard = exports.isVisa = exports.isAmericanExpress = void 0;
 var getMatcher = function getMatcher(regex) {
     return function(str) {
         return !!str && regex.test(str);

package/dist/utils/dom.d.ts

@@ -17,4 +17,6 @@ declare type ScrollAxis = 'X' | 'Y';
 export declare const getScrollableParentElement: (el?: HTMLElement | null | undefined, axis?: ScrollAxis) => HTMLElement;
 export declare const getScrollDistanceToBottom: (el: HTMLElement) => number;
 export declare const hasScroll: (el: HTMLElement) => boolean;
+declare type ResizeListener = (entries: Array<ResizeObserverEntry>, observer: ResizeObserver) => void;
+export declare const listenResize: (element: Element, handler: ResizeListener) => (() => void);
 export {};

package/dist/utils/dom.js

@@ -2,8 +2,29 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.removePassiveEventListener = exports.getScrollDistanceToBottom = exports.createChangeEvent = exports.hasScroll = exports.addPassiveEventListener = exports.cancelEvent = exports.isInputTypeSupported = exports.getScrollableParentElement = exports.getPrefixedDataAttributes = void 0;
+exports.listenResize = exports.hasScroll = exports.getScrollDistanceToBottom = exports.getScrollableParentElement = exports.getPrefixedDataAttributes = exports.removePassiveEventListener = exports.addPassiveEventListener = exports.createChangeEvent = exports.cancelEvent = exports.isInputTypeSupported = void 0;
 var _environment = require("./environment");
+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;
+    }
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -19,8 +40,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -51,8 +71,7 @@ exports.cancelEvent = cancelEvent;
 var createChangeEvent = function createChangeEvent(target, value) {
     var event = new Event('change');
     target.value = value;
-    return _objectSpread({
-    }, event, {
+    return _objectSpread({}, event, {
         target: target,
         currentTarget: target
     });
@@ -63,15 +82,13 @@ exports.createChangeEvent = createChangeEvent;
  * See passiveeventlisteners.js at https://github.com/Modernizr/Modernizr/
  */ var supportsPassive = false;
 try {
-    var options = Object.defineProperty({
-    }, 'passive', {
+    var options = Object.defineProperty({}, 'passive', {
         get: function get() {
             supportsPassive = true;
             return undefined;
         }
     });
-    window.addEventListener('test', function() {
-    }, options);
+    window.addEventListener('test', function() {}, options);
 } catch (e) {
 // does not support passive event listeners :(
 }
@@ -86,8 +103,7 @@ var removePassiveEventListener = function removePassiveEventListener(el, eventNa
 };
 exports.removePassiveEventListener = removePassiveEventListener;
 var getPrefixedDataAttributes = function getPrefixedDataAttributes(attrs) {
-    var result = {
-    };
+    var result = {};
     if (attrs) {
         Object.keys(attrs).forEach(function(key) {
             result['data-' + key] = attrs[key];
@@ -105,8 +121,8 @@ var isScrollable = function isScrollable(el, axis) {
         'overlay'
     ].includes(overflowValue);
 };
-var getScrollableParentElement = function getScrollableParentElement(el, param) {
-    var axis = param === void 0 ? 'Y' : param;
+var getScrollableParentElement = function getScrollableParentElement(el) {
+    var axis = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'Y';
     var result = el === null || el === void 0 ? void 0 : el.parentElement;
     while(result && !isScrollable(result, axis)){
         result = result.parentElement;
@@ -122,3 +138,30 @@ var hasScroll = function hasScroll(el) {
     return el.scrollHeight > el.clientHeight;
 };
 exports.hasScroll = hasScroll;
+var listenResize = function listenResize(element, handler) {
+    var getResizeObserverPromise = function getResizeObserverPromise() {
+        if (typeof window === 'undefined') {
+            return Promise.resolve(null);
+        }
+        return window.ResizeObserver ? Promise.resolve(ResizeObserver) : Promise.resolve().then(function() {
+            return _interopRequireWildcard(require(/* webpackChunkName: "@juggle/resize-observer" */ '@juggle/resize-observer'));
+        }).then(function(m) {
+            return m.ResizeObserver;
+        });
+    };
+    var cancelled = false;
+    var resizeObserver = null;
+    getResizeObserverPromise().then(function(ResizeObserver) {
+        if (!cancelled && ResizeObserver) {
+            resizeObserver = new ResizeObserver(handler);
+            resizeObserver.observe(element);
+        }
+    });
+    return function() {
+        cancelled = true;
+        if (resizeObserver) {
+            resizeObserver.disconnect();
+        }
+    };
+};
+exports.listenResize = listenResize;

package/dist/utils/dom.js.flow

@@ -36,4 +36,12 @@ declare export var getScrollableParentElement: (
 ) => HTMLElement;
 declare export var getScrollDistanceToBottom: (el: HTMLElement) => number;
 declare export var hasScroll: (el: HTMLElement) => boolean;
+declare type ResizeListener = (
+  entries: Array<ResizeObserverEntry>,
+  observer: ResizeObserver
+) => void;
+declare export var listenResize: (
+  element: Element,
+  handler: ResizeListener
+) => () => void;
 declare export {};