@wlloyalty/wll-react-sdk 1.0.62 → 1.0.63

package/dist/index.d.ts

@@ -245,6 +245,10 @@ type Tile = {
 };
 declare const getConfigForTileType: (tileType: TileType) => typeof BannerTileConfig | typeof PointsTileConfig | typeof ContentTileConfig | typeof RewardTileConfig | typeof BadgeTileConfig | typeof RewardCategoryTileConfig | typeof TierTileConfig;
 type TileConfig = InstanceType<ReturnType<typeof getConfigForTileType>>;
+type TileSizeInfo = {
+    isFullSize: boolean;
+    isHalfSize: boolean;
+};
 
 type PercentageKey = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95;
 type DerivedColors = {
@@ -375,13 +379,13 @@ declare const BaseTile: (({ tile, children, style, }: BaseTileProps) => JSX.Elem
 
 declare const Indicator: () => JSX.Element;
 
-interface SkeletonProps {
+type SkeletonProps = {
     width?: number | `${number}%`;
     height?: number | `${number}%`;
     borderRadius?: number;
     style?: ViewStyle;
     numberOfSquares?: number;
-}
+};
 declare const Skeleton: ({ style, numberOfSquares, }: SkeletonProps) => JSX.Element;
 
 type TileContainerProps = {
@@ -677,4 +681,4 @@ type WllSdkProviderProps = WithChildren & {
 declare const WllSdkProvider: ({ children, theme: providedTheme, config, navigationConfig, }: WllSdkProviderProps) => JSX.Element;
 declare const useWllSdk: () => WllSdkContextType;
 
-export { type APIResponse, type Align, type Availability, type Badge, type BadgeDetail, _default$5 as BadgeTile, BadgeTileConfig, BadgeTileType, _default$4 as BannerTile, BannerTileConfig, BaseBanner, type BaseThemeObject, BaseTile, Button, CTALinkTarget, Carousel, Column, _default$3 as ContentTile, ContentTileConfig, type DerivedColors, type DerivedProperties, type DesaturationType, type FlexDirection, FullFlex, Grid, Group, Icon, type ImagePropsNoSource, Indicator, type Justify, Layout, type LayoutProps$1 as LayoutProps, LoadingIndicator, type NavigationConfig, type NavigationType, type PercentageKey, _default$2 as PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, _default$1 as RewardCategoryTile, RewardCategoryTileConfig, _default as RewardTile, RewardTileConfig, Row, type SDKConfig, Section, SectionHeader, SectionType, type Size, Skeleton, Spacer, type TGroup, type TSection, Text, type ThemeContextType, type ThemeObject, type ThemeProviderProps, TierTileConfig, TierTileType, TierTile as TierTileUpdated, type TierType, type Tile, type TileConfig, TileContainer, TileHeight, TileType, type Variant, WllSdkProvider, alignMap, justifyMap, useWllSdk };
+export { type APIResponse, type Align, type Availability, type Badge, type BadgeDetail, _default$5 as BadgeTile, BadgeTileConfig, BadgeTileType, _default$4 as BannerTile, BannerTileConfig, BaseBanner, type BaseThemeObject, BaseTile, Button, CTALinkTarget, Carousel, Column, _default$3 as ContentTile, ContentTileConfig, type DerivedColors, type DerivedProperties, type DesaturationType, type FlexDirection, FullFlex, Grid, Group, Icon, type ImagePropsNoSource, Indicator, type Justify, Layout, type LayoutProps$1 as LayoutProps, LoadingIndicator, type NavigationConfig, type NavigationType, type PercentageKey, _default$2 as PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, _default$1 as RewardCategoryTile, RewardCategoryTileConfig, _default as RewardTile, RewardTileConfig, Row, type SDKConfig, Section, SectionHeader, SectionType, type Size, Skeleton, Spacer, type TGroup, type TSection, Text, type ThemeContextType, type ThemeObject, type ThemeProviderProps, TierTileConfig, TierTileType, TierTile as TierTileUpdated, type TierType, type Tile, type TileConfig, TileContainer, TileHeight, type TileSizeInfo, TileType, type Variant, WllSdkProvider, alignMap, justifyMap, useWllSdk };

package/dist/native.js

@@ -19149,6 +19149,17 @@ var BaseTileBody = function (props) {
 function isContextValid(context) {
   return context !== null && context !== undefined && context.configuration !== null && context.configuration !== undefined;
 }
+/**
+ * Checks if a tile's content should be hidden based on its size and artwork configuration.
+ *
+ * @param {TileSizeInfo | null} sizeInfo - The size information for the tile
+ * @param {string | null | undefined} artworkUrl - The URL of the tile's artwork
+ * @returns {boolean} True if the content should be hidden, false otherwise
+ */
+var shouldHideContentForHalfTile = function (sizeInfo, artworkUrl) {
+  if (!sizeInfo) return false;
+  return sizeInfo.isHalfSize && !!artworkUrl;
+};
 
 var baseStyles = StyleSheet$1.create({
   container: {
@@ -19238,9 +19249,7 @@ var BaseTileContent = function (_a) {
   var artworkUrl = tileContext.configuration.artworkUrl;
   var sizeInfo = useTileSize(tileContext);
   if (!sizeInfo) return null;
-  var isHalfSize = sizeInfo.isHalfSize;
-  // For half tiles with an image, don't show other content
-  if (isHalfSize && artworkUrl) return null;
+  if (shouldHideContentForHalfTile(sizeInfo, artworkUrl)) return null;
   return /*#__PURE__*/React.createElement(View$2, {
     testID: "tile-content",
     style: [baseStyles.content, {
@@ -19265,13 +19274,11 @@ var BaseTileHeader = function (_a) {
   var artworkUrl = tileContext.configuration.artworkUrl;
   var sizeInfo = useTileSize(tileContext);
   if (!sizeInfo) return null;
-  var isHalfSize = sizeInfo.isHalfSize;
-  // For half tiles with an image, don't show header
-  if (isHalfSize && artworkUrl) return null;
+  if (shouldHideContentForHalfTile(sizeInfo, artworkUrl)) return null;
   var dynamicStyles = useBaseTileStyles();
   var combinedStyle = __assign(__assign(__assign({}, dynamicStyles.header), {
-    marginTop: isHalfSize ? 0 : dynamicStyles.header.marginTop
-  }), isHalfSize ? {
+    marginTop: sizeInfo.isHalfSize ? 0 : dynamicStyles.header.marginTop
+  }), sizeInfo.isHalfSize ? {
     alignItems: 'center'
   } : {});
   return /*#__PURE__*/React.createElement(View$2, {