@telefonica/mistica 15.16.4 → 15.18.0

package/dist/chip.d.ts

@@ -11,6 +11,7 @@ interface SimpleChipProps {
 }
 interface ClosableChipProps extends SimpleChipProps {
     onClose: () => void;
+    closeButtonLabel?: string;
 }
 interface ToggleChipProps extends SimpleChipProps {
     active: boolean;

package/dist/chip.js

@@ -19,7 +19,6 @@ const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./gene
 const _css = require("./utils/css.js");
 const _chipcssmistica = require("./chip.css-mistica.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
-const _dom = require("./utils/dom.js");
 const _themevariantcontext = require("./theme-variant-context.js");
 const _touchable = /*#__PURE__*/ _interop_require_wildcard(require("./touchable.js"));
 function _interop_require_default(obj) {
@@ -121,13 +120,13 @@ function _object_spread_props(target, source) {
     return target;
 }
 const J = (e)=>{
-    const { Icon: n, children: R, id: T, dataAttributes: p, active: a, badge: r, onClose: s } = e, { texts: k, isDarkMode: I, textPresets: B } = (0, _hooks.useTheme)(), u = (0, _themevariantcontext.useThemeVariant)() === "alternative", f = n ? {
+    const { Icon: n, children: A, id: R, dataAttributes: T, active: a, badge: r, onClose: s, closeButtonLabel: k } = e, { texts: B, isDarkMode: I, textPresets: w } = (0, _hooks.useTheme)(), p = (0, _themevariantcontext.useThemeVariant)() === "alternative", f = n ? {
         mobile: 16,
         desktop: 8
     } : {
         mobile: 20,
         desktop: 12
-    }, w = {
+    }, y = {
         mobile: 20,
         desktop: 12
     }, g = {
@@ -146,20 +145,22 @@ const J = (e)=>{
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingRight: r ? 8 : s ? 4 : 0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                    id: T,
-                    weight: B.indicator.weight,
+                    id: R,
+                    weight: w.indicator.weight,
                     truncate: 1,
                     color: "currentColor",
-                    children: R
+                    children: A
                 })
             })
         ]
-    });
-    if (s) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
-        className: (0, _classnames.default)(u ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
+    }), c = _object_spread({
+        "component-name": "Chip"
+    }, T);
+    if (s) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
+        className: (0, _classnames.default)(p ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
         paddingLeft: f,
-        paddingRight: g
-    }, (0, _dom.getPrefixedDataAttributes)(p, "Chip")), {
+        paddingRight: g,
+        dataAttributes: c,
         children: [
             b,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
@@ -170,7 +171,7 @@ const J = (e)=>{
                     width: (0, _css.pxToRem)(24),
                     height: (0, _css.pxToRem)(24)
                 },
-                "aria-label": k.closeButtonLabel,
+                "aria-label": k !== null && k !== void 0 ? k : B.closeButtonLabel,
                 onPress: ()=>s(),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcloseregular.default, {
                     size: (0, _css.pxToRem)(16),
@@ -178,28 +179,26 @@ const J = (e)=>{
                 })
             })
         ]
-    }));
-    const c = e.href || e.onPress || e.to, y = a !== void 0 || c, v = _object_spread({
-        "component-name": "Chip"
-    }, p), N = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+    });
+    const l = e.href || e.onPress || e.to, N = a !== void 0 || l, j = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
             children: r === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
                 value: r
             })
-        }) : null, C = (P)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
-            className: (0, _classnames.default)(_chipcssmistica.chipVariants[a ? "active" : u ? "overAlternative" : "default"], c ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
-                [_chipcssmistica.chipInteractiveVariants[I ? "dark" : "light"]]: y
+        }) : null, v = (L)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
+            className: (0, _classnames.default)(_chipcssmistica.chipVariants[a ? "active" : p ? "overAlternative" : "default"], l ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
+                [_chipcssmistica.chipInteractiveVariants[I ? "dark" : "light"]]: N
             }),
             paddingLeft: f,
-            paddingRight: r ? g : w,
-            dataAttributes: P,
+            paddingRight: r ? g : y,
+            dataAttributes: L,
             children: [
                 b,
-                N()
+                j()
             ]
         });
-    return c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, e), {
+    return l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, e), {
         className: (0, _classnames.default)(_chipcssmistica.chipWrapper, _chipcssmistica.button),
-        dataAttributes: v,
-        children: C()
-    })) : C(v);
+        dataAttributes: c,
+        children: v()
+    })) : v(c);
 }, ot = J;

package/dist/dialog.d.ts

@@ -9,6 +9,7 @@ interface BaseDialogProps {
     acceptText?: string;
     onAccept?: () => void;
     destructive?: boolean;
+    closeButtonLabel?: string;
     /** @deprecated this does nothing */
     forceWeb?: boolean;
     /** @deprecated this does nothing */

package/dist/dialog.js

@@ -153,30 +153,30 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), de = (t)=>{
-    const { texts: i } = (0, _hooks.useTheme)(), { className: d, title: r, message: m, icon: n, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: f = i.dialogCancelButton, acceptText: b = i.dialogAcceptButton, onCancel: g, onAccept: v, destructive: B = !1 } = t, u = t.type === "dialog", h = u && !!t.link || l || s, C = {
-        onPress: v || (()=>{}),
-        children: b,
+const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), ue = (t)=>{
+    const { texts: i } = (0, _hooks.useTheme)(), { 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 = {
+        onPress: C || (()=>{}),
+        children: m,
         // @deprecated - testid should be removed but many webapp tests depend on this
         dataAttributes: {
             testid: "dialog-accept-button"
         }
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(_dialogcssmistica.variants[u ? "dialog" : "default"], d),
+        className: (0, _classnames.default)(_dialogcssmistica.variants[d ? "dialog" : "default"], u),
         children: [
-            n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _dialogcssmistica.iconContainer,
-                    children: /*#__PURE__*/ _react.cloneElement(n, {
+                    children: /*#__PURE__*/ _react.cloneElement(o, {
                         size: "100%"
                     })
                 })
             }),
             r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 16,
-                children: u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
+                children: d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
                     as: "h2",
                     children: r
                 }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
@@ -201,134 +201,137 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             regular: !0,
-                            children: m
+                            children: f
                         }),
                         c
                     ]
                 })
             }),
-            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            p && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _dialogcssmistica.dialogActions,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
-                    link: u ? t.link : void 0,
+                    link: d ? t.link : void 0,
                     primaryButton: l ? B ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
                         tabIndex: 1
-                    }, C)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
+                    }, y)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
                         tabIndex: 1
-                    }, C)) : void 0,
+                    }, y)) : void 0,
                     secondaryButton: s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
                         tabIndex: 2,
-                        onPress: g || (()=>{}),
+                        onPress: h || (()=>{}),
                         dataAttributes: {
                             testid: "dialog-cancel-button"
                         },
-                        children: f
+                        children: g
                     }) : void 0
                 })
             })
         ]
     });
-}, ue = (param)=>{
-    let { type: t, message: i, title: d, acceptText: r, cancelText: m, onAccept: n, onCancel: c, onDestroy: s } = param;
+}, de = (param)=>{
+    let { type: t, message: i, title: u, acceptText: r, cancelText: f, onAccept: o, onCancel: c, onDestroy: s } = param;
     return t === "confirm" ? (0, _webviewbridge.nativeConfirm)({
         message: i,
-        title: d,
-        cancelText: m,
+        title: u,
+        cancelText: f,
         acceptText: r
     }).then((l)=>{
-        l ? n == null || n() : c == null || c(), s();
+        l ? o == null || o() : c == null || c(), s();
     }) : (0, _webviewbridge.nativeAlert)({
         message: i,
-        title: d,
+        title: u,
         buttonText: r
     }).then(()=>{
-        n == null || n(), s();
+        o == null || o(), s();
     });
 }, me = (param)=>{
-    let { type: t, onAccept: i, onCancel: d, onDestroy: r, acceptText: m, cancelText: n, message: c, title: s } = param;
-    const { texts: l } = (0, _hooks.useTheme)(), f = _react.useRef({
+    let { type: t, onAccept: i, onCancel: u, onDestroy: r, acceptText: f, cancelText: o, message: c, title: s } = param;
+    const { texts: l } = (0, _hooks.useTheme)(), g = _react.useRef({
         type: t,
         onAccept: i,
-        onCancel: d,
+        onCancel: u,
         onDestroy: r,
-        acceptText: m || l.dialogAcceptButton,
-        cancelText: n || l.dialogCancelButton,
+        acceptText: f || l.dialogAcceptButton,
+        cancelText: o || l.dialogCancelButton,
         message: c,
         title: s
-    });
+    }), m = _react.useRef(!1);
     return _react.useEffect(()=>{
-        ue(f.current);
+        m.current || (m.current = !0, de(g.current).finally(()=>{
+            m.current = !1;
+        }));
     }, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
 }, Ie = (t)=>{
     (0, _modalcontextprovider.useSetModalStateEffect)();
-    const i = _react.useRef(null), { texts: d } = (0, _hooks.useTheme)(), [r, m] = _react.useState(!1), n = _react.useRef(!1), c = _react.useRef(!1), [s, l] = _react.useState(!1), f = _react.useRef(!1), b = _react.useRef(ce() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), g = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), v = t.type === "dialog", B = t.type === "alert", { onAccept: u, onCancel: h, onDestroy: C } = t, I = _object_without_properties(t, [
+    const i = _react.useRef(null), { texts: u } = (0, _hooks.useTheme)(), [r, f] = _react.useState(!1), o = _react.useRef(!1), c = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), m = _react.useRef(ce() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), h = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), C = t.type === "dialog", B = t.type === "alert", { onAccept: d, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
     _react.useEffect(()=>{
         const a = setTimeout(()=>{
-            n.current || l(!0);
-        }, b.current);
+            o.current || l(!0);
+        }, m.current);
         return ()=>{
             clearTimeout(a);
         };
     }, []);
     const x = _react.useCallback(()=>{
-        c.current || (c.current = !0, f.current ? u == null || u() : h == null || h(), C());
+        c.current || (c.current = !0, g.current ? d == null || d() : p == null || p(), y());
     }, [
-        u,
-        h,
-        C
+        d,
+        p,
+        y
     ]), R = _react.useCallback(()=>{
         let a;
-        return !n.current && s && (n.current = !0, l(!1), m(!0), a = setTimeout(x, b.current)), ()=>{
+        return !o.current && s && (o.current = !0, l(!1), f(!0), a = setTimeout(x, m.current)), ()=>{
             a && clearTimeout(a);
         };
     }, [
         x,
         s
     ]), N = _react.useCallback(()=>{
-        f.current = !0, R();
+        g.current = !0, R();
     }, [
         R
-    ]), y = _react.useCallback(()=>{
-        f.current = !1, R();
+    ]), b = _react.useCallback(()=>{
+        g.current = !1, R();
     }, [
         R
-    ]), p = _react.useCallback(()=>{
-        n.current || (B ? N() : y());
+    ]), v = _react.useCallback(()=>{
+        o.current || (B ? N() : b());
     }, [
         N,
-        y,
+        b,
         B
     ]), T = _react.useCallback((a)=>{
-        a.key === _keys.ESC && (a.stopPropagation(), a.preventDefault(), p());
+        a.key === _keys.ESC && (a.stopPropagation(), a.preventDefault(), v());
     }, [
-        p
+        v
     ]);
     _react.useEffect(()=>{
-        if (!g) return document.addEventListener("keydown", T), ()=>{
+        if (!h) return document.addEventListener("keydown", T), ()=>{
             document.removeEventListener("keydown", T);
         };
     }, [
         T,
-        g
+        h
     ]), _react.useEffect(()=>{
-        if (!g) return window.addEventListener("popstate", p), ()=>{
-            window.removeEventListener("popstate", p);
+        if (!h) return window.addEventListener("popstate", v), ()=>{
+            window.removeEventListener("popstate", v);
         };
     }, [
-        p,
-        g
+        v,
+        h
     ]);
     const P = _react.useCallback((a)=>{
-        a.stopPropagation(), v && y();
+        a.stopPropagation(), C && b();
     }, [
-        v,
-        y
+        C,
+        b
     ]);
-    return g ? /* @__PURE__ */ (0, _jsxruntime.jsx)(me, _object_spread({}, t)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+    var _t_closeButtonLabel;
+    return h ? /* @__PURE__ */ (0, _jsxruntime.jsx)(me, _object_spread({}, t)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         className: _dialogcssmistica.wrapper,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -345,30 +348,30 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                     children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         ref: i,
                         onAnimationEnd: (a)=>{
-                            a.target === i.current && (n.current || l(!0));
+                            a.target === i.current && (o.current || l(!0));
                         },
                         onTransitionEnd: (a)=>{
-                            a.target === i.current && n.current && x();
+                            a.target === i.current && o.current && x();
                         },
                         className: (0, _classnames.default)(_dialogcssmistica.modalContent, {
                             [_dialogcssmistica.closedModalContent]: r
                         }),
                         children: [
-                            v && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            C && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _dialogcssmistica.modalCloseButtonContainer,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
-                                    onPress: p,
-                                    "aria-label": d.modalClose || d.closeButtonLabel,
+                                    onPress: v,
+                                    "aria-label": (_t_closeButtonLabel = t.closeButtonLabel) !== null && _t_closeButtonLabel !== void 0 ? _t_closeButtonLabel : u.modalClose || u.closeButtonLabel,
                                     bleedLeft: !0,
                                     bleedRight: !0,
                                     bleedY: !0,
                                     Icon: _iconcloseregular.default
                                 })
                             }),
-                            /* @__PURE__ */ (0, _jsxruntime.jsx)(de, _object_spread_props(_object_spread({}, I), {
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)(ue, _object_spread_props(_object_spread({}, I), {
                                 showAcceptButton: t.type !== "dialog" || !!t.onAccept,
                                 showCancelButton: t.type === "confirm" || t.type === "dialog" && !!t.onCancel,
-                                onCancel: y,
+                                onCancel: b,
                                 onAccept: N
                             }))
                         ]

package/dist/feedback.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     ErrorFeedbackScreen: function() {
-        return We;
+        return _e;
     },
     FeedbackScreen: function() {
         return F;
     },
     InfoFeedbackScreen: function() {
-        return _e;
+        return qe;
     },
     SuccessFeedback: function() {
-        return qe;
+        return we;
     },
     SuccessFeedbackScreen: function() {
-        return Re;
+        return We;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -41,7 +41,7 @@ const _platform = require("./utils/platform.js");
 const _text = require("./text.js");
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
 const _boxed = require("./boxed.js");
-const _responsivelayout = /*#__PURE__*/ _interop_require_default(require("./responsive-layout.js"));
+const _responsivelayout = /*#__PURE__*/ _interop_require_wildcard(require("./responsive-layout.js"));
 const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-group.js"));
@@ -173,26 +173,26 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
+const R = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
     let { primaryButton: o, secondaryButton: r } = param;
     return !!o || !!r;
-}, T = (o)=>{
+}, B = (o)=>{
     (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(o).catch(()=>{});
 }, E = (o)=>{
     _react.useEffect(()=>{
         let r;
-        return o === "success" && (r = setTimeout(()=>T("success"), 700)), o === "error" && (r = setTimeout(()=>T("error"), 1e3)), ()=>{
+        return o === "success" && (r = setTimeout(()=>B("success"), 700)), o === "error" && (r = setTimeout(()=>B("error"), 1e3)), ()=>{
             clearTimeout(r);
         };
     }, [
         o
     ]);
-}, R = (param, n)=>{
+}, W = (param, n)=>{
     let { icon: o, title: r, description: t, extra: c } = param;
     const i = t && Array.isArray(t) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
         space: 16,
-        children: t.map((a, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
-                children: a
+        children: t.map((s, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                children: s
             }, m))
     }) : t;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
@@ -229,7 +229,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             })
         ]
     });
-}, W = (o, r)=>{
+}, _ = (o, r)=>{
     const t = D(r);
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
         space: {
@@ -241,7 +241,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, r))
         ]
     });
-}, _ = (param)=>{
+}, q = (param)=>{
     let { isInverse: o, body: r, imageFit: t, imageUrl: c, dataAttributes: n } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         borderRadius: _skincontractcssmistica.vars.borderRadii.legacyDisplay,
@@ -276,54 +276,60 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             ]
         })
     });
-}, pe = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
+}, be = ()=>((0, _overscrollcolorcontext.useSetOverscrollColor)({
         topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop,
         bottomColor: "transparent"
     }), null), F = (param)=>{
-    let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: a, hapticFeedback: m, icon: f, animateText: k = !1, isInverse: s = !1, unstable_inlineInDesktop: h, imageUrl: x, imageFit: g, dataAttributes: S } = param;
+    let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, hapticFeedback: m, icon: k, animateText: f = !1, isInverse: a = !1, unstable_inlineInDesktop: h, imageUrl: x, imageFit: g, dataAttributes: S } = param;
     E(m);
-    const { platformOverrides: q, isDarkMode: w } = (0, _hooks.useTheme)(), { isTabletOrSmaller: j } = (0, _hooks.useScreenSize)(), H = D({
+    const { platformOverrides: w, isDarkMode: L } = (0, _hooks.useTheme)(), { isTabletOrSmaller: j } = (0, _hooks.useScreenSize)(), H = D({
         primaryButton: n,
         secondaryButton: i,
-        link: a
-    }), I = R({
-        icon: f,
+        link: s
+    }), I = W({
+        icon: k,
         title: o,
         description: r,
         extra: c !== null && c !== void 0 ? c : t
-    }, k && O(q));
-    return !j && h ? W(I, {
+    }, f && R(w));
+    return !j && h ? _(I, {
         primaryButton: n,
         secondaryButton: i,
-        link: a
+        link: s
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         style: {
             position: "relative"
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_responsivelayout.default, {
             children: [
-                s && /* @__PURE__ */ (0, _jsxruntime.jsx)(pe, {}),
+                a && /* @__PURE__ */ (0, _jsxruntime.jsx)(be, {}),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingTop: {
                         desktop: 64,
                         mobile: 0
                     },
-                    children: _({
-                        isInverse: s,
-                        body: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
-                            isFooterVisible: H,
-                            button: n,
-                            secondaryButton: i,
-                            link: a,
-                            footerBgColor: s && !w ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
-                            containerBgColor: s ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                className: _feedbackcssmistica.container,
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                                    className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
-                                        [_feedbackcssmistica.innerContainerWithButtons]: n || i || a
-                                    }),
-                                    children: I
+                    children: q({
+                        isInverse: a,
+                        body: // doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.ResetResponsiveLayout, {
+                            skipDesktop: !0,
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
+                                isFooterVisible: H,
+                                button: n,
+                                secondaryButton: i,
+                                link: s,
+                                footerBgColor: a && !L ? _skincontractcssmistica.vars.colors.backgroundBrandBottom : void 0,
+                                containerBgColor: a ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background,
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                        className: _feedbackcssmistica.container,
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                            className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
+                                                [_feedbackcssmistica.innerContainerWithButtons]: n || i || s
+                                            }),
+                                            children: I
+                                        })
+                                    })
                                 })
                             })
                         }),
@@ -335,7 +341,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             ]
         })
     });
-}, Re = (_param)=>{
+}, We = (_param)=>{
     var { dataAttributes: o } = _param, r = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -357,7 +363,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             "component-name": "SuccessFeedbackScreen"
         }, o)
     }));
-}, We = (_param)=>{
+}, _e = (_param)=>{
     var { children: o, errorReference: r, dataAttributes: t } = _param, c = _object_without_properties(_param, [
         "children",
         "errorReference",
@@ -384,7 +390,7 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             ]
         })
     }));
-}, _e = (_param)=>{
+}, qe = (_param)=>{
     var { dataAttributes: o, Icon: r = _iconinfo.default } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "Icon"
@@ -397,13 +403,13 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
             size: "100%"
         })
     }, t));
-}, qe = (param)=>{
-    let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: a, imageUrl: m, imageFit: f, dataAttributes: k } = param;
+}, we = (param)=>{
+    let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, imageUrl: m, imageFit: k, dataAttributes: f } = param;
     E("success");
-    const { skinName: s, platformOverrides: h } = (0, _hooks.useTheme)(), g = R({
-        icon: s === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
+    const { skinName: a, platformOverrides: h } = (0, _hooks.useTheme)(), g = W({
+        icon: a === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
             size: "100%"
-        }) : s === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
+        }) : a === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
             size: "100%"
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
             size: "100%"
@@ -411,12 +417,12 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
         title: o,
         description: r,
         extra: c !== null && c !== void 0 ? c : t
-    }, O(h)), S = W(g, {
+    }, R(h)), S = _(g, {
         primaryButton: n,
         secondaryButton: i,
-        link: a
+        link: s
     });
-    return _({
+    return q({
         isInverse: !0,
         body: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: _feedbackcssmistica.backgroundBrand,
@@ -436,10 +442,10 @@ const O = (o)=>!(0, _platform.isRunningAcceptanceTest)(o), D = (param)=>{
                 })
             })
         }),
-        imageFit: f,
+        imageFit: k,
         imageUrl: m,
         dataAttributes: _object_spread({
             "component-name": "SuccessFeedback"
-        }, k)
+        }, f)
     });
 };

package/dist/generated/mistica-icons/icon-box-star-filled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconBoxStarFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconBoxStarFilled;