@telefonica/mistica 15.9.0 → 15.11.0

package/dist-es/timer.js

@@ -0,0 +1,307 @@
+"use client";
+function _define_property(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 _object_spread(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) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsxs as M, jsx as c } from "react/jsx-runtime";
+import H from "classnames";
+import * as N from "react";
+import B from "./box.js";
+import { useTheme as C, useAriaId as x, useIsomorphicLayoutEffect as z } from "./hooks.js";
+import G from "./inline.js";
+import F from "./screen-reader-only.js";
+import { Text2 as J, Text6 as K } from "./text.js";
+import { useThemeVariant as Q, ThemeVariant as X } from "./theme-variant-context.js";
+import { inlineText as O, timerWrapper as Z, shortLabelText as P, boxedTimerValueContainer as U, boxedTimerValueContainerInverse as ee, timerDisplayValue as te, boxedTimerDisplayValue as ne, unitContainer as j } from "./timer.css-mistica.js";
+import { getPrefixedDataAttributes as w } from "./utils/dom.js";
+import { isEqual as re } from "./utils/helpers.js";
+import { isRunningAcceptanceTest as W } from "./utils/platform.js";
+const V = 24, $ = 60, T = 60, _ = 1e3, Y = T * _, k = $ * Y, se = V * k, R = (n, s, a, u)=>{
+    s = u === "none" && s === "days" ? "hours" : s, a = u === "none" && a === "days" ? "hours" : a;
+    const i = [
+        "seconds",
+        "minutes",
+        "hours",
+        "days"
+    ], d = i.indexOf(s), g = Math.max(i.indexOf(a), d), e = i.indexOf(n);
+    return d <= e && e <= g;
+}, E = (n, s, a, u)=>[
+        {
+            unit: "days",
+            value: n.days
+        },
+        {
+            unit: "hours",
+            value: n.hours
+        },
+        {
+            unit: "minutes",
+            value: n.minutes
+        },
+        {
+            unit: "seconds",
+            value: n.seconds
+        }
+    ].filter((i)=>R(i.unit, s, a, u)), A = (n)=>W() ? 0 : Math.max(0, (typeof n == "object" ? n : new Date(n)).valueOf() - Date.now()), q = (param)=>{
+    let { endTimestamp: n, labelType: s, minTimeUnit: a, maxTimeUnit: u, onProgress: i } = param;
+    const [d, g] = N.useState(A(n));
+    z(()=>{
+        let v;
+        const D = ()=>{
+            const I = A(n);
+            g(I), I || clearInterval(v);
+        };
+        if (!W()) return D(), v = setInterval(D, _), ()=>clearInterval(v);
+    }, [
+        n
+    ]);
+    const e = R("days", a, u, s), S = R("hours", a, u, s), l = R("minutes", a, u, s), m = e ? "days" : S ? "hours" : l ? "minutes" : "seconds", y = Math.floor(d / k) % 24, p = Math.floor(d / Y) % 60, f = Math.floor(d / _) % 60, h = Math.floor(d / se), L = m === "hours" ? y + h * V : y, t = m === "minutes" ? p + $ * (h * V + L) : p, r = m === "seconds" ? f + T * (h * V * $ + L * $ + t) : f, [o, b] = N.useState(E({
+        days: h,
+        hours: L,
+        minutes: t,
+        seconds: r
+    }, a, u, s));
+    return N.useEffect(()=>{
+        const v = E({
+            days: h,
+            hours: L,
+            minutes: t,
+            seconds: r
+        }, a, u, s);
+        if (!re(v, o)) {
+            b(v);
+            const D = {};
+            v.forEach((I)=>D[I.unit] = I.value), i == null || i(D);
+        }
+    }, [
+        h,
+        L,
+        t,
+        r,
+        s,
+        a,
+        u,
+        o,
+        i
+    ]), o;
+}, fe = (param)=>{
+    let { endTimestamp: n, labelType: s = "none", minTimeUnit: a, maxTimeUnit: u, onProgress: i, dataAttributes: d, "aria-label": g } = param;
+    const { texts: e } = C(), S = x(), l = q({
+        endTimestamp: n,
+        labelType: s,
+        minTimeUnit: a,
+        maxTimeUnit: u,
+        onProgress: i
+    }), m = {
+        days: e.timerDaysShortLabel,
+        hours: e.timerHoursShortLabel,
+        minutes: e.timerMinutesShortLabel,
+        seconds: e.timerSecondsShortLabel
+    }, y = {
+        days: e.timerDayLongLabel,
+        hours: e.timerHourLongLabel,
+        minutes: e.timerMinuteLongLabel,
+        seconds: e.timerSecondLongLabel
+    }, p = {
+        days: e.timerDaysLongLabel,
+        hours: e.timerHoursLongLabel,
+        minutes: e.timerMinutesLongLabel,
+        seconds: e.timerSecondsLongLabel
+    }, f = (t)=>{
+        const r = Math.max(String(t).length, s === "long" ? 1 : 2);
+        return /* @__PURE__ */ c("span", {
+            className: j,
+            style: {
+                minWidth: `${r}ch`
+            },
+            children: String(t).padStart(r, "0")
+        });
+    }, h = ()=>{
+        switch(s){
+            case "none":
+                return l.map((t, r)=>/* @__PURE__ */ M(N.Fragment, {
+                        children: [
+                            r > 0 && ":",
+                            f(t.value)
+                        ]
+                    }, r));
+            case "short":
+                return l.map((t, r)=>/* @__PURE__ */ M(N.Fragment, {
+                        children: [
+                            r > 0 && " ",
+                            /* @__PURE__ */ M("span", {
+                                className: P,
+                                children: [
+                                    f(t.value),
+                                    ` ${m[t.unit]}`
+                                ]
+                            })
+                        ]
+                    }, r));
+            case "long":
+            default:
+                return l.map((t, r)=>/* @__PURE__ */ M(N.Fragment, {
+                        children: [
+                            r > 0 && " ",
+                            f(t.value),
+                            ` ${t.value === 1 ? y[t.unit] : p[t.unit]}`,
+                            r === l.length - 2 && ` ${e.timerAnd}`,
+                            r < l.length - 2 && ","
+                        ]
+                    }, r));
+        }
+    }, L = l.map((t, r)=>`${t.value} ${t.value === 1 ? y[t.unit] : p[t.unit]}${r === l.length - 1 ? "" : r === l.length - 2 ? ` ${e.timerAnd} ` : ", "}`).join("");
+    return /* @__PURE__ */ M("span", _object_spread_props(_object_spread({
+        role: "timer",
+        "aria-labelledby": S,
+        className: O,
+        style: {
+            // try to keep the timer in the same line without wrapping only when label is not long
+            display: s !== "long" ? "inline-block" : void 0
+        }
+    }, w(d, "TextTimer")), {
+        children: [
+            /* @__PURE__ */ c(F, {
+                children: /* @__PURE__ */ c("span", {
+                    id: S,
+                    children: g ? `${g}. ${L}` : L
+                })
+            }),
+            /* @__PURE__ */ c("span", {
+                "aria-hidden": !0,
+                className: O,
+                children: h()
+            })
+        ]
+    }));
+}, Se = (param)=>{
+    let { boxed: n, endTimestamp: s, minTimeUnit: a, maxTimeUnit: u, onProgress: i, dataAttributes: d, "aria-label": g } = param;
+    const { texts: e } = C(), S = x(), l = Q(), m = q({
+        endTimestamp: s,
+        minTimeUnit: a,
+        maxTimeUnit: u,
+        onProgress: i
+    }), y = {
+        days: e.timerDayLongLabel,
+        hours: e.timerHourLongLabel,
+        minutes: e.timerDisplayMinutesLabel,
+        seconds: e.timerDisplaySecondsLabel
+    }, p = {
+        days: e.timerDaysLongLabel,
+        hours: e.timerHoursLongLabel,
+        minutes: e.timerDisplayMinutesLabel,
+        seconds: e.timerDisplaySecondsLabel
+    }, f = {
+        days: e.timerDayLongLabel,
+        hours: e.timerHourLongLabel,
+        minutes: e.timerMinuteLongLabel,
+        seconds: e.timerSecondLongLabel
+    }, h = {
+        days: e.timerDaysLongLabel,
+        hours: e.timerHoursLongLabel,
+        minutes: e.timerMinutesLongLabel,
+        seconds: e.timerSecondsLongLabel
+    }, L = (o)=>{
+        const b = Math.max(String(o).length, 2);
+        return /* @__PURE__ */ c(K, {
+            children: /* @__PURE__ */ c("div", {
+                className: j,
+                style: {
+                    minWidth: `${b}ch`
+                },
+                children: String(o).padStart(b, "0")
+            })
+        });
+    }, t = m.map((o, b)=>`${o.value} ${o.value === 1 ? f[o.unit] : h[o.unit]}${b === m.length - 1 ? "" : b === m.length - 2 ? ` ${e.timerAnd} ` : ", "}`).join(""), r = ()=>m.map((o, b)=>/* @__PURE__ */ c(B, {
+                className: H({
+                    [U]: l === "default" && n,
+                    [ee]: l !== "default" && n
+                }),
+                children: /* @__PURE__ */ c(X, {
+                    variant: n ? "default" : l,
+                    children: /* @__PURE__ */ M("div", {
+                        className: H(te, {
+                            [ne]: n
+                        }),
+                        children: [
+                            L(o.value),
+                            /* @__PURE__ */ c(J, {
+                                regular: !0,
+                                children: o.value === 1 ? y[o.unit] : p[o.unit]
+                            })
+                        ]
+                    })
+                })
+            }, b));
+    return /* @__PURE__ */ M("div", _object_spread_props(_object_spread({
+        role: "timer",
+        "aria-labelledby": S,
+        className: Z
+    }, w(d, "Timer")), {
+        children: [
+            /* @__PURE__ */ c(F, {
+                children: /* @__PURE__ */ c("span", {
+                    id: S,
+                    children: g ? `${g}. ${t}` : t
+                })
+            }),
+            /* @__PURE__ */ c("div", {
+                "aria-hidden": !0,
+                children: /* @__PURE__ */ c(G, {
+                    space: n ? 8 : 16,
+                    wrap: !0,
+                    children: r()
+                })
+            })
+        ]
+    }));
+};
+export { fe as TextTimer, Se as Timer };

package/dist-es/tooltip.js

@@ -83,7 +83,7 @@ import * as i from "react";
 import { useTheme as Tt, useAriaId as gt, useBoundingRect as it, useWindowSize as vt } from "./hooks.js";
 import { Portal as xt } from "./portal.js";
 import { Transition as bt } from "react-transition-group";
-import { content as Mt, CONTENT_MIN_WIDTH as Et, container as St, tooltipTransitionClasses as It, tooltip as wt, contentContainer as Ot, tooltipCenter as Rt, closeButtonIcon as _t, arrowContainer as Nt, arrow as Ct } from "./tooltip.css-mistica.js";
+import { content as Mt, CONTENT_MIN_WIDTH as Et, container as St, tooltipTransitionClasses as wt, tooltip as It, contentContainer as Ot, tooltipCenter as Rt, closeButtonIcon as _t, arrowContainer as Nt, arrow as Ct } from "./tooltip.css-mistica.js";
 import yt from "./stack.js";
 import { Text2 as nt } from "./text.js";
 import { getCssVarValue as kt } from "./utils/dom.js";
@@ -96,21 +96,21 @@ import { useIsInverseVariant as Ft, ThemeVariant as Dt } from "./theme-variant-c
 import { combineRefs as Bt } from "./utils/common.js";
 import { useTooltipState as Wt, useSetTooltipState as Vt } from "./tooltip-context-provider.js";
 import { isRunningAcceptanceTest as Ht } from "./utils/platform.js";
-import { InternalIconButton as Xt } from "./icon-button.js";
+import { IconButton as Xt } from "./icon-button.js";
 import zt from "./generated/mistica-icons/icon-close-regular.js";
 import Pt from "./box.js";
 const lt = (t)=>({
         border: `1px solid ${t ? tt.colors.backgroundContainer : tt.colors.border}`
-    }), ct = 496, Yt = 300, Gt = 500, Kt = 100, p = 20, I = 6, N = I + p / 2 + 1, Ut = (t)=>{
+    }), ct = 496, Yt = 300, Gt = 500, Kt = 100, p = 20, w = 6, N = w + p / 2 + 1, Ut = (t)=>{
     switch(t){
         case "left":
-            return `translateX(-${I}px)`;
+            return `translateX(-${w}px)`;
         case "right":
-            return `translateX(${I}px)`;
+            return `translateX(${w}px)`;
         case "top":
-            return `translateY(-${I}px)`;
+            return `translateY(-${w}px)`;
         case "bottom":
-            return `translateY(${I}px)`;
+            return `translateY(${w}px)`;
         default:
             return "";
     }
@@ -122,7 +122,7 @@ const lt = (t)=>({
     };
 }, ft = (t, h, v, d, m)=>{
     if (!t || !h) return;
-    const { top: x, bottom: w, left: B, right: W } = t, o = d - w, O = m - W, R = x, a = B, { width: X, height: V } = pt(h), _ = X + N, T = V + N, b = _ <= Math.max(a, O), M = T <= Math.max(o, R);
+    const { top: x, bottom: I, left: B, right: W } = t, o = d - I, O = m - W, R = x, a = B, { width: X, height: V } = pt(h), _ = X + N, T = V + N, b = _ <= Math.max(a, O), M = T <= Math.max(o, R);
     if (!(!M && !b)) switch(v){
         case "left":
             return b ? _ <= a ? "left" : "right" : o > R ? "bottom" : "top";
@@ -136,7 +136,7 @@ const lt = (t)=>({
             return;
     }
 }, jt = (param)=>{
-    let { content: t, target: h, width: v, position: d = "top", dataAttributes: m, delay: x = !0, centerContent: w, open: B, onClose: W, hasPointerInteractionOnly: o = !1, trackingEvent: O } = param;
+    let { content: t, target: h, width: v, position: d = "top", dataAttributes: m, delay: x = !0, centerContent: I, open: B, onClose: W, hasPointerInteractionOnly: o = !1, trackingEvent: O } = param;
     const { texts: R } = Tt(), a = gt(), { openTooltipId: X } = Wt(), { openTooltip: V, closeTooltip: _ } = Vt(), [T, b] = i.useState(), [M, z] = i.useState(), P = i.useRef(null), Y = i.useRef(null), [C, dt] = i.useState(null), u = $t(), G = x ? Gt : 0, [et, K] = i.useState(!1), [U, y] = i.useState(!1), j = B !== void 0, [ot, q] = i.useState(!1), E = j ? B : a === X, Z = Ft(), f = it(P, E), H = it(Y, E, !0), l = vt(), S = i.useCallback(()=>{
         q(!1), K(!1), y(!1);
     }, []);
@@ -169,7 +169,7 @@ const lt = (t)=>({
             case "bottom":
                 r = {
                     left: Math.max(0, Math.min(rt, (c + k - $) / 2)),
-                    top: A - I,
+                    top: A - w,
                     padding: `${N}px 0px 0px 0px`
                 }, e = {
                     left: Math.max(g, Math.min(l.width - g - p, (c + k - p) / 2)),
@@ -192,7 +192,7 @@ const lt = (t)=>({
             case "right":
             default:
                 r = {
-                    left: k - I,
+                    left: k - w,
                     top: Math.max(0, Math.min(st, (L + A - F) / 2)),
                     padding: `0px 0px 0px ${N}px`
                 }, e = {
@@ -251,7 +251,7 @@ const lt = (t)=>({
         _,
         j
     ]);
-    const mt = ft(f, C, d, l.height, l.width), ut = w !== void 0 ? w : (H == null ? void 0 : H.width) === Et;
+    const mt = ft(f, C, d, l.height, l.width), ut = I !== void 0 ? I : (H == null ? void 0 : H.width) === Et;
     return /* @__PURE__ */ D(ht, {
         children: [
             /* @__PURE__ */ n("div", {
@@ -311,7 +311,7 @@ const lt = (t)=>({
                                 style: _object_spread_props(_object_spread({
                                     pointerEvents: s === "entered" ? "auto" : "none",
                                     transform: Ut(mt)
-                                }, T, It[s]), {
+                                }, T, wt[s]), {
                                     transition: s === "entering" ? `opacity .1s linear ${G}ms,transform .3s cubic-bezier(0.215,0.61,0.335,1) ${G}ms` : "opacity .1s linear"
                                 }),
                                 ref: Bt(dt, Y),
@@ -322,7 +322,7 @@ const lt = (t)=>({
                                     !u && !o && K(!1);
                                 },
                                 children: /* @__PURE__ */ D("div", {
-                                    className: wt,
+                                    className: It,
                                     style: _object_spread_props(_object_spread({
                                         width: v
                                     }, lt(Z)), {
@@ -369,7 +369,7 @@ const lt = (t)=>({
         ]
     });
 }, qt = (_param)=>{
-    var { centerContent: t, extra: h, children: v, dataAttributes: d, title: m, description: x } = _param, w = _object_without_properties(_param, [
+    var { centerContent: t, extra: h, children: v, dataAttributes: d, title: m, description: x } = _param, I = _object_without_properties(_param, [
         "centerContent",
         "extra",
         "children",
@@ -401,6 +401,6 @@ const lt = (t)=>({
         dataAttributes: _object_spread({
             "component-name": "Tooltip"
         }, d)
-    }, w));
+    }, I));
 }, ge = qt;
 export { jt as BaseTooltip, ge as default };

package/dist-es/touchable.js

@@ -78,19 +78,19 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as W, jsx as n } from "react/jsx-runtime";
+import { jsxs as E, jsx as n } from "react/jsx-runtime";
 import * as c from "react";
 import m from "classnames";
-import w from "./screen-reader-only.js";
-import { notTouchable as j, touchable as B, base as S, marginReset as V } from "./touchable.css-mistica.js";
-import { useTheme as _ } from "./hooks.js";
-import { isInsideNovumNativeApp as L } from "./utils/platform.js";
-import { ENTER as $, SPACE as q } from "./utils/keys.js";
-import { getPrefixedDataAttributes as z } from "./utils/dom.js";
-import { redirect as F } from "./utils/browser.js";
-const E = /*#__PURE__*/ c.forwardRef((e, t)=>{
+import O from "./screen-reader-only.js";
+import { notTouchable as _, touchable as j, base as B, marginReset as V } from "./touchable.css-mistica.js";
+import { useTheme as L } from "./hooks.js";
+import { isInsideNovumNativeApp as $ } from "./utils/platform.js";
+import { ENTER as q, SPACE as z } from "./utils/keys.js";
+import { getPrefixedDataAttributes as F } from "./utils/dom.js";
+import { redirect as G } from "./utils/browser.js";
+const R = /*#__PURE__*/ c.forwardRef((e, t)=>{
     var P;
-    const { texts: o, analytics: C, platformOverrides: O, Link: R, useHrefDecorator: x } = _(), I = x(), u = c.useRef(!1);
+    const { texts: o, analytics: C, platformOverrides: x, Link: I, useHrefDecorator: D } = L(), A = D(), u = c.useRef(!1);
     let l = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? l = e.trackingEvent : l = [
         e.trackingEvent
@@ -109,39 +109,47 @@ const E = /*#__PURE__*/ c.forwardRef((e, t)=>{
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, z(e.dataAttributes, "Touchable")), s = e.type ? e.type : "button", r = !!e.href && !!e.newTab, D = (P = e.href) == null ? void 0 : P.startsWith("#"), h = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
+    }, F(e.dataAttributes, "Touchable")), s = e.type ? e.type : "button", r = !!e.newTab, H = (P = e.href) == null ? void 0 : P.startsWith("#"), h = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
         e.stopPropagation && a.stopPropagation();
     }, g = (a)=>{
         e.onPress && e.onPress(a);
     }, y = ()=>{
         var _e_to_pathname;
-        return e.href ? I(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
+        return e.href ? A(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
     }, k = ()=>Promise.all(l.map((a)=>C.logEvent(a))), v = (a)=>{
         u.current || (u.current = !0, k().finally(()=>{
             u.current = !1, a();
         }));
-    }, A = (a)=>{
+    }, K = (a)=>{
         if (b(a), !l.length) {
             g(a);
             return;
         }
         v(()=>g(a));
-    }, H = (a)=>{
-        var T;
+    }, S = (a)=>{
+        var w;
         b(a);
         const f = !!(e.href && e.onNavigate);
-        !l.length && !f || (a.preventDefault(), Promise.resolve(f ? (T = e.onNavigate) == null ? void 0 : T.call(e) : void 0).finally(()=>{
-            v(()=>F(y(), r, h));
+        !l.length && !f || (a.preventDefault(), Promise.resolve(f ? (w = e.onNavigate) == null ? void 0 : w.call(e) : void 0).finally(()=>{
+            v(()=>G(y(), r, h));
         }));
-    }, K = (a)=>{
+    }, W = (a)=>{
         b(a), e.to && e.onNavigate && e.onNavigate(), k();
     }, N = (a)=>{
-        (a.key === $ || a.key === q) && (a.preventDefault(), a.currentTarget.click());
-    };
-    if (e.href || e.to && e.fullPageOnWebView && L(O)) return /* @__PURE__ */ W("a", _object_spread_props(_object_spread({}, i), {
+        (a.key === q || a.key === z) && (a.preventDefault(), a.currentTarget.click());
+    }, T = ()=>r ? /* @__PURE__ */ n(O, {
+            children: /* @__PURE__ */ n("span", {
+                children: o.linkOpensInNewTab
+            })
+        }) : H ? /* @__PURE__ */ n(O, {
+            children: /* @__PURE__ */ n("span", {
+                children: o.linkOpensInCurrentPage
+            })
+        }) : null;
+    if (e.href || e.to && e.fullPageOnWebView && $(x)) return /* @__PURE__ */ E("a", _object_spread_props(_object_spread({}, i), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
-        onClick: H,
+        onClick: S,
         onKeyDown: N,
         href: e.disabled ? void 0 : y(),
         target: (()=>{
@@ -152,26 +160,22 @@ const E = /*#__PURE__*/ c.forwardRef((e, t)=>{
         ref: t,
         children: [
             d,
-            r ? /* @__PURE__ */ n(w, {
-                children: /* @__PURE__ */ n("span", {
-                    children: o.linkOpensInNewTab
-                })
-            }) : D ? /* @__PURE__ */ n(w, {
-                children: /* @__PURE__ */ n("span", {
-                    children: o.linkOpensInCurrentPage
-                })
-            }) : null
+            T()
         ]
     }));
-    if (e.to) return /* @__PURE__ */ n(R, _object_spread_props(_object_spread({}, i), {
+    if (e.to) return /* @__PURE__ */ E(I, _object_spread_props(_object_spread({}, i), {
+        target: e.newTab ? "_blank" : void 0,
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
         innerRef: t,
         to: e.disabled ? "" : e.to,
         replace: e.replace,
-        onClick: K,
+        onClick: W,
         onKeyDown: N,
-        children: d
+        children: [
+            d,
+            T()
+        ]
     }));
     if (e.onPress) {
         var _e_as, _i_role;
@@ -187,27 +191,27 @@ const E = /*#__PURE__*/ c.forwardRef((e, t)=>{
             "aria-labelledby": e["aria-labelledby"],
             type: s,
             ref: t,
-            onClick: A,
+            onClick: K,
             children: d
         }));
     }
     return /* @__PURE__ */ n("div", _object_spread_props(_object_spread({}, i), {
         ref: t,
-        className: m(i.className, j),
+        className: m(i.className, _),
         children: d
     }));
-}), G = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ n(E, _object_spread_props(_object_spread({}, e), {
-        className: m(B, e.className),
+}), J = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ n(R, _object_spread_props(_object_spread({}, e), {
+        className: m(j, e.className),
         ref: t
-    }))), ae = /*#__PURE__*/ c.forwardRef((_param, o)=>{
+    }))), te = /*#__PURE__*/ c.forwardRef((_param, o)=>{
     var { resetMargin: e = !0 } = _param, t = _object_without_properties(_param, [
         "resetMargin"
     ]);
-    return /* @__PURE__ */ n(E, _object_spread_props(_object_spread({}, t), {
-        className: m(S, t.className, {
+    return /* @__PURE__ */ n(R, _object_spread_props(_object_spread({}, t), {
+        className: m(B, t.className, {
             [V]: e
         }),
         ref: o
     }));
-}), te = G;
-export { ae as BaseTouchable, te as default };
+}), ne = J;
+export { te as BaseTouchable, ne as default };

package/dist-es/utils/helpers.js

@@ -1,38 +1,38 @@
-const p = function(e, n) {
-    let r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-    var _r_leading, _r_trailing;
-    const a = n, c = (_r_leading = r.leading) !== null && _r_leading !== void 0 ? _r_leading : !1, g = (_r_trailing = r.trailing) !== null && _r_trailing !== void 0 ? _r_trailing : !0, l = r.maxWait !== void 0 ? Math.max(r.maxWait, a) : void 0;
-    let o, d = 0, s = -1, f, i;
-    const y = (t)=>(d = t, o && (f = e(...o)), o = void 0, f), T = (t)=>{
-        const u = t - s, m = t - d;
-        return s < 0 || u >= n || u < 0 || l !== void 0 && m >= l;
-    }, I = (t)=>{
-        const u = t - s, m = t - d, h = n - u;
+const W = function(e, t) {
+    let i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+    var _i_leading, _i_trailing;
+    const a = t, c = (_i_leading = i.leading) !== null && _i_leading !== void 0 ? _i_leading : !1, y = (_i_trailing = i.trailing) !== null && _i_trailing !== void 0 ? _i_trailing : !0, l = i.maxWait !== void 0 ? Math.max(i.maxWait, a) : void 0;
+    let o, d = 0, s = -1, f, r;
+    const g = (n)=>(d = n, o && (f = e(...o)), o = void 0, f), T = (n)=>{
+        const u = n - s, m = n - d;
+        return s < 0 || u >= t || u < 0 || l !== void 0 && m >= l;
+    }, x = (n)=>{
+        const u = n - s, m = n - d, h = t - u;
         return l !== void 0 ? Math.min(h, l - m) : h;
-    }, k = (t)=>(i = void 0, g && o ? y(t) : (o = void 0, f)), v = ()=>{
-        const t = Date.now();
-        if (T(t)) return k(t);
-        i = setTimeout(v, I(t));
-    }, W = (t)=>(d = t, i = setTimeout(v, a), c ? y(t) : f), A = function() {
-        for(var _len = arguments.length, t = new Array(_len), _key = 0; _key < _len; _key++){
-            t[_key] = arguments[_key];
+    }, k = (n)=>(r = void 0, y && o ? g(n) : (o = void 0, f)), v = ()=>{
+        const n = Date.now();
+        if (T(n)) return k(n);
+        r = setTimeout(v, x(n));
+    }, I = (n)=>(d = n, r = setTimeout(v, a), c ? g(n) : f), A = function() {
+        for(var _len = arguments.length, n = new Array(_len), _key = 0; _key < _len; _key++){
+            n[_key] = arguments[_key];
         }
         const u = Date.now(), m = T(u);
-        if (o = t, s = u, m) {
-            if (i === void 0) return W(s);
-            if (l !== void 0) return i = setTimeout(v, a), y(s);
+        if (o = n, s = u, m) {
+            if (r === void 0) return I(s);
+            if (l !== void 0) return r = setTimeout(v, a), g(s);
         }
-        return i === void 0 && (i = setTimeout(v, a)), f;
+        return r === void 0 && (r = setTimeout(v, a)), f;
     };
     return A.cancel = ()=>{
-        i !== void 0 && (clearTimeout(i), i = void 0), d = 0, s = -1, o = void 0;
-    }, A.flush = ()=>i === void 0 ? f : k(Date.now()), A;
-}, D = (e)=>e === null ? !0 : !(typeof e == "object" || typeof e == "function"), x = (e, n)=>{
-    if (e === n) return !0;
-    if (D(e) || D(n) || typeof e != typeof n || typeof e == "function") return !1;
-    if (Array.isArray(e) || Array.isArray(n)) return Array.isArray(e) && Array.isArray(n) ? e.length === n.length && e.every((c, g)=>x(c, n[g])) : !1;
-    if (e instanceof Date || n instanceof Date) return e instanceof Date && n instanceof Date ? e.getTime() === n.getTime() : !1;
-    const r = Object.keys(e), a = Object.keys(n);
-    return r.length === a.length ? r.every((c)=>x(e[c], n[c])) : !1;
+        r !== void 0 && (clearTimeout(r), r = void 0), d = 0, s = -1, o = void 0;
+    }, A.flush = ()=>r === void 0 ? f : k(Date.now()), A;
+}, D = (e)=>e === null ? !0 : !(typeof e == "object" || typeof e == "function"), p = (e, t)=>{
+    if (e === t || typeof e == "number" && typeof t == "number" && isNaN(e) && isNaN(t)) return !0;
+    if (D(e) || D(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((c, y)=>p(c, t[y])) : !1;
+    if (e instanceof Date || t instanceof Date) return e instanceof Date && t instanceof Date ? e.getTime() === t.getTime() : !1;
+    const i = Object.keys(e), a = Object.keys(t);
+    return i.length === a.length ? i.every((c)=>p(e[c], t[c])) : !1;
 };
-export { p as debounce, x as isEqual };
+export { W as debounce, p as isEqual };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "15.9.0",
+    "version": "15.11.0",
     "license": "MIT",
     "repository": {
         "type": "git",