@telefonica/mistica 12.11.0 → 12.12.0

package/dist-es/feedback.js

@@ -127,120 +127,119 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as b from "react";
-import { useTheme as f, useWindowHeight as oe, useScreenSize as B, useIsomorphicLayoutEffect as $ } from "./hooks.js";
-import { useIsInverseVariant as q, ThemeVariant as E } from "./theme-variant-context.js";
+import * as h from "react";
+import { useTheme as b, useWindowHeight as oe, useScreenSize as B, useIsomorphicLayoutEffect as $ } from "./hooks.js";
+import { useIsInverseVariant as q, ThemeVariant as re } from "./theme-variant-context.js";
 import te from "./button-fixed-footer-layout.js";
-import L from "./overscroll-color-context.js";
-import { O2_CLASSIC_SKIN as O, VIVO_SKIN as _ } from "./skins/constants.js";
-import z from "./icons/icon-success.js";
-import R from "./icons/icon-success-vivo.js";
+import E from "./overscroll-color-context.js";
+import { O2_CLASSIC_SKIN as O, VIVO_SKIN as L } from "./skins/constants.js";
+import _ from "./icons/icon-success.js";
+import z from "./icons/icon-success-vivo.js";
 import ne from "./icons/icon-error.js";
 import ce from "./icons/icon-info.js";
-import { isWebViewBridgeAvailable as se, requestVibration as ie } from "@tef-novum/webview-bridge";
-import { isOldChrome as ae, isRunningAcceptanceTest as de } from "./utils/platform.js";
-import { Text2 as le, Text6 as me, Text3 as ue } from "./text.js";
-import x from "./box.js";
+import { isWebViewBridgeAvailable as se, requestVibration as ae } from "@tef-novum/webview-bridge";
+import { isOldChrome as ie, isRunningAcceptanceTest as de } from "./utils/platform.js";
+import { Text2 as me, Text6 as le, Text3 as ue } from "./text.js";
+import A from "./box.js";
 import { Boxed as pe } from "./boxed.js";
-import F from "./responsive-layout.js";
-import h from "./stack.js";
-import fe from "classnames";
-import he from "./button-group.js";
-import { vars as l } from "./skins/skin-contract.css-mistica.js";
-import { innerContainer as W, feedbackData as be, feedbackDataAppear as ke, feedbackDataAppearActive as ge, desktopContainer as Se, desktopContent as ve, container as Ie } from "./feedback.css-mistica.js";
-import { sprinkles as Fe } from "./sprinkles.css-mistica.js";
-import { jsxs as i, Fragment as Be, jsx as r } from "./_virtual/jsx-runtime.js";
-var j = function(e) {
-    return !ae(e) && !de(e);
-}, K = function(param) {
-    var e = param.primaryButton, o = param.secondaryButton;
-    return !!e || !!o;
-}, xe = function() {
-    var ref = f(), e = ref.colors, t = "body {background:".concat(q() ? e.backgroundBrand : e.background, "}");
-    return /* @__PURE__ */ r("style", {
+import I from "./responsive-layout.js";
+import f from "./stack.js";
+import be from "classnames";
+import fe from "./button-group.js";
+import { vars as p } from "./skins/skin-contract.css-mistica.js";
+import { innerContainer as R, feedbackData as he, feedbackDataAppear as ke, feedbackDataAppearActive as ge, desktopContainer as Se, desktopContent as Fe, container as ve } from "./feedback.css-mistica.js";
+import { jsxs as a, Fragment as Ie, jsx as e } from "./_virtual/jsx-runtime.js";
+var W = function(o) {
+    return !ie(o) && !de(o);
+}, j = function(param) {
+    var o = param.primaryButton, r = param.secondaryButton;
+    return !!o || !!r;
+}, Be = function() {
+    var ref = b(), o = ref.colors, t = "body {background:".concat(q() ? o.backgroundBrand : o.background, "}");
+    return /* @__PURE__ */ e("style", {
         children: t
     });
-}, D = function(e) {
-    se() && ie(e).catch(function() {});
-}, G = function(e) {
-    b.useEffect(function() {
-        var o;
-        return e === "success" && (o = setTimeout(function() {
+}, D = function(o) {
+    se() && ae(o).catch(function() {});
+}, K = function(o) {
+    h.useEffect(function() {
+        var r;
+        return o === "success" && (r = setTimeout(function() {
             return D("success");
-        }, 700)), e === "error" && (o = setTimeout(function() {
+        }, 700)), o === "error" && (r = setTimeout(function() {
             return D("error");
         }, 1e3)), function() {
-            clearTimeout(o);
+            clearTimeout(r);
         };
     }, [
-        e
+        o
     ]);
-}, M = function() {
-    var ref = _slicedToArray(b.useState(!1), 2), e = ref[0], o = ref[1];
+}, G = function() {
+    var ref = _slicedToArray(h.useState(!1), 2), o = ref[0], r = ref[1];
     return $(function() {
         var t = window.requestAnimationFrame(function() {
-            o(!0);
+            r(!0);
         });
         return function() {
             return window.cancelAnimationFrame(t);
         };
-    }, []), e;
-}, P = function(param, c, s) {
-    var e = param.icon, o = param.title, t = param.description, n = param.children;
-    var a = t && Array.isArray(t) ? /* @__PURE__ */ r(h, {
+    }, []), o;
+}, M = function(param, c, s) {
+    var o = param.icon, r = param.title, t = param.description, n = param.children;
+    var i = t && Array.isArray(t) ? /* @__PURE__ */ e(f, {
         space: 16,
-        children: t.map(function(m, u) {
-            return /* @__PURE__ */ r("p", {
-                children: m
-            }, u);
+        children: t.map(function(l, d) {
+            return /* @__PURE__ */ e("p", {
+                children: l
+            }, d);
         })
     }) : t;
-    return /* @__PURE__ */ i(h, {
+    return /* @__PURE__ */ a(f, {
         space: 24,
         children: [
-            e,
-            /* @__PURE__ */ i(h, {
+            o,
+            /* @__PURE__ */ a(f, {
                 space: 16,
-                className: fe(be, c && ke, c && s && ge),
+                className: be(he, c && ke, c && s && ge),
                 children: [
-                    /* @__PURE__ */ r(me, {
+                    /* @__PURE__ */ e(le, {
                         as: "h1",
-                        children: o
+                        children: r
                     }),
-                    a && /* @__PURE__ */ r(ue, {
+                    i && /* @__PURE__ */ e(ue, {
                         regular: !0,
-                        color: l.colors.textSecondary,
-                        children: a
+                        color: p.colors.textSecondary,
+                        children: i
                     }),
                     n
                 ]
             })
         ]
     });
-}, U = function(e, o) {
-    var t = K(o);
-    return /* @__PURE__ */ i(h, {
+}, P = function(o, r) {
+    var t = j(r);
+    return /* @__PURE__ */ a(f, {
         space: 24,
         children: [
-            e,
-            t && /* @__PURE__ */ r(he, _objectSpread({}, o))
+            o,
+            t && /* @__PURE__ */ e(fe, _objectSpread({}, r))
         ]
     });
-}, J = function(param) {
-    var e = param.isInverse, o = param.inlineFeedbackBody, t = param.imageFit, n = param.imageUrl, c = param.dataAttributes;
-    return /* @__PURE__ */ i(pe, {
+}, U = function(param) {
+    var o = param.isInverse, r = param.inlineFeedbackBody, t = param.imageFit, n = param.imageUrl, c = param.dataAttributes;
+    return /* @__PURE__ */ a(pe, {
         className: Se,
-        isInverse: e,
+        isInverse: o,
         dataAttributes: c,
         children: [
-            /* @__PURE__ */ r("div", {
-                className: ve,
-                children: /* @__PURE__ */ r(x, {
+            /* @__PURE__ */ e("div", {
+                className: Fe,
+                children: /* @__PURE__ */ e(A, {
                     padding: 64,
-                    children: o
+                    children: r
                 })
             }),
-            n && /* @__PURE__ */ r("div", {
+            n && /* @__PURE__ */ e("div", {
                 style: {
                     backgroundImage: "url(".concat(n, ")"),
                     backgroundPosition: t === "fit" ? "bottom right" : "center right",
@@ -252,56 +251,56 @@ var j = function(e) {
             })
         ]
     });
-}, T = function(param) {
-    var e = param.title, o = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, s = param.link, a = param.hapticFeedback, m = param.icon, tmp = param.animateText, u = tmp === void 0 ? !1 : tmp, k = param.unstable_inlineInDesktop, g = param.imageUrl, S = param.imageFit, v = param.dataAttributes;
-    G(a);
-    var d = q(), ref = f(), I = ref.platformOverrides, p = ref.isDarkMode, y = ref.skinName, Q = oe(), ref1 = B(), A = ref1.isTabletOrSmaller, ref2 = _slicedToArray(b.useState((typeof self === "undefined" ? "undefined" : _typeof(self)) < "u"), 2), X = ref2[0], Y = ref2[1], ref3 = _slicedToArray(b.useState(0), 2), C = ref3[0], Z = ref3[1], N = X ? "100vh" : "".concat(Q - C, "px"), V = K({
+}, x = function(param) {
+    var o = param.title, r = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, s = param.link, i = param.hapticFeedback, l = param.icon, tmp = param.animateText, d = tmp === void 0 ? !1 : tmp, k = param.unstable_inlineInDesktop, g = param.imageUrl, S = param.imageFit, F = param.dataAttributes;
+    K(i);
+    var m = q(), ref = b(), v = ref.platformOverrides, u = ref.isDarkMode, T = ref.skinName, J = oe(), ref1 = B(), y = ref1.isTabletOrSmaller, ref2 = _slicedToArray(h.useState((typeof self === "undefined" ? "undefined" : _typeof(self)) < "u"), 2), Q = ref2[0], X = ref2[1], ref3 = _slicedToArray(h.useState(0), 2), C = ref3[0], Y = ref3[1], N = Q ? "100vh" : "".concat(J - C, "px"), V = j({
         primaryButton: n,
         secondaryButton: c,
         link: s
-    }), ee = M();
+    }), Z = G();
     $(function() {
-        Y(!1);
+        X(!1);
     }, []);
-    var w = P({
-        icon: m,
-        title: e,
-        description: o,
+    var w = M({
+        icon: l,
+        title: o,
+        description: r,
         children: t
-    }, u && j(I), ee), H = U(w, {
+    }, d && W(v), Z), H = P(w, {
         primaryButton: n,
         secondaryButton: c,
         link: s
     });
-    if (!A && k) return H;
-    var re = /* @__PURE__ */ r("div", {
-        className: Ie,
-        children: /* @__PURE__ */ r(F, {
-            children: /* @__PURE__ */ r("div", {
-                className: W,
+    if (!y && k) return H;
+    var ee = /* @__PURE__ */ e("div", {
+        className: ve,
+        children: /* @__PURE__ */ e(I, {
+            children: /* @__PURE__ */ e("div", {
+                className: R,
                 children: w
             })
         })
     });
-    return A ? /* @__PURE__ */ i(Be, {
+    return y ? /* @__PURE__ */ a(Ie, {
         children: [
-            d && /* @__PURE__ */ r(L, {}),
-            /* @__PURE__ */ r("div", {
+            m && /* @__PURE__ */ e(E, {}),
+            /* @__PURE__ */ e("div", {
                 style: {
                     position: "relative"
                 },
-                children: /* @__PURE__ */ r(te, {
+                children: /* @__PURE__ */ e(te, {
                     isFooterVisible: V,
                     button: n,
                     secondaryButton: c,
                     link: s,
-                    footerBgColor: d && !p ? l.colors.backgroundFeedbackBottom : void 0,
-                    containerBgColor: d && !p ? l.colors.backgroundFeedbackBottom : void 0,
-                    onChangeFooterHeight: Z,
-                    children: re
+                    footerBgColor: m && !u ? p.colors.backgroundFeedbackBottom : void 0,
+                    containerBgColor: m && !u ? p.colors.backgroundFeedbackBottom : void 0,
+                    onChangeFooterHeight: Y,
+                    children: ee
                 })
             }),
-            y === O && /* @__PURE__ */ r("div", {
+            T === O && /* @__PURE__ */ e("div", {
                 style: {
                     position: "absolute",
                     bottom: C,
@@ -309,94 +308,110 @@ var j = function(e) {
                     left: 0,
                     right: 0,
                     height: V ? "calc(".concat(N, " + 1px)") : "calc(".concat(N, ")"),
-                    background: d ? l.colors.backgroundBrand : l.colors.background
+                    background: m ? p.colors.backgroundBrand : p.colors.background
                 }
             }),
-            y !== O && /* @__PURE__ */ r(xe, {})
+            T !== O && /* @__PURE__ */ e(Be, {})
         ]
-    }) : /* @__PURE__ */ r(F, {
-        children: /* @__PURE__ */ r(x, {
+    }) : /* @__PURE__ */ e(I, {
+        children: /* @__PURE__ */ e(A, {
             paddingTop: 64,
-            children: J({
-                isInverse: d,
+            children: U({
+                isInverse: m,
                 inlineFeedbackBody: H,
                 imageFit: S,
                 imageUrl: g,
-                dataAttributes: v
+                dataAttributes: F
             })
         })
     });
-}, Pe = function(e) {
-    var ref = B(), o = ref.isTabletOrSmaller, ref1 = f(), t = ref1.skinName;
-    return /* @__PURE__ */ r(E, {
-        isInverse: !e.unstable_inlineInDesktop || o,
-        children: /* @__PURE__ */ r(T, _objectSpreadProps(_objectSpread({}, e), {
+}, Ge = function(_param) {
+    var o = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    var ref = B(), t = ref.isTabletOrSmaller, ref1 = b(), n = ref1.skinName;
+    return /* @__PURE__ */ e(re, {
+        isInverse: !r.unstable_inlineInDesktop || t,
+        children: /* @__PURE__ */ e(x, _objectSpreadProps(_objectSpread({}, r), {
             hapticFeedback: "success",
-            icon: t === _ ? /* @__PURE__ */ r(R, {}) : /* @__PURE__ */ r(z, {}),
+            icon: n === L ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(_, {}),
             animateText: !0,
-            imageUrl: e.imageUrl,
-            imageFit: e.imageFit
+            imageUrl: r.imageUrl,
+            imageFit: r.imageFit,
+            dataAttributes: _objectSpread({
+                "component-name": "SuccessFeedbackScreen"
+            }, o)
         }))
     });
-}, Ue = function(_param) {
-    var e = _param.children, o = _param.errorReference, t = _objectWithoutProperties(_param, [
+}, Me = function(_param) {
+    var o = _param.children, r = _param.errorReference, t = _param.dataAttributes, n = _objectWithoutProperties(_param, [
         "children",
-        "errorReference"
+        "errorReference",
+        "dataAttributes"
     ]);
-    var ref = f(), n = ref.colors;
-    return /* @__PURE__ */ i(T, _objectSpreadProps(_objectSpread({}, t), {
+    var ref = b(), c = ref.colors;
+    return /* @__PURE__ */ a(x, _objectSpreadProps(_objectSpread({}, n), {
         hapticFeedback: "error",
-        icon: /* @__PURE__ */ r(ne, {}),
+        icon: /* @__PURE__ */ e(ne, {}),
         animateText: !0,
+        dataAttributes: _objectSpread({
+            "component-name": "ErrorFeedbackScreen"
+        }, t),
         children: [
-            e,
-            o && /* @__PURE__ */ r(le, {
-                color: n.textSecondary,
+            o,
+            r && /* @__PURE__ */ e(me, {
+                color: c.textSecondary,
                 regular: !0,
-                children: o
+                children: r
             })
         ]
     }));
-}, Je = function(e) {
-    return /* @__PURE__ */ r(T, _objectSpreadProps(_objectSpread({}, e), {
-        icon: /* @__PURE__ */ r(ce, {})
-    }));
-}, Qe = function(param) {
-    var e = param.title, o = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, s = param.link, a = param.imageUrl, m = param.imageFit, u = param.dataAttributes;
-    G("success");
-    var ref = B(), k = ref.isTabletOrSmaller, ref1 = f(), g = ref1.skinName, S = ref1.platformOverrides, v = M(), I = P({
-        icon: g === _ ? /* @__PURE__ */ r(R, {}) : /* @__PURE__ */ r(z, {}),
-        title: e,
-        description: o,
+}, Pe = function(_param) /* @__PURE__ */ {
+    var o = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    return e(x, _objectSpread({
+        dataAttributes: _objectSpread({
+            "component-name": "InfoFeedbackScreen"
+        }, o),
+        icon: /* @__PURE__ */ e(ce, {})
+    }, r));
+}, Ue = function(param) {
+    var o = param.title, r = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, s = param.link, i = param.imageUrl, l = param.imageFit, d = param.dataAttributes;
+    K("success");
+    var ref = B(), k = ref.isTabletOrSmaller, ref1 = b(), g = ref1.skinName, S = ref1.platformOverrides, F = G(), v = M({
+        icon: g === L ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(_, {}),
+        title: o,
+        description: r,
         children: t
-    }, j(S), v), p = U(I, {
+    }, W(S), F), u = P(v, {
         primaryButton: n,
         secondaryButton: c,
         link: s
     });
-    return /* @__PURE__ */ r(E, {
+    return k ? /* @__PURE__ */ a(I, {
         isInverse: !0,
-        children: k ? /* @__PURE__ */ i(F, {
-            className: Fe({
-                background: l.colors.backgroundBrand
-            }),
-            children: [
-                /* @__PURE__ */ r(L, {}),
-                /* @__PURE__ */ r(x, {
-                    paddingBottom: 32,
-                    children: /* @__PURE__ */ r("div", {
-                        className: W,
-                        children: p
-                    })
+        children: [
+            /* @__PURE__ */ e(E, {}),
+            /* @__PURE__ */ e(A, {
+                paddingBottom: 32,
+                dataAttributes: _objectSpread({
+                    "component-name": "SuccessFeedback"
+                }, d),
+                children: /* @__PURE__ */ e("div", {
+                    className: R,
+                    children: u
                 })
-            ]
-        }) : J({
-            isInverse: !0,
-            inlineFeedbackBody: p,
-            imageFit: m,
-            imageUrl: a,
-            dataAttributes: u
-        })
+            })
+        ]
+    }) : U({
+        isInverse: !0,
+        inlineFeedbackBody: u,
+        imageFit: l,
+        imageUrl: i,
+        dataAttributes: _objectSpread({
+            "component-name": "SuccessFeedback"
+        }, d)
     });
 };
-export { Ue as ErrorFeedbackScreen, T as FeedbackScreen, Je as InfoFeedbackScreen, Qe as SuccessFeedback, Pe as SuccessFeedbackScreen };
+export { Me as ErrorFeedbackScreen, x as FeedbackScreen, Pe as InfoFeedbackScreen, Ue as SuccessFeedback, Ge as SuccessFeedbackScreen };

package/dist-es/fixed-footer-layout.css-mistica.js

@@ -0,0 +1,7 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./fixed-footer-layout.css.ts.vanilla.js";
+var v = "p5j8j58", a = "p5j8j56 _1y2v1nf2g", j = "p5j8j54", t = "p5j8j53 _1y2v1nf75 _1y2v1nf2f", e = {
+    footerHeight: "var(--p5j8j50)",
+    backgroundColor: "var(--p5j8j51)"
+}, p = "_1y2v1nf4x";
+export { v as container, a as elevated, j as fixedFooter, t as footer, e as vars, p as withoutFooter };

package/dist-es/fixed-footer-layout.css.ts.vanilla.js

@@ -0,0 +1,2 @@
+var t = "";
+export { t as default };

package/dist-es/fixed-footer-layout.js

@@ -57,125 +57,76 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as u from "react";
-import g from "classnames";
-import z from "lodash/debounce";
-import { createUseStyles as I } from "./jss.js";
-import { isRunningAcceptanceTest as L } from "./utils/platform.js";
-import { useScreenSize as B, useTheme as C, useElementDimensions as N, useWindowHeight as P, useScreenHeight as W, useIsomorphicLayoutEffect as j } from "./hooks.js";
-import { getScrollableParentElement as h, addPassiveEventListener as E, removePassiveEventListener as w, hasScroll as x, getScrollDistanceToBottom as q } from "./utils/dom.js";
-import { jsxs as _, Fragment as F, jsx as f } from "./_virtual/jsx-runtime.js";
-var H = 2, U = function(t) {
-    return t === document.documentElement ? window : t;
-}, $ = function(t) {
-    var e = setTimeout(t, 0);
+import * as m from "react";
+import L from "classnames";
+import k from "lodash/debounce";
+import { isRunningAcceptanceTest as z } from "./utils/platform.js";
+import { useScreenSize as N, useTheme as P, useElementDimensions as W, useWindowHeight as j, useScreenHeight as _, useIsomorphicLayoutEffect as $ } from "./hooks.js";
+import { getScrollableParentElement as p, addPassiveEventListener as v, removePassiveEventListener as E, hasScroll as h, getScrollDistanceToBottom as H } from "./utils/dom.js";
+import { container as V, vars as S, footer as q, withoutFooter as G, elevated as J, fixedFooter as K } from "./fixed-footer-layout.css-mistica.js";
+import { assignInlineVars as M } from "@vanilla-extract/dynamic";
+import { jsxs as Q, Fragment as U, jsx as u } from "./_virtual/jsx-runtime.js";
+var X = 2, Y = function(e) {
+    return e === document.documentElement ? window : e;
+}, Z = function(e) {
+    var n = setTimeout(e, 0);
     return {
         cancel: function() {
-            return clearTimeout(e);
+            return clearTimeout(n);
         }
     };
-}, G = I(function(t) {
-    return _defineProperty({
-        footer: _defineProperty({
-            width: "100%",
-            backgroundColor: t.colors.background,
-            transition: "background 0.2s linear, box-shadow 0.2s linear"
-        }, t.mq.tabletOrSmaller, {
-            position: function(param) {
-                var e = param.hasContentEnoughVSpace, n = param.isContentWithScroll;
-                return e || !n ? "fixed" : "initial";
-            },
-            left: 0,
-            bottom: 0,
-            zIndex: 1
-        }),
-        elevated: {
-            backgroundColor: t.colors.backgroundContainer
-        },
-        withoutFooter: {
-            display: "none"
-        },
-        containerSmall: {
-            paddingBottom: function(param) {
-                var e = param.footerHeight;
-                return e;
-            },
-            backgroundColor: function(param) {
-                var e = param.containerBgColor;
-                return e || t.colors.background;
-            }
-        }
-    }, t.mq.tabletOrSmaller, {
-        containerSmall: {
-            paddingBottom: function(param) {
-                var e = param.footerHeight, n = param.isContentWithScroll, r = param.hasContentEnoughVSpace;
-                return r || !n ? e : 0;
-            }
-        },
-        elevated: {
-            boxShadow: "0 -2px 8px 0 rgba(0, 0, 0, 0.10)"
-        }
-    });
-}), tt = function(param) {
-    var tmp = param.isFooterVisible, t = tmp === void 0 ? !0 : tmp, e = param.footer, tmp1 = param.footerHeight, n = tmp1 === void 0 ? "auto" : tmp1, r = param.footerBgColor, T = param.containerBgColor, y = param.children, s = param.onChangeFooterHeight;
-    var ref = _slicedToArray(u.useState(!1), 2), k = ref[0], O = ref[1], c = u.useRef(null), ref1 = B(), p = ref1.isTabletOrSmaller, ref2 = C(), S = ref2.platformOverrides, ref3 = N(), a = ref3.height, R = ref3.ref, v = P(), b = W(), d = v - a > b / H;
-    j(function() {
-        s == null || s(a);
+}, ie = function(param) {
+    var tmp = param.isFooterVisible, e = tmp === void 0 ? !0 : tmp, n = param.footer, tmp1 = param.footerHeight, x = tmp1 === void 0 ? "auto" : tmp1, T = param.footerBgColor, i = param.containerBgColor, w = param.children, s = param.onChangeFooterHeight;
+    var ref = _slicedToArray(m.useState(!1), 2), y = ref[0], b = ref[1], a = m.useRef(null), ref1 = N(), g = ref1.isTabletOrSmaller, ref2 = P(), d = ref2.platformOverrides, ref3 = W(), o = ref3.height, R = ref3.ref, A = j(), D = _(), c = A - o > D / X;
+    $(function() {
+        s == null || s(o);
     }, [
         s,
-        a
-    ]), u.useEffect(function() {
-        var m = h(c.current), A = function() {
-            return L(S) || !d ? !1 : x(m) ? q(m) > 1 : !1;
-        }, o = z(function() {
-            O(A());
+        o
+    ]), m.useEffect(function() {
+        var l = p(a.current), O = function() {
+            return z(d) || !c ? !1 : h(l) ? H(l) > 1 : !1;
+        }, t = k(function() {
+            b(O());
         }, 50, {
             leading: !0,
             maxWait: 200
-        }), D = $(o), l = U(m);
-        return E(l, "resize", o), E(l, "scroll", o), function() {
-            o.cancel(), w(l, "scroll", o), w(l, "resize", o), D.cancel();
+        }), I = Z(t), r = Y(l);
+        return v(r, "resize", t), v(r, "scroll", t), function() {
+            t.cancel(), E(r, "scroll", t), E(r, "resize", t), I.cancel();
         };
     }, [
-        d,
-        S
+        c,
+        d
     ]);
-    var i = G({
-        footerBgColor: r,
-        containerBgColor: T,
-        footerHeight: a,
-        windowHeight: v,
-        screenHeight: b,
-        isContentWithScroll: function() {
-            return x(h(c.current));
-        }(),
-        hasContentEnoughVSpace: d
-    });
-    var _obj;
-    return /* @__PURE__ */ _(F, {
+    var F = h(p(a.current)), f = c || !F;
+    var _obj, _obj1;
+    return /* @__PURE__ */ Q(U, {
         children: [
-            /* @__PURE__ */ f("div", {
-                ref: c,
-                className: g(_defineProperty({}, i.containerSmall, p)),
-                children: y
+            /* @__PURE__ */ u("div", {
+                ref: a,
+                className: V,
+                style: M((_obj = {}, _defineProperty(_obj, S.backgroundColor, i != null ? i : ""), _defineProperty(_obj, S.footerHeight, f ? "".concat(o, "px") : "0px"), _obj)),
+                children: w
             }),
-            /* @__PURE__ */ f("div", {
+            /* @__PURE__ */ u("div", {
                 ref: R,
-                className: g(i.footer, (_obj = {}, _defineProperty(_obj, i.withoutFooter, !t), _defineProperty(_obj, i.elevated, k), _obj)),
+                className: L(q, (_obj1 = {}, _defineProperty(_obj1, G, !e), _defineProperty(_obj1, J, y), _defineProperty(_obj1, K, f), _obj1)),
                 style: {
-                    background: p ? r : void 0
+                    background: g ? T : void 0
                 },
-                "data-testid": "fixed-footer".concat(t ? "-visible" : "-hidden"),
+                "data-testid": "fixed-footer".concat(e ? "-visible" : "-hidden"),
                 "data-position-fixed": "bottom",
-                children: t && /* @__PURE__ */ f("aside", {
+                children: e && /* @__PURE__ */ u("aside", {
+                    "data-component-name": "FixedFooter",
                     style: {
-                        height: n,
+                        height: x,
                         marginBottom: "env(safe-area-inset-bottom)"
                     },
-                    children: e
+                    children: n
                 })
             })
         ]
     });
 };
-export { tt as default };
+export { ie as default };