@wlloyalty/wll-react-sdk 1.0.27 → 1.0.29

package/dist/index.d.ts

@@ -1,16 +1,24 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { ReactNode, FC } from 'react';
 import { ViewStyle, ImageSourcePropType, StyleProp, View, TextProps as TextProps$1, TextStyle, ImageProps } from 'react-native';
 import * as LucideIcons from 'lucide-react';
 
 declare const sizes: {
-    borderRadiusSm: number;
-    borderRadiusLg: number;
-    borderRadiusButton: number;
-    borderRadiusRounded: number;
-    sm: number;
-    md: number;
-    lg: number;
+    readonly borderRadiusSm: 15;
+    readonly borderRadiusLg: 20;
+    readonly borderRadiusButton: 9;
+    readonly borderRadiusRounded: 9999;
+    readonly xxxs: 4;
+    readonly xxs: 8;
+    readonly xs: 10;
+    readonly sm: 12;
+    readonly md: 14;
+    readonly lg: 16;
+    readonly xl: 18;
+    readonly xxl: 24;
+    readonly xxxl: 32;
+    readonly xxxxl: 40;
+    readonly xxxxxl: 60;
 };
 
 type PercentageKey = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95;
@@ -61,19 +69,19 @@ type ButtonProps = {
     onPress: () => void;
     variant: Variant;
 };
-declare const Button: React.FC<ButtonProps>;
+declare const Button: React$1.FC<ButtonProps>;
 
-type Justify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
-type Align = 'start' | 'end' | 'center' | 'stretch';
+type Justify$1 = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+type Align$1 = 'start' | 'end' | 'center' | 'stretch';
 type ColumnProps = {
-    children: React.ReactNode;
-    justify?: Justify;
-    align?: Align;
-    direction?: FlexDirection;
+    children: React$1.ReactNode;
+    justify?: Justify$1;
+    align?: Align$1;
+    direction?: FlexDirection$1;
     style?: ViewStyle;
 };
-type FlexDirection = 'column' | 'row' | 'column-reverse' | 'row-reverse';
-declare const Column: React.FC<ColumnProps>;
+type FlexDirection$1 = 'column' | 'row' | 'column-reverse' | 'row-reverse';
+declare const Column$1: React$1.FC<ColumnProps>;
 
 type IconName = keyof typeof LucideIcons;
 type IconProps = {
@@ -82,7 +90,7 @@ type IconProps = {
     size?: number;
     strokeWidth?: number;
 };
-declare const Icon: React.FC<IconProps>;
+declare const Icon: React$1.FC<IconProps>;
 
 type Badge = {
     id: string;
@@ -303,7 +311,7 @@ type TileConfig = InstanceType<ReturnType<typeof getConfigForTileType>>;
 type LoadingIndicatorProps = {
     tile: Tile;
 };
-declare const LoadingIndicator: React.FC<LoadingIndicatorProps>;
+declare const LoadingIndicator: React$1.FC<LoadingIndicatorProps>;
 
 type ProgressBarProps = {
     percentage: number;
@@ -311,7 +319,7 @@ type ProgressBarProps = {
     height?: Size;
     animationDuration?: number;
 };
-declare const ProgressBar: React.FC<ProgressBarProps>;
+declare const ProgressBar: React$1.FC<ProgressBarProps>;
 
 type ProgressiveImageProps = {
     source: ImageSourcePropType;
@@ -322,10 +330,10 @@ type ProgressiveImageProps = {
 declare const ProgressiveImage: React__default.FC<ProgressiveImageProps>;
 
 type RowHeaderProps = {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
-} & React.ComponentProps<typeof View>;
-declare const RowHeader: React.FC<RowHeaderProps>;
+} & React$1.ComponentProps<typeof View>;
+declare const RowHeader: React$1.FC<RowHeaderProps>;
 
 type TextVariant = 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
 type TextProps = TextProps$1 & {
@@ -333,13 +341,13 @@ type TextProps = TextProps$1 & {
     style?: TextStyle;
     isSurface?: boolean;
 };
-declare const Text: React.FC<TextProps>;
+declare const Text: React$1.FC<TextProps>;
 
 type BaseBannerProps = {
     tile: Tile;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 };
-declare const BaseBanner: React.FC<BaseBannerProps>;
+declare const BaseBanner: React$1.FC<BaseBannerProps>;
 
 type ImagePropsNoSource = Omit<ImageProps, 'source'>;
 
@@ -374,12 +382,29 @@ interface SkeletonProps {
     style?: ViewStyle;
     numberOfSquares?: number;
 }
-declare const Skeleton: React.FC<SkeletonProps>;
+declare const Skeleton: React$1.FC<SkeletonProps>;
 
 type TileContainerProps = {
     tiles: Tile[];
 };
-declare const TileContainer: React.FC<TileContainerProps>;
+declare const TileContainer: React$1.FC<TileContainerProps>;
+
+declare const Column: React.FC<LayoutProps>;
+
+declare const Row: React.FC<LayoutProps>;
+
+declare const Stack: React.FC<LayoutProps>;
+
+type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+type Justify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+type Align = 'start' | 'end' | 'center' | 'stretch';
+type LayoutProps = {
+    children: React.ReactNode;
+    justify?: Justify;
+    align?: Align;
+    direction?: FlexDirection;
+    style?: ViewStyle;
+};
 
 declare enum SectionType {
     Grid = "GRID",
@@ -412,7 +437,7 @@ declare const Carousel: React__default.FC<CarouselProps>;
 type GridProps = {
     section: TSection;
 };
-declare const Grid: React.FC<GridProps>;
+declare const Grid: React$1.FC<GridProps>;
 
 type ProgressIndicatorProps = {
     currentPoints: number;
@@ -421,7 +446,7 @@ type ProgressIndicatorProps = {
     height?: Size;
     attained?: boolean;
 };
-declare const ProgressIndicator: React.FC<ProgressIndicatorProps>;
+declare const ProgressIndicator: React$1.FC<ProgressIndicatorProps>;
 
 type SectionHeaderProps = {
     title?: string;
@@ -429,17 +454,6 @@ type SectionHeaderProps = {
 };
 declare const SectionHeader: React__default.FC<SectionHeaderProps>;
 
-type BadgeTileProps$1 = {
-    tile: Tile;
-};
-type BadgeTileComponent$1 = FC<BadgeTileProps$1> & {
-    Title: FC;
-    Body: FC;
-    Image: FC<ImagePropsNoSource>;
-    Chevron: FC;
-};
-declare const BadgeTile$1: BadgeTileComponent$1;
-
 type BadgeTileProps = {
     tile: Tile;
 };
@@ -459,36 +473,36 @@ declare const BadgeTile: BadgeTileComponent;
 type BannerTileProps = {
     tile: Tile;
 };
-declare const BannerTile: React.FC<BannerTileProps> & {
+declare const BannerTile: React$1.FC<BannerTileProps> & {
     Media: typeof BannerTileMedia;
     Title: typeof BannerTileTitle;
     Description: typeof BannerTileDescription;
     CTA: typeof BannerTileCTA;
 };
-declare const BannerTileMedia: React.FC;
-declare const BannerTileTitle: React.FC;
-declare const BannerTileDescription: React.FC;
-declare const BannerTileCTA: React.FC;
+declare const BannerTileMedia: React$1.FC;
+declare const BannerTileTitle: React$1.FC;
+declare const BannerTileDescription: React$1.FC;
+declare const BannerTileCTA: React$1.FC;
 
 type ContentTileProps = {
     tile: Tile;
 };
-type ContentTileComponent = React.FC<ContentTileProps> & {
+type ContentTileComponent = React$1.FC<ContentTileProps> & {
     Root: typeof ContentTileRoot;
     Media: typeof ContentTileMedia;
     Content: typeof ContentTileContent;
     Header: typeof ContentTileHeader;
     Body: typeof ContentTileBody;
 };
-declare const ContentTileRoot: React.FC<{
-    children: React.ReactNode;
+declare const ContentTileRoot: React$1.FC<{
+    children: React$1.ReactNode;
 }>;
-declare const ContentTileMedia: React.FC;
-declare const ContentTileContent: React.FC<{
-    children: React.ReactNode;
+declare const ContentTileMedia: React$1.FC;
+declare const ContentTileContent: React$1.FC<{
+    children: React$1.ReactNode;
 }>;
-declare const ContentTileHeader: React.FC;
-declare const ContentTileBody: React.FC;
+declare const ContentTileHeader: React$1.FC;
+declare const ContentTileBody: React$1.FC;
 declare const ContentTile: ContentTileComponent;
 
 type GroupProps = {
@@ -499,32 +513,32 @@ declare const Group: React__default.FC<GroupProps>;
 type PointsTileProps = {
     tile: Tile;
 };
-declare const PointsTile: React.FC<PointsTileProps> & {
+declare const PointsTile: React$1.FC<PointsTileProps> & {
     Title: typeof PointsTileTitle;
     Points: typeof PointsTilePoints;
     Image: typeof PointsTileImage;
 };
-declare const PointsTileTitle: React.FC;
-declare const PointsTilePoints: React.FC;
+declare const PointsTileTitle: React$1.FC;
+declare const PointsTilePoints: React$1.FC;
 type PointTileImageProps = {
     isFullSize: boolean;
 };
-declare const PointsTileImage: React.FC<PointTileImageProps>;
+declare const PointsTileImage: React$1.FC<PointTileImageProps>;
 
 type RewardCategoryTileProps = {
     tile: Tile;
 };
-declare const RewardCategoryTile: React.FC<RewardCategoryTileProps> & {
+declare const RewardCategoryTile: React$1.FC<RewardCategoryTileProps> & {
     Header: typeof RewardCategoryHeader;
     Background: typeof RewardCategoryBackground;
 };
-declare const RewardCategoryHeader: React.FC;
-declare const RewardCategoryBackground: React.FC;
+declare const RewardCategoryHeader: React$1.FC;
+declare const RewardCategoryBackground: React$1.FC;
 
 type RewardTileProps = {
     tile: Tile;
 };
-declare const RewardTile: React.FC<RewardTileProps> & {
+declare const RewardTile: React$1.FC<RewardTileProps> & {
     Media: typeof RewardTileMedia;
     Title: typeof RewardTileTitle;
     Description: typeof RewardTileDescription;
@@ -532,54 +546,31 @@ declare const RewardTile: React.FC<RewardTileProps> & {
     Chevron: typeof RewardTileChevron;
     Content: typeof RewardTileContent;
 };
-declare const RewardTileMedia: React.FC;
-declare const RewardTileTitle: React.FC;
-declare const RewardTileDescription: React.FC;
-declare const RewardTilePoints: React.FC;
-declare const RewardTileContent: React.FC<{
-    children: React.ReactNode;
+declare const RewardTileMedia: React$1.FC;
+declare const RewardTileTitle: React$1.FC;
+declare const RewardTileDescription: React$1.FC;
+declare const RewardTilePoints: React$1.FC;
+declare const RewardTileContent: React$1.FC<{
+    children: React$1.ReactNode;
 }>;
-declare const RewardTileChevron: React.FC;
+declare const RewardTileChevron: React$1.FC;
 
 type SectionProps = {
     section: TSection;
 };
 declare const Section: React__default.FC<SectionProps>;
 
-type TierTileProps$1 = {
-    tile: Tile;
-};
-declare const TierTile$1: React.FC<TierTileProps$1> & {
-    Name: typeof Name;
-    Count: typeof Count;
-    Image: typeof TierTileImage;
-    Progress: typeof Progress;
-    Description: typeof Description;
-    NextName: typeof NextName;
-    NextCount: typeof NextCount;
-};
-type TierTileImageProps = {
-    isFullSize: boolean;
-};
-declare const TierTileImage: React.FC<TierTileImageProps>;
-declare const Name: React.FC;
-declare const NextName: React.FC;
-declare const Count: React.FC;
-declare const NextCount: React.FC;
-declare const Progress: React.FC;
-declare const Description: React.FC;
-
 type TierTileProps = {
     tile: Tile;
 };
-type TierTileComponent = React.FC<TierTileProps> & {
+type TierTileComponent = React$1.FC<TierTileProps> & {
     Full: typeof TierTileFull;
     Half: typeof TierTileHalf;
     Empty: typeof TierTileEmpty;
 };
-declare const TierTileFull: React.FC<TierTileProps>;
-declare const TierTileHalf: React.FC<TierTileProps>;
-declare const TierTileEmpty: React.FC<TierTileProps>;
+declare const TierTileFull: React$1.FC<TierTileProps>;
+declare const TierTileHalf: React$1.FC<TierTileProps>;
+declare const TierTileEmpty: React$1.FC<TierTileProps>;
 declare const TierTile: TierTileComponent;
 
 type TGroup = {
@@ -632,4 +623,4 @@ type WllSdkProviderProps = {
 declare const WllSdkProvider: React__default.FC<WllSdkProviderProps>;
 declare const useWllSdk: () => WllSdkContextType;
 
-export { type APIResponse, type Availability, type Badge, type BadgeDetail, BadgeTile$1 as BadgeTile, BadgeTileConfig, BadgeTileType, BadgeTile as BadgeTileUpdated, BannerTile, BannerTileConfig, BaseBanner, type BaseThemeObject, BaseTile, Button, CTALinkTarget, Carousel, Column as Content, ContentTile, ContentTileConfig, type DerivedProperties, Grid, Group, Icon, type ImagePropsNoSource, Indicator, LoadingIndicator, type NavigationConfig, type NavigationType, PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, RewardCategoryTile, RewardCategoryTileConfig, RewardTile, RewardTileConfig, RowHeader, type SDKConfig, Section, SectionHeader, SectionType, type Size, Skeleton, type TGroup, type TSection, Text, type ThemeContextType, type ThemeObject, type ThemeProviderProps, TierTile$1 as TierTile, TierTileConfig, TierTileType, TierTile as TierTileUpdated, type TierType, type Tile, type TileConfig, TileContainer, TileHeight, TileType, type Variant, WllSdkProvider, useWllSdk };
+export { type APIResponse, type Availability, type Badge, type BadgeDetail, BadgeTileConfig, BadgeTileType, BadgeTile as BadgeTileUpdated, BannerTile, BannerTileConfig, BaseBanner, type BaseThemeObject, BaseTile, Button, CTALinkTarget, Carousel, Column, Column$1 as Content, ContentTile, ContentTileConfig, type DerivedProperties, Grid, Group, Icon, type ImagePropsNoSource, Indicator, type LayoutProps, LoadingIndicator, type NavigationConfig, type NavigationType, PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, RewardCategoryTile, RewardCategoryTileConfig, RewardTile, RewardTileConfig, Row, RowHeader, type SDKConfig, Section, SectionHeader, SectionType, type Size, Skeleton, Stack, 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, useWllSdk };