@wlloyalty/wll-react-sdk 1.0.3 → 1.0.4

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

@@ -4,6 +4,7 @@ export type ProgressBarProps = {
     percentage: number;
     variant?: Variant;
     height?: Size;
+    animationDuration?: number;
 };
 declare const ProgressBar: React.FC<ProgressBarProps>;
 export default ProgressBar;

package/dist/components/atoms/ProgressiveImage/ProgressiveImage.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    [key: string]: any;
+    source: import("react-native").ImageSourcePropType;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    isDesaturated?: boolean;
+}>;

package/dist/components/atoms/ProgressiveImage/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+type ProgressiveImageProps = {
+    source: ImageSourcePropType;
+    style?: StyleProp<ViewStyle>;
+    isDesaturated?: boolean;
+    [key: string]: any;
+};
+declare const ProgressiveImage: React.FC<ProgressiveImageProps>;
+export default ProgressiveImage;

package/dist/components/atoms/{BaseBanner/BaseBanner.stories.d.ts → RowHeader/RowHeader.stories.d.ts}

@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/react';
 import * as React from 'react';
+import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
-    tile: import("../../../types/tile").Tile;
     children: React.ReactNode;
-}>;
+    className?: string;
+} & import("react-native").ViewProps>;

package/dist/components/atoms/RowHeader/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { View } from 'react-native';
+type RowHeaderProps = {
+    children: React.ReactNode;
+    className?: string;
+} & React.ComponentProps<typeof View>;
+declare const RowHeader: React.FC<RowHeaderProps>;
+export default RowHeader;

package/dist/components/atoms/Text/Text.stories.d.ts

@@ -1,11 +1,11 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Text } from ".";
+import type { Meta, StoryObj } from '@storybook/react';
+import { Text } from '.';
 declare const meta: Meta<typeof Text>;
 export default meta;
 type Story = StoryObj<typeof Text>;
 export declare const Body: Story;
 export declare const Eyebrow: Story;
 export declare const Title: Story;
-export declare const Subtitle: Story;
+export declare const description: Story;
 export declare const Caption: Story;
 export declare const Label: Story;

package/dist/components/atoms/Text/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextProps as RNTextProps, TextStyle } from 'react-native';
-type TextVariant = 'eyebrow' | 'title' | 'subtitle' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
+type TextVariant = 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
 type TextProps = RNTextProps & {
     variant?: TextVariant;
     style?: TextStyle;

package/dist/components/atoms/TileContainer/index.d.ts

@@ -1,5 +1,5 @@
-import { Tile } from '../../../types/tile';
 import * as React from 'react';
+import { Tile } from '../../../types/tile';
 type TileContainerProps = {
     tiles: Tile[];
 };

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

@@ -1,9 +1,13 @@
-import Button from "./Button";
-import Icon from "./Icon";
-import Image from "./Image";
-import LoadingIndicator from "./LoadingIndicator";
-import ProgressBar from "./ProgressBar";
-import Text from "./Text";
-import BaseTile from "./BaseTile";
-import TileContainer from "./TileContainer";
-export { Button, Icon, Image, LoadingIndicator, ProgressBar, Text, BaseTile, TileContainer, };
+import BaseBanner from './BaseBanner';
+import BaseTile from './BaseTile';
+import Button from './Button';
+import Content from './Content';
+import Icon from './Icon';
+import Image from './Image';
+import LoadingIndicator from './LoadingIndicator';
+import ProgressBar from './ProgressBar';
+import ProgressiveImage from './ProgressiveImage';
+import RowHeader from './RowHeader';
+import Text from './Text';
+import TileContainer from './TileContainer';
+export { BaseBanner, BaseTile, Button, Content, Icon, Image, LoadingIndicator, ProgressBar, ProgressiveImage, RowHeader, Text, TileContainer, };

package/dist/components/molecules/Grid/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { TSection as SectionData } from '../../../types/section';
+import { TSection } from '../../../types/section';
 type GridProps = {
-    section: SectionData;
+    section: TSection;
 };
 declare const Grid: React.FC<GridProps>;
 export default Grid;

package/dist/components/molecules/ProgressIndicator/ProgressIndicator.stories.d.ts

@@ -1,11 +1,8 @@
-import { Meta } from "@storybook/react";
-import ProgressIndicator, { ProgressIndicatorProps } from ".";
+import { Meta } from '@storybook/react';
+import ProgressIndicator, { ProgressIndicatorProps } from '.';
 declare const _default: Meta<typeof ProgressIndicator>;
 export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;
 export declare const Incomplete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;
 export declare const AlmostComplete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;
 export declare const Complete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;
-export declare const AccentVariant: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;
-export declare const SmallHeight: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;
-export declare const LargeHeight: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;

package/dist/components/molecules/SectionHeader/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 type SectionHeaderProps = {
     title?: string;
     description?: string;

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

@@ -8,6 +8,7 @@ type BadgeTileComponent = FC<BadgeTileProps> & {
     Title: FC;
     Body: FC;
     Image: FC<ImagePropsNoSource>;
+    Chevron: FC;
 };
 export declare const BadgeTile: BadgeTileComponent;
 export default BadgeTile;

package/dist/components/organisms/BadgeTileUpdated/BadgeTileUpdated.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const LatestNoBadgesEarned: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const LatestEarned: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const SpecificBadgeNotEarned: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const SpecificBadgeHighCount: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const SpecificBadgeAwardedOnce: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;

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

@@ -0,0 +1,19 @@
+import React, { FC } from 'react';
+import { ImagePropsNoSource } from '../../../types/common';
+import { Tile } from '../../../types/tile';
+type BadgeTileProps = {
+    tile: Tile;
+};
+type BadgeTileMediaProps = ImagePropsNoSource & {
+    children?: React.ReactNode;
+};
+type BadgeTileComponent = FC<BadgeTileProps> & {
+    Media: FC<BadgeTileMediaProps>;
+    Content: FC;
+    Title: FC;
+    Description: FC;
+    DateEarned: FC;
+    Status: FC;
+};
+export declare const BadgeTile: BadgeTileComponent;
+export default BadgeTile;

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

@@ -3,5 +3,21 @@ import { Tile } from '../../../types/tile';
 type ContentTileProps = {
     tile: Tile;
 };
-declare const ContentTile: React.FC<ContentTileProps>;
+type ContentTileComponent = React.FC<ContentTileProps> & {
+    Root: typeof ContentTileRoot;
+    Media: typeof ContentTileMedia;
+    Content: typeof ContentTileContent;
+    Header: typeof ContentTileHeader;
+    Body: typeof ContentTileBody;
+};
+declare const ContentTileRoot: React.FC<{
+    children: React.ReactNode;
+}>;
+declare const ContentTileMedia: React.FC;
+declare const ContentTileContent: React.FC<{
+    children: React.ReactNode;
+}>;
+declare const ContentTileHeader: React.FC;
+declare const ContentTileBody: React.FC;
+export declare const ContentTile: ContentTileComponent;
 export default ContentTile;

package/dist/components/organisms/Group/Group.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    id: string;
+}>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type GroupProps = {
+    id: string;
+};
+declare const Group: React.FC<GroupProps>;
+export default Group;

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

@@ -4,9 +4,9 @@ type RewardCategoryTileProps = {
     tile: Tile;
 };
 declare const RewardCategoryTile: React.FC<RewardCategoryTileProps> & {
-    Overlay: typeof RewardCategoryTileOverlay;
-    Image: typeof RewardCategoryTileImage;
+    Header: typeof RewardCategoryHeader;
+    Background: typeof RewardCategoryBackground;
 };
-declare const RewardCategoryTileOverlay: React.FC;
-declare const RewardCategoryTileImage: React.FC;
+declare const RewardCategoryHeader: React.FC;
+declare const RewardCategoryBackground: React.FC;
 export default RewardCategoryTile;

package/dist/components/organisms/RewardTile/RewardTile.stories.d.ts

@@ -7,3 +7,6 @@ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("
 export declare const DefaultWithPoints: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
     tile: import("../../../types/tile").Tile;
 }>;
+export declare const ArtworkOnly: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;

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

@@ -4,13 +4,19 @@ type RewardTileProps = {
     tile: Tile;
 };
 declare const RewardTile: React.FC<RewardTileProps> & {
-    Image: typeof RewardTileImage;
+    Media: typeof RewardTileMedia;
     Title: typeof RewardTileTitle;
     Description: typeof RewardTileDescription;
     Points: typeof RewardTilePoints;
+    Chevron: typeof RewardTileChevron;
+    Content: typeof RewardTileContent;
 };
-declare const RewardTileImage: React.FC;
+declare const RewardTileMedia: React.FC;
 declare const RewardTileTitle: React.FC;
 declare const RewardTileDescription: React.FC;
 declare const RewardTilePoints: React.FC;
+declare const RewardTileContent: React.FC<{
+    children: React.ReactNode;
+}>;
+declare const RewardTileChevron: React.FC;
 export default RewardTile;

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

@@ -1,19 +1,12 @@
-import { TSection as SectionData } from '../../../types/section';
 import React from 'react';
+import { TSection } from '../../../types/section';
 type SectionContextType = {
-    sectionData: SectionData | null;
-    loading: boolean;
-    error: Error | null;
+    sectionData: TSection;
 };
-export declare const SectionContext: React.Context<SectionContextType | undefined>;
-type SectionProviderProps = {
-    sectionId: string;
-    children: React.ReactNode;
+type SectionProps = {
+    section: TSection;
 };
-export declare const SectionProvider: React.FC<SectionProviderProps>;
+export declare const SectionContext: React.Context<SectionContextType | undefined>;
 export declare const useSectionContext: () => SectionContextType;
-interface SectionProps {
-    section: SectionData;
-}
 declare const Section: React.FC<SectionProps>;
 export default Section;

package/dist/components/organisms/TierTile/TierTile.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Tile } from '../../../types/tile';
+type Props = {
+    tile: Tile;
+};
+declare const TierTileNew: FC<Props>;
+export default TierTileNew;

package/dist/components/organisms/TierTileUpdated/TierTileUpdated.stories.d.ts

@@ -0,0 +1,33 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const CurrentTier: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const CurrentTierHalf: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const CurrentTierNoArtwork: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const CurrentTierNoArtworkHalf: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const CurrentNoTier: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const CurrentNoTierHalf: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const PointsToTierNotAchieved: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const PointsToTierNotAchievedHalf: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const PointsToTierAchieved: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const PointsToTierAchievedHalf: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Tile } from '../../../types/tile';
+type TierTileProps = {
+    tile: Tile;
+};
+type TierTileComponent = React.FC<TierTileProps> & {
+    Full: typeof TierTileFull;
+    Half: typeof TierTileHalf;
+    Empty: typeof TierTileEmpty;
+};
+declare const TierTileFull: React.FC<TierTileProps>;
+declare const TierTileHalf: React.FC<TierTileProps>;
+declare const TierTileEmpty: React.FC<TierTileProps>;
+export declare const TierTile: TierTileComponent;
+export default TierTile;

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

@@ -1,9 +1,12 @@
 import BadgeTile from './BadgeTile';
+import BadgeTileUpdated from './BadgeTileUpdated';
 import BannerTile from './BannerTile';
 import ContentTile from './ContentTile';
+import Group from './Group';
 import PointsTile from './PointsTile';
 import RewardCategoryTile from './RewardCategoryTile';
 import RewardTile from './RewardTile';
 import Section from './Section';
 import TierTile from './TierTile';
-export { BadgeTile, BannerTile, ContentTile, PointsTile, RewardCategoryTile, RewardTile, Section, TierTile, };
+import TierTileUpdated from './TierTileUpdated';
+export { BadgeTile, BadgeTileUpdated, BannerTile, ContentTile, Group, PointsTile, RewardCategoryTile, RewardTile, Section, TierTile, TierTileUpdated, };

package/dist/constants/grid.d.ts

@@ -0,0 +1 @@
+export declare const GRID_GAP = 16;

package/dist/context/WllSdkContext.d.ts

@@ -1,17 +1,22 @@
 import React from 'react';
+import { TGroup } from '../types/group';
 import { TSection } from '../types/section';
 import { BaseThemeObject, ThemeContextType } from '../types/theme';
 import { Tile } from '../types/tile';
-type SDKConfig = {
+type Fetcher = <T>(endpoint: string, options?: RequestInit) => Promise<APIResponse<T>>;
+export type SDKConfig = {
     apiKey: string;
-    baseUrl: string;
-    proxyEndpoint?: string;
+    userToken?: string;
+    fetcher?: Fetcher;
+    locale?: string;
 };
-type APIResponse<T> = {
-    data: T;
-    status: string;
+export type APIResponse<T> = {
+    status: 'success' | 'error';
+    data: T | null;
+    error?: string;
 };
 type WllSdkContextType = ThemeContextType & {
+    getGroupByID: (id: string) => Promise<APIResponse<TGroup>>;
     getSectionByID: (id: string) => Promise<APIResponse<TSection>>;
     getTileByID: (id: string) => Promise<APIResponse<Tile>>;
 };

package/dist/hooks/useTileSize.d.ts

@@ -0,0 +1,5 @@
+import { Tile } from '../types/tile';
+export declare const useTileSize: (tile: Tile) => {
+    isFullSize: boolean;
+    isHalfSize: boolean;
+};