@wlloyalty/wll-react-sdk 1.0.82 → 1.0.84

package/dist/native.js

@@ -1638,7 +1638,7 @@ var defaultTheme = {
 var COLOR_CONSTANTS = {
     MINIMUM_CONTRAST_RATIO: 2,
     DEFAULT_LIGHTNESS_ADJUSTMENT: 0.2,
-    DESATURATION_LIGHTEN_AMOUNT: 2,
+    DESATURATION_LIGHTEN_AMOUNT: 0.8,
     DEFAULT_COLOR: '#FFFFFF',
 };
 
@@ -2232,9 +2232,7 @@ var ProgressiveImage = function (_a) {
         ? {
             filter: isDesaturated ? 'grayscale(100%)' : undefined,
         }
-        : {
-            tintColor: isDesaturated ? desaturatedColor : undefined,
-        };
+        : {};
     return (jsxRuntimeExports.jsxs(reactNative.View, { style: [styles$7.container, style, { backgroundColor: backgroundColor }], children: [jsxRuntimeExports.jsx(reactNative.Animated.View, { style: [
                     styles$7.imageOverlay,
                     {
@@ -2261,7 +2259,6 @@ var styles$7 = reactNative.StyleSheet.create({
         position: 'relative',
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: 'red',
         width: '100%',
         height: '100%',
     },
@@ -2804,7 +2801,6 @@ var styles$5 = reactNative.StyleSheet.create({
         position: 'absolute',
         top: 10,
         right: 10,
-        backgroundColor: 'red',
         paddingHorizontal: 12,
         paddingVertical: 6,
         borderRadius: 4,
@@ -3652,7 +3648,6 @@ var Grid = function (_a) {
                 width: "calc(".concat(100 / columns, "% - ").concat(((columns - 1) * GRID_GAP) / columns, "px)"),
                 marginBottom: GRID_GAP,
                 height: 'auto',
-                aspectRatio: 1,
             };
         }
         else {
@@ -3662,7 +3657,6 @@ var Grid = function (_a) {
             return {
                 width: tileWidth,
                 marginBottom: GRID_GAP,
-                aspectRatio: 1,
             };
         }
     }, []);
@@ -3694,12 +3688,9 @@ var Grid = function (_a) {
                 return true;
             };
             if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
-                var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
                 tileContainers.push(jsxRuntimeExports.jsx(reactNative.View, { style: [
                         // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
                         getTileWidth(columnsPerRow),
-                        IS_WEB && !isLastInRow && { marginRight: GRID_GAP },
-                        { overflow: 'hidden' },
                     ], children: jsxRuntimeExports.jsx(TileContainer, { tiles: currentTiles }) }, "container-".concat(index)));
                 currentTiles = [];
             }
@@ -3713,7 +3704,7 @@ var styles$2 = reactNative.StyleSheet.create({
         flexDirection: 'row',
         flexWrap: 'wrap',
         width: '100%',
-        justifyContent: 'space-between', // Ensure tiles are evenly spaced
+        justifyContent: 'space-between',
     },
 });
 
@@ -3753,9 +3744,8 @@ var styles$1 = reactNative.StyleSheet.create({
         width: 21,
         height: 21,
         borderRadius: 9999,
-        backgroundColor: 'red',
-        alignItems: 'center',
         justifyContent: 'center',
+        alignItems: 'center',
     },
 });
 
@@ -4189,8 +4179,8 @@ var usePointsTileStyles = function (isFullSize) {
             justifyContent: 'center',
         },
         imageContainer: {
-            width: isFullSize ? '100%' : 57,
-            height: isFullSize ? '50%' : 57,
+            width: isFullSize ? '100%' : isDesktop ? 57 : 40,
+            height: isFullSize ? '50%' : isDesktop ? 57 : 40,
             marginBottom: isFullSize
                 ? useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet)
                 : 0,
@@ -4502,7 +4492,7 @@ var RewardTileTitle = function () {
     var name = tileContext.configuration.name;
     if (!name)
         return null;
-    return (jsxRuntimeExports.jsx(Text, { variant: "title", ellipsizeMode: "tail", numberOfLines: 1, accessibilityRole: "header", accessibilityLabel: "Reward title: ".concat(name), testID: "reward-tile-title", children: name }));
+    return (jsxRuntimeExports.jsx(Text, { variant: "title", ellipsizeMode: "tail", numberOfLines: 1, accessibilityRole: "header", accessibilityLabel: "Reward title: ".concat(name), testID: "reward-tile-title", style: { flex: 1, marginRight: 8 }, children: name }));
 };
 
 /**