yt-uikit 0.10.63 → 0.10.65-progress-css.0

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.
Files changed (160) hide show
  1. package/README.md +94 -94
  2. package/dist/esm/assets/confetti.d.ts +2 -2
  3. package/dist/esm/atoms/bundleBuilderProductDetailsAtom.d.ts +4 -4
  4. package/dist/esm/atoms/cartDataAtom.d.ts +3 -3
  5. package/dist/esm/atoms/cartLoadingAtom.d.ts +23 -23
  6. package/dist/esm/atoms/cartTimer.d.ts +2 -2
  7. package/dist/esm/atoms/dateAtom.d.ts +1 -1
  8. package/dist/esm/atoms/freebieClaimModalAtom.d.ts +7 -7
  9. package/dist/esm/atoms/giftWrap.d.ts +2 -2
  10. package/dist/esm/atoms/gstCompanyNameAtom.d.ts +1 -1
  11. package/dist/esm/atoms/gstInputAtom.d.ts +1 -1
  12. package/dist/esm/atoms/maxQtyErrorAtom.d.ts +3 -3
  13. package/dist/esm/atoms/multiClaimSelectionAtom.d.ts +28 -28
  14. package/dist/esm/atoms/noteInputAtom.d.ts +3 -3
  15. package/dist/esm/atoms/postalCodeAtom.d.ts +1 -1
  16. package/dist/esm/atoms/shippingAtom.d.ts +8 -8
  17. package/dist/esm/atoms/showGSTInputAtom.d.ts +1 -1
  18. package/dist/esm/atoms/variantSelectionModalAtom.d.ts +33 -33
  19. package/dist/esm/components/BundleBlock/Bundle.d.ts +467 -466
  20. package/dist/esm/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts +52 -52
  21. package/dist/esm/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts +9 -9
  22. package/dist/esm/components/BundleBlock/BundleBuilder/SortAndFilter.d.ts +74 -74
  23. package/dist/esm/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts +30 -30
  24. package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +37 -37
  25. package/dist/esm/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts +56 -56
  26. package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +77 -77
  27. package/dist/esm/components/BundleBlock/BundleLoaderModal.d.ts +7 -7
  28. package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +45 -45
  29. package/dist/esm/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts +10 -10
  30. package/dist/esm/components/BundleBlock/CartATCLoader.d.ts +12 -12
  31. package/dist/esm/components/BundleBlock/CollectionBundle/CategoryFilter.d.ts +10 -10
  32. package/dist/esm/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts +133 -133
  33. package/dist/esm/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts +16 -16
  34. package/dist/esm/components/BundleBlock/ComboBundle.d.ts +17 -17
  35. package/dist/esm/components/BundleBlock/ErrorToast.d.ts +10 -10
  36. package/dist/esm/components/BundleBlock/FixedBundle/FixedBundle.d.ts +4 -4
  37. package/dist/esm/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts +47 -47
  38. package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +23 -23
  39. package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +81 -81
  40. package/dist/esm/components/BundleBlock/Loader.d.ts +5 -5
  41. package/dist/esm/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +9 -9
  42. package/dist/esm/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +86 -86
  43. package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationForm.d.ts +35 -35
  44. package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationFormModal.d.ts +24 -24
  45. package/dist/esm/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts +27 -27
  46. package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +100 -100
  47. package/dist/esm/components/BundleBlock/index.d.ts +1 -1
  48. package/dist/esm/components/Cart/ApplyCoupon.d.ts +13 -13
  49. package/dist/esm/components/Cart/Bundle.d.ts +6 -6
  50. package/dist/esm/components/Cart/Cart.d.ts +261 -261
  51. package/dist/esm/components/Cart/CartDrawer.d.ts +34 -34
  52. package/dist/esm/components/Cart/CartOffersCarousel.d.ts +48 -48
  53. package/dist/esm/components/Cart/CartProductsList.d.ts +48 -48
  54. package/dist/esm/components/Cart/CartTimer.d.ts +8 -8
  55. package/dist/esm/components/Cart/CheckoutSection.d.ts +48 -48
  56. package/dist/esm/components/Cart/CouponSelection.d.ts +18 -18
  57. package/dist/esm/components/Cart/DatePicker.d.ts +10 -10
  58. package/dist/esm/components/Cart/EmptyCart.d.ts +34 -34
  59. package/dist/esm/components/Cart/FloatingCart.d.ts +24 -24
  60. package/dist/esm/components/Cart/FooterSections.d.ts +6 -6
  61. package/dist/esm/components/Cart/FreebieClaimManager.d.ts +18 -18
  62. package/dist/esm/components/Cart/FreebieClaimOverlay.d.ts +18 -18
  63. package/dist/esm/components/Cart/FreebieClaimOverlayCard.d.ts +13 -13
  64. package/dist/esm/components/Cart/FreebieClaimSection.d.ts +18 -18
  65. package/dist/esm/components/Cart/FreebieClaimSectionCard.d.ts +19 -19
  66. package/dist/esm/components/Cart/GSTSection.d.ts +15 -15
  67. package/dist/esm/components/Cart/GiftWrap.d.ts +15 -15
  68. package/dist/esm/components/Cart/InlineCartOfferInfoText.d.ts +10 -10
  69. package/dist/esm/components/Cart/LoyaltyAppliedCTA.d.ts +14 -14
  70. package/dist/esm/components/Cart/LoyaltyApplyCTA.d.ts +15 -15
  71. package/dist/esm/components/Cart/LoyaltyBadge.d.ts +11 -11
  72. package/dist/esm/components/Cart/LoyaltyGuestCTA.d.ts +17 -17
  73. package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointConfetti.d.ts +11 -11
  74. package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointIcon.d.ts +3 -3
  75. package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointTooltip.d.ts +3 -3
  76. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts +9 -9
  77. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.d.ts +5 -5
  78. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +45 -45
  79. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts +6 -6
  80. package/dist/esm/components/Cart/MultiStepProgressBar/MultiTierProgressBar.d.ts +4 -4
  81. package/dist/esm/components/Cart/MultiStepProgressBar/MutiTierNextRewardMessage.d.ts +3 -3
  82. package/dist/esm/components/Cart/MultiStepProgressBar/NextRewardMessage.d.ts +3 -3
  83. package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.d.ts +4 -4
  84. package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +22 -22
  85. package/dist/esm/components/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts +3 -3
  86. package/dist/esm/components/Cart/MultiStepProgressBar/types.d.ts +55 -55
  87. package/dist/esm/components/Cart/NextFreebieRow.d.ts +21 -21
  88. package/dist/esm/components/Cart/NoteSection.d.ts +8 -8
  89. package/dist/esm/components/Cart/ProductCard.d.ts +31 -31
  90. package/dist/esm/components/Cart/ProductRecCard.d.ts +20 -20
  91. package/dist/esm/components/Cart/ProductRecList.d.ts +23 -23
  92. package/dist/esm/components/Cart/ProgressBarCartLoader.d.ts +7 -7
  93. package/dist/esm/components/Cart/QuantitySelector.d.ts +12 -12
  94. package/dist/esm/components/Cart/RegionSpecificDelivery.d.ts +17 -17
  95. package/dist/esm/components/Cart/RewardPointsPreview.d.ts +12 -12
  96. package/dist/esm/components/Cart/StandardDelivery.d.ts +11 -11
  97. package/dist/esm/components/Cart/StealDealSection.d.ts +15 -15
  98. package/dist/esm/components/Cart/StickyCart.d.ts +64 -64
  99. package/dist/esm/components/Cart/SubtotalSection.d.ts +13 -13
  100. package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +20 -20
  101. package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +60 -60
  102. package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +20 -20
  103. package/dist/esm/components/Cart/index.d.ts +1 -1
  104. package/dist/esm/components/Loyalty/ActiveSessionOverlay.d.ts +8 -8
  105. package/dist/esm/components/Loyalty/BubbleLauncher.d.ts +14 -14
  106. package/dist/esm/components/Loyalty/GuestDesktop.d.ts +5 -5
  107. package/dist/esm/components/Loyalty/GuestDesktopWithoutImage.d.ts +7 -7
  108. package/dist/esm/components/Loyalty/GuestMobile.d.ts +6 -6
  109. package/dist/esm/components/Loyalty/Loader.d.ts +10 -10
  110. package/dist/esm/components/Loyalty/LoyaltyProductCatalog.d.ts +69 -69
  111. package/dist/esm/components/Loyalty/LoyaltyProfile.d.ts +6 -6
  112. package/dist/esm/components/Loyalty/LoyaltyWidget.d.ts +6 -6
  113. package/dist/esm/components/Loyalty/OTPComponent.d.ts +20 -20
  114. package/dist/esm/components/Loyalty/PointEarnBadge.d.ts +15 -15
  115. package/dist/esm/components/Loyalty/RecentTransactions.d.ts +8 -8
  116. package/dist/esm/components/Loyalty/RewardsModal.d.ts +13 -13
  117. package/dist/esm/components/Loyalty/RibbonLauncher.d.ts +12 -12
  118. package/dist/esm/components/Loyalty/StickyLauncher.d.ts +14 -14
  119. package/dist/esm/components/Loyalty/StickyTextLauncher.d.ts +2 -2
  120. package/dist/esm/components/Loyalty/Toast.d.ts +7 -7
  121. package/dist/esm/components/Loyalty/VIPTiersScreen.d.ts +11 -11
  122. package/dist/esm/components/Loyalty/WTRCoupon.d.ts +13 -13
  123. package/dist/esm/components/Loyalty/WaysToEarn.d.ts +33 -33
  124. package/dist/esm/components/Loyalty/WaysToRedeem.d.ts +106 -106
  125. package/dist/esm/components/Loyalty/index.d.ts +7 -7
  126. package/dist/esm/components/Loyalty/loyaltyLauncher.d.ts +19 -19
  127. package/dist/esm/components/Loyalty/styles/ActiveSession.styles.d.ts +3 -3
  128. package/dist/esm/components/Loyalty/styles/DobPopup.styles.d.ts +3 -3
  129. package/dist/esm/components/Loyalty/styles/PointEarnBadge.styles.d.ts +3 -3
  130. package/dist/esm/components/Loyalty/styles/RecentTransactions.styles.d.ts +6 -6
  131. package/dist/esm/components/Loyalty/styles/VIPTiers.styles.d.ts +4 -4
  132. package/dist/esm/components/Loyalty/styles/WaysToRedeem.styles.d.ts +5 -5
  133. package/dist/esm/components/Loyalty/styles/shared.styles.d.ts +3 -3
  134. package/dist/esm/components/Loyalty/styles.d.ts +23 -23
  135. package/dist/esm/components/Loyalty/types.d.ts +414 -414
  136. package/dist/esm/components/LoyaltyPageBlock/LoyaltyPageBlock.d.ts +160 -160
  137. package/dist/esm/components/Nudge/LeadGenerationNudge.d.ts +15 -15
  138. package/dist/esm/components/Nudge/Nudge.d.ts +40 -40
  139. package/dist/esm/components/Nudge/index.d.ts +1 -1
  140. package/dist/esm/components/ProductOffersBlock/ProductOffersCoupon.d.ts +12 -12
  141. package/dist/esm/components/ProductOffersBlock/ProductOffersList.d.ts +12 -12
  142. package/dist/esm/components/ProductOffersBlock/ProductOffersTermsMobilePopover.d.ts +10 -10
  143. package/dist/esm/components/ProductOffersBlock/ProductOffersTermsPopup.d.ts +10 -10
  144. package/dist/esm/components/ProductOffersBlock/ProductsOffers.d.ts +42 -42
  145. package/dist/esm/components/SpinnerWheel/SpinnerWheel.d.ts +23 -23
  146. package/dist/esm/components/SpinnerWheel/WheelSection.d.ts +9 -9
  147. package/dist/esm/components/SpinnerWheel/index.d.ts +1 -1
  148. package/dist/esm/components/index.d.ts +16 -16
  149. package/dist/esm/index.d.ts +1 -1
  150. package/dist/esm/index.js +129 -129
  151. package/dist/esm/utils/converter.d.ts +3 -3
  152. package/dist/esm/utils/customVariantOptions.d.ts +21 -21
  153. package/dist/esm/utils/freebieProductUtils.d.ts +39 -39
  154. package/dist/esm/utils/freebieUtils.d.ts +11 -11
  155. package/dist/esm/utils/index.d.ts +16 -16
  156. package/dist/esm/utils/safeguardDOM.d.ts +5 -5
  157. package/dist/esm/utils/shopifyAtcBridge.d.ts +43 -43
  158. package/dist/esm/utils/useMediaQuery.d.ts +1 -1
  159. package/package.json +98 -98
  160. /package/dist/esm/{confetti-f3502561.js → confetti-89678a6f.js} +0 -0
@@ -1,160 +1,160 @@
1
- import React from "react";
2
- import "../Loyalty/fonts.css";
3
- type LoyaltyVisibility = "show" | "hide";
4
- type LoyaltyAlignment = "left" | "center" | "right";
5
- type LoyaltyImagePosition = "left" | "right";
6
- type LoyaltyActionHandler<TArgs extends unknown[] = []> = (...args: TArgs) => Promise<void> | void;
7
- declare const loyaltyDefaultSectionOrder: readonly ["banner", "referrals", "gettingStarted", "waysToEarn", "customImage", "customHtml", "vipTiers", "rewards"];
8
- type LoyaltySectionId = (typeof loyaltyDefaultSectionOrder)[number];
9
- export interface LoyaltySectionBadgeConfig {
10
- enabled?: boolean;
11
- title?: string;
12
- }
13
- export interface LoyaltySectionConfig {
14
- visibility?: LoyaltyVisibility;
15
- backgroundColor?: string;
16
- fontColor?: string;
17
- badge?: LoyaltySectionBadgeConfig;
18
- }
19
- export interface LoyaltyTextContentConfig {
20
- title?: string;
21
- subtitle?: string;
22
- }
23
- export interface LoyaltyButtonContentConfig extends LoyaltyTextContentConfig {
24
- buttonText?: string;
25
- }
26
- export interface LoyaltyBalanceContentConfig extends LoyaltyTextContentConfig {
27
- balanceCoins?: string | number;
28
- currentTier?: string | null;
29
- nextTier?: string | null;
30
- currentLtv?: number | string | null;
31
- nextTierLtv?: number | string | null;
32
- tierIcon?: string;
33
- memberSince?: string;
34
- rewardTierCriteria?: "ltv" | "loyalty_points" | "payment" | null;
35
- purchaseValueMethod?: "order_count" | "purchase_value" | null;
36
- currencyCode?: string;
37
- }
38
- export interface LoyaltyBannerConfig extends LoyaltySectionConfig {
39
- alignment?: LoyaltyAlignment;
40
- imageUrl?: string;
41
- showTierProgress?: boolean;
42
- guestView?: LoyaltyButtonContentConfig;
43
- signedInView?: LoyaltyBalanceContentConfig;
44
- }
45
- export interface LoyaltyReferralContentConfig extends LoyaltyTextContentConfig {
46
- referralLinkValue?: string;
47
- }
48
- export interface LoyaltyImageSectionConfig extends LoyaltySectionConfig {
49
- imageUrl?: string;
50
- imagePosition?: LoyaltyImagePosition;
51
- }
52
- export interface LoyaltyReferralsConfig extends LoyaltyImageSectionConfig {
53
- guestVisibility?: boolean;
54
- guestView?: LoyaltyButtonContentConfig;
55
- signedInView?: LoyaltyReferralContentConfig;
56
- }
57
- export interface LoyaltyGettingStartedStepConfig {
58
- title?: string;
59
- description?: string;
60
- }
61
- export interface LoyaltyGettingStartedConfig extends LoyaltySectionConfig {
62
- title?: string;
63
- subtitle?: string;
64
- steps?: LoyaltyGettingStartedStepConfig[];
65
- }
66
- export type LoyaltyWaysToEarnIconType = "signup" | "birthday" | "feedback" | "wallet" | "referral" | "instagram" | "facebook" | "twitter" | "youtube";
67
- export type LoyaltyWaysToEarnIcon = LoyaltyWaysToEarnIconType | React.ReactNode;
68
- export interface LoyaltyWaysToEarnItemConfig {
69
- icon?: LoyaltyWaysToEarnIcon;
70
- title?: string;
71
- description?: string;
72
- ctaTitle?: string;
73
- ctaVisible?: boolean;
74
- ctaDisabled?: boolean;
75
- signedInActionLabel?: string;
76
- onClick?: LoyaltyActionHandler;
77
- }
78
- export interface LoyaltyWaysToEarnConfig extends LoyaltySectionConfig {
79
- title?: string;
80
- subtitle?: string;
81
- guestVisibility?: boolean;
82
- showIcons?: boolean;
83
- ctaBg?: string;
84
- ctaFontColor?: string;
85
- items?: LoyaltyWaysToEarnItemConfig[];
86
- }
87
- export interface LoyaltyRewardsConfig extends LoyaltyImageSectionConfig {
88
- title?: string;
89
- description?: string;
90
- disclaimerText?: string;
91
- bottomCtaTitle?: string;
92
- bottomCtaSubtitle?: string;
93
- buttonText?: string;
94
- }
95
- export interface LoyaltyCustomImageConfig {
96
- visibility?: LoyaltyVisibility;
97
- imageUrl?: string;
98
- }
99
- export interface LoyaltyCustomHtmlConfig {
100
- visibility?: LoyaltyVisibility;
101
- htmlText?: string;
102
- }
103
- export interface LoyaltyVipTierColumnConfig {
104
- id: string;
105
- title: string;
106
- pointsLabel?: string;
107
- headerBackgroundColor?: string;
108
- indicatorColor?: string;
109
- }
110
- export interface LoyaltyVipTierBenefitRowConfig {
111
- title: string;
112
- description?: string;
113
- tierIds: string[];
114
- }
115
- export interface LoyaltyVipTierSignedInStatusConfig {
116
- tierId: string;
117
- text: string;
118
- }
119
- export interface LoyaltyVipTiersSignedInViewConfig {
120
- benefitHeaderLabel?: string;
121
- statusLabel?: string;
122
- statuses?: LoyaltyVipTierSignedInStatusConfig[];
123
- }
124
- export interface LoyaltyVipTiersConfig extends LoyaltySectionConfig {
125
- title?: string;
126
- subtitle?: string;
127
- benefitHeaderLabel?: string;
128
- tiers?: LoyaltyVipTierColumnConfig[];
129
- rows?: LoyaltyVipTierBenefitRowConfig[];
130
- signedInView?: LoyaltyVipTiersSignedInViewConfig;
131
- }
132
- export interface LoyaltyPageConfigType {
133
- sectionOrder?: LoyaltySectionId[];
134
- banner?: LoyaltyBannerConfig;
135
- referrals?: LoyaltyReferralsConfig;
136
- gettingStarted?: LoyaltyGettingStartedConfig;
137
- waysToEarn?: LoyaltyWaysToEarnConfig;
138
- vipTiers?: LoyaltyVipTiersConfig;
139
- rewards?: LoyaltyRewardsConfig;
140
- customImage?: LoyaltyCustomImageConfig;
141
- customHtml?: LoyaltyCustomHtmlConfig;
142
- primaryColor?: string;
143
- primaryContrastColor?: string;
144
- secondaryColor?: string;
145
- secondaryContrastColor?: string;
146
- customCss?: string;
147
- enableCustomCss?: boolean;
148
- }
149
- export interface LoyaltyPageProps {
150
- config: LoyaltyPageConfigType;
151
- signedIn?: boolean;
152
- referralLocked?: boolean;
153
- userData?: any;
154
- onBannerButtonClick?: LoyaltyActionHandler;
155
- onReferralButtonClick?: LoyaltyActionHandler;
156
- onReferralCopyClick?: LoyaltyActionHandler<[referralLink: string]>;
157
- onRewardsButtonClick?: LoyaltyActionHandler;
158
- }
159
- export declare const LoyaltyPageBlock: ({ config, signedIn, referralLocked, userData, onBannerButtonClick, onReferralButtonClick, onReferralCopyClick, onRewardsButtonClick, }: LoyaltyPageProps) => React.JSX.Element;
160
- export default LoyaltyPageBlock;
1
+ import React from "react";
2
+ import "../Loyalty/fonts.css";
3
+ type LoyaltyVisibility = "show" | "hide";
4
+ type LoyaltyAlignment = "left" | "center" | "right";
5
+ type LoyaltyImagePosition = "left" | "right";
6
+ type LoyaltyActionHandler<TArgs extends unknown[] = []> = (...args: TArgs) => Promise<void> | void;
7
+ declare const loyaltyDefaultSectionOrder: readonly ["banner", "referrals", "gettingStarted", "waysToEarn", "customImage", "customHtml", "vipTiers", "rewards"];
8
+ type LoyaltySectionId = (typeof loyaltyDefaultSectionOrder)[number];
9
+ export interface LoyaltySectionBadgeConfig {
10
+ enabled?: boolean;
11
+ title?: string;
12
+ }
13
+ export interface LoyaltySectionConfig {
14
+ visibility?: LoyaltyVisibility;
15
+ backgroundColor?: string;
16
+ fontColor?: string;
17
+ badge?: LoyaltySectionBadgeConfig;
18
+ }
19
+ export interface LoyaltyTextContentConfig {
20
+ title?: string;
21
+ subtitle?: string;
22
+ }
23
+ export interface LoyaltyButtonContentConfig extends LoyaltyTextContentConfig {
24
+ buttonText?: string;
25
+ }
26
+ export interface LoyaltyBalanceContentConfig extends LoyaltyTextContentConfig {
27
+ balanceCoins?: string | number;
28
+ currentTier?: string | null;
29
+ nextTier?: string | null;
30
+ currentLtv?: number | string | null;
31
+ nextTierLtv?: number | string | null;
32
+ tierIcon?: string;
33
+ memberSince?: string;
34
+ rewardTierCriteria?: "ltv" | "loyalty_points" | "payment" | null;
35
+ purchaseValueMethod?: "order_count" | "purchase_value" | null;
36
+ currencyCode?: string;
37
+ }
38
+ export interface LoyaltyBannerConfig extends LoyaltySectionConfig {
39
+ alignment?: LoyaltyAlignment;
40
+ imageUrl?: string;
41
+ showTierProgress?: boolean;
42
+ guestView?: LoyaltyButtonContentConfig;
43
+ signedInView?: LoyaltyBalanceContentConfig;
44
+ }
45
+ export interface LoyaltyReferralContentConfig extends LoyaltyTextContentConfig {
46
+ referralLinkValue?: string;
47
+ }
48
+ export interface LoyaltyImageSectionConfig extends LoyaltySectionConfig {
49
+ imageUrl?: string;
50
+ imagePosition?: LoyaltyImagePosition;
51
+ }
52
+ export interface LoyaltyReferralsConfig extends LoyaltyImageSectionConfig {
53
+ guestVisibility?: boolean;
54
+ guestView?: LoyaltyButtonContentConfig;
55
+ signedInView?: LoyaltyReferralContentConfig;
56
+ }
57
+ export interface LoyaltyGettingStartedStepConfig {
58
+ title?: string;
59
+ description?: string;
60
+ }
61
+ export interface LoyaltyGettingStartedConfig extends LoyaltySectionConfig {
62
+ title?: string;
63
+ subtitle?: string;
64
+ steps?: LoyaltyGettingStartedStepConfig[];
65
+ }
66
+ export type LoyaltyWaysToEarnIconType = "signup" | "birthday" | "feedback" | "wallet" | "referral" | "instagram" | "facebook" | "twitter" | "youtube";
67
+ export type LoyaltyWaysToEarnIcon = LoyaltyWaysToEarnIconType | React.ReactNode;
68
+ export interface LoyaltyWaysToEarnItemConfig {
69
+ icon?: LoyaltyWaysToEarnIcon;
70
+ title?: string;
71
+ description?: string;
72
+ ctaTitle?: string;
73
+ ctaVisible?: boolean;
74
+ ctaDisabled?: boolean;
75
+ signedInActionLabel?: string;
76
+ onClick?: LoyaltyActionHandler;
77
+ }
78
+ export interface LoyaltyWaysToEarnConfig extends LoyaltySectionConfig {
79
+ title?: string;
80
+ subtitle?: string;
81
+ guestVisibility?: boolean;
82
+ showIcons?: boolean;
83
+ ctaBg?: string;
84
+ ctaFontColor?: string;
85
+ items?: LoyaltyWaysToEarnItemConfig[];
86
+ }
87
+ export interface LoyaltyRewardsConfig extends LoyaltyImageSectionConfig {
88
+ title?: string;
89
+ description?: string;
90
+ disclaimerText?: string;
91
+ bottomCtaTitle?: string;
92
+ bottomCtaSubtitle?: string;
93
+ buttonText?: string;
94
+ }
95
+ export interface LoyaltyCustomImageConfig {
96
+ visibility?: LoyaltyVisibility;
97
+ imageUrl?: string;
98
+ }
99
+ export interface LoyaltyCustomHtmlConfig {
100
+ visibility?: LoyaltyVisibility;
101
+ htmlText?: string;
102
+ }
103
+ export interface LoyaltyVipTierColumnConfig {
104
+ id: string;
105
+ title: string;
106
+ pointsLabel?: string;
107
+ headerBackgroundColor?: string;
108
+ indicatorColor?: string;
109
+ }
110
+ export interface LoyaltyVipTierBenefitRowConfig {
111
+ title: string;
112
+ description?: string;
113
+ tierIds: string[];
114
+ }
115
+ export interface LoyaltyVipTierSignedInStatusConfig {
116
+ tierId: string;
117
+ text: string;
118
+ }
119
+ export interface LoyaltyVipTiersSignedInViewConfig {
120
+ benefitHeaderLabel?: string;
121
+ statusLabel?: string;
122
+ statuses?: LoyaltyVipTierSignedInStatusConfig[];
123
+ }
124
+ export interface LoyaltyVipTiersConfig extends LoyaltySectionConfig {
125
+ title?: string;
126
+ subtitle?: string;
127
+ benefitHeaderLabel?: string;
128
+ tiers?: LoyaltyVipTierColumnConfig[];
129
+ rows?: LoyaltyVipTierBenefitRowConfig[];
130
+ signedInView?: LoyaltyVipTiersSignedInViewConfig;
131
+ }
132
+ export interface LoyaltyPageConfigType {
133
+ sectionOrder?: LoyaltySectionId[];
134
+ banner?: LoyaltyBannerConfig;
135
+ referrals?: LoyaltyReferralsConfig;
136
+ gettingStarted?: LoyaltyGettingStartedConfig;
137
+ waysToEarn?: LoyaltyWaysToEarnConfig;
138
+ vipTiers?: LoyaltyVipTiersConfig;
139
+ rewards?: LoyaltyRewardsConfig;
140
+ customImage?: LoyaltyCustomImageConfig;
141
+ customHtml?: LoyaltyCustomHtmlConfig;
142
+ primaryColor?: string;
143
+ primaryContrastColor?: string;
144
+ secondaryColor?: string;
145
+ secondaryContrastColor?: string;
146
+ customCss?: string;
147
+ enableCustomCss?: boolean;
148
+ }
149
+ export interface LoyaltyPageProps {
150
+ config: LoyaltyPageConfigType;
151
+ signedIn?: boolean;
152
+ referralLocked?: boolean;
153
+ userData?: any;
154
+ onBannerButtonClick?: LoyaltyActionHandler;
155
+ onReferralButtonClick?: LoyaltyActionHandler;
156
+ onReferralCopyClick?: LoyaltyActionHandler<[referralLink: string]>;
157
+ onRewardsButtonClick?: LoyaltyActionHandler;
158
+ }
159
+ export declare const LoyaltyPageBlock: ({ config, signedIn, referralLocked, userData, onBannerButtonClick, onReferralButtonClick, onReferralCopyClick, onRewardsButtonClick, }: LoyaltyPageProps) => React.JSX.Element;
160
+ export default LoyaltyPageBlock;
@@ -1,15 +1,15 @@
1
- import React from "react";
2
- import "./Nudge.scss";
3
- import "react-international-phone/style.css";
4
- type LeadGenerationNudgeProps = {
5
- ctaButtonColor?: string;
6
- headerColor?: string;
7
- title?: string;
8
- subtitle?: string;
9
- handleLoginOrSignup?: (phoneNumber: string, email: string) => Promise<any>;
10
- handleSubmit?: (phoneNumber: string, otp: string) => Promise<any>;
11
- onClose?: () => void;
12
- closeIconColor?: string;
13
- };
14
- declare const LeadGenerationNudge: ({ ctaButtonColor, headerColor, handleLoginOrSignup, handleSubmit, title, subtitle, onClose, closeIconColor, }: LeadGenerationNudgeProps) => React.JSX.Element;
15
- export default LeadGenerationNudge;
1
+ import React from "react";
2
+ import "./Nudge.scss";
3
+ import "react-international-phone/style.css";
4
+ type LeadGenerationNudgeProps = {
5
+ ctaButtonColor?: string;
6
+ headerColor?: string;
7
+ title?: string;
8
+ subtitle?: string;
9
+ handleLoginOrSignup?: (phoneNumber: string, email: string) => Promise<any>;
10
+ handleSubmit?: (phoneNumber: string, otp: string) => Promise<any>;
11
+ onClose?: () => void;
12
+ closeIconColor?: string;
13
+ };
14
+ declare const LeadGenerationNudge: ({ ctaButtonColor, headerColor, handleLoginOrSignup, handleSubmit, title, subtitle, onClose, closeIconColor, }: LeadGenerationNudgeProps) => React.JSX.Element;
15
+ export default LeadGenerationNudge;
@@ -1,40 +1,40 @@
1
- import React from "react";
2
- export interface NudgeProps {
3
- title?: string;
4
- text?: string;
5
- highlightColor?: string;
6
- backgroundColor?: string;
7
- variant?: "campaign" | "delivery" | "checkout" | "postPurchase" | "registration" | "leadGeneration";
8
- extraProps?: any;
9
- cartValue?: number;
10
- freeDeliveryValue?: number;
11
- imageUrl?: string;
12
- nudgeImageUrl?: string;
13
- onClickCheckout?: () => void;
14
- onClose?: () => void;
15
- isDev?: boolean;
16
- onGotoCartClick?: () => void;
17
- bannerCtaAction?: () => void;
18
- bannerCtaText?: string;
19
- ctaButtonBackgroundColor?: string;
20
- ctaTextColor?: string;
21
- ctaButtonText?: string;
22
- ctaButtonPosition?: "left" | "right" | "center";
23
- postPurchaseCtaAction?: () => void;
24
- postPurchaseCredits?: number;
25
- largeScreenImageUrl?: string;
26
- smallScreenImageUrl?: string;
27
- ctaButtonLink?: string;
28
- autoCloseTimeout?: number;
29
- isCTAButtonEnabled?: boolean;
30
- isCTARedirectionEnabled?: boolean;
31
- borderRadius?: string;
32
- padding?: string;
33
- onClickCtaButton?: () => void;
34
- position?: "right" | "left";
35
- closeIconColor?: string;
36
- handleLoginOrSignup?: (phoneNumber: string, email: string) => Promise<any>;
37
- handleSubmit?: (phoneNumber: string, otp: string) => Promise<any>;
38
- }
39
- declare const Nudge: React.FC<NudgeProps>;
40
- export default Nudge;
1
+ import React from "react";
2
+ export interface NudgeProps {
3
+ title?: string;
4
+ text?: string;
5
+ highlightColor?: string;
6
+ backgroundColor?: string;
7
+ variant?: "campaign" | "delivery" | "checkout" | "postPurchase" | "registration" | "leadGeneration";
8
+ extraProps?: any;
9
+ cartValue?: number;
10
+ freeDeliveryValue?: number;
11
+ imageUrl?: string;
12
+ nudgeImageUrl?: string;
13
+ onClickCheckout?: () => void;
14
+ onClose?: () => void;
15
+ isDev?: boolean;
16
+ onGotoCartClick?: () => void;
17
+ bannerCtaAction?: () => void;
18
+ bannerCtaText?: string;
19
+ ctaButtonBackgroundColor?: string;
20
+ ctaTextColor?: string;
21
+ ctaButtonText?: string;
22
+ ctaButtonPosition?: "left" | "right" | "center";
23
+ postPurchaseCtaAction?: () => void;
24
+ postPurchaseCredits?: number;
25
+ largeScreenImageUrl?: string;
26
+ smallScreenImageUrl?: string;
27
+ ctaButtonLink?: string;
28
+ autoCloseTimeout?: number;
29
+ isCTAButtonEnabled?: boolean;
30
+ isCTARedirectionEnabled?: boolean;
31
+ borderRadius?: string;
32
+ padding?: string;
33
+ onClickCtaButton?: () => void;
34
+ position?: "right" | "left";
35
+ closeIconColor?: string;
36
+ handleLoginOrSignup?: (phoneNumber: string, email: string) => Promise<any>;
37
+ handleSubmit?: (phoneNumber: string, otp: string) => Promise<any>;
38
+ }
39
+ declare const Nudge: React.FC<NudgeProps>;
40
+ export default Nudge;
@@ -1 +1 @@
1
- export { default } from "./Nudge";
1
+ export { default } from "./Nudge";
@@ -1,12 +1,12 @@
1
- import React from "react";
2
- import { CartCheckpoint } from "./ProductsOffers";
3
- import { ProductsOffersConfigType } from "./ProductsOffers";
4
- interface ProductOffersCouponProps {
5
- offersToShow: CartCheckpoint[];
6
- offersConfig?: ProductsOffersConfigType | null;
7
- getOfferCardMessage: (offer: CartCheckpoint) => string;
8
- setSelectedOffer: (offer: CartCheckpoint | null) => void;
9
- setShowPopup: (show: boolean) => void;
10
- }
11
- export declare const ProductOffersCoupon: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersCouponProps) => React.JSX.Element;
12
- export {};
1
+ import React from "react";
2
+ import { CartCheckpoint } from "./ProductsOffers";
3
+ import { ProductsOffersConfigType } from "./ProductsOffers";
4
+ interface ProductOffersCouponProps {
5
+ offersToShow: CartCheckpoint[];
6
+ offersConfig?: ProductsOffersConfigType | null;
7
+ getOfferCardMessage: (offer: CartCheckpoint) => string;
8
+ setSelectedOffer: (offer: CartCheckpoint | null) => void;
9
+ setShowPopup: (show: boolean) => void;
10
+ }
11
+ export declare const ProductOffersCoupon: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersCouponProps) => React.JSX.Element;
12
+ export {};
@@ -1,12 +1,12 @@
1
- import React from "react";
2
- import { CartCheckpoint } from "./ProductsOffers";
3
- import { ProductsOffersConfigType } from "./ProductsOffers";
4
- interface ProductOffersListProps {
5
- offersToShow: CartCheckpoint[];
6
- offersConfig: ProductsOffersConfigType;
7
- getOfferCardMessage: (offer: CartCheckpoint) => string;
8
- setSelectedOffer: (offer: CartCheckpoint | null) => void;
9
- setShowPopup: (show: boolean) => void;
10
- }
11
- export declare const ProductOffersList: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersListProps) => React.JSX.Element;
12
- export {};
1
+ import React from "react";
2
+ import { CartCheckpoint } from "./ProductsOffers";
3
+ import { ProductsOffersConfigType } from "./ProductsOffers";
4
+ interface ProductOffersListProps {
5
+ offersToShow: CartCheckpoint[];
6
+ offersConfig: ProductsOffersConfigType;
7
+ getOfferCardMessage: (offer: CartCheckpoint) => string;
8
+ setSelectedOffer: (offer: CartCheckpoint | null) => void;
9
+ setShowPopup: (show: boolean) => void;
10
+ }
11
+ export declare const ProductOffersList: ({ offersToShow, offersConfig, getOfferCardMessage, setSelectedOffer, setShowPopup, }: ProductOffersListProps) => React.JSX.Element;
12
+ export {};
@@ -1,10 +1,10 @@
1
- import React from "react";
2
- import { CartCheckpoint, OfferTermsAndConditions } from "./ProductsOffers";
3
- import { ProductsOffersConfigType } from "./ProductsOffers";
4
- export declare const ProductOffersTermsMobilePopover: ({ showPopup, selectedOffer, selectedOfferTerms, onClose, offersConfig, }: {
5
- showPopup: boolean;
6
- selectedOffer: CartCheckpoint | null;
7
- selectedOfferTerms: OfferTermsAndConditions | null;
8
- onClose: () => void;
9
- offersConfig?: ProductsOffersConfigType | null | undefined;
10
- }) => React.ReactPortal | null;
1
+ import React from "react";
2
+ import { CartCheckpoint, OfferTermsAndConditions } from "./ProductsOffers";
3
+ import { ProductsOffersConfigType } from "./ProductsOffers";
4
+ export declare const ProductOffersTermsMobilePopover: ({ showPopup, selectedOffer, selectedOfferTerms, onClose, offersConfig, }: {
5
+ showPopup: boolean;
6
+ selectedOffer: CartCheckpoint | null;
7
+ selectedOfferTerms: OfferTermsAndConditions | null;
8
+ onClose: () => void;
9
+ offersConfig?: ProductsOffersConfigType | null | undefined;
10
+ }) => React.ReactPortal | null;
@@ -1,10 +1,10 @@
1
- import React from "react";
2
- import { CartCheckpoint, OfferTermsAndConditions } from "./ProductsOffers";
3
- import { ProductsOffersConfigType } from "./ProductsOffers";
4
- export declare const ProductOffersTermsPopup: ({ showPopup, selectedOffer, selectedOfferTerms, onClose, offersConfig, }: {
5
- showPopup: boolean;
6
- selectedOffer: CartCheckpoint | null;
7
- selectedOfferTerms: OfferTermsAndConditions | null;
8
- onClose: () => void;
9
- offersConfig?: ProductsOffersConfigType | null | undefined;
10
- }) => React.ReactPortal | null;
1
+ import React from "react";
2
+ import { CartCheckpoint, OfferTermsAndConditions } from "./ProductsOffers";
3
+ import { ProductsOffersConfigType } from "./ProductsOffers";
4
+ export declare const ProductOffersTermsPopup: ({ showPopup, selectedOffer, selectedOfferTerms, onClose, offersConfig, }: {
5
+ showPopup: boolean;
6
+ selectedOffer: CartCheckpoint | null;
7
+ selectedOfferTerms: OfferTermsAndConditions | null;
8
+ onClose: () => void;
9
+ offersConfig?: ProductsOffersConfigType | null | undefined;
10
+ }) => React.ReactPortal | null;
@@ -1,42 +1,42 @@
1
- import React from "react";
2
- import { Checkpoint } from "../Cart/Cart";
3
- export interface CustomOffer {
4
- title: string;
5
- description: string;
6
- code?: string;
7
- terms: string;
8
- }
9
- export interface ProductsOffersConfigType {
10
- sectionType?: "coupon" | "list";
11
- sectionTitle?: string;
12
- sectionBackgroundColor?: string;
13
- sectionBgContrastColor?: string;
14
- cardBackgroundColor?: string;
15
- cardBackgroundTransparent?: boolean;
16
- textColor?: string;
17
- accentColor?: string;
18
- roundness?: number;
19
- cardPadding?: number;
20
- viewDetailsTitle?: string;
21
- alignment?: "left" | "middle" | "right";
22
- iconVisibility?: boolean;
23
- popupIsolationStrategy?: "revert" | "revert-layer" | "unset" | "initial" | "inherit" | "none";
24
- showBackendOffers?: boolean;
25
- customOffers?: CustomOffer[];
26
- }
27
- export interface CartCheckpoint extends Checkpoint {
28
- customCartProgressBarCriteria?: string | null;
29
- discountPercentage?: number | null;
30
- discountId?: number | null;
31
- }
32
- export interface OfferTermsAndConditions {
33
- offerMessage: string;
34
- terms: string[];
35
- }
36
- export declare const getFreebieLabel: (offer: CartCheckpoint) => string;
37
- export declare const isGiftIcon: (offer: CartCheckpoint) => boolean;
38
- declare const ProductsOffers: ({ offersConfig, offers, }: {
39
- offersConfig?: ProductsOffersConfigType | null | undefined;
40
- offers: CartCheckpoint[];
41
- }) => React.JSX.Element;
42
- export default ProductsOffers;
1
+ import React from "react";
2
+ import { Checkpoint } from "../Cart/Cart";
3
+ export interface CustomOffer {
4
+ title: string;
5
+ description: string;
6
+ code?: string;
7
+ terms: string;
8
+ }
9
+ export interface ProductsOffersConfigType {
10
+ sectionType?: "coupon" | "list";
11
+ sectionTitle?: string;
12
+ sectionBackgroundColor?: string;
13
+ sectionBgContrastColor?: string;
14
+ cardBackgroundColor?: string;
15
+ cardBackgroundTransparent?: boolean;
16
+ textColor?: string;
17
+ accentColor?: string;
18
+ roundness?: number;
19
+ cardPadding?: number;
20
+ viewDetailsTitle?: string;
21
+ alignment?: "left" | "middle" | "right";
22
+ iconVisibility?: boolean;
23
+ popupIsolationStrategy?: "revert" | "revert-layer" | "unset" | "initial" | "inherit" | "none";
24
+ showBackendOffers?: boolean;
25
+ customOffers?: CustomOffer[];
26
+ }
27
+ export interface CartCheckpoint extends Checkpoint {
28
+ customCartProgressBarCriteria?: string | null;
29
+ discountPercentage?: number | null;
30
+ discountId?: number | null;
31
+ }
32
+ export interface OfferTermsAndConditions {
33
+ offerMessage: string;
34
+ terms: string[];
35
+ }
36
+ export declare const getFreebieLabel: (offer: CartCheckpoint) => string;
37
+ export declare const isGiftIcon: (offer: CartCheckpoint) => boolean;
38
+ declare const ProductsOffers: ({ offersConfig, offers, }: {
39
+ offersConfig?: ProductsOffersConfigType | null | undefined;
40
+ offers: CartCheckpoint[];
41
+ }) => React.JSX.Element;
42
+ export default ProductsOffers;