@wlloyalty/wll-react-sdk 1.0.41 → 1.0.42

package/dist/index.js

@@ -21001,18 +21001,13 @@ var TileContainer = function (_a) {
         });
     }
   };
-  // Check if all tiles are half height
-  var allHalfTiles = tiles.every(function (tile) {
-    return tile.tileHeight === exports.TileHeight.Half;
-  });
   return /*#__PURE__*/React__namespace.createElement(View$2, {
-    style: [styles.container, {
-      aspectRatio: allHalfTiles ? 2 : 1
-    }]
+    style: styles.container
   }, tiles.map(function (tile, index) {
+    var isHalfTile = tile.tileHeight === exports.TileHeight.Half;
     return /*#__PURE__*/React__namespace.createElement(View$2, {
       key: tile.id,
-      style: [styles.tileContainer, tile.tileHeight === exports.TileHeight.Half && styles.halfTileContainer, index > 0 && {
+      style: [styles.tileContainer, isHalfTile && styles.halfTileContainer, index > 0 && {
         marginTop: GRID_GAP
       }]
     }, renderTile(tile));
@@ -21021,13 +21016,16 @@ var TileContainer = function (_a) {
 var styles = StyleSheet$1.create({
   container: {
     flexDirection: 'column',
-    flex: 1
+    flex: 1,
+    aspectRatio: 1
   },
   tileContainer: {
-    flex: 1
+    flex: 1,
+    aspectRatio: 1
   },
   halfTileContainer: {
-    flex: 1 // Take up half the height of a full tile
+    flex: 0.5,
+    aspectRatio: 1
   }
 });