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

package/dist/esm/atoms/bundleBuilderProductDetailsAtom.d.ts

@@ -0,0 +1,4 @@
+import { ProductDetails } from "../components/BundleBlock/Bundle";
+export declare const bundleBuilderProductDetailsState: import("jotai").PrimitiveAtom<ProductDetails | undefined> & {
+    init: ProductDetails | undefined;
+};

package/dist/esm/atoms/cartDataAtom.d.ts

@@ -0,0 +1,3 @@
+export declare const cartDataState: import("jotai").PrimitiveAtom<any> & {
+    init: any;
+};

package/dist/esm/atoms/cartLoadingAtom.d.ts

@@ -0,0 +1,22 @@
+export declare const cartLoadingState: import("jotai").PrimitiveAtom<{
+    cartLoading: boolean;
+    showLoader: boolean;
+    showSkeletonLoader?: boolean | undefined;
+    showLoyaltyCtaLoading?: boolean | undefined;
+}> & {
+    init: {
+        cartLoading: boolean;
+        showLoader: boolean;
+        showSkeletonLoader?: boolean | undefined;
+        showLoyaltyCtaLoading?: boolean | undefined;
+    };
+};
+export declare function useCartLoading(): {
+    cartLoading: {
+        cartLoading: boolean;
+        showLoader: boolean;
+        showSkeletonLoader?: boolean | undefined;
+        showLoyaltyCtaLoading?: boolean | undefined;
+    };
+    setLoading: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void;
+};

package/dist/esm/atoms/cartTimer.d.ts

@@ -0,0 +1,2 @@
+export declare const timeLeftAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
+export declare const lastUpdateAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/couponSelectionOpenAtom.d.ts

@@ -0,0 +1,3 @@
+export declare const couponSelectionOpenState: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};

package/dist/esm/atoms/dateAtom.d.ts

@@ -0,0 +1 @@
+export declare const deliverySlotDateState: import("jotai").WritableAtom<string | null, [string | typeof import("jotai/utils").RESET | ((prev: string | null) => string | typeof import("jotai/utils").RESET | null) | null], void>;

package/dist/esm/atoms/freebieClaimModalAtom.d.ts

@@ -0,0 +1,7 @@
+export declare const freebieClaimModalState: import("jotai").PrimitiveAtom<{
+    isOpen: boolean;
+}> & {
+    init: {
+        isOpen: boolean;
+    };
+};

package/dist/esm/atoms/giftWrap.d.ts

@@ -0,0 +1,2 @@
+export declare const giftWrapAtom: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
+export declare const giftWrapIdAtom: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/gstCompanyNameAtom.d.ts

@@ -0,0 +1 @@
+export declare const gstCompanyNameState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/gstInputAtom.d.ts

@@ -0,0 +1 @@
+export declare const gstNumberState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/maxQtyErrorAtom.d.ts

@@ -0,0 +1,3 @@
+export declare const maxQtyErrorState: import("jotai").PrimitiveAtom<string | undefined> & {
+    init: string | undefined;
+};

package/dist/esm/atoms/multiClaimSelectionAtom.d.ts

@@ -0,0 +1,19 @@
+export interface MultiClaimSelection {
+    selectedProducts: string[];
+    maxAllowed: number;
+    tierName: string;
+}
+export declare const multiClaimSelectionState: import("jotai").PrimitiveAtom<MultiClaimSelection> & {
+    init: MultiClaimSelection;
+};
+export declare const isSelectionLimitReachedAtom: import("jotai").Atom<boolean>;
+export declare const selectionCountAtom: import("jotai").Atom<number>;
+export declare const toggleProductSelectionAtom: import("jotai").WritableAtom<null, [productId: string], void> & {
+    init: null;
+};
+export declare const resetSelectionAtom: import("jotai").WritableAtom<null, [], void> & {
+    init: null;
+};
+export declare const initializeSelectionAtom: import("jotai").WritableAtom<null, [maxAllowed: number, tierName: string], void> & {
+    init: null;
+};

package/dist/esm/atoms/noteInputAtom.d.ts

@@ -0,0 +1,3 @@
+export declare const noteInputState: import("jotai").PrimitiveAtom<string> & {
+    init: string;
+};

package/dist/esm/atoms/postalCodeAtom.d.ts

@@ -0,0 +1 @@
+export declare const postalCodeState: import("jotai").WritableAtom<number | undefined, [number | typeof import("jotai/utils").RESET | ((prev: number | undefined) => number | typeof import("jotai/utils").RESET | undefined) | undefined], void>;

package/dist/esm/atoms/shippingAtom.d.ts

@@ -0,0 +1,8 @@
+interface DeliveryOptionState {
+    isPostalCodeValid: boolean;
+    isDateValid: boolean;
+}
+export declare const deliveryOptionChosenState: import("jotai").WritableAtom<DeliveryOptionState, [DeliveryOptionState | typeof import("jotai/utils").RESET | ((prev: DeliveryOptionState) => DeliveryOptionState | typeof import("jotai/utils").RESET)], void>;
+export declare const isDeliveryOptionValidState: import("jotai").Atom<boolean>;
+export declare const deliveryTypeState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
+export {};

package/dist/esm/atoms/showGSTInputAtom.d.ts

@@ -0,0 +1 @@
+export declare const showGSTInputState: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;

package/dist/esm/atoms/variantSelectionModalAtom.d.ts

@@ -0,0 +1,23 @@
+export declare const variantSelectionModalState: import("jotai").PrimitiveAtom<{
+    open: boolean;
+    variantId: string | undefined;
+    quantity?: number | undefined;
+    handle: string | undefined;
+    freebieSelection?: boolean | undefined;
+    lineItemKey?: string | undefined;
+    productId?: string | undefined;
+    allowedVariantIds?: string[] | undefined;
+    productRec?: boolean | undefined;
+}> & {
+    init: {
+        open: boolean;
+        variantId: string | undefined;
+        quantity?: number | undefined;
+        handle: string | undefined;
+        freebieSelection?: boolean | undefined;
+        lineItemKey?: string | undefined;
+        productId?: string | undefined;
+        allowedVariantIds?: string[] | undefined;
+        productRec?: boolean | undefined;
+    };
+};

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

@@ -0,0 +1,395 @@
+import React from "react";
+import "./bundle.scss";
+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;
+    };
+};
+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" | "";
+    options: ProductOption[];
+    onlineStoreUrl: string;
+    tracksInventory?: boolean;
+    collections: {
+        edges: CollectionNode[];
+    };
+    variants: {
+        edges: VariantNode[];
+    };
+    shop: string;
+    metafield?: {
+        key: string;
+        namespace: string;
+        ownerType: string;
+        value: string;
+        id: string;
+        jsonValue: string[];
+        type: string;
+    };
+    descriptionHtml: string;
+    media: {
+        edges: {
+            node: {
+                alt: string;
+                preview: {
+                    image: {
+                        altText: string;
+                        width?: number;
+                        height?: number;
+                        url: string;
+                    };
+                };
+                image: {
+                    altText: string;
+                    height: number;
+                    width: number;
+                    url: string;
+                };
+            };
+        }[];
+    };
+    selectedVariant?: SelectedVariantDetails;
+    rating?: {
+        averageRating: number;
+        ratingCount: number;
+    };
+};
+export 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;
+};
+export type Customizations = {
+    shop?: string;
+    general: GeneralStyle;
+    byob: ByobStyle;
+    fixedBundle: FixedStyle;
+    volumeBundle: VolumeStyle;
+    comboBundle: ComboStyle;
+    createdAt?: string;
+    updatedAt?: string;
+};
+export type BundlePayload = {
+    showIndividualProductSelector: boolean;
+    title?: string;
+    subtitle?: string;
+    products: ProductData[];
+    percentageOff?: number;
+    dealAmount?: number;
+    amountOff?: number;
+    type: "fixed" | "builder" | "volume" | "mixAndMatch" | "" | "combo" | "collection";
+    minimumQuantity: number;
+    showProductDetailsInTracker: boolean;
+    coverImageUrl?: string;
+    mobileCoverImageUrl?: string;
+    titleSectionTextColor?: string;
+    titleSectionBackgroundColor?: string;
+    dealTextColor?: string;
+    showBorder?: boolean;
+    hideProductDetails?: boolean;
+    cornerRadiusType?: "medium" | "high" | "";
+    primaryBackgroundColorCta?: string;
+    enableProgressBar?: boolean;
+    enableSortAndFilter?: boolean;
+    disableQuantitySelector?: boolean;
+    disableInventoryTracking?: boolean;
+    alignFixedBundleContent?: "left" | "right" | "center" | "";
+    imageAspectType?: "portrait" | "square" | "";
+    backgroundColorFixedBundleDiv?: string;
+    canCustomizeFixedBundle?: boolean;
+    primaryTextColorCta?: string;
+    showVariants?: boolean;
+    discountType?: string;
+    showCta?: boolean;
+    productCardBadgeText?: string;
+    coverImageVerticalMargin?: string;
+    builderTiers?: {
+        type: string;
+        offerTier?: {
+            tier: number;
+            minimumQuantity: number;
+            discountValue: number;
+        }[];
+        productTier?: {
+            tier: number;
+            title: string;
+            minimumQuantity: number;
+            isFixed?: boolean;
+            isFreebieTier?: boolean;
+            products: {
+                productId: string;
+                variantIds: string[];
+            }[];
+        }[];
+    };
+    volumeTiers?: {
+        isDefault: unknown;
+        tier: number;
+        minimumQuantity: number;
+        title: string;
+        subtitle: string;
+        badgeTitle: string;
+        discountValue: number;
+        imageUrl?: string;
+    }[];
+    mixAndMatchTiers?: {
+        tier: number;
+        title: string;
+        products: {
+            productId: string;
+            variantIds: string[];
+        }[];
+    }[];
+    customizations: Customizations;
+    variantOptions?: VariantOptions;
+    storeCurrencyCode?: string;
+    customStoreDetails?: {
+        [key: string]: any;
+    };
+    customProductsQuantity?: number | null;
+    reviewRatingType?: "none" | "ratingOnly" | "ratingAndReviewCount";
+    appName?: string;
+    pageHeader?: {
+        title?: string;
+        description?: string;
+        customizePadding?: string;
+    };
+};
+export 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;
+};
+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;
+}[], setSelectedItems: React.Dispatch<React.SetStateAction<{
+    variantId: string;
+    product: ProductDetails;
+    quantity: number;
+    isFree?: boolean | undefined;
+}[]>>, isFreebie?: boolean) => void;
+declare const Bundle: React.FC<BundleProps>;
+export default Bundle;

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

@@ -0,0 +1,40 @@
+import "../bundle.scss";
+import React from "react";
+import { BundlePayload, ProductDetails } from "../Bundle";
+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;
+    }[];
+    setSelectedItems: React.Dispatch<React.SetStateAction<{
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+        isFree?: boolean;
+    }[]>>;
+    handleAddToCart: (e: any) => Promise<void>;
+    bundleAddToCartLoading: boolean;
+    renderingOnPage: boolean;
+    selectedItemsQuantity: number;
+    handleRemoveItem: (variantId: string) => void;
+    bundleSubtotal: {
+        price: number;
+        compareAtPrice: number;
+    };
+};
+declare const BundleBuilder: React.FC<BundleBuilderProps>;
+export default BundleBuilder;

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

@@ -0,0 +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;

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { ProductDetails, VariantOptions } from "../Bundle";
+interface SingleProductVariantOptionsModalProps {
+    product: ProductDetails;
+    isOpen: boolean;
+    onClose: () => void;
+    variantOptions?: VariantOptions;
+    cta: {
+        textColor: string;
+        backgroundColor: string;
+    };
+    onConfirm: (variantId: string) => void;
+}
+declare const SingleProductVariantOptionsModal: React.FC<SingleProductVariantOptionsModalProps>;
+export default SingleProductVariantOptionsModal;

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

@@ -0,0 +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;