@liquidcommerce/elements-sdk 2.6.7 → 2.7.0

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

@@ -4,3 +4,4 @@ export * from './checkout.interface';
 export * from './configurations.interface';
 export * from './global.interface';
 export * from './product.interface';
+export * from './product-list.interface';

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

@@ -0,0 +1,28 @@
+import type { DeepPartial } from '@/interfaces/core.interface';
+export type ProductListCardStyle = 'card' | 'ghost';
+export type ProductListCardCornerRadius = 'rounded' | 'sharp';
+export interface IProductListTheme {
+    backgroundColor: string;
+}
+export type IDisplayMode = 'modal' | 'drawer';
+export interface IProductListLayout {
+    productCard: {
+        style: ProductListCardStyle;
+        cornerRadius: ProductListCardCornerRadius;
+        showPrice: boolean;
+        showSizeSelector: boolean;
+        showFulfillment: boolean;
+        showRetailerName: boolean;
+        showQuantityCounter: boolean;
+        enableShippingFulfillment: boolean;
+        enableOnDemandFulfillment: boolean;
+        showCollections: boolean;
+        enablePersonalization: boolean;
+    };
+    displayMode: IDisplayMode;
+}
+export interface IProductListComponent {
+    theme: IProductListTheme;
+    layout: IProductListLayout;
+}
+export type UpdateProductListComponent = DeepPartial<IProductListComponent>;

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

@@ -1,5 +1,8 @@
-import type { PRODUCT_LIST_CARD_VARIANT, PRODUCT_LIST_FILTER_TYPES } from '@/constants';
-import type { IAddressActions, ICartActions, ICheckoutActions, IProductActions } from '@/core/client/client-action.service';
+import type { PRODUCT_LIST_FILTER_TYPES } from '@/constants';
+import type { IAddressActions } from '@/core/client/actions/client-address-action.service';
+import type { ICartActions } from '@/core/client/actions/client-cart-action.service';
+import type { ICheckoutActions } from '@/core/client/actions/client-checkout-action.service';
+import type { IProductActions } from '@/core/client/actions/client-product-action.service';
 import type { IClientConfigs } from '@/core/client/client-config.service';
 import type { ComponentType, DebugMode, ElementsEnv } from '@/enums';
 import type { IAddressOptions } from '@/modules/address/address.interface';
@@ -23,12 +26,15 @@ export interface IClientCustomThemeConfig {
     cart?: UpdateCartComponent;
     checkout?: UpdateCheckoutComponent;
 }
+export interface ILiquidCommerceElementsCheckoutConfig {
+    pageUrl: string;
+}
 export interface ILiquidCommerceElementsBaseConfig {
     env?: ElementsEnv;
     promoTicker?: IPromoTicker[];
     customTheme?: IClientCustomThemeConfig;
     debugMode?: DebugMode;
-    checkoutUrl?: string;
+    checkout?: ILiquidCommerceElementsCheckoutConfig;
 }
 export interface ILiquidCommerceElementsBuilderConfig extends ILiquidCommerceElementsBaseConfig {
 }
@@ -36,21 +42,33 @@ export interface ILiquidCommerceElementsConfig extends ILiquidCommerceElementsBa
     proxy?: IElementsProxyConfig;
     development?: ILiquidCommerceElementsDevelopmentConfig;
 }
+export interface ILiquidCommerceElementsCheckoutClientConfig {
+    env?: ElementsEnv;
+    customTheme?: IClientCustomThemeConfig;
+    debugMode?: DebugMode;
+    checkout?: ILiquidCommerceElementsCheckoutConfig;
+    proxy?: IElementsProxyConfig;
+    development?: ILiquidCommerceElementsDevelopmentConfig;
+}
 export interface IInjectProductElement {
     containerId: string;
     identifier: string;
 }
-export type ProductListCardVariantType = (typeof PRODUCT_LIST_CARD_VARIANT)[keyof typeof PRODUCT_LIST_CARD_VARIANT];
 export type ProductListFilterType = (typeof PRODUCT_LIST_FILTER_TYPES)[keyof typeof PRODUCT_LIST_FILTER_TYPES];
 export interface IInjectProductListParams {
     containerId: string;
     rows?: number;
     columns?: number;
-    cardVariant?: ProductListCardVariantType;
-    fillCard?: boolean;
     filters?: ProductListFilterType[];
     productUrl?: string;
 }
+export interface IInjectProductListSearchParams {
+    containerId: string;
+}
+export interface IInjectProductListFiltersParams {
+    containerId: string;
+    filters: ProductListFilterType[];
+}
 export interface IBuilderInjectElementParams {
     type: ComponentType;
     containerId: string;
@@ -67,10 +85,12 @@ export interface IProcessInjectElementParams {
     identifier?: string;
     options?: IAddressOptions;
     checkoutId?: string;
+    hideHeader?: boolean;
 }
 export interface IInjectCheckoutParams {
     containerId: string;
     checkoutId?: string;
+    hideHeader?: boolean;
 }
 export interface ILiquidCommerceElementsUIMethod {
     cartButton(containerId: string, showItemsCount?: boolean): void;
@@ -109,6 +129,8 @@ export interface ILiquidCommerceElementsClient {
     injectCartElement(containerId: string): Promise<IInjectedComponent | null>;
     injectCheckoutElement(params: IInjectCheckoutParams): Promise<IInjectedComponent | null>;
     injectProductList(params: IInjectProductListParams): Promise<void>;
+    injectProductListSearch(params: IInjectProductListSearchParams): Promise<void>;
+    injectProductListFilters(params: IInjectProductListFiltersParams): Promise<void>;
     ui: ILiquidCommerceElementsUIMethod;
     actions: ILiquidCommerceElementsActions;
     getInjectedComponents(): Map<string, IInjectedComponent>;

package/dist/types/modules/address/styles/register-styles.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/modules/cart/styles/register-styles.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -10,7 +10,8 @@ export declare class CheckoutCommands extends BaseCommand {
     static getInstance(): CheckoutCommands;
     addPresaleItem(params: AddItemParams): Promise<void>;
     loadCheckout(params: {
-        customCartId?: string;
+        checkoutId?: string;
+        cartId?: string;
         isForPresale?: boolean;
     }): Promise<void>;
     toggleIsGift(active?: boolean): Promise<void>;
@@ -24,7 +25,10 @@ export declare class CheckoutCommands extends BaseCommand {
     applyGiftCard(code: string): Promise<void>;
     removeGiftCard(code: string): Promise<void>;
     clearGiftCardError(): Promise<void>;
-    openPresaleExpiredDrawer(reason?: PresaleExpiredReason): void;
+    showPresaleExpired(reason?: PresaleExpiredReason): void;
+    openCheckout(): void;
+    getReturnUrl(): string | null;
+    private resolveCheckoutPageUrl;
     rerenderCheckout(): void;
     updateCheckoutItemQuantity(itemId: string, delta: number): Promise<void>;
     removeItemEngraving(productItemId: string): Promise<void>;

package/dist/types/modules/checkout/checkout.component.d.ts

@@ -3,8 +3,10 @@ import type { ICheckoutComponent } from '@/interfaces/configs';
 export interface ICheckoutComponentParams {
     checkoutId: string;
     isIndependentComponent: boolean;
+    hideHeader: boolean;
 }
 export declare class CheckoutComponent extends BaseComponent<ICheckoutComponentParams, ICheckoutComponent> {
     constructor();
     protected template(): HTMLElement[];
+    private createHeader;
 }

package/dist/types/modules/checkout/components/checkout-completed.component.d.ts

@@ -6,6 +6,8 @@ export interface ICheckoutCompletedComponentParams {
     cardLast4: string;
     customerEmail: string;
     giftRecipientEmail: string | null;
+    checkoutToken?: string;
+    cartId?: string;
 }
 export declare class CheckoutCompletedComponent extends BaseComponent<ICheckoutCompletedComponentParams, ICheckoutComponent> {
     get hostClasses(): string[];

package/dist/types/modules/checkout/components/checkout-header.component.d.ts

@@ -2,6 +2,7 @@ import { BaseComponent } from '@/core/base-component.service';
 export interface ICheckoutHeaderParams {
     onClose?: () => void;
     onBackToCart?: () => void;
+    isHostedCheckout?: boolean;
 }
 export declare class CheckoutHeaderComponent extends BaseComponent<ICheckoutHeaderParams> {
     get hostClasses(): string[];

package/dist/types/modules/checkout/styles/register-styles.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/modules/product/styles/register-styles.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+export * from './product-button';
+export * from './product-fulfillments';
+export * from './product-quantity-selector';
+export * from './product-sizes-list';

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

@@ -0,0 +1,11 @@
+import type { ProductListCardCornerRadius } from 'interfaces/configs';
+export interface IAddToCartButtonParams {
+    isPresale: boolean;
+    hasAvailability: boolean;
+    state: string;
+    disabled?: boolean;
+    borderRadius: ProductListCardCornerRadius;
+    hasAddress: boolean;
+    onClick?: (e: MouseEvent) => void | Promise<void>;
+}
+export declare const createAddToCartButton: ({ isPresale, hasAvailability, state, disabled, borderRadius, hasAddress, onClick, }: IAddToCartButtonParams) => HTMLElement;

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

@@ -0,0 +1,10 @@
+import type { IProductFulfillmentStore } from 'core/store/interfaces/product.interface';
+export interface IFulfillmentSectionParams {
+    shippingVariants: Record<string, IProductFulfillmentStore>;
+    onDemandVariants: Record<string, IProductFulfillmentStore>;
+    enableShippingFulfillment: boolean;
+    enableOnDemandFulfillment: boolean;
+    productId: string;
+    onDeliveryOptionsClick: (productId: string) => void | Promise<void>;
+}
+export declare const createFulfillmentSection: (params: IFulfillmentSectionParams) => HTMLElement;

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

@@ -0,0 +1,10 @@
+import type { ProductListCardCornerRadius, ProductListCardStyle } from 'interfaces/configs';
+export interface IQuantitySelectorParams {
+    initialQuantity: number;
+    minQuantity: number;
+    maxQuantity: number;
+    cornerRadius: ProductListCardCornerRadius;
+    cardStyle: ProductListCardStyle;
+    onChange: (quantity: number) => void;
+}
+export declare const createQuantitySelector: ({ initialQuantity, minQuantity, maxQuantity, cornerRadius, cardStyle, onChange, }: IQuantitySelectorParams) => HTMLElement;

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

@@ -0,0 +1,9 @@
+import type { IProductSizeStore } from 'core/store/interfaces/product.interface';
+import type { ProductListCardCornerRadius } from 'interfaces/configs';
+export interface ISizeSelectorParams {
+    sizes: Record<string, IProductSizeStore>;
+    selectedSize: IProductSizeStore;
+    cornerRadius: ProductListCardCornerRadius;
+    onSelect?: (size: IProductSizeStore) => void;
+}
+export declare const createProductSizesList: ({ sizes, selectedSize, cornerRadius, onSelect }: ISizeSelectorParams) => HTMLElement;

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

@@ -0,0 +1,7 @@
+export * from './product-list-apply-filter-button';
+export * from './product-list-checkbox-filter';
+export * from './product-list-chip';
+export * from './product-list-filters-chips';
+export * from './product-list-fulfillment-filter';
+export * from './product-list-price-filter';
+export * from './product-list-toggle-filters';

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

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

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

@@ -0,0 +1,5 @@
+export interface IChipComponentParams {
+    text: string;
+    onRemove?: VoidFunction;
+}
+export declare function createChip(params: IChipComponentParams): HTMLElement;

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

@@ -0,0 +1,13 @@
+import type { IExtendedFilterSchema, IProductListFilters } from 'modules/product-list/product-list.interface';
+export interface ICreateChipsContainerParams {
+    currentFilters?: IProductListFilters;
+    sanitizedFilters?: IExtendedFilterSchema[];
+    onRemoveFilter: (key: string, value: string) => void;
+    onClearAllFilters: VoidFunction;
+}
+export interface IActiveFilter {
+    key: string;
+    value: string;
+    label: string;
+}
+export declare function createChipsContainer(params: ICreateChipsContainerParams): HTMLElement;

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

@@ -0,0 +1,14 @@
+import { FULFILLMENT_OPTIONS } from 'modules/product-list/product-list.constants';
+import type { IProductListFilters } from 'modules/product-list/product-list.interface';
+export interface ICreateFulfillmentFilterParams {
+    currentFilters?: IProductListFilters;
+    deliveryCollapsed: boolean;
+    isSameDayDeliveryDisabled: boolean;
+    onFulfillmentOptionsChange?: (value: typeof FULFILLMENT_OPTIONS.ALL | typeof FULFILLMENT_OPTIONS.SHIPPING | typeof FULFILLMENT_OPTIONS.ON_DEMAND) => void;
+    onToggleCollapse: () => void;
+}
+export declare function createFulfillmentFilter(params: ICreateFulfillmentFilterParams): {
+    elements: HTMLElement[];
+    chevronContainer: HTMLElement;
+    fulfillmentList: HTMLElement;
+};

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

@@ -11,7 +11,7 @@ export interface ICreatePriceFilterParams {
     };
     priceCollapsed: boolean;
     onPriceChange?: (min: string, max: string) => void;
-    onToggleCollapse: () => void;
+    onToggleCollapse: VoidFunction;
     DEFAULT_MIN: string;
     DEFAULT_MAX: string;
 }

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

@@ -0,0 +1,13 @@
+import type { IProductListFilters } from 'modules/product-list/product-list.interface';
+export interface ICreateEngravingFilterParams {
+    currentFilters?: IProductListFilters;
+    isPersonalizationDisabled: boolean;
+    onEngravingChange?: (enabled: boolean) => void;
+}
+export interface ICreatePresaleFilterParams {
+    currentFilters?: IProductListFilters;
+    isPresaleDisabled: boolean;
+    onPresaleChange?: (enabled: boolean) => void;
+}
+export declare function createEngravingFilter(params: ICreateEngravingFilterParams): HTMLElement[];
+export declare function createPresaleFilter(params: ICreatePresaleFilterParams): HTMLElement[];

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

@@ -1,5 +1,8 @@
-export * from './product-list-card.component';
+export * from '../product-list-card.component';
+export * from './filter-components';
+export * from './filter-components/product-list-apply-filter-button';
 export * from './product-list-card-loading.component';
+export * from './product-list-engraving.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';
+export * from './product-list-retailers.component';
+export * from './product-list-search.component';

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

@@ -1,6 +1,7 @@
+import type { IProductListComponent } from 'interfaces/configs';
 import { BaseComponent } from '@/core/base-component.service';
 import type { IProductListComponentParams } from '@/modules/product-list/product-list.component';
-export declare class ProductListCardLoadingComponent extends BaseComponent<IProductListComponentParams> {
+export declare class ProductListCardLoadingComponent extends BaseComponent<IProductListComponentParams, IProductListComponent> {
     get hostClasses(): string[];
     private createSkeletonCard;
     protected template(): HTMLElement[];

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

@@ -0,0 +1,6 @@
+import { BaseComponent } from 'core/base-component.service';
+import type { IEngravingFormComponentParams } from 'modules/ui-components/engraving';
+export declare class ProductListEngravingComponent extends BaseComponent<IEngravingFormComponentParams> {
+    protected template(): HTMLElement;
+    private createHeader;
+}

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

@@ -1,43 +1,64 @@
-import { BaseComponent } from '@/core/base-component.service';
-import type { ICurrentFilters, IExtendedFilterSchema, IPriceConfig } from '../product-list.interface';
+import { BaseComponent } from 'core/base-component.service';
+import type { ProductListFilterType } from 'interfaces/core.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;
-    onPriceChange?: (min: string, max: string) => void;
-    onCheckboxFilterChange?: (category: string, selectedValues: string[]) => void;
-    onApplyFilters?: () => void;
+    filters: ProductListFilterType[];
 }
 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?;
+    private readonly DEFAULT_MIN_PRICE;
+    private readonly DEFAULT_MAX_PRICE;
+    private readonly FILTER_DEBOUNCE_DELAY_MS;
+    private isRenderedInDrawerMode;
+    private permanentFilters;
+    private availableDynamicFilters;
+    private checkboxFilterStateMap;
+    private isPriceFilterCollapsed;
+    private isFulfillmentFilterCollapsed;
+    private appliedFiltersChipsContainer;
+    private engravingFiltersContainer?;
+    private presaleFilterContainer?;
+    private fulfillmentFilterContainer?;
+    private priceFiltersContainer?;
+    private dynamicFiltersContainer?;
+    private filterButtonContainer?;
+    private fulfillmentOptionsList?;
+    private priceFilterChevronIcon?;
+    private fulfillmentFilterChevronIcon?;
+    private priceSliderWrapper?;
+    private resizeHandler;
+    private priceFilterDebounceTimer;
+    constructor();
     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 connected(): Promise<void>;
+    private setupDrawerCloseListener;
+    private setupResizeListener;
+    private detectIfRenderedInDrawer;
+    onStoreWatch(): void;
+    private syncFiltersFromStore;
+    private refreshUIStates;
+    private transformFilterValue;
+    private fetchFilters;
+    private applyFiltersAndCloseDrawer;
     protected template(): HTMLElement[];
+    private buildFilterButton;
+    private openFilterDrawer;
+    private buildFilterHeader;
+    private clearAllActiveFilters;
+    private removeSingleFilter;
+    private getFilteredAndSanitizedFilters;
+    private buildAppliedFiltersChipsContainer;
+    private handleFilterChange;
+    private isEngravingCurrentlyDisabled;
+    private buildEngravingFilterElements;
+    private buildPresaleFilterElements;
+    private isSameDayDeliveryCurrentlyDisabled;
+    private toggleFulfillmentFilterCollapse;
+    private buildFulfillmentFilterElements;
+    private togglePriceFilterCollapse;
+    private buildPriceFilterElements;
+    private buildDynamicFiltersElements;
+    private getFilterElements;
+    private buildCheckboxFilterElements;
+    private toggleCheckboxFilterExpansion;
+    private renderCheckboxItemsForFilter;
+    private handleCheckboxSelectionChange;
 }

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

@@ -0,0 +1,18 @@
+import type { IDisplayMode, IProductListComponent } from 'interfaces/configs';
+import { BaseComponent } from '@/core/base-component.service';
+export interface IProductListRetailersParams {
+    productId: string;
+    config?: IProductListComponent;
+    displayMode?: IDisplayMode;
+}
+export declare class ProductListRetailersComponent extends BaseComponent<IProductListRetailersParams, IProductListComponent> {
+    get hostClasses(): string[];
+    constructor();
+    private getProductId;
+    protected template(): HTMLElement[];
+    private extractFulfillments;
+    private onFulfillmentTabClick;
+    private onRetailerCardClick;
+    private createHeader;
+    private createNoAvailabilityMessage;
+}

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

@@ -0,0 +1,22 @@
+import { BaseComponent } from '@/core/base-component.service';
+export declare class ProductListSearchComponent extends BaseComponent {
+    private searchInput?;
+    private clearButton?;
+    private debounceTimer;
+    private currentSearchTerm;
+    private readonly ALLOWED_CHARACTERS;
+    private readonly MAX_LENGTH;
+    private readonly DEFAULT_DEBOUNCE_MS;
+    get hostClasses(): string[];
+    disconnectedCallback(): void;
+    getCurrentSearchTerm(): string;
+    private fetchProducts;
+    private buildCurrentFiltersFromState;
+    protected template(): HTMLElement[];
+    private handleDebouncedSearch;
+    private handleClearSearch;
+    private cleanInput;
+    private normalizeForSearch;
+    private updateClearButtonVisibility;
+    private cleanupDebounceTimer;
+}

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

@@ -0,0 +1,35 @@
+import type { IProductListProduct } from 'core/store/interfaces/product-list.interface';
+import type { IProductListComponent } from 'interfaces/configs';
+import { BaseComponent } from '@/core/base-component.service';
+import type { IFulfillment } from '@/interfaces/api/product.interface';
+export interface IProductListCardParams {
+    product: IProductListProduct;
+    shippingFulfillment: IFulfillment | null;
+    onDemandFulfillment: IFulfillment | null;
+    productUrl?: string;
+}
+export declare class ProductListCardComponent extends BaseComponent<IProductListCardParams, IProductListComponent> {
+    private selectedSize;
+    private unsubscribeFromState?;
+    constructor();
+    get hostClasses(): string[];
+    protected connected(): Promise<void>;
+    disconnected(): void;
+    private reRender;
+    private getAvailabilityData;
+    private isPresaleActive;
+    private handleAddToCart;
+    protected template(): HTMLElement[];
+    private generateProductUrl;
+    private createVariantStandard;
+    private createImageSection;
+    private createContentSection;
+    private createBadgesSection;
+    private createTitleSection;
+    private createPricePersonalizationSection;
+    private createSizesSection;
+    private handleDeliveryOptionsClick;
+    private createFulfillmentSectionWrapper;
+    createFulfillmentTextSection(selectedFulfillmentType: string, selectedFulfillmentRetailerName: string): HTMLElement;
+    private createAddToCartSection;
+}

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

@@ -1,17 +1,67 @@
+import type { IModalContentConfig } from 'core/store/interfaces/core.interface';
+import type { IProductListProduct, IProductListStore } from 'core/store/interfaces/product-list.interface';
 import { BaseCommand } from '@/core/command/base-command.service';
-import type { IProduct } from '@/interfaces/api/product.interface';
-import type { IProductSearchParams, IProductSearchResponse } from '@/interfaces/api/product-list.interface';
+import { type FulfillmentType } from '@/enums';
+import type { IProduct, IRetailer } from '@/interfaces/api/product.interface';
+import type { IFilterSchema, INavigationResponse, IProductSearchParams, IProductSearchResponse } from '@/interfaces/api/product-list.interface';
+import type { ProductListFilterType } from '@/interfaces/core.interface';
 import { type AddItemParams } from '@/modules/cart/cart.commands';
+import type { IExtendedFilterSchema, IPagination, IProductListFilters } from './product-list.interface';
+type StateListener = (state: IProductListStore) => void;
 export declare class ProductListCommands extends BaseCommand {
     private readonly uiCommands;
     private readonly cartCommands;
     private readonly checkoutCommands;
+    private readonly FILTER_TYPE_MAP;
+    private listeners;
     constructor();
     static getInstance(): ProductListCommands;
+    subscribe(listener: StateListener): () => void;
+    private getStoreState;
+    updateSearchTerm(searchTerm: string): void;
+    setLoading(isLoading: boolean): void;
+    private notifyListeners;
+    private initializeProductFulfillment;
+    private transformProductVariantsToFulfillments;
+    private transformSingleProduct;
+    private transformProductSize;
+    private addShippingFulfillments;
+    private addOnDemandFulfillments;
+    loadInitialProducts(page: number, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): Promise<void>;
+    loadMoreProducts(perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): Promise<void>;
     getProductList(params: IProductSearchParams): Promise<IProductSearchResponse>;
+    syncFiltersFromComponent(filters: IProductListFilters): void;
+    getSanitizedFilters(filters: IFilterSchema[], configuredFilters: ProductListFilterType[]): IExtendedFilterSchema[];
+    buildSearchParams(page: number, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): IProductSearchParams;
+    private buildFilters;
+    private addToggleFilters;
+    private getBooleanFilterValue;
+    private addEngravingFilter;
+    private addPresaleFilter;
+    private addFulfillmentFilter;
+    private addPriceFilter;
+    private addDynamicFilters;
+    setGridConfig(rows: number, columns: number): void;
+    getItemsPerPage(): number;
+    updatePagination(navigation: INavigationResponse | undefined): IPagination;
+    createInitialPagination(): IPagination;
+    mergeRetailers(existingRetailers: Record<string, IRetailer>, newRetailers: Record<string, IRetailer>): Record<string, IRetailer>;
+    extractProductCardData(product: IProductListProduct, retailers: Record<string, IRetailer>): {
+        product: IProductListProduct;
+        retailer: IRetailer;
+    } | null;
+    private getFilterKeyToTypeMap;
     addToCart(params: AddItemParams): Promise<void>;
     addPresaleToCart(params: AddItemParams): Promise<void>;
     trackViewItemList(products: IProduct[]): void;
-    trackSelectItem(product: IProduct): void;
+    trackSelectItem(product: IProductListProduct): void;
     private convertProductToBaseItem;
+    openProductListModal(productId: string, contentType: IModalContentConfig['type'], data?: Record<string, any>): void;
+    closeProductListModal(productId: string): void;
+    selectFulfillmentType: (productId: string, selectedFulfillmentType: FulfillmentType) => Promise<void>;
+    selectFulfillment: (productId: string, fulfillmentId: string) => Promise<void>;
+    selectSize: (productId: string, sizeId: string) => Promise<void>;
+    private getFulfillmentForSize;
+    updateQuantity: (productId: string, quantity: number) => void;
 }
+export {};