@liquidcommerce/elements-sdk 2.6.0-beta.45 → 2.6.0-beta.47

package/dist/ssr-stub.esm.js

@@ -157,7 +157,6 @@ const COMPONENT_TYPE = {
     PURCHASE_MIN_ALERT: 'purchase-min-alert',
     ALERT: 'alert',
     PROMO_CODE_TICKER: 'promo-code-ticker',
-    MODAL: 'modal',
     ADDRESS: 'address',
     ADDRESS_INPUT: 'address-input',
     ADDRESS_DISPLAY: 'address-display',
@@ -179,11 +178,10 @@ const COMPONENT_TYPE = {
     PRODUCT_LIST_FILTERS: 'product-list-filters',
     PRODUCT_LIST_SEARCH: 'product-list-search',
     PRODUCT_LIST_CARD_LOADING: 'product-list-card-loading',
-    PRODUCT_LIST_RETAILERS: 'product-list-retailers',
     PRODUCT_LIST_ENGRAVING_FORM: 'product-list-engraving-form',
     PRODUCT_LIST_PRODUCT_PRE_CART: 'product-list-product-pre-cart',
-    PRODUCT_LIST_RETAILERS_CONTENT: 'product-list-retailers-content',
     PRODUCT_LIST_PRODUCT_ENGRAVING_LINES: 'product-list-product-engraving-lines',
+    PRODUCT_LIST_SIZE_SELECTOR: 'product-list-size-selector',
     CART: 'cart',
     CART_RETAILER: 'cart-retailer',
     CART_ITEM: 'cart-item',
@@ -254,8 +252,9 @@ const DISPLAY_MODE = {
     DRAWER: 'drawer',
 };
 const NAVIGATION_SOURCE = {
-    PRODUCT_CARD: 'productCard',
-    ADD_TO_CART_DRAWER: 'addToCartDrawer',
+    PRODUCT: 'product',
+    PRODUCT_LIST_CARD: 'product-list-card',
+    PRE_CART: 'pre-cart',
 };
 
 const SSR_WARN = '[LiquidCommerce Elements] This SDK is designed for the browser. ' + 'Calls made during SSR return null. The SDK will initialize on the client.';

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

@@ -36,7 +36,7 @@ export declare abstract class ElementsBaseClient {
     protected clientPrepared: boolean;
     protected componentFactoryInitialized: boolean;
     protected cartDrawerElement: HTMLElement | null;
-    protected modalElement: HTMLElement | null;
+    private heavyInitTimeoutId;
     protected injectedComponents: Map<string, IInjectedComponent>;
     constructor(clientConfigs: IClientConfigs);
     prepare(): Promise<void>;
@@ -50,8 +50,8 @@ export declare abstract class ElementsBaseClient {
     injectProductListSearch(params: IInjectProductListSearchParams): Promise<void>;
     injectProductListFilters(params: IInjectProductListFiltersParams): Promise<void>;
     protected ensureCartDrawerExists(): void;
-    protected ensureModalExists(): 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

@@ -3,12 +3,8 @@ export declare const API_CLIENT_URL: {
     staging: string;
     production: string;
 };
-export declare const PRODUCT_LIST_CARD_VARIANT: {
-    STANDARD: string;
-};
 export declare const PRODUCT_LIST_FILTER_TYPES: {
     ENGRAVING: string;
-    PRESALE: string;
     FULFILLMENT: string;
     PRICE: string;
     BRANDS: string;
@@ -45,6 +41,4 @@ export declare const Z_INDEX: {
     readonly ADDRESS_ACTIONS: 5050;
     readonly SKELETON_WAVE: 5040;
     readonly CONTENT_OVERLAY: 5030;
-    readonly MODAL: 2147483640;
 };
-export declare const DESKTOP_BREAKPOINT = 1024;

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

@@ -1,5 +1,6 @@
+import type { ApiResult } from '@/core/api/api-result';
 import type { AuthClientService } from '@/core/api/auth-client.service';
-import type { IPersistedStore } from '@/core/store/interfaces/core.interface';
+import type { IPersistedStore, IPersistedStoreAction } from '@/core/store/interfaces/core.interface';
 import type { IAddressAutocompleteResult, IAddressDetailsResult, ILocation } from '@/interfaces/api/address.interface';
 import type { ICart, ICartUpdateParams } from '@/interfaces/api/cart.interface';
 import type { ICheckoutComplete, ICheckoutItemsUpdateParams, ICheckoutItemsUpdateResponse, ICheckoutPaymentConfirm, ICheckoutPaymentConfirmParams, ICheckoutPaymentSession, ICheckoutPrepare, ICheckoutPrepareParams } from '@/interfaces/api/checkout.interface';
@@ -11,18 +12,18 @@ export declare class ApiClientService {
     constructor();
     static getInstance(): ApiClientService;
     setClient(client: AuthClientService): Promise<void>;
-    setPersistedStore(userDeviceId: string, data: IPersistedStore): Promise<void>;
-    getPersistedStore(userDeviceId: string): Promise<IPersistedStore | null>;
-    deletePersistedStore(userDeviceId: string): Promise<void>;
-    getAddressSuggestions(input: string): Promise<IAddressAutocompleteResult[]>;
-    getAddressDetails(id: string): Promise<IAddressDetailsResult>;
-    getProductsData(identifier: string[], location?: ILocation): Promise<IProductAvailabilityResponse | null>;
-    catalogSearch(params: IProductSearchParams): Promise<IProductSearchResponse>;
-    getCartData(id: string | null): Promise<ICart>;
-    updateCart(params: ICartUpdateParams): Promise<ICart>;
-    prepareCheckout(params: ICheckoutPrepareParams): Promise<ICheckoutPrepare>;
-    updateCheckoutItems(params: ICheckoutItemsUpdateParams): Promise<ICheckoutItemsUpdateResponse>;
-    getPaymentSession(cartId: string): Promise<ICheckoutPaymentSession>;
-    confirmPaymentSession(params: ICheckoutPaymentConfirmParams): Promise<ICheckoutPaymentConfirm>;
-    checkoutComplete(token: string): Promise<ICheckoutComplete>;
+    setPersistedStore(userDeviceId: string, data: IPersistedStore): Promise<ApiResult<IPersistedStoreAction>>;
+    getPersistedStore(userDeviceId: string): Promise<ApiResult<IPersistedStore>>;
+    deletePersistedStore(userDeviceId: string): Promise<ApiResult<IPersistedStoreAction>>;
+    getAddressSuggestions(input: string): Promise<ApiResult<IAddressAutocompleteResult[]>>;
+    getAddressDetails(id: string): Promise<ApiResult<IAddressDetailsResult>>;
+    getProductsData(identifier: string[], location?: ILocation): Promise<ApiResult<IProductAvailabilityResponse>>;
+    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>>;
+    updateCheckoutItems(params: ICheckoutItemsUpdateParams): Promise<ApiResult<ICheckoutItemsUpdateResponse>>;
+    getPaymentSession(cartId: string): Promise<ApiResult<ICheckoutPaymentSession>>;
+    confirmPaymentSession(params: ICheckoutPaymentConfirmParams): Promise<ApiResult<ICheckoutPaymentConfirm>>;
+    checkoutComplete(token: string): Promise<ApiResult<ICheckoutComplete>>;
 }

package/dist/types/core/api/api-result.d.ts

@@ -0,0 +1,19 @@
+export interface IApiErrorDetail {
+    field?: string;
+    message: string;
+    code?: string;
+}
+export interface ApiError {
+    status: number;
+    message: string;
+    errors: IApiErrorDetail[];
+}
+export type ApiResult<T> = {
+    success: true;
+    data: T;
+} | {
+    success: false;
+    error: ApiError;
+};
+export declare function apiSuccess<T>(data: T): ApiResult<T>;
+export declare function apiError<T = never>(status: number, message: string, errors?: IApiErrorDetail[]): ApiResult<T>;

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

@@ -1,3 +1,4 @@
+import { type ApiResult } from '@/core/api/api-result';
 import type { ElementsEnv } from '@/enums';
 import type { IAllConfigs } from '@/interfaces/configs/global.interface';
 export interface IAuthConfig {
@@ -13,13 +14,20 @@ export interface IAuth {
     accessToken: string;
     expiration: number;
 }
-export interface IApiResponseBase {
-    message: string;
-}
 export interface IApiResponse<T> {
     message: string;
     data: T;
 }
+export interface IApiErrorDetail {
+    field?: string;
+    message: string;
+    code?: string;
+}
+export interface IApiError {
+    statusCode: number;
+    message: string;
+    errors: IApiErrorDetail[];
+}
 export interface IAuthWithConfigs {
     auth: IAuth;
     configs: IAllConfigs;
@@ -46,8 +54,8 @@ export declare class AuthClientService {
     }>;
     authenticate(): Promise<boolean>;
     refreshToken(): Promise<boolean>;
-    get<T = any>(path: string, options?: IHttpRequestOptions): Promise<T>;
-    post<T = any>(path: string, options?: IHttpRequestOptions): Promise<T>;
+    get<TData = unknown>(path: string, options?: IHttpRequestOptions): Promise<ApiResult<TData>>;
+    post<TData = unknown>(path: string, options?: IHttpRequestOptions): Promise<ApiResult<TData>>;
     private performAuthentication;
     private performTokenRefresh;
     private request;

package/dist/types/core/singleton-manager.service.d.ts

@@ -1,17 +1,21 @@
 import type { IClientConfigs } from '@/core/client/client-config.service';
-import type { LiquidCommerceElementsBuilderClientConstructor, LiquidCommerceElementsClientConstructor } from '@/interfaces/client.interface';
+import type { LiquidCommerceElementsBuilderClientConstructor, LiquidCommerceElementsCheckoutClientConstructor, LiquidCommerceElementsClientConstructor } from '@/interfaces/client.interface';
+type ClientConstructor = LiquidCommerceElementsClientConstructor | LiquidCommerceElementsBuilderClientConstructor | LiquidCommerceElementsCheckoutClientConstructor;
+export type SDKContext = 'regular' | 'builder' | 'checkout';
 export declare class SingletonManager {
     private static clientConstructor;
-    private static regularClientInstances;
-    private static builderClientInstances;
+    private static contexts;
     private static currentContext;
+    private static initializationInProgress;
     private static getInstances;
     private constructor();
-    static setContext({ isBuilder }: {
-        isBuilder: boolean;
-    }): void;
-    static setClientConstructor(lceConstructor: LiquidCommerceElementsClientConstructor | LiquidCommerceElementsBuilderClientConstructor): void;
-    static getClientConstructor(): LiquidCommerceElementsClientConstructor | LiquidCommerceElementsBuilderClientConstructor | null;
+    static setContext(context: SDKContext): void;
+    static finalizeInitialization(): void;
+    static hasContext(context: SDKContext): boolean;
+    static destroyContext(context: SDKContext): void;
+    static setClientConstructor(lceConstructor: ClientConstructor): void;
+    static getClientConstructor(): ClientConstructor | null;
     static getClassInstance<T>(className: string, instanceCreator: () => T): T;
     static getClient<T>(clientConfigs: IClientConfigs): Promise<T>;
 }
+export {};

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

@@ -3,7 +3,7 @@ import type { ICartFulfillmentStore, ICartItemStore, ICartRetailerStore, ICartSt
 import type { ICheckoutCustomerFormStore, ICheckoutGiftRecipientFormStore, ICheckoutItemStore, ICheckoutPaymentFormStore, ICheckoutPaymentMethodStore, ICheckoutPaymentSessionStore, ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
 import type { ICheckoutInjection, ICheckoutMetadata, IElementsMetadataStore } from '@/core/store/interfaces/metadata.interface';
 import type { IProductSizeStore, IProductStore } from '@/core/store/interfaces/product.interface';
-import type { IProductListStore } from '@/core/store/interfaces/product-list.interface';
+import type { IPLProductStore, 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';
@@ -11,28 +11,21 @@ export interface IDrawerContentConfig {
     type: ComponentType;
     data?: Record<string, any>;
 }
-export interface IModalContentConfig {
-    type: ComponentType;
-    data?: Record<string, any>;
-}
+export type UIDrawerMode = 'drawer' | 'modal';
 export interface IDrawerStore {
     isOpen: boolean;
     contentConfig: IDrawerContentConfig | null;
+    mode: UIDrawerMode;
 }
 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;
+    productsList: Record<string, IProductListStore>;
     ui: IUIStore;
     metadata: IElementsMetadataStore;
 }
@@ -40,7 +33,10 @@ 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}` | `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}` | `metadata.${keyof IElementsMetadataStore}` | `metadata.checkout.${keyof ICheckoutMetadata}` | `metadata.checkout.injection.${keyof ICheckoutInjection}` | `productsList.${string}`;
+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.${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/interfaces/product-list.interface.d.ts

@@ -1,47 +1,29 @@
 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 { IProduct } from '@/interfaces/api/product.interface';
 import type { IFilterSchema } from '@/interfaces/api/product-list.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 {
+import type { IProductFulfillmentStore, IProductSizeStore } from './product.interface';
+export interface IPLProductStore extends Omit<IProduct, 'sizes'> {
+    id: string;
+    sizes: Record<string, IProductSizeStore>;
     quantity: number;
     selectedSizeId: string | null;
     selectedFulfillmentType: FulfillmentType;
     selectedFulfillmentId: string | null;
     selectedFulfillment: IProductFulfillmentStore | null;
+    engravingLines: string[];
     productHasAvailability: boolean;
     fulfillmentHasAvailability: boolean;
-}
-export interface IProductListProduct extends Omit<IProduct, 'sizes'> {
-    sizes: Record<string, IProductSizeStore>;
-}
-export interface IUserProducts {
-    [productId: string]: {
-        selectedSizeId: string;
-        selectedFulfillmentType: FulfillmentType;
-        selectedFulfillment: IProductFulfillmentStore | null;
-        selectedQuantity: number;
-        engravingLines?: string[];
-    };
+    loading: boolean;
+    updating: boolean;
 }
 export interface IProductListStore {
-    products: IProductListProduct[];
-    retailers: Record<string, IRetailer>;
+    products: Record<string, IPLProductStore>;
+    appliedFilters: Record<string, string[]>;
     filters: IFilterSchema[];
     pagination: IPagination;
-    appliedFilters: Record<string, string[]>;
     searchTerm: string;
-    gridConfig?: {
-        rows: number;
-        columns: number;
-    };
-    userProducts: IUserProducts;
+    rows: number;
+    columns: number;
     loading: boolean;
 }

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/core/store/store.service.d.ts

@@ -28,6 +28,7 @@ export declare class StoreService {
     createProductInstance(productId: string): boolean;
     removeProductInstance(productId: string): boolean;
     getProductInstances(): Record<string, IProductStore>;
+    destroy(): void;
     getState(): IGlobalStore;
     private setupMiddleware;
     private loggingMiddleware;

package/dist/types/core/telemetry/telemetry.service.d.ts

@@ -10,6 +10,7 @@ export declare class TelemetryService {
     constructor();
     static getInstance(): TelemetryService;
     isEnabled(): boolean;
+    destroy(): void;
     captureEvent(level: TelemetryLevel, message: string, options?: ITelemetryEventOptions): void;
     private buildErrorContext;
     private buildSDKContext;

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

@@ -76,7 +76,6 @@ 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";
@@ -98,11 +97,10 @@ 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 PRODUCT_LIST_ENGRAVING_FORM: "product-list-engraving-form";
     readonly PRODUCT_LIST_PRODUCT_PRE_CART: "product-list-product-pre-cart";
-    readonly PRODUCT_LIST_RETAILERS_CONTENT: "product-list-retailers-content";
     readonly PRODUCT_LIST_PRODUCT_ENGRAVING_LINES: "product-list-product-engraving-lines";
+    readonly PRODUCT_LIST_SIZE_SELECTOR: "product-list-size-selector";
     readonly CART: "cart";
     readonly CART_RETAILER: "cart-retailer";
     readonly CART_ITEM: "cart-item";
@@ -181,7 +179,8 @@ export declare const DISPLAY_MODE: {
 };
 export type DisplayModeType = (typeof DISPLAY_MODE)[keyof typeof DISPLAY_MODE];
 export declare const NAVIGATION_SOURCE: {
-    readonly PRODUCT_CARD: "productCard";
-    readonly ADD_TO_CART_DRAWER: "addToCartDrawer";
+    readonly PRODUCT: "product";
+    readonly PRODUCT_LIST_CARD: "product-list-card";
+    readonly PRE_CART: "pre-cart";
 };
 export type NavigationSourceType = (typeof NAVIGATION_SOURCE)[keyof typeof NAVIGATION_SOURCE];

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/client.interface.d.ts

@@ -5,7 +5,7 @@ import type { IProductActions } from '@/core/client/actions/client-product-actio
 import type { IClientConfigs } from '@/core/client/client-config.service';
 import type { IAddressOptions } from '@/modules/address/address.interface';
 import type { IInjectedComponent } from './component.interface';
-import type { UpdateAddressComponent, UpdateCartComponent, UpdateCheckoutComponent, UpdateComponentGlobalConfigs, UpdateProductComponent } from './configs';
+import type { UpdateAddressComponent, UpdateCartComponent, UpdateCheckoutComponent, UpdateComponentGlobalConfigs, UpdateProductComponent, UpdateProductListComponent } from './configs';
 import type { IBuilderInjectElementParams, IInjectCheckoutBuilderParams, IInjectCheckoutParams, IInjectProductElement, IInjectProductListFiltersParams, IInjectProductListParams, IInjectProductListSearchParams } from './injection.interface';
 export interface ILiquidCommerceElementsUIMethod {
     cartButton(containerId: string, showItemsCount?: boolean): void;
@@ -36,6 +36,7 @@ export interface ILiquidCommerceElementsBuilderClient {
     updateAddressComponent(configs: UpdateAddressComponent): void;
     updateCartComponent(configs: UpdateCartComponent): void;
     updateCheckoutComponent(configs: UpdateCheckoutComponent): void;
+    updateProductListComponent(configs: UpdateProductListComponent): void;
     injectElement(params: IBuilderInjectElementParams): Promise<IInjectedComponent | null>;
     injectProductElement(params: IInjectProductElement[]): Promise<IInjectedComponent[]>;
     injectAddressElement(containerId: string, options?: IAddressOptions): Promise<IInjectedComponent | null>;
@@ -58,5 +59,14 @@ export interface ILiquidCommerceElementsClient {
     getInjectedComponents(): Map<string, IInjectedComponent>;
     destroy(): void;
 }
+export interface ILiquidCommerceElementsCheckoutClient {
+    prepare(): Promise<void>;
+    injectCheckout(params: IInjectCheckoutParams): Promise<IInjectedComponent | null>;
+    actions: {
+        checkout: IElementsCheckoutActions;
+    };
+    destroy(): void;
+}
 export type LiquidCommerceElementsClientConstructor = new (clientConfigs: IClientConfigs) => ILiquidCommerceElementsClient;
 export type LiquidCommerceElementsBuilderClientConstructor = new (clientConfigs: IClientConfigs) => ILiquidCommerceElementsBuilderClient;
+export type LiquidCommerceElementsCheckoutClientConstructor = new (clientConfigs: IClientConfigs) => ILiquidCommerceElementsCheckoutClient;

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

@@ -1,5 +1,5 @@
 import type { DebugMode, ElementsEnv } from '@/enums';
-import type { IPromoTicker, UpdateAddressComponent, UpdateCartComponent, UpdateCheckoutComponent, UpdateComponentGlobalConfigs, UpdateProductComponent } from './configs';
+import type { IPromoTicker, UpdateAddressComponent, UpdateCartComponent, UpdateCheckoutComponent, UpdateComponentGlobalConfigs, UpdateProductComponent, UpdateProductListComponent } from './configs';
 export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
 };
@@ -18,6 +18,7 @@ export interface IClientCustomThemeConfig {
     address?: UpdateAddressComponent;
     cart?: UpdateCartComponent;
     checkout?: UpdateCheckoutComponent;
+    productList?: UpdateProductListComponent;
 }
 export interface ILiquidCommerceElementsCheckoutConfig {
     pageUrl: string;

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/address/address.command.d.ts

@@ -6,7 +6,7 @@ export declare class AddressCommands extends BaseCommand {
     constructor();
     static getInstance(): AddressCommands;
     searchAddresses(query: string): Promise<IAddressAutocompleteResult[]>;
-    getAddressDetails(addressId: string): Promise<IAddressDetailsResult>;
+    getAddressDetails(addressId: string): Promise<IAddressDetailsResult | null>;
     setSelectedAddress(addressData: IAddressData): Promise<void>;
     setAddressManually(address: IAddressAddress, coordinates: IAddressCoordinates): Promise<void>;
     clearSelectedAddress(): Promise<void>;

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

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

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

@@ -1,12 +1,15 @@
 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 isProductListContext();
+    beforeSetupStoreWatchers(): void;
     private onFulfillmentTabClick;
     private onRetailerCardClick;
     protected template(): HTMLElement[];

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

@@ -16,7 +16,7 @@ export declare class ProductCommands extends BaseCommand {
     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>;
     closeProductDrawer(productId: string): Promise<void>;
@@ -24,6 +24,4 @@ export declare class ProductCommands extends BaseCommand {
     addToCart(productId: string, params: AddItemParams): Promise<void>;
     addPresaleToCart(productId: string, params: AddItemParams): Promise<void>;
     productDataForEventFromStore(identifier: string): IBaseProductEventData;
-    private findFirstAvailableSize;
-    private loadProductStoreUpdate;
 }

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

@@ -1,7 +1,5 @@
 export * from './product-badge';
 export * from './product-button';
-export * from './product-fulfillments';
 export * from './product-price-and-personalization';
 export * from './product-quantity-selector';
 export * from './product-sizes-list';
-export * from './product-title';

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

@@ -5,4 +5,5 @@ export interface IBadgesParams {
     }>;
     separatorText?: string;
 }
+export declare const createProductBadge: (name: string, className?: string) => HTMLElement;
 export declare const createProductBadges: ({ badges, separatorText }: IBadgesParams) => HTMLElement;