@telefonica/mistica 11.5.0 → 11.5.1

package/dist/carousel.js

@@ -224,6 +224,9 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
     var _obj, _obj1, _obj2;
     return {
         carouselContainer: {
+            // This value is a workaround to solve an issue when the page is rendered in a hidden webview
+            // in that case the window size is reported as 0 and the scroll snap is placed at the wrong slide
+            minWidth: 64,
             position: "relative"
         },
         arrowButton: _objectSpread({}, arrowButtonStyle(theme), {

package/dist/feedback.js

@@ -245,6 +245,14 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         }
     };
 });
+var BackgroundColor = function BackgroundColor() {
+    var colors = (0, _hooks).useTheme().colors;
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var css = "body {background:".concat(isInverse ? colors.backgroundBrand : colors.background, "}");
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("style", {
+        children: css
+    });
+};
 var requestVibration = function requestVibration(type) {
     if ((0, _webviewBridge).isWebViewBridgeAvailable()) {
         (0, _webviewBridge).requestVibration(type).catch(function() {});
@@ -354,7 +362,7 @@ var FeedbackScreen = function FeedbackScreen(param) {
     var title = param.title, description = param.description, children = param.children, primaryButton = param.primaryButton, secondaryButton = param.secondaryButton, link = param.link, hapticFeedback = param.hapticFeedback, icon = param.icon, _animateText = param.animateText, animateText = _animateText === void 0 ? false : _animateText, unstable_inlineInDesktop = param.unstable_inlineInDesktop, imageUrl = param.imageUrl, imageFit = param.imageFit, dataAttributes = param.dataAttributes;
     useHapticFeedback(hapticFeedback);
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
-    var ref = (0, _hooks).useTheme(), colors = ref.colors, platformOverrides = ref.platformOverrides, isDarkMode = ref.isDarkMode;
+    var ref = (0, _hooks).useTheme(), colors = ref.colors, platformOverrides = ref.platformOverrides, isDarkMode = ref.isDarkMode, skinName = ref.skinName;
     var windowHeight = (0, _hooks).useWindowHeight();
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
     var ref1 = _slicedToArray(React.useState(typeof self !== "undefined"), 2), isServerSide = ref1[0], setIsServerSide = ref1[1];
@@ -423,9 +431,10 @@ var FeedbackScreen = function FeedbackScreen(param) {
                     children: feedbackContent
                 })
             }),
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+            skinName === _constants.O2_CLASSIC_SKIN && /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 className: classes.backgroundDiv
-            })
+            }),
+            skinName !== _constants.O2_CLASSIC_SKIN && /*#__PURE__*/ (0, _jsxRuntime).jsx(BackgroundColor, {})
         ]
     }) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_responsiveLayout.default, {
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {

package/dist/package-version.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.PACKAGE_VERSION = void 0;
-var PACKAGE_VERSION = "11.5.0";
+var PACKAGE_VERSION = "11.5.1";
 exports.PACKAGE_VERSION = PACKAGE_VERSION;

package/dist-es/carousel.js

@@ -191,6 +191,9 @@ var useStyles = createUseStyles(function(theme) {
     var _obj, _obj1, _obj2;
     return {
         carouselContainer: {
+            // This value is a workaround to solve an issue when the page is rendered in a hidden webview
+            // in that case the window size is reported as 0 and the scroll snap is placed at the wrong slide
+            minWidth: 64,
             position: "relative"
         },
         arrowButton: _objectSpread({}, arrowButtonStyle(theme), {

package/dist-es/feedback.js

@@ -106,7 +106,7 @@ import { useTheme, useScreenSize, useWindowHeight, useIsomorphicLayoutEffect } f
 import { ThemeVariant, useIsInverseVariant } from "./theme-variant-context";
 import ButtonFixedFooterLayout from "./button-fixed-footer-layout";
 import OverscrollColor from "./overscroll-color-context";
-import { VIVO_SKIN } from "./skins/constants";
+import { O2_CLASSIC_SKIN, VIVO_SKIN } from "./skins/constants";
 import IcnSuccess from "./icons/icon-success";
 import IconSuccessVivo from "./icons/icon-success-vivo";
 import IcnError from "./icons/icon-error";
@@ -213,6 +213,14 @@ var useStyles = createUseStyles(function(theme) {
         }
     };
 });
+var BackgroundColor = function() {
+    var colors = useTheme().colors;
+    var isInverse = useIsInverseVariant();
+    var css = "body {background:".concat(isInverse ? colors.backgroundBrand : colors.background, "}");
+    return /*#__PURE__*/ _jsx("style", {
+        children: css
+    });
+};
 var requestVibration = function(type) {
     if (isWebViewBridgeAvailable()) {
         requestVibrationNative(type).catch(function() {});
@@ -322,7 +330,7 @@ export var FeedbackScreen = function(param) {
     var title = param.title, description = param.description, children = param.children, primaryButton = param.primaryButton, secondaryButton = param.secondaryButton, link = param.link, hapticFeedback = param.hapticFeedback, icon = param.icon, _animateText = param.animateText, animateText = _animateText === void 0 ? false : _animateText, unstable_inlineInDesktop = param.unstable_inlineInDesktop, imageUrl = param.imageUrl, imageFit = param.imageFit, dataAttributes = param.dataAttributes;
     useHapticFeedback(hapticFeedback);
     var isInverse = useIsInverseVariant();
-    var ref = useTheme(), colors = ref.colors, platformOverrides = ref.platformOverrides, isDarkMode = ref.isDarkMode;
+    var ref = useTheme(), colors = ref.colors, platformOverrides = ref.platformOverrides, isDarkMode = ref.isDarkMode, skinName = ref.skinName;
     var windowHeight = useWindowHeight();
     var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
     var ref1 = _slicedToArray(React.useState(typeof self !== "undefined"), 2), isServerSide = ref1[0], setIsServerSide = ref1[1];
@@ -391,9 +399,10 @@ export var FeedbackScreen = function(param) {
                     children: feedbackContent
                 })
             }),
-            /*#__PURE__*/ _jsx("div", {
+            skinName === O2_CLASSIC_SKIN && /*#__PURE__*/ _jsx("div", {
                 className: classes.backgroundDiv
-            })
+            }),
+            skinName !== O2_CLASSIC_SKIN && /*#__PURE__*/ _jsx(BackgroundColor, {})
         ]
     }) : /*#__PURE__*/ _jsx(ResponsiveLayout, {
         children: /*#__PURE__*/ _jsx(Box, {

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
 // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
-export var PACKAGE_VERSION = "11.5.0";
+export var PACKAGE_VERSION = "11.5.1";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "11.5.0",
+    "version": "11.5.1",
     "license": "MIT",
     "repository": {
         "type": "git",