yt-uikit 0.10.84 → 0.10.86

package/dist/esm/components/BundleBlock/Bundle.d.ts

@@ -1,477 +1,477 @@
-import React from "react";
-import "./bundle.scss";
-import { FilterGroup } from "./BundleBuilder/SortAndFilter";
-interface ShopifyCurrency {
-    rate: number;
-    active: string;
-}
-declare global {
-    interface Window {
-        Shopify?: {
-            currency?: ShopifyCurrency;
-            shop?: string;
-        };
-    }
-}
-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;
-    };
-};
-export 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;
-};
-export type VariantOptions = {
-    shop: string;
-    options: {
-        name: string;
-        type: "text" | "image" | "color";
-        values: {
-            name: string;
-            value: string;
-        }[];
-    }[];
-    createdAt: string;
-    updatedAt: string;
-};
-export type ProductDetails = {
-    id: string;
-    title: string;
-    handle: string;
-    featuredMedia: ProductFeaturedMedia;
-    status: "active" | "archived" | "draft" | "unlisted" | "";
-    options: ProductOption[];
-    onlineStoreUrl: string;
-    tracksInventory?: boolean;
-    publishedAt?: string | null;
-    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;
-    };
-};
-export type ProductData = {
-    productId: string;
-    variantIds: string[];
-    productDetails: ProductDetails;
-    quantity?: number;
-};
-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;
-    /** @deprecated use productClickAction on each bundle style section */
-    redirectToPDP?: boolean;
-    restrictCOD: boolean;
-    trackInventory: boolean;
-    showOutOfStockProducts: boolean;
-    showOutOfStockVariants?: boolean;
-    outOfStockLabel: string;
-    disabledButtonColor: string;
-    storeCurrency: string;
-    currencySymbol: string;
-    discountPrefix: string;
-    discountSuffix: string;
-    addOrderTags: boolean;
-    addOrderNotes: boolean;
-    variantTitleSuffix: boolean;
-    titleLength: string;
-    showDecimalsInBundlePricing?: boolean;
-    showPaymentIcons?: boolean;
-    atcLoaderType?: "spinner" | "animated";
-};
-type VolumeStyle = {
-    productClickAction?: InPageProductClickAction;
-    addtoCartMethod: string;
-    titleFontSize: string;
-    subtitleFontSize: string;
-    titleBackgroundColor: string;
-    titleTextColor: string;
-    verticalMargin: string;
-    sectionBackgroundColor: string;
-    cardStyle: string;
-    discountBadgeVisibility: string;
-    tierPriceType: "none" | "unit-price" | "tier-price";
-    allowVariantSelection: string;
-    variantSelectorType: string;
-    ctaTitle: string;
-    bundleRedirection: string;
-    discountBadgeDisplay: string;
-    discountDisplayType: string;
-    freebieDisplayType?: "compact" | "detailed";
-    showVariantOptionsLabel: boolean;
-};
-type ComboStyle = {
-    productClickAction?: InPageProductClickAction;
-    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;
-    discountBadgeVisibility?: boolean;
-    discountBadgeDisplay?: "discount-on-compare" | "discount-on-price";
-    discountDisplayType?: "percentage" | "amount";
-    comboProductRatingsDisplay?: string;
-    mixAndMatchProductRatingsDisplay?: string;
-};
-type ByobStyle = {
-    productClickAction?: ProductClickAction;
-    titleFontSize: string;
-    subtitleFontSize: string;
-    titleBackgroundColor: string;
-    titleTextColor: string;
-    productTitleFontSize: string;
-    showVariantTitleInCard: boolean;
-    productVariantTitleType: "product-title" | "variant-title" | "variant-display-name";
-    productTitleWrapLines: string;
-    productCardDetailsAlignment: "left" | "center" | "right";
-    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;
-    productFiltersDisplay: "none" | "drawer" | "sidebar";
-    filtersProvider: "based-on-products-data" | "search-and-discovery-app-sync";
-    selectedFilterOptions: string[];
-    productRatingsDisplay?: string;
-    discountBadgeVisibility?: boolean;
-    discountBadgeDisplay?: "discount-on-compare" | "discount-on-price";
-    discountDisplayType?: string;
-    fetchAllProductsAtOnce?: boolean;
-};
-type FixedStyle = {
-    productClickAction?: InPageProductClickAction;
-    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;
-    discountBadgeVisibility?: boolean;
-    discountDisplayType?: string;
-    discountBadgeDisplay?: "discount-on-compare" | "discount-on-price";
-    productRatingsDisplay?: string;
-};
-/** What clicking a bundle product card does. */
-export type ProductClickAction = "none" | "details-modal" | "redirect-pdp";
-/** Product-page bundles render inside the PDP, so redirecting there is a no-op. */
-export type InPageProductClickAction = Exclude<ProductClickAction, "redirect-pdp">;
-export type Customizations = {
-    shop?: string;
-    general: GeneralStyle;
-    byob: ByobStyle;
-    fixedBundle: FixedStyle;
-    volumeBundle: VolumeStyle;
-    comboBundle: ComboStyle;
-    createdAt?: string;
-    updatedAt?: string;
-};
-export type ProductTier = {
-    tier: number;
-    title: string;
-    minimumQuantity: number;
-    isFixed?: boolean;
-    isFreebieTier?: boolean;
-    products: {
-        productId: string;
-        variantIds: string[];
-    }[];
-};
-export type BundlePayload = {
-    _id: string;
-    showIndividualProductSelector: boolean;
-    title?: string;
-    subtitle?: string;
-    products: ProductData[];
-    freebieProducts?: ProductData[];
-    percentageOff?: number;
-    dealAmount?: number;
-    amountOff?: number;
-    type: "fixed" | "builder" | "volume" | "mixAndMatch" | "" | "combo" | "collection";
-    minimumQuantity: number;
-    maximumQuantity?: number | null;
-    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;
-    selectedCategories?: string[];
-    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?: ProductTier[];
-    };
-    volumeTiers?: {
-        isDefault: unknown;
-        tier: number;
-        minimumQuantity: number;
-        title: string;
-        subtitle: string;
-        badgeTitle: string;
-        discountValue: number;
-        imageUrl?: string;
-        freebieProductIds?: 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;
-    workWithoutPagination?: boolean;
-    pageHeader?: {
-        title?: string;
-        description?: string;
-        customizePadding?: string;
-    };
-    personalizedForm?: {
-        title?: string;
-        sections?: {
-            title: string;
-            type: "text" | "image";
-            fields: {
-                title: string;
-            }[];
-        }[];
-    };
-    categoryFilters?: Record<number, FilterGroup | FilterGroup[]> | FilterGroup | FilterGroup[];
-};
-export type EventNameCustom = "byob_checkout_cta" | "byob_add_to_bundle" | "block_visibility" | "bundle_add_to_cart";
-export type EventTypeCustom = "clicks" | "views";
-export type AnalyticsEventParams = {
-    eventNameCustom: EventNameCustom;
-    eventTypeCustom: EventTypeCustom;
-    data: any;
-};
-export type CursorData = Record<number, {
-    cursor: string;
-    hasNext: boolean;
-}>;
-export type BundleProps = {
-    bundle: BundlePayload;
-    addToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
-        variantId: string;
-        price: number;
-    }[], properties?: Record<string, string>, freebieProduct?: string[], isCheckout?: boolean) => Promise<void>;
-    addCustomBundleToCart?: (e: any, formProperties?: Record<string, 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;
-    dispatchAnalyticsEvent?: (params: AnalyticsEventParams) => void;
-    fetchStoreDetails?: () => Promise<any>;
-    productsPagination?: {
-        initialCursorData: CursorData;
-        cursorData: CursorData;
-        fetchFn: (filters?: any, bundleTier?: number, cursor?: string | null) => Promise<ProductData[]>;
-        setCursorData: (cursorData: CursorData) => void;
-    };
-    categoryFilters?: Record<number, FilterGroup | FilterGroup[]>;
-};
-export declare const currencyPrice: (price: number | string | undefined) => string | undefined;
-export declare const getCurrencySymbol: (genSymbol: string, _storeCurrencyCode?: string) => string;
-export declare const optimiseImage: (url: string, width?: number) => string;
-export declare const handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number, selectedItems: {
-    variantId: string;
-    product: ProductDetails;
-    quantity: number;
-    tierIndex?: number | undefined;
-}[], setSelectedItems: React.Dispatch<React.SetStateAction<{
-    variantId: string;
-    product: ProductDetails;
-    quantity: number;
-    isFree?: boolean | undefined;
-    tierIndex?: number | undefined;
-}[]>>, isFreebie?: boolean, tierIndex?: number) => void;
-declare const Bundle: React.FC<BundleProps>;
-export default Bundle;
+import React from "react";
+import "./bundle.scss";
+import { FilterGroup } from "./BundleBuilder/SortAndFilter";
+interface ShopifyCurrency {
+    rate: number;
+    active: string;
+}
+declare global {
+    interface Window {
+        Shopify?: {
+            currency?: ShopifyCurrency;
+            shop?: string;
+        };
+    }
+}
+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;
+    };
+};
+export 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;
+};
+export type VariantOptions = {
+    shop: string;
+    options: {
+        name: string;
+        type: "text" | "image" | "color";
+        values: {
+            name: string;
+            value: string;
+        }[];
+    }[];
+    createdAt: string;
+    updatedAt: string;
+};
+export type ProductDetails = {
+    id: string;
+    title: string;
+    handle: string;
+    featuredMedia: ProductFeaturedMedia;
+    status: "active" | "archived" | "draft" | "unlisted" | "";
+    options: ProductOption[];
+    onlineStoreUrl: string;
+    tracksInventory?: boolean;
+    publishedAt?: string | null;
+    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;
+    };
+};
+export type ProductData = {
+    productId: string;
+    variantIds: string[];
+    productDetails: ProductDetails;
+    quantity?: number;
+};
+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;
+    /** @deprecated use productClickAction on each bundle style section */
+    redirectToPDP?: boolean;
+    restrictCOD: boolean;
+    trackInventory: boolean;
+    showOutOfStockProducts: boolean;
+    showOutOfStockVariants?: boolean;
+    outOfStockLabel: string;
+    disabledButtonColor: string;
+    storeCurrency: string;
+    currencySymbol: string;
+    discountPrefix: string;
+    discountSuffix: string;
+    addOrderTags: boolean;
+    addOrderNotes: boolean;
+    variantTitleSuffix: boolean;
+    titleLength: string;
+    showDecimalsInBundlePricing?: boolean;
+    showPaymentIcons?: boolean;
+    atcLoaderType?: "spinner" | "animated";
+};
+type VolumeStyle = {
+    productClickAction?: InPageProductClickAction;
+    addtoCartMethod: string;
+    titleFontSize: string;
+    subtitleFontSize: string;
+    titleBackgroundColor: string;
+    titleTextColor: string;
+    verticalMargin: string;
+    sectionBackgroundColor: string;
+    cardStyle: string;
+    discountBadgeVisibility: string;
+    tierPriceType: "none" | "unit-price" | "tier-price";
+    allowVariantSelection: string;
+    variantSelectorType: string;
+    ctaTitle: string;
+    bundleRedirection: string;
+    discountBadgeDisplay: string;
+    discountDisplayType: string;
+    freebieDisplayType?: "compact" | "detailed";
+    showVariantOptionsLabel: boolean;
+};
+type ComboStyle = {
+    productClickAction?: InPageProductClickAction;
+    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;
+    discountBadgeVisibility?: boolean;
+    discountBadgeDisplay?: "discount-on-compare" | "discount-on-price";
+    discountDisplayType?: "percentage" | "amount";
+    comboProductRatingsDisplay?: string;
+    mixAndMatchProductRatingsDisplay?: string;
+};
+type ByobStyle = {
+    productClickAction?: ProductClickAction;
+    titleFontSize: string;
+    subtitleFontSize: string;
+    titleBackgroundColor: string;
+    titleTextColor: string;
+    productTitleFontSize: string;
+    showVariantTitleInCard: boolean;
+    productVariantTitleType: "product-title" | "variant-title" | "variant-display-name";
+    productTitleWrapLines: string;
+    productCardDetailsAlignment: "left" | "center" | "right";
+    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;
+    productFiltersDisplay: "none" | "drawer" | "sidebar";
+    filtersProvider: "based-on-products-data" | "search-and-discovery-app-sync";
+    selectedFilterOptions: string[];
+    productRatingsDisplay?: string;
+    discountBadgeVisibility?: boolean;
+    discountBadgeDisplay?: "discount-on-compare" | "discount-on-price";
+    discountDisplayType?: string;
+    fetchAllProductsAtOnce?: boolean;
+};
+type FixedStyle = {
+    productClickAction?: InPageProductClickAction;
+    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;
+    discountBadgeVisibility?: boolean;
+    discountDisplayType?: string;
+    discountBadgeDisplay?: "discount-on-compare" | "discount-on-price";
+    productRatingsDisplay?: string;
+};
+/** What clicking a bundle product card does. */
+export type ProductClickAction = "none" | "details-modal" | "redirect-pdp";
+/** Product-page bundles render inside the PDP, so redirecting there is a no-op. */
+export type InPageProductClickAction = Exclude<ProductClickAction, "redirect-pdp">;
+export type Customizations = {
+    shop?: string;
+    general: GeneralStyle;
+    byob: ByobStyle;
+    fixedBundle: FixedStyle;
+    volumeBundle: VolumeStyle;
+    comboBundle: ComboStyle;
+    createdAt?: string;
+    updatedAt?: string;
+};
+export type ProductTier = {
+    tier: number;
+    title: string;
+    minimumQuantity: number;
+    isFixed?: boolean;
+    isFreebieTier?: boolean;
+    products: {
+        productId: string;
+        variantIds: string[];
+    }[];
+};
+export type BundlePayload = {
+    _id: string;
+    showIndividualProductSelector: boolean;
+    title?: string;
+    subtitle?: string;
+    products: ProductData[];
+    freebieProducts?: ProductData[];
+    percentageOff?: number;
+    dealAmount?: number;
+    amountOff?: number;
+    type: "fixed" | "builder" | "volume" | "mixAndMatch" | "" | "combo" | "collection";
+    minimumQuantity: number;
+    maximumQuantity?: number | null;
+    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;
+    selectedCategories?: string[];
+    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?: ProductTier[];
+    };
+    volumeTiers?: {
+        isDefault: unknown;
+        tier: number;
+        minimumQuantity: number;
+        title: string;
+        subtitle: string;
+        badgeTitle: string;
+        discountValue: number;
+        imageUrl?: string;
+        freebieProductIds?: 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;
+    workWithoutPagination?: boolean;
+    pageHeader?: {
+        title?: string;
+        description?: string;
+        customizePadding?: string;
+    };
+    personalizedForm?: {
+        title?: string;
+        sections?: {
+            title: string;
+            type: "text" | "image";
+            fields: {
+                title: string;
+            }[];
+        }[];
+    };
+    categoryFilters?: Record<number, FilterGroup | FilterGroup[]> | FilterGroup | FilterGroup[];
+};
+export type EventNameCustom = "byob_checkout_cta" | "byob_add_to_bundle" | "block_visibility" | "bundle_add_to_cart";
+export type EventTypeCustom = "clicks" | "views";
+export type AnalyticsEventParams = {
+    eventNameCustom: EventNameCustom;
+    eventTypeCustom: EventTypeCustom;
+    data: any;
+};
+export type CursorData = Record<number, {
+    cursor: string;
+    hasNext: boolean;
+}>;
+export type BundleProps = {
+    bundle: BundlePayload;
+    addToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
+        variantId: string;
+        price: number;
+    }[], properties?: Record<string, string>, freebieProduct?: string[], isCheckout?: boolean) => Promise<void>;
+    addCustomBundleToCart?: (e: any, formProperties?: Record<string, 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;
+    dispatchAnalyticsEvent?: (params: AnalyticsEventParams) => void;
+    fetchStoreDetails?: () => Promise<any>;
+    productsPagination?: {
+        initialCursorData: CursorData;
+        cursorData: CursorData;
+        fetchFn: (filters?: any, bundleTier?: number, cursor?: string | null) => Promise<ProductData[]>;
+        setCursorData: (cursorData: CursorData) => void;
+    };
+    categoryFilters?: Record<number, FilterGroup | FilterGroup[]>;
+};
+export declare const currencyPrice: (price: number | string | undefined) => string | undefined;
+export declare const getCurrencySymbol: (genSymbol: string, _storeCurrencyCode?: string) => string;
+export declare const optimiseImage: (url: string, width?: number) => string;
+export declare const handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number, selectedItems: {
+    variantId: string;
+    product: ProductDetails;
+    quantity: number;
+    tierIndex?: number | undefined;
+}[], setSelectedItems: React.Dispatch<React.SetStateAction<{
+    variantId: string;
+    product: ProductDetails;
+    quantity: number;
+    isFree?: boolean | undefined;
+    tierIndex?: number | undefined;
+}[]>>, isFreebie?: boolean, tierIndex?: number) => void;
+declare const Bundle: React.FC<BundleProps>;
+export default Bundle;