yt-uikit 0.8.73 → 0.8.74

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,420 @@
+import React from "react";
+import "./bundle.scss";
+interface ShopifyCurrency {
+    rate: number;
+    active: string;
+}
+declare global {
+    interface Window {
+        Shopify?: {
+            currency?: ShopifyCurrency;
+            shop?: string;
+        };
+    }
+}
+type ProductImage = {
+    url: string;
+    height: number;
+    width: number;
+    altText?: string;
+};
+type ProductFeaturedMedia = {
+    alt: string;
+    preview: {
+        image: {
+            url: string;
+            height?: number;
+            width?: number;
+            altText: string;
+        };
+    };
+};
+type ProductOption = {
+    id: string;
+    name: string;
+    values: string[];
+};
+type CollectionNode = {
+    node: {
+        id: string;
+        title: string;
+        handle: string;
+    };
+};
+export type VariantNode = {
+    node: {
+        id: string;
+        price: string;
+        compareAtPrice: string;
+        title: string;
+        displayName: string;
+        image: ProductImage;
+        availableForSale: boolean;
+        inventoryQuantity: number;
+        inventoryItem?: {
+            tracked?: boolean;
+        };
+        inventoryPolicy?: "deny" | "continue";
+    };
+};
+type SelectedVariantDetails = {
+    id: string;
+    price: string;
+    compareAtPrice: string;
+    title: string;
+    displayName: string;
+    image: ProductImage;
+    availableForSale: boolean;
+    inventoryQuantity: number;
+};
+export type VariantOptions = {
+    shop: string;
+    options: {
+        name: string;
+        type: "text" | "image" | "color";
+        values: {
+            name: string;
+            value: string;
+        }[];
+    }[];
+    createdAt: string;
+    updatedAt: string;
+};
+export type ProductDetails = {
+    id: string;
+    title: string;
+    handle: string;
+    featuredMedia: ProductFeaturedMedia;
+    status: "active" | "archived" | "draft" | "unlisted" | "";
+    options: ProductOption[];
+    onlineStoreUrl: string;
+    tracksInventory?: boolean;
+    collections: {
+        edges: CollectionNode[];
+    };
+    variants: {
+        edges: VariantNode[];
+    };
+    shop: string;
+    metafield?: {
+        key: string;
+        namespace: string;
+        ownerType: string;
+        value: string;
+        id: string;
+        jsonValue: string[];
+        type: string;
+    };
+    descriptionHtml: string;
+    media: {
+        edges: {
+            node: {
+                alt: string;
+                preview: {
+                    image: {
+                        altText: string;
+                        width?: number;
+                        height?: number;
+                        url: string;
+                    };
+                };
+                image: {
+                    altText: string;
+                    height: number;
+                    width: number;
+                    url: string;
+                };
+            };
+        }[];
+    };
+    selectedVariant?: SelectedVariantDetails;
+    rating?: {
+        averageRating: number;
+        ratingCount: number;
+    };
+};
+export type ProductData = {
+    productId: string;
+    variantIds: string[];
+    productDetails: ProductDetails;
+};
+type GeneralStyle = {
+    primaryColor: string;
+    primaryContrastColor: string;
+    secondaryColor: string;
+    secondaryContrastColor: string;
+    imageAspectRatio: string;
+    ctaBackgroundColor: string;
+    ctaTextColor: string;
+    ctaBorderColor: string;
+    ctaShadowType: string;
+    ctaPadding: string;
+    ctaWidth: string;
+    ctaBorderRadius: string;
+    ctaHoverBackgroundColor: string;
+    ctaHoverTextColor: string;
+    customizeHoverState: boolean;
+    checkoutPartner: string;
+    redirectToPDP: boolean;
+    restrictCOD: boolean;
+    trackInventory: boolean;
+    showOutOfStockProducts: boolean;
+    outOfStockLabel: string;
+    disabledButtonColor: string;
+    storeCurrency: string;
+    currencySymbol: string;
+    discountPrefix: string;
+    discountSuffix: string;
+    addOrderTags: boolean;
+    addOrderNotes: boolean;
+    variantTitleSuffix: boolean;
+    titleLength: string;
+    showDecimalsInBundlePricing?: boolean;
+    showPaymentIcons?: boolean;
+};
+type VolumeStyle = {
+    addtoCartMethod: string;
+    titleFontSize: string;
+    subtitleFontSize: string;
+    titleBackgroundColor: string;
+    titleTextColor: string;
+    verticalMargin: string;
+    sectionBackgroundColor: string;
+    cardStyle: string;
+    discountBadgeVisibility: string;
+    tierPriceType: "none" | "unit-price" | "tier-price";
+    allowVariantSelection: string;
+    variantSelectorType: string;
+    ctaTitle: string;
+    bundleRedirection: string;
+    discountBadgeDisplay: string;
+    discountDisplayType: string;
+};
+type ComboStyle = {
+    productTitleFontSize: string;
+    productDescriptionFontSize: string;
+    descriptionTextColor: string;
+    titleTextColor: string;
+    verticalMargin: string;
+    infoAlignment: string;
+    ctaTitle: string;
+    bundleRedirection: string;
+    embedContentVisibility: boolean;
+    mixAndMatchCardStyle: string;
+    mixAndMatchVariantTypeSelector: string;
+    comboCardStyle: string;
+    comboVariantTypeSelector: string;
+    selectedEmbedContentVisibilityOptions: string[];
+    subProductsSectionVisibility: boolean;
+    subProductsImageVisibility: boolean;
+    subProductsProductTitleVisibility: boolean;
+    subProductsProductPriceVisibility: boolean;
+};
+type ByobStyle = {
+    titleFontSize: string;
+    subtitleFontSize: string;
+    titleBackgroundColor: string;
+    titleTextColor: string;
+    productTitleFontSize: string;
+    showVariantTitleInCard: boolean;
+    productVariantTitleType: "product-title" | "variant-title" | "variant-display-name";
+    productTitleWrapLines: string;
+    productCardDetailsAlignment: "left" | "center" | "right";
+    sectionBackgroundColor: string;
+    lazyLoadWidget: string;
+    listingsGap: string;
+    footerMargin: string;
+    borderRadius: string;
+    borderColor: string;
+    cardBackgroundColor: string;
+    shadowType: string;
+    addToBundleCTAText: string;
+    checkoutCTAText: string;
+    variantSelectorType: string;
+    primaryVariant: string;
+    productsPriceVisibility: boolean;
+    compareAtPriceVisibility: boolean;
+    selectedProductsVisibility: boolean;
+    bundleRedirection: string;
+    enableConfetti: boolean;
+    selectedItemVisibility: boolean;
+    productTiersVisibility: boolean;
+    tierNavigation: boolean;
+    enableProductCategories: boolean;
+    productCardCategoryVisibility: string;
+    categoryFilterOnPage: string;
+    productFiltersDisplay: "none" | "drawer" | "sidebar";
+    filtersProvider: "based-on-products-data" | "search-and-discovery-app-sync";
+    selectedFilterOptions: string[];
+};
+type FixedStyle = {
+    titleFontSize: string;
+    subtitleFontSize: string;
+    titleBackgroundColor: string;
+    titleTextColor: string;
+    verticalMargin: string;
+    sectionBackgroundColor: string;
+    borderRadius: string;
+    borderColor: string;
+    cardBackgroundColor: string;
+    shadowType: string;
+    infoAlignment: string;
+    ctaTitle: string;
+    bundleRedirection: string;
+    cardLayoutStyle: string;
+    variantSelectorType: string;
+    productsPriceVisibility: boolean;
+    compareAtPriceVisibility: boolean;
+};
+export type Customizations = {
+    shop?: string;
+    general: GeneralStyle;
+    byob: ByobStyle;
+    fixedBundle: FixedStyle;
+    volumeBundle: VolumeStyle;
+    comboBundle: ComboStyle;
+    createdAt?: string;
+    updatedAt?: string;
+};
+export type ProductTier = {
+    tier: number;
+    title: string;
+    minimumQuantity: number;
+    isFixed?: boolean;
+    isFreebieTier?: boolean;
+    products: {
+        productId: string;
+        variantIds: string[];
+    }[];
+};
+export type BundlePayload = {
+    _id: string;
+    showIndividualProductSelector: boolean;
+    title?: string;
+    subtitle?: string;
+    products: ProductData[];
+    percentageOff?: number;
+    dealAmount?: number;
+    amountOff?: number;
+    type: "fixed" | "builder" | "volume" | "mixAndMatch" | "" | "combo" | "collection";
+    minimumQuantity: number;
+    showProductDetailsInTracker: boolean;
+    coverImageUrl?: string;
+    mobileCoverImageUrl?: string;
+    titleSectionTextColor?: string;
+    titleSectionBackgroundColor?: string;
+    dealTextColor?: string;
+    showBorder?: boolean;
+    hideProductDetails?: boolean;
+    cornerRadiusType?: "medium" | "high" | "";
+    primaryBackgroundColorCta?: string;
+    enableProgressBar?: boolean;
+    enableSortAndFilter?: boolean;
+    disableQuantitySelector?: boolean;
+    disableInventoryTracking?: boolean;
+    alignFixedBundleContent?: "left" | "right" | "center" | "";
+    imageAspectType?: "portrait" | "square" | "";
+    backgroundColorFixedBundleDiv?: string;
+    canCustomizeFixedBundle?: boolean;
+    primaryTextColorCta?: string;
+    showVariants?: boolean;
+    discountType?: string;
+    showCta?: boolean;
+    productCardBadgeText?: string;
+    coverImageVerticalMargin?: string;
+    builderTiers?: {
+        type: string;
+        offerTier?: {
+            tier: number;
+            minimumQuantity: number;
+            discountValue: number;
+        }[];
+        productTier?: ProductTier[];
+    };
+    volumeTiers?: {
+        isDefault: unknown;
+        tier: number;
+        minimumQuantity: number;
+        title: string;
+        subtitle: string;
+        badgeTitle: string;
+        discountValue: number;
+        imageUrl?: string;
+    }[];
+    mixAndMatchTiers?: {
+        tier: number;
+        title: string;
+        products: {
+            productId: string;
+            variantIds: string[];
+        }[];
+    }[];
+    customizations: Customizations;
+    variantOptions?: VariantOptions;
+    storeCurrencyCode?: string;
+    customStoreDetails?: {
+        [key: string]: any;
+    };
+    customProductsQuantity?: number | null;
+    reviewRatingType?: "none" | "ratingOnly" | "ratingAndReviewCount";
+    appName?: string;
+    pageHeader?: {
+        title?: string;
+        description?: string;
+        customizePadding?: string;
+    };
+};
+export type EventNameCustom = "byob_checkout_cta" | "byob_add_to_bundle" | "block_visibility" | "bundle_add_to_cart";
+export type EventTypeCustom = "clicks" | "views";
+export type AnalyticsEventParams = {
+    eventNameCustom: EventNameCustom;
+    eventTypeCustom: EventTypeCustom;
+    data: any;
+};
+export type BundleProps = {
+    bundle: BundlePayload;
+    addToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
+        variantId: string;
+        price: number;
+    }[]) => Promise<void>;
+    addCustomBundleToCart?: (e: any) => Promise<void>;
+    selectedItems?: {
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+    }[];
+    setSelectedItems?: React.Dispatch<React.SetStateAction<{
+        variantId: string;
+        product: ProductDetails;
+        quantity: number;
+    }[]>>;
+    bundleAddToCartLoading?: boolean;
+    handleRemoveItem?: (variantId: string) => void;
+    selectedItemsQuantity?: number;
+    renderingOnPage?: boolean;
+    bundleSubtotal?: {
+        price: number;
+        compareAtPrice: number;
+    };
+    bundleHeaderBackgroundColor?: string;
+    currentProductId?: string;
+    dispatchAnalyticsEvent?: (params: AnalyticsEventParams) => void;
+    fetchStoreDetails?: () => Promise<any>;
+};
+export declare const currencyPrice: (price: number | string | undefined) => string | undefined;
+export declare const getCurrencySymbol: (genSymbol: string, storeCurrencyCode?: string) => string;
+export declare const optimiseImage: (url: string, width?: number) => string;
+export declare const handleAddToBundle: (variantId: string, product: ProductDetails, quantity: number, selectedItems: {
+    variantId: string;
+    product: ProductDetails;
+    quantity: number;
+    tierIndex?: number | undefined;
+}[], setSelectedItems: React.Dispatch<React.SetStateAction<{
+    variantId: string;
+    product: ProductDetails;
+    quantity: number;
+    isFree?: boolean | undefined;
+    tierIndex?: number | undefined;
+}[]>>, isFreebie?: boolean, tierIndex?: number) => void;
+declare const Bundle: React.FC<BundleProps>;
+export default Bundle;

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

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

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

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

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

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