@wlloyalty/wll-react-sdk 1.6.16 → 1.6.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/native.js +3 -5
- package/dist/native.js.map +1 -1
- package/dist/web.js +7 -5
- package/dist/web.js.map +1 -1
- package/package.json +1 -1
package/dist/web.js
CHANGED
|
@@ -20588,9 +20588,11 @@ var ContentTileMedia = function (_a) {
|
|
|
20588
20588
|
if (!artworkUrl) return null;
|
|
20589
20589
|
var hasArtwork = Boolean(artworkUrl);
|
|
20590
20590
|
var styles = useContentTileStyles(hasArtwork);
|
|
20591
|
-
var containerStyle = {
|
|
20591
|
+
var containerStyle = __assign({
|
|
20592
20592
|
flexBasis: isArtworkOnly ? '100%' : '50%'
|
|
20593
|
-
}
|
|
20593
|
+
}, isArtworkOnly && IS_WEB && {
|
|
20594
|
+
aspectRatio: 1
|
|
20595
|
+
});
|
|
20594
20596
|
return /*#__PURE__*/React.createElement(View$2, {
|
|
20595
20597
|
style: [styles.imageContainer, containerStyle],
|
|
20596
20598
|
testID: "content-tile-media",
|
|
@@ -22022,7 +22024,8 @@ var usePointsTileStyles = function (isFullSize) {
|
|
|
22022
22024
|
width: '100%'
|
|
22023
22025
|
},
|
|
22024
22026
|
contentColumn: {
|
|
22025
|
-
flexGrow: 1
|
|
22027
|
+
flexGrow: 1,
|
|
22028
|
+
paddingBottom: theme.sizes.xxs
|
|
22026
22029
|
},
|
|
22027
22030
|
mediaColumn: {
|
|
22028
22031
|
flexDirection: 'row',
|
|
@@ -22042,7 +22045,6 @@ var usePointsTileStyles = function (isFullSize) {
|
|
|
22042
22045
|
},
|
|
22043
22046
|
imageContainer: {
|
|
22044
22047
|
width: isFullSize ? '100%' : isDesktop ? 57 : 40,
|
|
22045
|
-
height: isFullSize ? '50%' : isDesktop ? 57 : 40,
|
|
22046
22048
|
marginBottom: isFullSize ? useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet) : 0,
|
|
22047
22049
|
backgroundColor: isFullSize ? theme.alphaDerivedPrimary[20] : theme.surface,
|
|
22048
22050
|
justifyContent: 'center',
|
|
@@ -22050,9 +22052,9 @@ var usePointsTileStyles = function (isFullSize) {
|
|
|
22050
22052
|
overflow: 'hidden'
|
|
22051
22053
|
},
|
|
22052
22054
|
image: {
|
|
22055
|
+
minHeight: 130,
|
|
22053
22056
|
width: '100%',
|
|
22054
22057
|
height: '100%',
|
|
22055
|
-
position: 'absolute',
|
|
22056
22058
|
resizeMode: 'contain'
|
|
22057
22059
|
}
|
|
22058
22060
|
});
|