yt-uikit 0.10.65-progress-css.0 → 0.10.66
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 -467
- 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 +219 -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 +431 -431
- 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-89678a6f.js → confetti-f3502561.js} +0 -0
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FreebieRewardContext } from "../../../utils/freebieUtils";
|
|
3
|
-
type DesktopVariantPopupProps = {
|
|
4
|
-
isDev?: boolean;
|
|
5
|
-
removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
|
|
6
|
-
addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
|
|
7
|
-
getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
|
|
8
|
-
themeColor?: string;
|
|
9
|
-
cartComponentsCornerType?: "rounded" | "sharp";
|
|
10
|
-
cartComponentsCornerRadius?: number;
|
|
11
|
-
backgroundColor?: string;
|
|
12
|
-
removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
|
|
13
|
-
freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
|
|
14
|
-
stealDealAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
|
|
15
|
-
productClaimCtaButtonText?: string;
|
|
16
|
-
backgroundSubdued?: string;
|
|
17
|
-
primaryTextColor?: string;
|
|
18
|
-
};
|
|
19
|
-
declare const DesktopVariantPopup: React.ForwardRefExoticComponent<DesktopVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
export default DesktopVariantPopup;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FreebieRewardContext } from "../../../utils/freebieUtils";
|
|
3
|
+
type DesktopVariantPopupProps = {
|
|
4
|
+
isDev?: boolean;
|
|
5
|
+
removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
|
|
6
|
+
addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
|
|
7
|
+
getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
|
|
8
|
+
themeColor?: string;
|
|
9
|
+
cartComponentsCornerType?: "rounded" | "sharp";
|
|
10
|
+
cartComponentsCornerRadius?: number;
|
|
11
|
+
backgroundColor?: string;
|
|
12
|
+
removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
|
|
13
|
+
freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
|
|
14
|
+
stealDealAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
|
|
15
|
+
productClaimCtaButtonText?: string;
|
|
16
|
+
backgroundSubdued?: string;
|
|
17
|
+
primaryTextColor?: string;
|
|
18
|
+
};
|
|
19
|
+
declare const DesktopVariantPopup: React.ForwardRefExoticComponent<DesktopVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export default DesktopVariantPopup;
|
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const PopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
export declare const PopupHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
-
export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
-
$backgroundColor?: string | undefined;
|
|
6
|
-
$themeColor?: string | undefined;
|
|
7
|
-
}>> & string;
|
|
8
|
-
export declare const VariantSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
|
|
9
|
-
$themeColor?: string | undefined;
|
|
10
|
-
$cornerRadius?: number | undefined;
|
|
11
|
-
}>> & string;
|
|
12
|
-
export declare const VariantLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
13
|
-
export declare const LoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
-
export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
-
export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
-
export declare const ImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
17
|
-
export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
18
|
-
export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
-
export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
|
|
20
|
-
$themeColor?: string | undefined;
|
|
21
|
-
$primaryTextColor?: string | undefined;
|
|
22
|
-
}>> & string;
|
|
23
|
-
export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
24
|
-
export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
25
|
-
$primaryTextColor?: string | undefined;
|
|
26
|
-
}>> & string;
|
|
27
|
-
export declare const ComparePrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
28
|
-
export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
|
|
29
|
-
export declare const OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
30
|
-
export declare const ActionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
31
|
-
export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
32
|
-
$themeColor: string;
|
|
33
|
-
}>> & string;
|
|
34
|
-
export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
35
|
-
export declare const OptionContainerDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
36
|
-
export declare const OptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
37
|
-
export declare const VariantOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
38
|
-
export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
39
|
-
$isSelected?: boolean | undefined;
|
|
40
|
-
$isDisabled?: boolean | undefined;
|
|
41
|
-
$themeColor?: string | undefined;
|
|
42
|
-
$numberOfCheckpoints?: number | undefined;
|
|
43
|
-
$isFirstCheckpoint?: boolean | undefined;
|
|
44
|
-
backgroundColor?: string | undefined;
|
|
45
|
-
}>> & string;
|
|
46
|
-
export declare const OptionLabelDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
47
|
-
export declare const SelectedOptionBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
48
|
-
export declare const OptionLabelSelected: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
49
|
-
export declare const VariantOptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
50
|
-
export declare const PriceAndQuantityContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
51
|
-
export declare const ColorVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
52
|
-
$isSelected?: boolean | undefined;
|
|
53
|
-
$themeColor?: string | undefined;
|
|
54
|
-
$colorValue?: string | undefined;
|
|
55
|
-
}>> & string;
|
|
56
|
-
export declare const ImageVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
57
|
-
$isSelected?: boolean | undefined;
|
|
58
|
-
$themeColor?: string | undefined;
|
|
59
|
-
$imageUrl?: string | undefined;
|
|
60
|
-
}>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const PopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const PopupHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
+
$backgroundColor?: string | undefined;
|
|
6
|
+
$themeColor?: string | undefined;
|
|
7
|
+
}>> & string;
|
|
8
|
+
export declare const VariantSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
|
|
9
|
+
$themeColor?: string | undefined;
|
|
10
|
+
$cornerRadius?: number | undefined;
|
|
11
|
+
}>> & string;
|
|
12
|
+
export declare const VariantLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
13
|
+
export declare const LoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
export declare const HeaderSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
+
export declare const ImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
17
|
+
export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
18
|
+
export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
+
export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
|
|
20
|
+
$themeColor?: string | undefined;
|
|
21
|
+
$primaryTextColor?: string | undefined;
|
|
22
|
+
}>> & string;
|
|
23
|
+
export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
24
|
+
export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
25
|
+
$primaryTextColor?: string | undefined;
|
|
26
|
+
}>> & string;
|
|
27
|
+
export declare const ComparePrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
28
|
+
export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
|
|
29
|
+
export declare const OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
30
|
+
export declare const ActionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
31
|
+
export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
32
|
+
$themeColor: string;
|
|
33
|
+
}>> & string;
|
|
34
|
+
export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
35
|
+
export declare const OptionContainerDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
36
|
+
export declare const OptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
37
|
+
export declare const VariantOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
38
|
+
export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
39
|
+
$isSelected?: boolean | undefined;
|
|
40
|
+
$isDisabled?: boolean | undefined;
|
|
41
|
+
$themeColor?: string | undefined;
|
|
42
|
+
$numberOfCheckpoints?: number | undefined;
|
|
43
|
+
$isFirstCheckpoint?: boolean | undefined;
|
|
44
|
+
backgroundColor?: string | undefined;
|
|
45
|
+
}>> & string;
|
|
46
|
+
export declare const OptionLabelDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
47
|
+
export declare const SelectedOptionBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
48
|
+
export declare const OptionLabelSelected: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
49
|
+
export declare const VariantOptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
50
|
+
export declare const PriceAndQuantityContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
51
|
+
export declare const ColorVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
52
|
+
$isSelected?: boolean | undefined;
|
|
53
|
+
$themeColor?: string | undefined;
|
|
54
|
+
$colorValue?: string | undefined;
|
|
55
|
+
}>> & string;
|
|
56
|
+
export declare const ImageVariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
57
|
+
$isSelected?: boolean | undefined;
|
|
58
|
+
$themeColor?: string | undefined;
|
|
59
|
+
$imageUrl?: string | undefined;
|
|
60
|
+
}>> & string;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FreebieRewardContext } from "../../../utils/freebieUtils";
|
|
3
|
-
type MobileVariantPopupProps = {
|
|
4
|
-
isDev?: boolean;
|
|
5
|
-
removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
|
|
6
|
-
addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
|
|
7
|
-
getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
|
|
8
|
-
themeColor?: string;
|
|
9
|
-
cartComponentsCornerType?: "rounded" | "sharp";
|
|
10
|
-
cartComponentsCornerRadius?: number;
|
|
11
|
-
backgroundColor: string;
|
|
12
|
-
removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
|
|
13
|
-
freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
|
|
14
|
-
stealDealAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
|
|
15
|
-
productClaimCtaButtonText?: string;
|
|
16
|
-
backgroundSubdued?: string;
|
|
17
|
-
primaryTextColor?: string;
|
|
18
|
-
};
|
|
19
|
-
declare const MobileVariantPopup: React.ForwardRefExoticComponent<MobileVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
export default MobileVariantPopup;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FreebieRewardContext } from "../../../utils/freebieUtils";
|
|
3
|
+
type MobileVariantPopupProps = {
|
|
4
|
+
isDev?: boolean;
|
|
5
|
+
removeCartItem: (variantId: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
|
|
6
|
+
addCartItem?: (variantId: string, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
|
|
7
|
+
getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
|
|
8
|
+
themeColor?: string;
|
|
9
|
+
cartComponentsCornerType?: "rounded" | "sharp";
|
|
10
|
+
cartComponentsCornerRadius?: number;
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
|
|
13
|
+
freebieClaimAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
|
|
14
|
+
stealDealAddToCart?: (variantId: string, originalAllowedVariantIds?: string[], rewardContext?: FreebieRewardContext) => Promise<void>;
|
|
15
|
+
productClaimCtaButtonText?: string;
|
|
16
|
+
backgroundSubdued?: string;
|
|
17
|
+
primaryTextColor?: string;
|
|
18
|
+
};
|
|
19
|
+
declare const MobileVariantPopup: React.ForwardRefExoticComponent<MobileVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export default MobileVariantPopup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from "./Cart";
|
|
1
|
+
export { default } from "./Cart";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./ActiveSession.css";
|
|
3
|
-
type Props = {
|
|
4
|
-
onClose?: () => void;
|
|
5
|
-
handleSessionDetected: () => void;
|
|
6
|
-
};
|
|
7
|
-
export default function ActiveSessionOverlay({ onClose, handleSessionDetected }: Props): React.JSX.Element;
|
|
8
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./ActiveSession.css";
|
|
3
|
+
type Props = {
|
|
4
|
+
onClose?: () => void;
|
|
5
|
+
handleSessionDetected: () => void;
|
|
6
|
+
};
|
|
7
|
+
export default function ActiveSessionOverlay({ onClose, handleSessionDetected }: Props): React.JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export default function BubbleLauncher({ 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 BubbleLauncher({ 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,5 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { RewardsModalProps } from "./types";
|
|
3
|
-
export default function GuestDesktop({ config, }: {
|
|
4
|
-
config: RewardsModalProps;
|
|
5
|
-
}): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { RewardsModalProps } from "./types";
|
|
3
|
+
export default function GuestDesktop({ config, }: {
|
|
4
|
+
config: RewardsModalProps;
|
|
5
|
+
}): React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./styles";
|
|
3
|
-
import { RewardsModalProps } from "./types";
|
|
4
|
-
import "react-international-phone/style.css";
|
|
5
|
-
export default function GuestDesktopWithoutImage({ config, }: {
|
|
6
|
-
config: RewardsModalProps;
|
|
7
|
-
}): React.JSX.Element | null;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./styles";
|
|
3
|
+
import { RewardsModalProps } from "./types";
|
|
4
|
+
import "react-international-phone/style.css";
|
|
5
|
+
export default function GuestDesktopWithoutImage({ config, }: {
|
|
6
|
+
config: RewardsModalProps;
|
|
7
|
+
}): React.JSX.Element | null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./styles";
|
|
3
|
-
import { RewardsModalProps } from "./types";
|
|
4
|
-
export default function GuestMobile({ config }: {
|
|
5
|
-
config: RewardsModalProps;
|
|
6
|
-
}): React.JSX.Element | null;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./styles";
|
|
3
|
+
import { RewardsModalProps } from "./types";
|
|
4
|
+
export default function GuestMobile({ config }: {
|
|
5
|
+
config: RewardsModalProps;
|
|
6
|
+
}): React.JSX.Element | null;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./Loader.css";
|
|
3
|
-
interface LoaderProps {
|
|
4
|
-
size?: number;
|
|
5
|
-
color?: string;
|
|
6
|
-
thickness?: number;
|
|
7
|
-
centered?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export default function Loader({ size, color, thickness, centered, }: LoaderProps): React.JSX.Element;
|
|
10
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Loader.css";
|
|
3
|
+
interface LoaderProps {
|
|
4
|
+
size?: number;
|
|
5
|
+
color?: string;
|
|
6
|
+
thickness?: number;
|
|
7
|
+
centered?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export default function Loader({ size, color, thickness, centered, }: LoaderProps): React.JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./fonts.css";
|
|
3
|
-
import "./LoyaltyProductCatalog.css";
|
|
4
|
-
export type CatalogDisplayMode = "wrap" | "grid" | "scroll";
|
|
5
|
-
export type CatalogTextAlignment = "left" | "center" | "right";
|
|
6
|
-
export interface LoyaltyCatalogTier {
|
|
7
|
-
id: string | number;
|
|
8
|
-
value: number;
|
|
9
|
-
label?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface LoyaltyCatalogFilter {
|
|
12
|
-
id: string | number;
|
|
13
|
-
label: string;
|
|
14
|
-
}
|
|
15
|
-
export interface LoyaltyCatalogProduct {
|
|
16
|
-
id: string | number;
|
|
17
|
-
imageUrl: string;
|
|
18
|
-
title: string;
|
|
19
|
-
productUrl?: string;
|
|
20
|
-
description?: string;
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
couponType?: "fixed_points_product" | "fixed_price_product" | "fixed_percentage_points_product";
|
|
23
|
-
coinsRequired?: number | null;
|
|
24
|
-
price?: string | number;
|
|
25
|
-
mrp?: string | number;
|
|
26
|
-
rating?: number;
|
|
27
|
-
reviewCount?: number;
|
|
28
|
-
buttonText?: string;
|
|
29
|
-
onButtonClick?: (product: LoyaltyCatalogProduct) => void | Promise<void>;
|
|
30
|
-
}
|
|
31
|
-
export interface LoyaltyProductCatalogConfig {
|
|
32
|
-
filterBy?: string;
|
|
33
|
-
selectType?: string;
|
|
34
|
-
selectCampaign?: string;
|
|
35
|
-
selectCollection?: string;
|
|
36
|
-
subheading?: string;
|
|
37
|
-
sectionTitle?: string;
|
|
38
|
-
catalogBanner?: string;
|
|
39
|
-
coinBalance?: string | number;
|
|
40
|
-
coinBalanceLabel?: string;
|
|
41
|
-
coinIconUrl?: string;
|
|
42
|
-
coinName?: string;
|
|
43
|
-
display?: CatalogDisplayMode;
|
|
44
|
-
alignment?: CatalogTextAlignment;
|
|
45
|
-
titleFontSize?: number;
|
|
46
|
-
titleColor?: string;
|
|
47
|
-
subtitleColor?: string;
|
|
48
|
-
tabBackgroundColor?: string;
|
|
49
|
-
tabActiveColor?: string;
|
|
50
|
-
tabActiveTextColor?: string;
|
|
51
|
-
tabTextColor?: string;
|
|
52
|
-
cardBackgroundColor?: string;
|
|
53
|
-
buttonColor?: string;
|
|
54
|
-
buttonTextColor?: string;
|
|
55
|
-
borderColor?: string;
|
|
56
|
-
roundness?: number;
|
|
57
|
-
tiers: LoyaltyCatalogTier[];
|
|
58
|
-
selectedTierId?: string | number;
|
|
59
|
-
onTierChange?: (tier: LoyaltyCatalogTier) => void;
|
|
60
|
-
filters?: LoyaltyCatalogFilter[];
|
|
61
|
-
selectedFilterId?: string | number;
|
|
62
|
-
onFilterChange?: (filter: LoyaltyCatalogFilter) => void;
|
|
63
|
-
products: LoyaltyCatalogProduct[];
|
|
64
|
-
ctaText?: string;
|
|
65
|
-
}
|
|
66
|
-
declare const LoyaltyProductCatalog: ({ config, }: {
|
|
67
|
-
config: LoyaltyProductCatalogConfig;
|
|
68
|
-
}) => React.JSX.Element;
|
|
69
|
-
export default LoyaltyProductCatalog;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./fonts.css";
|
|
3
|
+
import "./LoyaltyProductCatalog.css";
|
|
4
|
+
export type CatalogDisplayMode = "wrap" | "grid" | "scroll";
|
|
5
|
+
export type CatalogTextAlignment = "left" | "center" | "right";
|
|
6
|
+
export interface LoyaltyCatalogTier {
|
|
7
|
+
id: string | number;
|
|
8
|
+
value: number;
|
|
9
|
+
label?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface LoyaltyCatalogFilter {
|
|
12
|
+
id: string | number;
|
|
13
|
+
label: string;
|
|
14
|
+
}
|
|
15
|
+
export interface LoyaltyCatalogProduct {
|
|
16
|
+
id: string | number;
|
|
17
|
+
imageUrl: string;
|
|
18
|
+
title: string;
|
|
19
|
+
productUrl?: string;
|
|
20
|
+
description?: string;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
couponType?: "fixed_points_product" | "fixed_price_product" | "fixed_percentage_points_product";
|
|
23
|
+
coinsRequired?: number | null;
|
|
24
|
+
price?: string | number;
|
|
25
|
+
mrp?: string | number;
|
|
26
|
+
rating?: number;
|
|
27
|
+
reviewCount?: number;
|
|
28
|
+
buttonText?: string;
|
|
29
|
+
onButtonClick?: (product: LoyaltyCatalogProduct) => void | Promise<void>;
|
|
30
|
+
}
|
|
31
|
+
export interface LoyaltyProductCatalogConfig {
|
|
32
|
+
filterBy?: string;
|
|
33
|
+
selectType?: string;
|
|
34
|
+
selectCampaign?: string;
|
|
35
|
+
selectCollection?: string;
|
|
36
|
+
subheading?: string;
|
|
37
|
+
sectionTitle?: string;
|
|
38
|
+
catalogBanner?: string;
|
|
39
|
+
coinBalance?: string | number;
|
|
40
|
+
coinBalanceLabel?: string;
|
|
41
|
+
coinIconUrl?: string;
|
|
42
|
+
coinName?: string;
|
|
43
|
+
display?: CatalogDisplayMode;
|
|
44
|
+
alignment?: CatalogTextAlignment;
|
|
45
|
+
titleFontSize?: number;
|
|
46
|
+
titleColor?: string;
|
|
47
|
+
subtitleColor?: string;
|
|
48
|
+
tabBackgroundColor?: string;
|
|
49
|
+
tabActiveColor?: string;
|
|
50
|
+
tabActiveTextColor?: string;
|
|
51
|
+
tabTextColor?: string;
|
|
52
|
+
cardBackgroundColor?: string;
|
|
53
|
+
buttonColor?: string;
|
|
54
|
+
buttonTextColor?: string;
|
|
55
|
+
borderColor?: string;
|
|
56
|
+
roundness?: number;
|
|
57
|
+
tiers: LoyaltyCatalogTier[];
|
|
58
|
+
selectedTierId?: string | number;
|
|
59
|
+
onTierChange?: (tier: LoyaltyCatalogTier) => void;
|
|
60
|
+
filters?: LoyaltyCatalogFilter[];
|
|
61
|
+
selectedFilterId?: string | number;
|
|
62
|
+
onFilterChange?: (filter: LoyaltyCatalogFilter) => void;
|
|
63
|
+
products: LoyaltyCatalogProduct[];
|
|
64
|
+
ctaText?: string;
|
|
65
|
+
}
|
|
66
|
+
declare const LoyaltyProductCatalog: ({ config, }: {
|
|
67
|
+
config: LoyaltyProductCatalogConfig;
|
|
68
|
+
}) => React.JSX.Element;
|
|
69
|
+
export default LoyaltyProductCatalog;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { LoyaltyProfileProps } from "./types";
|
|
3
|
-
import "./styles";
|
|
4
|
-
export default function LoyaltyProfile({ config, }: {
|
|
5
|
-
config: LoyaltyProfileProps;
|
|
6
|
-
}): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { LoyaltyProfileProps } from "./types";
|
|
3
|
+
import "./styles";
|
|
4
|
+
export default function LoyaltyProfile({ config, }: {
|
|
5
|
+
config: LoyaltyProfileProps;
|
|
6
|
+
}): React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./styles";
|
|
3
|
-
import { LoyaltyProfileProps, RewardsModalProps } from "./types";
|
|
4
|
-
export default function LoyaltyWidget({ signedIn, previewMode, bannerBackground, bannerBackgroundType, bannerImage, bannerTextColor, themePrimaryColor, themeContrastColor, themeSecondaryColor, themeSecondaryContrastColor, themeBackgroundColor, themeTextColor, themeAccentColor, widgetOpen, widgetPosition, guestWidgetImage, widgetRoundedCorners, ctaMainColor, ctaMainContrastColor, ctaPrimaryColor, ctaPrimaryContrastColor, ctaBorderColor, ctaSecondaryColor, ctaSecondaryContrastColor, ctaShowIcon, ctaBorderRadius, showWaysToEarn, showWaysToRedeem, showWCoinValue, showReferral, referralLocked, showTransactions, showVipSection, brandName, brandLogoUrl, headingEyebrow, balanceCoins, maxRedeemableCoins, redemptionMovRequired, coinValInr, coinIcon, currencyCode, tokenName, rateTitle, rateSub, couponHeading, couponCode, couponList, freebies, onCouponAvail, couponImage, referralLink, userRewardTier, brandRewardTiers, watermarkColor, bannerTextAlignment, showWatermark, showLogo, logourl, guestGreeting, userGreeting, existingUserGreeting, phone, email, emailRequired, onPhoneChange, onEmailChange, validatePhone, setEmailRequired, onClose, onRegister, onLogout, handleChangeNumber, handleResendOtp, handleSessionDetected, onSendOTP, isSessionDetected, authType, formFilled, redirectUrl, ctaTitle, registerLink, brandTitle, heading, subcopy, termsHref, privacyHref, isLoading, userData, activityRewards, brandRewardProgram, recentTransactionsData, customCss, enableCustomCss, customHTML, onBirthdayUpdate, onSocialClick, onFeedbackRewardClick, countryCode, isMobilePreview, viewportMode }: LoyaltyProfileProps & RewardsModalProps & {
|
|
5
|
-
signedIn?: boolean;
|
|
6
|
-
}): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./styles";
|
|
3
|
+
import { LoyaltyProfileProps, RewardsModalProps } from "./types";
|
|
4
|
+
export default function LoyaltyWidget({ signedIn, previewMode, bannerBackground, bannerBackgroundType, bannerImage, bannerTextColor, themePrimaryColor, themeContrastColor, themeSecondaryColor, themeSecondaryContrastColor, themeBackgroundColor, themeTextColor, themeAccentColor, widgetOpen, widgetPosition, guestWidgetImage, widgetRoundedCorners, ctaMainColor, ctaMainContrastColor, ctaPrimaryColor, ctaPrimaryContrastColor, ctaBorderColor, ctaSecondaryColor, ctaSecondaryContrastColor, ctaShowIcon, ctaBorderRadius, showWaysToEarn, showWaysToRedeem, showWCoinValue, showReferral, referralLocked, showTransactions, showVipSection, brandName, brandLogoUrl, headingEyebrow, balanceCoins, maxRedeemableCoins, redemptionMovRequired, coinValInr, coinIcon, currencyCode, tokenName, rateTitle, rateSub, couponHeading, couponCode, couponList, freebies, onCouponAvail, couponImage, referralLink, userRewardTier, brandRewardTiers, watermarkColor, bannerTextAlignment, showWatermark, showLogo, logourl, guestGreeting, userGreeting, existingUserGreeting, phone, email, emailRequired, onPhoneChange, onEmailChange, validatePhone, setEmailRequired, onClose, onRegister, onLogout, handleChangeNumber, handleResendOtp, handleSessionDetected, onSendOTP, isSessionDetected, authType, formFilled, redirectUrl, ctaTitle, registerLink, brandTitle, heading, subcopy, termsHref, privacyHref, isLoading, userData, activityRewards, brandRewardProgram, recentTransactionsData, customCss, enableCustomCss, customHTML, onBirthdayUpdate, onSocialClick, onFeedbackRewardClick, countryCode, isMobilePreview, viewportMode }: LoyaltyProfileProps & RewardsModalProps & {
|
|
5
|
+
signedIn?: boolean;
|
|
6
|
+
}): React.JSX.Element;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./styles";
|
|
3
|
-
export default function OtpStep({ phoneLabel, authType, email, length, onConfirm, onResend, onChangeNumber, setToast, loading, tone, themeBackgroundColor, themeAccentColor, themeTextColor, ctaPrimaryColor, ctaPrimaryContrastColor, countryCode, }: {
|
|
4
|
-
phoneLabel?: string | undefined;
|
|
5
|
-
authType: any;
|
|
6
|
-
email: any;
|
|
7
|
-
length?: number | undefined;
|
|
8
|
-
onConfirm: any;
|
|
9
|
-
onResend: any;
|
|
10
|
-
onChangeNumber: any;
|
|
11
|
-
setToast: any;
|
|
12
|
-
loading?: boolean | undefined;
|
|
13
|
-
tone?: string | undefined;
|
|
14
|
-
themeBackgroundColor: any;
|
|
15
|
-
themeAccentColor: any;
|
|
16
|
-
themeTextColor: any;
|
|
17
|
-
ctaPrimaryColor: any;
|
|
18
|
-
ctaPrimaryContrastColor: any;
|
|
19
|
-
countryCode: any;
|
|
20
|
-
}): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./styles";
|
|
3
|
+
export default function OtpStep({ phoneLabel, authType, email, length, onConfirm, onResend, onChangeNumber, setToast, loading, tone, themeBackgroundColor, themeAccentColor, themeTextColor, ctaPrimaryColor, ctaPrimaryContrastColor, countryCode, }: {
|
|
4
|
+
phoneLabel?: string | undefined;
|
|
5
|
+
authType: any;
|
|
6
|
+
email: any;
|
|
7
|
+
length?: number | undefined;
|
|
8
|
+
onConfirm: any;
|
|
9
|
+
onResend: any;
|
|
10
|
+
onChangeNumber: any;
|
|
11
|
+
setToast: any;
|
|
12
|
+
loading?: boolean | undefined;
|
|
13
|
+
tone?: string | undefined;
|
|
14
|
+
themeBackgroundColor: any;
|
|
15
|
+
themeAccentColor: any;
|
|
16
|
+
themeTextColor: any;
|
|
17
|
+
ctaPrimaryColor: any;
|
|
18
|
+
ctaPrimaryContrastColor: any;
|
|
19
|
+
countryCode: any;
|
|
20
|
+
}): React.JSX.Element;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export type PointEarnBadgeAlignment = "left" | "center" | "right";
|
|
3
|
-
export interface PointEarnBadgeProps {
|
|
4
|
-
prefix?: string;
|
|
5
|
-
iconUrl?: string;
|
|
6
|
-
suffix?: string;
|
|
7
|
-
coinsEarned?: number | string;
|
|
8
|
-
widgetBackground?: string;
|
|
9
|
-
alignment?: PointEarnBadgeAlignment;
|
|
10
|
-
textColor?: string;
|
|
11
|
-
borderColor?: string;
|
|
12
|
-
badgeRoundness?: string | number;
|
|
13
|
-
fontSize?: string | number;
|
|
14
|
-
}
|
|
15
|
-
export default function PointEarnBadge({ prefix, iconUrl, suffix, coinsEarned, widgetBackground, alignment, textColor, borderColor, badgeRoundness, fontSize, }: PointEarnBadgeProps): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type PointEarnBadgeAlignment = "left" | "center" | "right";
|
|
3
|
+
export interface PointEarnBadgeProps {
|
|
4
|
+
prefix?: string;
|
|
5
|
+
iconUrl?: string;
|
|
6
|
+
suffix?: string;
|
|
7
|
+
coinsEarned?: number | string;
|
|
8
|
+
widgetBackground?: string;
|
|
9
|
+
alignment?: PointEarnBadgeAlignment;
|
|
10
|
+
textColor?: string;
|
|
11
|
+
borderColor?: string;
|
|
12
|
+
badgeRoundness?: string | number;
|
|
13
|
+
fontSize?: string | number;
|
|
14
|
+
}
|
|
15
|
+
export default function PointEarnBadge({ prefix, iconUrl, suffix, coinsEarned, widgetBackground, alignment, textColor, borderColor, badgeRoundness, fontSize, }: PointEarnBadgeProps): React.JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "./RecentTransactions.css";
|
|
3
|
-
import type { RecentTransactionsData } from "./types";
|
|
4
|
-
export default function TransactionHistory({ data, tokenName, currencySymbol, }: {
|
|
5
|
-
data?: RecentTransactionsData;
|
|
6
|
-
tokenName?: string;
|
|
7
|
-
currencySymbol?: string;
|
|
8
|
-
}): React.JSX.Element;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./RecentTransactions.css";
|
|
3
|
+
import type { RecentTransactionsData } from "./types";
|
|
4
|
+
export default function TransactionHistory({ data, tokenName, currencySymbol, }: {
|
|
5
|
+
data?: RecentTransactionsData;
|
|
6
|
+
tokenName?: string;
|
|
7
|
+
currencySymbol?: string;
|
|
8
|
+
}): React.JSX.Element;
|