@liquidcommerce/elements-sdk 2.6.0-beta.29 → 2.6.0-beta.30

package/dist/types/constants/core.constant.d.ts

@@ -45,4 +45,5 @@ export declare const Z_INDEX: {
     readonly ADDRESS_ACTIONS: 5050;
     readonly SKELETON_WAVE: 5040;
     readonly CONTENT_OVERLAY: 5030;
+    readonly MODAL: 2147483640;
 };

package/dist/types/core/api/api-client.service.d.ts

@@ -5,14 +5,12 @@ import type { ICart, ICartUpdateParams } from '@/interfaces/api/cart.interface';
 import type { ICheckoutComplete, ICheckoutItemsUpdateParams, ICheckoutItemsUpdateResponse, ICheckoutPaymentConfirm, ICheckoutPaymentConfirmParams, ICheckoutPaymentSession, ICheckoutPrepare, ICheckoutPrepareParams } from '@/interfaces/api/checkout.interface';
 import type { IProductAvailabilityResponse } from '@/interfaces/api/product.interface';
 import type { IProductSearchParams, IProductSearchResponse } from '@/interfaces/api/product-list.interface';
-import type { IAllConfigs } from '@/interfaces/configs';
 export declare class ApiClientService {
     private client;
     private readonly logger;
     constructor();
     static getInstance(): ApiClientService;
     setClient(client: AuthClientService): Promise<void>;
-    getAllConfigs(): Promise<IAllConfigs>;
     setPersistedStore(userDeviceId: string, data: IPersistedStore): Promise<void>;
     getPersistedStore(userDeviceId: string): Promise<IPersistedStore | null>;
     deletePersistedStore(userDeviceId: string): Promise<void>;

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

@@ -2,6 +2,7 @@ import type { IAddressStore } from '@/core/store/interfaces/address.interface';
 import type { ICartFulfillmentStore, ICartItemStore, ICartRetailerStore, ICartStore } from '@/core/store/interfaces/cart.interface';
 import type { ICheckoutCustomerFormStore, ICheckoutGiftRecipientFormStore, ICheckoutItemStore, ICheckoutPaymentFormStore, ICheckoutPaymentMethodStore, ICheckoutPaymentSessionStore, ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
 import type { IProductSizeStore, IProductStore } from '@/core/store/interfaces/product.interface';
+import type { IProductListStore } from '@/core/store/interfaces/product-list.interface';
 import type { ComponentType } from '@/enums';
 import type { ICartPromoCode } from '@/interfaces/api/cart.interface';
 import type { ICheckoutGiftRecipient, ICheckoutMarketingPreferences, ICheckoutPresale, ICheckoutPromoCode, ICheckoutRetailer } from '@/interfaces/api/checkout.interface';
@@ -9,25 +10,35 @@ export interface IDrawerContentConfig {
     type: ComponentType;
     data?: Record<string, any>;
 }
+export interface IModalContentConfig {
+    type: ComponentType;
+    data?: Record<string, any>;
+}
 export interface IDrawerStore {
     isOpen: boolean;
     contentConfig: IDrawerContentConfig | null;
 }
 export interface IUIStore {
     drawer: IDrawerStore;
+    modal: IModalStore;
+}
+export interface IModalStore {
+    isOpen: boolean;
+    contentConfig: IModalContentConfig | null;
 }
 export interface IGlobalStore {
     address: IAddressStore;
     products: Record<string, IProductStore>;
     cart: ICartStore;
     checkout: ICheckoutStore;
+    productsList: IProductListStore;
     ui: IUIStore;
 }
 export interface IPersistedStore {
     p?: string;
     c?: string;
 }
-export type StorePaths = keyof IGlobalStore | `products.${string}` | `products.${string}.${keyof IProductStore}` | `products.${string}.sizes.${string}` | `products.${string}.sizes.${string}.${keyof IProductSizeStore}` | `address.${keyof IAddressStore}` | `cart.${keyof ICartStore}` | `cart.items.${string}` | `cart.items.${string}.${keyof ICartItemStore}` | `cart.retailers.${string}` | `cart.items.${string}.${keyof ICartRetailerStore}` | `cart.fulfillments.${string}` | `cart.fulfillments.${string}.${keyof ICartFulfillmentStore}` | `cart.promoCode.${keyof ICartPromoCode}` | `ui.${keyof IUIStore}` | `ui.drawer.${keyof IDrawerStore}` | `checkout.${keyof ICheckoutStore}` | `checkout.customerForm.${keyof ICheckoutCustomerFormStore}` | `checkout.giftRecipientForm.${keyof ICheckoutGiftRecipientFormStore}` | `checkout.paymentForm.${keyof ICheckoutPaymentFormStore}` | `checkout.paymentForm.paymentSession.${keyof ICheckoutPaymentSessionStore}` | `checkout.paymentForm.paymentMethod.${keyof ICheckoutPaymentMethodStore}` | `checkout.presale.${keyof ICheckoutPresale}` | `checkout.marketingPreferences.${keyof ICheckoutMarketingPreferences}` | `checkout.giftRecipient.${keyof ICheckoutGiftRecipient}` | `checkout.giftCards.${string}` | `checkout.promoCode.${keyof ICheckoutPromoCode}` | `checkout.items.${string}` | `checkout.items.${string}.${keyof ICheckoutItemStore}` | `checkout.retailers.${string}` | `checkout.retailers.${string}.${keyof ICheckoutRetailer}` | `checkout.fulfillments.${string}`;
+export type StorePaths = keyof IGlobalStore | `products.${string}` | `products.${string}.${keyof IProductStore}` | `products.${string}.sizes.${string}` | `products.${string}.sizes.${string}.${keyof IProductSizeStore}` | `address.${keyof IAddressStore}` | `cart.${keyof ICartStore}` | `cart.items.${string}` | `cart.items.${string}.${keyof ICartItemStore}` | `cart.retailers.${string}` | `cart.items.${string}.${keyof ICartRetailerStore}` | `cart.fulfillments.${string}` | `cart.fulfillments.${string}.${keyof ICartFulfillmentStore}` | `cart.promoCode.${keyof ICartPromoCode}` | `ui.${keyof IUIStore}` | `ui.drawer.${keyof IDrawerStore}` | `ui.modal.${keyof IModalStore}` | `checkout.${keyof ICheckoutStore}` | `checkout.customerForm.${keyof ICheckoutCustomerFormStore}` | `checkout.giftRecipientForm.${keyof ICheckoutGiftRecipientFormStore}` | `checkout.paymentForm.${keyof ICheckoutPaymentFormStore}` | `checkout.paymentForm.paymentSession.${keyof ICheckoutPaymentSessionStore}` | `checkout.paymentForm.paymentMethod.${keyof ICheckoutPaymentMethodStore}` | `checkout.presale.${keyof ICheckoutPresale}` | `checkout.marketingPreferences.${keyof ICheckoutMarketingPreferences}` | `checkout.giftRecipient.${keyof ICheckoutGiftRecipient}` | `checkout.giftCards.${string}` | `checkout.promoCode.${keyof ICheckoutPromoCode}` | `checkout.items.${string}` | `checkout.items.${string}.${keyof ICheckoutItemStore}` | `checkout.retailers.${string}` | `checkout.retailers.${string}.${keyof ICheckoutRetailer}` | `checkout.fulfillments.${string}` | `productsList.${string}`;
 interface MiddlewareContext {
     action: string;
     payload: any;

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

@@ -0,0 +1,47 @@
+import type { IPagination } from 'modules/product-list/product-list.interface';
+import type { FulfillmentType } from '@/enums';
+import type { IFulfillment, IProduct, IProductVariant, IRetailer, IRetailerAddress } from '@/interfaces/api/product.interface';
+import type { IFilterSchema } from '@/interfaces/api/product-list.interface';
+import type { IModalStore } from './core.interface';
+import type { IProductSizeStore } from './product.interface';
+export type IProductFulfillmentStore = IFulfillment & {
+    retailerName: string;
+    retailerAddress: IRetailerAddress;
+    retailerAddressFormatted: string;
+    variant: IProductVariant;
+    image: string | null;
+};
+export interface IProductList extends IProduct {
+    quantity: number;
+    selectedSizeId: string | null;
+    selectedFulfillmentType: FulfillmentType;
+    selectedFulfillmentId: string | null;
+    selectedFulfillment: IProductFulfillmentStore | null;
+    productHasAvailability: boolean;
+    fulfillmentHasAvailability: boolean;
+}
+export interface IProductListProduct extends Omit<IProduct, 'sizes'> {
+    sizes: Record<string, IProductSizeStore>;
+}
+export interface IProductListStore {
+    products: IProductListProduct[];
+    retailers: Record<string, IRetailer>;
+    filters: IFilterSchema[];
+    pagination: IPagination;
+    appliedFilters: Record<string, string[]>;
+    searchTerm: string;
+    gridConfig?: {
+        rows: number;
+        columns: number;
+    };
+    userProducts: {
+        [productId: string]: {
+            selectedSizeId: string;
+            selectedFulfillmentType: FulfillmentType;
+            selectedFulfillment: IProductFulfillmentStore | null;
+            selectedQuantity: number;
+            modal: IModalStore;
+        };
+    };
+    loading: boolean;
+}

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

@@ -13,6 +13,7 @@ export type IProductFulfillmentStore = IFulfillment & {
     retailerAddress: IRetailerAddress;
     retailerAddressFormatted: string;
     variant: IProductVariant;
+    image?: string;
 };
 export interface IProductSizeStore extends Omit<IProductSize, 'shippingVariants' | 'onDemandVariants'> {
     onDemandFulfillments: Record<string, IProductFulfillmentStore>;

package/dist/types/core/store/store.constant.d.ts

@@ -3,10 +3,12 @@ import type { ICartStore } from '@/core/store/interfaces/cart.interface';
 import type { ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
 import type { IGlobalStore, IUIStore } from '@/core/store/interfaces/core.interface';
 import type { IProductStore } from '@/core/store/interfaces/product.interface';
+import type { IProductListStore } from './interfaces/product-list.interface';
 export declare const LOCAL_STORAGE_PREFIX = "lce";
 export declare const initialAddressState: IAddressStore;
 export declare const initialProductState: IProductStore;
 export declare const initialCartState: ICartStore;
 export declare const initialCheckoutState: ICheckoutStore;
 export declare const initialUIState: IUIStore;
+export declare const initialProductsListState: IProductListStore;
 export declare const initialStoreState: IGlobalStore;

package/dist/types/elements-base-client.d.ts

@@ -28,6 +28,7 @@ export declare abstract class ElementsBaseClient {
     protected clientPrepared: boolean;
     protected componentFactoryInitialized: boolean;
     protected cartDrawerCreated: boolean;
+    protected modalCreated: boolean;
     protected injectedComponents: Map<string, IInjectedComponent>;
     constructor(clientConfigs: IClientConfigs);
     prepare(): Promise<void>;
@@ -41,6 +42,7 @@ export declare abstract class ElementsBaseClient {
     injectProductListSearch(params: IInjectProductListSearchParams): Promise<void>;
     injectProductListFilters(params: IInjectProductListFiltersParams): Promise<void>;
     protected ensureCartDrawerExists(): void;
+    protected ensureModalExists(): void;
     protected ensureAllComponentsRegistered(): void;
     protected createInjectedComponentWrapper(containerId: string, type: ComponentType, element: HTMLElement): IInjectedComponent;
     protected rerenderInjectedComponentsByType(type: ComponentType): void;

package/dist/types/enums/core.enum.d.ts

@@ -76,6 +76,7 @@ export declare const COMPONENT_TYPE: {
     readonly PURCHASE_MIN_ALERT: "purchase-min-alert";
     readonly ALERT: "alert";
     readonly PROMO_CODE_TICKER: "promo-code-ticker";
+    readonly MODAL: "modal";
     readonly ADDRESS: "address";
     readonly ADDRESS_INPUT: "address-input";
     readonly ADDRESS_DISPLAY: "address-display";
@@ -97,6 +98,7 @@ export declare const COMPONENT_TYPE: {
     readonly PRODUCT_LIST_FILTERS: "product-list-filters";
     readonly PRODUCT_LIST_SEARCH: "product-list-search";
     readonly PRODUCT_LIST_CARD_LOADING: "product-list-card-loading";
+    readonly PRODUCT_LIST_RETAILERS: "product-list-retailers";
     readonly CART: "cart";
     readonly CART_RETAILER: "cart-retailer";
     readonly CART_ITEM: "cart-item";

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

@@ -9,12 +9,13 @@ export interface IProductSearchParams {
     perPage?: number;
     filters?: IFilterParams[];
 }
+export type IFilterParamsValue = string | string[] | {
+    min?: string | number;
+    max?: string | number;
+} | boolean;
 export interface IFilterParams {
     key: string;
-    values: string | string[] | {
-        min?: string | number;
-        max?: string | number;
-    } | boolean;
+    values: IFilterParamsValue;
 }
 export type FacetFilterKeys = typeof FILTER_KEYS.BRANDS | typeof FILTER_KEYS.CATEGORIES | typeof FILTER_KEYS.FLAVOR | typeof FILTER_KEYS.REGION | typeof FILTER_KEYS.VARIETY | typeof FILTER_KEYS.VINTAGE | typeof FILTER_KEYS.COUNTRY | typeof FILTER_KEYS.APPELLATION | typeof FILTER_KEYS.TAGS | typeof FILTER_KEYS.MATERIALS | typeof FILTER_KEYS.SIZES | typeof FILTER_KEYS.ENGRAVING | typeof FILTER_KEYS.PRESALE | typeof FILTER_KEYS.FULFILLMENT | typeof FILTER_KEYS.PRICE | typeof FILTER_KEYS.AVAILABILITY | typeof FILTER_KEYS.COLORS;
 export interface IFilterSchema {

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

@@ -4,6 +4,7 @@ import type { IAddressComponent } from './address.interface';
 import type { ICartComponent } from './cart.interface';
 import type { ICheckoutComponent } from './checkout.interface';
 import type { IProductComponent } from './product.interface';
+import type { IProductListComponent } from './product-list.interface';
 export interface IFontFamily {
     name: string;
     weights: number[];
@@ -55,6 +56,7 @@ export interface IAllConfigs {
     address: IAddressComponent;
     cart: ICartComponent;
     checkout: ICheckoutComponent;
+    productList: IProductListComponent;
 }
-export type ConfigsKeyType = 'all' | 'configurations' | 'global' | 'product' | 'address' | 'cart' | 'checkout';
-export type ConfigsType = IAllConfigs | IElementsConfigurations | IComponentGlobalConfigs | IProductComponent | IAddressComponent | ICartComponent | ICheckoutComponent;
+export type ConfigsKeyType = 'all' | 'configurations' | 'global' | 'product' | 'address' | 'cart' | 'checkout' | 'productList';
+export type ConfigsType = IAllConfigs | IElementsConfigurations | IComponentGlobalConfigs | IProductComponent | IAddressComponent | ICartComponent | ICheckoutComponent | IProductListComponent;

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,25 @@
+import type { DeepPartial } from '@/interfaces/core.interface';
+export type ProductListCardStyle = 'card' | 'ghost';
+export type ProductListCardCornerRadius = 'rounded' | 'sharp';
+export interface IProductListTheme {
+    backgroundColor: string;
+}
+export interface IProductListLayout {
+    productCard: {
+        style: ProductListCardStyle;
+        cornerRadius: ProductListCardCornerRadius;
+        showPrice: boolean;
+        showSizeSelector: boolean;
+        showFulfillment: boolean;
+        showQuantityCounter: boolean;
+        enableShippingFulfillment: boolean;
+        enableOnDemandFulfillment: boolean;
+        showCollections: boolean;
+        enablePersonalization: boolean;
+    };
+}
+export interface IProductListComponent {
+    theme: IProductListTheme;
+    layout: IProductListLayout;
+}
+export type UpdateProductListComponent = DeepPartial<IProductListComponent>;

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

@@ -1,4 +1,4 @@
-import type { PRODUCT_LIST_CARD_VARIANT, PRODUCT_LIST_FILTER_TYPES } from '@/constants';
+import type { PRODUCT_LIST_FILTER_TYPES } from '@/constants';
 import type { IAddressActions, ICartActions, ICheckoutActions, IProductActions } from '@/core/client/client-action.service';
 import type { IClientConfigs } from '@/core/client/client-config.service';
 import type { ComponentType, DebugMode, ElementsEnv } from '@/enums';
@@ -40,14 +40,11 @@ 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;
 }
@@ -56,7 +53,7 @@ export interface IInjectProductListSearchParams {
 }
 export interface IInjectProductListFiltersParams {
     containerId: string;
-    filters?: ProductListFilterType[];
+    filters: ProductListFilterType[];
 }
 export interface IBuilderInjectElementParams {
     type: ComponentType;

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,13 @@
+import type { IProductFulfillmentStore } from 'core/store/interfaces/product.interface';
+import { type FulfillmentType } from '@/enums';
+export interface IFulfillmentSectionParams {
+    shippingVariants: Record<string, IProductFulfillmentStore>;
+    onDemandVariants: Record<string, IProductFulfillmentStore>;
+    enableShippingFulfillment: boolean;
+    enableOnDemandFulfillment: boolean;
+    selectedFulfillmentType: FulfillmentType;
+    selectedFulfillmentRetailerName: string;
+    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/index.d.ts

@@ -1,6 +1,7 @@
+export * from '../product-list-card.component';
 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-filters.component';
+export * from './product-list-retailers';
 export * from './product-list-search.component';

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

@@ -1,5 +1,5 @@
+import { BaseComponent } from 'core/base-component.service';
 import type { ProductListFilterType } from 'interfaces/core.interface';
-import { BaseComponent } from '@/core/base-component.service';
 export interface IProductListFiltersParams {
     filters: ProductListFilterType[];
 }
@@ -8,66 +8,58 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     private readonly DEFAULT_MAX_PRICE;
     private readonly FILTER_DEBOUNCE_DELAY_MS;
     private readonly DESKTOP_BREAKPOINT;
-    private activeFilters;
+    private isRenderedInDrawerMode;
+    private permanentFilters;
     private availableDynamicFilters;
     private checkboxFilterStateMap;
     private isPriceFilterCollapsed;
     private isFulfillmentFilterCollapsed;
-    private isRenderedInDrawerMode;
-    private activeFiltersChipsContainer;
+    private appliedFiltersChipsContainer;
+    private engravingFiltersContainer?;
+    private presaleFilterContainer?;
+    private fulfillmentFilterContainer?;
     private priceFiltersContainer?;
     private dynamicFiltersContainer?;
     private filterButtonContainer?;
+    private fulfillmentOptionsList?;
     private priceFilterChevronIcon?;
-    private priceSliderWrapper?;
     private fulfillmentFilterChevronIcon?;
-    private fulfillmentOptionsList?;
-    private productSearchComponent;
-    private hasRenderedFiltersOnce;
-    private priceFilterDebounceTimer;
-    private stateSubscriptionCleanup?;
+    private priceSliderWrapper?;
     private resizeHandler;
+    private priceFilterDebounceTimer;
+    constructor();
     get hostClasses(): string[];
     protected connected(): Promise<void>;
-    disconnectedCallback(): void;
-    private updateAvailableFilters;
-    private syncUIFromFiltersState;
-    private hydrateActiveFiltersFromState;
+    private setupDrawerCloseListener;
+    private setupResizeListener;
+    private detectIfRenderedInDrawer;
+    onStoreWatch(): void;
+    private syncFiltersFromStore;
+    private refreshUIStates;
+    private transformFilterValue;
     private fetchFilters;
     private applyFiltersAndCloseDrawer;
-    private removeSingleFilter;
+    protected template(): HTMLElement[];
+    private buildFilterButton;
+    private openFilterDrawer;
+    private buildFilterHeader;
     private clearAllActiveFilters;
-    private isSameDayDeliveryCurrentlyDisabled;
-    private isEngravingCurrentlyDisabled;
-    private isPresaleCurrentlyDisabled;
-    private shouldRenderPriceFilter;
+    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;
-    private toggleCheckboxFilterExpansion;
-    private buildFilterButton;
-    private openFilterDrawer;
-    private buildActiveFiltersChipsContainer;
-    private synchronizeUIWithFilters;
-    private refreshActiveFiltersChips;
-    private togglePriceFilterCollapse;
-    private toggleFulfillmentFilterCollapse;
-    private refreshFilterButton;
-    private setupResizeListener;
-    private renderPriceFilters;
-    private renderDynamicFilters;
-    private renderSpecificFilterType;
-    private renderAllRemainingFilters;
-    private appendFilterElementsToContainer;
-    private detectIfRenderedInDrawer;
-    private emitFiltersChangedEvent;
-    protected template(): HTMLElement[];
-    private buildFilterHeader;
-    private cleanupResizeListener;
-    private doCleanup;
 }

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

@@ -0,0 +1,17 @@
+import type { IProductListComponent } from 'interfaces/configs';
+import { BaseComponent } from '@/core/base-component.service';
+export interface IProductListRetailersParams {
+    productId: string;
+    config?: IProductListComponent;
+}
+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/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?;
+    private readonly DESKTOP_BREAKPOINT;
+    constructor();
+    get hostClasses(): string[];
+    protected connected(): Promise<void>;
+    disconnectedCallback(): 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;
+    private createAddToCartSection;
+}

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

@@ -1,72 +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 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';
-export interface IProductListState {
-    products: IProduct[];
-    retailers: Record<string, IRetailer>;
-    filters: IFilterSchema[];
-    pagination: IPagination;
-    isLoading: boolean;
-    currentFilters: Record<string, string[]>;
-    searchTerm: string;
-    gridConfig?: {
-        rows: number;
-        columns: number;
-    };
-}
-type StateListener = (state: IProductListState) => void;
+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 state;
     private listeners;
     constructor();
     static getInstance(): ProductListCommands;
     subscribe(listener: StateListener): () => void;
-    getState(): Readonly<IProductListState>;
-    updateState(partial: Partial<IProductListState>): 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>;
-    updateCurrentFilters(filterKey: string, values: string[]): void;
     syncFiltersFromComponent(filters: IProductListFilters): void;
     getSanitizedFilters(filters: IFilterSchema[], configuredFilters: ProductListFilterType[]): IExtendedFilterSchema[];
     buildSearchParams(page: number, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): IProductSearchParams;
-    private buildFiltersArray;
+    private buildFilters;
     private addToggleFilters;
+    private getBooleanFilterValue;
     private addEngravingFilter;
     private addPresaleFilter;
     private addFulfillmentFilter;
     private addPriceFilter;
     private addDynamicFilters;
-    isEngravingDisabled(currentFilters: IProductListFilters): boolean;
-    isPresaleDisabled(currentFilters: IProductListFilters): boolean;
-    isSameDayFulfillmentDisabled(currentFilters: IProductListFilters): boolean;
-    private isValidFilterValue;
     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: IProduct, retailers: Record<string, IRetailer>): {
-        product: IProduct;
-        defaultSize: any;
-        firstVariant: any;
+    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 {};

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

@@ -1,17 +1,14 @@
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
-import type { ProductListCardVariantType, ProductListFilterType } from '@/interfaces/core.interface';
+import type { ProductListFilterType } from '@/interfaces/core.interface';
 export interface IProductListComponentParams {
-    cardVariant: ProductListCardVariantType;
     rows: number;
     columns: number;
-    fillCard: boolean;
     filters: ProductListFilterType[];
     productUrl?: string;
 }
 export declare class ProductListComponent extends BaseComponent<IProductListComponentParams> {
     private products;
     private retailers;
-    private filters;
     private pagination;
     private cardsContainer;
     private sentinelElement;
@@ -25,16 +22,17 @@ export declare class ProductListComponent extends BaseComponent<IProductListComp
     disconnectedCallback(): void;
     private initializeComponent;
     private handleStateUpdate;
+    private updateLoadingState;
+    private hasProductsChanged;
+    private updateProductData;
+    private handleProductRendering;
+    private renderSimplifiedProducts;
     private setLoadingState;
     private renderCurrentState;
     private loadInitialProducts;
     private loadMoreProducts;
     private buildCurrentFiltersFromState;
     private mapStateFilterToComponentFilter;
-    private refetchProductsWithNewFilters;
-    private resetPagination;
-    private setupFilterChangeListener;
-    private setupSearchChangeListener;
     private createCardsContainer;
     private renderLoadingState;
     private renderProducts;