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

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

@@ -0,0 +1,51 @@
+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;
+        isFree?: boolean;
+    }[];
+    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,26 @@
+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;

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/ColllectionBundle.d.ts

@@ -0,0 +1,116 @@
+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;
+    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";
+    };
+};
+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,16 @@
+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>;
+        } | 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,39 @@
+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;
+    };
+}
+interface Product {
+    options: Option[];
+    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;

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

@@ -0,0 +1,90 @@
+/// <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 Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SubHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HorizontalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    canCustomize: boolean;
+}>> & string;
+export declare const ItemImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const ItemDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ItemTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PriceSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NewPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const OldPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const Summary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OriginalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TotalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SaveTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const AddToCart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const CustomDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Swatch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Chevron: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const VerticalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VerticalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VerticalSubHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VerticalCard: 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;
+    backgroundColor: string;
+    productsLength: number;
+}>> & 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>, {
+    aspect?: string | undefined;
+}>> & string;
+export declare const VariantButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const PencilIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-icons").IconBaseProps, never>> & string & Omit<import("react-icons").IconType, keyof import("react").Component<any, {}, any>>;
+export declare const BadgeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CircleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CircleButtonTwo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CountBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductInfo: 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<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PriceLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SummaryBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AddBundleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const PlusWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PlusWrapperWithHiding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const PlusSeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChevronIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react-icons").IconBaseProps, {
+    $isOpen: boolean;
+}>> & string & Omit<import("react-icons").IconType, keyof import("react").Component<any, {}, any>>;
+export declare const DropdownList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isSelected: boolean;
+}>> & string;
+export declare const ItemText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ColorSwatch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $color: string;
+}>> & string;
+export declare const ImageSwatch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const SelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isFirst: boolean;
+}>> & string;
+export declare const OptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const CheckboxContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HiddenCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const StyledCheckboxLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+}>, never>, {
+    isChecked: boolean;
+    borderColor?: string | undefined;
+    borderRadius?: string | undefined;
+    backgroundColor?: string | undefined;
+}>> & string;
+export declare const HorizontalCheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VerticalCheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
+    isImage?: boolean | undefined;
+}>> & string;

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

@@ -0,0 +1,5 @@
+import React from "react";
+import "./loader.scss";
+type BundleLoaderProps = {};
+declare const BundleLoader: React.FC<BundleLoaderProps>;
+export default BundleLoader;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { type BundlePayload } from "../Bundle";
+interface MixAndMatchBundleProps {
+    bundle: BundlePayload;
+    addToCartFunction: any;
+}
+declare const MixAndMatchBundle: React.FC<MixAndMatchBundleProps>;
+export default MixAndMatchBundle;