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,13 +1,13 @@
1
- import React from "react";
2
- import "./styles";
3
- import { RewardsModalProps } from "./types";
4
- export declare const isEmailValid: (email: string) => boolean;
5
- export declare const COUNTRY_PHONE_CODE_MAP: Record<string, string>;
6
- export declare const COUNTRY_OPTIONS: {
7
- cc: string;
8
- value: string;
9
- label: string;
10
- }[];
11
- export default function RewardsModal({ config }: {
12
- config: RewardsModalProps;
13
- }): React.JSX.Element;
1
+ import React from "react";
2
+ import "./styles";
3
+ import { RewardsModalProps } from "./types";
4
+ export declare const isEmailValid: (email: string) => boolean;
5
+ export declare const COUNTRY_PHONE_CODE_MAP: Record<string, string>;
6
+ export declare const COUNTRY_OPTIONS: {
7
+ cc: string;
8
+ value: string;
9
+ label: string;
10
+ }[];
11
+ export default function RewardsModal({ config }: {
12
+ config: RewardsModalProps;
13
+ }): React.JSX.Element;
@@ -1,12 +1,12 @@
1
- import React from "react";
2
- export default function RibbonLauncher({ textColor, backgroundColor, launcherTitle, offerTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, onClick, }: {
3
- textColor?: string | undefined;
4
- backgroundColor?: string | undefined;
5
- launcherTitle?: string | undefined;
6
- offerTitle?: string | undefined;
7
- borderColor?: string | undefined;
8
- iconType?: string | undefined;
9
- launcherIcon?: string | undefined;
10
- addVisibilityDelay?: boolean | undefined;
11
- onClick?: (() => void) | undefined;
12
- }): React.JSX.Element;
1
+ import React from "react";
2
+ export default function RibbonLauncher({ textColor, backgroundColor, launcherTitle, offerTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, onClick, }: {
3
+ textColor?: string | undefined;
4
+ backgroundColor?: string | undefined;
5
+ launcherTitle?: string | undefined;
6
+ offerTitle?: string | undefined;
7
+ borderColor?: string | undefined;
8
+ iconType?: string | undefined;
9
+ launcherIcon?: string | undefined;
10
+ addVisibilityDelay?: boolean | undefined;
11
+ onClick?: (() => void) | undefined;
12
+ }): React.JSX.Element;
@@ -1,14 +1,14 @@
1
- import React from "react";
2
- export default function StickyLauncher({ textColor, backgroundColor, position, yOffsetValue, launcherTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, addAttentionWaves, onClick, }: {
3
- textColor?: string | undefined;
4
- backgroundColor?: string | undefined;
5
- position?: string | undefined;
6
- yOffsetValue?: string | undefined;
7
- launcherTitle?: string | undefined;
8
- borderColor?: string | undefined;
9
- iconType?: string | undefined;
10
- launcherIcon?: string | undefined;
11
- addVisibilityDelay?: boolean | undefined;
12
- addAttentionWaves?: boolean | undefined;
13
- onClick?: (() => void) | undefined;
14
- }): React.JSX.Element;
1
+ import React from "react";
2
+ export default function StickyLauncher({ textColor, backgroundColor, position, yOffsetValue, launcherTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, addAttentionWaves, onClick, }: {
3
+ textColor?: string | undefined;
4
+ backgroundColor?: string | undefined;
5
+ position?: string | undefined;
6
+ yOffsetValue?: string | undefined;
7
+ launcherTitle?: string | undefined;
8
+ borderColor?: string | undefined;
9
+ iconType?: string | undefined;
10
+ launcherIcon?: string | undefined;
11
+ addVisibilityDelay?: boolean | undefined;
12
+ addAttentionWaves?: boolean | undefined;
13
+ onClick?: (() => void) | undefined;
14
+ }): React.JSX.Element;
@@ -1,2 +1,2 @@
1
- import React from "react";
2
- export default function StickyTextLauncher(): React.JSX.Element;
1
+ import React from "react";
2
+ export default function StickyTextLauncher(): React.JSX.Element;
@@ -1,7 +1,7 @@
1
- import React from "react";
2
- import "./Toast.css";
3
- export default function Toast({ background, textColor, displayText }: {
4
- background?: string | undefined;
5
- textColor?: string | undefined;
6
- displayText?: string | undefined;
7
- }): React.JSX.Element;
1
+ import React from "react";
2
+ import "./Toast.css";
3
+ export default function Toast({ background, textColor, displayText }: {
4
+ background?: string | undefined;
5
+ textColor?: string | undefined;
6
+ displayText?: string | undefined;
7
+ }): React.JSX.Element;
@@ -1,11 +1,11 @@
1
- import React from "react";
2
- import { RewardTier, UserRewardTier } from "./types";
3
- type VIPTiersScreenProps = {
4
- onBack: () => void;
5
- brandRewardTiers?: RewardTier[];
6
- balanceCoins?: number | string;
7
- userRewardTier?: UserRewardTier;
8
- currencyCode?: string;
9
- };
10
- export default function VIPTiersScreen({ brandRewardTiers, balanceCoins, userRewardTier, currencyCode, }: VIPTiersScreenProps): React.JSX.Element;
11
- export {};
1
+ import React from "react";
2
+ import { RewardTier, UserRewardTier } from "./types";
3
+ type VIPTiersScreenProps = {
4
+ onBack: () => void;
5
+ brandRewardTiers?: RewardTier[];
6
+ balanceCoins?: number | string;
7
+ userRewardTier?: UserRewardTier;
8
+ currencyCode?: string;
9
+ };
10
+ export default function VIPTiersScreen({ brandRewardTiers, balanceCoins, userRewardTier, currencyCode, }: VIPTiersScreenProps): React.JSX.Element;
11
+ export {};
@@ -1,13 +1,13 @@
1
- import React from "react";
2
- export default function WTRCoupon({ couponHeading, couponCode, copyFunction, themePrimaryColor, themeContrastColor, themeSecondaryContrastColor, themeSecondaryColor, setScreenType, showCTA, borderRadius, }: {
3
- couponHeading?: string | undefined;
4
- couponCode?: string | undefined;
5
- copyFunction?: ((code: string) => void) | undefined;
6
- themePrimaryColor?: string | undefined;
7
- themeContrastColor?: string | undefined;
8
- themeSecondaryContrastColor?: string | undefined;
9
- themeSecondaryColor?: string | undefined;
10
- setScreenType?: ((type: string) => void) | undefined;
11
- showCTA?: boolean | undefined;
12
- borderRadius?: string | undefined;
13
- }): React.JSX.Element;
1
+ import React from "react";
2
+ export default function WTRCoupon({ couponHeading, couponCode, copyFunction, themePrimaryColor, themeContrastColor, themeSecondaryContrastColor, themeSecondaryColor, setScreenType, showCTA, borderRadius, }: {
3
+ couponHeading?: string | undefined;
4
+ couponCode?: string | undefined;
5
+ copyFunction?: ((code: string) => void) | undefined;
6
+ themePrimaryColor?: string | undefined;
7
+ themeContrastColor?: string | undefined;
8
+ themeSecondaryContrastColor?: string | undefined;
9
+ themeSecondaryColor?: string | undefined;
10
+ setScreenType?: ((type: string) => void) | undefined;
11
+ showCTA?: boolean | undefined;
12
+ borderRadius?: string | undefined;
13
+ }): React.JSX.Element;
@@ -1,33 +1,33 @@
1
- import React from "react";
2
- import "./DobPopup.css";
3
- import "./styles/shared.css";
4
- import { BrandActivityRewardSettings, BrandRewardProgram, ReferralRewardDetails, UserData } from "./types";
5
- type WaysToEarnProps = {
6
- ctaPrimaryColor: string;
7
- ctaContrastColor: string;
8
- currencyCode?: string;
9
- userData?: UserData;
10
- activityRewards?: BrandActivityRewardSettings;
11
- onBirthdayUpdate: (date: string) => Promise<boolean>;
12
- onSocialClick: (url: string, type: string) => Promise<boolean>;
13
- onFeedbackRewardClick?: (url: string, type?: "feedback" | "image_feedback") => Promise<boolean>;
14
- isLoading: boolean;
15
- brandRewardProgram: BrandRewardProgram;
16
- };
17
- export default function WaysToEarn({ userData, ctaContrastColor, ctaPrimaryColor, currencyCode, activityRewards, onBirthdayUpdate, onSocialClick, onFeedbackRewardClick, isLoading, brandRewardProgram, }: WaysToEarnProps): JSX.Element;
18
- export declare function formatReferralRewardValue(reward?: ReferralRewardDetails, coinName?: string, currencyCode?: string): string | null;
19
- export declare function ReferralRewardTitle({ title, referrerReward, refereeReward, }: {
20
- title?: string;
21
- referrerReward?: string | null;
22
- refereeReward?: string | null;
23
- }): React.JSX.Element;
24
- interface DOBPopupProps {
25
- open: boolean;
26
- value: string | null;
27
- onSave: (dob: string) => void;
28
- onClose: () => void;
29
- onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
30
- isLoading: boolean;
31
- }
32
- export declare function DOBPopup({ open, value, onSave, onClose, onChange, isLoading, }: DOBPopupProps): React.JSX.Element | null;
33
- export {};
1
+ import React from "react";
2
+ import "./DobPopup.css";
3
+ import "./styles/shared.css";
4
+ import { BrandActivityRewardSettings, BrandRewardProgram, ReferralRewardDetails, UserData } from "./types";
5
+ type WaysToEarnProps = {
6
+ ctaPrimaryColor: string;
7
+ ctaContrastColor: string;
8
+ currencyCode?: string;
9
+ userData?: UserData;
10
+ activityRewards?: BrandActivityRewardSettings;
11
+ onBirthdayUpdate: (date: string) => Promise<boolean>;
12
+ onSocialClick: (url: string, type: string) => Promise<boolean>;
13
+ onFeedbackRewardClick?: (url: string, type?: "feedback" | "image_feedback") => Promise<boolean>;
14
+ isLoading: boolean;
15
+ brandRewardProgram: BrandRewardProgram;
16
+ };
17
+ export default function WaysToEarn({ userData, ctaContrastColor, ctaPrimaryColor, currencyCode, activityRewards, onBirthdayUpdate, onSocialClick, onFeedbackRewardClick, isLoading, brandRewardProgram, }: WaysToEarnProps): JSX.Element;
18
+ export declare function formatReferralRewardValue(reward?: ReferralRewardDetails, coinName?: string, currencyCode?: string): string | null;
19
+ export declare function ReferralRewardTitle({ title, referrerReward, refereeReward, }: {
20
+ title?: string;
21
+ referrerReward?: string | null;
22
+ refereeReward?: string | null;
23
+ }): React.JSX.Element;
24
+ interface DOBPopupProps {
25
+ open: boolean;
26
+ value: string | null;
27
+ onSave: (dob: string) => void;
28
+ onClose: () => void;
29
+ onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
30
+ isLoading: boolean;
31
+ }
32
+ export declare function DOBPopup({ open, value, onSave, onClose, onChange, isLoading, }: DOBPopupProps): React.JSX.Element | null;
33
+ export {};
@@ -1,106 +1,106 @@
1
- /// <reference types="react" />
2
- import { BrandRewardProgram, CouponAvailResponse, RewardTier, UserRewardTier } from "./types";
3
- import "./WaysToRedeem.css";
4
- import "./styles/shared.css";
5
- export interface IdsActive {
6
- ids: number[];
7
- active: boolean;
8
- }
9
- export interface IdsOnly {
10
- ids: number[];
11
- }
12
- export interface ProductIds {
13
- ids: number[];
14
- active: boolean;
15
- products: any[];
16
- }
17
- export interface AllowedProducts {
18
- products: any[];
19
- }
20
- export interface CouponTemplate {
21
- couponTemplateId: number;
22
- name: string;
23
- couponType: string;
24
- discountPercentage: number;
25
- discountValue: number;
26
- minimumOrderValue: number;
27
- pointsRequired: number;
28
- createdAt: string;
29
- updatedAt: string;
30
- brandId: number;
31
- expiresInMinutes: number;
32
- couponTemplateConsumer: string;
33
- quantityThreshold: number;
34
- isActive: boolean;
35
- combinesWithOrderDiscount: boolean;
36
- combinesWithProductDiscount: boolean;
37
- combinesWithShippingDiscount: boolean;
38
- isDummyCouponTemplate: boolean;
39
- customerBuysCollectionIds: IdsActive;
40
- customerBuysProductIds: IdsActive;
41
- customerGetsCollectionIds: IdsActive;
42
- customerGetsProductIds: ProductIds;
43
- automaticBXGYDiscount: boolean;
44
- automaticBXGYDiscountId: number | null;
45
- allowedCollections: IdsOnly;
46
- excludedCollections: IdsOnly;
47
- allowedProducts: AllowedProducts;
48
- combinesWithOtherFreebies: boolean;
49
- autoAddEnabled: boolean;
50
- percentageOffOnCustomerGetsProducts: number | null;
51
- customCartProgressBarCriteria: string;
52
- discountId: number | null;
53
- limitFreebieQuantity: number;
54
- hideFromSEO: boolean;
55
- freebieType: string | null;
56
- oneTimeClaim?: boolean;
57
- restrictTo?: "none" | "tier";
58
- rewardTierIds?: number[];
59
- startDate: string | null;
60
- endDate: string | null;
61
- scheduleIds: number[] | null;
62
- scheduleType: string;
63
- maxFreebiesInTier: number;
64
- __entity: string;
65
- }
66
- export interface FreebieProduct {
67
- image?: string;
68
- title?: string;
69
- productId?: string;
70
- variantId?: string;
71
- }
72
- export interface FreebieCouponTemplate {
73
- couponTemplateId: number;
74
- name: string;
75
- pointsRequired: number;
76
- restrictTo: "none" | "tier";
77
- rewardTierIds: number[];
78
- minimumOrderValue: number;
79
- }
80
- export interface FreebieItem {
81
- isActive: boolean;
82
- discountCode?: string;
83
- couponTemplate: FreebieCouponTemplate;
84
- product: FreebieProduct;
85
- }
86
- export interface WaysToRedeemProps {
87
- couponList?: CouponTemplate[];
88
- freebies?: FreebieItem[];
89
- couponHeading?: string;
90
- couponCode?: string;
91
- currencyCode?: string;
92
- onCouponAvail: (couponTemplateId: number) => Promise<CouponAvailResponse>;
93
- copyFunction?: (code: string) => void;
94
- themeSecondaryContrastColor?: string;
95
- themeSecondaryColor?: string;
96
- themeBackgroundColor?: string;
97
- setScreenType?: (type: string) => void;
98
- showCTA?: boolean;
99
- balanceCoins: number;
100
- ctaBorderRadius?: string;
101
- brandRewardProgram?: BrandRewardProgram;
102
- redemptionMovRequired?: number | string;
103
- userRewardTier?: UserRewardTier;
104
- brandRewardTiers?: RewardTier[];
105
- }
106
- export default function WaysToRedeem({ couponList, freebies, couponHeading, couponCode, currencyCode, onCouponAvail, copyFunction, themeSecondaryContrastColor, themeSecondaryColor, themeBackgroundColor, setScreenType, showCTA, balanceCoins, ctaBorderRadius, brandRewardProgram, redemptionMovRequired, userRewardTier, brandRewardTiers, }: WaysToRedeemProps): JSX.Element;
1
+ /// <reference types="react" />
2
+ import { BrandRewardProgram, CouponAvailResponse, RewardTier, UserRewardTier } from "./types";
3
+ import "./WaysToRedeem.css";
4
+ import "./styles/shared.css";
5
+ export interface IdsActive {
6
+ ids: number[];
7
+ active: boolean;
8
+ }
9
+ export interface IdsOnly {
10
+ ids: number[];
11
+ }
12
+ export interface ProductIds {
13
+ ids: number[];
14
+ active: boolean;
15
+ products: any[];
16
+ }
17
+ export interface AllowedProducts {
18
+ products: any[];
19
+ }
20
+ export interface CouponTemplate {
21
+ couponTemplateId: number;
22
+ name: string;
23
+ couponType: string;
24
+ discountPercentage: number;
25
+ discountValue: number;
26
+ minimumOrderValue: number;
27
+ pointsRequired: number;
28
+ createdAt: string;
29
+ updatedAt: string;
30
+ brandId: number;
31
+ expiresInMinutes: number;
32
+ couponTemplateConsumer: string;
33
+ quantityThreshold: number;
34
+ isActive: boolean;
35
+ combinesWithOrderDiscount: boolean;
36
+ combinesWithProductDiscount: boolean;
37
+ combinesWithShippingDiscount: boolean;
38
+ isDummyCouponTemplate: boolean;
39
+ customerBuysCollectionIds: IdsActive;
40
+ customerBuysProductIds: IdsActive;
41
+ customerGetsCollectionIds: IdsActive;
42
+ customerGetsProductIds: ProductIds;
43
+ automaticBXGYDiscount: boolean;
44
+ automaticBXGYDiscountId: number | null;
45
+ allowedCollections: IdsOnly;
46
+ excludedCollections: IdsOnly;
47
+ allowedProducts: AllowedProducts;
48
+ combinesWithOtherFreebies: boolean;
49
+ autoAddEnabled: boolean;
50
+ percentageOffOnCustomerGetsProducts: number | null;
51
+ customCartProgressBarCriteria: string;
52
+ discountId: number | null;
53
+ limitFreebieQuantity: number;
54
+ hideFromSEO: boolean;
55
+ freebieType: string | null;
56
+ oneTimeClaim?: boolean;
57
+ restrictTo?: "none" | "tier";
58
+ rewardTierIds?: number[];
59
+ startDate: string | null;
60
+ endDate: string | null;
61
+ scheduleIds: number[] | null;
62
+ scheduleType: string;
63
+ maxFreebiesInTier: number;
64
+ __entity: string;
65
+ }
66
+ export interface FreebieProduct {
67
+ image?: string;
68
+ title?: string;
69
+ productId?: string;
70
+ variantId?: string;
71
+ }
72
+ export interface FreebieCouponTemplate {
73
+ couponTemplateId: number;
74
+ name: string;
75
+ pointsRequired: number;
76
+ restrictTo: "none" | "tier";
77
+ rewardTierIds: number[];
78
+ minimumOrderValue: number;
79
+ }
80
+ export interface FreebieItem {
81
+ isActive: boolean;
82
+ discountCode?: string;
83
+ couponTemplate: FreebieCouponTemplate;
84
+ product: FreebieProduct;
85
+ }
86
+ export interface WaysToRedeemProps {
87
+ couponList?: CouponTemplate[];
88
+ freebies?: FreebieItem[];
89
+ couponHeading?: string;
90
+ couponCode?: string;
91
+ currencyCode?: string;
92
+ onCouponAvail: (couponTemplateId: number) => Promise<CouponAvailResponse>;
93
+ copyFunction?: (code: string) => void;
94
+ themeSecondaryContrastColor?: string;
95
+ themeSecondaryColor?: string;
96
+ themeBackgroundColor?: string;
97
+ setScreenType?: (type: string) => void;
98
+ showCTA?: boolean;
99
+ balanceCoins: number;
100
+ ctaBorderRadius?: string;
101
+ brandRewardProgram?: BrandRewardProgram;
102
+ redemptionMovRequired?: number | string;
103
+ userRewardTier?: UserRewardTier;
104
+ brandRewardTiers?: RewardTier[];
105
+ }
106
+ export default function WaysToRedeem({ couponList, freebies, couponHeading, couponCode, currencyCode, onCouponAvail, copyFunction, themeSecondaryContrastColor, themeSecondaryColor, themeBackgroundColor, setScreenType, showCTA, balanceCoins, ctaBorderRadius, brandRewardProgram, redemptionMovRequired, userRewardTier, brandRewardTiers, }: WaysToRedeemProps): JSX.Element;
@@ -1,7 +1,7 @@
1
- export { default as LoyaltyProfile } from "./LoyaltyProfile";
2
- export { default as LoyaltyLauncher } from "./loyaltyLauncher";
3
- export { default as RewardsModal } from "./RewardsModal";
4
- export { default as LoyaltyWidget } from "./LoyaltyWidget";
5
- export { default as LoyaltyProductCatalog } from "./LoyaltyProductCatalog";
6
- export { default as PointEarnBadge } from "./PointEarnBadge";
7
- export type { LoyaltyProductCatalogConfig, LoyaltyCatalogProduct, LoyaltyCatalogTier, LoyaltyCatalogFilter, CatalogDisplayMode, CatalogTextAlignment, } from "./LoyaltyProductCatalog";
1
+ export { default as LoyaltyProfile } from "./LoyaltyProfile";
2
+ export { default as LoyaltyLauncher } from "./loyaltyLauncher";
3
+ export { default as RewardsModal } from "./RewardsModal";
4
+ export { default as LoyaltyWidget } from "./LoyaltyWidget";
5
+ export { default as LoyaltyProductCatalog } from "./LoyaltyProductCatalog";
6
+ export { default as PointEarnBadge } from "./PointEarnBadge";
7
+ export type { LoyaltyProductCatalogConfig, LoyaltyCatalogProduct, LoyaltyCatalogTier, LoyaltyCatalogFilter, CatalogDisplayMode, CatalogTextAlignment, } from "./LoyaltyProductCatalog";
@@ -1,19 +1,19 @@
1
- import React from "react";
2
- import "./styles";
3
- export default function LoyaltyLauncher({ launcherType, textColor, backgroundColor, position, yOffsetValue, launcherTitle, offerTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, addAttentionWaves, customCss, enableCustomCss, onClick }: {
4
- launcherType?: string;
5
- textColor?: string;
6
- backgroundColor?: string;
7
- position?: string;
8
- yOffsetValue?: string | number;
9
- launcherTitle?: string;
10
- offerTitle?: string;
11
- borderColor?: string;
12
- iconType?: string;
13
- launcherIcon?: string;
14
- addVisibilityDelay?: boolean;
15
- addAttentionWaves?: boolean;
16
- customCss?: string;
17
- enableCustomCss?: boolean;
18
- onClick?: () => void;
19
- }): React.JSX.Element;
1
+ import React from "react";
2
+ import "./styles";
3
+ export default function LoyaltyLauncher({ launcherType, textColor, backgroundColor, position, yOffsetValue, launcherTitle, offerTitle, borderColor, iconType, launcherIcon, addVisibilityDelay, addAttentionWaves, customCss, enableCustomCss, onClick }: {
4
+ launcherType?: string;
5
+ textColor?: string;
6
+ backgroundColor?: string;
7
+ position?: string;
8
+ yOffsetValue?: string | number;
9
+ launcherTitle?: string;
10
+ offerTitle?: string;
11
+ borderColor?: string;
12
+ iconType?: string;
13
+ launcherIcon?: string;
14
+ addVisibilityDelay?: boolean;
15
+ addAttentionWaves?: boolean;
16
+ customCss?: string;
17
+ enableCustomCss?: boolean;
18
+ onClick?: () => void;
19
+ }): React.JSX.Element;
@@ -1,3 +1,3 @@
1
- import type { CSSProperties } from "react";
2
- declare const styles: Record<string, CSSProperties>;
3
- export default styles;
1
+ import type { CSSProperties } from "react";
2
+ declare const styles: Record<string, CSSProperties>;
3
+ export default styles;
@@ -1,3 +1,3 @@
1
- import type { CSSProperties } from "react";
2
- declare const styles: Record<string, CSSProperties>;
3
- export default styles;
1
+ import type { CSSProperties } from "react";
2
+ declare const styles: Record<string, CSSProperties>;
3
+ export default styles;
@@ -1,3 +1,3 @@
1
- import type { CSSProperties } from "react";
2
- declare const styles: Record<string, CSSProperties>;
3
- export default styles;
1
+ import type { CSSProperties } from "react";
2
+ declare const styles: Record<string, CSSProperties>;
3
+ export default styles;
@@ -1,6 +1,6 @@
1
- import type { CSSProperties } from "react";
2
- declare const styles: Record<string, CSSProperties>;
3
- export declare const rowStyle: (kind: "earned" | "expired" | "availed") => CSSProperties;
4
- export declare const rowBodyStyle: (kind: "earned" | "expired" | "availed") => CSSProperties;
5
- export declare const caretStyle: (kind: "earned" | "expired" | "availed") => CSSProperties;
6
- export default styles;
1
+ import type { CSSProperties } from "react";
2
+ declare const styles: Record<string, CSSProperties>;
3
+ export declare const rowStyle: (kind: "earned" | "expired" | "availed") => CSSProperties;
4
+ export declare const rowBodyStyle: (kind: "earned" | "expired" | "availed") => CSSProperties;
5
+ export declare const caretStyle: (kind: "earned" | "expired" | "availed") => CSSProperties;
6
+ export default styles;
@@ -1,4 +1,4 @@
1
- import type { CSSProperties } from "react";
2
- declare const styles: Record<string, CSSProperties>;
3
- export declare const tierStyle: (index: number) => CSSProperties;
4
- export default styles;
1
+ import type { CSSProperties } from "react";
2
+ declare const styles: Record<string, CSSProperties>;
3
+ export declare const tierStyle: (index: number) => CSSProperties;
4
+ export default styles;
@@ -1,5 +1,5 @@
1
- import type { CSSProperties } from "react";
2
- declare const s: {
3
- [x: string]: CSSProperties;
4
- };
5
- export default s;
1
+ import type { CSSProperties } from "react";
2
+ declare const s: {
3
+ [x: string]: CSSProperties;
4
+ };
5
+ export default s;
@@ -1,3 +1,3 @@
1
- import type { CSSProperties } from "react";
2
- declare const shared: Record<string, CSSProperties>;
3
- export default shared;
1
+ import type { CSSProperties } from "react";
2
+ declare const shared: Record<string, CSSProperties>;
3
+ export default shared;
@@ -1,23 +1,23 @@
1
- /**
2
- * Single stylesheet loader for the Loyalty widget.
3
- *
4
- * All Loyalty CSS is imported here, ONCE, in cascade order (reset first).
5
- * Every Loyalty entry component imports THIS module instead of importing the
6
- * `.css` files directly.
7
- *
8
- * Why: ES modules are singletons, so importing this module from many
9
- * components still evaluates it once — each stylesheet is injected exactly
10
- * once. Previously reset/modal/profile were imported in many component files
11
- * and `rollup-plugin-postcss` injected a duplicate `<style>` per import site
12
- * (e.g. 3–4 copies of the same CSS on the page). Routing every import through
13
- * this one module collapses that to a single injection per stylesheet.
14
- *
15
- * IMPORTANT:
16
- * - Keep `reset.css` first (see the header in reset.css for why order matters).
17
- * - Do NOT import any of these `.css` files anywhere else — import "./styles".
18
- */
19
- import "./reset.css";
20
- import "./fonts.css";
21
- import "./launcher.css";
22
- import "./modal.css";
23
- import "./profile.css";
1
+ /**
2
+ * Single stylesheet loader for the Loyalty widget.
3
+ *
4
+ * All Loyalty CSS is imported here, ONCE, in cascade order (reset first).
5
+ * Every Loyalty entry component imports THIS module instead of importing the
6
+ * `.css` files directly.
7
+ *
8
+ * Why: ES modules are singletons, so importing this module from many
9
+ * components still evaluates it once — each stylesheet is injected exactly
10
+ * once. Previously reset/modal/profile were imported in many component files
11
+ * and `rollup-plugin-postcss` injected a duplicate `<style>` per import site
12
+ * (e.g. 3–4 copies of the same CSS on the page). Routing every import through
13
+ * this one module collapses that to a single injection per stylesheet.
14
+ *
15
+ * IMPORTANT:
16
+ * - Keep `reset.css` first (see the header in reset.css for why order matters).
17
+ * - Do NOT import any of these `.css` files anywhere else — import "./styles".
18
+ */
19
+ import "./reset.css";
20
+ import "./fonts.css";
21
+ import "./launcher.css";
22
+ import "./modal.css";
23
+ import "./profile.css";