yt-uikit 0.8.7-inventoryPolicy.0 → 0.8.7-shadowdomBundlenew.0

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

@@ -1,38 +1,39 @@
-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;
-    }[];
-    setSelectedItems: React.Dispatch<React.SetStateAction<{
-        variantId: string;
-        product: ProductDetails;
-        quantity: number;
-    }[]>>;
-    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;
+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;
+    }[];
+    setSelectedItems: React.Dispatch<React.SetStateAction<{
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+    }[]>>;
+    handleAddToCart: (e: any) => Promise<void>;
+    bundleAddToCartLoading: boolean;
+    renderingOnPage: boolean;
+    selectedItemsQuantity: number;
+    handleRemoveItem: (variantId: string) => void;
+    bundleSubtotal: {
+        price: number;
+        compareAtPrice: number;
+    };
+    shadowRoot?: ShadowRoot | null;
+};
+declare const BundleBuilder: React.FC<BundleBuilderProps>;
+export default BundleBuilder;

package/dist/esm/types/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/types/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts

@@ -1,15 +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;
+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/types/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/types/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts

@@ -1,50 +1,52 @@
-import React from "react";
-import { Customizations, ProductDetails } from "../Bundle";
-import "../bundle.scss";
-type BundleBuilderTrackerProps = {
-    builderTiers?: {
-        type: string;
-        offerTier?: {
-            tier: number;
-            minimumQuantity: number;
-            discountValue: number;
-        }[];
-        productTier?: {
-            tier: number;
-            minimumQuantity: number;
-            title: string;
-            products: any;
-        }[];
-    };
-    selectedProducts: {
-        variantId: string;
-        product: ProductDetails;
-        quantity: 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;
-    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;
-};
-export declare const BundleBuilderTrackerBar: React.FC<BundleBuilderTrackerProps>;
-export default BundleBuilderTrackerBar;
+import React from "react";
+import { Customizations, ProductDetails } from "../Bundle";
+import "../bundle.scss";
+import "./bundleBuilderTracker.style.css";
+type BundleBuilderTrackerProps = {
+    builderTiers?: {
+        type: string;
+        offerTier?: {
+            tier: number;
+            minimumQuantity: number;
+            discountValue: number;
+        }[];
+        productTier?: {
+            tier: number;
+            minimumQuantity: number;
+            title: string;
+            products: any;
+        }[];
+    };
+    selectedProducts: {
+        variantId: string;
+        product: ProductDetails;
+        quantity: 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;
+    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;
+    shadowRoot?: ShadowRoot | null;
+};
+export declare const BundleBuilderTrackerBar: React.FC<BundleBuilderTrackerProps>;
+export default BundleBuilderTrackerBar;

package/dist/esm/types/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts

@@ -1,77 +1,77 @@
-/// <reference types="react" />
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMobile: boolean;
-}>> & string;
-export declare const OfferTierTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    primaryColor?: string | undefined;
-    primaryContrastColor?: string | undefined;
-}>> & string;
-export declare const MobileRemaining: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TierProgressContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TierProgressText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TierProgressBarBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TierProgressBarFill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    progressPercentage: number;
-    primaryColor?: string | undefined;
-}>> & string;
-export declare const ProductListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    tierType: string;
-    isMobile: boolean;
-}>> & string;
-export declare const SummaryContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMobile: boolean;
-}>> & string;
-export declare const ItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ItemImageBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMobile: boolean;
-    borderRadius: string;
-    imageUrl: string;
-}>> & string;
-export declare const QuantityBadge: 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 RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const DetailedItemContainer: 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 DetailedImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Badge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InfoBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const RemoveLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PlaceholderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMobile: boolean;
-    borderRadius: string;
-}>> & string;
-export declare const SummaryInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SubtotalLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const SaveLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const SubtotalRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FinalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const LineThroughPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const CheckoutButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    canCheckout: boolean;
-    progressPercentage: number;
-    ctaColors: any;
-    borderRadius: string;
-}>> & string;
-export declare const CheckoutText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    ctaTextColor?: string | undefined;
-    ctaHoverTextColor?: string | undefined;
-}>> & string;
-export declare const BundleBuilderTrackerItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMobile: boolean;
-    borderRadius: string;
-    imageUrl: string;
-}>> & string;
-export declare const ProductListTrackerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ProductListTrackerItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMobile: boolean;
-    imageUrl: string;
-    borderRadius: string;
-}>> & string;
-export declare const DetailedProductItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PlusIconContainer: 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/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isMobile: boolean;
+}>> & string;
+export declare const OfferTierTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    primaryColor?: string | undefined;
+    primaryContrastColor?: string | undefined;
+}>> & string;
+export declare const MobileRemaining: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TierProgressContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TierProgressText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TierProgressBarBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TierProgressBarFill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    progressPercentage: number;
+    primaryColor?: string | undefined;
+}>> & string;
+export declare const ProductListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    tierType: string;
+    isMobile: boolean;
+}>> & string;
+export declare const SummaryContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isMobile: boolean;
+}>> & string;
+export declare const ItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ItemImageBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isMobile: boolean;
+    borderRadius: string;
+    imageUrl: string;
+}>> & string;
+export declare const QuantityBadge: 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 RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const DetailedItemContainer: 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 DetailedImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Badge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const RemoveLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlaceholderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isMobile: boolean;
+    borderRadius: string;
+}>> & string;
+export declare const SummaryInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SubtotalLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SaveLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SubtotalRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FinalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const LineThroughPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const CheckoutButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    canCheckout: boolean;
+    progressPercentage: number;
+    ctaColors: any;
+    borderRadius: string;
+}>> & string;
+export declare const CheckoutText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    ctaTextColor?: string | undefined;
+    ctaHoverTextColor?: string | undefined;
+}>> & string;
+export declare const BundleBuilderTrackerItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isMobile: boolean;
+    borderRadius: string;
+    imageUrl: string;
+}>> & string;
+export declare const ProductListTrackerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductListTrackerItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isMobile: boolean;
+    imageUrl: string;
+    borderRadius: string;
+}>> & string;
+export declare const DetailedProductItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlusIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/types/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts

@@ -1,26 +1,30 @@
-import React from "react";
-import { ProductDetails, Customizations } from "../Bundle";
-import "../bundle.scss";
-type BundleProductDetailsModalProps = {
-    handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number) => void;
-    selectedProducts: {
-        variantId: string;
-        product: ProductDetails;
-        quantity: number;
-    }[];
-    remainingQuantity: number;
-    hideAddToBundle: boolean;
-    disableQuantitySelector: boolean;
-    themeColor?: string;
-    cornerRadius: string;
-    primaryTextColorCta: string;
-    primaryBackgroundColorCta: string;
-    styles: Customizations;
-    reviewRatingType?: "none" | "ratingOnly" | "ratingAndReviewCount";
-    rating?: {
-        averageRating: number;
-        ratingCount: number;
-    };
-};
-declare const BundleProductDetailsModal: React.ForwardRefExoticComponent<BundleProductDetailsModalProps & React.RefAttributes<HTMLDivElement>>;
-export default BundleProductDetailsModal;
+import React from "react";
+import { ProductDetails, Customizations } from "../Bundle";
+import "./bundleProductDetailsModal.style.css";
+import "../bundle.scss";
+import "../BundleBuilder/bundleBuilder.style.css";
+type ShadowRoot = globalThis.ShadowRoot;
+type BundleProductDetailsModalProps = {
+    handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number) => void;
+    selectedProducts: {
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+    }[];
+    remainingQuantity: number;
+    hideAddToBundle: boolean;
+    disableQuantitySelector: boolean;
+    themeColor?: string;
+    cornerRadius: string;
+    primaryTextColorCta: string;
+    primaryBackgroundColorCta: string;
+    styles: Customizations;
+    reviewRatingType?: "none" | "ratingOnly" | "ratingAndReviewCount";
+    rating?: {
+        averageRating: number;
+        ratingCount: number;
+    };
+    shadowRoot?: ShadowRoot | null;
+};
+declare const BundleProductDetailsModal: React.ForwardRefExoticComponent<BundleProductDetailsModalProps & React.RefAttributes<HTMLDivElement>>;
+export default BundleProductDetailsModal;

package/dist/esm/types/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isSmallScreen: boolean;
-}>> & string;
-export declare const BundlProductDetailsModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isDev?: boolean | undefined;
-}>> & string;
-export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
+/// <reference types="react" />
+export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isSmallScreen: boolean;
+}>> & string;
+export declare const BundlProductDetailsModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isDev?: boolean | undefined;
+}>> & string;
+export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;