@telefonica/mistica 12.9.0 → 12.10.0

package/dist/navigation-bar.js.flow

@@ -18,7 +18,7 @@ declare type MainNavigationBarSection =
   title: string,
 };
 declare type MainNavigationBarProps = {
-  sections: Array<MainNavigationBarSection>,
+  sections: $ReadOnlyArray<MainNavigationBarSection>,
   selectedIndex?: number,
   right?: React.Element<any>,
   logo?: React.Element<any>,

package/dist/navigation-breadcrumbs.js

@@ -15,6 +15,11 @@ var _domJs = require("./utils/dom.js");
 var _textLinkJs = /*#__PURE__*/ _interopRequireDefault(require("./text-link.js"));
 var _themeVariantContextJs = require("./theme-variant-context.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -28,11 +33,6 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -92,7 +92,7 @@ var v = " / ", g = (0, _jssJs.createUseStyles)(function() {
             }
         }
     };
-}), B = function(param) {
+}), B = function B(param) {
     var o = param.title, s = param.breadcrumbs, c = param.dataAttributes, tmp = param["aria-label"], m = tmp === void 0 ? "Breadcrumb" : tmp;
     var ref = (0, _hooksJs.useTheme)(), r = ref.colors, t = g(), a = (0, _themeVariantContextJs.useIsInverseVariant)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("nav", _objectSpreadProps(_objectSpread({
@@ -131,7 +131,7 @@ var v = " / ", g = (0, _jssJs.createUseStyles)(function() {
                         "aria-current": "page",
                         href: "#",
                         className: t.current,
-                        onClick: function(n) {
+                        onClick: function onClick(n) {
                             n.preventDefault();
                         },
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text1, {

package/dist/negative-box.js

@@ -13,17 +13,17 @@ var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 var n = (0, _jssJs.createUseStyles)(function() {
     return {
         negativeBox: {
-            marginLeft: function(param) {
+            marginLeft: function marginLeft(param) {
                 var e = param.marginLeft;
                 return e;
             },
-            marginRight: function(param) {
+            marginRight: function marginRight(param) {
                 var e = param.marginRight;
                 return e;
             }
         }
     };
-}), v = function(param) {
+}), v = function v(param) {
     var e = param.left, t = param.right, s = param.children;
     var a = n({
         marginLeft: e || !e && !t ? -16 : void 0,

package/dist/nestable-context.js

@@ -11,17 +11,6 @@ Object.defineProperty(exports, "default", {
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _isEqual = /*#__PURE__*/ _interopRequireDefault(require("lodash/isEqual"));
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-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)) return _arrayLikeToArray(arr);
-}
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -66,6 +55,17 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     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 _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
 function _iterableToArray(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -113,17 +113,17 @@ function _unsupportedIterableToArray(o, minLen) {
     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 h = function(r) {
+var h = function h(r) {
     var n = _react.useRef();
     return (0, _isEqual.default)(r, n.current) || (n.current = r), n.current;
-}, C = function(r, n) {
+}, C = function C(r, n) {
     return _react.useEffect(r, h(n));
-}, y = function(r) {
+}, y = function y(r) {
     return r !== null && typeof r == "object" && !Array.isArray(r);
-}, D = function(r) {
+}, D = function D(r) {
     var n = /*#__PURE__*/ _react.createContext(function() {}), a = /*#__PURE__*/ _react.createContext(r);
     var o = 0;
-    var d = function(e, t) {
+    var d = function d(e, t) {
         switch(t.type){
             case "add":
                 return _toConsumableArray(e).concat([
@@ -137,7 +137,7 @@ var h = function(r) {
             default:
                 throw new Error("Unhandled action type ".concat(t.type));
         }
-    }, f = function(param) {
+    }, f = function f(param) {
         var e = param.children;
         var _Object;
         _react.useEffect(function() {
@@ -157,7 +157,7 @@ var h = function(r) {
                 children: e
             })
         });
-    }, p = function(e) {
+    }, p = function p(e) {
         var t = _react.useContext(n);
         C(function() {
             return t({
@@ -173,16 +173,16 @@ var h = function(r) {
             e,
             t
         ]);
-    }, l = function() {
+    }, l = function l() {
         return _react.useContext(a);
     };
     return {
-        Setter: function(param) {
+        Setter: function Setter(param) {
             var e = param.value;
             return p(e), null;
         },
         Provider: f,
-        Getter: function(param) {
+        Getter: function Getter(param) {
             var e = param.children;
             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_jsxRuntimeJs.Fragment, {
                 children: e(l())

package/dist/overlay.js

@@ -12,27 +12,6 @@ var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _platformJs = require("./utils/platform.js");
 var _hooksJs = require("./hooks.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-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, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -72,6 +51,27 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     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, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        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;
@@ -134,21 +134,21 @@ var y = {
     zIndex: 12,
     outline: "none",
     WebkitTapHighlightColor: "transparent"
-}, g = function(param) {
+}, g = function g(param) {
     var o = param.onPress, a = param.children, n = param.className, s = param.style, tmp = param.disableScroll, u = tmp === void 0 ? !1 : tmp;
     var ref = _slicedToArray(_react.useState(!0), 2), d = ref[0], i = ref[1];
     (0, _hooksJs.useDisableBodyScroll)(u);
-    var ref1 = (0, _hooksJs.useTheme)(), e = ref1.platformOverrides, f = function(t) {
+    var ref1 = (0, _hooksJs.useTheme)(), e = ref1.platformOverrides, f = function f(t) {
         t.button === 2 && o && o(t);
     };
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         "data-overlay": "true",
         style: _objectSpread({}, y, s),
         className: n,
-        onPointerDown: function(t) {
+        onPointerDown: function onPointerDown(t) {
             t.target.dataset.overlay && o && (a && (0, _platformJs.isAndroid)(e) && (0, _platformJs.isChrome)(e) ? (i(!1), t.stopPropagation()) : o(t));
         },
-        onClick: function(t) {
+        onClick: function onClick(t) {
             t.target.dataset.overlay && o && a && (0, _platformJs.isAndroid)(e) && (0, _platformJs.isChrome)(e) && (i(!0), o(t));
         },
         "touch-action": "auto",

package/dist/overscroll-color-context.js

@@ -26,14 +26,14 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-var ref = (0, _nestableContextJs.default)(""), f = ref.Provider, h = ref.Getter, g = ref.useSetValue, i = function(r) {
+var ref = (0, _nestableContextJs.default)(""), f = ref.Provider, h = ref.Getter, g = ref.useSetValue, i = function i(r) {
     return (0, _platformJs.getPlatform)(r) === "ios";
-}, S = function(param) {
+}, S = function S(param) {
     var r = param.children;
     var ref = (0, _hooksJs.useTheme)(), o = ref.platformOverrides, ref1 = (0, _hooksJs.useScreenSize)(), l = ref1.isTabletOrSmaller, n = (0, _hooksJs.useTheme)();
     return i(o) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(f, {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(h, {
-            children: function(a) {
+            children: function children(a) {
                 return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
                     children: [
                         l ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
@@ -56,9 +56,9 @@ var ref = (0, _nestableContextJs.default)(""), f = ref.Provider, h = ref.Getter,
     }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_jsxRuntimeJs.Fragment, {
         children: r
     });
-}, b = function() {
+}, b = function b() {
     var r = (0, _themeVariantContextJs.useIsInverseVariant)(), o = (0, _hooksJs.useTheme)();
     return g(r ? o.colors.navigationBarBackground : o.colors.background), null;
-}, N = function() {
+}, N = function N() {
     return i((0, _hooksJs.useTheme)().platformOverrides) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(b, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_jsxRuntimeJs.Fragment, {});
 };

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-var o = "12.9.0";
+var o = "12.10.0";

package/dist/password-field.js

@@ -17,27 +17,6 @@ var _iconEyeOffRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./gener
 var _iconEyeRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-eye-regular.js"));
 var _jssJs = require("./jss.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-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, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -82,6 +61,27 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     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, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        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;
@@ -194,7 +194,7 @@ var F = (0, _jssJs.createUseStyles)(function(t) {
             }
         })
     };
-}), z = function(param) {
+}), z = function z(param) {
     var t = param.isVisible, i = param.setVisibility, c = param.focus;
     var ref = (0, _hooksJs.useTheme)(), a = ref.texts, u = F(), l = {
         backgroundSize: "200%",
@@ -206,7 +206,7 @@ var F = (0, _jssJs.createUseStyles)(function(t) {
     };
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
         "aria-label": a.togglePasswordVisibilityLabel,
-        onPress: function() {
+        onPress: function onPress() {
             i(!t), c();
         },
         size: 40,
@@ -214,7 +214,7 @@ var F = (0, _jssJs.createUseStyles)(function(t) {
         style: l,
         children: t ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconEyeOffRegularJs.default, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconEyeRegularJs.default, {})
     });
-}, O = function(_param) {
+}, O = function O(_param) {
     var t = _param.disabled, i = _param.error, c = _param.helperText, a = _param.name, u = _param.optional, l = _param.validate, p = _param.onChange, m = _param.onChangeValue, g = _param.onBlur, b = _param.value, tmp = _param.autoComplete, R = tmp === void 0 ? "current-password" : tmp, w = _param.defaultValue, y = _objectWithoutProperties(_param, [
         "disabled",
         "error",
@@ -229,9 +229,9 @@ var F = (0, _jssJs.createUseStyles)(function(t) {
         "autoComplete",
         "defaultValue"
     ]);
-    var ref = _slicedToArray(_react.useState(!1), 2), d = ref[0], P = ref[1], s = _react.useRef(0), r = _react.useRef(null), S = function(o) {
+    var ref = _slicedToArray(_react.useState(!1), 2), d = ref[0], P = ref[1], s = _react.useRef(0), r = _react.useRef(null), S = function S(o) {
         return o;
-    }, k = function() {
+    }, k = function k() {
         var o = r.current;
         o && (o.selectionStart !== null && (s.current = o.selectionStart), o.focus());
     };
@@ -259,7 +259,7 @@ var F = (0, _jssJs.createUseStyles)(function(t) {
     });
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldBaseJs.TextFieldBaseAutosuggest, _objectSpreadProps(_objectSpread({}, y, f), {
         type: d ? "text" : "password",
-        inputRef: function(o) {
+        inputRef: function inputRef(o) {
             f.inputRef(o), r.current = o;
         },
         autoComplete: R,

package/dist/phone-number-field.js

@@ -17,27 +17,6 @@ var _hooksJs = require("./hooks.js");
 var _domJs = require("./utils/dom.js");
 var _commonJs = require("./utils/common.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-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, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -77,6 +56,27 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     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, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        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;
@@ -173,7 +173,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-var _typeof = function(obj) {
+var _typeof = function _typeof(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 };
@@ -185,11 +185,11 @@ function _unsupportedIterableToArray(o, minLen) {
     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 y = function(r, s) {
+var y = function y(r, s) {
     return (0, _libphonenumber.formatAsYouType)(s.replace(/[^\d+*#]/g, ""), r);
-}, j = function(r) {
+}, j = function j(r) {
     return !!r.match(/^\+\d+$/);
-}, I = function(_param) {
+}, I = function I(_param) {
     var r = _param.inputRef, s = _param.value, p = _param.defaultValue, i = _param.onChange, t = _param.prefix, R = _param.e164, a = _objectWithoutProperties(_param, [
         "inputRef",
         "value",
@@ -218,7 +218,7 @@ var y = function(r, s) {
         value: C,
         onChange: b,
         accept: /[\d\-()+#*]+/g,
-        replace: function(e) {
+        replace: function replace(e) {
             return e.replace(/@/g, "-");
         }
     });
@@ -228,7 +228,7 @@ var y = function(r, s) {
         type: "tel",
         ref: (0, _commonJs.combineRefs)(r, l)
     }));
-}, H = function(_param) {
+}, H = function H(_param) {
     var r = _param.disabled, s = _param.error, p = _param.helperText, i = _param.name, t = _param.optional, R = _param.validate, a = _param.onChange, d = _param.onChangeValue, g = _param.onBlur, l = _param.value, h = _param.defaultValue, c = _param.e164, n = _objectWithoutProperties(_param, [
         "disabled",
         "error",
@@ -247,7 +247,7 @@ var y = function(r, s) {
         name: i,
         value: l,
         defaultValue: h,
-        processValue: function(f) {
+        processValue: function processValue(f) {
             var e;
             if (c) try {
                 var o = ((e = n.prefix) != null ? e : "").replace(/[^\d]/g, "");

package/dist/placeholder.js

@@ -5,22 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Placeholder", {
     enumerable: true,
     get: function() {
-        return a;
+        return n;
     }
 });
 var _colorJs = require("./utils/color.js");
-var _hooksJs = require("./hooks.js");
+var _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-var a = function(param) {
+var n = function n(param) {
     var tmp = param.width, t = tmp === void 0 ? "auto" : tmp, tmp1 = param.height, i = tmp1 === void 0 ? 120 : tmp1;
-    var ref = (0, _hooksJs.useTheme)(), e = ref.colors;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         style: {
             height: i,
             width: t,
             boxSizing: "border-box",
-            background: (0, _colorJs.applyAlpha)(e.neutralHigh, 0.08),
-            border: "2px solid ".concat((0, _colorJs.applyAlpha)(e.neutralHigh, 0.3)),
+            background: (0, _colorJs.applyAlpha)(_skinContractCssMisticaJs.vars.rawColors.neutralHigh, 0.08),
+            border: "2px solid ".concat((0, _colorJs.applyAlpha)(_skinContractCssMisticaJs.vars.rawColors.neutralHigh, 0.3)),
             position: "relative"
         },
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", {
@@ -30,7 +29,7 @@ var a = function(param) {
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("line", {
                     style: {
                         strokeWidth: 2,
-                        stroke: (0, _colorJs.applyAlpha)(e.neutralHigh, 0.1)
+                        stroke: (0, _colorJs.applyAlpha)(_skinContractCssMisticaJs.vars.rawColors.neutralHigh, 0.1)
                     },
                     x1: 0,
                     y1: 0,
@@ -40,7 +39,7 @@ var a = function(param) {
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("line", {
                     style: {
                         strokeWidth: 2,
-                        stroke: (0, _colorJs.applyAlpha)(e.neutralHigh, 0.1)
+                        stroke: (0, _colorJs.applyAlpha)(_skinContractCssMisticaJs.vars.rawColors.neutralHigh, 0.1)
                     },
                     x1: "100%",
                     y1: 0,

package/dist/popover.js

@@ -18,27 +18,6 @@ var _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
 var _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
 var _textJs = require("./text.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-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, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -83,6 +62,27 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     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, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        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;
@@ -149,7 +149,7 @@ var j = "bottom", P = "top", d = 12, p = 8 + d, m = 16, X = 488, O = d * 2, U =
             transform: "translate(-50%, -50%) rotate(45deg)",
             border: "1px solid ".concat(t.colors.border),
             borderRadius: 2,
-            boxShadow: function(param) {
+            boxShadow: function boxShadow(param) {
                 var e = param.position;
                 return e === "bottom" ? "initial" : "0 0 4px 0 rgba(0, 0, 0, ".concat(o, ")");
             }
@@ -193,14 +193,14 @@ var j = "bottom", P = "top", d = 12, p = 8 + d, m = 16, X = 488, O = d * 2, U =
             zIndex: 1
         }
     };
-}), F = function(t) {
+}), F = function F(t) {
     return t || X;
-}, G = function() {
+}, G = function G() {
     var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : j, o = arguments.length > 1 ? arguments[1] : void 0;
     return o && (t === "left" || t === "right") ? P : t;
-}, J = function(t, o, e) {
+}, J = function J(t, o, e) {
     return t ? (o ? window.screen.width : window.innerWidth) - m * 2 : F(e);
-}, K = function(t, o, e, s) {
+}, K = function K(t, o, e, s) {
     var l = {
         right: {
             left: e.width + p,
@@ -252,7 +252,7 @@ var j = "bottom", P = "top", d = 12, p = 8 + d, m = 16, X = 488, O = d * 2, U =
         containerStyles: l,
         arrowStyles: f
     };
-}, B = function(t) {
+}, B = function B(t) {
     return t ? {
         left: t.offsetLeft,
         top: t.offsetTop,
@@ -260,7 +260,7 @@ var j = "bottom", P = "top", d = 12, p = 8 + d, m = 16, X = 488, O = d * 2, U =
         height: t.offsetHeight,
         parentLeft: t.parentNode.offsetLeft
     } : null;
-}, st = function(param) {
+}, st = function st(param) {
     var t = param.description, o = param.title, e = param.onClose, s = param.trackingEvent, a = param.position, l = param.width, b = param.target, f = param.asset, tmp = param.isVisible, x = tmp === void 0 ? !0 : tmp, I = param.extra;
     var ref = (0, _hooksJs.useTheme)(), L = ref.texts, y = ref.colors, N = ref.isIos, ref1 = (0, _hooksJs.useScreenSize)(), u = ref1.isTabletOrSmaller, ref2 = _slicedToArray(_react.useState(null), 2), S = ref2[0], k = ref2[1], w = _react.useRef(null);
     a = G(a, u);
@@ -268,7 +268,7 @@ var j = "bottom", P = "top", d = 12, p = 8 + d, m = 16, X = 488, O = d * 2, U =
         position: a
     });
     _react.useEffect(function() {
-        var i = function() {
+        var i = function i() {
             k(B(w.current));
         };
         return i(), window.addEventListener("resize", i), function() {
@@ -328,7 +328,7 @@ var j = "bottom", P = "top", d = 12, p = 8 + d, m = 16, X = 488, O = d * 2, U =
                         }),
                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
                             className: n.closeButtonIcon,
-                            onPress: function(W) {
+                            onPress: function onPress(W) {
                                 e == null || e(), W.stopPropagation();
                             },
                             trackingEvent: s,