@telefonica/mistica 12.8.0 → 12.9.0

package/dist-es/utils/color.js

@@ -1,30 +1,16 @@
-var fromHexToRgb = function(hexColor) {
-    if (hexColor.length === 4) {
-        return [
-            parseInt(hexColor.substr(-3, 1).repeat(2), 16),
-            parseInt(hexColor.substr(-2, 1).repeat(2), 16),
-            parseInt(hexColor.substr(-1, 1).repeat(2), 16), 
-        ];
-    }
-    if (hexColor.length === 7) {
-        return [
-            parseInt(hexColor.substr(-6, 2), 16),
-            parseInt(hexColor.substr(-4, 2), 16),
-            parseInt(hexColor.substr(-2, 2), 16), 
-        ];
-    }
-    throw Error("Bad color");
+const s = (t) => {
+  if (t.length === 4)
+    return [parseInt(t.substr(-3, 1).repeat(2), 16), parseInt(t.substr(-2, 1).repeat(2), 16), parseInt(t.substr(-1, 1).repeat(2), 16)];
+  if (t.length === 7)
+    return [parseInt(t.substr(-6, 2), 16), parseInt(t.substr(-4, 2), 16), parseInt(t.substr(-2, 2), 16)];
+  throw Error("Bad color");
+}, n = (t, r) => {
+  try {
+    return t.startsWith("var(") ? `rgba(${t.slice(0, -1)}_RAW, ${r})` : `rgba(${s(t).join(",")}, ${r})`;
+  } catch {
+    return t;
+  }
 };
-export var applyAlpha = function(color, alpha) {
-    try {
-        if (color.startsWith("var(")) {
-            // it's a css variable
-            return "rgba(".concat(color.slice(0, -1), "_RAW, ").concat(alpha, ")");
-        } else {
-            // it's a hex color
-            return "rgba(".concat(fromHexToRgb(color).join(","), ", ").concat(alpha, ")");
-        }
-    } catch (e) {
-        return color;
-    }
+export {
+  n as applyAlpha
 };

package/dist-es/utils/common.js

@@ -1,27 +1,15 @@
-import * as React from "react";
-export var combineRefs = function() {
-    for(var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++){
-        refs[_key] = arguments[_key];
-    }
-    return function(refValue) {
-        refs.forEach(function(ref) {
-            if (ref) {
-                if (typeof ref === "function") {
-                    ref(refValue);
-                } else if ("current" in ref) {
-                    // @ts-expect-error - current is typed as read-only
-                    ref.current = refValue;
-                }
-            }
-        });
-    };
+import * as e from "react";
+const i = (...o) => (n) => {
+  o.forEach((t) => {
+    t && (typeof t == "function" ? t(n) : "current" in t && (t.current = n));
+  });
+}, r = (o) => {
+  let n = "";
+  return e.Children.forEach(o, (t) => {
+    typeof t == "string" && (n += t);
+  }), n;
 };
-export var getTextFromChildren = function(children) {
-    var text = "";
-    React.Children.forEach(children, function(child) {
-        if (typeof child === "string") {
-            text += child;
-        }
-    });
-    return text;
+export {
+  i as combineRefs,
+  r as getTextFromChildren
 };

package/dist-es/utils/credit-card.js

@@ -1,29 +1,9 @@
-var getMatcher = function(regex) {
-    return function(str) {
-        return !!str && regex.test(str);
-    };
-};
-/**
- * Returns true if number looks like an American Express card
- * Do not use for validation
- */ export var isAmericanExpress = getMatcher(/^3[47]/);
-/**
- * Returns true if number looks like a Visa card
- * Do not use for validation
- */ export var isVisa = getMatcher(/^4/);
-/**
- * Returns true if number looks like a MasterCard card
- * Do not use for validation
- */ export var isMasterCard = getMatcher(/^5/);
-export var getCvvLength = function(creditCardNumber) {
-    return isAmericanExpress(creditCardNumber) ? 4 : 3;
-};
-export var getCreditCardNumberLength = function(creditCardNumber) {
-    return isAmericanExpress(creditCardNumber) ? 15 : 16;
-};
-export var isValidCreditCardNumber = function(creditCardNumber) {
-    if (!isAmericanExpress(creditCardNumber) && !isMasterCard(creditCardNumber) && !isVisa(creditCardNumber)) {
-        return false;
-    }
-    return getCreditCardNumberLength(creditCardNumber) === creditCardNumber.length;
+const s = (t) => (e) => !!e && t.test(e), n = s(/^3[47]/), o = s(/^4/), g = s(/^5/), a = (t) => n(t) ? 4 : 3, i = (t) => n(t) ? 15 : 16, c = (t) => !n(t) && !g(t) && !o(t) ? !1 : i(t) === t.length;
+export {
+  i as getCreditCardNumberLength,
+  a as getCvvLength,
+  n as isAmericanExpress,
+  g as isMasterCard,
+  c as isValidCreditCardNumber,
+  o as isVisa
 };

package/dist-es/utils/css.js

@@ -1,4 +1,4 @@
-var BASE_FONT_SIZE = 16; // browser's default font-size in pixels
-export var pxToRem = function(px) {
-    return "".concat((parseFloat(px) / BASE_FONT_SIZE).toFixed(3), "rem");
+const e = (o) => `${(parseFloat(o) / 16).toFixed(3)}rem`;
+export {
+  e as pxToRem
 };

package/dist-es/utils/document-visibility.js

@@ -1,93 +1,33 @@
-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 _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _nonIterableRest() {
-    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) || _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);
-}
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { useTheme } from "../hooks";
-import { isAndroid } from "./platform";
-var isDocumentVisible = function() {
-    return typeof document !== "undefined" && document.visibilityState === "visible";
-};
-var DocumentVisibilityContext = /*#__PURE__*/ React.createContext(true);
-export var DocumentVisibilityProvider = function(param) {
-    var hidden = param.hidden, children = param.children;
-    var platformOverrides = useTheme().platformOverrides;
-    var ref = _slicedToArray(React.useState(!hidden), 2), visible = ref[0], setVisible = ref[1];
-    React.useEffect(function() {
-        var visibilitychangeCallback = function() {
-            setVisible(isDocumentVisible());
-        };
-        var focusCallback = function() {
-            setVisible(true);
-        };
-        var blurCallback = function() {
-            setVisible(false);
-        };
-        setVisible(isDocumentVisible());
-        document.addEventListener("visibilitychange", visibilitychangeCallback);
-        document.addEventListener("focus", focusCallback);
-        document.addEventListener("blur", blurCallback);
-        return function() {
-            document.removeEventListener("visibilitychange", visibilitychangeCallback);
-            document.removeEventListener("focus", focusCallback);
-            document.removeEventListener("blur", blurCallback);
-        };
-    }, []);
-    // Workaround for this bug: https://jira.tuenti.io/jira/browse/ACCOUNT-10938
-    // In Android, after ~10 minutes of inactivity, when a background webview receives focus (back navigation from another webview),
-    // visibility change event is not fired, this causes problems like the navigation bar not being updated
-    var isVisibleNow = isDocumentVisible();
-    if (isAndroid(platformOverrides) && isVisibleNow !== visible) {
-        setVisible(isVisibleNow);
-    }
-    return /*#__PURE__*/ _jsx(DocumentVisibilityContext.Provider, {
-        value: visible,
-        children: children
-    });
-};
-export var useDocumentVisibility = function() {
-    return React.useContext(DocumentVisibilityContext);
+import * as t from "react";
+import { useTheme as a } from "../hooks.js";
+import { isAndroid as v } from "./platform.js";
+import { jsx as b } from "../_virtual/jsx-runtime.js";
+const i = () => typeof document < "u" && document.visibilityState === "visible", u = t.createContext(!0), E = ({
+  hidden: m,
+  children: l
+}) => {
+  const {
+    platformOverrides: d
+  } = a(), [o, e] = t.useState(!m);
+  t.useEffect(() => {
+    const s = () => {
+      e(i());
+    }, r = () => {
+      e(!0);
+    }, c = () => {
+      e(!1);
+    };
+    return e(i()), document.addEventListener("visibilitychange", s), document.addEventListener("focus", r), document.addEventListener("blur", c), () => {
+      document.removeEventListener("visibilitychange", s), document.removeEventListener("focus", r), document.removeEventListener("blur", c);
+    };
+  }, []);
+  const n = i();
+  return v(d) && n !== o && e(n), /* @__PURE__ */ b(u.Provider, {
+    value: o,
+    children: l
+  });
+}, C = () => t.useContext(u);
+export {
+  E as DocumentVisibilityProvider,
+  C as useDocumentVisibility
 };

package/dist-es/utils/dom.js

@@ -1,134 +1,66 @@
-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 _objectSpread(target) {
-    for(var i = 1; i < arguments.length; 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]);
-        });
-    }
-    return target;
-}
-import { isServerSide } from "./environment";
-/**
- * Returns true if provided type is supported <input> type
- */ export var isInputTypeSupported = function(type) {
-    if (isServerSide()) {
-        return false;
-    }
-    var input = document.createElement("input");
-    input.setAttribute("type", type);
-    return input.type === type;
-};
-export var cancelEvent = function(event) {
-    event.stopPropagation();
-    event.preventDefault();
+import { isServerSide as l } from "./environment.js";
+const u = (e) => {
+  if (l())
+    return !1;
+  const n = document.createElement("input");
+  return n.setAttribute("type", e), n.type === e;
+}, v = (e) => {
+  e.stopPropagation(), e.preventDefault();
+}, d = (e, n) => {
+  const t = new Event("change");
+  return e.value = n, {
+    ...t,
+    target: e,
+    currentTarget: e
+  };
 };
-export var createChangeEvent = function(target, value) {
-    var event = new Event("change");
-    target.value = value;
-    return _objectSpread({}, event, {
-        target: target,
-        currentTarget: target
-    });
-};
-/**
- * Detect passive event listeners support
- * See passiveeventlisteners.js at https://github.com/Modernizr/Modernizr/
- */ var supportsPassive = false;
+let i = !1;
 try {
-    var options = Object.defineProperty({}, "passive", {
-        get: function() {
-            supportsPassive = true;
-            return undefined;
-        }
-    });
-    window.addEventListener("test", function() {}, options);
-} catch (e) {
-// does not support passive event listeners :(
-}
-export var addPassiveEventListener = function(el, eventName, listener) {
-    return el.addEventListener(eventName, listener, supportsPassive ? {
-        passive: true
-    } : false);
-};
-export var removePassiveEventListener = function(el, eventName, listener) {
-    return el.removeEventListener(eventName, listener, false);
-};
-/**
- * Prefixes given attributes with `data-`
- *
- * For example: `{foo: 'bar'}` => `{data-foo: 'bar'}`
- */ export var getPrefixedDataAttributes = function(attrs) {
-    var result = {};
-    if (attrs) {
-        Object.keys(attrs).forEach(function(key) {
-            result["data-" + key] = attrs[key];
-        });
-    }
-    return result;
-};
-var isScrollable = function(el, axis) {
-    var overflowKey = "overflow".concat(axis);
-    var overflowValue = window.getComputedStyle(el)[overflowKey];
-    return [
-        "auto",
-        "scroll",
-        "overlay"
-    ].includes(overflowValue);
-};
-export var getScrollableParentElement = function(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;
+  const e = Object.defineProperty({}, "passive", {
+    get() {
+      i = !0;
     }
-    return result || document.documentElement;
-};
-export var getScrollDistanceToBottom = function(el) {
-    return el.scrollHeight - el.scrollTop - el.clientHeight;
-};
-export var hasScroll = function(el) {
-    return el.scrollHeight > el.clientHeight;
+  });
+  window.addEventListener("test", () => {
+  }, e);
+} catch {
+}
+const p = (e, n, t) => e.addEventListener(n, t, i ? {
+  passive: !0
+} : !1), f = (e, n, t) => e.removeEventListener(n, t, !1), m = (e) => {
+  const n = {};
+  return e && Object.keys(e).forEach((t) => {
+    n["data-" + t] = e[t];
+  }), n;
+}, c = (e, n) => {
+  const t = `overflow${n}`, r = window.getComputedStyle(e)[t];
+  return ["auto", "scroll", "overlay"].includes(r);
+}, w = (e, n = "Y") => {
+  let t = e == null ? void 0 : e.parentElement;
+  for (; t && !c(t, n); )
+    t = t.parentElement;
+  return t || document.documentElement;
+}, E = (e) => e.scrollHeight - e.scrollTop - e.clientHeight, g = (e) => e.scrollHeight > e.clientHeight, h = (e, n) => {
+  const t = () => typeof window > "u" ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : import(
+    /* webpackChunkName: "@juggle/resize-observer" */
+    "@juggle/resize-observer"
+  ).then((o) => o.ResizeObserver);
+  let r = !1, s = null;
+  return t().then((o) => {
+    !r && o && (s = new o(n), s.observe(e));
+  }), () => {
+    r = !0, s && s.disconnect();
+  };
 };
-export var listenResize = function(element, handler) {
-    var getResizeObserverPromise = function() {
-        if (typeof window === "undefined") {
-            return Promise.resolve(null);
-        }
-        return window.ResizeObserver ? Promise.resolve(ResizeObserver) : import(/* 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();
-        }
-    };
+export {
+  p as addPassiveEventListener,
+  v as cancelEvent,
+  d as createChangeEvent,
+  m as getPrefixedDataAttributes,
+  E as getScrollDistanceToBottom,
+  w as getScrollableParentElement,
+  g as hasScroll,
+  u as isInputTypeSupported,
+  h as listenResize,
+  f as removePassiveEventListener
 };

package/dist-es/utils/environment.js

@@ -1,3 +1,4 @@
-export var isServerSide = function() {
-    return typeof window === "undefined";
+const e = () => typeof window > "u";
+export {
+  e as isServerSide
 };

package/dist-es/utils/key-codes.js

@@ -1,8 +1,11 @@
-export var LEFT = 37;
-export var UP = 38;
-export var RIGHT = 39;
-export var DOWN = 40;
-export var ENTER = 13;
-export var ESC = 27;
-export var SPACE = 32;
-export var TAB = 9;
+const o = 37, t = 38, c = 39, n = 40, s = 13, E = 27, T = 32, A = 9;
+export {
+  n as DOWN,
+  s as ENTER,
+  E as ESC,
+  o as LEFT,
+  c as RIGHT,
+  T as SPACE,
+  A as TAB,
+  t as UP
+};

package/dist-es/utils/media-queries.js

@@ -1,21 +1,19 @@
-export var createMediaQueries = function(param) {
-    var desktopOrTabletMinHeight = param.desktopOrTabletMinHeight, tabletMinWidth = param.tabletMinWidth, desktopMinWidth = param.desktopMinWidth, largeDesktopMinWidth = param.largeDesktopMinWidth;
-    return {
-        mobile: "@media only screen and (max-width: ".concat(tabletMinWidth - 1, "px), ") + "(max-height: ".concat(desktopOrTabletMinHeight - 1, "px)"),
-        tablet: "@media only screen " + "and (min-height: ".concat(desktopOrTabletMinHeight, "px) ") + "and (min-width: ".concat(tabletMinWidth, "px) ") + "and (max-width: ".concat(desktopMinWidth - 1, "px)"),
-        desktop: "@media only screen " + "and (min-height: ".concat(desktopOrTabletMinHeight, "px) ") + "and (min-width: ".concat(desktopMinWidth, "px) ") + "and (max-width: ".concat(largeDesktopMinWidth - 1, "px)"),
-        largeDesktop: "@media only screen " + "and (min-height: ".concat(desktopOrTabletMinHeight, "px) ") + "and (min-width: ".concat(largeDesktopMinWidth, "px)"),
-        tabletOrBigger: "@media only screen " + "and (min-height: ".concat(desktopOrTabletMinHeight, "px) ") + "and (min-width: ".concat(tabletMinWidth, "px)"),
-        tabletOrSmaller: "@media only screen and (max-width: ".concat(desktopMinWidth - 1, "px), ") + "(max-height: ".concat(desktopOrTabletMinHeight - 1, "px)"),
-        desktopOrBigger: "@media only screen " + "and (min-height: ".concat(desktopOrTabletMinHeight, "px) ") + "and (min-width: ".concat(desktopMinWidth, "px)"),
-        // Only apply hover effect to user agents using fine pointer devices (a mouse, for example)
-        // Also enabled for (pointer: none) for acceptance tests, where (pointer: fine) doesn't match.
-        // WARNING: you may be tempted to use @media (hover: hover) instead, but that doesn't work as expected in some android browsers.
-        // See: https://hover-pointer-media-query.glitch.me/ and https://github.com/mui-org/material-ui/issues/15736
-        supportsHover: "@media (pointer: fine), (pointer: none)",
-        /**
-     * Scopes the styles to touchable devices.
-     * See: https://stackoverflow.com/questions/12469875/how-to-code-css-media-queries-targeting-all-mobile-devices-and-tablets/42835826#42835826
-     */ touchableOnly: "@media (pointer: coarse), @media (hover: none)"
-    };
+const x = ({
+  desktopOrTabletMinHeight: n,
+  tabletMinWidth: a,
+  desktopMinWidth: e,
+  largeDesktopMinWidth: m
+}) => ({
+  mobile: `@media only screen and (max-width: ${a - 1}px), (max-height: ${n - 1}px)`,
+  tablet: `@media only screen and (min-height: ${n}px) and (min-width: ${a}px) and (max-width: ${e - 1}px)`,
+  desktop: `@media only screen and (min-height: ${n}px) and (min-width: ${e}px) and (max-width: ${m - 1}px)`,
+  largeDesktop: `@media only screen and (min-height: ${n}px) and (min-width: ${m}px)`,
+  tabletOrBigger: `@media only screen and (min-height: ${n}px) and (min-width: ${a}px)`,
+  tabletOrSmaller: `@media only screen and (max-width: ${e - 1}px), (max-height: ${n - 1}px)`,
+  desktopOrBigger: `@media only screen and (min-height: ${n}px) and (min-width: ${e}px)`,
+  supportsHover: "@media (pointer: fine), (pointer: none)",
+  touchableOnly: "@media (pointer: coarse), @media (hover: none)"
+});
+export {
+  x as createMediaQueries
 };