@wlloyalty/wll-react-sdk 1.0.81 → 1.0.83

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 CHANGED
@@ -2232,9 +2232,7 @@ var ProgressiveImage = function (_a) {
2232
2232
  ? {
2233
2233
  filter: isDesaturated ? 'grayscale(100%)' : undefined,
2234
2234
  }
2235
- : {
2236
- tintColor: isDesaturated ? desaturatedColor : undefined,
2237
- };
2235
+ : {};
2238
2236
  return (jsxRuntimeExports.jsxs(reactNative.View, { style: [styles$7.container, style, { backgroundColor: backgroundColor }], children: [jsxRuntimeExports.jsx(reactNative.Animated.View, { style: [
2239
2237
  styles$7.imageOverlay,
2240
2238
  {
@@ -3694,12 +3692,9 @@ var Grid = function (_a) {
3694
3692
  return true;
3695
3693
  };
3696
3694
  if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
3697
- var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
3698
3695
  tileContainers.push(jsxRuntimeExports.jsx(reactNative.View, { style: [
3699
3696
  // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
3700
3697
  getTileWidth(columnsPerRow),
3701
- IS_WEB && !isLastInRow && { marginRight: GRID_GAP },
3702
- { overflow: 'hidden' },
3703
3698
  ], children: jsxRuntimeExports.jsx(TileContainer, { tiles: currentTiles }) }, "container-".concat(index)));
3704
3699
  currentTiles = [];
3705
3700
  }
@@ -3713,7 +3708,7 @@ var styles$2 = reactNative.StyleSheet.create({
3713
3708
  flexDirection: 'row',
3714
3709
  flexWrap: 'wrap',
3715
3710
  width: '100%',
3716
- justifyContent: 'space-between', // Ensure tiles are evenly spaced
3711
+ justifyContent: 'space-between',
3717
3712
  },
3718
3713
  });
3719
3714
 
@@ -4502,7 +4497,7 @@ var RewardTileTitle = function () {
4502
4497
  var name = tileContext.configuration.name;
4503
4498
  if (!name)
4504
4499
  return null;
4505
- return (jsxRuntimeExports.jsx(Text, { variant: "title", ellipsizeMode: "tail", numberOfLines: 1, accessibilityRole: "header", accessibilityLabel: "Reward title: ".concat(name), testID: "reward-tile-title", children: name }));
4500
+ 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 }));
4506
4501
  };
4507
4502
 
4508
4503
  /**
@@ -4659,15 +4654,17 @@ var styles = reactNative.StyleSheet.create({
4659
4654
  container: {
4660
4655
  flexDirection: 'column',
4661
4656
  flex: 1,
4662
- aspectRatio: 1,
4663
4657
  width: '100%',
4658
+ height: '100%',
4664
4659
  },
4665
4660
  tileContainer: {
4666
- flex: 1,
4661
+ flexGrow: 1,
4662
+ flexShrink: 1,
4663
+ flexBasis: '100%',
4667
4664
  width: '100%',
4668
4665
  },
4669
4666
  halfTileContainer: {
4670
- flex: 0.5,
4667
+ flexBasis: '50%',
4671
4668
  height: '50%',
4672
4669
  },
4673
4670
  });