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.
- package/README.md +94 -94
- package/dist/esm/assets/confetti.d.ts +2 -2
- package/dist/esm/atoms/bundleBuilderProductDetailsAtom.d.ts +4 -4
- package/dist/esm/atoms/cartDataAtom.d.ts +3 -3
- package/dist/esm/atoms/cartLoadingAtom.d.ts +23 -23
- package/dist/esm/atoms/cartTimer.d.ts +2 -2
- package/dist/esm/atoms/dateAtom.d.ts +1 -1
- package/dist/esm/atoms/freebieClaimModalAtom.d.ts +7 -7
- package/dist/esm/atoms/giftWrap.d.ts +2 -2
- package/dist/esm/atoms/gstCompanyNameAtom.d.ts +1 -1
- package/dist/esm/atoms/gstInputAtom.d.ts +1 -1
- package/dist/esm/atoms/maxQtyErrorAtom.d.ts +3 -3
- package/dist/esm/atoms/multiClaimSelectionAtom.d.ts +28 -28
- package/dist/esm/atoms/noteInputAtom.d.ts +3 -3
- package/dist/esm/atoms/postalCodeAtom.d.ts +1 -1
- package/dist/esm/atoms/shippingAtom.d.ts +8 -8
- package/dist/esm/atoms/showGSTInputAtom.d.ts +1 -1
- package/dist/esm/atoms/variantSelectionModalAtom.d.ts +33 -33
- package/dist/esm/components/BundleBlock/Bundle.d.ts +467 -466
- package/dist/esm/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts +52 -52
- package/dist/esm/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts +9 -9
- package/dist/esm/components/BundleBlock/BundleBuilder/SortAndFilter.d.ts +74 -74
- package/dist/esm/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts +30 -30
- package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +37 -37
- package/dist/esm/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts +56 -56
- package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +77 -77
- package/dist/esm/components/BundleBlock/BundleLoaderModal.d.ts +7 -7
- package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +45 -45
- package/dist/esm/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts +10 -10
- package/dist/esm/components/BundleBlock/CartATCLoader.d.ts +12 -12
- package/dist/esm/components/BundleBlock/CollectionBundle/CategoryFilter.d.ts +10 -10
- package/dist/esm/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts +133 -133
- package/dist/esm/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts +16 -16
- package/dist/esm/components/BundleBlock/ComboBundle.d.ts +17 -17
- package/dist/esm/components/BundleBlock/ErrorToast.d.ts +10 -10
- package/dist/esm/components/BundleBlock/FixedBundle/FixedBundle.d.ts +4 -4
- package/dist/esm/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts +47 -47
- package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +23 -23
- package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +81 -81
- package/dist/esm/components/BundleBlock/Loader.d.ts +5 -5
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +9 -9
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +86 -86
- package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationForm.d.ts +35 -35
- package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationFormModal.d.ts +24 -24
- package/dist/esm/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts +27 -27
- package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +100 -100
- package/dist/esm/components/BundleBlock/index.d.ts +1 -1
- package/dist/esm/components/Cart/ApplyCoupon.d.ts +13 -13
- package/dist/esm/components/Cart/Bundle.d.ts +6 -6
- package/dist/esm/components/Cart/Cart.d.ts +261 -261
- package/dist/esm/components/Cart/CartDrawer.d.ts +34 -34
- package/dist/esm/components/Cart/CartOffersCarousel.d.ts +48 -48
- package/dist/esm/components/Cart/CartProductsList.d.ts +48 -48
- package/dist/esm/components/Cart/CartTimer.d.ts +8 -8
- package/dist/esm/components/Cart/CheckoutSection.d.ts +48 -48
- package/dist/esm/components/Cart/CouponSelection.d.ts +18 -18
- package/dist/esm/components/Cart/DatePicker.d.ts +10 -10
- package/dist/esm/components/Cart/EmptyCart.d.ts +34 -34
- package/dist/esm/components/Cart/FloatingCart.d.ts +24 -24
- package/dist/esm/components/Cart/FooterSections.d.ts +6 -6
- package/dist/esm/components/Cart/FreebieClaimManager.d.ts +18 -18
- package/dist/esm/components/Cart/FreebieClaimOverlay.d.ts +18 -18
- package/dist/esm/components/Cart/FreebieClaimOverlayCard.d.ts +13 -13
- package/dist/esm/components/Cart/FreebieClaimSection.d.ts +18 -18
- package/dist/esm/components/Cart/FreebieClaimSectionCard.d.ts +19 -19
- package/dist/esm/components/Cart/GSTSection.d.ts +15 -15
- package/dist/esm/components/Cart/GiftWrap.d.ts +15 -15
- package/dist/esm/components/Cart/InlineCartOfferInfoText.d.ts +10 -10
- package/dist/esm/components/Cart/LoyaltyAppliedCTA.d.ts +14 -14
- package/dist/esm/components/Cart/LoyaltyApplyCTA.d.ts +15 -15
- package/dist/esm/components/Cart/LoyaltyBadge.d.ts +11 -11
- package/dist/esm/components/Cart/LoyaltyGuestCTA.d.ts +17 -17
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointConfetti.d.ts +11 -11
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointIcon.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointTooltip.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts +9 -9
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.d.ts +5 -5
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +45 -45
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts +6 -6
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiTierProgressBar.d.ts +4 -4
- package/dist/esm/components/Cart/MultiStepProgressBar/MutiTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/NextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.d.ts +4 -4
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +22 -22
- package/dist/esm/components/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/types.d.ts +55 -55
- package/dist/esm/components/Cart/NextFreebieRow.d.ts +21 -21
- package/dist/esm/components/Cart/NoteSection.d.ts +8 -8
- package/dist/esm/components/Cart/ProductCard.d.ts +31 -31
- package/dist/esm/components/Cart/ProductRecCard.d.ts +20 -20
- package/dist/esm/components/Cart/ProductRecList.d.ts +23 -23
- package/dist/esm/components/Cart/ProgressBarCartLoader.d.ts +7 -7
- package/dist/esm/components/Cart/QuantitySelector.d.ts +12 -12
- package/dist/esm/components/Cart/RegionSpecificDelivery.d.ts +17 -17
- package/dist/esm/components/Cart/RewardPointsPreview.d.ts +12 -12
- package/dist/esm/components/Cart/StandardDelivery.d.ts +11 -11
- package/dist/esm/components/Cart/StealDealSection.d.ts +15 -15
- package/dist/esm/components/Cart/StickyCart.d.ts +64 -64
- package/dist/esm/components/Cart/SubtotalSection.d.ts +13 -13
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +20 -20
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +60 -60
- package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +20 -20
- package/dist/esm/components/Cart/index.d.ts +1 -1
- package/dist/esm/components/Loyalty/ActiveSessionOverlay.d.ts +8 -8
- package/dist/esm/components/Loyalty/BubbleLauncher.d.ts +14 -14
- package/dist/esm/components/Loyalty/GuestDesktop.d.ts +5 -5
- package/dist/esm/components/Loyalty/GuestDesktopWithoutImage.d.ts +7 -7
- package/dist/esm/components/Loyalty/GuestMobile.d.ts +6 -6
- package/dist/esm/components/Loyalty/Loader.d.ts +10 -10
- package/dist/esm/components/Loyalty/LoyaltyProductCatalog.d.ts +69 -69
- package/dist/esm/components/Loyalty/LoyaltyProfile.d.ts +6 -6
- package/dist/esm/components/Loyalty/LoyaltyWidget.d.ts +6 -6
- package/dist/esm/components/Loyalty/OTPComponent.d.ts +20 -20
- package/dist/esm/components/Loyalty/PointEarnBadge.d.ts +15 -15
- package/dist/esm/components/Loyalty/RecentTransactions.d.ts +8 -8
- package/dist/esm/components/Loyalty/RewardsModal.d.ts +13 -13
- package/dist/esm/components/Loyalty/RibbonLauncher.d.ts +12 -12
- package/dist/esm/components/Loyalty/StickyLauncher.d.ts +14 -14
- package/dist/esm/components/Loyalty/StickyTextLauncher.d.ts +2 -2
- package/dist/esm/components/Loyalty/Toast.d.ts +7 -7
- package/dist/esm/components/Loyalty/VIPTiersScreen.d.ts +11 -11
- package/dist/esm/components/Loyalty/WTRCoupon.d.ts +13 -13
- package/dist/esm/components/Loyalty/WaysToEarn.d.ts +33 -33
- package/dist/esm/components/Loyalty/WaysToRedeem.d.ts +106 -106
- package/dist/esm/components/Loyalty/index.d.ts +7 -7
- package/dist/esm/components/Loyalty/loyaltyLauncher.d.ts +19 -19
- package/dist/esm/components/Loyalty/styles/ActiveSession.styles.d.ts +3 -3
- package/dist/esm/components/Loyalty/styles/DobPopup.styles.d.ts +3 -3
- package/dist/esm/components/Loyalty/styles/PointEarnBadge.styles.d.ts +3 -3
- package/dist/esm/components/Loyalty/styles/RecentTransactions.styles.d.ts +6 -6
- package/dist/esm/components/Loyalty/styles/VIPTiers.styles.d.ts +4 -4
- package/dist/esm/components/Loyalty/styles/WaysToRedeem.styles.d.ts +5 -5
- package/dist/esm/components/Loyalty/styles/shared.styles.d.ts +3 -3
- package/dist/esm/components/Loyalty/styles.d.ts +23 -23
- package/dist/esm/components/Loyalty/types.d.ts +414 -414
- package/dist/esm/components/LoyaltyPageBlock/LoyaltyPageBlock.d.ts +160 -160
- package/dist/esm/components/Nudge/LeadGenerationNudge.d.ts +15 -15
- package/dist/esm/components/Nudge/Nudge.d.ts +40 -40
- package/dist/esm/components/Nudge/index.d.ts +1 -1
- package/dist/esm/components/ProductOffersBlock/ProductOffersCoupon.d.ts +12 -12
- package/dist/esm/components/ProductOffersBlock/ProductOffersList.d.ts +12 -12
- package/dist/esm/components/ProductOffersBlock/ProductOffersTermsMobilePopover.d.ts +10 -10
- package/dist/esm/components/ProductOffersBlock/ProductOffersTermsPopup.d.ts +10 -10
- package/dist/esm/components/ProductOffersBlock/ProductsOffers.d.ts +42 -42
- package/dist/esm/components/SpinnerWheel/SpinnerWheel.d.ts +23 -23
- package/dist/esm/components/SpinnerWheel/WheelSection.d.ts +9 -9
- package/dist/esm/components/SpinnerWheel/index.d.ts +1 -1
- package/dist/esm/components/index.d.ts +16 -16
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +129 -129
- package/dist/esm/utils/converter.d.ts +3 -3
- package/dist/esm/utils/customVariantOptions.d.ts +21 -21
- package/dist/esm/utils/freebieProductUtils.d.ts +39 -39
- package/dist/esm/utils/freebieUtils.d.ts +11 -11
- package/dist/esm/utils/index.d.ts +16 -16
- package/dist/esm/utils/safeguardDOM.d.ts +5 -5
- package/dist/esm/utils/shopifyAtcBridge.d.ts +43 -43
- package/dist/esm/utils/useMediaQuery.d.ts +1 -1
- package/package.json +98 -98
- /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";
|