@telefonica/mistica 15.16.4 → 15.18.0

package/dist-es/snackbar.js

@@ -51,134 +51,134 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as E } 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 P, snackbar as y, 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 B } 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: f, duration: t, onClose: o, type: a, withDismiss: u = !1, dataAttributes: g } = param;
-    const { texts: d } = _(), [s, T] = e.useState(!1), { width: i, ref: k } = w(), { isDesktopOrBigger: D } = A(), c = i > (D ? 160 : 128), R = e.useRef(null), v = t === 1 / 0 && !n || u, p = 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(()=>{
-        p.current = o;
+        h.current = o;
     }, [
         o
     ]);
-    const l = e.useCallback((O)=>{
-        T(!1), setTimeout(()=>{
-            var h;
-            (h = p.current) == null || h.call(p, O);
-        }, 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({}, R), {
-            close: l
+    return e.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, B), {
+            close: f
         }), [
-        l
+        f
     ]), e.useEffect(()=>{
-        const O = setTimeout(()=>{
-            T(!0);
-        }, 50), h = t !== 1 / 0 ? setTimeout(()=>l({
+        const k = setTimeout(()=>{
+            s(!0);
+        }, 50), S = t !== 1 / 0 ? setTimeout(()=>f({
                 action: "TIMEOUT"
             }), t) : void 0;
         return ()=>{
-            clearTimeout(O), clearTimeout(h);
+            clearTimeout(k), clearTimeout(S);
         };
     }, [
-        l,
+        f,
         t
-    ]), /* @__PURE__ */ r(K, {
-        className: P,
+    ]), /* @__PURE__ */ r(Q, {
+        className: L,
         children: /* @__PURE__ */ r("div", {
-            ref: R,
-            className: S(y, {
-                [V]: s
+            ref: B,
+            className: N(V, {
+                [z]: a
             }),
-            children: /* @__PURE__ */ E("div", _object_spread_props(_object_spread({
+            children: /* @__PURE__ */ D("div", _object_spread_props(_object_spread({
                 role: "alert",
-                className: S(z, a === "CRITICAL" ? F : H, {
-                    [j]: s
+                className: N(F, c === "CRITICAL" ? H : j, {
+                    [X]: a
                 })
-            }, J(g, "SnackBar")), {
+            }, K(R, "SnackBar")), {
                 children: [
-                    /* @__PURE__ */ E("div", {
-                        className: S(X, B({
-                            flexDirection: c ? "column" : "row",
-                            alignItems: c ? void 0 : "center"
+                    /* @__PURE__ */ D("div", {
+                        className: N(Y, U({
+                            flexDirection: l ? "column" : "row",
+                            alignItems: l ? void 0 : "center"
                         })),
-                        style: v && !c ? {
+                        style: E && !l ? {
                             paddingRight: 32
                         } : void 0,
                         children: [
                             /* @__PURE__ */ r("div", {
-                                style: v && c ? {
+                                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, {
-                                    [$]: c
+                                className: N($, {
+                                    [q]: l
                                 }),
-                                children: /* @__PURE__ */ r(b, {
-                                    className: B({
+                                children: /* @__PURE__ */ r(M, {
+                                    className: U({
                                         paddingY: 4,
                                         paddingX: 8,
                                         border: "none",
                                         padding: 0,
                                         background: "transparent"
                                     }),
-                                    ref: k,
+                                    ref: v,
                                     onPress: ()=>{
-                                        l({
+                                        f({
                                             action: "BUTTON"
                                         });
                                     },
-                                    "aria-label": f,
-                                    children: /* @__PURE__ */ r(L, {
+                                    "aria-label": u,
+                                    children: /* @__PURE__ */ r(y, {
                                         medium: !0,
                                         forceMobileSizes: !0,
                                         truncate: !0,
-                                        color: a === "CRITICAL" ? N.colors.textPrimaryInverse : N.colors.textLinkSnackbar,
+                                        color: c === "CRITICAL" ? O.colors.textPrimaryInverse : O.colors.textLinkSnackbar,
                                         children: n
                                     })
                                 })
                             })
                         ]
                     }),
-                    v ? /* @__PURE__ */ r(U, {
+                    E ? /* @__PURE__ */ r(C, {
                         onPress: ()=>{
-                            l({
+                            f({
                                 action: "DISMISS"
                             });
                         },
-                        "aria-label": d.closeButtonLabel,
-                        className: q[c ? "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,49 +187,55 @@ const Z = [
             }))
         })
     });
-}), ne = /*#__PURE__*/ e.forwardRef((param, g)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: f, duration: t, onClose: o = ()=>{}, type: a = "INFORMATIVE", withDismiss: u } = param;
-    const I = n ? re : ee;
-    t = Math.max(t !== null && t !== void 0 ? t : I, I);
-    const d = C(), s = e.useRef(o);
+}), 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(()=>{
-        d && 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: f,
-            type: a,
-            withDismiss: u
-        }).then((T)=>{
-            const i = T;
-            i != null && i.action && Z.includes(i.action) ? s.current({
+            buttonAccessibilityLabel: u,
+            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(()=>{
+            I.current = !1;
+        }));
     }, [
-        f,
+        u,
+        d,
         n,
         t,
         m,
-        d,
         a,
-        u
-    ]), d ? null : /* @__PURE__ */ r(te, {
+        c,
+        p
+    ]), a ? null : /* @__PURE__ */ r(ne, {
         ref: g,
         message: m,
         duration: t,
         buttonText: n,
-        buttonAccessibilityLabel: f,
-        type: a,
+        buttonAccessibilityLabel: u,
+        closeButtonLabel: d,
+        type: c,
         onClose: s.current,
-        withDismiss: u
+        withDismiss: p,
+        dataAttributes: R
     });
-}), he = ne;
-export { he as default };
+}), Se = oe;
+export { Se as default };