yt-uikit 0.8.15-loyalty-page-block.7 → 0.8.15-loyalty-page-block.9

package/dist/index.d.ts

@@ -0,0 +1,837 @@
+import React, { Dispatch, SetStateAction } from 'react';
+
+interface NudgeProps {
+    title?: string;
+    text?: string;
+    highlightColor?: string;
+    backgroundColor?: string;
+    variant?: "campaign" | "delivery" | "checkout" | "postPurchase" | "registration" | "leadGeneration";
+    extraProps?: any;
+    cartValue?: number;
+    freeDeliveryValue?: number;
+    imageUrl?: string;
+    nudgeImageUrl?: string;
+    onClickCheckout?: () => void;
+    onClose?: () => void;
+    isDev?: boolean;
+    onGotoCartClick?: () => void;
+    bannerCtaAction?: () => void;
+    bannerCtaText?: string;
+    ctaButtonBackgroundColor?: string;
+    ctaTextColor?: string;
+    ctaButtonText?: string;
+    ctaButtonPosition?: "left" | "right" | "center";
+    postPurchaseCtaAction?: () => void;
+    postPurchaseCredits?: number;
+    largeScreenImageUrl?: string;
+    smallScreenImageUrl?: string;
+    ctaButtonLink?: string;
+    autoCloseTimeout?: number;
+    isCTAButtonEnabled?: boolean;
+    isCTARedirectionEnabled?: boolean;
+    borderRadius?: string;
+    padding?: string;
+    onClickCtaButton?: () => void;
+    position?: "right" | "left";
+    closeIconColor?: string;
+    handleLoginOrSignup?: (phoneNumber: string, email: string) => Promise<any>;
+    handleSubmit?: (phoneNumber: string, otp: string) => Promise<any>;
+}
+declare const Nudge: React.FC<NudgeProps>;
+
+interface SegmentProps {
+    label: string;
+    color: string;
+    outcome: "WIN" | "LOSE";
+    winHeading?: string;
+    winValue?: number;
+    probability?: number;
+}
+interface WheelProps {
+    segments: SegmentProps[];
+    setWinningSegment: Dispatch<SetStateAction<number | null>>;
+    ctaButtonText?: string;
+    brandThemeColor?: string | undefined;
+    brandGameDefaultThemeColor?: string | undefined;
+    wheelSectionColor1?: string | undefined;
+    wheelSectionColor2?: string | undefined;
+    wheelCenterLogo?: string | undefined;
+    isStatic?: boolean | undefined;
+}
+declare const SpinnerWheel: React.FC<WheelProps>;
+
+interface RewardCouponWithIcon extends RewardCoupon {
+    icon?: React.ReactElement | null;
+}
+type CouponFrameProps = {
+    couponActive: boolean;
+    rewardCoupon: RewardCouponWithIcon;
+    currency: string;
+    handleApply: (templateId?: number) => Promise<any>;
+    pointsCoupon?: boolean;
+    pointsToBeUsed?: number;
+};
+declare const CouponFrame: React.FC<CouponFrameProps>;
+
+interface ShopifyCurrency {
+    rate: number;
+    active: string;
+}
+declare global {
+    interface Window {
+        Shopify?: {
+            currency?: ShopifyCurrency;
+        };
+    }
+}
+type ProductImage = {
+    url: string;
+    height: number;
+    width: number;
+    altText?: string;
+};
+type ProductFeaturedMedia = {
+    alt: string;
+    preview: {
+        image: {
+            url: string;
+            height?: number;
+            width?: number;
+            altText: string;
+        };
+    };
+};
+type ProductOption = {
+    id: string;
+    name: string;
+    values: string[];
+};
+type CollectionNode = {
+    node: {
+        id: string;
+        title: string;
+        handle: string;
+    };
+};
+type VariantNode = {
+    node: {
+        id: string;
+        price: string;
+        compareAtPrice: string;
+        title: string;
+        displayName: string;
+        image: ProductImage;
+        availableForSale: boolean;
+        inventoryQuantity: number;
+        inventoryItem?: {
+            tracked?: boolean;
+        };
+        inventoryPolicy?: "deny" | "continue";
+    };
+};
+type SelectedVariantDetails = {
+    id: string;
+    price: string;
+    compareAtPrice: string;
+    title: string;
+    displayName: string;
+    image: ProductImage;
+    availableForSale: boolean;
+    inventoryQuantity: number;
+};
+type VariantOptions = {
+    shop: string;
+    options: {
+        name: string;
+        type: "text" | "image" | "color";
+        values: {
+            name: string;
+            value: string;
+        }[];
+    }[];
+    createdAt: string;
+    updatedAt: string;
+};
+type ProductDetails = {
+    id: string;
+    title: string;
+    handle: string;
+    featuredMedia: ProductFeaturedMedia;
+    status: "active" | "archived" | "draft" | "";
+    options: ProductOption[];
+    onlineStoreUrl: string;
+    tracksInventory?: boolean;
+    collections: {
+        edges: CollectionNode[];
+    };
+    variants: {
+        edges: VariantNode[];
+    };
+    shop: string;
+    metafield?: {
+        key: string;
+        namespace: string;
+        ownerType: string;
+        value: string;
+        id: string;
+        jsonValue: string[];
+        type: string;
+    };
+    descriptionHtml: string;
+    media: {
+        edges: {
+            node: {
+                alt: string;
+                preview: {
+                    image: {
+                        altText: string;
+                        width?: number;
+                        height?: number;
+                        url: string;
+                    };
+                };
+                image: {
+                    altText: string;
+                    height: number;
+                    width: number;
+                    url: string;
+                };
+            };
+        }[];
+    };
+    selectedVariant?: SelectedVariantDetails;
+    rating?: {
+        averageRating: number;
+        ratingCount: number;
+    };
+};
+type ProductData = {
+    productId: string;
+    variantIds: string[];
+    productDetails: ProductDetails;
+};
+type GeneralStyle = {
+    primaryColor: string;
+    primaryContrastColor: string;
+    secondaryColor: string;
+    secondaryContrastColor: string;
+    imageAspectRatio: string;
+    ctaBackgroundColor: string;
+    ctaTextColor: string;
+    ctaBorderColor: string;
+    ctaShadowType: string;
+    ctaPadding: string;
+    ctaWidth: string;
+    ctaBorderRadius: string;
+    ctaHoverBackgroundColor: string;
+    ctaHoverTextColor: string;
+    customizeHoverState: boolean;
+    checkoutPartner: string;
+    redirectToPDP: boolean;
+    restrictCOD: boolean;
+    trackInventory: boolean;
+    showOutOfStockProducts: boolean;
+    outOfStockLabel: string;
+    disabledButtonColor: string;
+    storeCurrency: string;
+    currencySymbol: string;
+    discountPrefix: string;
+    discountSuffix: string;
+    addOrderTags: boolean;
+    addOrderNotes: boolean;
+    variantTitleSuffix: boolean;
+    titleLength: string;
+    showDecimalsInBundlePricing?: boolean;
+};
+type VolumeStyle = {
+    addtoCartMethod: string;
+    titleFontSize: string;
+    subtitleFontSize: string;
+    titleBackgroundColor: string;
+    titleTextColor: string;
+    verticalMargin: string;
+    sectionBackgroundColor: string;
+    cardStyle: string;
+    discountBadgeVisibility: string;
+    allowVariantSelection: string;
+    variantSelectorType: string;
+    ctaTitle: string;
+    bundleRedirection: string;
+};
+type ComboStyle = {
+    productTitleFontSize: string;
+    productDescriptionFontSize: string;
+    descriptionTextColor: string;
+    titleTextColor: string;
+    verticalMargin: string;
+    infoAlignment: string;
+    ctaTitle: string;
+    bundleRedirection: string;
+    embedContentVisibility: boolean;
+    mixAndMatchCardStyle: string;
+    mixAndMatchVariantTypeSelector: string;
+    comboCardStyle: string;
+    comboVariantTypeSelector: string;
+    selectedEmbedContentVisibilityOptions: string[];
+    subProductsSectionVisibility: boolean;
+    subProductsImageVisibility: boolean;
+    subProductsProductTitleVisibility: boolean;
+    subProductsProductPriceVisibility: boolean;
+};
+type ByobStyle = {
+    titleFontSize: string;
+    subtitleFontSize: string;
+    titleBackgroundColor: string;
+    titleTextColor: string;
+    productTitleFontSize: string;
+    sectionBackgroundColor: string;
+    lazyLoadWidget: string;
+    listingsGap: string;
+    footerMargin: string;
+    borderRadius: string;
+    borderColor: string;
+    cardBackgroundColor: string;
+    shadowType: string;
+    addToBundleCTAText: string;
+    checkoutCTAText: string;
+    variantSelectorType: string;
+    primaryVariant: string;
+    productsPriceVisibility: boolean;
+    compareAtPriceVisibility: boolean;
+    selectedProductsVisibility: boolean;
+    bundleRedirection: string;
+    enableConfetti: boolean;
+    selectedItemVisibility: boolean;
+    productTiersVisibility: boolean;
+    tierNavigation: boolean;
+    enableProductCategories: boolean;
+    productCardCategoryVisibility: string;
+    categoryFilterOnPage: string;
+};
+type FixedStyle = {
+    titleFontSize: string;
+    subtitleFontSize: string;
+    titleBackgroundColor: string;
+    titleTextColor: string;
+    verticalMargin: string;
+    sectionBackgroundColor: string;
+    borderRadius: string;
+    borderColor: string;
+    cardBackgroundColor: string;
+    shadowType: string;
+    infoAlignment: string;
+    ctaTitle: string;
+    bundleRedirection: string;
+    cardLayoutStyle: string;
+    variantSelectorType: string;
+    productsPriceVisibility: boolean;
+    compareAtPriceVisibility: boolean;
+};
+type Customizations = {
+    shop?: string;
+    general: GeneralStyle;
+    byob: ByobStyle;
+    fixedBundle: FixedStyle;
+    volumeBundle: VolumeStyle;
+    comboBundle: ComboStyle;
+    createdAt?: string;
+    updatedAt?: string;
+};
+type BundlePayload = {
+    showIndividualProductSelector: boolean;
+    title?: string;
+    subtitle?: string;
+    products: ProductData[];
+    percentageOff?: number;
+    dealAmount?: number;
+    amountOff?: number;
+    type: "fixed" | "builder" | "volume" | "mixAndMatch" | "" | "combo" | "collection";
+    minimumQuantity: number;
+    showProductDetailsInTracker: boolean;
+    coverImageUrl?: string;
+    mobileCoverImageUrl?: string;
+    titleSectionTextColor?: string;
+    titleSectionBackgroundColor?: string;
+    dealTextColor?: string;
+    showBorder?: boolean;
+    hideProductDetails?: boolean;
+    cornerRadiusType?: "medium" | "high" | "";
+    primaryBackgroundColorCta?: string;
+    enableProgressBar?: boolean;
+    enableSortAndFilter?: boolean;
+    disableQuantitySelector?: boolean;
+    disableInventoryTracking?: boolean;
+    alignFixedBundleContent?: "left" | "right" | "center" | "";
+    imageAspectType?: "portrait" | "square" | "";
+    backgroundColorFixedBundleDiv?: string;
+    canCustomizeFixedBundle?: boolean;
+    primaryTextColorCta?: string;
+    showVariants?: boolean;
+    discountType?: string;
+    showCta?: boolean;
+    productCardBadgeText?: string;
+    coverImageVerticalMargin?: string;
+    builderTiers?: {
+        type: string;
+        offerTier?: {
+            tier: number;
+            minimumQuantity: number;
+            discountValue: number;
+        }[];
+        productTier?: {
+            tier: number;
+            title: string;
+            minimumQuantity: number;
+            isFixed?: boolean;
+            isFreebieTier?: boolean;
+            products: {
+                productId: string;
+                variantIds: string[];
+            }[];
+        }[];
+    };
+    volumeTiers?: {
+        isDefault: unknown;
+        tier: number;
+        minimumQuantity: number;
+        title: string;
+        subtitle: string;
+        badgeTitle: string;
+        discountValue: number;
+        imageUrl?: string;
+    }[];
+    mixAndMatchTiers?: {
+        tier: number;
+        title: string;
+        products: {
+            productId: string;
+            variantIds: string[];
+        }[];
+    }[];
+    customizations: Customizations;
+    variantOptions?: VariantOptions;
+    storeCurrencyCode?: string;
+    customStoreDetails?: {
+        [key: string]: any;
+    };
+    customProductsQuantity?: number | null;
+    reviewRatingType?: "none" | "ratingOnly" | "ratingAndReviewCount";
+    appName?: string;
+    pageHeader?: {
+        title?: string;
+        description?: string;
+        customizePadding?: string;
+    };
+};
+type BundleProps = {
+    bundle: BundlePayload;
+    addToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
+        variantId: string;
+        price: number;
+    }[]) => Promise<void>;
+    addCustomBundleToCart?: (e: any) => Promise<void>;
+    selectedItems?: {
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+    }[];
+    setSelectedItems?: React.Dispatch<React.SetStateAction<{
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+    }[]>>;
+    bundleAddToCartLoading?: boolean;
+    handleRemoveItem?: (variantId: string) => void;
+    selectedItemsQuantity?: number;
+    renderingOnPage?: boolean;
+    bundleSubtotal?: {
+        price: number;
+        compareAtPrice: number;
+    };
+    bundleHeaderBackgroundColor?: string;
+    currentProductId?: string;
+};
+declare const Bundle: React.FC<BundleProps>;
+
+type stickyCartCustomizationDataProps = {
+    showPrice: boolean;
+    productImage?: {
+        id: string;
+        path: string;
+    };
+    buyNowCtaTitle: string;
+    desktopBarType: "stretch" | "hover";
+    showProductName: boolean;
+    showBuyNowButton: boolean;
+    showProductImage: boolean;
+    addToCartCtaTitle: string;
+    showAddToCartButton: boolean;
+    showVariantSelector: boolean;
+    productInfoVisibility: boolean;
+    excludeProducts?: string[];
+    showBarOnDesktop?: boolean;
+    ctaButtonFontSize?: number;
+    startsAppearingAtHeight?: number;
+    fullyAppearsAtHeight?: number;
+    topRibbonText?: string;
+};
+
+type Criteria = {
+    id: string;
+    type: "mov" | "moq";
+    value: number;
+    message: string;
+    redirectionUrl?: string;
+};
+type Slide = {
+    slideNumber: number;
+    slideType: "TextImage" | "TextCode" | "TextFieldOnly" | "ImageOnly";
+    textAlignment: "left" | "center" | "right";
+    titleTextField?: string;
+    descriptionTextField?: string;
+    campaignCode?: string;
+    imageUrl?: string;
+    carouselRedirectionLink?: string;
+    criteriaCount?: number;
+    criteria?: Criteria[];
+};
+type CartOffersCarousalProps = {
+    enableCartOffersCarousel: boolean;
+    slidesCount: number;
+    pauseTimer: number;
+    backgroundColor: string;
+    slides: Slide[];
+};
+
+type freebieMilestoneProps = {
+    enableFreebieMilestone: boolean;
+    milestoneImage: {
+        id: string;
+        path: string;
+    };
+    campaignFilter?: string;
+};
+
+interface GSTSectionCustomizationProps {
+    title?: string;
+    iconColor?: string;
+    showIcon?: boolean;
+    backgroundColor?: string;
+    textColor?: string;
+}
+
+type FloatingCartDataProps = {
+    enableFloatingCart: boolean;
+    backgroundColor: string;
+    bannerBackgroundColor: string;
+    textColor: string;
+    buttonColor: string;
+    bannerFooterText: string;
+    showOnPages: string[];
+};
+
+interface RewardCoupon {
+    couponTemplateId: number;
+    name: string;
+    couponType: string;
+    discountPercentage: number | null;
+    discountValue: number | null;
+    minimumOrderValue: number | null;
+    pointsRequired: number | null;
+}
+interface Checkpoint {
+    couponTemplateId: number;
+    couponType: string;
+    minimumOrderValue: number;
+    name: string;
+    quantityThreshold: number;
+    isDummyCouponTemplate?: boolean;
+    customerGetsProductIds?: {
+        ids: string[];
+    };
+    discountValue?: number;
+    _allVariantIds: string[];
+    maxFreebiesInTier?: number;
+}
+interface freebieClaimInterface {
+    freebieSectionTitle: string;
+    productClaimCtaButtonText: string;
+    type: "section" | "overlay";
+    allowOverlayClose: boolean;
+}
+type LoyaltyDiscount = {
+    type: string;
+    key: string;
+    title: string;
+    description: string | null;
+    value: string;
+    created_at: string;
+    value_type: string;
+    allocation_method: string;
+    target_selection: string;
+    target_type: string;
+    total_allocated_amount: number;
+};
+interface CartProps {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    backdrop?: boolean;
+    backgroundColor: string;
+    backgroundSubdued?: string;
+    tertiaryColor?: string;
+    tertiaryTextColor?: string;
+    exploreCTAColor: string;
+    emptyCartTitle: string;
+    emptyCartDescription?: string;
+    emptyCartButtons?: Array<{
+        title: string;
+        link: string;
+    }>;
+    checkoutFontSize: number | string;
+    cartTitle: string;
+    cartData?: any;
+    switchWidthVariant?: boolean;
+    addCartItem?: (product: any, quantity?: number, triggeredFrom?: string, freebieReplace?: boolean, productHandle?: string) => Promise<any>;
+    removeCartItem: (lineItemKey: string, triggeredFrom?: string, ytRequest?: boolean) => Promise<any>;
+    handleIncrement: (productId: number, newQuantity: number, properties?: {
+        [key: string]: string;
+    }) => Promise<any>;
+    handleDecrement: (productId: number, newQuantity?: number) => Promise<any>;
+    bundleProducts?: any;
+    showBundle?: boolean;
+    showCouponOptions?: boolean;
+    isUserSignedIn?: boolean;
+    loyaltyIcon?: string;
+    discountAmountOff?: number;
+    pointsToBeUsed?: number;
+    rewardMultiplier?: number;
+    redemptionMultiplier?: number;
+    removeDiscount?: () => Promise<any>;
+    applyDiscount?: () => Promise<any>;
+    discountApplied?: boolean;
+    rewardCoupons?: RewardCoupon[];
+    userTotalPoints?: number;
+    joinNowFunction?: () => void;
+    checkoutFunction: (templateId?: number) => Promise<any>;
+    guestLoyaltyPercentage?: number;
+    showToggleButton?: boolean;
+    isDev?: boolean;
+    recProductsList?: any[];
+    showMultiStepProgressBar?: boolean;
+    cartCheckpoints?: Checkpoint[];
+    showCartLevelAltPay?: boolean;
+    redemptionRate: number;
+    pointsRewardRate: number;
+    showGuestDiscountCoupon?: boolean;
+    guestRewardCoupon?: RewardCouponWithIcon;
+    applyTemplateDiscount?: (templateId?: number) => Promise<any>;
+    exploreCtaRedirectLink?: string;
+    discountAmountApplied?: number;
+    minimumCartValue?: number;
+    discountInCheckoutButton?: boolean | string;
+    isStickyCheckout?: boolean;
+    showDiscountsListToGuestUsers?: boolean;
+    showApplyCouponsButtonToGuestUsers?: boolean;
+    handleCheckpointCrossed?: (checkpoint: Checkpoint, cartAmount: number) => Promise<any>;
+    customCartProgressBarCriteria?: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    themeColor?: string;
+    themeTextColor?: string;
+    checkoutButtonColor?: string;
+    ctaButtonBackgroundColor?: string;
+    ctaButtonTextColor?: string;
+    showProductRecsOnMobile?: boolean;
+    showProductRecsOnDesktop?: boolean;
+    productRecsTitleText?: string;
+    productRecsCtaButtonText?: string;
+    showGSTOption?: boolean;
+    gstNumber?: string;
+    companyName?: string;
+    applyGSTToCart?: (gstNumber: string, companyName: string) => Promise<any>;
+    showMOVForProgressTiers?: boolean;
+    freeProduct?: any;
+    showLoyaltyCta?: boolean;
+    freeProductAdjustedCartTotal?: number;
+    minimumOrderValueToAvailDiscount?: number;
+    signinCTAButtonVisible?: boolean;
+    cartSigninCTAMainText?: string;
+    showNoteOption?: boolean;
+    note?: string;
+    applyNoteToCart?: (note: string) => Promise<any>;
+    inlineCartOfferInfoText?: string;
+    inlineCartOfferInfoRedirectLink?: string;
+    cartOfferTermsAndConditionsText?: string;
+    showEditOptionOnProducts?: boolean;
+    getProductDetailsByVariantId?: (handle: string, variantId?: string) => Promise<any>;
+    onSetLoading?: (setLoadingFn: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void) => void;
+    showVariantSelectionDropdownInProductRecs?: boolean;
+    originalCartSubtotal?: number;
+    freebieProductsInCart?: any;
+    currentTier?: number;
+    showFreebieClaim?: boolean;
+    addFreebieToCart?: (variantId: string) => Promise<void>;
+    freebiesInCart?: string[];
+    effectiveQuantityForProgressBar?: number;
+    productPercentageOffMapping: {
+        [variantId: string]: number;
+    };
+    productTagsMapping?: Map<string, string[]>;
+    removeFreebieFromCart?: (lineItemKey: string) => Promise<void>;
+    postalCodeList?: number[];
+    enableGeoLocationDeliveryRestriction?: boolean;
+    applyPostalCodeAndDeliverySlotToCart?: (deliveryType: string, postalCode?: string, deliverySlot?: string) => Promise<any>;
+    showDeleteOnFreebies?: boolean;
+    freebieCouponTemplates?: Checkpoint[];
+    freebieFlowCheckpoints?: Checkpoint[];
+    freebieClaimData?: freebieClaimInterface;
+    showStickyAddToCart?: boolean;
+    stickyCartLineItem?: any;
+    stickyCartCustomizationData?: stickyCartCustomizationDataProps;
+    stickyCartLineItemQuantity?: number;
+    postalCodeBasedItemTrackingParameter?: "specific-tags" | "all-products";
+    enableSlotPicker?: boolean;
+    deliveryHeaderTitle?: string;
+    deliveryAvailableText?: string;
+    deliveryNotAvailableText?: string;
+    giftWrapSetupData?: any;
+    giftWrapProductDetail?: any;
+    progressBarFreeProductIconType?: "tshirt" | "gift" | "box" | "cup";
+    addToStickyCart?: (variantId: string, quantity: number) => Promise<void>;
+    enableCustomCartOnCartPage?: boolean;
+    isCartPage?: boolean;
+    productRecsCardLayout: "horizontal" | "vertical";
+    productRecsCardListVariant: "scroll" | "carousel" | "vertical";
+    showCartTimer?: boolean;
+    showFreebieMilestone?: boolean;
+    showFloatingCart?: boolean;
+    floatingCartData?: FloatingCartDataProps;
+    cartTimerInMinutes?: number;
+    cartTimerCustomText?: string;
+    imageAspectSelector?: "square" | "portrait";
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    cartOffersCarousalData?: CartOffersCarousalProps;
+    freebieMilestoneData?: freebieMilestoneProps;
+    cartOffersCarouselHeight?: number;
+    stickyBarBuyNowFunction?: (variantId: string, quantity: number) => Promise<void>;
+    gstSectionCustomizationData?: GSTSectionCustomizationProps;
+    noteSectionTitle?: string;
+    checkoutSectionMessage?: string;
+    checkoutSectionMessageRedirectLink?: string;
+    checkoutSectionMessageDisplay?: "ribbon" | "tag" | "bookmark";
+    showVariantSelectionDropdownInProductClaim?: boolean;
+    productClaimCtaButtonText?: string;
+    loyaltyDiscount?: LoyaltyDiscount | undefined;
+    brandTokenName?: string;
+    showDiscountOnMRP?: boolean;
+    prefixMessageText?: string;
+    suffixMessageText?: string;
+    successMessageText?: string;
+    toggleDecimal?: boolean;
+    disableCheckoutButton: boolean;
+    showEmptyCartRecommendations?: boolean;
+    emptyProductRecsTitleText?: string;
+    checkoutButtonBottomSpacing?: number;
+    showPoweredByBadge?: boolean;
+    applyCouponCode?: (code: string) => Promise<void>;
+    showApplyCoupon?: boolean;
+    enableConfetti?: boolean;
+    showCheckoutButtonPaymentIcons?: boolean;
+    comboBundleData?: BundlePayload;
+    comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
+        variantId: string;
+        price: number;
+    }[]) => Promise<void>;
+}
+declare const Cart: React.FC<CartProps>;
+
+type BundleLoaderProps = {};
+declare const BundleLoader: React.FC<BundleLoaderProps>;
+
+interface LoyaltyPageConfigType {
+    heroDesktopImage?: string;
+    heroMobileImage?: string;
+    heroTitle?: string;
+    heroSubtitle?: string;
+    heroTextAlignment?: "left" | "center" | "right";
+    heroSubtitleFontSize?: string;
+    heroSubtitleColor?: string;
+    heroSubtitleFontWeight?: string;
+    heroTitleFontSize?: string;
+    heroTitleColor?: string;
+    heroRegistrationCTAVisibility?: boolean;
+    primaryColor?: string;
+    primaryContrastColor?: string;
+    secondaryColor?: string;
+    secondaryContrastColor?: string;
+    accentColor?: string;
+    borderColor?: string;
+    themeRoundness?: string;
+    heroBannerVisibility?: "show" | "hide";
+    stepsVisibility?: "show" | "hide";
+    waysToEarnVisibility?: "show" | "hide";
+    customSectionVisibility?: "show" | "hide";
+    footerSignupVisibility?: "show" | "hide";
+    customSectionImagePosition?: "left" | "right";
+    customSectionTitle?: string;
+    customSectionSubtitle?: string;
+    customSectionTitleFontSize?: string;
+    customSectionSubtitleFontSize?: string;
+    customSectionImage?: string;
+    customSectionTextAlignment?: "left" | "center" | "right";
+    customSectionTitleColor?: string;
+    customSectionSubtitleColor?: string;
+    stepsTitle?: string;
+    stepsSubtitle?: string;
+    step1Title?: string;
+    step1Description?: string;
+    step2Title?: string;
+    step2Description?: string;
+    step3Title?: string;
+    step3Description?: string;
+    footerCustomText?: string;
+    footerSignupSubtext?: string;
+}
+interface BrandConfigType {
+    newSignupTokens?: number;
+    firstOrderTokens?: number;
+    instagramFollowPoints?: number;
+    twitterFollowPoints?: number;
+    facebookFollowPoints?: number;
+    youtubeSubscriptionPoints?: number;
+    rewardToLeaveReview?: number;
+    brandTokenName?: string;
+}
+declare const LoyaltyPageBlock: ({ config, brandConfig, }: {
+    config: LoyaltyPageConfigType;
+    brandConfig?: BrandConfigType | undefined;
+}) => React.JSX.Element;
+
+interface ProductsOffersConfigType {
+    sectionType?: "coupon" | "list";
+    sectionTitle?: string;
+    sectionBackgroundColor?: string;
+    sectionBgContrastColor?: string;
+    cardBackgroundColor?: string;
+    cardBackgroundTransparent?: boolean;
+    textColor?: string;
+    accentColor?: string;
+    roundness?: number;
+    cardPadding?: number;
+    viewDetailsTitle?: string;
+    alignment?: "left" | "middle" | "right";
+    iconVisibility?: boolean;
+    popupIsolationStrategy?: "revert" | "revert-layer" | "unset" | "initial" | "inherit" | "none";
+}
+interface CartCheckpoint extends Checkpoint {
+    customCartProgressBarCriteria?: string | null;
+    discountPercentage?: number | null;
+    discountId?: number | null;
+}
+declare const ProductsOffers: ({ offersConfig, offers, }: {
+    offersConfig?: ProductsOffersConfigType | null | undefined;
+    offers: CartCheckpoint[];
+}) => React.JSX.Element;
+
+export { BrandConfigType, Bundle, BundleLoader, Cart, CartCheckpoint, CouponFrame, LoyaltyPageBlock, LoyaltyPageConfigType, Nudge, ProductsOffers as ProductOffers, ProductsOffersConfigType, SpinnerWheel };