@telefonica/mistica 15.9.0 → 15.11.0

package/dist/timer.js

@@ -0,0 +1,370 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TextTimer: function() {
+        return fe;
+    },
+    Timer: function() {
+        return Se;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
+const _hooks = require("./hooks.js");
+const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
+const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./screen-reader-only.js"));
+const _text = require("./text.js");
+const _themevariantcontext = require("./theme-variant-context.js");
+const _timercssmistica = require("./timer.css-mistica.js");
+const _dom = require("./utils/dom.js");
+const _helpers = require("./utils/helpers.js");
+const _platform = require("./utils/platform.js");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+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;
+}
+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)=>(0, _platform.isRunningAcceptanceTest)() ? 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] = _react.useState(A(n));
+    (0, _hooks.useIsomorphicLayoutEffect)(()=>{
+        let v;
+        const D = ()=>{
+            const I = A(n);
+            g(I), I || clearInterval(v);
+        };
+        if (!(0, _platform.isRunningAcceptanceTest)()) 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] = _react.useState(E({
+        days: h,
+        hours: L,
+        minutes: t,
+        seconds: r
+    }, a, u, s));
+    return _react.useEffect(()=>{
+        const v = E({
+            days: h,
+            hours: L,
+            minutes: t,
+            seconds: r
+        }, a, u, s);
+        if (!(0, _helpers.isEqual)(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 } = (0, _hooks.useTheme)(), S = (0, _hooks.useAriaId)(), 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__ */ (0, _jsxruntime.jsx)("span", {
+            className: _timercssmistica.unitContainer,
+            style: {
+                minWidth: `${r}ch`
+            },
+            children: String(t).padStart(r, "0")
+        });
+    }, h = ()=>{
+        switch(s){
+            case "none":
+                return l.map((t, r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                        children: [
+                            r > 0 && ":",
+                            f(t.value)
+                        ]
+                    }, r));
+            case "short":
+                return l.map((t, r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                        children: [
+                            r > 0 && " ",
+                            /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", {
+                                className: _timercssmistica.shortLabelText,
+                                children: [
+                                    f(t.value),
+                                    ` ${m[t.unit]}`
+                                ]
+                            })
+                        ]
+                    }, r));
+            case "long":
+            default:
+                return l.map((t, r)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.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__ */ (0, _jsxruntime.jsxs)("span", _object_spread_props(_object_spread({
+        role: "timer",
+        "aria-labelledby": S,
+        className: _timercssmistica.inlineText,
+        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
+        }
+    }, (0, _dom.getPrefixedDataAttributes)(d, "TextTimer")), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+                    id: S,
+                    children: g ? `${g}. ${L}` : L
+                })
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+                "aria-hidden": !0,
+                className: _timercssmistica.inlineText,
+                children: h()
+            })
+        ]
+    }));
+}, Se = (param)=>{
+    let { boxed: n, endTimestamp: s, minTimeUnit: a, maxTimeUnit: u, onProgress: i, dataAttributes: d, "aria-label": g } = param;
+    const { texts: e } = (0, _hooks.useTheme)(), S = (0, _hooks.useAriaId)(), l = (0, _themevariantcontext.useThemeVariant)(), 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__ */ (0, _jsxruntime.jsx)(_text.Text6, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: _timercssmistica.unitContainer,
+                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__ */ (0, _jsxruntime.jsx)(_box.default, {
+                className: (0, _classnames.default)({
+                    [_timercssmistica.boxedTimerValueContainer]: l === "default" && n,
+                    [_timercssmistica.boxedTimerValueContainerInverse]: l !== "default" && n
+                }),
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
+                    variant: n ? "default" : l,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                        className: (0, _classnames.default)(_timercssmistica.timerDisplayValue, {
+                            [_timercssmistica.boxedTimerDisplayValue]: n
+                        }),
+                        children: [
+                            L(o.value),
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                regular: !0,
+                                children: o.value === 1 ? y[o.unit] : p[o.unit]
+                            })
+                        ]
+                    })
+                })
+            }, b));
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
+        role: "timer",
+        "aria-labelledby": S,
+        className: _timercssmistica.timerWrapper
+    }, (0, _dom.getPrefixedDataAttributes)(d, "Timer")), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+                    id: S,
+                    children: g ? `${g}. ${t}` : t
+                })
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                "aria-hidden": !0,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
+                    space: n ? 8 : 16,
+                    wrap: !0,
+                    children: r()
+                })
+            })
+        ]
+    }));
+};

package/dist/tooltip.js

@@ -165,16 +165,16 @@ function _object_without_properties_loose(source, excluded) {
 }
 const lt = (t)=>({
         border: `1px solid ${t ? _skincontractcssmistica.vars.colors.backgroundContainer : _skincontractcssmistica.vars.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 "";
     }
@@ -186,7 +186,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";
@@ -200,7 +200,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 } = (0, _hooks.useTheme)(), a = (0, _hooks.useAriaId)(), { openTooltipId: X } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: V, closeTooltip: _ } = (0, _tooltipcontextprovider.useSetTooltipState)(), [T, b] = _react.useState(), [M, z] = _react.useState(), P = _react.useRef(null), Y = _react.useRef(null), [C, dt] = _react.useState(null), u = (0, _environment.isTouchableDevice)(), G = x ? Gt : 0, [et, K] = _react.useState(!1), [U, y] = _react.useState(!1), j = B !== void 0, [ot, q] = _react.useState(!1), E = j ? B : a === X, Z = (0, _themevariantcontext.useIsInverseVariant)(), f = (0, _hooks.useBoundingRect)(P, E), H = (0, _hooks.useBoundingRect)(Y, E, !0), l = (0, _hooks.useWindowSize)(), S = _react.useCallback(()=>{
         q(!1), K(!1), y(!1);
     }, []);
@@ -233,7 +233,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)),
@@ -256,7 +256,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 = {
@@ -315,7 +315,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) === _tooltipcssmistica.CONTENT_MIN_WIDTH;
+    const mt = ft(f, C, d, l.height, l.width), ut = I !== void 0 ? I : (H == null ? void 0 : H.width) === _tooltipcssmistica.CONTENT_MIN_WIDTH;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -403,7 +403,7 @@ const lt = (t)=>({
                                                     t,
                                                     W && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                                         className: _tooltipcssmistica.closeButtonIcon,
-                                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
+                                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, {
                                                             onPress: ()=>{
                                                                 y(!1), W();
                                                             },
@@ -433,7 +433,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",
@@ -465,5 +465,5 @@ const lt = (t)=>({
         dataAttributes: _object_spread({
             "component-name": "Tooltip"
         }, d)
-    }, w));
+    }, I));
 }, ge = qt;

package/dist/touchable.d.ts

@@ -38,6 +38,8 @@ type HrefProps = {
 };
 type ToProps = {
     to: string | Location;
+    newTab?: boolean;
+    /** @deprecated set the newTab */
     fullPageOnWebView?: boolean;
     replace?: boolean;
     onNavigate?: () => void | Promise<void>;

package/dist/touchable.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     BaseTouchable: function() {
-        return ae;
+        return te;
     },
     default: function() {
-        return te;
+        return ne;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -152,9 +152,9 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const E = /*#__PURE__*/ _react.forwardRef((e, t)=>{
+const R = /*#__PURE__*/ _react.forwardRef((e, t)=>{
     var P;
-    const { texts: o, analytics: C, platformOverrides: O, Link: R, useHrefDecorator: x } = (0, _hooks.useTheme)(), I = x(), u = _react.useRef(!1);
+    const { texts: o, analytics: C, platformOverrides: x, Link: I, useHrefDecorator: D } = (0, _hooks.useTheme)(), A = D(), u = _react.useRef(!1);
     let l = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? l = e.trackingEvent : l = [
         e.trackingEvent
@@ -173,39 +173,47 @@ const E = /*#__PURE__*/ _react.forwardRef((e, t)=>{
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, (0, _dom.getPrefixedDataAttributes)(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)=>{
+    }, (0, _dom.getPrefixedDataAttributes)(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(()=>{
+        !l.length && !f || (a.preventDefault(), Promise.resolve(f ? (w = e.onNavigate) == null ? void 0 : w.call(e) : void 0).finally(()=>{
             v(()=>(0, _browser.redirect)(y(), r, h));
         }));
-    }, K = (a)=>{
+    }, W = (a)=>{
         b(a), e.to && e.onNavigate && e.onNavigate(), k();
     }, N = (a)=>{
         (a.key === _keys.ENTER || a.key === _keys.SPACE) && (a.preventDefault(), a.currentTarget.click());
-    };
-    if (e.href || e.to && e.fullPageOnWebView && (0, _platform.isInsideNovumNativeApp)(O)) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("a", _object_spread_props(_object_spread({}, i), {
+    }, T = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+                children: o.linkOpensInNewTab
+            })
+        }) : H ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
+                children: o.linkOpensInCurrentPage
+            })
+        }) : null;
+    if (e.href || e.to && e.fullPageOnWebView && (0, _platform.isInsideNovumNativeApp)(x)) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: (()=>{
@@ -216,26 +224,22 @@ const E = /*#__PURE__*/ _react.forwardRef((e, t)=>{
         ref: t,
         children: [
             d,
-            r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                    children: o.linkOpensInNewTab
-                })
-            }) : D ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                    children: o.linkOpensInCurrentPage
-                })
-            }) : null
+            T()
         ]
     }));
-    if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, i), {
+    if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(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;
@@ -251,7 +255,7 @@ const E = /*#__PURE__*/ _react.forwardRef((e, t)=>{
             "aria-labelledby": e["aria-labelledby"],
             type: s,
             ref: t,
-            onClick: A,
+            onClick: K,
             children: d
         }));
     }
@@ -260,17 +264,17 @@ const E = /*#__PURE__*/ _react.forwardRef((e, t)=>{
         className: (0, _classnames.default)(i.className, _touchablecssmistica.notTouchable),
         children: d
     }));
-}), G = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(E, _object_spread_props(_object_spread({}, e), {
+}), J = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, e), {
         className: (0, _classnames.default)(_touchablecssmistica.touchable, e.className),
         ref: t
-    }))), ae = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
+    }))), te = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
     var { resetMargin: e = !0 } = _param, t = _object_without_properties(_param, [
         "resetMargin"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(E, _object_spread_props(_object_spread({}, t), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, t), {
         className: (0, _classnames.default)(_touchablecssmistica.base, t.className, {
             [_touchablecssmistica.marginReset]: e
         }),
         ref: o
     }));
-}), te = G;
+}), ne = J;