@wlloyalty/wll-react-sdk 1.4.4 → 1.4.5

package/dist/index.d.ts

@@ -1,8 +1,8 @@
+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, RefreshControl } from 'react-native';
-import * as React$1 from 'react';
-import React__default from 'react';
 
 declare const sizes: {
     readonly borderRadiusSm: 15;
@@ -315,7 +315,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 +324,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 +334,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 +343,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 +374,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 +400,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 +408,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 +441,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 +459,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 +477,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 +496,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 +512,7 @@ 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;
 
 declare enum SectionType {
     Grid = "GRID",
@@ -541,13 +541,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 +561,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 +613,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 +642,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 +724,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;
 
 /**