@wlloyalty/wll-react-sdk 1.0.51 → 1.0.52

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

@@ -0,0 +1,30 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const StandardPointsBalance: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const CashbackRewards: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const StarRewards: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const MileageProgram: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const CoinPoints: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const GamifiedCoins: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const HotelPoints: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const HalfWithMultiplier: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const FullWithMultiplier: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Tile } from '../../../types/tile';
+type PointsTileProps = {
+    tile: Tile;
+};
+/**
+ * The PointsTile component with subcomponents attached.
+ */
+export declare const PointsTile: (({ tile }: PointsTileProps) => JSX.Element | null) & {
+    Title: () => JSX.Element | null;
+    Points: () => JSX.Element | null;
+    Media: ({ isFullSize, }: {
+        isFullSize: boolean;
+    }) => JSX.Element | null;
+};
+declare const _default: (props: Omit<PointsTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1 @@
+export declare const PointsTileFormattedPoints: () => JSX.Element | null;

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

@@ -0,0 +1,5 @@
+type PointsTileMediaProps = {
+    isFullSize: boolean;
+};
+export declare const PointsTileMedia: ({ isFullSize, }: PointsTileMediaProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+export declare const PointsTileTitle: () => JSX.Element | null;

package/dist/components/organisms/PointsTile/styles.d.ts

@@ -0,0 +1,9 @@
+import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+export declare const usePointsTileStyles: (isFullSize?: boolean) => {
+    container: ViewStyle;
+    contentContainer: ViewStyle;
+    suffix: TextStyle;
+    pointsWithSuffix: ViewStyle;
+    imageContainer: ViewStyle;
+    image: ImageStyle;
+};

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

@@ -0,0 +1,17 @@
+import '@testing-library/jest-dom';
+import { TileHeight, TileType } from '../../../types/tile';
+export declare const RewardCategoryTileMock: {
+    tileHeight: TileHeight;
+    active: boolean;
+    type: TileType;
+    configuration: {
+        showName: boolean;
+        rewardCategoryId: string;
+        artworkUrl: string;
+        name: string;
+    };
+    id: string;
+    createdAt: string;
+    updatedAt: string;
+    priority: number;
+};

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

@@ -0,0 +1,24 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const DiningRewards: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const ExclusiveExperiences: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const InstantRedemption: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const TravelPerks: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const GiftCardsAndVouchers: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const CharitableDonations: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const LifestyleRewards: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;

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

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

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

@@ -0,0 +1 @@
+export declare const RewardCategoryHeader: () => JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare const RewardCategoryMedia: () => JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { StyleSheet } from 'react-native';
+export declare const useRewardCategoryTileStyles: () => ReturnType<typeof StyleSheet.create>;

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

@@ -0,0 +1,2 @@
+import { Tile } from '../../../types/tile';
+export declare const RewardTileMock: Tile;

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

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const DefaultWithPoints: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const ArtworkOnly: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;

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

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

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

@@ -0,0 +1 @@
+export declare const RewardTileChevron: () => JSX.Element;

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

@@ -0,0 +1,5 @@
+type RewardTileMediaProps = {
+    isArtworkOnly: boolean;
+};
+export declare const RewardTileMedia: ({ isArtworkOnly, }: RewardTileMediaProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+export declare const RewardTilePoints: () => JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare const RewardTileSummary: () => JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare const RewardTileTitle: () => JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { StyleSheet } from 'react-native';
+export declare const useRewardTileStyles: () => ReturnType<typeof StyleSheet.create>;

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

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

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const TravelRewardsSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    section?: import("../../../types/section").TSection;
+    sectionId?: string;
+}>;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TSection } from '../../../types/section';
+type SectionContextType = {
+    sectionData: TSection;
+};
+type SectionProps = {
+    section?: TSection;
+    sectionId?: string;
+};
+/**
+ * SectionContext provides the current section data to child components.
+ */
+export declare const SectionContext: React.Context<SectionContextType | undefined>;
+/**
+ * Custom hook to access the SectionContext.
+ */
+export declare const useSectionContext: () => SectionContextType;
+/**
+ * The Section component renders a section based on its type (e.g., Banner, Grid).
+ */
+declare const Section: ({ section, sectionId }: SectionProps) => JSX.Element | null;
+export default Section;

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

@@ -0,0 +1,2 @@
+import { StyleSheet } from 'react-native';
+export declare const useSectionStyles: () => ReturnType<typeof StyleSheet.create>;

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/TierTileUpdated/styles.d.ts

@@ -0,0 +1,36 @@
+export declare const useTierTileStyles: () => {
+    header: {
+        flexBasis: "50%";
+        width: "100%";
+        overflow: "hidden";
+        marginBottom: number;
+    };
+    title: {
+        marginBottom: number;
+    };
+    smallImageContainer: {
+        width: number;
+        height: number;
+        position: "relative";
+    };
+    smallImage: {
+        width: "100%";
+        height: "100%";
+        resizeMode: "cover";
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    image: {
+        width: "100%";
+        height: "100%";
+        resizeMode: "cover";
+    };
+    name: {
+        marginBottom: number;
+        numberOfLines: number;
+        ellipsizeMode: string;
+    };
+};

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

@@ -0,0 +1,9 @@
+export { default as BadgeTile } from './BadgeTile';
+export { default as BannerTile } from './BannerTile';
+export { default as ContentTile } from './ContentTile';
+export { default as Group } from './Group';
+export { default as PointsTile } from './PointsTile';
+export { default as RewardCategoryTile } from './RewardCategoryTile';
+export { default as RewardTile } from './RewardTile';
+export { default as Section } from './Section';
+export { default as TierTileUpdated } from './TierTileUpdated';

package/dist/constants/device.d.ts

@@ -0,0 +1,7 @@
+export declare const IS_WEB: boolean;
+export declare const IS_IOS: boolean;
+export declare const IS_ANDROID: boolean;
+export declare const IS_MOBILE: boolean;
+export declare const IS_DESKTOP: boolean;
+export declare const SCREEN_WIDTH: number;
+export declare const SCREEN_HEIGHT: number;

package/dist/constants/grid.d.ts

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

package/dist/constants/index.d.ts

@@ -0,0 +1,3 @@
+export declare const MAX_WIDTH = 1080;
+export declare const SLIDE_WIDTH = 1080;
+export declare const BUTTON_SIZE = 42;

package/dist/constants/responsive.d.ts

@@ -0,0 +1,7 @@
+export declare const DIMENSION_MODES: {
+    DESKTOP: "desktop";
+    TABLET: "tablet";
+    MOBILE: "mobile";
+};
+export declare const TABLET_SCREEN_WIDTH = 728;
+export declare const SMALL_SCREEN_WIDTH = 530;

package/dist/context/ResponsiveContext.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from 'react';
+import { ResponsiveContextType } from '../types/responsive';
+export declare function ResponsiveProvider({ children }: PropsWithChildren): React.JSX.Element;
+export declare function useResponsive(): ResponsiveContextType;

package/dist/context/WllSdkContext.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { TGroup } from '../types/group';
+import { NavigationConfig } from '../types/navigation';
+import { TSection } from '../types/section';
+import { BaseThemeObject, ThemeContextType } from '../types/theme';
+import { CTALinkTarget, Tile } from '../types/tile';
+type Fetcher = <T>(endpoint: string, options?: RequestInit) => Promise<APIResponse<T>>;
+export type SDKConfig = {
+    apiKey: string;
+    userToken?: string;
+    fetcher?: Fetcher;
+    locale?: 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>>;
+    handleNavigation: (link: string, target: CTALinkTarget) => void;
+};
+type WllSdkProviderProps = {
+    children: React.ReactNode;
+    theme?: Partial<BaseThemeObject>;
+    config: SDKConfig;
+    navigationConfig?: NavigationConfig;
+};
+export declare const WllSdkProvider: ({ children, theme: providedTheme, config, navigationConfig, }: WllSdkProviderProps) => JSX.Element;
+export declare const useWllSdk: () => WllSdkContextType;
+export {};

package/dist/hooks/useHandleTilePress.d.ts

@@ -0,0 +1,2 @@
+import { Tile } from '../types/tile';
+export declare const useHandleTilePress: (tile: Tile, ctaLink?: string | null, ctaLinkTarget?: string) => () => void;

package/dist/hooks/useNavigationHandler.d.ts

@@ -0,0 +1,3 @@
+import { NavigationConfig } from '../types/navigation';
+import { CTALinkTarget } from '../types/tile';
+export declare const useNavigation: (config: NavigationConfig) => (link: string, ctaTarget: CTALinkTarget) => void;

package/dist/hooks/useResponsive.d.ts

@@ -0,0 +1,8 @@
+import { DimensionMode, WindowDimensions } from '../types/responsive';
+export declare function getDimensionMode(window: WindowDimensions): DimensionMode;
+export declare function useResponsive(): {
+    dimensionMode: DimensionMode;
+    isDesktop: boolean;
+    isTablet: boolean;
+    isMobile: boolean;
+};

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;
+};

package/dist/index.d.ts

@@ -222,6 +222,7 @@ declare class ContentTileConfig {
 }
 declare class RewardTileConfig {
     rewardId: string;
+    defaultLocale: string;
     showPrice: boolean;
     showArtwork?: boolean;
     showDetails?: boolean;
@@ -330,8 +331,13 @@ type TileConfig = InstanceType<ReturnType<typeof getConfigForTileType>>;
 type BaseBannerProps = {
     tile: Tile;
     children: React__default.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    onPress?: () => void;
+    testID?: string;
+    disabled?: boolean;
+    accessibilityLabel?: string;
 };
-declare const BaseBanner: ({ tile, children }: BaseBannerProps) => JSX.Element;
+declare const BaseBanner: React__default.FC<BaseBannerProps>;
 
 type BaseTileProps = {
     tile: Tile;
@@ -509,14 +515,14 @@ type TSection = {
 };
 
 type CarouselProps = {
-    section: TSection;
+    section?: TSection;
 };
-declare const Carousel: ({ section }: CarouselProps) => JSX.Element;
+declare const Carousel: ({ section }: CarouselProps) => JSX.Element | null;
 
 type GridProps = {
     section: TSection;
 };
-declare const Grid: ({ section }: GridProps) => React__default.JSX.Element;
+declare const Grid: ({ section }: GridProps) => React__default.JSX.Element | null;
 
 type ProgressIndicatorProps = {
     currentPoints: number;