yt-uikit 0.8.73 → 0.8.74

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

@@ -0,0 +1,28 @@
+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;
+}
+interface SingleProductVariantOptionsModalProps {
+    product: ProductDetails;
+    isOpen: boolean;
+    onClose: () => void;
+    variantOptions?: VariantOptions;
+    cta: {
+        textColor: string;
+        backgroundColor: string;
+    };
+    onConfirm: (variantId: string) => void;
+}
+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

@@ -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;

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

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

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

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

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

@@ -0,0 +1,37 @@
+import React from "react";
+import { ProductDetails, Customizations, VariantOptions } from "../Bundle";
+import "../bundle.scss";
+type BundleProductDetailsModalProps = {
+    handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number) => void;
+    selectedProducts: {
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+    }[];
+    selectedProductsByTier?: {
+        [tier: number]: string[];
+    };
+    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;
+    };
+    customVariantsQuantity?: {
+        quantity: number;
+        variantId: string;
+    }[];
+    bundleProductsCustomQuantity?: number | null;
+    isFreebieTier?: boolean;
+    showFreebieTierProductPrices?: boolean;
+    bundleVariantOptions?: VariantOptions;
+};
+declare const BundleProductDetailsModal: React.ForwardRefExoticComponent<BundleProductDetailsModalProps & React.RefAttributes<HTMLDivElement>>;
+export default BundleProductDetailsModal;

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

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

package/dist/esm/components/BundleBlock/CollectionBundle/CategoryFilter.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { BundleConfig, Product } from "./ColllectionBundle";
+export declare const CategoryFilter: ({ styles, isMobile, categories, activeCategory, onCategoryChange, }: {
+    isMobile: boolean;
+    styles: BundleConfig["customizations"];
+    categories: string[];
+    activeCategory: string;
+    onCategoryChange: (category: string) => void;
+}) => React.JSX.Element;
+export declare const getProductCategories: (product: Product) => string[];

package/dist/esm/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts

@@ -0,0 +1,126 @@
+import React from "react";
+export type Product = {
+    id: number;
+    title: string;
+    handle: string;
+    description: string | null;
+    published_at: string;
+    created_at: string;
+    vendor: string;
+    type: string;
+    tags: string[];
+    price: number;
+    price_min: number;
+    price_max: number;
+    available: boolean;
+    price_varies: boolean;
+    compare_at_price: number | null;
+    compare_at_price_min: number;
+    compare_at_price_max: number;
+    compare_at_price_varies: boolean;
+    metafields?: {
+        custom: any;
+        judgeme: any;
+        yourtoken_bundles_app: {
+            categories?: string[];
+        };
+    };
+    variants: Array<{
+        id: number;
+        title: string;
+        option1: string | null;
+        option2: string | null;
+        option3: string | null;
+        sku: string;
+        requires_shipping: boolean;
+        taxable: boolean;
+        featured_image: any | null;
+        available: boolean;
+        name: string;
+        public_title: string;
+        options: string[];
+        price: number;
+        weight: number;
+        compare_at_price: number | null;
+        inventory_management: string;
+        barcode: string;
+        requires_selling_plan: boolean;
+        selling_plan_allocations: any[];
+        quantity_rule: {
+            min: number;
+            max: number | null;
+            increment: number;
+        };
+    }>;
+    images: string[];
+    image?: string;
+    options?: string[];
+};
+type DiscountData = {
+    type: "dummy_coupon" | "percentage_discount_coupon" | "amount_discount_coupon" | "fixed_price_collection";
+    tiers: {
+        minimumQuantity: number;
+        discountValue: number;
+    };
+} | null;
+export type BundleConfig = {
+    config: {
+        shop: string;
+        collectionIds: string[];
+        type: "collection";
+        builderTiers: {
+            type: "collectionTier";
+            collectionTier: {
+                title: string;
+                tier: number;
+                maximumQuantity: number;
+                collectionId: string;
+                handle: string;
+                products: Product[];
+                discountData: DiscountData;
+            }[];
+        };
+        form?: {
+            title?: string;
+            sections?: {
+                title: string;
+                type: "text" | "image";
+                fields: {
+                    title: string;
+                }[];
+            }[];
+        };
+    };
+    customizations: {
+        borderRadius: string;
+        atcBg: string;
+        atcText: string;
+        productImageRatio: string;
+        bundleBg: string;
+        bundleText: string;
+        bundleBorder: string;
+        btnPrimaryBg: string;
+        btnPrimaryText: string;
+        productCardBorder: string;
+        productCardBg: string;
+        productCardShadow: string;
+        hideSelectedProducts: boolean;
+        allowMultipleQty: boolean;
+        hideOutOfStockProducts: boolean;
+        bundleRedirection: "cart-drawer" | "checkout";
+        checkoutPartner: "shopify" | "razorpay" | "shiprocket" | "gokwik" | "breeze" | "zecpay" | "shopflo";
+        showTierSteps: boolean;
+        headerImage: string;
+        stickyBarWidth: "compact" | "full-width";
+        productCardCategoryVisibility?: boolean;
+        enableProductCategories?: boolean;
+        categoryFilterOnPage?: "tabs" | "box";
+    };
+};
+interface CollectionBundleProps {
+    config: BundleConfig;
+    addCustomBundleToCart: (items: any) => void;
+    bundleAddToCartLoading: boolean;
+}
+declare const CollectionBundle: ({ config, bundleAddToCartLoading, addCustomBundleToCart, }: CollectionBundleProps) => React.JSX.Element;
+export default CollectionBundle;

package/dist/esm/components/BundleBlock/CollectionBundle/FileUpload.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface UploadFieldProps {
+    title: string;
+    uploadState?: {
+        url?: string;
+        name?: string;
+        loading?: boolean;
+        error?: boolean;
+    } | string;
+    onUpload: () => void;
+    onRemove: () => void;
+    onRetry: () => void;
+}
+export declare const UploadField: ({ title, uploadState, onUpload, onRemove, onRetry, }: UploadFieldProps) => React.JSX.Element;
+export {};

package/dist/esm/components/BundleBlock/CollectionBundle/LoadingSpinner.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const LoaderSpinner: () => React.JSX.Element;

package/dist/esm/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Product, BundleConfig } from "./ColllectionBundle";
+type ProductDetailsModalProps = {
+    product: Product;
+    tierIdx: number;
+    isOpen: boolean;
+    onClose: () => void;
+    onAddToBundle: (product: Product, tierIdx: number) => void;
+    canAdd: boolean;
+    isSelected: boolean;
+    customizations: BundleConfig["customizations"];
+    isMobile: boolean;
+};
+export declare const ProductDetailsModal: ({ product, tierIdx, isOpen, onClose, onAddToBundle, canAdd, isSelected, customizations, isMobile, }: ProductDetailsModalProps) => React.ReactPortal | null;
+export {};

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { BundleProps } from "./Bundle";
+declare global {
+    interface Window {
+        ytComboBundle?: {
+            bundle: BundleProps["bundle"];
+            addToCart: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
+                variantId: string;
+                price: number;
+            }[]) => Promise<void>;
+            selectedVariants: Record<number, string>;
+        } | undefined;
+    }
+}
+import "./bundle.scss";
+declare const ComboBundle: React.FC<BundleProps>;
+export default ComboBundle;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { BundleProps } from "../Bundle";
+declare const FixedBundle: React.FC<BundleProps>;
+export default FixedBundle;

package/dist/esm/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+interface Option {
+    name: string;
+    values: string[];
+}
+interface VariantOption {
+    name: string;
+    type: "color" | "image" | "text";
+    values: {
+        name: string;
+        value: string;
+    }[];
+}
+interface VariantOptions {
+    options: VariantOption[];
+}
+interface ProductVariant {
+    node: {
+        id: string;
+        title: string;
+        inventoryQuantity: number;
+        inventoryItem?: {
+            tracked?: boolean;
+        };
+        inventoryPolicy?: "deny" | "continue";
+    };
+}
+interface Product {
+    options: Option[];
+    tracksInventory?: boolean;
+    variants: {
+        edges: ProductVariant[];
+    };
+}
+interface ProductVariantSelectorProps {
+    product: Product;
+    variantOptions?: VariantOptions;
+    selectedVariants: string[];
+    onVariantChange: (variantId: string) => void;
+    variantType?: string;
+    variantId?: string;
+    primaryProductId?: string;
+}
+export declare const ProductVariantSelector: React.FC<ProductVariantSelectorProps>;
+export {};

package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { ProductData, VariantOptions } from "../Bundle";
+interface ProductWithIndex {
+    product: ProductData;
+    index: number;
+}
+interface VariantSelectorModalProps {
+    productsWithIndices: ProductWithIndex[];
+    isOpen: boolean;
+    onClose: () => void;
+    variantOptions?: VariantOptions;
+    cta: {
+        textColor: string;
+        backgroundColor: string;
+    };
+    primaryProductId?: string;
+    variantId?: string;
+    onVariantChange: (index: number, variantId: string) => void;
+    handleAddToCart: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => Promise<void>;
+}
+declare const VariantSelectorModal: React.FC<VariantSelectorModalProps>;
+export default VariantSelectorModal;