@wlloyalty/wll-react-sdk 1.0.107 → 1.0.109

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Skeleton from './index';
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+export declare const Default: Story;
+export declare const FewerTiles: Story;
+export declare const CustomStyle: Story;

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

@@ -31,3 +31,9 @@ export declare const HalfWithMultiplier: import("@storybook/csf").AnnotatedStory
 export declare const FullWithMultiplier: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
     tile: import("../../../types/tile").Tile;
 }, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const WithCtaLink: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const WithCtaLinkHalf: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;

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

@@ -12,6 +12,7 @@ export declare const PointsTile: (({ tile }: PointsTileProps) => JSX.Element | n
     Media: ({ isFullSize, }: {
         isFullSize: boolean;
     }) => JSX.Element | null;
+    Chevron: () => JSX.Element | null;
 };
 declare const _default: (props: Omit<PointsTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

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

@@ -0,0 +1,6 @@
+/**
+ * Renders a chevron icon for a Roundup Tile.
+ *
+ * @returns JSX.Element
+ */
+export declare const PointsTileChevron: () => JSX.Element | null;

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

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

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,33 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const ZeroBalance: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const StandardBalance: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const CashbackRewards: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const StarRewards: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const MileageProgram: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const AccountBalance: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const RewardBalance: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const EliteBalance: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const WithCtaLink: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;
+export declare const WithCtaLinkHalf: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    tile: import("../../../types/tile").Tile;
+}>;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Tile } from '../../../types/tile';
+type RoundupTileProps = {
+    tile: Tile;
+};
+/**
+ * The PointsTile component with subcomponents attached.
+ */
+export declare const RoundupTile: (({ tile }: RoundupTileProps) => JSX.Element | null) & {
+    Title: () => JSX.Element | null;
+    Points: () => JSX.Element | null;
+    Media: ({ isFullSize, }: {
+        isFullSize: boolean;
+    }) => JSX.Element | null;
+    Chevron: () => JSX.Element | 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

@@ -0,0 +1,6 @@
+/**
+ * Renders a chevron icon for a Roundup Tile.
+ *
+ * @returns JSX.Element
+ */
+export declare const RoundupTileChevron: () => JSX.Element | null;

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+/**
+ * Custom hook that returns the styles for the RoundupTile component.
+ * Applies responsive styling based on the current device.
+ *
+ * @returns StyleSheet styles for the RoundupTile component
+ */
+export declare const useRoundupTileStyles: (isFullSize?: boolean) => {
+    container: ViewStyle;
+    contentContainer: ViewStyle;
+    contentColumn: ViewStyle;
+    mediaColumn: ViewStyle;
+    chevronContainer: ViewStyle;
+    suffix: TextStyle;
+    pointsWithSuffix: ViewStyle;
+    imageContainer: ViewStyle;
+    image: ImageStyle;
+};

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

@@ -7,3 +7,4 @@ export { default as RewardCategoryTile } from './RewardCategoryTile';
 export { default as RewardTile } from './RewardTile';
 export { default as Section } from './Section';
 export { default as TierTileUpdated } from './TierTileUpdated';
+export { default as RoundupTile } from './RoundupTile';

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

@@ -18,5 +18,7 @@ export declare const createPointsTileMock: (config?: PointsTileMockConfig) => {
         pointsPrefix: string | null;
         pointsSuffix: string | null;
         artworkUrl: string | null;
+        ctaLink: string | null | undefined;
+        ctaLinkTarget: import("../../types/tile").CTALinkTarget | undefined;
     };
 };

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

@@ -0,0 +1,23 @@
+import { CTALinkTarget, RoundupTileConfig, TileHeight, TileType } from '../../types/tile';
+export type RoundupTileMockConfig = Partial<RoundupTileConfig> & {
+    active?: boolean;
+    tileHeight?: TileHeight;
+};
+export declare const createRoundupTileMock: (config?: RoundupTileMockConfig) => {
+    id: string;
+    type: TileType;
+    active: boolean;
+    createdAt: string;
+    updatedAt: string;
+    tileHeight: TileHeight;
+    priority: number;
+    configuration: {
+        title: string | null;
+        amount: number;
+        amountPrefix: string | null;
+        amountSuffix: string | null;
+        artworkUrl: string | null;
+        ctaLink: string | null | undefined;
+        ctaLinkTarget: CTALinkTarget | undefined;
+    };
+};

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

@@ -18,7 +18,8 @@ export declare enum TileType {
     Reward = "REWARD",
     Badge = "BADGE",
     RewardCategory = "REWARD_CATEGORY",
-    Tier = "TIER"
+    Tier = "TIER",
+    Roundup = "ROUND_UP_BALANCE"
 }
 export declare enum TileHeight {
     Half = "HALF",
@@ -40,6 +41,17 @@ export declare class PointsTileConfig {
     pointsSuffix?: string | null;
     artworkUrl?: string | null;
     points?: number;
+    ctaLink?: string | null;
+    ctaLinkTarget?: CTALinkTarget;
+}
+export declare class RoundupTileConfig {
+    title?: string | null;
+    amountPrefix?: string | null;
+    amountSuffix?: string | null;
+    artworkUrl?: string | null;
+    amount?: number;
+    ctaLink?: string | null;
+    ctaLinkTarget?: CTALinkTarget;
 }
 export declare class ContentTileConfig {
     title?: string | null;