@wlloyalty/wll-react-sdk 1.0.62 → 1.0.63

package/dist/types/components/atoms/Skeleton/index.d.ts

@@ -1,10 +1,10 @@
 import { ViewStyle } from 'react-native';
-interface SkeletonProps {
+type SkeletonProps = {
     width?: number | `${number}%`;
     height?: number | `${number}%`;
     borderRadius?: number;
     style?: ViewStyle;
     numberOfSquares?: number;
-}
+};
 declare const Skeleton: ({ style, numberOfSquares, }: SkeletonProps) => JSX.Element;
 export default Skeleton;

package/dist/types/components/atoms/SkeletonTile/index.d.ts

@@ -1,6 +1,6 @@
 import { ViewStyle } from 'react-native';
-interface SkeletonTileProps {
+type SkeletonTileProps = {
     style?: ViewStyle;
-}
+};
 declare const SkeletonTile: ({ style }: SkeletonTileProps) => JSX.Element;
 export default SkeletonTile;

package/dist/types/components/organisms/RewardTile/index.d.ts

@@ -12,12 +12,7 @@ export declare const RewardTile: (({ tile }: RewardTileProps) => JSX.Element | n
     }) => JSX.Element | null;
     Title: () => JSX.Element | null;
     Summary: () => JSX.Element | null;
-    Points: () => JSX.Element /**
-     * Helper function to determine if the tile should display artwork only.
-     *
-     * @param configuration - The configuration object of the tile.
-     * @returns `true` if the tile should display artwork only.
-     */ | null;
+    Points: () => JSX.Element | null;
     Chevron: () => JSX.Element;
 };
 declare const _default: (props: Omit<RewardTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;

package/dist/types/types/responsive.d.ts

@@ -1,11 +1,11 @@
 export type DimensionMode = 'desktop' | 'tablet' | 'mobile';
-export interface WindowDimensions {
+export type WindowDimensions = {
     width: number;
     height: number;
-}
-export interface ResponsiveContextType {
+};
+export type ResponsiveContextType = {
     dimensionMode: DimensionMode;
     isTablet: boolean;
     isMobile: boolean;
     isDesktop: boolean;
-}
+};

package/dist/types/types/tile.d.ts

@@ -155,4 +155,8 @@ export type Tile = {
 };
 declare const getConfigForTileType: (tileType: TileType) => typeof BannerTileConfig | typeof PointsTileConfig | typeof ContentTileConfig | typeof RewardTileConfig | typeof BadgeTileConfig | typeof RewardCategoryTileConfig | typeof TierTileConfig;
 export type TileConfig = InstanceType<ReturnType<typeof getConfigForTileType>>;
+export type TileSizeInfo = {
+    isFullSize: boolean;
+    isHalfSize: boolean;
+};
 export {};

package/dist/types/utils/contextHelpers.d.ts

@@ -1,3 +1,4 @@
+import { TileSizeInfo } from '../types/tile';
 /**
  * Utility function that checks if a component context and its configuration exist.
  * Works for both tile contexts and banner contexts.
@@ -6,3 +7,11 @@
  * @returns `true` if both the context and its configuration exist, otherwise `false`
  */
 export declare function isContextValid(context: any): boolean;
+/**
+ * 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
+ */
+export declare const shouldHideContentForHalfTile: (sizeInfo: TileSizeInfo | null, artworkUrl?: string | null) => boolean;

package/dist/web.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, {