@wlloyalty/wll-react-sdk 1.0.45 → 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, 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;
@@ -342,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;
+    }) => JSX.Element | null;
+    Header: ({ children, }: {
         children: React__default.ReactNode;
-    }>;
-    Header: React__default.FC<{
-        children?: React__default.ReactNode;
-    }>;
-    Title: React__default.FC;
+    }) => 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;
@@ -377,46 +381,93 @@ type TileContainerProps = {
  */
 declare const TileContainer: ({ tiles }: TileContainerProps) => JSX.Element;
 
+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$1 = {
+    children: React.ReactNode;
+    justify?: Justify;
+    align?: Align;
+    direction?: FlexDirection;
+    style?: ViewStyle;
+};
+declare const justifyMap: Record<Justify, ViewStyle['justifyContent']>;
+declare const alignMap: Record<Align, ViewStyle['alignItems']>;
+
+type ColumnProps = {
+    children: React$1.ReactNode;
+    justify?: Justify;
+    align?: Align;
+    reverse?: boolean;
+    flex?: number;
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'style'>;
+/**
+ * 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: ({ 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 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$1 = {
-    children: React.ReactNode;
+type LayoutProps = {
+    children: React$1.ReactNode;
+    direction?: FlexDirection;
     justify?: Justify;
     align?: Align;
-    direction?: FlexDirection;
-    style?: ViewStyle;
-};
-declare const justifyMap: Record<Justify, ViewStyle['justifyContent']>;
-declare const alignMap: Record<Align, ViewStyle['alignItems']>;
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'style'>;
+/**
+ * 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 LayoutProps = {
+type RowProps = {
     children: React$1.ReactNode;
     justify?: Justify;
     align?: Align;
-    direction?: FlexDirection;
-    style?: ViewStyle;
-};
-declare const Layout: ({ children, justify, align, direction, style, }: LayoutProps) => JSX.Element;
+    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, reverse, flex, style, ...rest }: RowProps) => JSX.Element;
 
 /**
  * Props for the Spacer component.
@@ -425,14 +476,14 @@ declare const Layout: ({ children, justify, align, direction, style, }: LayoutPr
  */
 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;
+declare const Spacer: ({ style, ...rest }: SpacerProps) => JSX.Element;
 
 declare enum SectionType {
     Grid = "GRID",
@@ -502,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;
 };
@@ -554,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;
@@ -604,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, _default$3 as ContentTile, ContentTileConfig, type DerivedProperties, FlexBox, type FlexDirection, 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, 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 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 };