@wlloyalty/wll-react-sdk 1.4.4 → 1.4.6

package/dist/types/components/organisms/PointsTile/points-tile-formatted-points.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders formatted points value for a Points Tile.
  *
- * @returns JSX.Element or null if points are undefined or zero
+ * @returns React.ReactElement or null if points are undefined or zero
  */
-export declare const PointsTileFormattedPoints: () => JSX.Element | null;
+export declare const PointsTileFormattedPoints: () => React.ReactElement | null;

package/dist/types/components/organisms/PointsTile/points-tile-media.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 type PointsTileMediaProps = {
     isFullSize: boolean;
 };
 /**
  * Renders the media of a Points Tile.
  *
- * @returns JSX.Element or null if media is not present
+ * @returns React.ReactElement or null if media is not present
  */
-export declare const PointsTileMedia: ({ isFullSize, }: PointsTileMediaProps) => JSX.Element | null;
+export declare const PointsTileMedia: ({ isFullSize, }: PointsTileMediaProps) => React.ReactElement | null;
 export {};

package/dist/types/components/organisms/PointsTile/points-tile-title.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the title of a Points Tile.
  *
- * @returns JSX.Element or null if no title is present
+ * @returns React.ReactElement or null if no title is present
  */
-export declare const PointsTileTitle: () => JSX.Element | null;
+export declare const PointsTileTitle: () => React.ReactElement | null;

package/dist/types/components/organisms/RewardCategoryTile/index.d.ts

@@ -6,9 +6,9 @@ type RewardCategoryTileProps = {
 /**
  * The RewardCategoryTile component with subcomponents attached.
  */
-export declare const RewardCategoryTile: (({ tile, }: RewardCategoryTileProps) => JSX.Element | null) & {
-    Header: () => JSX.Element | null;
-    Media: () => JSX.Element | null;
+export declare const RewardCategoryTile: (({ tile, }: RewardCategoryTileProps) => React.ReactElement | null) & {
+    Header: () => React.ReactElement | null;
+    Media: () => React.ReactElement | null;
 };
 declare const _default: (props: Omit<RewardCategoryTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

package/dist/types/components/organisms/RewardCategoryTile/reward-category-header.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the header for a Reward Category Tile.
  *
- * @returns JSX.Element or null if showName is false or name is not present
+ * @returns React.ReactElement or null if showName is false or name is not present
  */
-export declare const RewardCategoryHeader: () => JSX.Element | null;
+export declare const RewardCategoryHeader: () => React.ReactElement | null;

package/dist/types/components/organisms/RewardCategoryTile/reward-category-media.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the background media for a Reward Category Tile.
  *
- * @returns JSX.Element or null if no artwork URL is present
+ * @returns React.ReactElement or null if no artwork URL is present
  */
-export declare const RewardCategoryMedia: () => JSX.Element | null;
+export declare const RewardCategoryMedia: () => React.ReactElement | null;

package/dist/types/components/organisms/RewardTile/index.d.ts

@@ -6,14 +6,14 @@ type RewardTileProps = {
 /**
  * The RewardTile component with subcomponents attached.
  */
-export declare const RewardTile: (({ tile }: RewardTileProps) => JSX.Element | null) & {
+export declare const RewardTile: (({ tile }: RewardTileProps) => React.ReactElement | null) & {
     Media: ({ isArtworkOnly, }: {
         isArtworkOnly: boolean;
-    }) => JSX.Element | null;
-    Title: () => JSX.Element | null;
-    Summary: () => JSX.Element | null;
-    Points: () => JSX.Element | null;
-    Chevron: () => JSX.Element;
+    }) => React.ReactElement | null;
+    Title: () => React.ReactElement | null;
+    Summary: () => React.ReactElement | null;
+    Points: () => React.ReactElement | null;
+    Chevron: () => React.ReactElement;
 };
 declare const _default: (props: Omit<RewardTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

package/dist/types/components/organisms/RewardTile/reward-tile-chevron.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders a chevron icon for a Reward Tile.
  *
- * @returns JSX.Element
+ * @returns React.ReactElement
  */
-export declare const RewardTileChevron: () => JSX.Element;
+export declare const RewardTileChevron: () => React.ReactElement;

package/dist/types/components/organisms/RewardTile/reward-tile-media.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type RewardTileMediaProps = {
     isArtworkOnly: boolean;
 };
@@ -6,7 +7,7 @@ type RewardTileMediaProps = {
  *
  * @param props {RewardTileMediaProps} - Component props
  * @param props.isArtworkOnly {boolean} - Whether the media should be rendered as an artwork only component
- * @returns JSX.Element or null if no artwork URL is present or artwork should not be shown
+ * @returns React.ReactElement or null if no artwork URL is present or artwork should not be shown
  */
-export declare const RewardTileMedia: ({ isArtworkOnly, }: RewardTileMediaProps) => JSX.Element | null;
+export declare const RewardTileMedia: ({ isArtworkOnly, }: RewardTileMediaProps) => React.ReactElement | null;
 export {};

package/dist/types/components/organisms/RewardTile/reward-tile-points.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the points value of a Reward Tile.
  *
- * @returns JSX.Element or null if price should not be shown or is zero/undefined
+ * @returns React.ReactElement or null if price should not be shown or is zero/undefined
  */
-export declare const RewardTilePoints: () => JSX.Element | null;
+export declare const RewardTilePoints: () => React.ReactElement | null;

package/dist/types/components/organisms/RewardTile/reward-tile-summary.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the summary of a Reward Tile.
  *
- * @returns JSX.Element or null if no summary is present
+ * @returns React.ReactElement or null if no summary is present
  */
-export declare const RewardTileSummary: () => JSX.Element | null;
+export declare const RewardTileSummary: () => React.ReactElement | null;

package/dist/types/components/organisms/RewardTile/reward-tile-title.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the title of a Reward Tile.
  *
- * @returns JSX.Element or null if no name is present
+ * @returns React.ReactElement or null if no name is present
  */
-export declare const RewardTileTitle: () => JSX.Element | null;
+export declare const RewardTileTitle: () => React.ReactElement | null;

package/dist/types/components/organisms/RoundupTile/index.d.ts

@@ -6,13 +6,13 @@ type RoundupTileProps = {
 /**
  * The PointsTile component with subcomponents attached.
  */
-export declare const RoundupTile: (({ tile }: RoundupTileProps) => JSX.Element | null) & {
-    Title: () => JSX.Element | null;
-    Points: () => JSX.Element | null;
+export declare const RoundupTile: (({ tile }: RoundupTileProps) => React.ReactElement | null) & {
+    Title: () => React.ReactElement | null;
+    Points: () => React.ReactElement | null;
     Media: ({ isFullSize, }: {
         isFullSize: boolean;
-    }) => JSX.Element | null;
-    Chevron: () => JSX.Element | null;
+    }) => React.ReactElement | null;
+    Chevron: () => React.ReactElement | null;
 };
 declare const _default: (props: Omit<RoundupTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

package/dist/types/components/organisms/RoundupTile/roundup-tile-chevron.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders a chevron icon for a Roundup Tile.
  *
- * @returns JSX.Element
+ * @returns React.ReactElement
  */
-export declare const RoundupTileChevron: () => JSX.Element | null;
+export declare const RoundupTileChevron: () => React.ReactElement | null;

package/dist/types/components/organisms/RoundupTile/roundup-tile-formatted-points.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders formatted points value for a Roundup Tile.
  *
- * @returns JSX.Element or null if points are undefined or zero
+ * @returns React.ReactElement or null if points are undefined or zero
  */
-export declare const RoundupTileFormattedPoints: () => JSX.Element | null;
+export declare const RoundupTileFormattedPoints: () => React.ReactElement | null;

package/dist/types/components/organisms/RoundupTile/roundup-tile-media.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 type RoundupTileMediaProps = {
     isFullSize: boolean;
 };
 /**
  * Renders the media of a Points Tile.
  *
- * @returns JSX.Element or null if media is not present
+ * @returns React.ReactElement or null if media is not present
  */
-export declare const RoundupTileMedia: ({ isFullSize, }: RoundupTileMediaProps) => JSX.Element | null;
+export declare const RoundupTileMedia: ({ isFullSize, }: RoundupTileMediaProps) => React.ReactElement | null;
 export {};

package/dist/types/components/organisms/RoundupTile/roundup-tile-title.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the title of a Roundup Tile.
  *
- * @returns JSX.Element or null if no title is present
+ * @returns React.ReactElement or null if no title is present
  */
-export declare const RoundupTileTitle: () => JSX.Element | null;
+export declare const RoundupTileTitle: () => React.ReactElement | null;

package/dist/types/components/organisms/Section/index.d.ts

@@ -24,7 +24,7 @@ export declare const useSectionContext: () => SectionContextType;
  * @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.FC<SectionProps>;
 export default Section;

package/dist/types/context/WllSdkContext.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TGroup } from '../types/group';
 import { WithChildren } from '../types/helpers';
 import { NavigationConfig } from '../types/navigation';
@@ -42,6 +43,6 @@ type WllSdkProviderProps = WithChildren & {
     config: SDKConfig;
     navigationConfig?: NavigationConfig;
 };
-export declare const WllSdkProvider: ({ children, theme: providedTheme, config, navigationConfig, }: WllSdkProviderProps) => JSX.Element;
+export declare const WllSdkProvider: ({ children, theme: providedTheme, config, navigationConfig, }: WllSdkProviderProps) => React.ReactElement;
 export declare const useWllSdk: () => WllSdkContextType;
 export {};

package/dist/types/types/tile.d.ts

@@ -26,6 +26,11 @@ export declare enum TileHeight {
     Full = "FULL"
 }
 export type ProgessType = 'NAME' | 'POINTS';
+export declare enum StatusVariant {
+    PRIMARY = "primary",
+    GREEN = "green",
+    GREY = "grey"
+}
 export declare class BannerTileConfig {
     artworkUrl?: string | null;
     title?: string | null;

package/dist/types/utils/storybookHelpers.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 export declare const TileWrapper: ({ isHalfTile, children, }: {
     isHalfTile?: boolean;
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.ReactElement;