@telefonica/mistica 14.1.0 → 14.2.0

package/dist/select.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>ut
+    get: ()=>ft
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
@@ -117,11 +117,11 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const ut = (param)=>{
-    let { id: le , label: h , helperText: ae , value: _ , onChangeValue: V , name: i , fullWidth: D , options: d , optional: M , disabled: ue , error: de , onBlur: H , autoFocus: q = !1 , native: fe  } = param;
+const ft = (param)=>{
+    let { id: le , label: h , helperText: ae , value: k , onChangeValue: V , name: i , fullWidth: D , options: d , optional: M , disabled: ue , error: de , onBlur: H , autoFocus: q = !1 , native: fe  } = param;
     var ee, te, ne;
-    const g = _react.useRef(null), f = _react.useRef(null), T = _react.useRef(null), I = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [c, pe] = _react.useState(), [F, j] = _react.useState(!1), [z, K] = _react.useState(!1), [U, y] = _react.useState(!1), [u, P] = _react.useState({}), [x, G] = _react.useState(), Z = _react.useRef(null), W = (0, _hooksJs.useAriaId)(le), { rawValues: me , setRawValue: B , setValue: L , formStatus: he , formErrors: X , setFormError: ge , register: $  } = (0, _formContextJs.useForm)(), { platformOverrides: J  } = (0, _hooksJs.useTheme)(), Te = fe || process.env.NODE_ENV === "test" || (0, _platformJs.isAndroid)(J) || (0, _platformJs.isIos)(J), E = ue || he === "sending", A = de || !!X[i], Q = X[i] || ae, o = _ != null ? _ : me[i], R = (e)=>{
-        V == null || V(e), ge({
+    const g = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), T = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [pe, me] = _react.useState(!0), [c, he] = _react.useState(), [F, j] = _react.useState(!1), [z, K] = _react.useState(!1), [U, y] = _react.useState(!1), [u, P] = _react.useState({}), [I, G] = _react.useState(), Z = _react.useRef(null), W = (0, _hooksJs.useAriaId)(le), { rawValues: ge , setRawValue: B , setValue: L , formStatus: Se , formErrors: X , setFormError: Te , register: $  } = (0, _formContextJs.useForm)(), { platformOverrides: J  } = (0, _hooksJs.useTheme)(), Ie = fe || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platformJs.isAndroid)(J) || (0, _platformJs.isIos)(J), E = ue || Se === "sending", v = de || !!X[i], Q = X[i] || ae, o = k != null ? k : ge[i], A = (e)=>{
+        V == null || V(e), Te({
             name: i,
             error: ""
         }), B({
@@ -131,19 +131,19 @@ const ut = (param)=>{
             name: i,
             value: e
         });
-    }, S = (e)=>{
+    }, x = (e)=>{
         if (e) {
-            if (T != null && T.current) {
-                const { top: s , width: w , left: O , height: b  } = T.current.getBoundingClientRect(), p = s + b, v = Math.min(d.length, 8) * 48 + 16;
-                if (p + v + 12 > window.innerHeight) {
-                    const Oe = window.innerHeight - p;
-                    if (s > Oe) {
-                        const ye = s - v;
+            if (S != null && S.current) {
+                const { top: r , width: w , left: O , height: R  } = S.current.getBoundingClientRect(), p = r + R, b = Math.min(d.length, 8) * 48 + 16;
+                if (p + b + 12 > window.innerHeight) {
+                    const Ce = window.innerHeight - p;
+                    if (r > Ce) {
+                        const Ne = r - b;
                         P({
                             minWidth: w,
                             left: O,
-                            top: Math.max(ye, 12),
-                            maxHeight: Math.min(s - 12, v),
+                            top: Math.max(Ne, 12),
+                            maxHeight: Math.min(r - 12, b),
                             transformOrigin: "center bottom"
                         });
                     } else P({
@@ -157,29 +157,29 @@ const ut = (param)=>{
                     minWidth: w,
                     top: p,
                     left: O,
-                    maxHeight: v,
+                    maxHeight: b,
                     transformOrigin: "center top"
                 });
             }
             j(!0), requestAnimationFrame(()=>{
-                Z.current && I.current && "scrollTop" in I.current && (I.current.scrollTop = Z.current), K(!0);
+                Z.current && T.current && "scrollTop" in T.current && (T.current.scrollTop = Z.current), K(!0);
             }), G(c != null ? c : o);
         } else K(!1), j(!1), G(void 0);
     }, Y = (e)=>{
         var t;
-        Z.current = (t = I.current) == null ? void 0 : t.scrollTop, S(!1), R && typeof e == "string" && R(e), typeof o > "u" && pe(e);
-    }, Ie = (e)=>{
+        Z.current = (t = T.current) == null ? void 0 : t.scrollTop, x(!1), A && typeof e == "string" && A(e), typeof o > "u" && he(e);
+    }, Ee = (e)=>{
         var n;
-        const t = (n = I.current) == null ? void 0 : n.getBoundingClientRect();
+        const t = (n = T.current) == null ? void 0 : n.getBoundingClientRect();
         if (t && e && N.current.has(e)) {
-            const l = N.current.get(e), s = l == null ? void 0 : l.getBoundingClientRect();
-            if (s && s.top + s.height / 2 >= t.top + t.height) {
+            const l = N.current.get(e), r = l == null ? void 0 : l.getBoundingClientRect();
+            if (r && r.top + r.height / 2 >= t.top + t.height) {
                 l == null || l.scrollIntoView();
                 return;
             }
-            s && s.top + s.height / 2 <= t.top && (l == null || l.scrollIntoView(!1));
+            r && r.top + r.height / 2 <= t.top && (l == null || l.scrollIntoView(!1));
         }
-    }, xe = f.current, Ee = g.current;
+    }, xe = f.current, we = g.current;
     _react.useEffect(()=>{
         B({
             name: i,
@@ -207,27 +207,27 @@ const ut = (param)=>{
         f,
         g,
         xe,
-        Ee
+        we
     ]), _react.useEffect(()=>{
         const e = (n)=>{
             var w, O;
-            const s = {
+            const r = {
                 [_keyCodesJs.UP]: -1,
                 [_keyCodesJs.DOWN]: 1
             }[n.keyCode];
-            if (s) {
+            if (r) {
                 (0, _domJs.cancelEvent)(n);
-                const b = (O = (w = d[d.findIndex((param)=>{
+                const R = (O = (w = d[d.findIndex((param)=>{
                     let { value: p  } = param;
-                    return p === x;
-                }) + s]) == null ? void 0 : w.value) != null ? O : x;
-                G(b), Ie(b);
+                    return p === I;
+                }) + r]) == null ? void 0 : w.value) != null ? O : I;
+                G(R), Ee(R);
             }
         }, t = (n)=>{
-            F && (n.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(n), n.keyCode === _keyCodesJs.ESC && S(!1), (n.keyCode === _keyCodesJs.ENTER || n.keyCode === _keyCodesJs.SPACE) && ((0, _domJs.cancelEvent)(n), d.findIndex((param)=>{
+            F && (n.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(n), n.keyCode === _keyCodesJs.ESC && x(!1), (n.keyCode === _keyCodesJs.ENTER || n.keyCode === _keyCodesJs.SPACE) && ((0, _domJs.cancelEvent)(n), d.findIndex((param)=>{
                 let { value: l  } = param;
-                return l === x;
-            }) !== -1 && x !== c && Y(x), S(!1))), z && e(n);
+                return l === I;
+            }) !== -1 && I !== c && Y(I), x(!1))), z && e(n);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
@@ -236,35 +236,37 @@ const ut = (param)=>{
         q && f.current && f.current.focus();
     }, [
         q
-    ]);
-    const Se = (e)=>{
+    ]), _react.useEffect(()=>{
+        me(!1);
+    }, []);
+    const Oe = (e)=>{
         var t;
         return e ? (t = d.find((param)=>{
             let { value: n  } = param;
             return n === e;
         })) == null ? void 0 : t.text : "";
-    }, we = {
+    }, ye = {
         tabIndex: 0,
         onFocus: ()=>y(!0),
         onBlur: ()=>y(!1),
         onClick: ()=>{
-            S(!0), y(!0);
+            x(!0), y(!0);
         },
         onKeyDown: (e)=>{
-            !F && (e.keyCode === _keyCodesJs.SPACE || e.keyCode === _keyCodesJs.ENTER) && ((0, _domJs.cancelEvent)(e), S(!0));
+            !F && (e.keyCode === _keyCodesJs.SPACE || e.keyCode === _keyCodesJs.ENTER) && ((0, _domJs.cancelEvent)(e), x(!0));
         }
     };
-    return Te ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_textFieldComponentsJs.FieldContainer, {
+    return Ie || pe ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_textFieldComponentsJs.FieldContainer, {
         disabled: E,
         helperText: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldComponentsJs.HelperText, {
-            error: A,
+            error: v,
             leftText: Q
         }),
-        fieldRef: T,
+        fieldRef: S,
         fullWidth: D,
         children: [
             h && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldComponentsJs.Label, {
-                error: A,
+                error: v,
                 forId: W,
                 inputState: U ? "focused" : ((te = o != null ? o : c) != null ? te : (ee = g.current) == null ? void 0 : ee.value) ? "filled" : "default",
                 optional: M,
@@ -273,12 +275,12 @@ const ut = (param)=>{
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("select", {
                 className: _selectCssMisticaJs.selectVariants[E ? "disabled" : "default"],
                 id: W,
-                "aria-invalid": !!A,
+                "aria-invalid": !!v,
                 value: o,
                 required: !M,
                 disabled: E,
                 onChange: (e)=>{
-                    R && R(e.target.value);
+                    A && A(e.target.value);
                 },
                 onFocus: ()=>y(!0),
                 onBlur: (e)=>{
@@ -331,7 +333,7 @@ const ut = (param)=>{
                 role: "button",
                 "aria-haspopup": "listbox",
                 ref: f
-            }, !E && we), {
+            }, !E && ye), {
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldBaseJs.TextFieldBaseAutosuggest, {
                         style: {
@@ -350,22 +352,22 @@ const ut = (param)=>{
                         required: !M,
                         disabled: E,
                         id: W,
-                        error: A,
+                        error: v,
                         inputRef: g,
-                        fieldRef: T
+                        fieldRef: S
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: _selectCssMisticaJs.selectTextVariants[E ? "disabled" : "default"],
                         style: {
                             top: h ? 27 : 17
                         },
-                        children: Se(o != null ? o : c)
+                        children: Oe(o != null ? o : c)
                     })
                 ]
             })),
             F && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overlayJs.default, {
                 onPress: (e)=>{
-                    S(!1), (0, _domJs.cancelEvent)(e);
+                    x(!1), (0, _domJs.cancelEvent)(e);
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("ul", {
@@ -379,7 +381,7 @@ const ut = (param)=>{
                     onPointerDown: _domJs.cancelEvent,
                     className: (0, _classnames.default)(_selectCssMisticaJs.optionsContainer, z ? _selectCssMisticaJs.optionsAnimationsVariants.show : _selectCssMisticaJs.optionsAnimationsVariants.hide),
                     role: "listbox",
-                    ref: I,
+                    ref: T,
                     children: d.map((param)=>/* @__PURE__ */ {
                         let { value: e , text: t  } = param;
                         return (0, _jsxRuntimeJs.jsx)("li", {
@@ -387,7 +389,7 @@ const ut = (param)=>{
                             "aria-selected": e === (c != null ? c : o),
                             "data-value": e,
                             className: (0, _classnames.default)(_selectCssMisticaJs.menuItem, {
-                                [_selectCssMisticaJs.menuItemSelected]: e === x || e === (c != null ? c : o)
+                                [_selectCssMisticaJs.menuItemSelected]: e === I || e === (c != null ? c : o)
                             }),
                             onPointerDown: _domJs.cancelEvent,
                             onClick: ()=>Y(e),

package/dist/skins/movistar.d.ts

@@ -41,7 +41,7 @@ export declare const palette: {
     readonly movistarProminentBlueLight50: "#85939C";
     readonly movistarProminentBlueLight70: "#546874";
     readonly darkModeBlack: "#061824";
-    readonly darkModeGrey: "#092130";
+    readonly darkModeGrey: "#081F2E";
     readonly darkModeGrey2: "#EAEBEE";
     readonly darkModeGrey3: "#CED4D7";
     readonly darkModeGrey4: "#85939C";

package/dist/skins/movistar.js

@@ -56,7 +56,7 @@ const e = {
     movistarProminentBlueLight50: "#85939C",
     movistarProminentBlueLight70: "#546874",
     darkModeBlack: "#061824",
-    darkModeGrey: "#092130",
+    darkModeGrey: "#081F2E",
     darkModeGrey2: "#EAEBEE",
     darkModeGrey3: "#CED4D7",
     darkModeGrey4: "#85939C",
@@ -167,12 +167,12 @@ const e = {
             backgroundBrand: e.darkModeBlack,
             backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
-            backgroundSkeleton: e.darkModeGrey6,
-            backgroundSkeletonInverse: e.darkModeGrey6,
+            backgroundSkeleton: e.movistarBlueDark,
+            backgroundSkeletonInverse: e.movistarBlueDark,
             navigationBarBackground: e.darkModeBlack,
             backgroundAlternative: e.darkModeGrey,
             backgroundFeedbackBottom: e.darkModeBlack,
-            skeletonWave: e.darkModeGrey5,
+            skeletonWave: e.darkModeGrey6,
             borderHigh: e.darkModeGrey4,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
@@ -214,7 +214,7 @@ const e = {
             inverse: e.darkModeGrey2,
             neutralHigh: e.darkModeGrey2,
             neutralMedium: e.darkModeGrey5,
-            neutralLow: e.darkModeGrey6,
+            neutralLow: e.movistarBlueDark,
             textPrimary: e.darkModeGrey2,
             textPrimaryInverse: e.darkModeGrey2,
             textSecondary: e.darkModeGrey4,
@@ -225,11 +225,11 @@ const e = {
             textNavigationSearchBarText: e.darkModeGrey2,
             textAppBar: e.darkModeGrey5,
             textAppBarSelected: e.darkModeGrey2,
-            successLow: e.grey6,
-            warningLow: e.grey6,
-            errorLow: e.grey6,
-            promoLow: e.grey6,
-            brandLow: e.grey6,
+            successLow: e.movistarBlueDark,
+            warningLow: e.movistarBlueDark,
+            errorLow: e.movistarBlueDark,
+            promoLow: e.movistarBlueDark,
+            brandLow: e.movistarBlueDark,
             successHigh: e.movistarGreen40,
             warningHigh: e.egg40,
             errorHigh: e.pepper40,

package/dist/utils/animation.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     getAnimateDrawLineProps: ()=>p,
-    getAnimateFadeInProps: ()=>f,
-    getAnimateHopInProps: ()=>u,
-    getAnimateSweepInProps: ()=>y,
-    mergeProperties: ()=>k
+    getAnimateFadeInProps: ()=>d,
+    getAnimateHopInProps: ()=>f,
+    getAnimateSweepInProps: ()=>u,
+    mergeProperties: ()=>y
 });
 const _platformJs = require("./platform.js");
 const _jsxRuntimeJs = require("../_virtual/jsx-runtime.js");
@@ -69,7 +69,7 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcceptanceTest)(e) && typeof window < "u", p = (e, t, i)=>a(i) ? {
+const i = (e)=>!(0, _platformJs.isRunningAcceptanceTest)(e), p = (e, t, a)=>i(a) ? {
         strokeDasharray: e.replace("-", ""),
         strokeDashoffset: e,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("animate", {
@@ -84,7 +84,7 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
             calcMode: "spline",
             keySplines: "0.75 0 0.25 1"
         })
-    } : null, f = (e, t)=>a(t) ? {
+    } : null, d = (e, t)=>i(t) ? {
         opacity: 0,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("animate", {
             attributeName: "opacity",
@@ -98,7 +98,7 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
             calcMode: "spline",
             keySplines: "0.75 0 0.25 1"
         })
-    } : null, u = (e, t)=>a(t) ? {
+    } : null, f = (e, t)=>i(t) ? {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
             children: [
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("animate", {
@@ -125,7 +125,7 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
                 })
             ]
         })
-    } : null, y = (e, t)=>a(t) ? {
+    } : null, u = (e, t)=>i(t) ? {
         opacity: 0,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
             children: [
@@ -180,7 +180,7 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
                 })
             ]
         })
-    } : null, m = (param, t)=>/* @__PURE__ */ {
+    } : null, o = (param, t)=>/* @__PURE__ */ {
     let { children: e  } = param;
     return (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
         children: [
@@ -188,12 +188,12 @@ const a = (e)=>!(0, _platformJs.isOldChrome)(e) && !(0, _platformJs.isRunningAcc
             t
         ]
     });
-}, k = function() {
+}, y = function() {
     for(var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++){
         e[_key] = arguments[_key];
     }
-    return e.reduce((t, i)=>_objectSpreadProps(_objectSpread({}, t, i || {}), {
-            children: m(t, i ? i.children : null)
+    return e.reduce((t, a)=>_objectSpreadProps(_objectSpread({}, t, a || {}), {
+            children: o(t, a ? a.children : null)
         }), {
         children: null
     });

package/dist/utils/platform.d.ts

@@ -12,6 +12,5 @@ export declare const isIos: (platformOverrides: Theme['platformOverrides']) => b
 export declare const isSafari: () => boolean;
 export declare const isFirefox: (platformOverrides?: Theme['platformOverrides']) => boolean;
 export declare const isChrome: (platformOverrides: Theme['platformOverrides']) => boolean;
-export declare const isOldChrome: (platformOverrides: Theme['platformOverrides']) => boolean;
 export declare const getIosVersion: (platformOverrides: Theme['platformOverrides']) => string;
 export declare const getPlatform: (platformOverrides?: Theme['platformOverrides']) => 'ios' | 'android' | 'desktop';

package/dist/utils/platform.js

@@ -9,15 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getPlatform: ()=>h,
+    getPlatform: ()=>A,
     isAndroid: ()=>s,
-    isChrome: ()=>g,
-    isFirefox: ()=>p,
+    isChrome: ()=>l,
+    isFirefox: ()=>g,
     isInsideNovumNativeApp: ()=>c,
     isIos: ()=>a,
-    isOldChrome: ()=>A,
-    isRunningAcceptanceTest: ()=>m,
-    isSafari: ()=>l
+    isRunningAcceptanceTest: ()=>f,
+    isSafari: ()=>p
 });
 const _webviewBridge = require("@tef-novum/webview-bridge");
 const t = function() {
@@ -27,13 +26,10 @@ const t = function() {
 }, c = function() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     return typeof e.insideNovumNativeApp < "u" ? e.insideNovumNativeApp : (0, _webviewBridge.isWebViewBridgeAvailable)();
-}, m = function() {
+}, f = function() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return t(e).includes("acceptance-test");
-}, r = Boolean(typeof self < "u" && self.MSStream), s = (e)=>t(e).toLowerCase().includes("android") && !r, a = (e)=>!!(/iPad|iPhone|iPod/.test(t(e)) && !r || c(e) && !s(e)), l = ()=>navigator.vendor.includes("Apple"), p = (e)=>!!t(e).match(/Firefox\/([0-9]+)\./), g = (e)=>!!t(e).match(/Chrom(e|ium)\/([0-9]+)\./), d = 44, A = (e)=>{
-    const n = t(e).match(/Chrome\/(\d+)/);
-    return !n || !n[1] ? !1 : Number(n[1]) < d;
-}, h = function() {
+    return t(e).includes("acceptance-test") && !process.env.SSR_TEST;
+}, r = Boolean(typeof self < "u" && self.MSStream), s = (e)=>t(e).toLowerCase().includes("android") && !r, a = (e)=>!!(/iPad|iPhone|iPod/.test(t(e)) && !r || c(e) && !s(e)), p = ()=>navigator.vendor.includes("Apple"), g = (e)=>!!t(e).match(/Firefox\/([0-9]+)\./), l = (e)=>!!t(e).match(/Chrom(e|ium)\/([0-9]+)\./), A = function() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     const n = e.platform;
     return n || (a(e) ? "ios" : s(e) ? "android" : "desktop");

package/dist-es/dialog.js

@@ -99,13 +99,13 @@ import U from "./button-layout.js";
 import { Text5 as q, Text4 as P, Text3 as G } from "./text.js";
 import { ESC as J } from "./utils/key-codes.js";
 import E from "./box.js";
-import { isOldChrome as Q, isRunningAcceptanceTest as X } from "./utils/platform.js";
-import { useSetModalState as Y } from "./modal-context-provider.js";
-import Z from "./stack.js";
-import { wrapper as $, modalOpacityLayer as ee, closedOpactityLayer as te, modalContent as oe, closedModalContent as ne, modalCloseButtonContainer as ae, variants as ie, iconContainer as le, dialogContent as se, dialogActions as ce } from "./dialog.css-mistica.js";
+import { isRunningAcceptanceTest as Q } from "./utils/platform.js";
+import { useSetModalState as X } from "./modal-context-provider.js";
+import Y from "./stack.js";
+import { wrapper as Z, modalOpacityLayer as $, closedOpactityLayer as ee, modalContent as te, closedModalContent as oe, modalCloseButtonContainer as ne, variants as ae, iconContainer as ie, dialogContent as le, dialogActions as se } from "./dialog.css-mistica.js";
 import { vars as R } from "./skins/skin-contract.css-mistica.js";
-import { jsx as o, jsxs as b, Fragment as re } from "./_virtual/jsx-runtime.js";
-const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
+import { jsx as o, jsxs as b, Fragment as ce } from "./_virtual/jsx-runtime.js";
+const A = (e)=>process.env.NODE_ENV !== "test" && !Q(e), re = (e)=>{
     const { texts: n  } = D(), { className: t , title: a , message: c , icon: l , extra: i , cancelText: r = n.dialogCancelButton , acceptText: d = n.dialogAcceptButton , onCancel: u , onAccept: C , showCancel: p = !1 , destructive: h = !1  } = e, x = !!e.forceWeb, m = {
         onPress: C || (()=>{}),
         dataAttributes: {
@@ -114,12 +114,12 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         children: d
     };
     return /* @__PURE__ */ b("div", {
-        className: T(ie[x ? "dialog" : "default"], t),
+        className: T(ae[x ? "dialog" : "default"], t),
         children: [
             l && /* @__PURE__ */ o(E, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ o("div", {
-                    className: le,
+                    className: ie,
                     children: /*#__PURE__*/ s.cloneElement(l, {
                         size: "100%"
                     })
@@ -145,8 +145,8 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
                 })
             }),
             /* @__PURE__ */ o("div", {
-                className: se,
-                children: /* @__PURE__ */ b(Z, {
+                className: le,
+                children: /* @__PURE__ */ b(Y, {
                     space: 16,
                     children: [
                         /* @__PURE__ */ o(G, {
@@ -159,7 +159,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
                 })
             }),
             /* @__PURE__ */ o("div", {
-                className: ce,
+                className: se,
                 children: /* @__PURE__ */ b(U, {
                     link: e.forceWeb ? e.link : void 0,
                     children: [
@@ -181,7 +181,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
             })
         ]
     });
-}, ue = (param)=>{
+}, de = (param)=>{
     let { showCancel: e , message: n , title: t , acceptText: a , cancelText: c , onAccept: l , onCancel: i  } = param;
     return e ? K({
         message: n,
@@ -193,11 +193,11 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         title: t,
         buttonText: a
     }).then(l);
-}, he = (param)=>{
+}, ue = (param)=>{
     let { renderNative: e , onAccept: n , onCancel: t , acceptText: a , cancelText: c , showCancel: l , message: i , title: r  } = param;
     const d = s.useRef(n).current, u = s.useRef(t).current;
     s.useEffect(()=>{
-        e && ue({
+        e && de({
             acceptText: a,
             cancelText: c,
             showCancel: l,
@@ -216,7 +216,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         r,
         e
     ]);
-}, me = (e)=>(he({
+}, he = (e)=>(ue({
         renderNative: !0,
         acceptText: e.acceptText || e.dialogAcceptButton,
         cancelText: e.cancelText || e.dialogCancelButton,
@@ -225,7 +225,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         title: e.title,
         onAccept: e.onAccept,
         onCancel: e.onCancel
-    }), null), fe = (e)=>{
+    }), null), me = (e)=>{
     var N;
     const { platformOverrides: n  } = D(), t = s.useContext(z), a = s.useRef(process.env.NODE_ENV === "test");
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
@@ -267,7 +267,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
         c,
         n
     ]);
-    const k = Y();
+    const k = X();
     return s.useEffect(()=>(k({
             isModalOpen: !0
         }), ()=>{
@@ -276,17 +276,17 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
             });
         }), [
         k
-    ]), c ? /* @__PURE__ */ o(me, _objectSpreadProps(_objectSpread({}, e), {
+    ]), c ? /* @__PURE__ */ o(he, _objectSpreadProps(_objectSpread({}, e), {
         dialogAcceptButton: t.texts.dialogAcceptButton,
         dialogCancelButton: t.texts.dialogCancelButton
     })) : /* @__PURE__ */ o(I, {
         children: /* @__PURE__ */ o("div", {
-            className: $,
+            className: Z,
             children: /* @__PURE__ */ o(H, {
                 children: /* @__PURE__ */ o("div", {
                     onClick: x,
-                    className: T(ee, {
-                        [te]: i
+                    className: T($, {
+                        [ee]: i
                     }),
                     role: "dialog",
                     "data-component-name": "Dialog",
@@ -297,12 +297,12 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
                             onAnimationEnd: ()=>{
                                 a.current = !0, B();
                             },
-                            className: T(oe, {
-                                [ne]: i
+                            className: T(te, {
+                                [oe]: i
                             }),
                             children: [
                                 e.showClose && /* @__PURE__ */ o("div", {
-                                    className: ae,
+                                    className: ne,
                                     children: /* @__PURE__ */ o(V, {
                                         onPress: h,
                                         "aria-label": (N = t.texts.modalClose) != null ? N : t.texts.closeButtonLabel,
@@ -311,7 +311,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
                                         })
                                     })
                                 }),
-                                /* @__PURE__ */ o(de, _objectSpreadProps(_objectSpread({}, u), {
+                                /* @__PURE__ */ o(re, _objectSpreadProps(_objectSpread({}, u), {
                                     onCancel: p,
                                     onAccept: C
                                 }))
@@ -324,7 +324,7 @@ const A = (e)=>!Q(e) && process.env.NODE_ENV !== "test" && !X(e), de = (e)=>{
     });
 };
 let v = null, w = 0;
-class Me extends s.Component {
+class We extends s.Component {
     componentDidMount() {
         w++, w === 1 && (v = this, window.addEventListener("popstate", this.handleBack));
     }
@@ -359,14 +359,14 @@ class Me extends s.Component {
                 "onCancel",
                 "onAccept"
             ]);
-            c = /* @__PURE__ */ o(fe, _objectSpread({
+            c = /* @__PURE__ */ o(me, _objectSpread({
                 onCancel: this.createCancelHandler(l),
                 onAccept: this.createAcceptHandler(i),
                 isClosing: t,
                 onCloseTransitionEnd: t ? this.handleCloseFinished : void 0
             }, r));
         }
-        return /* @__PURE__ */ b(re, {
+        return /* @__PURE__ */ b(ce, {
             children: [
                 this.props.children,
                 c
@@ -405,17 +405,17 @@ const y = (param)=>{
             forceWeb: t
         }, a));
     };
-}, Oe = y({
+}, Me = y({
     showCancel: !1,
     forceWeb: !1,
     showClose: !1
-}), Ie = y({
+}), Oe = y({
     showCancel: !0,
     forceWeb: !1,
     showClose: !1
-}), He = y({
+}), Ie = y({
     showCancel: !1,
     forceWeb: !0,
     showClose: !0
 });
-export { Oe as alert, Ie as confirm, Me as default, He as dialog };
+export { Me as alert, Oe as confirm, We as default, Ie as dialog };