@wlloyalty/wll-react-sdk 1.0.3 → 1.0.4

package/dist/types/group.d.ts

@@ -0,0 +1,9 @@
+import { TSection } from './section';
+export type TGroup = {
+    name: string;
+    active: boolean;
+    id: string;
+    createdAt: string;
+    updatedAt: string;
+    sections: TSection[];
+};

package/dist/types/section.d.ts

@@ -5,6 +5,7 @@ export declare enum SectionType {
 }
 export type TSection = {
     id: string;
+    name: string;
     type: SectionType;
     createdAt: string;
     updatedAt: string;

package/dist/types/theme.d.ts

@@ -23,6 +23,7 @@ export type DerivedProperties = {
     derivedSurfaceText: DerivedColors;
     derivedSurface: DerivedColors;
     alphaDerivedPrimary: DerivedColors;
+    alphaDerivedText: DerivedColors;
 };
 export type ThemeObject = BaseThemeObject & DerivedProperties & {
     readonly sizes: typeof sizes;

package/dist/types/tile.d.ts

@@ -1,16 +1,11 @@
-import { Badge, Reward, RewardCategory, TierType } from './wll';
+import { Availability, RewardCategory, TierType } from './wll';
 export declare enum UrlTarget {
     sameWindow = "SAME_WINDOW",
     newWindow = "NEW_WINDOW"
 }
-export declare enum BadgeTileType {
-    latestEarned = "LATEST_EARNED",
-    specificBadge = "SPECIFIC_BADGE"
-}
 export declare enum TierTileType {
-    currentTier = "CURRENT_TIER",
-    currentTargetNext = "CURRENT_TARGET_NEXT",
-    currentTargetSpecific = "CURRENT_TARGET_SPECIFIC"
+    currentTier = "CURRENT",
+    specificTier = "SPECIFIC"
 }
 export declare enum ProgressType {
     Name = "NAME",
@@ -31,41 +26,94 @@ export declare enum TileHeight {
 }
 export type ProgessType = 'NAME' | 'POINTS';
 export declare class BannerTileConfig {
-    imageUrl?: string | null;
+    artworkUrl?: string | null;
     title?: string | null;
     description?: string | null;
-    buttonText?: string | null;
-    url?: string | null;
-    urlTarget?: UrlTarget;
+    ctaText?: string | null;
+    ctaLink?: string | null;
+    ctaLinkTarget?: UrlTarget;
 }
 export declare class PointsTileConfig {
     title?: string | null;
     multiplier?: number;
     prefix?: string | null;
     suffix?: string | null;
-    imageUrl?: string | null;
+    artworkUrl?: string | null;
     points?: number;
 }
 export declare class ContentTileConfig {
     title?: string | null;
-    subtitle?: string | null;
-    imageUrl?: string | null;
+    description?: string | null;
+    artworkUrl?: string | null;
     linkURL?: string | null;
 }
 export declare class RewardTileConfig {
-    reward?: Reward;
-    showPrice?: boolean;
+    rewardId: string;
+    showPrice: boolean;
+    showArtwork?: boolean;
+    showDetails?: boolean;
+    id: string;
+    createdAt: string;
+    updatedAt: string;
+    name: string;
+    pictureUrl: string;
+    value: number;
+    price: number;
+    priority: number;
+    availability: Availability;
+    purchasable: boolean;
+    tier: string | null;
+    category: RewardCategory;
+    discounts: any[];
+    summary: string | null;
+    redemptionMessage: string | null;
+    visibilityCriteria: string | null;
+    type: 'VOUCHER';
+    codeType: 'HUMAN' | 'OTP';
+    code: string | null;
+    purchaseExpiration: string | null;
+    hideCode: boolean;
+    notificationConfig: any | null;
+    artworkUrl: string;
+    pointsMultiplier: string;
+    pointsPrefix: string | null;
+    pointsSuffix: string | null;
+}
+export declare enum BadgeTileType {
+    Specific = "SPECIFIC",
+    Latest = "LATEST_EARNED"
 }
 export declare class BadgeTileConfig {
-    badgeTileType?: BadgeTileType;
-    badgeId?: string | null;
-    badge?: Badge;
+    type: BadgeTileType;
+    badgeId: string;
+    internalName?: string;
+    priority: number;
+    internalDescription?: string | null;
+    status?: string;
+    id: string;
+    createdAt: string;
+    updatedAt: string;
+    details?: BadgeDetail[];
     count: number;
 }
+export type BadgeDetail = {
+    name: string;
+    locale: string;
+    description: string;
+    artworkUrl: string;
+    id: string;
+    createdAt: string;
+    updatedAt: string;
+    emptyBadgeMessage?: string;
+    emptyBadgeArtworkUrl?: string;
+    awardedDatePrefix?: string;
+    badgeNotEarnedMessage?: string;
+};
 export declare class RewardCategoryTileConfig {
-    categoryId?: string | null;
-    allowDecorationOverlay?: boolean;
-    rewardCategory?: RewardCategory;
+    showName: boolean;
+    rewardCategoryId: string;
+    artworkUrl: string;
+    name: string;
 }
 export declare class TierTileConfig {
     progressType: ProgressType;
@@ -73,9 +121,15 @@ export declare class TierTileConfig {
     pointsPrefix?: string;
     pointsSuffix?: string;
     tier?: TierType;
+    tierId?: string;
     targetTier?: TierType | undefined;
     type?: TierTileType;
     targetTierAttainingPeriod?: Date | null;
+    title: string;
+    emptyDescription?: string;
+    emptyArtworkUrl?: string;
+    pointsToTierPrefix?: string;
+    pointsToTierSuffix?: string;
 }
 export type Tile = {
     id: string | null;
@@ -85,6 +139,7 @@ export type Tile = {
     updatedAt: string | null;
     tileHeight: TileHeight;
     configuration: TileConfig;
+    priority: number;
 };
 declare const getConfigForTileType: (tileType: TileType) => typeof BannerTileConfig | typeof PointsTileConfig | typeof ContentTileConfig | typeof RewardTileConfig | typeof BadgeTileConfig | typeof RewardCategoryTileConfig | typeof TierTileConfig;
 export type TileConfig = InstanceType<ReturnType<typeof getConfigForTileType>>;

package/dist/types/wll.d.ts

@@ -6,19 +6,6 @@ export type Badge = {
     createdAt: string;
     updatedAt: string;
 };
-export declare class RewardCategory {
-    name?: string;
-    priority?: number;
-    type?: string;
-    id?: string;
-    createdAt?: string;
-    updatedAt?: string;
-    description?: string;
-    metadata?: string;
-    pictureUrl?: string;
-    rewards?: Reward[];
-    parent?: string;
-}
 export declare class Reward {
     id?: string;
     createdAt?: string;
@@ -36,7 +23,18 @@ export declare class Reward {
     redemptionMessage?: string;
     visibilityCriteria?: string;
 }
-type Availability = {
+export type RewardCategory = {
+    name: string;
+    priority: number;
+    type: string;
+    id: string;
+    createdAt: string;
+    updatedAt: string;
+    description: string | null;
+    metadata: any | null;
+    pictureUrl: string;
+};
+export type Availability = {
     start: string;
     end: string;
 };
@@ -47,8 +45,8 @@ type Effectivity = {
 export type TierType = {
     id: string;
     name: string;
-    description?: string;
-    artworkUrl?: string;
+    description?: string | null;
+    artworkUrl?: string | null;
     priority: number;
     pointsRequirement?: number;
     calculation?: string;

package/dist/utils/apiHelpers.d.ts

@@ -0,0 +1,28 @@
+import { SDKConfig } from '../context/WllSdkContext';
+type APIResponse<T> = {
+    status: 'success' | 'fail' | 'error';
+    data: T | null;
+    error?: string;
+};
+export declare const useCreateRequestOptions: (config: SDKConfig) => (options?: RequestInit) => {
+    headers: Headers;
+    body?: BodyInit | null;
+    cache?: RequestCache;
+    credentials?: RequestCredentials;
+    integrity?: string;
+    keepalive?: boolean;
+    method?: string;
+    mode?: RequestMode;
+    priority?: RequestPriority;
+    redirect?: RequestRedirect;
+    referrer?: string;
+    referrerPolicy?: ReferrerPolicy;
+    signal?: AbortSignal | null;
+    window?: null;
+} | undefined;
+export declare const useMakeRequest: (config: SDKConfig) => <T>(url: string) => Promise<APIResponse<T>>;
+export declare const createResourceGetter: (resource: string, includeHydrate?: boolean) => (config: SDKConfig) => (id: string) => Promise<APIResponse<unknown>>;
+export declare const useGetGroupByID: (config: SDKConfig) => (id: string) => Promise<APIResponse<unknown>>;
+export declare const useGetSectionByID: (config: SDKConfig) => (id: string) => Promise<APIResponse<unknown>>;
+export declare const useGetTileByID: (config: SDKConfig) => (id: string) => Promise<APIResponse<unknown>>;
+export {};

package/dist/utils/styling.d.ts

@@ -1,4 +1,4 @@
-import { BaseThemeObject } from "../types/theme";
+import { BaseThemeObject } from '../types/theme';
 export declare const sizes: {
     borderRadiusSm: number;
     borderRadiusLg: number;

package/dist/utils/themeHelpers.d.ts

@@ -6,4 +6,7 @@ export type DerivedColors = {
 };
 export declare const getDerivedColorPercentages: (color: string) => DerivedColors;
 export declare const getAlphaDerivedColors: (color: string) => DerivedColors;
+export declare const shouldDesaturate: (type: string, count: number) => boolean;
+export declare const desaturateColor: (color: string) => string;
+export declare const getStateColor: (baseColor: string, type: string, count: number) => string;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wlloyalty/wll-react-sdk",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "license": "UNLICENSED",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -61,6 +61,7 @@
     "babel-plugin-transform-remove-console": "^6.9.4",
     "chromatic": "^11.7.1",
     "concurrently": "^8.2.2",
+    "msw": "^2.6.0",
     "prettier": "^3.3.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -1,14 +0,0 @@
-import { Meta } from '@storybook/react';
-import * as React from 'react';
-declare const _default: Meta;
-export default _default;
-export declare const FullHeight: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
-    tile: import("../../../types/tile").Tile;
-    children: React.ReactNode;
-    style?: import("react-native").ViewStyle;
-}>;
-export declare const HalfHeight: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
-    tile: import("../../../types/tile").Tile;
-    children: React.ReactNode;
-    style?: import("react-native").ViewStyle;
-}>;