@wlloyalty/wll-react-sdk 1.0.60 → 1.0.62

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-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 { ViewProps, ImageSourcePropType, StyleProp, ViewStyle, TextProps as TextProps$1, TextStyle, ImageProps } from 'react-native';
+import * as React$1 from 'react';
+import React__default from 'react';
 
 declare const sizes: {
     readonly borderRadiusSm: 15;
@@ -22,6 +22,13 @@ declare const sizes: {
     readonly xxxxxl: 60;
 };
 
+/**
+ * Adds optional children to any component props.
+ */
+type WithChildren<T = {}> = T & {
+    children?: React.ReactNode;
+};
+
 type Badge = {
     id: string;
     name: string;
@@ -275,8 +282,7 @@ type ThemeContextType = {
     theme: ThemeObject;
     setTheme: (theme: ThemeObject) => void;
 };
-type ThemeProviderProps = {
-    children: ReactNode;
+type ThemeProviderProps = WithChildren & {
     theme?: Partial<BaseThemeObject>;
 };
 type Variant = 'primary' | 'accent' | 'positive' | 'negative';
@@ -340,26 +346,24 @@ type BaseBannerProps = {
 };
 declare const BaseBanner: React__default.FC<BaseBannerProps>;
 
-type BaseTileProps = {
+type BaseTileProps = WithChildren & {
     tile: Tile;
-    children: ReactNode;
     style?: ViewStyle;
 };
-type BaseTileRootProps = {
-    children: ReactNode;
+type BaseTileRootProps = WithChildren & {
     style?: ViewStyle;
 };
 /**
  * BaseTile component with subcomponents attached.
  */
-declare const BaseTile: (({ tile, children }: BaseTileProps) => JSX.Element) & {
+declare const BaseTile: (({ tile, children, style, }: BaseTileProps) => JSX.Element | null) & {
     Container: ({ children, style, }: BaseTileRootProps) => JSX.Element;
     Media: (props: ImagePropsNoSource) => JSX.Element | null;
     Content: ({ children, }: {
-        children: React__default.ReactNode;
+        children?: React.ReactNode;
     }) => JSX.Element | null;
     Header: ({ children, }: {
-        children: React__default.ReactNode;
+        children?: React.ReactNode;
     }) => JSX.Element | null;
     Title: () => JSX.Element | null;
     Body: (props: Omit<react_native.TextProps, "style"> & {
@@ -580,7 +584,9 @@ type GroupProps = {
  * loading, errors, and empty states, providing a complete page experience for
  * viewing group content.
  *
- * @param id - The unique identifier of the group to fetch and display.
+ * @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
  */
 declare const Group: ({ id }: GroupProps) => JSX.Element | null;
 
@@ -605,6 +611,11 @@ type SectionProps = {
 };
 /**
  * The Section component renders a section based on its type (e.g., Banner, Grid).
+ *
+ * @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
  */
 declare const Section: ({ section, sectionId }: SectionProps) => JSX.Element | null;
 
@@ -658,8 +669,7 @@ type WllSdkContextType = ThemeContextType & {
 } & Readonly<{
     readonly config: SDKConfig;
 }>;
-type WllSdkProviderProps = {
-    children: ReactNode;
+type WllSdkProviderProps = WithChildren & {
     theme?: Partial<BaseThemeObject>;
     config: SDKConfig;
     navigationConfig?: NavigationConfig;