@wlloyalty/wll-react-sdk 1.10.0 → 1.11.0

package/dist/types/components/atoms/ProgressBar/ProgressBar.stories.d.ts

@@ -6,3 +6,7 @@ export declare const Accent: import("@storybook/core/csf").AnnotatedStoryFn<impo
 export declare const Small: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
 export declare const Full: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
 export declare const Empty: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
+export declare const WithLabel: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
+export declare const WithLabelFull: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
+export declare const WithLabelEmpty: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
+export declare const WithLabelAccent: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;

package/dist/types/components/atoms/ProgressBar/index.d.ts

@@ -5,6 +5,9 @@ export type ProgressBarProps = {
     variant?: Variant;
     height?: Size;
     animationDuration?: number;
+    currentValue?: number;
+    targetValue?: number;
+    showProgressLabel?: boolean;
 };
-declare const ProgressBar: ({ percentage, variant, height, animationDuration, }: ProgressBarProps) => React.ReactElement;
+declare const ProgressBar: ({ percentage, variant, height, animationDuration, currentValue, targetValue, showProgressLabel, }: ProgressBarProps) => React.ReactElement;
 export default ProgressBar;

package/dist/types/components/organisms/CampaignTile/CampaignTile.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/organisms/CampaignTile/CampaignTile.stories.d.ts

@@ -0,0 +1,27 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const FullWithProgress: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const FullWithoutProgress: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const FullCompleted: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const FullArtworkOnly: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const FullWithoutImage: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const HalfWithProgress: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const HalfWithoutProgress: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const HalfArtworkOnly: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;

package/dist/types/components/organisms/CampaignTile/campaign-tile-chevron.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Renders a chevron icon for a Campaign Tile.
+ *
+ * @returns React.ReactElement
+ */
+export declare const CampaignTileChevron: () => React.ReactElement;

package/dist/types/components/organisms/CampaignTile/campaign-tile-description.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Renders the description of a Campaign Tile.
+ *
+ * @returns React.ReactElement or null if no description is present
+ */
+export declare const CampaignTileDescription: () => React.ReactElement | null;

package/dist/types/components/organisms/CampaignTile/campaign-tile-media.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type CampaignTileMediaProps = {
+    isArtworkOnly?: boolean;
+};
+/**
+ * Renders the media header for a Campaign Tile.
+ *
+ * @param props {CampaignTileMediaProps} - Component props
+ * @param props.isArtworkOnly {boolean} - Whether the media should occupy the full tile height
+ * @returns React.ReactElement or null if no artworkUrl is present
+ */
+export declare const CampaignTileMedia: ({ isArtworkOnly, }: CampaignTileMediaProps) => React.ReactElement | null;
+export {};

package/dist/types/components/organisms/CampaignTile/campaign-tile-progress.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CampaignProgress } from '../../../types/tile';
+type CampaignTileProgressProps = {
+    progress: CampaignProgress | null;
+};
+/**
+ * Renders the progress bar and progress label for a Campaign Tile.
+ * If progress is null, nothing is rendered.
+ *
+ * @param props - Component props
+ * @param props.progress - The campaign progress data
+ * @returns React.ReactElement or null if progress is null
+ */
+export declare const CampaignTileProgress: ({ progress, }: CampaignTileProgressProps) => React.ReactElement | null;
+export {};

package/dist/types/components/organisms/CampaignTile/campaign-tile-title.d.ts

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Tile } from '../../../types/tile';
+type CampaignTileProps = {
+    tile: Tile;
+};
+/**
+ * The CampaignTile component with subcomponents attached.
+ */
+export declare const CampaignTile: (({ tile, }: CampaignTileProps) => React.ReactElement | null) & {
+    Media: ({ isArtworkOnly, }: {
+        isArtworkOnly?: boolean;
+    }) => React.ReactElement | null;
+    Title: () => React.ReactElement | null;
+    Description: () => React.ReactElement | null;
+    Progress: ({ progress, }: {
+        progress: import("../../../types/tile").CampaignProgress | null;
+    }) => React.ReactElement | null;
+    Chevron: () => React.ReactElement;
+};
+declare const _default: (props: Omit<CampaignTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
+export default _default;

package/dist/types/components/organisms/CampaignTile/styles.d.ts

@@ -0,0 +1,8 @@
+import { StyleSheet } from 'react-native';
+/**
+ * Custom hook that returns the styles for the CampaignTile component.
+ * Applies responsive styling based on the current device.
+ *
+ * @returns StyleSheet styles for the CampaignTile component
+ */
+export declare const useCampaignTileStyles: () => ReturnType<typeof StyleSheet.create>;

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

@@ -1,5 +1,6 @@
 export { default as BadgeTile } from './BadgeTile';
 export { default as BannerTile } from './BannerTile';
+export { default as CampaignTile } from './CampaignTile';
 export { default as ContentTile } from './ContentTile';
 export { default as Group } from './Group';
 export { default as PointsTile } from './PointsTile';

package/dist/types/mocks/tiles/campaignTile.d.ts

@@ -0,0 +1,6 @@
+import { CampaignTileConfig, Tile, TileHeight } from '../../types/tile';
+export type CampaignTileMockConfig = Partial<CampaignTileConfig> & {
+    active?: boolean;
+    tileHeight?: TileHeight;
+};
+export declare const createCampaignTileMock: (config?: CampaignTileMockConfig) => Tile;

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

@@ -20,7 +20,8 @@ export declare enum TileType {
     RewardCategory = "REWARD_CATEGORY",
     Tier = "TIER",
     Roundup = "ROUND_UP_BALANCE",
-    Venue = "VENUE"
+    Venue = "VENUE",
+    Campaign = "EARNING_CAMPAIGN"
 }
 export declare enum TileHeight {
     Half = "HALF",
@@ -175,6 +176,46 @@ export declare class TierTileConfig {
     pointsToTierSuffix?: string;
     locale: string;
 }
+export declare class CampaignTileConfig {
+    campaignId: string;
+    type: string;
+    status: string;
+    name: string;
+    description: string;
+    artworkUrl: string;
+    showDetails?: boolean;
+    effectivity: {
+        start: Date | null;
+        end: Date | null;
+    };
+    progress: CampaignProgress | null;
+    missions: CampaignMission[];
+}
+export type CampaignProgress = {
+    currentValue: number;
+    targetValue: number;
+    windowStart: string | null;
+    windowEnd: string | null;
+    optedInAt: string | null;
+    completedAt: string | null;
+    availableAgainAt: string | null;
+    cooldownCycle: number | null;
+};
+export type CampaignMission = {
+    id: string;
+    name: string;
+    description: string | null;
+    pictureUrl: string | null;
+    completionType: string;
+    targetValue: number;
+    displayStyle: string;
+    requiresOptIn: boolean;
+    lockState: string;
+    order: number;
+    duration: number | null;
+    cooldownDuration: number | null;
+    progress: CampaignProgress;
+};
 export type Tile = {
     id: string | null;
     type?: TileType;
@@ -185,7 +226,7 @@ export type Tile = {
     configuration: TileConfig;
     priority: number;
 };
-declare const getConfigForTileType: (tileType: TileType) => typeof BannerTileConfig | typeof PointsTileConfig | typeof ContentTileConfig | typeof RewardTileConfig | typeof VenueTileConfig | typeof BadgeTileConfig | typeof RewardCategoryTileConfig | typeof TierTileConfig;
+declare const getConfigForTileType: (tileType: TileType) => typeof BannerTileConfig | typeof PointsTileConfig | typeof ContentTileConfig | typeof RewardTileConfig | typeof VenueTileConfig | typeof BadgeTileConfig | typeof RewardCategoryTileConfig | typeof TierTileConfig | typeof CampaignTileConfig;
 export type TileConfig = InstanceType<ReturnType<typeof getConfigForTileType>>;
 export type TileSizeInfo = {
     isFullSize: boolean;