@liquidcommerce/elements-sdk 2.6.7 → 2.7.0

package/dist/types/auto-initialize/checkout.d.ts

@@ -0,0 +1,2 @@
+export declare function ElementsCheckoutAutoInitialize(): Promise<void>;
+export declare function triggerElementsCheckoutAutoInit(): void;

package/dist/types/auto-initialize/shared-utils.d.ts

@@ -0,0 +1,22 @@
+import type { IInjectCheckoutParams, IInjectedComponent, ILiquidCommerceElementsDevelopmentConfig } from '@/interfaces/core.interface';
+export declare const SHARED_ATTR: {
+    readonly SCRIPT: {
+        readonly CHECKOUT_PARAM: "data-checkout-param";
+    };
+    readonly ELEMENT: {
+        readonly CHECKOUT: "data-lce-checkout";
+        readonly HIDE_HEADER: "hide-header";
+        readonly EXIT_CHECKOUT: "data-lce-exit-checkout";
+    };
+    readonly JSON_SCRIPT: {
+        readonly DEVELOPMENT: "data-liquid-commerce-elements-development";
+    };
+};
+export declare function startsWithLcePrefix(value: string | null): boolean;
+export declare function getDevelopmentConfigs(): ILiquidCommerceElementsDevelopmentConfig | undefined;
+export declare function triggerAutoInit(initFunction: () => Promise<void>, errorPrefix: string): void;
+export declare function setupCheckout(script: HTMLScriptElement, injectFn: (params: IInjectCheckoutParams) => Promise<IInjectedComponent | null>, exitCheckoutFn: () => void, options: {
+    requireCheckoutId?: boolean;
+    errorPrefix: string;
+}): Promise<void>;
+export declare function setupExitCheckoutHandlers(exitCheckoutFn: () => void): void;

package/dist/types/{elements-base-client.d.ts → clients/base.d.ts}

@@ -1,3 +1,9 @@
+import '@/modules/theme-provider/styles/register-styles';
+import '@/modules/address/styles/register-styles';
+import '@/modules/cart/styles/register-styles';
+import '@/modules/checkout/styles/register-styles';
+import '@/modules/product/styles/register-styles';
+import '@/modules/product-list/styles/register-styles';
 import { ApiClientService } from '@/core/api/api-client.service';
 import { AuthClientService } from '@/core/api/auth-client.service';
 import { ClientActionService } from '@/core/client/client-action.service';
@@ -10,7 +16,7 @@ import { LoggerFactory } from '@/core/logger/logger-factory';
 import { StoreService } from '@/core/store/store.service';
 import { TelemetryService } from '@/core/telemetry/telemetry.service';
 import { type ComponentType } from '@/enums';
-import type { IInjectProductElement, IInjectProductListParams, IInjectedComponent, ILiquidCommerceElementsActions, IProcessInjectElementParams } from '@/interfaces/core.interface';
+import type { IInjectProductElement, IInjectProductListFiltersParams, IInjectProductListParams, IInjectProductListSearchParams, IInjectedComponent, ILiquidCommerceElementsActions, IProcessInjectElementParams } from '@/interfaces/core.interface';
 import { ThemeProviderService } from '@/modules/theme-provider/theme-provider.service';
 export declare abstract class ElementsBaseClient {
     protected readonly authClient: AuthClientService;
@@ -28,6 +34,7 @@ export declare abstract class ElementsBaseClient {
     protected clientPrepared: boolean;
     protected componentFactoryInitialized: boolean;
     protected cartDrawerCreated: boolean;
+    protected modalCreated: boolean;
     protected injectedComponents: Map<string, IInjectedComponent>;
     constructor(clientConfigs: IClientConfigs);
     prepare(): Promise<void>;
@@ -38,7 +45,10 @@ export declare abstract class ElementsBaseClient {
     protected processInjectElement(params: IProcessInjectElementParams): Promise<IInjectedComponent | null>;
     protected processInjectProduct(params: IInjectProductElement[]): Promise<IInjectedComponent[]>;
     injectProductList(params: IInjectProductListParams): Promise<void>;
+    injectProductListSearch(params: IInjectProductListSearchParams): Promise<void>;
+    injectProductListFilters(params: IInjectProductListFiltersParams): Promise<void>;
     protected ensureCartDrawerExists(): void;
+    protected ensureModalExists(): void;
     protected ensureAllComponentsRegistered(): void;
     protected createInjectedComponentWrapper(containerId: string, type: ComponentType, element: HTMLElement): IInjectedComponent;
     protected rerenderInjectedComponentsByType(type: ComponentType): void;

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

@@ -0,0 +1,13 @@
+import { type ICheckoutActions } from '@/core/client/actions/client-checkout-action.service';
+import type { IInjectCheckoutParams, IInjectedComponent, ILiquidCommerceElementsCheckoutClientConfig } from '@/interfaces/core.interface';
+import '@/modules/theme-provider/styles/register-styles';
+import '@/modules/checkout/styles/register-styles';
+export interface IElementsCheckoutActions extends Omit<ICheckoutActions, 'openCheckout' | 'closeCheckout' | 'toggleCheckout'> {
+}
+export interface IElementsCheckoutClient {
+    injectCheckout: (params: IInjectCheckoutParams) => Promise<IInjectedComponent | null>;
+    actions: {
+        checkout: IElementsCheckoutActions;
+    };
+}
+export declare function ElementsCheckout(apiKey: string, config: ILiquidCommerceElementsCheckoutClientConfig): Promise<IElementsCheckoutClient | null>;

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

@@ -7,9 +7,9 @@ export declare const PRODUCT_LIST_CARD_VARIANT: {
     STANDARD: string;
 };
 export declare const PRODUCT_LIST_FILTER_TYPES: {
-    PERSONALIZATION: string;
-    PRE_ORDER: string;
-    DELIVERY_OPTIONS: string;
+    ENGRAVING: string;
+    PRESALE: string;
+    FULFILLMENT: string;
     PRICE: string;
     BRANDS: string;
     CATEGORIES: string;
@@ -45,4 +45,10 @@ 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;
+export declare const DISPLAY_MODE: {
+    MODAL: string;
+    DRAWER: string;
 };

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

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

package/dist/types/core/client/actions/base-action.service.d.ts

@@ -0,0 +1,15 @@
+import { ApiClientService } from '@/core/api/api-client.service';
+import { LoggerFactory } from '@/core/logger/logger-factory';
+import { PubSubService } from '@/core/pubsub/pubsub.service';
+import { StoreService } from '@/core/store/store.service';
+import type { ILocation } from '@/interfaces/api/address.interface';
+import { ThemeProviderService } from '@/modules/theme-provider/theme-provider.service';
+export declare abstract class BaseActionService {
+    protected readonly pubSub: PubSubService;
+    protected readonly store: StoreService;
+    protected readonly api: ApiClientService;
+    protected readonly themeProvider: ThemeProviderService;
+    protected readonly logger: ReturnType<typeof LoggerFactory.get>;
+    constructor(loggerName: string);
+    protected getLocation(): ILocation | undefined;
+}

package/dist/types/core/client/actions/client-address-action.service.d.ts

@@ -0,0 +1,18 @@
+import type { IAddressAddress, IAddressCoordinates, IAddressData } from '@/interfaces/api/address.interface';
+import { BaseActionService } from './base-action.service';
+export interface IAddressActions {
+    setAddressByPlacesId: (placesId: string) => Promise<void>;
+    setAddressManually: (address: IAddressAddress, coordinates: IAddressCoordinates) => Promise<void>;
+    clear: () => Promise<void>;
+    getDetails: () => IAddressData | null;
+}
+export declare class ClientAddressActionService extends BaseActionService {
+    private readonly command;
+    constructor();
+    static getInstance(): ClientAddressActionService;
+    get actions(): IAddressActions;
+    private setAddressByPlacesId;
+    private setAddressManually;
+    private clear;
+    private getDetails;
+}

package/dist/types/core/client/actions/client-cart-action.service.d.ts

@@ -0,0 +1,37 @@
+import type { IBaseCartEventData } from '@/core/pubsub/interfaces/cart.interface';
+import { type FulfillmentType } from '@/enums';
+import { BaseActionService } from './base-action.service';
+export interface IAddProductParams {
+    identifier: string;
+    fulfillmentType: FulfillmentType;
+    quantity: number;
+}
+export interface ICartActions {
+    openCart: () => void;
+    closeCart: () => void;
+    toggleCart: () => void;
+    addProduct: (params: IAddProductParams[], openCart?: boolean) => Promise<void>;
+    applyPromoCode: (promoCode: string) => Promise<void>;
+    removePromoCode: () => Promise<void>;
+    resetCart: () => Promise<void>;
+    getDetails: () => IBaseCartEventData;
+}
+export declare class ClientCartActionService extends BaseActionService {
+    private readonly command;
+    private pendingCartParams;
+    private pendingCartOpenFlag;
+    constructor();
+    static getInstance(): ClientCartActionService;
+    get actions(): ICartActions;
+    private setupAddressUpdateListener;
+    private retryPendingCartOperation;
+    private clearPendingCartOperation;
+    private openCart;
+    private closeCart;
+    private toggleCart;
+    private addProduct;
+    private applyPromoCode;
+    private removePromoCode;
+    private resetCart;
+    private getDetails;
+}

package/dist/types/core/client/actions/client-checkout-action.service.d.ts

@@ -0,0 +1,50 @@
+import type { ICheckoutDetailsEventData } from '@/core/pubsub/interfaces/checkout.interface';
+import type { BillingFieldName, CustomerFieldName, GiftFieldName } from '@/modules/checkout/constant';
+import { BaseActionService } from './base-action.service';
+import type { IAddProductParams } from './client-cart-action.service';
+export interface ICheckoutActions {
+    openCheckout: () => void;
+    closeCheckout: () => void;
+    toggleCheckout: () => void;
+    exitCheckout: () => void;
+    addProduct: (params: IAddProductParams[], openCheckout?: boolean) => Promise<void>;
+    applyPromoCode: (promoCode: string) => Promise<void>;
+    removePromoCode: () => Promise<void>;
+    applyGiftCard: (code: string) => Promise<void>;
+    removeGiftCard: (code: string) => Promise<void>;
+    toggleIsGift: (active?: boolean) => Promise<void>;
+    toggleBillingSameAsShipping: (active?: boolean) => Promise<void>;
+    toggleMarketingPreferences: (field: 'canEmail' | 'canSms', active: boolean) => Promise<void>;
+    updateCustomerInfo: (params: Record<CustomerFieldName, string>) => void;
+    updateBillingInfo: (params: Record<BillingFieldName, string>) => void;
+    updateGiftInfo: (params: Record<GiftFieldName, string>) => void;
+    getDetails: () => ICheckoutDetailsEventData;
+}
+export declare class ClientCheckoutActionService extends BaseActionService {
+    private readonly command;
+    private readonly allowedCustomerFields;
+    private readonly allowedBillingFields;
+    private readonly allowedGiftFields;
+    private cartActionsAddProduct;
+    constructor();
+    static getInstance(): ClientCheckoutActionService;
+    setCartActionsAddProduct(addProductFn: (params: IAddProductParams[]) => Promise<void>): void;
+    get actions(): ICheckoutActions;
+    private normalizeCheckoutFieldValue;
+    private openCheckout;
+    private closeCheckout;
+    private toggleCheckout;
+    private exitCheckout;
+    private addProduct;
+    private applyPromoCode;
+    private removePromoCode;
+    private applyGiftCard;
+    private removeGiftCard;
+    private toggleIsGift;
+    private toggleBillingSameAsShipping;
+    private toggleMarketingPreferences;
+    private updateCustomerInfo;
+    private updateBillingInfo;
+    private updateGiftInfo;
+    private getDetails;
+}

package/dist/types/core/client/actions/client-product-action.service.d.ts

@@ -0,0 +1,12 @@
+import type { IBaseProductEventData } from '@/core/pubsub/interfaces/product.interface';
+import { BaseActionService } from './base-action.service';
+export interface IProductActions {
+    getDetails: (identifier: string) => IBaseProductEventData;
+}
+export declare class ClientProductActionService extends BaseActionService {
+    private readonly command;
+    constructor();
+    static getInstance(): ClientProductActionService;
+    get actions(): IProductActions;
+    private getDetails;
+}

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

@@ -1,77 +1,10 @@
-import type { IBaseCartEventData } from '@/core/pubsub/interfaces/cart.interface';
-import type { ICheckoutDetailsEventData } from '@/core/pubsub/interfaces/checkout.interface';
-import type { IBaseProductEventData } from '@/core/pubsub/interfaces/product.interface';
-import { type FulfillmentType } from '@/enums';
-import type { IAddressAddress, IAddressCoordinates, IAddressData } from '@/interfaces/api/address.interface';
-import type { BillingFieldName, CustomerFieldName, GiftFieldName } from '@/modules/checkout/constant';
-export interface IAddProductParams {
-    identifier: string;
-    fulfillmentType: FulfillmentType;
-    quantity: number;
-}
-export interface IAddressActions {
-    setAddressByPlacesId: (placesId: string) => Promise<void>;
-    setAddressManually: (address: IAddressAddress, coordinates: IAddressCoordinates) => Promise<void>;
-    clear: () => Promise<void>;
-    getDetails: () => IAddressData | null;
-}
-export interface ICartActions {
-    openCart: () => void;
-    closeCart: () => void;
-    toggleCart: () => void;
-    addProduct: (params: IAddProductParams[], openCart?: boolean) => Promise<void>;
-    applyPromoCode: (promoCode: string) => Promise<void>;
-    removePromoCode: () => Promise<void>;
-    resetCart: () => Promise<void>;
-    getDetails: () => IBaseCartEventData;
-}
-export interface ICheckoutActions {
-    openCheckout: () => void;
-    closeCheckout: () => void;
-    toggleCheckout: () => void;
-    addProduct: (params: IAddProductParams[], openCheckout?: boolean) => Promise<void>;
-    applyPromoCode: (promoCode: string) => Promise<void>;
-    removePromoCode: () => Promise<void>;
-    applyGiftCard: (code: string) => Promise<void>;
-    removeGiftCard: (code: string) => Promise<void>;
-    toggleIsGift: (active?: boolean) => Promise<void>;
-    toggleBillingSameAsShipping: (active?: boolean) => Promise<void>;
-    toggleMarketingPreferences: (field: 'canEmail' | 'canSms', active: boolean) => Promise<void>;
-    updateCustomerInfo: (params: Record<CustomerFieldName, string>) => void;
-    updateBillingInfo: (params: Record<BillingFieldName, string>) => void;
-    updateGiftInfo: (params: Record<GiftFieldName, string>) => void;
-    getDetails: () => ICheckoutDetailsEventData;
-}
-export interface IProductActions {
-    getDetails: (identifier: string) => IBaseProductEventData;
-}
+import type { ILiquidCommerceElementsActions } from '@/interfaces/core.interface';
 export declare class ClientActionService {
-    private readonly pubSub;
-    private readonly command;
-    private readonly store;
-    private readonly api;
-    private readonly themeProvider;
-    private readonly logger;
-    private readonly allowedCustomerFields;
-    private readonly allowedBillingFields;
-    private readonly allowedGiftFields;
-    private pendingCartParams;
-    private pendingCartOpenFlag;
+    private readonly productActionService;
+    private readonly addressActionService;
+    private readonly cartActionService;
+    private readonly checkoutActionService;
     constructor();
     static getInstance(): ClientActionService;
-    private setupAddressUpdateListener;
-    private retryPendingCartOperation;
-    private clearPendingCartOperation;
-    private getLocation;
-    private normalizeCheckoutFieldValue;
-    private productActions;
-    private addressActions;
-    private cartActions;
-    private checkoutActions;
-    actions: {
-        product: IProductActions;
-        address: IAddressActions;
-        cart: ICartActions;
-        checkout: ICheckoutActions;
-    };
+    get actions(): ILiquidCommerceElementsActions;
 }

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

@@ -1,6 +1,6 @@
 import { type DebugMode, type ElementsEnv } from '@/enums';
 import type { IPromoTicker } from '@/interfaces/configs';
-import type { IClientCustomThemeConfig, IElementsProxyConfig } from '@/interfaces/core.interface';
+import type { IClientCustomThemeConfig, IElementsProxyConfig, ILiquidCommerceElementsCheckoutConfig } from '@/interfaces/core.interface';
 export type DeviceType = 'desktop' | 'tablet' | 'mobile';
 export interface IClientConfigs {
     apiKey: string;
@@ -22,7 +22,7 @@ export interface IClientConfigs {
     paymentMethodId?: string;
     openShadowDom?: boolean;
     hasCustomApiUrl?: boolean;
-    checkoutUrl: string | null;
+    checkout: ILiquidCommerceElementsCheckoutConfig | null;
 }
 export interface IClientConfigInput {
     env?: ElementsEnv;
@@ -36,7 +36,7 @@ export interface IClientConfigInput {
         paymentMethodId?: string;
         openShadowDom?: boolean;
     };
-    checkoutUrl?: string;
+    checkout?: ILiquidCommerceElementsCheckoutConfig;
 }
 export declare class ClientConfigService {
     private config;
@@ -54,7 +54,6 @@ export declare class ClientConfigService {
     debuggingDisabled(): boolean;
     hasCustomTheme(): boolean;
     isMobile(): boolean;
-    isLocalStorageAvailable(): boolean;
     getProxyConfig(): IElementsProxyConfig | null;
     private validateInputs;
     private buildConfiguration;

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

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

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

@@ -0,0 +1,11 @@
+export interface ICheckoutInjection {
+    containerId: string;
+    injectedAt: number;
+}
+export interface ICheckoutMetadata {
+    injection: ICheckoutInjection | null;
+    returnUrl: string | null;
+}
+export interface IElementsMetadataStore {
+    checkout: ICheckoutMetadata;
+}

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

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

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

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

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

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

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

@@ -68,7 +68,6 @@ export declare const ELEMENTS_FORM: {
 export declare const COMPONENT_TYPE: {
     readonly DRAWER: "drawer";
     readonly INPUT: "input";
-    readonly BIRTHDATE_INPUT: "birthdate-input";
     readonly ENGRAVING_FORM: "engraving-form";
     readonly ENGRAVING_VIEW: "engraving-view";
     readonly BUTTONS_CART_OPEN: "buttons-cart-open";
@@ -77,6 +76,7 @@ export declare const COMPONENT_TYPE: {
     readonly PURCHASE_MIN_ALERT: "purchase-min-alert";
     readonly ALERT: "alert";
     readonly PROMO_CODE_TICKER: "promo-code-ticker";
+    readonly MODAL: "modal";
     readonly ADDRESS: "address";
     readonly ADDRESS_INPUT: "address-input";
     readonly ADDRESS_DISPLAY: "address-display";
@@ -98,6 +98,8 @@ 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 CART: "cart";
     readonly CART_RETAILER: "cart-retailer";
     readonly CART_ITEM: "cart-item";

package/dist/types/enums/index.d.ts

@@ -1,2 +1 @@
-export * from './cloud.enum';
 export * from './core.enum';

package/dist/types/index.checkout.d.ts

@@ -0,0 +1,7 @@
+import type { IElementsCheckoutActions, IElementsCheckoutClient } from '@/clients/checkout';
+import { ElementsCheckout } from '@/clients/checkout';
+import type { DebugMode, ElementsEnv } from '@/enums';
+import { DEBUG_MODE, ELEMENTS_ENV } from '@/enums';
+import type { IInjectedComponent, ILiquidCommerceElementsCheckoutClientConfig } from '@/interfaces/core.interface';
+export { DEBUG_MODE, ELEMENTS_ENV, ElementsCheckout };
+export type { DebugMode, ElementsEnv, IElementsCheckoutActions, IElementsCheckoutClient, IInjectedComponent, ILiquidCommerceElementsCheckoutClientConfig, };

package/dist/types/index.checkout.umd.d.ts

@@ -0,0 +1,4 @@
+import type { IElementsCheckoutActions, IElementsCheckoutClient } from './clients/checkout';
+import { ElementsCheckout } from './clients/checkout';
+export { ElementsCheckout };
+export type { IElementsCheckoutActions, IElementsCheckoutClient };

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
+export * from './clients/builder';
+export * from './clients/main';
 export * from './core/sdk-error-handler';
-export * from './elements-builder-client';
-export * from './elements-client';
 export * from './enums';
 export * from './interfaces/configs';
 export * from './interfaces/core.interface';

package/dist/types/interfaces/api/checkout.interface.d.ts

@@ -63,7 +63,8 @@ export interface ICheckoutDeliveryInstructions {
     instructions: string;
 }
 export interface ICheckoutPrepareParams {
-    cartId: string;
+    cartId?: string;
+    token?: string;
     customer?: ICheckoutCustomer;
     shippingAddressTwo?: string;
     billingAddress?: ICheckoutBilling;

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

@@ -1,4 +1,4 @@
-import type { ENUM_FILTER_KEYS } from '@/enums';
+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 {
@@ -7,16 +7,24 @@ export interface IProductSearchParams {
     pageToken?: string;
     page?: number;
     perPage?: number;
-    filters?: Array<Record<any, any>>;
+    filters?: IFilterParams[];
 }
-export type FacetFilterKeys = typeof ENUM_FILTER_KEYS.BRANDS | typeof ENUM_FILTER_KEYS.FLAVOR | typeof ENUM_FILTER_KEYS.REGION | typeof ENUM_FILTER_KEYS.VARIETY | typeof ENUM_FILTER_KEYS.ENGRAVING | typeof ENUM_FILTER_KEYS.PRESALE | typeof ENUM_FILTER_KEYS.PRICE | typeof ENUM_FILTER_KEYS.AVAILABILITY | typeof ENUM_FILTER_KEYS.CATEGORIES | typeof ENUM_FILTER_KEYS.SIZES | typeof ENUM_FILTER_KEYS.COLORS | typeof ENUM_FILTER_KEYS.APPELLATION | typeof ENUM_FILTER_KEYS.COUNTRY | typeof ENUM_FILTER_KEYS.VINTAGE | typeof ENUM_FILTER_KEYS.MATERIALS | typeof ENUM_FILTER_KEYS.TAGS;
+export type IFilterParamsValue = string | string[] | {
+    min?: string | number;
+    max?: string | number;
+} | boolean;
+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 interface IFilterSchema {
-    category: FacetFilterKeys;
+    type: FacetFilterKeys;
     values: IFilterValue[];
 }
 export interface IFilterValue {
     value: string;
-    formattedValue: string;
+    name: string;
     count: number;
 }
 export interface INavigationResponse {

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

@@ -13,6 +13,7 @@ export interface ICheckoutLayout {
     smsOptIn: ICheckoutMarketingOptIn;
     allowGiftCards: boolean;
     legalMessage: ICheckoutLegalMessage;
+    continueShoppingUrl: string;
     exitUrl: string;
     thankYouButtonText: string;
     drawerHeaderText: string;

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

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