@wlloyalty/wll-react-sdk 1.4.4 → 1.4.6

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import * as LucideReactIcons from 'lucide-react';
-import * as react_native from 'react-native';
-import { ViewProps, ImageSourcePropType, StyleProp, ViewStyle, TextProps as TextProps$1, TextStyle, ImageProps, RefreshControl } from 'react-native';
 import * as React$1 from 'react';
 import React__default from 'react';
+import * as LucideReactIcons from 'lucide-react';
+import * as react_native from 'react-native';
+import { ViewProps, ImageSourcePropType, StyleProp, ViewStyle, TextProps as TextProps$1, TextStyle, ImageProps, AccessibilityRole, RefreshControl } from 'react-native';
 
 declare const sizes: {
     readonly borderRadiusSm: 15;
@@ -116,6 +116,11 @@ declare enum TileHeight {
     Full = "FULL"
 }
 type ProgessType = 'NAME' | 'POINTS';
+declare enum StatusVariant {
+    PRIMARY = "primary",
+    GREEN = "green",
+    GREY = "grey"
+}
 declare class BannerTileConfig {
     artworkUrl?: string | null;
     title?: string | null;
@@ -315,7 +320,7 @@ type ButtonProps = {
     accessibilityHint?: string;
     testID?: string;
 };
-declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, testID, }: ButtonProps) => JSX.Element;
+declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, testID, }: ButtonProps) => React$1.ReactElement;
 
 type IconName = keyof typeof LucideReactIcons;
 type IconProps = {
@@ -324,9 +329,9 @@ type IconProps = {
     size?: number;
     strokeWidth?: number;
 } & Omit<ViewProps, 'style'>;
-declare const Icon: ({ name, color, size, strokeWidth, ...props }: IconProps) => JSX.Element | null;
+declare const Icon: ({ name, color, size, strokeWidth, ...props }: IconProps) => React$1.ReactElement | null;
 
-declare const LoadingIndicator: () => JSX.Element;
+declare const LoadingIndicator: () => React$1.ReactElement;
 
 type ProgressBarProps = {
     percentage: number;
@@ -334,7 +339,7 @@ type ProgressBarProps = {
     height?: Size;
     animationDuration?: number;
 };
-declare const ProgressBar: ({ percentage, variant, height, animationDuration, }: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: ({ percentage, variant, height, animationDuration, }: ProgressBarProps) => React$1.ReactElement;
 
 type ProgressiveImageProps = {
     source: ImageSourcePropType;
@@ -343,15 +348,15 @@ type ProgressiveImageProps = {
     alt?: string;
     [key: string]: any;
 };
-declare const ProgressiveImage: ({ source, style, isDesaturated, alt, ...props }: ProgressiveImageProps) => JSX.Element;
+declare const ProgressiveImage: ({ source, style, isDesaturated, alt, ...props }: ProgressiveImageProps) => React__default.ReactElement;
 
 type TextVariant = 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
 type TextProps = TextProps$1 & {
     variant?: TextVariant;
-    style?: TextStyle;
+    style?: StyleProp<TextStyle>;
     isSurface?: boolean;
 };
-declare const Text: ({ variant, style, isSurface, ...props }: TextProps) => JSX.Element;
+declare const Text: ({ variant, style, isSurface, ...props }: TextProps) => React$1.ReactElement;
 
 type BaseBannerProps = {
     tile: Tile;
@@ -374,24 +379,24 @@ type BaseTileRootProps = WithChildren & {
 /**
  * BaseTile component with subcomponents attached.
  */
-declare const BaseTile: (({ tile, children, style, }: BaseTileProps) => JSX.Element | null) & {
-    Container: ({ children, style, }: BaseTileRootProps) => JSX.Element;
-    Media: (props: ImagePropsNoSource) => JSX.Element | null;
+declare const BaseTile: (({ tile, children, style, }: BaseTileProps) => React__default.ReactElement | null) & {
+    Container: ({ children, style, }: BaseTileRootProps) => React__default.ReactElement;
+    Media: (props: ImagePropsNoSource) => React__default.ReactElement | null;
     Content: ({ children, }: {
-        children?: React.ReactNode;
-    }) => JSX.Element | null;
+        children?: React__default.ReactNode;
+    }) => React__default.ReactElement | null;
     Header: ({ children, }: {
-        children?: React.ReactNode;
-    }) => JSX.Element | null;
-    Title: () => JSX.Element | null;
+        children?: React__default.ReactNode;
+    }) => React__default.ReactElement | null;
+    Title: () => React__default.ReactElement | null;
     Body: (props: Omit<react_native.TextProps, "style"> & {
         variant?: "eyebrow" | "title" | "description" | "body" | "caption" | "label" | "tier-requirement" | "tier-earned";
         isSurface?: boolean;
         style?: react_native.TextStyle;
-    }) => JSX.Element | null;
+    }) => React__default.ReactElement | null;
 };
 
-declare const Indicator: () => JSX.Element;
+declare const Indicator: () => React__default.ReactElement;
 
 type SkeletonProps = {
     width?: number | `${number}%`;
@@ -400,7 +405,7 @@ type SkeletonProps = {
     style?: ViewStyle;
     numberOfSquares?: number;
 };
-declare const Skeleton: ({ style, numberOfSquares, }: SkeletonProps) => JSX.Element;
+declare const Skeleton: ({ style, numberOfSquares, }: SkeletonProps) => React$1.ReactElement;
 
 type TileContainerProps = {
     tiles: Tile[];
@@ -408,7 +413,7 @@ type TileContainerProps = {
 /**
  * TileContainer component to render a list of tiles with proper layout and spacing.
  */
-declare const TileContainer: ({ tiles }: TileContainerProps) => JSX.Element;
+declare const TileContainer: ({ tiles }: TileContainerProps) => React__default.ReactElement;
 
 type ImagePropsNoSource = Omit<ImageProps, 'source'>;
 type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
@@ -441,7 +446,7 @@ type ColumnProps = {
  * @param flex - Optional flex number to control the column's flex behavior
  * @param style - Additional styles to apply to the column
  */
-declare const Column: ({ children, justify, align, reverse, flex, style, ...rest }: ColumnProps) => JSX.Element;
+declare const Column: ({ children, justify, align, reverse, flex, style, ...rest }: ColumnProps) => React$1.ReactElement;
 
 /**
  * Props for the FullFlex component.
@@ -459,7 +464,7 @@ type FullFlexProps = {
  * This component is commonly used to create a full-flex container that expands
  * to fill available space in a layout.
  */
-declare const FullFlex: ({ children, style, ...rest }: FullFlexProps) => JSX.Element;
+declare const FullFlex: ({ children, style, ...rest }: FullFlexProps) => React__default.ReactElement;
 
 type LayoutProps = {
     children: React$1.ReactNode;
@@ -477,7 +482,7 @@ type LayoutProps = {
  * @param children - The child components to render inside the layout
  * @returns The rendered Layout component with special paddings
  */
-declare const Layout: ({ children, direction, justify, align, style, ...rest }: LayoutProps) => JSX.Element;
+declare const Layout: ({ children, direction, justify, align, style, ...rest }: LayoutProps) => React$1.ReactElement;
 
 type RowProps = {
     children: React$1.ReactNode;
@@ -496,7 +501,7 @@ type RowProps = {
  * @param flex - Optional flex number to control the row's flex behavior
  * @param style - Additional styles to apply to the row
  */
-declare const Row: ({ children, justify, align, reverse, flex, style, ...rest }: RowProps) => JSX.Element;
+declare const Row: ({ children, justify, align, reverse, flex, style, ...rest }: RowProps) => React$1.ReactElement;
 
 /**
  * Props for the Spacer component.
@@ -512,7 +517,21 @@ type SpacerProps = {
  * The Spacer is commonly used in flexbox layouts to create adjustable empty space
  * between child elements, avoiding the need for explicit margins or padding.
  */
-declare const Spacer: ({ style, ...rest }: SpacerProps) => JSX.Element;
+declare const Spacer: ({ style, ...rest }: SpacerProps) => React__default.ReactElement;
+
+type ChipLabel = React__default.ReactNode;
+type AriaLive = 'polite' | 'assertive' | 'off';
+type ChipProps = {
+    label: ChipLabel;
+    variant?: StatusVariant;
+    role?: AccessibilityRole | 'status';
+    ariaLive?: AriaLive;
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+};
+declare const Chip: ({ label, variant, role, ariaLive, accessibilityLabel, testID, style, labelStyle, }: ChipProps) => React__default.ReactElement;
 
 declare enum SectionType {
     Grid = "GRID",
@@ -541,13 +560,13 @@ type CarouselProps = {
     section?: TSection;
     autoRotateInterval?: number;
 };
-declare const Carousel: ({ section, autoRotateInterval, }: CarouselProps) => JSX.Element | null;
+declare const Carousel: ({ section, autoRotateInterval, }: CarouselProps) => React__default.ReactElement | null;
 
 type CarouselNavButtonProps = {
     direction: 'left' | 'right';
     onPress: () => void;
 };
-declare const CarouselNavButton: ({ direction, onPress, }: CarouselNavButtonProps) => JSX.Element;
+declare const CarouselNavButton: ({ direction, onPress, }: CarouselNavButtonProps) => React__default.ReactElement;
 
 type GridProps = {
     section: TSection;
@@ -561,13 +580,13 @@ type ProgressIndicatorProps = {
     height?: Size;
     attained?: boolean;
 };
-declare const ProgressIndicator: ({ currentPoints, maxPoints, variant, height, attained, }: ProgressIndicatorProps) => JSX.Element;
+declare const ProgressIndicator: ({ currentPoints, maxPoints, variant, height, attained, }: ProgressIndicatorProps) => React$1.ReactElement;
 
 type SectionHeaderProps = {
     title?: string;
     description?: string;
 };
-declare const SectionHeader: ({ title, description, }: SectionHeaderProps) => JSX.Element | null;
+declare const SectionHeader: ({ title, description, }: SectionHeaderProps) => React__default.ReactElement | null;
 
 type WithTileFetchingProps = {
     tile?: Tile;
@@ -613,9 +632,9 @@ type GroupProps = {
  *
  * @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
+ * @returns {React.ReactElement|null} The rendered group or null if invalid ID
  */
-declare const Group: ({ id, enablePullToRefresh, onRefresh }: GroupProps) => JSX.Element | null;
+declare const Group: ({ id, enablePullToRefresh, onRefresh }: GroupProps) => React__default.ReactElement | null;
 
 type PointsTileProps = {
     tile: Tile;
@@ -642,9 +661,9 @@ type SectionProps = {
  * @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
+ * @returns {React.ReactElement|null} The rendered section or null if invalid props
  */
-declare const Section: ({ section, sectionId }: SectionProps) => JSX.Element | null;
+declare const Section: React__default.FC<SectionProps>;
 
 type TierTileProps = {
     tile: Tile;
@@ -724,7 +743,7 @@ type WllSdkProviderProps = WithChildren & {
     config: SDKConfig;
     navigationConfig?: NavigationConfig;
 };
-declare const WllSdkProvider: ({ children, theme: providedTheme, config, navigationConfig, }: WllSdkProviderProps) => JSX.Element;
+declare const WllSdkProvider: ({ children, theme: providedTheme, config, navigationConfig, }: WllSdkProviderProps) => React__default.ReactElement;
 declare const useWllSdk: () => WllSdkContextType;
 
 /**
@@ -747,4 +766,4 @@ declare function usePullToRefresh({ onRefresh, refreshing: externalRefreshing, }
     handleRefresh: () => Promise<void>;
 };
 
-export { type APIResponse, type Align, type AllowedCoreApiUrl, type Availability, type Badge, type BadgeDetail, _default$6 as BadgeTile, BadgeTileConfig, BadgeTileType, _default$5 as BannerTile, BannerTileConfig, BaseBanner, type BaseThemeObject, BaseTile, Button, CTALinkTarget, Carousel, CarouselNavButton, Column, _default$4 as ContentTile, ContentTileConfig, CoreApiUrl, 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$3 as PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, _default$2 as RewardCategoryTile, RewardCategoryTileConfig, _default$1 as RewardTile, RewardTileConfig, _default as RoundupTile, RoundupTileConfig, 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, useInvalidateData, usePullToRefresh, useWllSdk };
+export { type APIResponse, type Align, type AllowedCoreApiUrl, type Availability, type Badge, type BadgeDetail, _default$6 as BadgeTile, BadgeTileConfig, BadgeTileType, _default$5 as BannerTile, BannerTileConfig, BaseBanner, type BaseThemeObject, BaseTile, Button, CTALinkTarget, Carousel, CarouselNavButton, Chip, Column, _default$4 as ContentTile, ContentTileConfig, CoreApiUrl, 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$3 as PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, _default$2 as RewardCategoryTile, RewardCategoryTileConfig, _default$1 as RewardTile, RewardTileConfig, _default as RoundupTile, RoundupTileConfig, Row, type SDKConfig, Section, SectionHeader, SectionType, type Size, Skeleton, Spacer, StatusVariant, 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, useInvalidateData, usePullToRefresh, useWllSdk };