@wlloyalty/wll-react-sdk 1.0.26 → 1.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +74 -90
- package/dist/index.js +796 -939
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ReactNode, FC } from 'react';
|
|
3
3
|
import { ViewStyle, ImageSourcePropType, StyleProp, View, TextProps as TextProps$1, TextStyle, ImageProps } from 'react-native';
|
|
4
4
|
import * as LucideIcons from 'lucide-react';
|
|
@@ -61,19 +61,19 @@ type ButtonProps = {
|
|
|
61
61
|
onPress: () => void;
|
|
62
62
|
variant: Variant;
|
|
63
63
|
};
|
|
64
|
-
declare const Button: React.FC<ButtonProps>;
|
|
64
|
+
declare const Button: React$1.FC<ButtonProps>;
|
|
65
65
|
|
|
66
|
-
type Justify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
|
|
67
|
-
type Align = 'start' | 'end' | 'center' | 'stretch';
|
|
66
|
+
type Justify$1 = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
|
|
67
|
+
type Align$1 = 'start' | 'end' | 'center' | 'stretch';
|
|
68
68
|
type ColumnProps = {
|
|
69
|
-
children: React.ReactNode;
|
|
70
|
-
justify?: Justify;
|
|
71
|
-
align?: Align;
|
|
72
|
-
direction?: FlexDirection;
|
|
69
|
+
children: React$1.ReactNode;
|
|
70
|
+
justify?: Justify$1;
|
|
71
|
+
align?: Align$1;
|
|
72
|
+
direction?: FlexDirection$1;
|
|
73
73
|
style?: ViewStyle;
|
|
74
74
|
};
|
|
75
|
-
type FlexDirection = 'column' | 'row' | 'column-reverse' | 'row-reverse';
|
|
76
|
-
declare const Column: React.FC<ColumnProps>;
|
|
75
|
+
type FlexDirection$1 = 'column' | 'row' | 'column-reverse' | 'row-reverse';
|
|
76
|
+
declare const Column$1: React$1.FC<ColumnProps>;
|
|
77
77
|
|
|
78
78
|
type IconName = keyof typeof LucideIcons;
|
|
79
79
|
type IconProps = {
|
|
@@ -82,7 +82,7 @@ type IconProps = {
|
|
|
82
82
|
size?: number;
|
|
83
83
|
strokeWidth?: number;
|
|
84
84
|
};
|
|
85
|
-
declare const Icon: React.FC<IconProps>;
|
|
85
|
+
declare const Icon: React$1.FC<IconProps>;
|
|
86
86
|
|
|
87
87
|
type Badge = {
|
|
88
88
|
id: string;
|
|
@@ -303,7 +303,7 @@ type TileConfig = InstanceType<ReturnType<typeof getConfigForTileType>>;
|
|
|
303
303
|
type LoadingIndicatorProps = {
|
|
304
304
|
tile: Tile;
|
|
305
305
|
};
|
|
306
|
-
declare const LoadingIndicator: React.FC<LoadingIndicatorProps>;
|
|
306
|
+
declare const LoadingIndicator: React$1.FC<LoadingIndicatorProps>;
|
|
307
307
|
|
|
308
308
|
type ProgressBarProps = {
|
|
309
309
|
percentage: number;
|
|
@@ -311,7 +311,7 @@ type ProgressBarProps = {
|
|
|
311
311
|
height?: Size;
|
|
312
312
|
animationDuration?: number;
|
|
313
313
|
};
|
|
314
|
-
declare const ProgressBar: React.FC<ProgressBarProps>;
|
|
314
|
+
declare const ProgressBar: React$1.FC<ProgressBarProps>;
|
|
315
315
|
|
|
316
316
|
type ProgressiveImageProps = {
|
|
317
317
|
source: ImageSourcePropType;
|
|
@@ -322,10 +322,10 @@ type ProgressiveImageProps = {
|
|
|
322
322
|
declare const ProgressiveImage: React__default.FC<ProgressiveImageProps>;
|
|
323
323
|
|
|
324
324
|
type RowHeaderProps = {
|
|
325
|
-
children: React.ReactNode;
|
|
325
|
+
children: React$1.ReactNode;
|
|
326
326
|
className?: string;
|
|
327
|
-
} & React.ComponentProps<typeof View>;
|
|
328
|
-
declare const RowHeader: React.FC<RowHeaderProps>;
|
|
327
|
+
} & React$1.ComponentProps<typeof View>;
|
|
328
|
+
declare const RowHeader: React$1.FC<RowHeaderProps>;
|
|
329
329
|
|
|
330
330
|
type TextVariant = 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
|
|
331
331
|
type TextProps = TextProps$1 & {
|
|
@@ -333,13 +333,13 @@ type TextProps = TextProps$1 & {
|
|
|
333
333
|
style?: TextStyle;
|
|
334
334
|
isSurface?: boolean;
|
|
335
335
|
};
|
|
336
|
-
declare const Text: React.FC<TextProps>;
|
|
336
|
+
declare const Text: React$1.FC<TextProps>;
|
|
337
337
|
|
|
338
338
|
type BaseBannerProps = {
|
|
339
339
|
tile: Tile;
|
|
340
|
-
children: React.ReactNode;
|
|
340
|
+
children: React$1.ReactNode;
|
|
341
341
|
};
|
|
342
|
-
declare const BaseBanner: React.FC<BaseBannerProps>;
|
|
342
|
+
declare const BaseBanner: React$1.FC<BaseBannerProps>;
|
|
343
343
|
|
|
344
344
|
type ImagePropsNoSource = Omit<ImageProps, 'source'>;
|
|
345
345
|
|
|
@@ -374,12 +374,29 @@ interface SkeletonProps {
|
|
|
374
374
|
style?: ViewStyle;
|
|
375
375
|
numberOfSquares?: number;
|
|
376
376
|
}
|
|
377
|
-
declare const Skeleton: React.FC<SkeletonProps>;
|
|
377
|
+
declare const Skeleton: React$1.FC<SkeletonProps>;
|
|
378
378
|
|
|
379
379
|
type TileContainerProps = {
|
|
380
380
|
tiles: Tile[];
|
|
381
381
|
};
|
|
382
|
-
declare const TileContainer: React.FC<TileContainerProps>;
|
|
382
|
+
declare const TileContainer: React$1.FC<TileContainerProps>;
|
|
383
|
+
|
|
384
|
+
declare const Column: React.FC<LayoutProps>;
|
|
385
|
+
|
|
386
|
+
declare const Row: React.FC<LayoutProps>;
|
|
387
|
+
|
|
388
|
+
declare const Stack: React.FC<LayoutProps>;
|
|
389
|
+
|
|
390
|
+
type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
|
|
391
|
+
type Justify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
|
|
392
|
+
type Align = 'start' | 'end' | 'center' | 'stretch';
|
|
393
|
+
type LayoutProps = {
|
|
394
|
+
children: React.ReactNode;
|
|
395
|
+
justify?: Justify;
|
|
396
|
+
align?: Align;
|
|
397
|
+
direction?: FlexDirection;
|
|
398
|
+
style?: ViewStyle;
|
|
399
|
+
};
|
|
383
400
|
|
|
384
401
|
declare enum SectionType {
|
|
385
402
|
Grid = "GRID",
|
|
@@ -412,7 +429,7 @@ declare const Carousel: React__default.FC<CarouselProps>;
|
|
|
412
429
|
type GridProps = {
|
|
413
430
|
section: TSection;
|
|
414
431
|
};
|
|
415
|
-
declare const Grid: React.FC<GridProps>;
|
|
432
|
+
declare const Grid: React$1.FC<GridProps>;
|
|
416
433
|
|
|
417
434
|
type ProgressIndicatorProps = {
|
|
418
435
|
currentPoints: number;
|
|
@@ -421,7 +438,7 @@ type ProgressIndicatorProps = {
|
|
|
421
438
|
height?: Size;
|
|
422
439
|
attained?: boolean;
|
|
423
440
|
};
|
|
424
|
-
declare const ProgressIndicator: React.FC<ProgressIndicatorProps>;
|
|
441
|
+
declare const ProgressIndicator: React$1.FC<ProgressIndicatorProps>;
|
|
425
442
|
|
|
426
443
|
type SectionHeaderProps = {
|
|
427
444
|
title?: string;
|
|
@@ -429,17 +446,6 @@ type SectionHeaderProps = {
|
|
|
429
446
|
};
|
|
430
447
|
declare const SectionHeader: React__default.FC<SectionHeaderProps>;
|
|
431
448
|
|
|
432
|
-
type BadgeTileProps$1 = {
|
|
433
|
-
tile: Tile;
|
|
434
|
-
};
|
|
435
|
-
type BadgeTileComponent$1 = FC<BadgeTileProps$1> & {
|
|
436
|
-
Title: FC;
|
|
437
|
-
Body: FC;
|
|
438
|
-
Image: FC<ImagePropsNoSource>;
|
|
439
|
-
Chevron: FC;
|
|
440
|
-
};
|
|
441
|
-
declare const BadgeTile$1: BadgeTileComponent$1;
|
|
442
|
-
|
|
443
449
|
type BadgeTileProps = {
|
|
444
450
|
tile: Tile;
|
|
445
451
|
};
|
|
@@ -459,36 +465,36 @@ declare const BadgeTile: BadgeTileComponent;
|
|
|
459
465
|
type BannerTileProps = {
|
|
460
466
|
tile: Tile;
|
|
461
467
|
};
|
|
462
|
-
declare const BannerTile: React.FC<BannerTileProps> & {
|
|
468
|
+
declare const BannerTile: React$1.FC<BannerTileProps> & {
|
|
463
469
|
Media: typeof BannerTileMedia;
|
|
464
470
|
Title: typeof BannerTileTitle;
|
|
465
471
|
Description: typeof BannerTileDescription;
|
|
466
472
|
CTA: typeof BannerTileCTA;
|
|
467
473
|
};
|
|
468
|
-
declare const BannerTileMedia: React.FC;
|
|
469
|
-
declare const BannerTileTitle: React.FC;
|
|
470
|
-
declare const BannerTileDescription: React.FC;
|
|
471
|
-
declare const BannerTileCTA: React.FC;
|
|
474
|
+
declare const BannerTileMedia: React$1.FC;
|
|
475
|
+
declare const BannerTileTitle: React$1.FC;
|
|
476
|
+
declare const BannerTileDescription: React$1.FC;
|
|
477
|
+
declare const BannerTileCTA: React$1.FC;
|
|
472
478
|
|
|
473
479
|
type ContentTileProps = {
|
|
474
480
|
tile: Tile;
|
|
475
481
|
};
|
|
476
|
-
type ContentTileComponent = React.FC<ContentTileProps> & {
|
|
482
|
+
type ContentTileComponent = React$1.FC<ContentTileProps> & {
|
|
477
483
|
Root: typeof ContentTileRoot;
|
|
478
484
|
Media: typeof ContentTileMedia;
|
|
479
485
|
Content: typeof ContentTileContent;
|
|
480
486
|
Header: typeof ContentTileHeader;
|
|
481
487
|
Body: typeof ContentTileBody;
|
|
482
488
|
};
|
|
483
|
-
declare const ContentTileRoot: React.FC<{
|
|
484
|
-
children: React.ReactNode;
|
|
489
|
+
declare const ContentTileRoot: React$1.FC<{
|
|
490
|
+
children: React$1.ReactNode;
|
|
485
491
|
}>;
|
|
486
|
-
declare const ContentTileMedia: React.FC;
|
|
487
|
-
declare const ContentTileContent: React.FC<{
|
|
488
|
-
children: React.ReactNode;
|
|
492
|
+
declare const ContentTileMedia: React$1.FC;
|
|
493
|
+
declare const ContentTileContent: React$1.FC<{
|
|
494
|
+
children: React$1.ReactNode;
|
|
489
495
|
}>;
|
|
490
|
-
declare const ContentTileHeader: React.FC;
|
|
491
|
-
declare const ContentTileBody: React.FC;
|
|
496
|
+
declare const ContentTileHeader: React$1.FC;
|
|
497
|
+
declare const ContentTileBody: React$1.FC;
|
|
492
498
|
declare const ContentTile: ContentTileComponent;
|
|
493
499
|
|
|
494
500
|
type GroupProps = {
|
|
@@ -499,32 +505,32 @@ declare const Group: React__default.FC<GroupProps>;
|
|
|
499
505
|
type PointsTileProps = {
|
|
500
506
|
tile: Tile;
|
|
501
507
|
};
|
|
502
|
-
declare const PointsTile: React.FC<PointsTileProps> & {
|
|
508
|
+
declare const PointsTile: React$1.FC<PointsTileProps> & {
|
|
503
509
|
Title: typeof PointsTileTitle;
|
|
504
510
|
Points: typeof PointsTilePoints;
|
|
505
511
|
Image: typeof PointsTileImage;
|
|
506
512
|
};
|
|
507
|
-
declare const PointsTileTitle: React.FC;
|
|
508
|
-
declare const PointsTilePoints: React.FC;
|
|
513
|
+
declare const PointsTileTitle: React$1.FC;
|
|
514
|
+
declare const PointsTilePoints: React$1.FC;
|
|
509
515
|
type PointTileImageProps = {
|
|
510
516
|
isFullSize: boolean;
|
|
511
517
|
};
|
|
512
|
-
declare const PointsTileImage: React.FC<PointTileImageProps>;
|
|
518
|
+
declare const PointsTileImage: React$1.FC<PointTileImageProps>;
|
|
513
519
|
|
|
514
520
|
type RewardCategoryTileProps = {
|
|
515
521
|
tile: Tile;
|
|
516
522
|
};
|
|
517
|
-
declare const RewardCategoryTile: React.FC<RewardCategoryTileProps> & {
|
|
523
|
+
declare const RewardCategoryTile: React$1.FC<RewardCategoryTileProps> & {
|
|
518
524
|
Header: typeof RewardCategoryHeader;
|
|
519
525
|
Background: typeof RewardCategoryBackground;
|
|
520
526
|
};
|
|
521
|
-
declare const RewardCategoryHeader: React.FC;
|
|
522
|
-
declare const RewardCategoryBackground: React.FC;
|
|
527
|
+
declare const RewardCategoryHeader: React$1.FC;
|
|
528
|
+
declare const RewardCategoryBackground: React$1.FC;
|
|
523
529
|
|
|
524
530
|
type RewardTileProps = {
|
|
525
531
|
tile: Tile;
|
|
526
532
|
};
|
|
527
|
-
declare const RewardTile: React.FC<RewardTileProps> & {
|
|
533
|
+
declare const RewardTile: React$1.FC<RewardTileProps> & {
|
|
528
534
|
Media: typeof RewardTileMedia;
|
|
529
535
|
Title: typeof RewardTileTitle;
|
|
530
536
|
Description: typeof RewardTileDescription;
|
|
@@ -532,54 +538,31 @@ declare const RewardTile: React.FC<RewardTileProps> & {
|
|
|
532
538
|
Chevron: typeof RewardTileChevron;
|
|
533
539
|
Content: typeof RewardTileContent;
|
|
534
540
|
};
|
|
535
|
-
declare const RewardTileMedia: React.FC;
|
|
536
|
-
declare const RewardTileTitle: React.FC;
|
|
537
|
-
declare const RewardTileDescription: React.FC;
|
|
538
|
-
declare const RewardTilePoints: React.FC;
|
|
539
|
-
declare const RewardTileContent: React.FC<{
|
|
540
|
-
children: React.ReactNode;
|
|
541
|
+
declare const RewardTileMedia: React$1.FC;
|
|
542
|
+
declare const RewardTileTitle: React$1.FC;
|
|
543
|
+
declare const RewardTileDescription: React$1.FC;
|
|
544
|
+
declare const RewardTilePoints: React$1.FC;
|
|
545
|
+
declare const RewardTileContent: React$1.FC<{
|
|
546
|
+
children: React$1.ReactNode;
|
|
541
547
|
}>;
|
|
542
|
-
declare const RewardTileChevron: React.FC;
|
|
548
|
+
declare const RewardTileChevron: React$1.FC;
|
|
543
549
|
|
|
544
550
|
type SectionProps = {
|
|
545
551
|
section: TSection;
|
|
546
552
|
};
|
|
547
553
|
declare const Section: React__default.FC<SectionProps>;
|
|
548
554
|
|
|
549
|
-
type TierTileProps$1 = {
|
|
550
|
-
tile: Tile;
|
|
551
|
-
};
|
|
552
|
-
declare const TierTile$1: React.FC<TierTileProps$1> & {
|
|
553
|
-
Name: typeof Name;
|
|
554
|
-
Count: typeof Count;
|
|
555
|
-
Image: typeof TierTileImage;
|
|
556
|
-
Progress: typeof Progress;
|
|
557
|
-
Description: typeof Description;
|
|
558
|
-
NextName: typeof NextName;
|
|
559
|
-
NextCount: typeof NextCount;
|
|
560
|
-
};
|
|
561
|
-
type TierTileImageProps = {
|
|
562
|
-
isFullSize: boolean;
|
|
563
|
-
};
|
|
564
|
-
declare const TierTileImage: React.FC<TierTileImageProps>;
|
|
565
|
-
declare const Name: React.FC;
|
|
566
|
-
declare const NextName: React.FC;
|
|
567
|
-
declare const Count: React.FC;
|
|
568
|
-
declare const NextCount: React.FC;
|
|
569
|
-
declare const Progress: React.FC;
|
|
570
|
-
declare const Description: React.FC;
|
|
571
|
-
|
|
572
555
|
type TierTileProps = {
|
|
573
556
|
tile: Tile;
|
|
574
557
|
};
|
|
575
|
-
type TierTileComponent = React.FC<TierTileProps> & {
|
|
558
|
+
type TierTileComponent = React$1.FC<TierTileProps> & {
|
|
576
559
|
Full: typeof TierTileFull;
|
|
577
560
|
Half: typeof TierTileHalf;
|
|
578
561
|
Empty: typeof TierTileEmpty;
|
|
579
562
|
};
|
|
580
|
-
declare const TierTileFull: React.FC<TierTileProps>;
|
|
581
|
-
declare const TierTileHalf: React.FC<TierTileProps>;
|
|
582
|
-
declare const TierTileEmpty: React.FC<TierTileProps>;
|
|
563
|
+
declare const TierTileFull: React$1.FC<TierTileProps>;
|
|
564
|
+
declare const TierTileHalf: React$1.FC<TierTileProps>;
|
|
565
|
+
declare const TierTileEmpty: React$1.FC<TierTileProps>;
|
|
583
566
|
declare const TierTile: TierTileComponent;
|
|
584
567
|
|
|
585
568
|
type TGroup = {
|
|
@@ -591,6 +574,7 @@ type TGroup = {
|
|
|
591
574
|
sections: TSection[];
|
|
592
575
|
};
|
|
593
576
|
|
|
577
|
+
type NavigationType = 'external' | 'internal' | 'modal';
|
|
594
578
|
type NavigationHandlerParams = {
|
|
595
579
|
target: string;
|
|
596
580
|
windowTarget: string;
|
|
@@ -631,4 +615,4 @@ type WllSdkProviderProps = {
|
|
|
631
615
|
declare const WllSdkProvider: React__default.FC<WllSdkProviderProps>;
|
|
632
616
|
declare const useWllSdk: () => WllSdkContextType;
|
|
633
617
|
|
|
634
|
-
export { type APIResponse, type Availability, type Badge, type BadgeDetail,
|
|
618
|
+
export { type APIResponse, type Availability, type Badge, type BadgeDetail, BadgeTileConfig, BadgeTileType, BadgeTile as BadgeTileUpdated, BannerTile, BannerTileConfig, BaseBanner, type BaseThemeObject, BaseTile, Button, CTALinkTarget, Carousel, Column, Column$1 as Content, ContentTile, ContentTileConfig, type DerivedProperties, Grid, Group, Icon, type ImagePropsNoSource, Indicator, type LayoutProps, LoadingIndicator, type NavigationConfig, type NavigationType, PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, RewardCategoryTile, RewardCategoryTileConfig, RewardTile, RewardTileConfig, Row, RowHeader, type SDKConfig, Section, SectionHeader, SectionType, type Size, Skeleton, Stack, type TGroup, type TSection, Text, type ThemeContextType, type ThemeObject, type ThemeProviderProps, TierTileConfig, TierTileType, TierTile as TierTileUpdated, type TierType, type Tile, type TileConfig, TileContainer, TileHeight, TileType, type Variant, WllSdkProvider, useWllSdk };
|