yt-uikit 0.7.402-zelo-classes.0 → 0.7.403

package/dist/index.d.ts

@@ -1,733 +1,734 @@
 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>;
-}
+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;
-}
+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;
-};
+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;
-    };
-};
-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;
-    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;
-};
-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";
-    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;
-            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;
-    };
-    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;
-};
+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;
+    };
+};
+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;
+    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";
+    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;
+            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;
+    };
+    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 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 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;
+type freebieMilestoneProps = {
+    enableFreebieMilestone: boolean;
+    milestoneImage: {
+        id: string;
+        path: string;
+    };
+    campaignFilter?: string;
 };
 
-interface GSTSectionCustomizationProps {
-    title?: string;
-    iconColor?: string;
-    showIcon?: boolean;
-    backgroundColor?: string;
-    textColor?: string;
+interface GSTSectionCustomizationProps {
+    title?: string;
+    iconColor?: string;
+    showIcon?: boolean;
+    backgroundColor?: string;
+    textColor?: 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;
-    cartTimerInMinutes?: number;
-    cartTimerCustomText?: string;
-    imageAspectSelector?: "square" | "portrait";
-    cartComponentsCornerType?: "rounded" | "sharp";
-    cartComponentsCornerRadius?: number;
-    cartOffersCarousalData?: CartOffersCarousalProps;
-    freebieMilestoneData?: freebieMilestoneProps;
-    cartOffersCarouselHeight?: number;
-    stickyBarBuyNowFunction?: (event: any) => Promise<any>;
-    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;
-    shouldCheckInventoryQuantity?: boolean;
-    comboBundleData?: BundlePayload;
-    comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
-        variantId: string;
-        price: number;
-    }[]) => Promise<void>;
-}
+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;
+    cartTimerInMinutes?: number;
+    cartTimerCustomText?: string;
+    imageAspectSelector?: "square" | "portrait";
+    cartComponentsCornerType?: "rounded" | "sharp";
+    cartComponentsCornerRadius?: number;
+    cartOffersCarousalData?: CartOffersCarousalProps;
+    freebieMilestoneData?: freebieMilestoneProps;
+    cartOffersCarouselHeight?: number;
+    stickyBarBuyNowFunction?: (event: any) => Promise<any>;
+    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;
+    shouldCheckInventoryQuantity?: 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 = {};
+type BundleLoaderProps = {};
 declare const BundleLoader: React.FC<BundleLoaderProps>;
 
 export { Bundle, BundleLoader, Cart, CouponFrame, Nudge, SpinnerWheel };