@liquidcommerce/elements-sdk 2.6.0-beta.1 → 2.6.0-beta.100

package/dist/types/modules/product/components/product-image-carousel.component.d.ts

@@ -8,6 +8,7 @@ export interface IImageCarouselParams {
 export declare class ProductImageCarouselComponent extends BaseComponent<IImageCarouselParams, IProductComponent> {
     get hostClasses(): string[];
     private mainImageElement;
+    private mainImageMediaElement;
     private galleryViewport;
     private galleryContainer;
     private thumbnails;
@@ -17,6 +18,8 @@ export declare class ProductImageCarouselComponent extends BaseComponent<IImageC
     private startX;
     private currentTranslateX;
     private translateX;
+    private boundDragMove;
+    private boundDragEnd;
     constructor();
     afterRender(): void;
     onStoreWatch(changes: IOnStoreChanged[]): void;
@@ -26,11 +29,13 @@ export declare class ProductImageCarouselComponent extends BaseComponent<IImageC
     private scrollToIndex;
     private setupMainImageSwipe;
     private setupGalleryDrag;
+    protected disconnected(): void;
     private handleDragStart;
     private handleDragMove;
     private handleDragEnd;
     private updateTransform;
     private nextImage;
     private previousImage;
+    private mainImageLabel;
     protected template(): HTMLElement[];
 }

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

@@ -8,5 +8,6 @@ export declare class ProductOptionsComponent extends BaseComponent<IProductOptio
     constructor();
     private getProductId;
     onStoreWatch(changes: IOnStoreChanged[]): void;
-    protected template(): HTMLElement;
+    protected template(): HTMLElement | HTMLElement[];
+    private buildDescriptionElement;
 }

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

@@ -8,11 +8,14 @@ export declare class ProductRetailersCarouselComponent extends BaseComponent<IPr
     private listViewport;
     private listContainer;
     private retailerCards;
+    private pendingTabFocus;
     private isDragging;
     private hasMoved;
     private startX;
     private currentTranslateX;
     private translateX;
+    private boundDragMove;
+    private boundDragEnd;
     constructor();
     afterRender(): void;
     private cacheElements;
@@ -21,6 +24,7 @@ export declare class ProductRetailersCarouselComponent extends BaseComponent<IPr
     private updateSelectedCard;
     private scrollToIndex;
     private setupDrag;
+    protected disconnected(): void;
     private handleDragStart;
     private handleDragMove;
     private handleDragEnd;

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

@@ -1,13 +1,21 @@
 import { BaseComponent } from '@/core/base-component.service';
+import { type NavigationSourceType } from '@/enums';
 import type { IProductComponent } from '@/interfaces/configs';
 export interface IProductRetailersPopupListComponentParams {
     productId: string;
+    navigationSource: NavigationSourceType;
+    slug?: string;
 }
 export declare class ProductRetailersPopupListComponent extends BaseComponent<IProductRetailersPopupListComponentParams, IProductComponent> {
     get hostClasses(): string[];
-    constructor();
-    private getProductId;
+    private get isProductContext();
+    private productPath;
+    beforeSetupStoreWatchers(): void;
+    private pendingTabFocus;
+    protected afterRender(): void;
     private onFulfillmentTabClick;
+    private announceSelectedFulfillment;
+    private announceFulfillmentTypeChange;
     private onRetailerCardClick;
     protected template(): HTMLElement[];
 }

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

@@ -2,27 +2,27 @@ 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;
     private readonly cartCommands;
+    private readonly checkoutCommands;
     constructor();
     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>;
+    cacheProductFromApiData(identifier: string, apiData: IProductAvailabilityResponse): void;
     selectSize(productId: string, sizeId: string): Promise<void>;
     selectFulfillment(productId: string, selectedFulfillmentId: string): Promise<void>;
     updateQuantity(productId: string, delta: number): Promise<void>;
-    changeFulfillmentType(productId: string, selectedFulfillmentType: FulfillmentType): Promise<void>;
+    changeFulfillmentType(productId: string, newFulfillmentType: FulfillmentType): Promise<void>;
     removeProduct(productId: string): Promise<void>;
-    openProductDrawer(productId: string, contentType: IProductDrawerContentConfig['type'], data?: Record<string, any>): Promise<void>;
+    openProductDrawer(productId: string, contentType: IProductDrawerContentConfig['type'], data?: Record<string, any>, trigger?: HTMLElement | null): Promise<void>;
     closeProductDrawer(productId: string): Promise<void>;
     rerenderAllProducts(): Promise<void>;
-    addToCart(productId: string, params: AddItemParams): Promise<void>;
+    addToCart(productId: string, params: AddItemParams, trigger?: HTMLElement | null): Promise<void>;
     addPresaleToCart(productId: string, params: AddItemParams): Promise<void>;
     productDataForEventFromStore(identifier: string): IBaseProductEventData;
-    private findFirstAvailableSize;
-    private loadProductStoreUpdate;
 }

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,5 @@
+export * from './product-badge';
+export * from './product-button';
+export * from './product-price-and-personalization';
+export * from './product-quantity-selector';
+export * from './product-sizes-list';

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

@@ -0,0 +1,9 @@
+export interface IBadgesParams {
+    badges: Array<{
+        text: string;
+        className?: string;
+    }>;
+    separatorText?: string;
+}
+export declare const createProductBadge: (name: string, className?: string) => HTMLElement;
+export declare const createProductBadges: ({ badges, separatorText }: IBadgesParams) => HTMLElement;

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

@@ -0,0 +1,11 @@
+export interface IAddToCartButtonState {
+    isPresale: boolean;
+    hasAvailability: boolean;
+    hasAddress: boolean;
+    disabled?: boolean;
+}
+export interface IAddToCartButtonParams extends IAddToCartButtonState {
+    onClick?: (e: MouseEvent) => void | Promise<void>;
+}
+export declare const applyAddToCartButtonState: (button: HTMLButtonElement, state: IAddToCartButtonState) => void;
+export declare const createAddToCartButton: ({ isPresale, hasAvailability, disabled, hasAddress, onClick, }: IAddToCartButtonParams) => HTMLButtonElement;

package/dist/types/modules/product-list/components/card-components/product-price-and-personalization.d.ts

@@ -0,0 +1,14 @@
+export interface IPricePersonalizationSectionParams {
+    price: number;
+    showPrice: boolean;
+    hasPersonalization: boolean;
+    showPersonalization: boolean;
+    hasAddress: boolean;
+    wrapperClassName?: string;
+    priceClassName?: string;
+    personalizeClassName?: string;
+    personalizeText?: string;
+    productName?: string;
+    onPersonalizeClick?: () => void;
+}
+export declare const createPricePersonalizationSection: ({ price, showPrice, hasPersonalization, showPersonalization, hasAddress, wrapperClassName, priceClassName, personalizeClassName, personalizeText, productName, onPersonalizeClick, }: IPricePersonalizationSectionParams) => HTMLElement | null;

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

@@ -0,0 +1,11 @@
+import type { PLCCardStyle } from '@/interfaces/configs/product-list.interface';
+export interface IQuantitySelectorParams {
+    initialQuantity: number;
+    minQuantity: number;
+    maxQuantity: number;
+    cardStyle: PLCCardStyle;
+    disabled?: boolean;
+    productName?: string;
+    onChange: (quantity: number) => void;
+}
+export declare const createQuantitySelector: ({ initialQuantity, minQuantity, maxQuantity, cardStyle, disabled, productName, onChange, }: IQuantitySelectorParams) => HTMLElement;

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

@@ -0,0 +1,14 @@
+import { BaseComponent } from '@/core/base-component.service';
+import type { IProductSizeStore } from '@/core/store/interfaces/product.interface';
+export interface IProductListSizeSelectorParams {
+    sizes: Record<string, IProductSizeStore>;
+    selectedSizeId: string | null;
+    onSelect?: (size: IProductSizeStore) => void;
+}
+export declare class ProductListSizeSelectorComponent extends BaseComponent<IProductListSizeSelectorParams> {
+    private onOutsideClick;
+    private readonly uid;
+    get hostClasses(): string[];
+    protected disconnected?(): void;
+    protected template(): 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-checkbox-filter.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/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,15 @@
+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;
+    headerButton: HTMLButtonElement;
+};

package/dist/types/modules/product-list/components/filter-components/product-list-price-filter.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: VoidFunction;
+    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/filter-components/product-list-toggle-filters.d.ts

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

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

@@ -1,3 +1,9 @@
+export * from './filter-components';
+export * from './filter-components/product-list-apply-filter-button';
 export * from './product-list-card.component';
 export * from './product-list-card-loading.component';
+export * from './product-list-engraving.component';
 export * from './product-list-filters.component';
+export * from './product-list-product-engraving-lines.component';
+export * from './product-list-product-pre-cart.component';
+export * from './product-list-search.component';

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

@@ -1,7 +1,9 @@
 import { BaseComponent } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
 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[];
+    protected get hostAttributes(): Record<string, string>;
     private createSkeletonCard;
     protected template(): HTMLElement[];
 }

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

@@ -1,36 +1,42 @@
-import { BaseComponent } from '@/core/base-component.service';
-import type { IProduct, IRetailerFulfillments } from '@/interfaces/cloud';
-import type { ProductListCardVariantType } from '@/interfaces/core.interface';
+import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
+import type { PLCProductUrl } from '@/interfaces/configs/product-list.interface';
 export interface IProductListCardParams {
-    variant: ProductListCardVariantType;
-    fillCard: boolean;
-    product: IProduct;
-    fulfillments: IRetailerFulfillments[];
-    productUrl?: string;
+    slug: string;
+    productId: string;
+    productUrl?: PLCProductUrl;
 }
-export interface IProductAvailabilityData {
-    hasAvailability: boolean;
-    upc: string;
-    fulfillmentId: string;
-    partNumber: string;
-    quantity: number;
-    state: string;
-    isPresale: boolean;
-    isPresaleActive: boolean;
-}
-export interface IProductVariantParams {
-    image: string;
-    name: string;
-    size: string | null;
-    price: number;
-    availability: IProductAvailabilityData;
-}
-export declare class ProductListCardComponent extends BaseComponent<IProductListCardParams> {
+export declare class ProductListCardComponent extends BaseComponent<IProductListCardParams, IProductListComponent> {
+    private imageElement;
+    private priceElement;
+    private personalizeElement;
+    private fulfillmentTextElement;
+    private fulfillmentWrapperElement;
+    private addToCartButton;
+    private noAvailabilityElement;
+    private previousSelectedSizeId;
+    private previousSelectedFulfillmentId;
+    constructor();
+    private getListConfig;
     get hostClasses(): string[];
-    private getAvailabilityData;
-    private isPresaleActive;
-    private handleAddToCart;
+    protected beforeConnected(): void;
+    protected disconnected?(): void;
+    onStoreWatch(changes: IOnStoreChanged[]): void;
+    private getSelectedSize;
+    private getDisplayPrice;
     protected template(): HTMLElement[];
+    private updatePriceDisplay;
+    private updateFulfillmentText;
+    private updateImage;
+    private updatePersonalizeVisibility;
+    private updateAddToCartButton;
+    private syncFulfillmentWrapperContent;
     private generateProductUrl;
-    private createVariantStandard;
+    private createImageSection;
+    private createContentSection;
+    private createNoAvailabilityMessage;
+    private createFulfillmentSectionWrapper;
+    private createDeliveryOptionsButton;
+    private createFulfillmentTextSection;
+    private createAddToCartSection;
 }

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

@@ -0,0 +1,12 @@
+import { BaseComponent } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
+import type { IEngravingFormComponentParams } from '@/modules/ui-components/engraving';
+interface IProductListEngravingParams extends IEngravingFormComponentParams {
+    slug: string;
+}
+export declare class ProductListEngravingComponent extends BaseComponent<IProductListEngravingParams, IProductListComponent> {
+    private getListConfig;
+    protected template(): HTMLElement[];
+    private createHeader;
+}
+export {};

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

@@ -1,21 +1,63 @@
 import { BaseComponent } from '@/core/base-component.service';
+import type { ProductListFilterType } from '@/interfaces/injection.interface';
 export interface IProductListFiltersParams {
-    enablePersonalized: boolean;
-    enablePreOrder: boolean;
-    enableDeliveryOptions: boolean;
-    onPersonalizedChange?: (enabled: boolean) => void;
-    onPreOrderChange?: (enabled: boolean) => void;
-    onDeliveryOptionsChange?: (value: 'all' | 'shipping' | 'onDemand') => void;
-    currentFilters?: {
-        personalized: boolean;
-        preOrder: boolean;
-        deliveryOptions: 'all' | 'shipping' | 'onDemand';
-    };
+    slug: string;
+    filters: ProductListFilterType[];
 }
 export declare class ProductListFiltersComponent extends BaseComponent<IProductListFiltersParams> {
+    private readonly FILTER_DEBOUNCE_DELAY_MS;
+    private isRenderedInDrawerMode;
+    private permanentFilters;
+    private availableDynamicFilters;
+    private checkboxFilterStateMap;
+    private isPriceFilterCollapsed;
+    private isFulfillmentFilterCollapsed;
+    private appliedFiltersChipsContainer;
+    private engravingFiltersContainer?;
+    private fulfillmentFilterContainer?;
+    private priceFiltersContainer?;
+    private dynamicFiltersContainer?;
+    private filterButtonContainer?;
+    private fulfillmentOptionsList?;
+    private priceFilterChevronIcon?;
+    private fulfillmentFilterChevronIcon?;
+    private priceSliderWrapper?;
+    private boundDrawerClosedHandler;
+    private priceFilterDebounceTimer;
+    constructor();
     get hostClasses(): string[];
-    private isSameDayDeliveryDisabled;
-    private isPersonalizationDisabled;
-    private isPreOrderDisabled;
+    protected connected(): Promise<void>;
+    private setupDrawerCloseListener;
+    protected disconnected(): void;
+    private detectIfRenderedInDrawer;
+    onStoreWatch(): void;
+    private syncFiltersFromStore;
+    private createFilterSection;
+    private rebuildContainer;
+    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 isSameDayDeliveryCurrentlyDisabled;
+    private fulfillmentFilterHeaderButton;
+    private toggleFulfillmentFilterCollapse;
+    private buildFulfillmentFilterElements;
+    private togglePriceFilterCollapse;
+    private buildPriceFilterElements;
+    private buildDynamicFiltersElements;
+    private buildCheckboxFilterElements;
+    private toggleCheckboxFilterExpansion;
+    private renderCheckboxItemsForFilter;
+    private handleCheckboxSelectionChange;
 }

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

@@ -0,0 +1,22 @@
+import { BaseComponent } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
+export interface IProductListProductEngravingLinesComponentParams {
+    slug: string;
+    identifier: string;
+    lines: string[];
+    maxLines: number;
+    maxCharsPerLine: number;
+    location?: string;
+    fee: number;
+}
+export declare class ProductListProductEngravingLinesComponent extends BaseComponent<IProductListProductEngravingLinesComponentParams, IProductListComponent> {
+    private engravingLines;
+    private addEngravingButton;
+    constructor();
+    protected disconnected?(): void;
+    template(): HTMLElement;
+    private engravingLinesSection;
+    private actionButtonsSection;
+    private calculateTotalPrice;
+    private addToCartButtonText;
+}

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

@@ -0,0 +1,53 @@
+import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
+export interface IProductListProductPreCartComponentParams {
+    slug: string;
+    productId: string;
+}
+export declare class ProductListProductPreCartComponent extends BaseComponent<IProductListProductPreCartComponentParams, IProductListComponent> {
+    get hostClasses(): string[];
+    private showRetailersContent;
+    private showEngravingForm;
+    private isInitialRender;
+    private priceElement;
+    private imageElement;
+    private fulfillmentTextElement;
+    private addToCartButton;
+    private personalizeElement;
+    private previousSelectedSizeId;
+    private previousSelectedFulfillmentId;
+    constructor();
+    private getListConfig;
+    protected connected?(): void;
+    private pendingViewFocus;
+    private handleRetailersBack;
+    private handleEngravingBack;
+    private handleEngravingEdit;
+    protected afterRender(): void;
+    protected disconnected?(): void;
+    private getSelectedSize;
+    onStoreWatch(changes: IOnStoreChanged[]): void;
+    private updatePriceDisplay;
+    private updateFulfillmentText;
+    private updateImage;
+    private updatePersonalizeVisibility;
+    private updateAddToCartButton;
+    private getEngravingFee;
+    protected beforeConnected(): void;
+    protected template(): HTMLElement[];
+    private createAnimatedContentElement;
+    private buildLayout;
+    private createEngravingFormContent;
+    private renderPreCartContent;
+    private createDeliversToSectionWrapper;
+    private createShippingFromSectionWrapper;
+    private createDescriptionSection;
+    private createCartHeader;
+    private createImageSection;
+    private createPricePersonalizationSection;
+    private createDeliversToSection;
+    private createFulfillmentSectionWrapper;
+    private createFulfillmentTextSection;
+    private createAddToCartSection;
+    private handleAddToCart;
+}

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

@@ -0,0 +1,25 @@
+import { BaseComponent } from '@/core/base-component.service';
+import type { ProductListFilterType } from '@/interfaces/injection.interface';
+export interface IProductListSearchParams {
+    slug: string;
+    filters?: ProductListFilterType[];
+}
+export declare class ProductListSearchComponent extends BaseComponent<IProductListSearchParams> {
+    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;
+    private fetchProducts;
+    protected template(): HTMLElement[];
+    private handleDebouncedSearch;
+    private handleClearSearch;
+    private cleanInput;
+    private normalizeForSearch;
+    private updateClearButtonVisibility;
+    private cleanupDebounceTimer;
+}

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

@@ -0,0 +1,8 @@
+import type { IFilterSchema, IProductSearchParams } from '@/interfaces/api/product-list.interface';
+import type { ProductListFilterType } from '@/interfaces/injection.interface';
+import type { IExtendedFilterSchema, IProductListFilters } from './product-list.interface';
+export declare const FILTER_TYPE_MAP: Record<string, string>;
+export declare function getSanitizedFilters(filters: IFilterSchema[], configuredFilters: ProductListFilterType[]): IExtendedFilterSchema[];
+export declare function syncFiltersToAppliedFormat(filters: IProductListFilters): Record<string, string[]>;
+export declare function buildSearchParams(slug: string, page: number, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): IProductSearchParams;
+export declare function buildCurrentFiltersFromState(stateFilters: Record<string, string[]>): IProductListFilters;

package/dist/types/modules/product-list/product-list-query-params.utils.d.ts

@@ -0,0 +1,3 @@
+import type { ProductListFilterType } from '@/interfaces/injection.interface';
+import type { IProductListFilters } from './product-list.interface';
+export declare function parseQueryParamsToFilters(configuredFilters: ProductListFilterType[], search?: string): IProductListFilters | null;

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

@@ -1,15 +1,31 @@
 import { BaseCommand } from '@/core/command/base-command.service';
-import type { ICatalog, ICatalogParams, IProduct } from '@/interfaces/cloud';
+import { type FulfillmentType } from '@/enums';
+import type { IFilterSchema, INavigationResponse, IProductSearchParams, IProductSearchResponse } from '@/interfaces/api/product-list.interface';
+import type { ProductListFilterType } from '@/interfaces/injection.interface';
 import { type AddItemParams } from '@/modules/cart/cart.commands';
+import type { IExtendedFilterSchema, ILoadInitialProductsParams, IPagination, IProductListFilters } from './product-list.interface';
 export declare class ProductListCommands extends BaseCommand {
     private readonly uiCommands;
     private readonly cartCommands;
     constructor();
     static getInstance(): ProductListCommands;
-    getProductList(params: ICatalogParams): Promise<ICatalog>;
-    addToCart(params: AddItemParams): Promise<void>;
-    addPresaleToCart(params: AddItemParams): Promise<void>;
-    trackViewItemList(products: IProduct[]): void;
-    trackSelectItem(product: IProduct): void;
-    private convertProductToBaseItem;
+    initializeListStore(slug: string, configuredFilters?: ProductListFilterType[]): void;
+    updateSearchTerm(slug: string, searchTerm: string): void;
+    setLoading(slug: string, isLoading: boolean): void;
+    rerenderProductLists(): void;
+    loadInitialProducts({ slug, page, perPage, searchTerm, currentFilters, configuredFilters, }: ILoadInitialProductsParams): Promise<void>;
+    loadMoreProducts(slug: string, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): Promise<void>;
+    getProductList(params: IProductSearchParams): Promise<IProductSearchResponse>;
+    syncFiltersFromComponent(slug: string, filters: IProductListFilters): void;
+    getSanitizedFilters(filters: IFilterSchema[], configuredFilters: ProductListFilterType[]): IExtendedFilterSchema[];
+    setGridConfig(slug: string, rows: number, columns: number): void;
+    getItemsPerPage(slug: string): number;
+    updatePagination(navigation: INavigationResponse | undefined): IPagination;
+    createInitialPagination(): IPagination;
+    addToCart(slug: string, productId: string, params: AddItemParams, trigger?: HTMLElement | null): Promise<void>;
+    selectSize(slug: string, productId: string, sizeId: string): Promise<void>;
+    changeFulfillmentType: (slug: string, productId: string, newFulfillmentType: FulfillmentType) => Promise<void>;
+    selectFulfillment: (slug: string, productId: string, selectedFulfillmentId: string) => Promise<void>;
+    updateQuantity: (slug: string, productId: string, quantity: number) => void;
+    saveEngravingLines(slug: string, productId: string, engravingLines: string[]): void;
 }