@wlloyalty/wll-react-sdk 1.0.44 → 1.0.46

package/dist/index.d.ts

@@ -2,7 +2,7 @@ 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 { ImageSourcePropType, StyleProp, ViewStyle, View, TextProps as TextProps$1, TextStyle, ImageProps } from 'react-native';
+import { ViewProps, ImageSourcePropType, StyleProp, ViewStyle, TextProps as TextProps$1, TextStyle, ImageProps } from 'react-native';
 
 declare const sizes: {
     readonly borderRadiusSm: 15;
@@ -69,8 +69,12 @@ type ButtonProps = {
     title: string;
     onPress: () => void;
     variant: Variant;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    testID?: string;
 };
-declare const Button: ({ title, onPress, variant }: ButtonProps) => JSX.Element;
+declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, testID, }: ButtonProps) => JSX.Element;
 
 type IconName = keyof typeof LucideIcons;
 type IconProps = {
@@ -78,7 +82,7 @@ type IconProps = {
     color?: string;
     size?: number;
     strokeWidth?: number;
-};
+} & Omit<ViewProps, 'style'>;
 declare const Icon: ({ name, color, size, strokeWidth, ...props }: IconProps) => JSX.Element | null;
 
 declare const LoadingIndicator: () => JSX.Element;
@@ -99,12 +103,6 @@ type ProgressiveImageProps = {
 };
 declare const ProgressiveImage: ({ source, style, isDesaturated, ...props }: ProgressiveImageProps) => JSX.Element;
 
-type RowHeaderProps = {
-    children: React$1.ReactNode;
-    className?: string;
-} & React$1.ComponentProps<typeof View>;
-declare const RowHeader: ({ children, style, ...props }: RowHeaderProps) => JSX.Element;
-
 type TextVariant = 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
 type TextProps = TextProps$1 & {
     variant?: TextVariant;
@@ -348,20 +346,20 @@ type BaseTileRootProps = {
  * BaseTile component with subcomponents attached.
  */
 declare const BaseTile: (({ tile, children }: BaseTileProps) => JSX.Element) & {
-    Root: ({ children, style }: BaseTileRootProps) => JSX.Element;
-    Media: React__default.FC<ImagePropsNoSource>;
-    Content: React__default.FC<{
+    Container: ({ children, style, }: BaseTileRootProps) => JSX.Element;
+    Media: (props: ImagePropsNoSource) => JSX.Element | null;
+    Content: ({ children, }: {
         children: React__default.ReactNode;
-    }>;
-    Header: React__default.FC<{
-        children?: React__default.ReactNode;
-    }>;
-    Title: React__default.FC;
+    }) => JSX.Element | null;
+    Header: ({ children, }: {
+        children: React__default.ReactNode;
+    }) => JSX.Element | null;
+    Title: () => JSX.Element | 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;
-    }) => React__default.JSX.Element | null;
+    }) => JSX.Element | null;
 };
 
 declare const Indicator: () => JSX.Element;
@@ -387,7 +385,7 @@ type ImagePropsNoSource = Omit<ImageProps, 'source'>;
 type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 type Justify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
 type Align = 'start' | 'end' | 'center' | 'stretch' | 'baseline';
-type LayoutProps = {
+type LayoutProps$1 = {
     children: React.ReactNode;
     justify?: Justify;
     align?: Align;
@@ -397,52 +395,79 @@ type LayoutProps = {
 declare const justifyMap: Record<Justify, ViewStyle['justifyContent']>;
 declare const alignMap: Record<Align, ViewStyle['alignItems']>;
 
-type FlexProps = {
+type ColumnProps = {
+    children: React$1.ReactNode;
     justify?: Justify;
     align?: Align;
-    style?: ViewStyle;
-};
-type ColumnLayoutProps = FlexProps & {
-    children?: React__default.ReactNode;
-};
+    reverse?: boolean;
+    flex?: number;
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'style'>;
 /**
- * A Column layout component that arranges its children in a vertical stack.
- *
- * @param children - The child components to render inside the column.
- * @param justify - Defines how children are aligned along the main axis.
- * @param align - Defines how children are aligned along the cross axis.
- * @param style - Additional styles to apply to the container.
+ * A primitive Column component that extends Layout with vertical direction.
+ * Provides a cleaner API for creating vertically aligned layouts.
+ * @param reverse - When true, reverses the direction of the column (column-reverse)
+ * @param justify - The justify content of the column
+ * @param align - The align items of the column
+ * @param flex - Optional flex number to control the column's flex behavior
+ * @param style - Additional styles to apply to the column
  */
-declare const Column: React__default.MemoExoticComponent<({ children, justify, align, style, }: ColumnLayoutProps) => JSX.Element>;
+declare const Column: ({ children, justify, align, reverse, flex, style, ...rest }: ColumnProps) => JSX.Element;
 
 /**
- * Props for the FlexBox component.
+ * Props for the FullFlex component.
  *
  * @param children - The child components to render inside the flex container.
  * @param style - Optional custom styles to apply to the container.
  */
-type FlexBoxProps = {
+type FullFlexProps = {
     children: React__default.ReactNode;
     style?: ViewStyle;
-};
+} & Omit<ViewProps, 'style'>;
 /**
- * A FlexBox component that provides a flexible container with `flex: 1`.
+ * A FullFlex component that provides a flexible container with `flex: 1`.
  *
  * This component is commonly used to create a full-flex container that expands
  * to fill available space in a layout.
  */
-declare const FlexBox: ({ children, style }: FlexBoxProps) => JSX.Element;
+declare const FullFlex: ({ children, style, ...rest }: FullFlexProps) => JSX.Element;
 
+type LayoutProps = {
+    children: React$1.ReactNode;
+    direction?: FlexDirection;
+    justify?: Justify;
+    align?: Align;
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'style'>;
 /**
- * A Row layout component that arranges its children in a horizontal stack.
- *
- * @param children - The child components to render inside the row.
- * @param justify - Defines how children are aligned along the main axis (horizontal).
- * @param align - Defines how children are aligned along the cross axis (vertical).
- * @param direction - The flex direction for the row (default is 'row').
- * @param style - Additional styles to apply to the container.
+ * A primitive Layout component that provides flexible layout options.
+ * @param direction - The direction of the layout (column or row)
+ * @param justify - The justify content of the layout
+ * @param align - The align items of the layout
+ * @param style - Additional styles to apply to the layout
+ * @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;
+
+type RowProps = {
+    children: React$1.ReactNode;
+    justify?: Justify;
+    align?: Align;
+    reverse?: boolean;
+    flex?: number;
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'style'>;
+/**
+ * A primitive Row component that extends Layout with horizontal direction.
+ * Provides a cleaner API for creating horizontally aligned layouts.
+ * @param reverse - When true, reverses the direction of the row (row-reverse)
+ * @param justify - The justify content of the row
+ * @param align - The align items of the row
+ * @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, direction, style, }: LayoutProps) => JSX.Element;
+declare const Row: ({ children, justify, align, reverse, flex, style, ...rest }: RowProps) => JSX.Element;
 
 /**
  * Props for the Spacer component.
@@ -451,25 +476,14 @@ declare const Row: ({ children, justify, align, direction, style, }: LayoutProps
  */
 type SpacerProps = {
     style?: ViewStyle;
-};
+} & Omit<ViewProps, 'style'>;
 /**
  * A simple Spacer component that creates flexible space in layouts.
  *
  * 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 }: SpacerProps) => JSX.Element;
-
-/**
- * A Stack layout component that arranges its children in a flexible stack.
- *
- * @param children - The child components to render inside the stack.
- * @param justify - Defines how children are aligned along the main axis.
- * @param align - Defines how children are aligned along the cross axis.
- * @param direction - The flex direction for the stack (default is 'column').
- * @param style - Additional styles to apply to the container.
- */
-declare const Stack: ({ children, justify, align, direction, style, }: LayoutProps) => JSX.Element;
+declare const Spacer: ({ style, ...rest }: SpacerProps) => JSX.Element;
 
 declare enum SectionType {
     Grid = "GRID",
@@ -539,6 +553,15 @@ type ContentTileProps = {
 };
 declare const _default$3: (props: Omit<ContentTileProps, "tile"> & WithTileFetchingProps) => React__default.JSX.Element;
 
+type TGroup = {
+    name: string;
+    active: boolean;
+    id: string;
+    createdAt: string;
+    updatedAt: string;
+    sections: TSection[];
+};
+
 type GroupProps = {
     id: string;
 };
@@ -591,15 +614,6 @@ declare const TierTileHalf: React$1.FC<TierTileProps>;
 declare const TierTileEmpty: React$1.FC<TierTileProps>;
 declare const TierTile: TierTileComponent;
 
-type TGroup = {
-    name: string;
-    active: boolean;
-    id: string;
-    createdAt: string;
-    updatedAt: string;
-    sections: TSection[];
-};
-
 type NavigationType = 'external' | 'internal' | 'modal';
 type NavigationHandlerParams = {
     target: string;
@@ -641,4 +655,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 DerivedProperties, FlexBox, type FlexDirection, Grid, Group, Icon, type ImagePropsNoSource, Indicator, type Justify, type LayoutProps, LoadingIndicator, type NavigationConfig, type NavigationType, _default$2 as PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, _default$1 as RewardCategoryTile, RewardCategoryTileConfig, _default as RewardTile, RewardTileConfig, Row, RowHeader, type SDKConfig, Section, SectionHeader, SectionType, type Size, Skeleton, Spacer, 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, 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 DerivedProperties, type FlexDirection, FullFlex, Grid, Group, Icon, type ImagePropsNoSource, Indicator, type Justify, Layout, type LayoutProps$1 as LayoutProps, LoadingIndicator, type NavigationConfig, type NavigationType, _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 };