@liquidcommerce/elements-sdk 2.7.3 → 2.7.4

package/dist/types/clients/base.d.ts

@@ -51,6 +51,7 @@ export declare abstract class ElementsBaseClient {
     injectProductListFilters(params: IInjectProductListFiltersParams): Promise<void>;
     protected ensureCartDrawerExists(): void;
     protected ensureAllComponentsRegistered(): void;
+    private getServerListConfig;
     protected createInjectedComponentWrapper(containerId: string, type: ComponentType, element: HTMLElement): IInjectedComponent;
     destroy(): void;
     protected rerenderInjectedComponentsByType(type: ComponentType): void;

package/dist/types/clients/helpers.d.ts

@@ -1,4 +1,4 @@
 import { type ComponentType } from '@/enums';
-export declare function deepMergeConfigs<T extends Record<string, any>>(target: T, source: Partial<T>): T;
+export declare function deepMergeConfigs<T extends Record<string, any>>(target: T, source: Partial<T>, currentPath?: string): T;
 export declare const layoutFieldToComponentTypes: Map<string, ComponentType[]>;
 export declare function getComponentTypesForLayoutFields(parentPath: string, layoutFields: Record<string, any>): ComponentType[];

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

@@ -5,7 +5,6 @@ export declare const API_CLIENT_URL: {
 };
 export declare const PRODUCT_LIST_FILTER_TYPES: {
     ENGRAVING: string;
-    PRESALE: string;
     FULFILLMENT: string;
     PRICE: string;
     BRANDS: string;

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

@@ -18,7 +18,7 @@ export declare class ApiClientService {
     getAddressSuggestions(input: string): Promise<ApiResult<IAddressAutocompleteResult[]>>;
     getAddressDetails(id: string): Promise<ApiResult<IAddressDetailsResult>>;
     getProductsData(identifier: string[], location?: ILocation): Promise<ApiResult<IProductAvailabilityResponse>>;
-    catalogSearch(params: IProductSearchParams): Promise<ApiResult<IProductSearchResponse>>;
+    productListSearch(params: IProductSearchParams): Promise<ApiResult<IProductSearchResponse>>;
     getCartData(id: string | null): Promise<ApiResult<ICart>>;
     updateCart(params: ICartUpdateParams): Promise<ApiResult<ICart>>;
     prepareCheckout(params: ICheckoutPrepareParams): Promise<ApiResult<ICheckoutPrepare>>;

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

@@ -25,7 +25,7 @@ export interface IGlobalStore {
     products: Record<string, IProductStore>;
     cart: ICartStore;
     checkout: ICheckoutStore;
-    productsList: IProductListStore;
+    productsList: Record<string, IProductListStore>;
     ui: IUIStore;
     metadata: IElementsMetadataStore;
 }
@@ -36,7 +36,7 @@ export interface IPersistedStore {
 export interface IPersistedStoreAction {
     success: boolean;
 }
-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}` | `productsList.${keyof IProductListStore}` | `productsList.products.${string}` | `productsList.products.${string}.${keyof IPLProductStore}` | `metadata.${keyof IElementsMetadataStore}` | `metadata.checkout.${keyof ICheckoutMetadata}` | `metadata.checkout.injection.${keyof ICheckoutInjection}`;
+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}` | `productsList.${string}` | `productsList.${string}.${keyof IProductListStore}` | `productsList.${string}.products.${string}` | `productsList.${string}.products.${string}.${keyof IPLProductStore}` | `metadata.${keyof IElementsMetadataStore}` | `metadata.checkout.${keyof ICheckoutMetadata}` | `metadata.checkout.injection.${keyof ICheckoutInjection}`;
 interface MiddlewareContext {
     action: string;
     payload: any;

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

@@ -12,5 +12,6 @@ export declare const initialCartState: ICartStore;
 export declare const initialCheckoutState: ICheckoutStore;
 export declare const initialUIState: IUIStore;
 export declare const initialMetadataState: IElementsMetadataStore;
-export declare const initialProductsListState: IProductListStore;
+export declare const initialProductsListState: Record<string, IProductListStore>;
+export declare function createInitialProductListState(): IProductListStore;
 export declare const initialStoreState: IGlobalStore;

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

@@ -2,6 +2,7 @@ import type { FILTER_KEYS } from 'modules/product-list/product-list.constants';
 import type { ILocation } from '@/interfaces/api/address.interface';
 import type { IProductAvailabilityResponse } from '@/interfaces/api/product.interface';
 export interface IProductSearchParams {
+    slug: string;
     location?: ILocation;
     search?: string;
     pageToken?: string;
@@ -17,7 +18,7 @@ export interface IFilterParams {
     key: string;
     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 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.FULFILLMENT | typeof FILTER_KEYS.PRICE | typeof FILTER_KEYS.AVAILABILITY | typeof FILTER_KEYS.COLORS;
 export interface IFilterSchema {
     type: FacetFilterKeys;
     values: IFilterValue[];

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

@@ -53,10 +53,10 @@ export interface IAllConfigs {
     configurations: IElementsConfigurations;
     global: IComponentGlobalConfigs;
     product: IProductComponent;
+    productList: IProductListComponent;
     address: IAddressComponent;
     cart: ICartComponent;
     checkout: ICheckoutComponent;
-    productList: IProductListComponent;
 }
 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/product-list.interface.d.ts

@@ -1,25 +1,39 @@
-import type { DisplayModeType } from 'enums';
 import type { DeepPartial } from '@/interfaces/config.interface';
-export type ProductListCardStyle = 'card' | 'ghost';
-export type ProductListCardCornerRadius = 'rounded' | 'sharp';
-export interface IProductListTheme {
-    backgroundColor: string;
+import type { ProductListFilterType } from '@/interfaces/injection.interface';
+export type PLCPresentationModeType = 'drawer' | 'modal';
+export type PLCListType = 'curated' | 'dynamic';
+export type PLCCardStyle = 'card' | 'ghost';
+export interface IPLCProductCard {
+    style: PLCCardStyle;
+    cornerRadius: string;
+    showPrice: boolean;
+    showSizes: boolean;
+    showRetailerName: boolean;
+    showFulfillmentOptions: boolean;
+    enableShippingFulfillment: boolean;
+    enableOnDemandFulfillment: boolean;
+    enablePersonalization: boolean;
+    showQuantityCounter: boolean;
+    enablePreCart: boolean;
+    showCollectionTags: boolean;
+}
+export interface IPLCList {
+    type: PLCListType;
+    name: string;
+    slug: string;
+    filters: Record<string, string[]>;
+    productCard: IPLCProductCard;
+    presentationMode: PLCPresentationModeType;
+    availableFilters: ProductListFilterType[];
+    rows: number;
+    columns: number;
+    productUrl: string | null;
 }
 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: DisplayModeType;
+    lists: IPLCList[];
+}
+export interface IProductListTheme {
+    backgroundColor: string;
 }
 export interface IProductListComponent {
     theme: IProductListTheme;

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

@@ -8,6 +8,7 @@ export interface IInjectProductElement {
 export type ProductListFilterType = (typeof PRODUCT_LIST_FILTER_TYPES)[keyof typeof PRODUCT_LIST_FILTER_TYPES];
 export interface IInjectProductListParams {
     containerId: string;
+    slug: string;
     rows?: number;
     columns?: number;
     filters?: ProductListFilterType[];
@@ -15,10 +16,12 @@ export interface IInjectProductListParams {
 }
 export interface IInjectProductListSearchParams {
     containerId: string;
+    slug: string;
 }
 export interface IInjectProductListFiltersParams {
     containerId: string;
-    filters: ProductListFilterType[];
+    slug: string;
+    filters?: ProductListFilterType[];
 }
 export interface IBuilderInjectElementParams {
     type: ComponentType;

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

@@ -4,9 +4,11 @@ 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[];
+    private get isProductListContext();
     beforeSetupStoreWatchers(): void;
     private onFulfillmentTabClick;
     private onRetailerCardClick;

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

@@ -1,11 +1,9 @@
-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;
+export declare const createAddToCartButton: ({ isPresale, hasAvailability, state, disabled, hasAddress, onClick, }: IAddToCartButtonParams) => HTMLElement;

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

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

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

@@ -1,10 +1,8 @@
 import type { IProductSizeStore } from 'core/store/interfaces/product.interface';
-import type { ProductListCardCornerRadius } from 'interfaces/configs';
 import { BaseComponent } from '@/core/base-component.service';
 export interface IProductListSizeSelectorParams {
     sizes: Record<string, IProductSizeStore>;
     selectedSizeId: string | null;
-    cornerRadius: ProductListCardCornerRadius;
     onSelect?: (size: IProductSizeStore) => void;
 }
 export declare class ProductListSizeSelectorComponent extends BaseComponent<IProductListSizeSelectorParams> {

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

@@ -4,10 +4,4 @@ export interface ICreateEngravingFilterParams {
     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/product-list-engraving.component.d.ts

@@ -1,7 +1,12 @@
 import { BaseComponent } from 'core/base-component.service';
 import type { IProductListComponent } from 'interfaces/configs';
 import type { IEngravingFormComponentParams } from 'modules/ui-components/engraving';
-export declare class ProductListEngravingComponent extends BaseComponent<IEngravingFormComponentParams, IProductListComponent> {
+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,6 +1,7 @@
 import { BaseComponent } from 'core/base-component.service';
 import type { ProductListFilterType } from 'interfaces/injection.interface';
 export interface IProductListFiltersParams {
+    slug: string;
     filters: ProductListFilterType[];
 }
 export declare class ProductListFiltersComponent extends BaseComponent<IProductListFiltersParams> {
@@ -15,7 +16,6 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     private isFulfillmentFilterCollapsed;
     private appliedFiltersChipsContainer;
     private engravingFiltersContainer?;
-    private presaleFilterContainer?;
     private fulfillmentFilterContainer?;
     private priceFiltersContainer?;
     private dynamicFiltersContainer?;
@@ -49,7 +49,6 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     private handleFilterChange;
     private isEngravingCurrentlyDisabled;
     private buildEngravingFilterElements;
-    private buildPresaleFilterElements;
     private isSameDayDeliveryCurrentlyDisabled;
     private toggleFulfillmentFilterCollapse;
     private buildFulfillmentFilterElements;

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

@@ -1,6 +1,7 @@
 import { BaseComponent } from 'core/base-component.service';
 import type { IProductListComponent } from 'interfaces/configs';
 export interface IProductListProductEngravingLinesComponentParams {
+    slug: string;
     identifier: string;
     lines: string[];
     maxLines: number;

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

@@ -1,6 +1,7 @@
 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> {
@@ -15,6 +16,7 @@ export declare class ProductListProductPreCartComponent extends BaseComponent<IP
     private previousSelectedSizeId;
     private previousSelectedFulfillmentId;
     constructor();
+    private getListConfig;
     protected afterRender?(): void;
     private handleRetailersBack;
     private handleEngravingBack;

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

@@ -1,5 +1,8 @@
 import { BaseComponent } from '@/core/base-component.service';
-export declare class ProductListSearchComponent extends BaseComponent {
+export interface IProductListSearchParams {
+    slug: string;
+}
+export declare class ProductListSearchComponent extends BaseComponent<IProductListSearchParams> {
     private searchInput?;
     private clearButton?;
     private debounceTimer;

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

@@ -1,6 +1,7 @@
 import type { IProductListComponent } from 'interfaces/configs';
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
 export interface IProductListCardParams {
+    slug: string;
     productId: string;
     productUrl?: string;
 }
@@ -13,6 +14,7 @@ export declare class ProductListCardComponent extends BaseComponent<IProductList
     private previousSelectedSizeId;
     private previousSelectedFulfillmentId;
     constructor();
+    private getListConfig;
     get hostClasses(): string[];
     protected disconnected?(): void;
     onStoreWatch(changes: IOnStoreChanged[]): void;

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

@@ -4,5 +4,5 @@ import type { IExtendedFilterSchema, IProductListFilters } from './product-list.
 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(page: number, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): IProductSearchParams;
+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.commands.d.ts

@@ -9,21 +9,22 @@ export declare class ProductListCommands extends BaseCommand {
     private readonly cartCommands;
     constructor();
     static getInstance(): ProductListCommands;
-    updateSearchTerm(searchTerm: string): void;
-    setLoading(isLoading: boolean): void;
-    loadInitialProducts(page: number, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): Promise<void>;
-    loadMoreProducts(perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): Promise<void>;
+    initializeListStore(slug: string): void;
+    updateSearchTerm(slug: string, searchTerm: string): void;
+    setLoading(slug: string, isLoading: boolean): void;
+    loadInitialProducts(slug: string, page: number, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): Promise<void>;
+    loadMoreProducts(slug: string, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): Promise<void>;
     getProductList(params: IProductSearchParams): Promise<IProductSearchResponse>;
-    syncFiltersFromComponent(filters: IProductListFilters): void;
+    syncFiltersFromComponent(slug: string, filters: IProductListFilters): void;
     getSanitizedFilters(filters: IFilterSchema[], configuredFilters: ProductListFilterType[]): IExtendedFilterSchema[];
-    setGridConfig(rows: number, columns: number): void;
-    getItemsPerPage(): number;
+    setGridConfig(slug: string, rows: number, columns: number): void;
+    getItemsPerPage(slug: string): number;
     updatePagination(navigation: INavigationResponse | undefined): IPagination;
     createInitialPagination(): IPagination;
-    addToCart(productId: string, params: AddItemParams): Promise<void>;
-    selectSize(productId: string, sizeId: string): Promise<void>;
-    changeFulfillmentType: (productId: string, newFulfillmentType: FulfillmentType) => Promise<void>;
-    selectFulfillment: (productId: string, selectedFulfillmentId: string) => Promise<void>;
-    updateQuantity: (productId: string, quantity: number) => void;
-    saveEngravingLines(productId: string, engravingLines: string[]): void;
+    addToCart(slug: string, productId: string, params: AddItemParams): 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;
 }

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

@@ -2,6 +2,7 @@ import type { IProductListComponent } from 'interfaces/configs';
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
 import type { ProductListFilterType } from '@/interfaces/injection.interface';
 export interface IProductListComponentParams {
+    slug: string;
     rows: number;
     columns: number;
     filters: ProductListFilterType[];

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

@@ -7,7 +7,6 @@ export declare const FILTER_KEYS: {
     readonly VARIETY: "variety";
     readonly ENGRAVING: "engraving";
     readonly PRICE: "price";
-    readonly PRESALE: "presale";
     readonly AVAILABILITY: "availability";
     readonly CATEGORIES: "categories";
     readonly SIZES: "sizes";

package/dist/types/modules/ui-components/engraving/engraving-form.component.d.ts

@@ -3,6 +3,7 @@ import { type DisplayModeType } from '@/enums';
 export interface IEngravingFormComponentParams {
     identifier: string;
     context: 'product' | 'cart' | 'product-list';
+    slug?: string;
     lines: string[];
     maxLines: number;
     maxCharsPerLine: number;

package/dist/types/modules/ui-components/engraving/engraving-view.component.d.ts

@@ -3,6 +3,7 @@ import type { IProductComponent } from '@/interfaces/configs';
 export interface IEngravingViewComponentParams {
     identifier: string;
     context: 'cart' | 'checkout' | 'product-list';
+    slug?: string;
     productListMaxLines?: number;
     productListMaxCharsPerLine?: number;
     productListLocation?: string;

package/package.json

@@ -3,7 +3,7 @@
   "description": "LiquidCommerce Elements SDK",
   "license": "UNLICENSED",
   "author": "LiquidCommerce Team",
-  "version": "2.7.3",
+  "version": "2.7.4",
   "homepage": "https://docs.liquidcommerce.co/elements-sdk",
   "repository": {
     "type": "git",
@@ -97,7 +97,7 @@
     "@semantic-release/npm": "^13.1.4",
     "@semantic-release/release-notes-generator": "^14.1.0",
     "@types/core-js": "^2.5.8",
-    "@types/node": "^25.2.2",
+    "@types/node": "^25.2.3",
     "conventional-changelog-cli": "^5.0.0",
     "husky": "^9.1.7",
     "process": "^0.11.10",