@wlloyalty/wll-react-sdk 1.0.40 → 1.0.42

package/README.md

@@ -72,6 +72,34 @@ type(scope?): subject
 | `revert`   | Reverting previous changes                                |
 | `wip`      | Work in progress                                          |
 
+### Automated Release Process
+
+We use automated versioning and release management through GitHub Actions. Here's how it works:
+
+1. **Version Bumping**:
+   - When Pull Requests are merged to `main`, our automation will increment the package version
+   - The version bump follows semantic versioning based on conventional commit types:
+     - `feat:` commits trigger new minor versions
+     - `fix:` commits trigger new patch versions
+     - Adding `BREAKING CHANGE:` in the commit body triggers major versions
+
+2. **Release Triggering**:
+   New releases are automatically created when:
+   - A PR title starts with `feat:` or `fix:`
+   - A PR has the `release` label
+   - A PR title contains `RELEASE`
+
+   Other types of changes (like `docs:`, `style:`, `chore:`) won't trigger releases.
+
+3. **Changelog Generation**:
+   - Each release automatically generates an updated CHANGELOG.md
+   - The changelog is organized by commit types (Features, Bug Fixes, etc.)
+   - Release notes are created from the consolidated changes
+
+4. **NPM Publishing**:
+   - New versions are automatically published to NPM
+   - The package is always published with public access
+
 ### Development Workflow
 
 We use several tools to maintain code quality:

package/dist/index.js

@@ -20446,12 +20446,16 @@ var Group = function (_a) {
   if (!groupData) {
     return /*#__PURE__*/React$1.createElement(View$2, {
       style: commonStyles.emptyContainer
-    }, /*#__PURE__*/React$1.createElement(Text$3, null, "No group data available"));
+    }, /*#__PURE__*/React$1.createElement(Text, {
+      variant: "body"
+    }, "No group data available"));
   }
   if (!groupData.sections || groupData.sections.length === 0) {
     return /*#__PURE__*/React$1.createElement(View$2, {
       style: commonStyles.emptyContainer
-    }, /*#__PURE__*/React$1.createElement(Text$3, null, "No sections available"));
+    }, /*#__PURE__*/React$1.createElement(Text, {
+      variant: "body"
+    }, "No sections available"));
   }
   var sortedSections = sortByPriority(groupData.sections);
   return /*#__PURE__*/React$1.createElement(View$2, null, sortedSections.map(function (section) {
@@ -20969,7 +20973,6 @@ TierTile.Empty = TierTileEmpty;
 
 var TileContainer = function (_a) {
   var tiles = _a.tiles;
-  var isDesktop = useResponsive$1().isDesktop;
   var renderTile = function (tile) {
     switch (tile.type) {
       case exports.TileType.Content:
@@ -20998,20 +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, isDesktop && allHalfTiles ? {
-      aspectRatio: 2
-    } : {
-      aspectRatio: 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, index > 0 && {
+      style: [styles.tileContainer, isHalfTile && styles.halfTileContainer, index > 0 && {
         marginTop: GRID_GAP
       }]
     }, renderTile(tile));
@@ -21019,10 +21015,17 @@ var TileContainer = function (_a) {
 };
 var styles = StyleSheet$1.create({
   container: {
-    flexDirection: 'column'
+    flexDirection: 'column',
+    flex: 1,
+    aspectRatio: 1
   },
   tileContainer: {
-    flex: 1
+    flex: 1,
+    aspectRatio: 1
+  },
+  halfTileContainer: {
+    flex: 0.5,
+    aspectRatio: 1
   }
 });