@telefonica/mistica 15.17.0 → 15.19.0

package/dist-es/snackbar-context.js

@@ -51,7 +51,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as d, jsx as f } from "react/jsx-runtime";
+import { jsxs as m, jsx as f } from "react/jsx-runtime";
 import * as e from "react";
 import { isWebViewBridgeAvailable as C } from "@tef-novum/webview-bridge";
 const k = /*#__PURE__*/ e.createContext({
@@ -59,60 +59,61 @@ const k = /*#__PURE__*/ e.createContext({
     setSnackbars: ()=>{}
 }), p = /*#__PURE__*/ e.lazy(()=>import(/* webpackChunkName: "snackbar" */ "./snackbar.js")), R = (param)=>{
     let { children: l } = param;
-    const [s, n] = e.useState([]), o = e.useRef(null), a = e.useRef(!1), r = C();
+    const [t, n] = e.useState([]), o = e.useRef(null), a = e.useRef(!1), r = C();
     e.useEffect(()=>{
         var c;
-        s.length > 1 && !a.current && (a.current = !0, r ? n((i)=>i.slice(1)) : (c = o.current) == null || c.close({
+        t.length > 1 && !a.current && (a.current = !0, r ? n((i)=>i.slice(1)) : (c = o.current) == null || c.close({
             action: "CONSECUTIVE"
         }));
     }, [
-        s,
+        t,
         r
     ]);
-    const S = (param)=>{
+    const d = (param)=>{
         let { action: c } = param;
         var i, b;
-        a.current = !1, n(r && c === "CONSECUTIVE" ? (u)=>u.slice(0) : (u)=>u.slice(1)), (b = (i = s[0]).onClose) == null || b.call(i, {
+        a.current = !1, n(r && c === "CONSECUTIVE" ? (u)=>u.slice(0) : (u)=>u.slice(1)), (b = (i = t[0]).onClose) == null || b.call(i, {
             action: c
         });
-    }, m = e.useMemo(()=>({
-            snackbars: s,
+    }, S = e.useMemo(()=>({
+            snackbars: t,
             setSnackbars: n
         }), [
-        s
-    ]), t = s[0];
-    return /* @__PURE__ */ d(k.Provider, {
-        value: m,
+        t
+    ]), s = t[0];
+    return /* @__PURE__ */ m(k.Provider, {
+        value: S,
         children: [
             l,
-            !!t && /* @__PURE__ */ f(e.Suspense, {
+            !!s && /* @__PURE__ */ f(e.Suspense, {
                 fallback: null,
                 children: /* @__PURE__ */ f(p, {
                     ref: o,
-                    message: t.message,
-                    buttonText: t.buttonText,
-                    buttonAccessibilityLabel: t.buttonAccessibilityLabel,
-                    duration: t.duration,
-                    type: t.type,
-                    withDismiss: t.withDismiss,
-                    onClose: S
-                }, t.id)
+                    message: s.message,
+                    buttonText: s.buttonText,
+                    buttonAccessibilityLabel: s.buttonAccessibilityLabel,
+                    duration: s.duration,
+                    type: s.type,
+                    withDismiss: s.withDismiss,
+                    dataAttributes: s.dataAttributes,
+                    onClose: d
+                }, s.id)
             })
         ]
     });
 }, g = ()=>{
-    const { snackbars: l, setSnackbars: s } = e.useContext(k);
+    const { snackbars: l, setSnackbars: t } = e.useContext(k);
     return {
         openSnackbar: e.useCallback((o)=>{
             const a = Date.now() + "-" + Math.random();
-            s((r)=>[
+            t((r)=>[
                     ...r,
                     _object_spread_props(_object_spread({}, o), {
                         id: a
                     })
                 ]);
         }, [
-            s
+            t
         ]),
         snackbars: l
     };

package/dist-es/snackbar.js

@@ -51,134 +51,134 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as B } from "react/jsx-runtime";
+import { jsx as r, jsxs as D } from "react/jsx-runtime";
 import * as e from "react";
-import U, { BaseTouchable as b } from "./touchable.js";
-import S from "classnames";
-import { isWebViewBridgeAvailable as C, nativeMessage as M } from "@tef-novum/webview-bridge";
-import { useTheme as _, useElementDimensions as w, useScreenSize as A } from "./hooks.js";
-import { Text2 as x, Text3 as L } from "./text.js";
-import { TRANSITION_TIME_IN_MS as W, snackbarContainer as y, snackbar as P, snackbarOpen as V, wrapper as z, wrapperCritical as F, wrapperInfo as H, wrapperOpen as j, content as X, button as Y, longButton as $, dismissButton as q, dismissIcon as G } from "./snackbar.css-mistica.js";
-import { sprinkles as k } from "./sprinkles.css-mistica.js";
-import { vars as N } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as J } from "./utils/dom.js";
-import { Portal as K } from "./portal.js";
-import Q from "./generated/mistica-icons/icon-close-regular.js";
-const Z = [
+import C, { BaseTouchable as M } from "./touchable.js";
+import N from "classnames";
+import { isWebViewBridgeAvailable as _, nativeMessage as b } from "@tef-novum/webview-bridge";
+import { useTheme as w, useElementDimensions as A, useScreenSize as x } from "./hooks.js";
+import { Text2 as W, Text3 as y } from "./text.js";
+import { TRANSITION_TIME_IN_MS as P, snackbarContainer as L, snackbar as V, snackbarOpen as z, wrapper as F, wrapperCritical as H, wrapperInfo as j, wrapperOpen as X, content as Y, button as $, longButton as q, dismissButton as G, dismissIcon as J } from "./snackbar.css-mistica.js";
+import { sprinkles as U } from "./sprinkles.css-mistica.js";
+import { vars as O } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as K } from "./utils/dom.js";
+import { Portal as Q } from "./portal.js";
+import Z from "./generated/mistica-icons/icon-close-regular.js";
+const ee = [
     "DISMISS",
     "TIMEOUT",
     "CONSECUTIVE",
     "BUTTON"
-], ee = 5e3, re = 1e4, te = /*#__PURE__*/ e.forwardRef((param, I)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: u, duration: t, onClose: o, type: i, withDismiss: d = !1, dataAttributes: O } = param;
-    const { texts: p } = _(), [s, a] = e.useState(!1), { width: R, ref: c } = w(), { isDesktopOrBigger: D } = A(), l = R > (D ? 160 : 128), E = e.useRef(null), g = t === 1 / 0 && !n || d, T = e.useRef(o);
+], re = 5e3, te = 1e4, ne = /*#__PURE__*/ e.forwardRef((param, g)=>{
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: d, duration: t, onClose: o, type: c, withDismiss: p = !1, dataAttributes: R } = param;
+    const { texts: T } = w(), [a, s] = e.useState(!1), { width: I, ref: v } = A(), { isDesktopOrBigger: i } = x(), l = I > (i ? 160 : 128), B = e.useRef(null), E = t === 1 / 0 && !n || p, h = e.useRef(o);
     e.useEffect(()=>{
-        T.current = o;
+        h.current = o;
     }, [
         o
     ]);
-    const f = e.useCallback((v)=>{
-        a(!1), setTimeout(()=>{
-            var h;
-            (h = T.current) == null || h.call(T, v);
-        }, process.env.NODE_ENV === "test" ? 0 : W);
+    const f = e.useCallback((k)=>{
+        s(!1), setTimeout(()=>{
+            var S;
+            (S = h.current) == null || S.call(h, k);
+        }, process.env.NODE_ENV === "test" ? 0 : P);
     }, []);
-    return e.useImperativeHandle(I, ()=>_object_spread_props(_object_spread({}, E), {
+    return e.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, B), {
             close: f
         }), [
         f
     ]), e.useEffect(()=>{
-        const v = setTimeout(()=>{
-            a(!0);
-        }, 50), h = t !== 1 / 0 ? setTimeout(()=>f({
+        const k = setTimeout(()=>{
+            s(!0);
+        }, 50), S = t !== 1 / 0 ? setTimeout(()=>f({
                 action: "TIMEOUT"
             }), t) : void 0;
         return ()=>{
-            clearTimeout(v), clearTimeout(h);
+            clearTimeout(k), clearTimeout(S);
         };
     }, [
         f,
         t
-    ]), /* @__PURE__ */ r(K, {
-        className: y,
+    ]), /* @__PURE__ */ r(Q, {
+        className: L,
         children: /* @__PURE__ */ r("div", {
-            ref: E,
-            className: S(P, {
-                [V]: s
+            ref: B,
+            className: N(V, {
+                [z]: a
             }),
-            children: /* @__PURE__ */ B("div", _object_spread_props(_object_spread({
+            children: /* @__PURE__ */ D("div", _object_spread_props(_object_spread({
                 role: "alert",
-                className: S(z, i === "CRITICAL" ? F : H, {
-                    [j]: s
+                className: N(F, c === "CRITICAL" ? H : j, {
+                    [X]: a
                 })
-            }, J(O, "SnackBar")), {
+            }, K(R, "SnackBar")), {
                 children: [
-                    /* @__PURE__ */ B("div", {
-                        className: S(X, k({
+                    /* @__PURE__ */ D("div", {
+                        className: N(Y, U({
                             flexDirection: l ? "column" : "row",
                             alignItems: l ? void 0 : "center"
                         })),
-                        style: g && !l ? {
+                        style: E && !l ? {
                             paddingRight: 32
                         } : void 0,
                         children: [
                             /* @__PURE__ */ r("div", {
-                                style: g && l ? {
+                                style: E && l ? {
                                     paddingRight: 32
                                 } : void 0,
-                                children: /* @__PURE__ */ r(x, {
+                                children: /* @__PURE__ */ r(W, {
                                     regular: !0,
-                                    color: N.colors.textPrimaryInverse,
+                                    color: O.colors.textPrimaryInverse,
                                     children: m
                                 })
                             }),
                             n && /* @__PURE__ */ r("div", {
-                                className: S(Y, {
-                                    [$]: l
+                                className: N($, {
+                                    [q]: l
                                 }),
-                                children: /* @__PURE__ */ r(b, {
-                                    className: k({
+                                children: /* @__PURE__ */ r(M, {
+                                    className: U({
                                         paddingY: 4,
                                         paddingX: 8,
                                         border: "none",
                                         padding: 0,
                                         background: "transparent"
                                     }),
-                                    ref: c,
+                                    ref: v,
                                     onPress: ()=>{
                                         f({
                                             action: "BUTTON"
                                         });
                                     },
                                     "aria-label": u,
-                                    children: /* @__PURE__ */ r(L, {
+                                    children: /* @__PURE__ */ r(y, {
                                         medium: !0,
                                         forceMobileSizes: !0,
                                         truncate: !0,
-                                        color: i === "CRITICAL" ? N.colors.textPrimaryInverse : N.colors.textLinkSnackbar,
+                                        color: c === "CRITICAL" ? O.colors.textPrimaryInverse : O.colors.textLinkSnackbar,
                                         children: n
                                     })
                                 })
                             })
                         ]
                     }),
-                    g ? /* @__PURE__ */ r(U, {
+                    E ? /* @__PURE__ */ r(C, {
                         onPress: ()=>{
                             f({
                                 action: "DISMISS"
                             });
                         },
-                        "aria-label": p.closeButtonLabel,
-                        className: q[l ? "topRight" : "centered"],
+                        "aria-label": d !== null && d !== void 0 ? d : T.closeButtonLabel,
+                        className: G[l ? "topRight" : "centered"],
                         style: {
                             display: "flex",
                             width: 32,
                             height: 32
                         },
                         children: /* @__PURE__ */ r("div", {
-                            className: G,
-                            children: /* @__PURE__ */ r(Q, {
-                                color: N.colors.inverse,
+                            className: J,
+                            children: /* @__PURE__ */ r(Z, {
+                                color: O.colors.inverse,
                                 size: 20
                             })
                         })
@@ -187,51 +187,55 @@ const Z = [
             }))
         })
     });
-}), ne = /*#__PURE__*/ e.forwardRef((param, O)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: u, duration: t, onClose: o = ()=>{}, type: i = "INFORMATIVE", withDismiss: d } = param;
-    const I = n ? re : ee;
-    t = Math.max(t !== null && t !== void 0 ? t : I, I);
-    const p = C(), s = e.useRef(o), a = e.useRef(!1);
+}), oe = /*#__PURE__*/ e.forwardRef((param, g)=>{
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: d, duration: t, onClose: o = ()=>{}, type: c = "INFORMATIVE", withDismiss: p, dataAttributes: R } = param;
+    const T = n ? te : re;
+    t = Math.max(t !== null && t !== void 0 ? t : T, T);
+    const a = _(), s = e.useRef(o), I = e.useRef(!1);
     return e.useEffect(()=>{
         s.current = o;
     }, [
         o
     ]), e.useEffect(()=>{
-        p && !a.current && (a.current = !0, M({
+        a && !I.current && (I.current = !0, b({
             message: m,
             // @ts-expect-error duration can be 'PERSISTENT' in new webview-bridge lib versions, and old apps will ignore it
             duration: t === 1 / 0 ? "PERSISTENT" : void 0,
             buttonText: n,
             buttonAccessibilityLabel: u,
-            type: i,
-            withDismiss: d
-        }).then((R)=>{
-            const c = R;
-            c != null && c.action && Z.includes(c.action) ? s.current({
-                action: c.action
+            closeButtonLabel: d,
+            type: c,
+            withDismiss: p
+        }).then((v)=>{
+            const i = v;
+            i != null && i.action && ee.includes(i.action) ? s.current({
+                action: i.action
             }) : s.current({
                 action: "DISMISS"
             });
         }).finally(()=>{
-            a.current = !1;
+            I.current = !1;
         }));
     }, [
         u,
+        d,
         n,
         t,
         m,
-        p,
-        i,
-        d
-    ]), p ? null : /* @__PURE__ */ r(te, {
-        ref: O,
+        a,
+        c,
+        p
+    ]), a ? null : /* @__PURE__ */ r(ne, {
+        ref: g,
         message: m,
         duration: t,
         buttonText: n,
         buttonAccessibilityLabel: u,
-        type: i,
+        closeButtonLabel: d,
+        type: c,
         onClose: s.current,
-        withDismiss: d
+        withDismiss: p,
+        dataAttributes: R
     });
-}), he = ne;
-export { he as default };
+}), Se = oe;
+export { Se as default };