@telefonica/mistica 14.20.1 → 14.22.0

package/dist-es/utils/animation.js

@@ -50,9 +50,20 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
-import { isRunningAcceptanceTest as l } from "./platform.js";
-const i = (e)=>!l(e), p = (e, t, a)=>i(a) ? {
+import { jsx as r, jsxs as n, Fragment as l } from "react/jsx-runtime";
+import { isRunningAcceptanceTest as o } from "./platform.js";
+const a = (e)=>!o(e), d = (e, t)=>a(t) ? {
+        children: /* @__PURE__ */ r("animate", {
+            attributeName: "r",
+            begin: "0s",
+            dur: "0.9s",
+            from: "0",
+            to: e,
+            keyTimes: "0;1",
+            calcMode: "spline",
+            keySplines: "0.56 0 0.2 1"
+        })
+    } : null, f = (e, t, i, s)=>a(i) ? {
         strokeDasharray: e.replace("-", ""),
         strokeDashoffset: e,
         children: /* @__PURE__ */ r("animate", {
@@ -65,9 +76,9 @@ const i = (e)=>!l(e), p = (e, t, a)=>i(a) ? {
             fill: "freeze",
             keyTimes: "0;1",
             calcMode: "spline",
-            keySplines: "0.75 0 0.25 1"
+            keySplines: s !== null && s !== void 0 ? s : "0.75 0 0.25 1"
         })
-    } : null, d = (e, t)=>i(t) ? {
+    } : null, u = (e, t)=>a(t) ? {
         opacity: 0,
         children: /* @__PURE__ */ r("animate", {
             attributeName: "opacity",
@@ -81,8 +92,8 @@ const i = (e)=>!l(e), p = (e, t, a)=>i(a) ? {
             calcMode: "spline",
             keySplines: "0.75 0 0.25 1"
         })
-    } : null, f = (e, t)=>i(t) ? {
-        children: /* @__PURE__ */ n(s, {
+    } : null, y = (e, t)=>a(t) ? {
+        children: /* @__PURE__ */ n(l, {
             children: [
                 /* @__PURE__ */ r("animate", {
                     from: "2.5",
@@ -108,9 +119,9 @@ const i = (e)=>!l(e), p = (e, t, a)=>i(a) ? {
                 })
             ]
         })
-    } : null, u = (e, t)=>i(t) ? {
+    } : null, k = (e, t)=>a(t) ? {
         opacity: 0,
-        children: /* @__PURE__ */ n(s, {
+        children: /* @__PURE__ */ n(l, {
             children: [
                 /* @__PURE__ */ r("animate", {
                     attributeName: "opacity",
@@ -163,22 +174,22 @@ const i = (e)=>!l(e), p = (e, t, a)=>i(a) ? {
                 })
             ]
         })
-    } : null, o = (param, t)=>/* @__PURE__ */ {
+    } : null, m = (param, t)=>/* @__PURE__ */ {
     let { children: e  } = param;
-    return n(s, {
+    return n(l, {
         children: [
             e,
             t
         ]
     });
-}, y = function() {
+}, h = function() {
     for(var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++){
         e[_key] = arguments[_key];
     }
-    return e.reduce((t, a)=>_object_spread_props(_object_spread({}, t, a || {}), {
-            children: o(t, a ? a.children : null)
+    return e.reduce((t, i)=>_object_spread_props(_object_spread({}, t, i || {}), {
+            children: m(t, i ? i.children : null)
         }), {
         children: null
     });
 };
-export { p as getAnimateDrawLineProps, d as getAnimateFadeInProps, f as getAnimateHopInProps, u as getAnimateSweepInProps, y as mergeProperties };
+export { d as getAnimateCircleScaleInProps, f as getAnimateDrawLineProps, u as getAnimateFadeInProps, y as getAnimateHopInProps, k as getAnimateSweepInProps, h as mergeProperties };

package/dist-es/utils/aspect-ratio-support.css-mistica.js

@@ -1,6 +1,6 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./aspect-ratio-support.css.ts.vanilla.css-mistica.js";
-var a = "yqswj62", n = "_1y2v1nfbr _1y2v1nfc8 _1y2v1nfe6 _1y2v1nfel", y = {
+var a = "yqswj62", n = "_1y2v1nfbs _1y2v1nfc9 _1y2v1nfeb _1y2v1nfeq", y = {
     aspectRatio: "var(--yqswj60)"
-}, e = "_1y2v1nfe4 _1y2v1nfdj _1y2v1nfdk _1y2v1nfaz";
+}, e = "_1y2v1nfe5 _1y2v1nfdk _1y2v1nfdl _1y2v1nfaz";
 export { a as container, n as containerWithWrapper, y as vars, e as wrapper };

package/dist-es/utils/dom.js

@@ -50,57 +50,70 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { isServerSide as i } from "./environment.js";
-const u = (e)=>{
-    if (i()) return !1;
-    const n = document.createElement("input");
-    return n.setAttribute("type", e), n.type === e;
-}, v = (e)=>{
+import { isServerSide as a } from "./environment.js";
+const d = (e)=>{
+    if (a()) return !1;
+    const t = document.createElement("input");
+    return t.setAttribute("type", e), t.type === e;
+}, f = (e)=>{
     e.stopPropagation(), e.preventDefault();
-}, d = (e, n)=>{
-    const t = new Event("change");
-    return e.value = n, _object_spread_props(_object_spread({}, t), {
+}, m = (e, t)=>{
+    const r = new Event("change");
+    return e.value = t, _object_spread_props(_object_spread({}, r), {
         target: e,
         currentTarget: e
     });
 };
-let l = !1;
+let c = !1;
 try {
     const e = Object.defineProperty({}, "passive", {
         get () {
-            l = !0;
+            c = !0;
         }
     });
     window.addEventListener("test", ()=>{}, e);
 } catch (e) {}
-const p = (e, n, t)=>e.addEventListener(n, t, l ? {
+const h = (e, t, r)=>e.addEventListener(t, r, c ? {
         passive: !0
-    } : !1), f = (e, n, t)=>e.removeEventListener(n, t, !1), m = (e, n)=>{
-    const t = n ? {
-        "data-component-name": n
+    } : !1), E = (e, t, r)=>e.removeEventListener(t, r, !1), g = (e, t)=>{
+    const r = t ? {
+        "data-component-name": t
     } : {};
-    return e && Object.keys(e).forEach((r)=>{
-        t["data-" + r] = e[r];
-    }), t;
-}, c = (e, n)=>{
-    const t = `overflow${n}`, r = window.getComputedStyle(e)[t];
+    return e && Object.keys(e).forEach((n)=>{
+        r["data-" + n] = e[n];
+    }), r;
+}, u = (e, t)=>{
+    const r = `overflow${t}`, n = window.getComputedStyle(e)[r];
     return [
         "auto",
         "scroll",
         "overlay"
-    ].includes(r);
-}, E = function(e) {
-    let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Y";
-    let t = e == null ? void 0 : e.parentElement;
-    for(; t && !c(t, n);)t = t.parentElement;
-    return t || document.documentElement;
-}, g = (e)=>e.scrollHeight - e.scrollTop - e.clientHeight, h = (e)=>e.scrollHeight > e.clientHeight, w = (e, n)=>{
-    const t = ()=>i() ? 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));
+    ].includes(n);
+}, w = function(e) {
+    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Y";
+    let r = e == null ? void 0 : e.parentElement;
+    for(; r && !u(r, t);)r = r.parentElement;
+    return r || document.documentElement;
+}, b = (e)=>e.scrollHeight - e.scrollTop - e.clientHeight, P = (e)=>e.scrollHeight > e.clientHeight, y = (e, t)=>{
+    const r = ()=>a() ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : import(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer").then((o)=>o.ResizeObserver);
+    let n = !1, s = null;
+    return r().then((o)=>{
+        !n && o && (s = new o(t), s.observe(e));
     }), ()=>{
-        r = !0, s && s.disconnect();
+        n = !0, s && s.disconnect();
+    };
+}, v = (e)=>{
+    const [t, r] = e.replace(/^var\(/, "").replace(/\)$/, "").split(/\s*,\s*(.*)/);
+    return {
+        varName: t,
+        fallback: r
     };
+}, i = (e)=>e.startsWith("var(") || e.startsWith("--"), l = (e, t)=>{
+    if (!i(e)) throw new Error(`Invalid css var: ${e}`);
+    if (e.startsWith("var(")) {
+        const { varName: r , fallback: n  } = v(e), s = l(r, t);
+        return !s && n ? i(n) ? l(n, t) : n : s;
+    }
+    return getComputedStyle(t !== null && t !== void 0 ? t : document.documentElement).getPropertyValue(e);
 };
-export { p as addPassiveEventListener, v as cancelEvent, d as createChangeEvent, m as getPrefixedDataAttributes, g as getScrollDistanceToBottom, E as getScrollableParentElement, h as hasScroll, u as isInputTypeSupported, w as listenResize, f as removePassiveEventListener };
+export { h as addPassiveEventListener, f as cancelEvent, m as createChangeEvent, l as getCssVarValue, g as getPrefixedDataAttributes, b as getScrollDistanceToBottom, w as getScrollableParentElement, P as hasScroll, d as isInputTypeSupported, y as listenResize, E as removePassiveEventListener };

package/dist-es/utils/helpers.js

@@ -0,0 +1,29 @@
+const c = function(e, t) {
+    let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+    let i, r, f, o = !0;
+    const s = function() {
+        for(var _len = arguments.length, u = new Array(_len), _key = 0; _key < _len; _key++){
+            u[_key] = arguments[_key];
+        }
+        if (i && clearTimeout(i), o && n.leading) {
+            o = !1, e(...u);
+            return;
+        }
+        f = u, !r && n.maxWait && (r = setTimeout(()=>{
+            e(...f), r = void 0, clearTimeout(i);
+        }, n.maxWait)), i = setTimeout(()=>{
+            e(...u), r && clearTimeout(r), i = void 0, r = void 0;
+        }, t);
+    };
+    return s.cancel = ()=>{
+        i && (clearTimeout(i), i = void 0), r && (clearTimeout(r), r = void 0);
+    }, s;
+}, l = (e)=>e === null ? !0 : !(typeof e == "object" || typeof e == "function"), a = (e, t)=>{
+    if (e === t) return !0;
+    if (l(e) || l(t) || typeof e != typeof t || typeof e == "function") return !1;
+    if (Array.isArray(e) || Array.isArray(t)) return Array.isArray(e) && Array.isArray(t) ? e.length === t.length && e.every((r, f)=>a(r, t[f])) : !1;
+    if (e instanceof Date || t instanceof Date) return e instanceof Date && t instanceof Date ? e.getTime() === t.getTime() : !1;
+    const n = Object.keys(e), i = Object.keys(t);
+    return n.length === i.length ? n.every((r)=>a(e[r], t[r])) : !1;
+};
+export { c as debounce, a as isEqual };

package/dist-es/video.css-mistica.js

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var f = "_1y2v1nfe6 _1y2v1nfel _1y2v1nfb6 _1y2v1nf5y _1y2v1nfdj _1y2v1nfdk _1y2v1nffu";
+var f = "_1y2v1nfeb _1y2v1nfeq _1y2v1nfb7 _1y2v1nf5y _1y2v1nfdk _1y2v1nfdl _1y2v1nffz";
 export { f as video };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "14.20.1",
+    "version": "14.22.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -83,7 +83,7 @@
         "@swc/core": "^1.3.61",
         "@swc/jest": "^0.2.26",
         "@telefonica/acceptance-testing": "2.13.0",
-        "@telefonica/eslint-config": "^1.6.0",
+        "@telefonica/eslint-config": "^1.7.0",
         "@telefonica/prettier-config": "^1.1.0",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
@@ -121,6 +121,7 @@
         "jest-environment-puppeteer": "^6.1.1",
         "jimp": "^0.16.1",
         "lint-staged": "^12.3.7",
+        "lodash": "^4.17.21",
         "mini-css-extract-plugin": "^1.6.2",
         "node-fetch": "^2.6.7",
         "playroom": "^0.31.0",
@@ -143,13 +144,12 @@
     },
     "dependencies": {
         "@juggle/resize-observer": "^3.3.1",
-        "@tef-novum/webview-bridge": "^3.8.0",
+        "@tef-novum/webview-bridge": "^3.27.0",
         "@telefonica/libphonenumber": "^2.8.1",
         "@vanilla-extract/css": "^1.9.5",
         "@vanilla-extract/dynamic": "^2.0.3",
         "@vanilla-extract/sprinkles": "^1.5.1",
         "classnames": "^2.3.1",
-        "lodash": "^4.17.21",
         "moment": "^2.29.1",
         "react-autosuggest": "^10.1.0",
         "react-datetime": "^3.1.1",