@wlloyalty/wll-react-sdk 1.0.61 → 1.0.63

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
 import * as LucideIcons from 'lucide-react';
 import * as react_native from 'react-native';
 import { ViewProps, ImageSourcePropType, StyleProp, ViewStyle, TextProps as TextProps$1, TextStyle, ImageProps } from 'react-native';
+import * as React$1 from 'react';
+import React__default from 'react';
 
 declare const sizes: {
     readonly borderRadiusSm: 15;
@@ -22,6 +22,13 @@ declare const sizes: {
     readonly xxxxxl: 60;
 };
 
+/**
+ * Adds optional children to any component props.
+ */
+type WithChildren<T = {}> = T & {
+    children?: React.ReactNode;
+};
+
 type Badge = {
     id: string;
     name: string;
@@ -238,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 = {
@@ -275,8 +286,7 @@ type ThemeContextType = {
     theme: ThemeObject;
     setTheme: (theme: ThemeObject) => void;
 };
-type ThemeProviderProps = {
-    children: ReactNode;
+type ThemeProviderProps = WithChildren & {
     theme?: Partial<BaseThemeObject>;
 };
 type Variant = 'primary' | 'accent' | 'positive' | 'negative';
@@ -340,26 +350,24 @@ type BaseBannerProps = {
 };
 declare const BaseBanner: React__default.FC<BaseBannerProps>;
 
-type BaseTileProps = {
+type BaseTileProps = WithChildren & {
     tile: Tile;
-    children: ReactNode;
     style?: ViewStyle;
 };
-type BaseTileRootProps = {
-    children: ReactNode;
+type BaseTileRootProps = WithChildren & {
     style?: ViewStyle;
 };
 /**
  * BaseTile component with subcomponents attached.
  */
-declare const BaseTile: (({ tile, children }: BaseTileProps) => JSX.Element) & {
+declare const BaseTile: (({ tile, children, style, }: BaseTileProps) => JSX.Element | null) & {
     Container: ({ children, style, }: BaseTileRootProps) => JSX.Element;
     Media: (props: ImagePropsNoSource) => JSX.Element | null;
     Content: ({ children, }: {
-        children: React__default.ReactNode;
+        children?: React.ReactNode;
     }) => JSX.Element | null;
     Header: ({ children, }: {
-        children: React__default.ReactNode;
+        children?: React.ReactNode;
     }) => JSX.Element | null;
     Title: () => JSX.Element | null;
     Body: (props: Omit<react_native.TextProps, "style"> & {
@@ -371,13 +379,13 @@ declare const BaseTile: (({ tile, children }: BaseTileProps) => JSX.Element) & {
 
 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 = {
@@ -580,7 +588,9 @@ type GroupProps = {
  * loading, errors, and empty states, providing a complete page experience for
  * viewing group content.
  *
- * @param id - The unique identifier of the group to fetch and display.
+ * @param {GroupProps} props - Component props
+ * @param {string} props.id - The unique identifier of the group to fetch and display
+ * @returns {JSX.Element|null} The rendered group or null if invalid ID
  */
 declare const Group: ({ id }: GroupProps) => JSX.Element | null;
 
@@ -605,6 +615,11 @@ type SectionProps = {
 };
 /**
  * The Section component renders a section based on its type (e.g., Banner, Grid).
+ *
+ * @param {SectionProps} props - Component props
+ * @param {TSection} [props.section] - The section data
+ * @param {string} [props.sectionId] - The ID of the section to fetch
+ * @returns {JSX.Element|null} The rendered section or null if invalid props
  */
 declare const Section: ({ section, sectionId }: SectionProps) => JSX.Element | null;
 
@@ -658,8 +673,7 @@ type WllSdkContextType = ThemeContextType & {
 } & Readonly<{
     readonly config: SDKConfig;
 }>;
-type WllSdkProviderProps = {
-    children: ReactNode;
+type WllSdkProviderProps = WithChildren & {
     theme?: Partial<BaseThemeObject>;
     config: SDKConfig;
     navigationConfig?: NavigationConfig;
@@ -667,4 +681,4 @@ type WllSdkProviderProps = {
 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 };