@telefonica/mistica 16.1.1 → 16.2.0

package/dist-es/snackbar.js

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