@telefonica/mistica 15.20.0 → 15.20.1

package/dist/stacking-group.d.ts

@@ -8,5 +8,5 @@ type Props = {
     maxItems?: number;
     children: React.ReactNode;
 };
-declare const StackingGroup: React.FC<Props>;
+declare const StackingGroup: ({ moreItemsStyle, stacked, maxItems, children, }: Props) => JSX.Element;
 export default StackingGroup;

package/dist/stepper.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { DataAttributes } from './utils/types';
 type StepperProps = {
     steps: ReadonlyArray<string>;
@@ -7,5 +7,5 @@ type StepperProps = {
     children?: void;
     dataAttributes?: DataAttributes;
 };
-declare const Stepper: React.FC<StepperProps>;
+declare const Stepper: ({ steps, currentIndex, "aria-label": ariaLabel, dataAttributes, }: StepperProps) => JSX.Element;
 export default Stepper;

package/dist/switch-component.d.ts

@@ -30,5 +30,5 @@ type PropsChildren = {
     'aria-label'?: string;
     dataAttributes?: DataAttributes;
 };
-declare const Switch: React.FC<PropsRender | PropsChildren>;
+declare const Switch: (props: PropsRender | PropsChildren) => JSX.Element;
 export default Switch;

package/dist/tab-focus.d.ts

@@ -3,5 +3,5 @@ type Props = {
     children: React.ReactNode;
     disabled: boolean;
 };
-declare const TabFocus: React.FC<Props>;
+declare const TabFocus: ({ children, disabled }: Props) => JSX.Element;
 export default TabFocus;

package/dist/tabs.d.ts

@@ -12,5 +12,5 @@ export type TabsProps = {
     children?: void;
     dataAttributes?: DataAttributes;
 };
-declare const Tabs: React.FC<TabsProps>;
+declare const Tabs: ({ selectedIndex, onChange, tabs, dataAttributes }: TabsProps) => JSX.Element;
 export default Tabs;

package/dist/tag.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { DataAttributes, IconProps } from './utils/types';
 export type TagType = 'promo' | 'active' | 'inactive' | 'success' | 'warning' | 'error';
 export type TagProps = {
     type?: 'promo' | 'active' | 'inactive' | 'success' | 'warning' | 'error';
     children: string;
-    Icon?: React.FC<IconProps>;
+    Icon?: (props: IconProps) => JSX.Element;
     dataAttributes?: DataAttributes;
     badge?: boolean | number;
 };
-declare const Tag: React.FC<TagProps>;
+declare const Tag: ({ Icon, children, dataAttributes, type, badge }: TagProps) => JSX.Element | null;
 export default Tag;

package/dist/text-field-base.d.ts

@@ -7,22 +7,22 @@ type FieldEndIconProps = {
     hasBackgroundColor?: boolean;
     disabled?: boolean;
 } & ExclusifyUnion<{
-    Icon: React.FC<IconProps>;
+    Icon: (props: IconProps) => JSX.Element;
     'aria-label'?: string;
     onPress: (event: React.MouseEvent<HTMLElement>) => void;
 } | {
     checkedProps: {
-        Icon: React.FC<IconProps>;
+        Icon: (props: IconProps) => JSX.Element;
         'aria-label'?: string;
     };
     uncheckedProps: {
-        Icon: React.FC<IconProps>;
+        Icon: (props: IconProps) => JSX.Element;
         'aria-label'?: string;
     };
     onChange?: (checked: boolean) => void | undefined | Promise<void>;
     checked?: boolean;
 }>;
-export declare const FieldEndIcon: React.FC<FieldEndIconProps>;
+export declare const FieldEndIcon: ({ hasBackgroundColor, onPress, onChange, disabled, Icon, checkedProps, uncheckedProps, "aria-label": ariaLabel, }: FieldEndIconProps) => JSX.Element;
 /**
  * Incomplete list, add more if needed
  * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

package/dist/text-field-components.d.ts

@@ -10,7 +10,7 @@ type LabelProps = {
     style?: React.CSSProperties;
     optional?: boolean;
 };
-export declare const Label: React.FC<LabelProps>;
+export declare const Label: ({ shrinkLabel, forId, inputState, error, children, style, optional, }: LabelProps) => JSX.Element;
 type HelperTextProps = {
     leftText?: string;
     rightText?: string;
@@ -18,7 +18,7 @@ type HelperTextProps = {
     id?: string;
     children?: void;
 };
-export declare const HelperText: React.FC<HelperTextProps>;
+export declare const HelperText: ({ leftText, rightText, error, id }: HelperTextProps) => JSX.Element;
 type FieldContainerProps = {
     multiline?: boolean;
     disabled?: boolean;
@@ -30,5 +30,5 @@ type FieldContainerProps = {
     readOnly?: boolean;
     dataAttributes?: DataAttributes;
 };
-export declare const FieldContainer: React.FC<FieldContainerProps>;
+export declare const FieldContainer: ({ multiline, disabled, children, helperText, className, fieldRef, fullWidth, readOnly, dataAttributes, }: FieldContainerProps) => JSX.Element;
 export {};

package/dist/text-link.d.ts

@@ -18,5 +18,5 @@ interface CommonProps {
     role?: string;
 }
 export type TextLinkProps = AlwaysTouchableComponentProps & CommonProps;
-declare const TextLink: React.FC<TextLinkProps>;
+declare const TextLink: ({ children, className, disabled, style, trackEvent, ...props }: TextLinkProps) => JSX.Element;
 export default TextLink;

package/dist/text.d.ts

@@ -43,7 +43,7 @@ interface TextProps extends TextPresetProps {
     letterSpacing?: number;
     forzeMobileSize?: never;
 }
-export declare const Text: React.FC<TextProps>;
+export declare const Text: ({ weight, color, decoration, truncate, transform, wordBreak, hyphens, as, children, size, mobileSize, desktopSize, lineHeight, mobileLineHeight, desktopLineHeight, letterSpacing, textAlign, textShadow, id, role, "aria-level": ariaLevel, "aria-label": ariaLabel, dataAttributes, }: TextProps) => JSX.Element | null;
 interface LightProps extends TextPresetProps {
     light: boolean;
 }
@@ -120,14 +120,14 @@ export declare const textProps: {
         desktopLineHeight: string;
     };
 };
-export declare const Text10: React.FC<TextPresetProps>;
-export declare const Text9: React.FC<TextPresetProps>;
-export declare const Text8: React.FC<TextPresetProps>;
-export declare const Text7: React.FC<TextPresetProps>;
-export declare const Text6: React.FC<TextPresetProps>;
-export declare const Text5: React.FC<TextPresetProps>;
-export declare const Text4: React.FC<LightRegularMediumProps>;
-export declare const Text3: React.FC<LightRegularMediumProps>;
-export declare const Text2: React.FC<RegularMediumProps>;
-export declare const Text1: React.FC<RegularMediumProps>;
+export declare const Text10: ({ dataAttributes, forceMobileSizes, ...props }: TextPresetProps) => JSX.Element;
+export declare const Text9: ({ dataAttributes, forceMobileSizes, ...props }: TextPresetProps) => JSX.Element;
+export declare const Text8: ({ dataAttributes, forceMobileSizes, ...props }: TextPresetProps) => JSX.Element;
+export declare const Text7: ({ dataAttributes, forceMobileSizes, ...props }: TextPresetProps) => JSX.Element;
+export declare const Text6: ({ dataAttributes, forceMobileSizes, ...props }: TextPresetProps) => JSX.Element;
+export declare const Text5: ({ dataAttributes, forceMobileSizes, ...props }: TextPresetProps) => JSX.Element;
+export declare const Text4: ({ dataAttributes, forceMobileSizes, ...props }: LightRegularMediumProps) => JSX.Element;
+export declare const Text3: ({ dataAttributes, forceMobileSizes, ...props }: LightRegularMediumProps) => JSX.Element;
+export declare const Text2: ({ dataAttributes, forceMobileSizes, ...props }: RegularMediumProps) => JSX.Element;
+export declare const Text1: ({ dataAttributes, forceMobileSizes, ...props }: RegularMediumProps) => JSX.Element;
 export default Text;

package/dist/theme-context-provider.d.ts

@@ -7,5 +7,5 @@ type Props = {
     withoutStyles?: boolean;
     children?: React.ReactNode;
 };
-declare const ThemeContextProvider: React.FC<Props>;
+declare const ThemeContextProvider: ({ theme, children, as, withoutStyles }: Props) => JSX.Element;
 export default ThemeContextProvider;

package/dist/theme-variant-context.d.ts

@@ -5,7 +5,7 @@ type ThemeVariantProps = {
     variant?: Variant;
     children: React.ReactNode;
 };
-export declare const ThemeVariant: React.FC<ThemeVariantProps>;
+export declare const ThemeVariant: ({ isInverse, variant, children }: ThemeVariantProps) => JSX.Element;
 export declare const useThemeVariant: () => Variant;
 export declare const useIsInverseVariant: () => boolean;
 export {};

package/dist/timer.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { DataAttributes } from './utils/types';
 export type TimeUnit = 'days' | 'hours' | 'minutes' | 'seconds';
 type Label = 'none' | 'short' | 'long';
@@ -22,6 +22,6 @@ interface TextTimerProps extends BaseProps {
 interface TimerProps extends BaseProps {
     boxed?: boolean;
 }
-export declare const TextTimer: React.FC<TextTimerProps>;
-export declare const Timer: React.FC<TimerProps>;
+export declare const TextTimer: ({ endTimestamp, labelType, minTimeUnit, maxTimeUnit, onProgress, dataAttributes, "aria-label": ariaLabel, }: TextTimerProps) => JSX.Element;
+export declare const Timer: ({ boxed, endTimestamp, minTimeUnit, maxTimeUnit, onProgress, dataAttributes, "aria-label": ariaLabel, }: TimerProps) => JSX.Element;
 export {};

package/dist/tooltip.d.ts

@@ -28,6 +28,6 @@ type BaseTooltipProps = {
     closeButtonLabel?: string;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
 };
-export declare const BaseTooltip: React.FC<BaseTooltipProps>;
-declare const Tooltip: React.FC<Props>;
+export declare const BaseTooltip: ({ content, target, width, position, dataAttributes, delay, centerContent, open, onClose, closeButtonLabel, hasPointerInteractionOnly, trackingEvent, }: BaseTooltipProps) => JSX.Element;
+declare const Tooltip: ({ centerContent, extra, children, dataAttributes, title, description, ...props }: Props) => JSX.Element;
 export default Tooltip;

package/dist/utils/aspect-ratio-support.d.ts

@@ -3,7 +3,7 @@ import type { DataAttributes } from './types';
 type Props = {
     children: React.ReactNode;
 };
-export declare const AspectRatioSupportProvider: React.FC<Props>;
+export declare const AspectRatioSupportProvider: ({ children }: Props) => JSX.Element;
 export declare const useSupportsAspectRatio: () => boolean;
 type AspectRatioContainerProps = {
     width?: number | string;

package/dist/utils/document-visibility.d.ts

@@ -3,6 +3,6 @@ type Props = {
     hidden?: boolean;
     children: React.ReactNode;
 };
-export declare const DocumentVisibilityProvider: React.FC<Props>;
+export declare const DocumentVisibilityProvider: ({ hidden, children }: Props) => JSX.Element;
 export declare const useDocumentVisibility: () => boolean;
 export {};

package/dist-es/dialog.js

@@ -98,35 +98,35 @@ import Q from "./stack.js";
 import { ANIMATION_DURATION_MS as X, wrapper as Z, modalOpacityLayer as $, closedOpactityLayer as ee, modalContent as te, closedModalContent as ne, modalCloseButtonContainer as oe, variants as ae, iconContainer as re, dialogContent as ie, dialogActions as se } from "./dialog.css-mistica.js";
 import { vars as le } from "./skins/skin-contract.css-mistica.js";
 const ce = ()=>process.env.NODE_ENV !== "test" && !H(), ue = (t)=>{
-    const { texts: i } = D(), { className: u, title: r, message: f, icon: o, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: g = i.dialogCancelButton, acceptText: m = i.dialogAcceptButton, onCancel: h, onAccept: C, destructive: B = !1 } = t, d = t.type === "dialog", p = d && !!t.link || l || s, y = {
+    const { texts: l } = D(), { className: m, title: i, message: g, icon: a, extra: r, showCancelButton: s, showAcceptButton: c, cancelText: d = l.dialogCancelButton, acceptText: h = l.dialogAcceptButton, onCancel: u, onAccept: C, destructive: B = !1 } = t, f = t.type === "dialog", p = f && !!t.link || c || s, y = {
         onPress: C || (()=>{}),
-        children: m,
+        children: h,
         // @deprecated - testid should be removed but many webapp tests depend on this
         dataAttributes: {
             testid: "dialog-accept-button"
         }
     };
     return /* @__PURE__ */ w("div", {
-        className: E(ae[d ? "dialog" : "default"], u),
+        className: E(ae[f ? "dialog" : "default"], m),
         children: [
-            o && /* @__PURE__ */ e(k, {
+            a && /* @__PURE__ */ e(k, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ e("div", {
                     className: re,
-                    children: /*#__PURE__*/ n.cloneElement(o, {
+                    children: /*#__PURE__*/ n.cloneElement(a, {
                         size: "100%"
                     })
                 })
             }),
-            r && /* @__PURE__ */ e(k, {
+            i && /* @__PURE__ */ e(k, {
                 paddingBottom: 16,
-                children: d ? /* @__PURE__ */ e(Y, {
+                children: f ? /* @__PURE__ */ e(Y, {
                     as: "h2",
-                    children: r
+                    children: i
                 }) : /* @__PURE__ */ e(A, {
                     regular: !0,
                     as: "h2",
-                    children: r
+                    children: i
                 })
             }),
             t.subtitle && /* @__PURE__ */ e(k, {
@@ -145,167 +145,169 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), ue = (t)=>{
                         /* @__PURE__ */ e(q, {
                             color: le.colors.textSecondary,
                             regular: !0,
-                            children: f
+                            children: g
                         }),
-                        c
+                        r
                     ]
                 })
             }),
             p && /* @__PURE__ */ e("div", {
                 className: se,
                 children: /* @__PURE__ */ e(U, {
-                    link: d ? t.link : void 0,
-                    primaryButton: l ? B ? /* @__PURE__ */ e(O, _object_spread({
+                    link: f ? t.link : void 0,
+                    primaryButton: c ? B ? /* @__PURE__ */ e(O, _object_spread({
                         tabIndex: 1
                     }, y)) : /* @__PURE__ */ e(S, _object_spread({
                         tabIndex: 1
                     }, y)) : void 0,
                     secondaryButton: s ? /* @__PURE__ */ e(M, {
                         tabIndex: 2,
-                        onPress: h || (()=>{}),
+                        onPress: u || (()=>{}),
                         dataAttributes: {
                             testid: "dialog-cancel-button"
                         },
-                        children: g
+                        children: d
                     }) : void 0
                 })
             })
         ]
     });
 }, de = (param)=>{
-    let { type: t, message: i, title: u, acceptText: r, cancelText: f, onAccept: o, onCancel: c, onDestroy: s } = param;
+    let { type: t, message: l, title: m, acceptText: i, cancelText: g, destructive: a, onAccept: r, onCancel: s, onDestroy: c } = param;
     return t === "confirm" ? z({
-        message: i,
-        title: u,
-        cancelText: f,
-        acceptText: r
-    }).then((l)=>{
-        l ? o == null || o() : c == null || c(), s();
+        message: l,
+        title: m,
+        cancelText: g,
+        acceptText: i,
+        destructive: a
+    }).then((d)=>{
+        d ? r == null || r() : s == null || s(), c();
     }) : K({
-        message: i,
-        title: u,
-        buttonText: r
+        message: l,
+        title: m,
+        buttonText: i
     }).then(()=>{
-        o == null || o(), s();
+        r == null || r(), c();
     });
 }, me = (param)=>{
-    let { type: t, onAccept: i, onCancel: u, onDestroy: r, acceptText: f, cancelText: o, message: c, title: s } = param;
-    const { texts: l } = D(), g = n.useRef({
+    let { type: t, onAccept: l, onCancel: m, onDestroy: i, acceptText: g, cancelText: a, message: r, title: s, destructive: c } = param;
+    const { texts: d } = D(), h = n.useRef({
         type: t,
-        onAccept: i,
-        onCancel: u,
-        onDestroy: r,
-        acceptText: f || l.dialogAcceptButton,
-        cancelText: o || l.dialogCancelButton,
-        message: c,
-        title: s
-    }), m = n.useRef(!1);
+        onAccept: l,
+        onCancel: m,
+        onDestroy: i,
+        acceptText: g || d.dialogAcceptButton,
+        cancelText: a || d.dialogCancelButton,
+        message: r,
+        title: s,
+        destructive: c
+    }), u = n.useRef(!1);
     return n.useEffect(()=>{
-        m.current || (m.current = !0, de(g.current).finally(()=>{
-            m.current = !1;
+        u.current || (u.current = !0, de(h.current).finally(()=>{
+            u.current = !1;
         }));
     }, []), /* @__PURE__ */ e(L, {});
 }, Ie = (t)=>{
     J();
-    const i = n.useRef(null), { texts: u } = D(), [r, f] = n.useState(!1), o = n.useRef(!1), c = n.useRef(!1), [s, l] = n.useState(!1), g = n.useRef(!1), m = n.useRef(ce() ? X : 0), h = t.type !== "dialog" && W(), C = t.type === "dialog", B = t.type === "alert", { onAccept: d, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
+    const l = n.useRef(null), { texts: m } = D(), [i, g] = n.useState(!1), a = n.useRef(!1), r = n.useRef(!1), [s, c] = n.useState(!1), d = n.useRef(!1), h = n.useRef(ce() ? X : 0), u = t.type !== "dialog" && W(), C = t.type === "dialog", B = t.type === "alert", { onAccept: f, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
     n.useEffect(()=>{
-        const a = setTimeout(()=>{
-            o.current || l(!0);
-        }, m.current);
+        const o = setTimeout(()=>{
+            a.current || c(!0);
+        }, h.current);
         return ()=>{
-            clearTimeout(a);
+            clearTimeout(o);
         };
     }, []);
     const x = n.useCallback(()=>{
-        c.current || (c.current = !0, g.current ? d == null || d() : p == null || p(), y());
+        r.current || (r.current = !0, d.current ? f == null || f() : p == null || p(), y());
     }, [
-        d,
+        f,
         p,
         y
     ]), R = n.useCallback(()=>{
-        let a;
-        return !o.current && s && (o.current = !0, l(!1), f(!0), a = setTimeout(x, m.current)), ()=>{
-            a && clearTimeout(a);
+        let o;
+        return !a.current && s && (a.current = !0, c(!1), g(!0), o = setTimeout(x, h.current)), ()=>{
+            o && clearTimeout(o);
         };
     }, [
         x,
         s
     ]), N = n.useCallback(()=>{
-        g.current = !0, R();
+        d.current = !0, R();
     }, [
         R
     ]), b = n.useCallback(()=>{
-        g.current = !1, R();
+        d.current = !1, R();
     }, [
         R
     ]), v = n.useCallback(()=>{
-        o.current || (B ? N() : b());
+        a.current || (B ? N() : b());
     }, [
         N,
         b,
         B
-    ]), T = n.useCallback((a)=>{
-        a.key === G && (a.stopPropagation(), a.preventDefault(), v());
+    ]), T = n.useCallback((o)=>{
+        o.key === G && (o.stopPropagation(), o.preventDefault(), v());
     }, [
         v
     ]);
     n.useEffect(()=>{
-        if (!h) return document.addEventListener("keydown", T), ()=>{
+        if (!u) return document.addEventListener("keydown", T), ()=>{
             document.removeEventListener("keydown", T);
         };
     }, [
         T,
-        h
+        u
     ]), n.useEffect(()=>{
-        if (!h) return window.addEventListener("popstate", v), ()=>{
+        if (!u) return window.addEventListener("popstate", v), ()=>{
             window.removeEventListener("popstate", v);
         };
     }, [
         v,
-        h
+        u
     ]);
-    const P = n.useCallback((a)=>{
-        a.stopPropagation(), C && b();
+    const P = n.useCallback((o)=>{
+        o.stopPropagation(), C && b();
     }, [
         C,
         b
     ]);
     var _t_closeButtonLabel;
-    return h ? /* @__PURE__ */ e(me, _object_spread({}, t)) : /* @__PURE__ */ e(_, {
+    return u ? /* @__PURE__ */ e(me, _object_spread({}, t)) : /* @__PURE__ */ e(_, {
         className: Z,
         children: /* @__PURE__ */ e(j, {
             children: /* @__PURE__ */ e("div", {
                 onClick: P,
                 className: E($, {
-                    [ee]: r
+                    [ee]: i
                 }),
                 "data-testid": "dialog-overlay",
-                "aria-hidden": r || !s,
+                "aria-hidden": i || !s,
                 children: /* @__PURE__ */ e("div", {
                     role: "dialog",
-                    onClick: (a)=>a.stopPropagation(),
+                    onClick: (o)=>o.stopPropagation(),
                     "data-component-name": "Dialog",
                     children: /* @__PURE__ */ w("div", {
-                        ref: i,
-                        onAnimationEnd: (a)=>{
-                            a.target === i.current && (o.current || l(!0));
+                        ref: l,
+                        onAnimationEnd: (o)=>{
+                            o.target === l.current && (a.current || c(!0));
                         },
-                        onTransitionEnd: (a)=>{
-                            a.target === i.current && o.current && x();
+                        onTransitionEnd: (o)=>{
+                            o.target === l.current && a.current && x();
                         },
                         className: E(te, {
-                            [ne]: r
+                            [ne]: i
                         }),
                         children: [
                             C && /* @__PURE__ */ e("div", {
                                 className: oe,
                                 children: /* @__PURE__ */ e(V, {
                                     onPress: v,
-                                    "aria-label": (_t_closeButtonLabel = t.closeButtonLabel) !== null && _t_closeButtonLabel !== void 0 ? _t_closeButtonLabel : u.modalClose || u.closeButtonLabel,
+                                    "aria-label": (_t_closeButtonLabel = t.closeButtonLabel) !== null && _t_closeButtonLabel !== void 0 ? _t_closeButtonLabel : m.modalClose || m.closeButtonLabel,
                                     bleedLeft: !0,
                                     bleedRight: !0,
                                     bleedY: !0,

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "15.20.0";
+const o = "15.20.1";
 export { o as PACKAGE_VERSION };

package/dist-es/snackbar.js

@@ -58,7 +58,7 @@ 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 { TRANSITION_TIME_IN_MS as L, snackbarContainer as P, 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";
@@ -70,39 +70,39 @@ const ee = [
     "CONSECUTIVE",
     "BUTTON"
 ], 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);
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: I, duration: t, onClose: o, type: c, withDismiss: d = !1, dataAttributes: R } = param;
+    const { texts: T } = w(), [a, s] = e.useState(!1), { width: p, ref: v } = A(), { isDesktopOrBigger: i } = x(), l = p > (i ? 160 : 128), k = e.useRef(null), E = t === 1 / 0 && !n || d, h = e.useRef(o);
     e.useEffect(()=>{
         h.current = o;
     }, [
         o
     ]);
-    const f = e.useCallback((k)=>{
+    const f = e.useCallback((B)=>{
         s(!1), setTimeout(()=>{
             var S;
-            (S = h.current) == null || S.call(h, k);
-        }, process.env.NODE_ENV === "test" ? 0 : P);
+            (S = h.current) == null || S.call(h, B);
+        }, process.env.NODE_ENV === "test" ? 0 : L);
     }, []);
-    return e.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, B), {
+    return e.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, k), {
             close: f
         }), [
         f
     ]), e.useEffect(()=>{
-        const k = setTimeout(()=>{
+        const B = setTimeout(()=>{
             s(!0);
         }, 50), S = t !== 1 / 0 ? setTimeout(()=>f({
                 action: "TIMEOUT"
             }), t) : void 0;
         return ()=>{
-            clearTimeout(k), clearTimeout(S);
+            clearTimeout(B), clearTimeout(S);
         };
     }, [
         f,
         t
     ]), /* @__PURE__ */ r(Q, {
-        className: L,
+        className: P,
         children: /* @__PURE__ */ r("div", {
-            ref: B,
+            ref: k,
             className: N(V, {
                 [z]: a
             }),
@@ -168,7 +168,7 @@ const ee = [
                                 action: "DISMISS"
                             });
                         },
-                        "aria-label": d !== null && d !== void 0 ? d : T.closeButtonLabel,
+                        "aria-label": I !== null && I !== void 0 ? I : T.closeButtonLabel,
                         className: G[l ? "topRight" : "centered"],
                         style: {
                             display: "flex",
@@ -188,24 +188,22 @@ const ee = [
         })
     });
 }), 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;
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: I, duration: t, onClose: o = ()=>{}, type: c = "INFORMATIVE", withDismiss: d, 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);
+    const a = _(), s = e.useRef(o), p = e.useRef(!1);
     return e.useEffect(()=>{
         s.current = o;
     }, [
         o
     ]), e.useEffect(()=>{
-        a && !I.current && (I.current = !0, b({
+        a && !p.current && (p.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,
-            closeButtonLabel: d,
             type: c,
-            withDismiss: p
+            withDismiss: d
         }).then((v)=>{
             const i = v;
             i != null && i.action && ee.includes(i.action) ? s.current({
@@ -214,27 +212,27 @@ const ee = [
                 action: "DISMISS"
             });
         }).finally(()=>{
-            I.current = !1;
+            p.current = !1;
         }));
     }, [
         u,
-        d,
+        I,
         n,
         t,
         m,
         a,
         c,
-        p
+        d
     ]), a ? null : /* @__PURE__ */ r(ne, {
         ref: g,
         message: m,
         duration: t,
         buttonText: n,
         buttonAccessibilityLabel: u,
-        closeButtonLabel: d,
+        closeButtonLabel: I,
         type: c,
         onClose: s.current,
-        withDismiss: p,
+        withDismiss: d,
         dataAttributes: R
     });
 }), Se = oe;