yt-uikit 0.10.63 → 0.10.65-progress-css.0

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

@@ -1,52 +1,52 @@
-import "../bundle.scss";
-import React from "react";
-import { AnalyticsEventParams, BundlePayload, CursorData, ProductData, ProductDetails } from "../Bundle";
-import { FilterGroup } from "./SortAndFilter";
-export declare function QuantitySelectorForBundle({ quantity, setQuantity, remainingQuantity, handleAddToBundle, variantId, product, handleRemoveItem, hideAddToBundle, selectedVariantInventoryQty, }: {
-    quantity: number;
-    setQuantity?: React.Dispatch<React.SetStateAction<number>>;
-    remainingQuantity: number;
-    handleAddToBundle?: (variantId: string, product: ProductDetails, quantity: number) => void;
-    variantId?: string;
-    product?: ProductDetails;
-    handleRemoveItem?: (variantId: string, quantity: number) => void;
-    hideAddToBundle?: boolean;
-    selectedVariantInventoryQty: number | typeof Infinity;
-}): React.JSX.Element;
-type BundleBuilderProps = {
-    bundle: BundlePayload;
-    selectedItems: {
-        variantId: string;
-        product: ProductDetails;
-        quantity: number;
-        isFree?: boolean;
-        tierIndex?: number;
-    }[];
-    setSelectedItems: React.Dispatch<React.SetStateAction<{
-        variantId: string;
-        product: ProductDetails;
-        quantity: number;
-        isFree?: boolean;
-        tierIndex?: number;
-    }[]>>;
-    handleAddToCart: (e: any, formProperties?: Record<string, any>) => Promise<void>;
-    bundleAddToCartLoading: boolean;
-    renderingOnPage: boolean;
-    selectedItemsQuantity: number;
-    handleRemoveItem: (variantId: string, tierIndex?: number) => void;
-    bundleSubtotal: {
-        price: number;
-        compareAtPrice: number;
-    };
-    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[]>;
-};
-declare const BundleBuilder: React.FC<BundleBuilderProps>;
-export default BundleBuilder;
+import "../bundle.scss";
+import React from "react";
+import { AnalyticsEventParams, BundlePayload, CursorData, ProductData, ProductDetails } from "../Bundle";
+import { FilterGroup } from "./SortAndFilter";
+export declare function QuantitySelectorForBundle({ quantity, setQuantity, remainingQuantity, handleAddToBundle, variantId, product, handleRemoveItem, hideAddToBundle, selectedVariantInventoryQty, }: {
+    quantity: number;
+    setQuantity?: React.Dispatch<React.SetStateAction<number>>;
+    remainingQuantity: number;
+    handleAddToBundle?: (variantId: string, product: ProductDetails, quantity: number) => void;
+    variantId?: string;
+    product?: ProductDetails;
+    handleRemoveItem?: (variantId: string, quantity: number) => void;
+    hideAddToBundle?: boolean;
+    selectedVariantInventoryQty: number | typeof Infinity;
+}): React.JSX.Element;
+type BundleBuilderProps = {
+    bundle: BundlePayload;
+    selectedItems: {
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+        isFree?: boolean;
+        tierIndex?: number;
+    }[];
+    setSelectedItems: React.Dispatch<React.SetStateAction<{
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+        isFree?: boolean;
+        tierIndex?: number;
+    }[]>>;
+    handleAddToCart: (e: any, formProperties?: Record<string, any>) => Promise<void>;
+    bundleAddToCartLoading: boolean;
+    renderingOnPage: boolean;
+    selectedItemsQuantity: number;
+    handleRemoveItem: (variantId: string, tierIndex?: number) => void;
+    bundleSubtotal: {
+        price: number;
+        compareAtPrice: number;
+    };
+    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[]>;
+};
+declare const BundleBuilder: React.FC<BundleBuilderProps>;
+export default BundleBuilder;

package/dist/esm/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-interface ResponsiveBackgroundImageProps {
-    coverImageUrl?: string;
-    mobileCoverImageUrl?: string;
-    alt?: string;
-    styles?: React.CSSProperties;
-}
-export declare const ResponsiveBackgroundImage: React.FC<ResponsiveBackgroundImageProps>;
-export default ResponsiveBackgroundImage;
+import React from "react";
+interface ResponsiveBackgroundImageProps {
+    coverImageUrl?: string;
+    mobileCoverImageUrl?: string;
+    alt?: string;
+    styles?: React.CSSProperties;
+}
+export declare const ResponsiveBackgroundImage: React.FC<ResponsiveBackgroundImageProps>;
+export default ResponsiveBackgroundImage;

package/dist/esm/components/BundleBlock/BundleBuilder/SortAndFilter.d.ts

@@ -1,74 +1,74 @@
-import { Customizations, ProductData } from "../Bundle";
-import React from "react";
-export interface FilterValue {
-    id: string;
-    label: string;
-    count: number;
-    input: string | {
-        price?: {
-            max: number;
-            min: number;
-        };
-    };
-}
-export interface FilterGroup {
-    id: string;
-    label: string;
-    type: "LIST" | "PRICE_RANGE";
-    values: FilterValue[];
-}
-interface SortAndFilterProps {
-    enableSortAndFilter: boolean;
-    isMobile: boolean;
-    setSearchTerm: (term: string) => void;
-    searchTerm: string;
-    styles?: Customizations;
-    setSortBy: (sort: string) => void;
-    appliedFilters: Record<string, string[]>;
-    setAppliedFilters: React.Dispatch<React.SetStateAction<Record<string, string[]>>>;
-    availableFilters: FilterGroup[];
-    products: ProductData[];
-    availableProductCount?: number;
-    unavailableProductCount?: number;
-    maxPossiblePrice: number;
-    storeCurrencyCode?: string;
-    openSections: Record<string, boolean>;
-    toggleSection: (id: string) => void;
-    sortBy?: string;
-}
-interface FiltersDrawerProps {
-    showFiltersDrawer: boolean;
-    handleClose: () => void;
-    isAnimating: boolean;
-    isMobile: boolean;
-    availableFilters: FilterGroup[];
-    appliedFilters: Record<string, string[]>;
-    toggleFilter: (filterId: string, valueId: string) => void;
-    clearAllFilters: () => void;
-    applyPriceFilter: () => void;
-    priceMin: number;
-    setPriceMin: (val: number) => void;
-    priceMax: number;
-    setPriceMax: (val: number) => void;
-    maxPossiblePrice: number;
-    styles: any;
-    unavailableProductCount?: number;
-    availableProductCount?: number;
-    products: ProductData[];
-    storeCurrencyCode?: string;
-    openSections?: Record<string, boolean>;
-    toggleSection?: (id: string) => void;
-}
-export declare const FiltersSidebar: (props: FiltersDrawerProps) => React.JSX.Element | null;
-interface FiltersSharedState {
-    showFilters: boolean;
-    setShowFilters: (show: boolean) => void;
-    priceMax: number;
-    setPriceMax: (val: number) => void;
-    priceMin: number;
-    setPriceMin: (val: number) => void;
-}
-export declare const SortAndFilter: ({ enableSortAndFilter, isMobile, setSearchTerm, searchTerm, styles, setSortBy, appliedFilters, setAppliedFilters, availableFilters, products, availableProductCount, unavailableProductCount, maxPossiblePrice, storeCurrencyCode, sharedFiltersState, openSections, toggleSection, sortBy, }: SortAndFilterProps & {
-    sharedFiltersState: FiltersSharedState;
-}) => React.JSX.Element;
-export {};
+import { Customizations, ProductData } from "../Bundle";
+import React from "react";
+export interface FilterValue {
+    id: string;
+    label: string;
+    count: number;
+    input: string | {
+        price?: {
+            max: number;
+            min: number;
+        };
+    };
+}
+export interface FilterGroup {
+    id: string;
+    label: string;
+    type: "LIST" | "PRICE_RANGE";
+    values: FilterValue[];
+}
+interface SortAndFilterProps {
+    enableSortAndFilter: boolean;
+    isMobile: boolean;
+    setSearchTerm: (term: string) => void;
+    searchTerm: string;
+    styles?: Customizations;
+    setSortBy: (sort: string) => void;
+    appliedFilters: Record<string, string[]>;
+    setAppliedFilters: React.Dispatch<React.SetStateAction<Record<string, string[]>>>;
+    availableFilters: FilterGroup[];
+    products: ProductData[];
+    availableProductCount?: number;
+    unavailableProductCount?: number;
+    maxPossiblePrice: number;
+    storeCurrencyCode?: string;
+    openSections: Record<string, boolean>;
+    toggleSection: (id: string) => void;
+    sortBy?: string;
+}
+interface FiltersDrawerProps {
+    showFiltersDrawer: boolean;
+    handleClose: () => void;
+    isAnimating: boolean;
+    isMobile: boolean;
+    availableFilters: FilterGroup[];
+    appliedFilters: Record<string, string[]>;
+    toggleFilter: (filterId: string, valueId: string) => void;
+    clearAllFilters: () => void;
+    applyPriceFilter: () => void;
+    priceMin: number;
+    setPriceMin: (val: number) => void;
+    priceMax: number;
+    setPriceMax: (val: number) => void;
+    maxPossiblePrice: number;
+    styles: any;
+    unavailableProductCount?: number;
+    availableProductCount?: number;
+    products: ProductData[];
+    storeCurrencyCode?: string;
+    openSections?: Record<string, boolean>;
+    toggleSection?: (id: string) => void;
+}
+export declare const FiltersSidebar: (props: FiltersDrawerProps) => React.JSX.Element | null;
+interface FiltersSharedState {
+    showFilters: boolean;
+    setShowFilters: (show: boolean) => void;
+    priceMax: number;
+    setPriceMax: (val: number) => void;
+    priceMin: number;
+    setPriceMin: (val: number) => void;
+}
+export declare const SortAndFilter: ({ enableSortAndFilter, isMobile, setSearchTerm, searchTerm, styles, setSortBy, appliedFilters, setAppliedFilters, availableFilters, products, availableProductCount, unavailableProductCount, maxPossiblePrice, storeCurrencyCode, sharedFiltersState, openSections, toggleSection, sortBy, }: SortAndFilterProps & {
+    sharedFiltersState: FiltersSharedState;
+}) => React.JSX.Element;
+export {};

package/dist/esm/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts

@@ -1,30 +1,30 @@
-import React from "react";
-import { ProductDetails, VariantOptions } from "../Bundle";
-interface OptionValue {
-    name: string;
-    value: string;
-}
-interface VariantSwatchProps {
-    options: OptionValue[];
-    selectedValue: OptionValue | null;
-    onChange: (option: OptionValue) => void;
-    type?: "color" | "image" | "text";
-    isOptionAvailable?: (optionValue: string) => boolean;
-    isMobile?: boolean;
-    showOutOfStockVariants?: boolean;
-}
-interface SingleProductVariantOptionsModalProps {
-    product: ProductDetails;
-    isOpen: boolean;
-    onClose: () => void;
-    variantOptions?: VariantOptions;
-    cta: {
-        textColor: string;
-        backgroundColor: string;
-    };
-    onConfirm: (variantId: string) => void;
-    showOutOfStockVariants?: boolean;
-}
-export declare const VariantSwatch: React.FC<VariantSwatchProps>;
-declare const SingleProductVariantOptionsModal: React.FC<SingleProductVariantOptionsModalProps>;
-export default SingleProductVariantOptionsModal;
+import React from "react";
+import { ProductDetails, VariantOptions } from "../Bundle";
+interface OptionValue {
+    name: string;
+    value: string;
+}
+interface VariantSwatchProps {
+    options: OptionValue[];
+    selectedValue: OptionValue | null;
+    onChange: (option: OptionValue) => void;
+    type?: "color" | "image" | "text";
+    isOptionAvailable?: (optionValue: string) => boolean;
+    isMobile?: boolean;
+    showOutOfStockVariants?: boolean;
+}
+interface SingleProductVariantOptionsModalProps {
+    product: ProductDetails;
+    isOpen: boolean;
+    onClose: () => void;
+    variantOptions?: VariantOptions;
+    cta: {
+        textColor: string;
+        backgroundColor: string;
+    };
+    onConfirm: (variantId: string) => void;
+    showOutOfStockVariants?: boolean;
+}
+export declare const VariantSwatch: React.FC<VariantSwatchProps>;
+declare const SingleProductVariantOptionsModal: React.FC<SingleProductVariantOptionsModalProps>;
+export default SingleProductVariantOptionsModal;

package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts

@@ -1,37 +1,37 @@
-/// <reference types="react" />
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const Quantity: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const AddToBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ProductContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    borderRadius: string;
-    borderColor: string;
-    shadowType: string;
-    backgroundColor: string;
-}>> & string;
-export declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
-    aspectRatio: string;
-    borderRadius: string;
-}>> & string;
-export declare const VariantSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
-    isCoralHaze: boolean;
-}>> & string;
-export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMobile: boolean;
-    showBorder: boolean;
-}>> & string;
-export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    showBorder: boolean;
-}>> & string;
-export declare const AddToBundleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    borderRadius: string;
-}>> & string;
-export declare const AddedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, {
-    borderRadius: string;
-}>> & string;
-export declare const AddedButtonText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/// <reference types="react" />
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Quantity: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AddToBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    borderRadius: string;
+    borderColor: string;
+    shadowType: string;
+    backgroundColor: string;
+}>> & string;
+export declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
+    aspectRatio: string;
+    borderRadius: string;
+}>> & string;
+export declare const VariantSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
+    isCoralHaze: boolean;
+}>> & string;
+export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isMobile: boolean;
+    showBorder: boolean;
+}>> & string;
+export declare const PriceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    showBorder: boolean;
+}>> & string;
+export declare const AddToBundleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    borderRadius: string;
+}>> & string;
+export declare const AddedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, {
+    borderRadius: string;
+}>> & string;
+export declare const AddedButtonText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,56 +1,56 @@
-import React from "react";
-import { Customizations, ProductDetails } from "../Bundle";
-import "../bundle.scss";
-type BundleBuilderTrackerProps = {
-    builderTiers?: {
-        type: string;
-        offerTier?: {
-            tier: number;
-            minimumQuantity: number;
-            discountValue: number;
-            customText?: string;
-        }[];
-        productTier?: {
-            tier: number;
-            minimumQuantity: number;
-            title: string;
-            products: any;
-        }[];
-    };
-    selectedProducts: {
-        variantId: string;
-        product: ProductDetails;
-        quantity: number;
-        isFree?: boolean;
-        tierIndex?: number;
-    }[];
-    minimumQuantity: number;
-    handleAddToCart: (e: any) => Promise<void>;
-    showProductDetailsInTracker: boolean;
-    loading: boolean;
-    isMobile?: boolean;
-    handleRemoveItem: (variantId: string) => void;
-    percentageOff?: number;
-    amountOff?: number;
-    styles: Customizations;
-    dealAmount?: number;
-    discountType?: string;
-    selectedItemsQuantity: number;
-    bundleSubtotal: {
-        price: number;
-        compareAtPrice: number;
-    };
-    themeColor: string;
-    cornerRadiusType: string;
-    primaryTextColorCta: string;
-    selectedProductsByTier?: {
-        [tier: number]: string[];
-    };
-    renderingOnPage: boolean;
-    handleRemoveItemProductTier: (variantId: string, currentTier: number) => void;
-    storeCurrencyCode?: string;
-    isUploading?: boolean;
-    showNextStep?: boolean;
-};
-export declare const BundleBuilderTrackerBar: React.FC<BundleBuilderTrackerProps>;
-export default BundleBuilderTrackerBar;
+import React from "react";
+import { Customizations, ProductDetails } from "../Bundle";
+import "../bundle.scss";
+type BundleBuilderTrackerProps = {
+    builderTiers?: {
+        type: string;
+        offerTier?: {
+            tier: number;
+            minimumQuantity: number;
+            discountValue: number;
+            customText?: string;
+        }[];
+        productTier?: {
+            tier: number;
+            minimumQuantity: number;
+            title: string;
+            products: any;
+        }[];
+    };
+    selectedProducts: {
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+        isFree?: boolean;
+        tierIndex?: number;
+    }[];
+    minimumQuantity: number;
+    handleAddToCart: (e: any) => Promise<void>;
+    showProductDetailsInTracker: boolean;
+    loading: boolean;
+    isMobile?: boolean;
+    handleRemoveItem: (variantId: string) => void;
+    percentageOff?: number;
+    amountOff?: number;
+    styles: Customizations;
+    dealAmount?: number;
+    discountType?: string;
+    selectedItemsQuantity: number;
+    bundleSubtotal: {
+        price: number;
+        compareAtPrice: number;
+    };
+    themeColor: string;
+    cornerRadiusType: string;
+    primaryTextColorCta: string;
+    selectedProductsByTier?: {
+        [tier: number]: string[];
+    };
+    renderingOnPage: boolean;
+    handleRemoveItemProductTier: (variantId: string, currentTier: number) => void;
+    storeCurrencyCode?: string;
+    isUploading?: boolean;
+    showNextStep?: boolean;
+};
+export declare const BundleBuilderTrackerBar: React.FC<BundleBuilderTrackerProps>;
+export default BundleBuilderTrackerBar;