@wlloyalty/wll-react-sdk 1.0.79 → 1.0.81

package/dist/native.js

@@ -3656,9 +3656,7 @@ var Grid = function (_a) {
             };
         }
         else {
-            // For mobile, we need to be very precise with our calculations
-            var horizontalPadding = GRID_GAP;
-            var availableWidth = SCREEN_WIDTH - horizontalPadding * 2;
+            var availableWidth = SCREEN_WIDTH - GRID_GAP * 2;
             var gapSpace = (columns - 1) * GRID_GAP;
             var tileWidth = Math.floor((availableWidth - gapSpace) / columns);
             return {
@@ -3700,8 +3698,8 @@ var Grid = function (_a) {
                 tileContainers.push(jsxRuntimeExports.jsx(reactNative.View, { style: [
                         // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
                         getTileWidth(columnsPerRow),
-                        !isLastInRow && { marginRight: GRID_GAP },
-                        { overflow: 'hidden' }, // Prevent content from overflowing
+                        IS_WEB && !isLastInRow && { marginRight: GRID_GAP },
+                        { overflow: 'hidden' },
                     ], children: jsxRuntimeExports.jsx(TileContainer, { tiles: currentTiles }) }, "container-".concat(index)));
                 currentTiles = [];
             }
@@ -4662,15 +4660,15 @@ var styles = reactNative.StyleSheet.create({
         flexDirection: 'column',
         flex: 1,
         aspectRatio: 1,
-        width: '100%', // Ensure the container takes full width
+        width: '100%',
     },
     tileContainer: {
         flex: 1,
-        aspectRatio: 1,
-        width: '100%', // Ensure each tile takes full width of its container
+        width: '100%',
     },
     halfTileContainer: {
         flex: 0.5,
+        height: '50%',
     },
 });