@liquidcommerce/elements-sdk 2.6.0-beta.44 → 2.6.0-beta.46

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,9 +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_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',
@@ -252,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,7 +50,6 @@ 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;
     destroy(): void;

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

@@ -3,9 +3,6 @@ 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;
@@ -45,6 +42,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>>;
+    catalogSearch(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,21 +11,14 @@ 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;
@@ -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.${keyof IProductListStore}` | `productsList.products.${string}` | `productsList.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,45 +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>;
+    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: {
-        [productId: string]: {
-            selectedSizeId: string;
-            selectedFulfillmentType: FulfillmentType;
-            selectedFulfillment: IProductFulfillmentStore | null;
-            selectedQuantity: number;
-        };
-    };
+    rows: number;
+    columns: number;
     loading: boolean;
 }

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,9 +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_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";
@@ -179,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/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/modules/address/address-input.component.d.ts

@@ -1,7 +1,3 @@
-import type { IProductListProduct } from 'core/store/interfaces/product-list.interface';
-import { type NavigationSourceType } from 'enums';
-import type { IFulfillment } from 'interfaces/api/product.interface';
-import type { IProductListComponent } from 'interfaces/configs';
 import { BaseComponent } from '@/core/base-component.service';
 import type { IAddressComponent } from '@/interfaces/configs';
 import type { IAddressOptions } from './address.interface';
@@ -9,12 +5,6 @@ export interface IAddressInputComponentParams {
     productId?: string;
     isIndependentComponent?: boolean;
     options?: IAddressOptions;
-    navigationSource?: NavigationSourceType;
-    product?: IProductListProduct;
-    shippingFulfillment?: IFulfillment | null;
-    onDemandFulfillment?: IFulfillment | null;
-    showCollections?: boolean;
-    config?: IProductListComponent;
 }
 export declare class AddressInputComponent extends BaseComponent<IAddressInputComponentParams, IAddressComponent> {
     private suggestions;
@@ -34,7 +24,6 @@ export declare class AddressInputComponent extends BaseComponent<IAddressInputCo
     private closeDrawer;
     private handleCancel;
     private handleCheckAvailability;
-    private reopenAddToCartDrawer;
     private handleSuggestionClick;
     private handleDocumentClick;
     private searchAddresses;

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,13 @@
 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;
 }
 export declare class ProductRetailersPopupListComponent extends BaseComponent<IProductRetailersPopupListComponentParams, IProductComponent> {
     get hostClasses(): string[];
-    constructor();
-    private getProductId;
+    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;

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

@@ -1,9 +1,15 @@
 import type { IProductSizeStore } from 'core/store/interfaces/product.interface';
 import type { ProductListCardCornerRadius } from 'interfaces/configs';
-export interface ISizeSelectorParams {
+import { BaseComponent } from '@/core/base-component.service';
+export interface IProductListSizeSelectorParams {
     sizes: Record<string, IProductSizeStore>;
-    selectedSize: IProductSizeStore;
+    selectedSizeId: string | null;
     cornerRadius: ProductListCardCornerRadius;
     onSelect?: (size: IProductSizeStore) => void;
 }
-export declare const createProductSizesList: ({ sizes, selectedSize, cornerRadius, onSelect }: ISizeSelectorParams) => HTMLElement;
+export declare class ProductListSizeSelectorComponent extends BaseComponent<IProductListSizeSelectorParams> {
+    private onOutsideClick;
+    get hostClasses(): string[];
+    protected disconnected?(): void;
+    protected template(): HTMLElement[];
+}

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

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

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

@@ -1,10 +1,7 @@
 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> {
+export declare class ProductListEngravingComponent extends BaseComponent<IEngravingFormComponentParams, IProductListComponent> {
     protected template(): HTMLElement[];
     private createHeader;
-    private handleClose;
-    private handleEngravingComplete;
-    private handleEngravingCancel;
-    private reopenAddToCartDrawer;
 }

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

@@ -24,7 +24,6 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     private priceFilterChevronIcon?;
     private fulfillmentFilterChevronIcon?;
     private priceSliderWrapper?;
-    private resizeHandler;
     private boundDrawerClosedHandler;
     private priceFilterDebounceTimer;
     constructor();
@@ -32,7 +31,6 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     protected connected(): Promise<void>;
     private setupDrawerCloseListener;
     protected disconnected(): void;
-    private setupResizeListener;
     private detectIfRenderedInDrawer;
     onStoreWatch(): void;
     private syncFiltersFromStore;

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

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