@liquidcommerce/elements-sdk 2.5.11 → 2.6.0-beta.10

package/dist/types/interfaces/api/product.interface.d.ts

@@ -0,0 +1,106 @@
+import type { FulfillmentType } from '@/enums';
+import type { IAddressAddress, IAddressCoordinates, ILocation } from '@/interfaces/api/address.interface';
+export interface IProductAvailabilityParams {
+    identifiers: string[];
+    location?: ILocation;
+}
+export interface IProductAvailabilityResponse {
+    products: IProduct[];
+    retailers: Record<string, IRetailer>;
+}
+export interface IProductVariant {
+    retailerId: string;
+    shippingFulfillmentId: string;
+    onDemandFulfillmentId: string;
+    isEngravable: boolean;
+    partNumber: string;
+    price: number;
+    stock: number;
+}
+export interface IProductSize {
+    id: string;
+    upc: string;
+    size: string;
+    pack: boolean;
+    packDesc: string;
+    container: string;
+    containerType: string;
+    image: string;
+    uom: string;
+    volume: string;
+    maxQuantityPerOrder: number;
+    attributes: IProductSizeAttributes;
+    shippingVariants: Record<string, IProductVariant>;
+    onDemandVariants: Record<string, IProductVariant>;
+}
+export interface IProductFulfillmentHourStatus {
+    text: string;
+    isOpen: boolean;
+    openTime: string;
+    isClosed: boolean;
+    closeTime: string;
+}
+export interface IProduct {
+    id: string;
+    name: string;
+    description: string;
+    htmlDescription: string;
+    images: string[];
+    brand: string;
+    region: string;
+    country: string;
+    material: string;
+    abv: string;
+    proof: string;
+    age: string;
+    color: string;
+    flavor: string;
+    variety: string;
+    appellation: string;
+    vintage: string;
+    tastingNotes: string;
+    catPath: string;
+    category: string;
+    classification: string;
+    type: string;
+    subType: string;
+    salsifyGrouping: string;
+    noAvailabilityPrice: number;
+    sizes: Record<string, IProductSize>;
+}
+export interface IFulfillment {
+    id: string;
+    type: FulfillmentType;
+    doesAllowGiftCards: boolean;
+    doesAllowPromos: boolean;
+    expectationText: string;
+    engravingExpectationText: string;
+    fee: number;
+    timezone: string;
+    hourStatus: IProductFulfillmentHourStatus;
+}
+export type IRetailerAddress = IAddressAddress & IAddressCoordinates;
+export interface IRetailer {
+    id: string;
+    name: string;
+    address: IRetailerAddress;
+    addressFormatted: string;
+    shippingFulfillment: IFulfillment | null;
+    onDemandFulfillment: IFulfillment | null;
+}
+export interface IProductSizeEngraving {
+    maxLines: number;
+    maxCharsPerLine: number;
+    fee: number;
+    location: string;
+}
+export interface IProductSizeAttributes {
+    presale: IProductPresale;
+    engraving: IProductSizeEngraving;
+}
+export interface IProductPresale {
+    canPurchaseOn: null | string;
+    estimatedShipBy: null | string;
+    isActive: boolean;
+    language: string;
+}

package/dist/types/interfaces/cloud/checkout.interface.d.ts

@@ -1,7 +1,7 @@
 import type { CheckoutEventEnum } from '@/enums';
+import type { IAddressAddress } from '@/interfaces/api/address.interface';
+import type { ICartItemAttributes } from '@/interfaces/api/cart.interface';
 import type { ICoreParams } from '@/interfaces/cloud/core.interface';
-import type { IAddress } from './address.interface';
-import type { ICartAttributesPromoCode, ICartItemAttributes } from './cart.interface';
 import type { IRetailerExpectation } from './retailer.interface';
 export interface ICheckoutRecipient {
     firstName?: string;
@@ -130,7 +130,7 @@ export interface ICheckoutFulfillment extends ICheckoutTotalAmounts {
 export interface ICheckoutRetailer extends ICheckoutTotalAmounts {
     id: string;
     name: string;
-    address?: IAddress;
+    address?: IAddressAddress;
     fulfillments: ICheckoutFulfillment[];
 }
 export interface ICheckoutItem {
@@ -175,6 +175,13 @@ export interface ICheckoutEvents {
     type: CheckoutEventEnum;
     message: string;
 }
+export interface ICheckoutAttributesPromoCode {
+    value: string;
+    discount: number;
+    freeDelivery: boolean;
+    freeServiceFee: boolean;
+    freeShipping: boolean;
+}
 export interface ICheckoutPrepareResponse {
     token: string;
     cartId: string;
@@ -188,7 +195,7 @@ export interface ICheckoutPrepareResponse {
     acceptedAccountCreation?: boolean;
     giftOptions: ICheckoutGiftOptions;
     marketingPreferences: ICheckoutMarketingPreferences;
-    shippingAddress: IAddress;
+    shippingAddress: IAddressAddress;
     billingAddress: ICheckoutBillingAddress;
     amounts: ICheckoutTotalAmounts;
     items: ICheckoutItem[];
@@ -196,7 +203,7 @@ export interface ICheckoutPrepareResponse {
     payment?: string;
     giftCards: ICheckoutGiftCard[];
     events: ICheckoutEvents[];
-    promoCode: ICartAttributesPromoCode;
+    promoCode: ICheckoutAttributesPromoCode;
     isPresaleLocked: boolean;
     presaleExpiresAt: string | null;
 }
@@ -205,10 +212,7 @@ export interface ICheckoutCompleteParams extends ICoreParams {
     payment: string;
 }
 export interface ICheckoutCompleteResponse {
-    order: {
-        number: string;
-        legacyOrderNumber: string;
-        referenceId: string;
-    };
+    legacyOrderNumber: string;
+    referenceId: string;
 }
 export {};

package/dist/types/interfaces/cloud/index.d.ts

@@ -1,7 +1,3 @@
-export * from './address.interface';
-export * from './cart.interface';
-export * from './catalog.interface';
 export * from './checkout.interface';
 export * from './core.interface';
-export * from './product.interface';
 export * from './retailer.interface';

package/dist/types/interfaces/cloud/retailer.interface.d.ts

@@ -1,6 +1,6 @@
 import type { FulfillmentType } from '@/enums';
 import type { DAYS_OF_WEEK } from '@/enums/cloud.enum';
-import type { IAddress, ICoords } from './address.interface';
+import type { IAddressAddress, IAddressCoordinates } from '@/interfaces/api/address.interface';
 export interface IRetailerTimes {
     startsAt: string;
     endsAt: string;
@@ -62,6 +62,6 @@ export interface IRetailer {
     engravingFee?: number;
     subtotal?: number;
     total?: number;
-    address?: IAddress & ICoords;
+    address?: IAddressAddress & IAddressCoordinates;
     fulfillments: IRetailerFulfillments[];
 }

package/dist/types/interfaces/configs/configurations.interface.d.ts

@@ -1,11 +1,11 @@
 export interface IElementsConfigurations {
-    googleTagManagerId: string;
-    enablePartnerGaTracking: boolean;
-    liquidCommerceGoogleTagManagerId: string;
-    enableLiquidCommerceGaTracking: boolean;
+    isElementsEnabled: boolean;
+    enablePartnerGTM: boolean;
+    partnerGTMId: string;
+    enableLiquidCommerceGTM: boolean;
+    liquidCommerceGTMId: string;
     partnerCode: string;
     supportEmail: string;
     builderBackgroundColor: string;
     partnerName: string;
-    isElementsEnabled: boolean;
 }

package/dist/types/interfaces/configs/global.interface.d.ts

@@ -17,6 +17,7 @@ export interface IGlobalTheme {
     accentColor: string;
     defaultTextColor: string;
     selectedTextColor: string;
+    linkTextColor: string;
     errorColor: string;
     warningColor: string;
     successColor: string;

package/dist/types/interfaces/configs/product.interface.d.ts

@@ -2,6 +2,7 @@ import type { DeepPartial } from '@/interfaces/core.interface';
 export type FulfillmentDisplayType = 'carousel' | 'popup';
 export interface IProductLayout {
     showImages: boolean;
+    showOnlyMainImage: boolean;
     showTitle: boolean;
     showDescription: boolean;
     showQuantityCounter: boolean;

package/dist/types/interfaces/core.interface.d.ts

@@ -14,6 +14,7 @@ export interface IElementsProxyConfig {
 export interface ILiquidCommerceElementsDevelopmentConfig {
     customApiUrl?: string;
     paymentMethodId?: string;
+    openShadowDom?: boolean;
 }
 export interface IClientCustomThemeConfig {
     global?: UpdateComponentGlobalConfigs;

package/dist/types/modules/address/address.command.d.ts

@@ -1,6 +1,5 @@
 import { BaseCommand } from '@/core/command/base-command.service';
-import type { IAddress, IAddressAutocompleteResult, IAddressDetailsResult, ICoords } from '@/interfaces/cloud';
-import type { IAddressData } from './address.interface';
+import type { IAddressAddress, IAddressAutocompleteResult, IAddressCoordinates, IAddressData, IAddressDetailsResult } from '@/interfaces/api/address.interface';
 export declare class AddressCommands extends BaseCommand {
     private productCommands;
     private cartCommands;
@@ -9,7 +8,7 @@ export declare class AddressCommands extends BaseCommand {
     searchAddresses(query: string): Promise<IAddressAutocompleteResult[]>;
     getAddressDetails(addressId: string): Promise<IAddressDetailsResult>;
     setSelectedAddress(addressData: IAddressData): Promise<void>;
-    setAddressManually(address: Omit<IAddress, 'id'>, coordinates: ICoords): Promise<void>;
+    setAddressManually(address: IAddressAddress, coordinates: IAddressCoordinates): Promise<void>;
     clearSelectedAddress(): Promise<void>;
     getDetails(): IAddressData | null;
 }

package/dist/types/modules/address/address.interface.d.ts

@@ -1,10 +1,3 @@
-import type { IAddress, ICoords } from '@/interfaces/cloud/address.interface';
 export interface IAddressOptions {
     showLabel?: boolean;
 }
-export interface IAddressData {
-    id: string;
-    formattedAddress: string;
-    address: Omit<IAddress, 'id'>;
-    coordinates: ICoords;
-}

package/dist/types/modules/cart/cart.commands.d.ts

@@ -1,7 +1,6 @@
 import { BaseCommand } from '@/core/command/base-command.service';
 import type { IBaseCartEventData } from '@/core/pubsub/interfaces/cart.interface';
 export interface AddItemParams {
-    upc: string;
     fulfillmentId: string;
     partNumber: string;
     quantity: number;

package/dist/types/modules/cart/components/cart-body.component.d.ts

@@ -1,5 +1,6 @@
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
-export declare class CartBodyComponent extends BaseComponent<null, null> {
+import type { ICartComponent } from '@/interfaces/configs';
+export declare class CartBodyComponent extends BaseComponent<null, ICartComponent> {
     get hostClasses(): string[];
     constructor();
     private createEmptyCartElement;

package/dist/types/modules/cart/components/cart-footer.component.d.ts

@@ -12,7 +12,6 @@ export declare class CartFooterComponent extends BaseComponent<ICartFooterCompon
     onStoreWatch(changes: IOnStoreChanged[]): void;
     afterRender(): void;
     private isAnythingLoading;
-    private hasUnmetMinimum;
     private shouldDisableCheckout;
     private updateCheckoutButtonState;
     private updateSubtotalItemsCount;

package/dist/types/modules/cart/components/cart-fulfillment.component.d.ts

@@ -6,7 +6,6 @@ export declare class CartFulfillmentComponent extends BaseComponent<ICartFulfill
     get hostClasses(): string[];
     constructor();
     private getFulfillmentId;
-    private getProductStore;
     private handleItemsUpdate;
     private setupItemElements;
     private setupMinimumPurchaseAlert;
@@ -17,7 +16,6 @@ export declare class CartFulfillmentComponent extends BaseComponent<ICartFulfill
     private isAnyItemUpdating;
     private checkAndUpdateLoadingState;
     onStoreChanged(changes: IOnStoreChanged[]): boolean | undefined;
-    private hasFulfillmentFeesChanged;
     private hasFulfillmentDataChanged;
     protected afterRender(): void;
     protected disconnected(): void;

package/dist/types/modules/product/components/components.d.ts

@@ -1,12 +1,10 @@
 import type { IProductFulfillmentStore } from '@/core/store/interfaces/product.interface';
 import { type FulfillmentType } from '@/enums';
-import type { IProductSizeAttributes } from '@/interfaces/cloud';
-import type { RetailerStatus } from '@/modules/product/utils/retailer-hours';
-export declare function renderPopupRetailerCard({ fulfillment, selectedFulfillmentType, isSelected, fulfillmentStatus, selectedSizeAttributes, }: {
+import type { IProductSizeAttributes } from '@/interfaces/api/product.interface';
+export declare function renderPopupRetailerCard({ fulfillment, selectedFulfillmentType, isSelected, selectedSizeAttributes, }: {
     fulfillment: IProductFulfillmentStore;
     selectedFulfillmentType: FulfillmentType;
     isSelected: boolean;
-    fulfillmentStatus: RetailerStatus;
     selectedSizeAttributes: IProductSizeAttributes | null;
 }): HTMLElement;
 export declare function renderFulfillmentTabsContainer({ shippingFulfillments, onDemandFulfillments, shippingSelected, onDemandSelected, onTabClick, enableShippingFulfillment, enableOnDemandFulfillment, }: {

package/dist/types/modules/product/product.commands.d.ts

@@ -2,7 +2,7 @@ import { BaseCommand } from '@/core/command/base-command.service';
 import type { IBaseProductEventData } from '@/core/pubsub/interfaces/product.interface';
 import type { IProductDrawerContentConfig } from '@/core/store/interfaces/product.interface';
 import { type FulfillmentType } from '@/enums';
-import type { IProductData } from '@/interfaces/cloud';
+import type { IProductAvailabilityResponse } from '@/interfaces/api/product.interface';
 import { type AddItemParams } from '@/modules/cart/cart.commands';
 export declare class ProductCommands extends BaseCommand {
     private readonly uiCommands;
@@ -11,7 +11,7 @@ export declare class ProductCommands extends BaseCommand {
     static getInstance(): ProductCommands;
     createProductInstance(productId: string, firstTime?: boolean): Promise<void>;
     loadMultipleProducts(productIds: string[]): Promise<void>;
-    loadProduct(productId: string, customProductData?: IProductData | null): Promise<void>;
+    loadProduct(productId: string, customProductData?: IProductAvailabilityResponse | null): Promise<void>;
     selectSize(productId: string, sizeId: string): Promise<void>;
     selectFulfillment(productId: string, selectedFulfillmentId: string): Promise<void>;
     updateQuantity(productId: string, delta: number): Promise<void>;

package/dist/types/modules/product-list/components/index.d.ts

@@ -1,3 +1,5 @@
 export * from './product-list-card.component';
 export * from './product-list-card-loading.component';
 export * from './product-list-filters.component';
+export * from './product-list-filters-subcomponents';
+export * from './product-list-filters-subcomponents/product-list-apply-filter-button.component';

package/dist/types/modules/product-list/components/product-list-card.component.d.ts

@@ -1,11 +1,12 @@
 import { BaseComponent } from '@/core/base-component.service';
-import type { IProduct, IRetailerFulfillments } from '@/interfaces/cloud';
+import type { IFulfillment, IProduct } from '@/interfaces/api/product.interface';
 import type { ProductListCardVariantType } from '@/interfaces/core.interface';
 export interface IProductListCardParams {
     variant: ProductListCardVariantType;
     fillCard: boolean;
     product: IProduct;
-    fulfillments: IRetailerFulfillments[];
+    shippingFulfillment: IFulfillment | null;
+    onDemandFulfillment: IFulfillment | null;
     productUrl?: string;
 }
 export interface IProductAvailabilityData {

package/dist/types/modules/product-list/components/product-list-filters-subcomponents/index.d.ts

@@ -0,0 +1,6 @@
+export * from './product-list-apply-filter-button.component';
+export * from './product-list-checkbox-filter.components';
+export * from './product-list-delivery-options-filter.components';
+export * from './product-list-price-filter.components';
+export * from './product-list-search.component';
+export * from './product-list-toggle-filters.components';

package/dist/types/modules/product-list/components/product-list-filters-subcomponents/product-list-apply-filter-button.component.d.ts

@@ -0,0 +1 @@
+export declare function createApplyFiltersButton(onCloseDrawer: VoidFunction): HTMLElement;

package/dist/types/modules/product-list/components/product-list-filters-subcomponents/product-list-checkbox-filter.components.d.ts

@@ -0,0 +1,7 @@
+import type { ICheckboxLabelStates, ICreateCheckboxFilterHeaderParams, ICreateCheckboxFilterSearchContainerParams, ICreateCheckboxItemParams, IHandleCheckboxFilterSearchParams, IRenderCheckboxItemsParams } from '../../product-list.interface';
+export declare function createCheckboxItem(params: ICreateCheckboxItemParams): HTMLElement;
+export declare function handleCheckboxFilterSearch(params: IHandleCheckboxFilterSearchParams): void;
+export declare function createCheckboxFilterHeader(params: ICreateCheckboxFilterHeaderParams): HTMLElement;
+export declare function createCheckboxFilterSearchContainer(params: ICreateCheckboxFilterSearchContainerParams): HTMLElement;
+export declare function renderCheckboxItems(params: IRenderCheckboxItemsParams): void;
+export declare function updateFilterExpandState(state: ICheckboxLabelStates): void;

package/dist/types/modules/product-list/components/product-list-filters-subcomponents/product-list-delivery-options-filter.components.d.ts

@@ -0,0 +1,16 @@
+export interface ICreateDeliveryOptionsFilterParams {
+    currentFilters?: {
+        deliveryOptions?: string;
+        personalized?: boolean;
+        preOrder?: boolean;
+    };
+    deliveryCollapsed: boolean;
+    isSameDayDeliveryDisabled: boolean;
+    onDeliveryOptionsChange?: (value: 'all' | 'shipping' | 'onDemand') => void;
+    onToggleCollapse: () => void;
+}
+export declare function createDeliveryOptionsFilter(params: ICreateDeliveryOptionsFilterParams): {
+    elements: HTMLElement[];
+    chevronContainer: HTMLElement;
+    deliveryOptionsList: HTMLElement;
+};

package/dist/types/modules/product-list/components/product-list-filters-subcomponents/product-list-price-filter.components.d.ts

@@ -0,0 +1,22 @@
+export interface ICreatePriceFilterParams {
+    priceConfig?: {
+        min?: string;
+        max?: string;
+    };
+    currentFilters?: {
+        price?: {
+            min?: string;
+            max?: string;
+        };
+    };
+    priceCollapsed: boolean;
+    onPriceChange?: (min: string, max: string) => void;
+    onToggleCollapse: () => void;
+    DEFAULT_MIN: string;
+    DEFAULT_MAX: string;
+}
+export declare function createPriceFilter(params: ICreatePriceFilterParams): {
+    elements: HTMLElement[];
+    chevronContainer: HTMLElement;
+    sliderContainer: HTMLElement;
+};

package/dist/types/modules/product-list/components/product-list-filters-subcomponents/product-list-search.component.d.ts

@@ -0,0 +1,16 @@
+import { BaseComponent } from '@/core/base-component.service';
+export interface IProductListSearchParams {
+    searchTerm?: string;
+    handleInputChange?: (search: string) => void;
+    clearSearch?: VoidFunction;
+}
+export declare class ProductListSearchComponent extends BaseComponent<IProductListSearchParams> {
+    private searchInput?;
+    private clearButton?;
+    private readonly ALLOWED_CHARACTERS;
+    private readonly MAX_LENGTH;
+    get hostClasses(): string[];
+    protected template(): HTMLElement[];
+    private sanitizeInput;
+    private updateClearButtonVisibility;
+}

package/dist/types/modules/product-list/components/product-list-filters-subcomponents/product-list-toggle-filters.components.d.ts

@@ -0,0 +1,18 @@
+export interface ICreatePersonalizedFilterParams {
+    currentFilters?: {
+        personalized?: boolean;
+        deliveryOptions?: string;
+    };
+    isPersonalizationDisabled: boolean;
+    onPersonalizedChange?: (enabled: boolean) => void;
+}
+export interface ICreatePreOrderFilterParams {
+    currentFilters?: {
+        preOrder?: boolean;
+        deliveryOptions?: string;
+    };
+    isPreOrderDisabled: boolean;
+    onPreOrderChange?: (enabled: boolean) => void;
+}
+export declare function createPersonalizedFilter(params: ICreatePersonalizedFilterParams): HTMLElement[];
+export declare function createPreOrderFilter(params: ICreatePreOrderFilterParams): HTMLElement[];

package/dist/types/modules/product-list/components/product-list-filters.component.d.ts

@@ -1,21 +1,43 @@
 import { BaseComponent } from '@/core/base-component.service';
+import type { ICurrentFilters, IExtendedFilterSchema, IPriceConfig } from '../product-list.interface';
 export interface IProductListFiltersParams {
     enablePersonalized: boolean;
     enablePreOrder: boolean;
     enableDeliveryOptions: boolean;
+    sanitizedFilters?: IExtendedFilterSchema[];
+    currentFilters?: ICurrentFilters;
+    priceConfig?: IPriceConfig;
+    isDrawerMode?: boolean;
     onPersonalizedChange?: (enabled: boolean) => void;
     onPreOrderChange?: (enabled: boolean) => void;
     onDeliveryOptionsChange?: (value: 'all' | 'shipping' | 'onDemand') => void;
-    currentFilters?: {
-        personalized: boolean;
-        preOrder: boolean;
-        deliveryOptions: 'all' | 'shipping' | 'onDemand';
-    };
+    onPriceChange?: (min: string, max: string) => void;
+    onCheckboxFilterChange?: (category: string, selectedValues: string[]) => void;
+    onApplyFilters?: () => void;
 }
 export declare class ProductListFiltersComponent extends BaseComponent<IProductListFiltersParams> {
+    private priceCollapsed;
+    private deliveryCollapsed;
+    private checkboxFilterStates;
+    private readonly DEFAULT_MIN;
+    private readonly DEFAULT_MAX;
+    private priceChevronContainer?;
+    private priceSliderContainer?;
+    private deliveryChevronContainer?;
+    private deliveryOptionsList?;
     get hostClasses(): string[];
     private isSameDayDeliveryDisabled;
     private isPersonalizationDisabled;
     private isPreOrderDisabled;
+    private createPersonalizedFilterWrapper;
+    private createPreOrderFilterWrapper;
+    private createDeliveryOptionsFilterWrapper;
+    private toggleDeliveryCollapse;
+    private createPriceFilterWrapper;
+    private togglePriceCollapse;
+    private createCheckboxFilter;
+    private renderCheckboxItemsWrapper;
+    private handleCheckboxChange;
+    private toggleCheckboxFilter;
     protected template(): HTMLElement[];
 }

package/dist/types/modules/product-list/product-list.commands.d.ts

@@ -1,12 +1,13 @@
 import { BaseCommand } from '@/core/command/base-command.service';
-import type { ICatalog, ICatalogParams, IProduct } from '@/interfaces/cloud';
+import type { IProduct } from '@/interfaces/api/product.interface';
+import type { IProductSearchParams, IProductSearchResponse } from '@/interfaces/api/product-list.interface';
 import { type AddItemParams } from '@/modules/cart/cart.commands';
 export declare class ProductListCommands extends BaseCommand {
     private readonly uiCommands;
     private readonly cartCommands;
     constructor();
     static getInstance(): ProductListCommands;
-    getProductList(params: ICatalogParams): Promise<ICatalog>;
+    getProductList(params: IProductSearchParams): Promise<IProductSearchResponse>;
     addToCart(params: AddItemParams): Promise<void>;
     addPresaleToCart(params: AddItemParams): Promise<void>;
     trackViewItemList(products: IProduct[]): void;

package/dist/types/modules/product-list/product-list.component.d.ts

@@ -8,18 +8,16 @@ export interface IProductListComponentParams {
     filters: ProductListFilterType[];
     productUrl?: string;
 }
-export interface IProductListFilters {
-    personalized: boolean;
-    preOrder: boolean;
-    deliveryOptions: 'all' | 'shipping' | 'onDemand';
-}
 export declare class ProductListComponent extends BaseComponent<IProductListComponentParams> {
     private products;
     private retailers;
     private pagination;
+    private filters;
+    private searchFilter;
     private currentFilters;
     private cardsContainer;
     private filtersContainer;
+    private searchContainer;
     private sentinelElement;
     private personalizedSwitch;
     private preOrderSwitch;
@@ -28,6 +26,9 @@ export declare class ProductListComponent extends BaseComponent<IProductListComp
     private loadingState;
     private scrollObserver;
     private initializationPromise;
+    private filterDebounceTimer;
+    private readonly FILTER_DEBOUNCE_MS;
+    private filterButton;
     get hostClasses(): string[];
     constructor();
     protected connected(): Promise<void>;
@@ -37,6 +38,7 @@ export declare class ProductListComponent extends BaseComponent<IProductListComp
     private setLoadingState;
     private renderCurrentState;
     private loadInitialProducts;
+    private updateFiltersComponent;
     private loadMoreProducts;
     private mergeRetailers;
     private updatePagination;
@@ -54,12 +56,18 @@ export declare class ProductListComponent extends BaseComponent<IProductListComp
     private isPreOrderDisabled;
     private isSameDayDeliveryDisabled;
     private createCardsContainer;
+    private getResponsiveColumns;
     private renderLoadingState;
     private renderProducts;
     private appendNewProducts;
     private createProductCard;
+    private filterSanitizedFilters;
+    private buildFiltersParams;
+    private createSearchContainer;
     private createFiltersContainer;
     private storeFilterElementReferences;
+    private openFiltersDrawer;
+    private createFilterButton;
     private setupInfiniteScroll;
     private createScrollSentinel;
     private updateSentinel;