@liquidcommerce/elements-sdk 2.7.1 → 2.7.3

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/index.checkout.d.ts

@@ -1,7 +1,8 @@
-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';
+import type { IElementsCheckoutActions, IElementsCheckoutClient } from '@/interfaces/client.interface';
+import type { IInjectedComponent } from '@/interfaces/component.interface';
+import type { ILiquidCommerceElementsCheckoutClientConfig } from '@/interfaces/config.interface';
 export { DEBUG_MODE, ELEMENTS_ENV, ElementsCheckout };
 export type { DebugMode, ElementsEnv, IElementsCheckoutActions, IElementsCheckoutClient, IInjectedComponent, ILiquidCommerceElementsCheckoutClientConfig, };

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

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

package/dist/types/index.d.ts

@@ -2,5 +2,8 @@ export * from './clients/builder';
 export * from './clients/main';
 export * from './core/sdk-error-handler';
 export * from './enums';
+export * from './interfaces/client.interface';
+export * from './interfaces/component.interface';
+export * from './interfaces/config.interface';
 export * from './interfaces/configs';
-export * from './interfaces/core.interface';
+export * from './interfaces/injection.interface';

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

@@ -0,0 +1,72 @@
+import type { IAddressActions } from '@/core/client/actions/client-address-action.service';
+import type { ICartActions } from '@/core/client/actions/client-cart-action.service';
+import type { ICheckoutActions } from '@/core/client/actions/client-checkout-action.service';
+import type { IProductActions } from '@/core/client/actions/client-product-action.service';
+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, UpdateProductListComponent } from './configs';
+import type { IBuilderInjectElementParams, IInjectCheckoutBuilderParams, IInjectCheckoutParams, IInjectProductElement, IInjectProductListFiltersParams, IInjectProductListParams, IInjectProductListSearchParams } from './injection.interface';
+export interface ILiquidCommerceElementsUIMethod {
+    cartButton(containerId: string, showItemsCount?: boolean): void;
+    floatingCartButton(showItemsCount?: boolean): void;
+    cartSubtotal(elementId: string): void;
+    cartItemsCount(elementId: string, options?: {
+        hideZero: boolean;
+    }): void;
+}
+export interface ILiquidCommerceElementsActions {
+    product: IProductActions;
+    address: IAddressActions;
+    cart: ICartActions;
+    checkout: ICheckoutActions;
+}
+export interface IElementsCheckoutActions extends Omit<ICheckoutActions, 'openCheckout' | 'closeCheckout' | 'toggleCheckout'> {
+}
+export interface IElementsCheckoutClient {
+    injectCheckout: (params: IInjectCheckoutParams) => Promise<IInjectedComponent | null>;
+    actions: {
+        checkout: IElementsCheckoutActions;
+    };
+    destroy(): void;
+}
+export interface ILiquidCommerceElementsBuilderClient {
+    updateComponentGlobalConfigs(configs: UpdateComponentGlobalConfigs): Promise<void>;
+    updateProductComponent(configs: UpdateProductComponent): Promise<void>;
+    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>;
+    injectCartElement(containerId: string): Promise<IInjectedComponent | null>;
+    injectCheckoutElement(params: IInjectCheckoutBuilderParams): Promise<IInjectedComponent | null>;
+    injectProductList(params: IInjectProductListParams): Promise<void>;
+    actions: ILiquidCommerceElementsActions;
+    destroy(): void;
+}
+export interface ILiquidCommerceElementsClient {
+    injectProductElement(params: IInjectProductElement[]): Promise<IInjectedComponent[]>;
+    injectAddressElement(containerId: string, options?: IAddressOptions): Promise<IInjectedComponent | null>;
+    injectCartElement(containerId: string): Promise<IInjectedComponent | null>;
+    injectCheckoutElement(params: IInjectCheckoutParams): Promise<IInjectedComponent | null>;
+    injectProductList(params: IInjectProductListParams): Promise<void>;
+    injectProductListSearch(params: IInjectProductListSearchParams): Promise<void>;
+    injectProductListFilters(params: IInjectProductListFiltersParams): Promise<void>;
+    ui: ILiquidCommerceElementsUIMethod;
+    actions: ILiquidCommerceElementsActions;
+    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/component.interface.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentType } from '@/enums';
+export interface IInjectedComponent {
+    getType(): ComponentType;
+    getElement(): HTMLElement;
+    rerender(): void;
+    destroy(): void;
+}

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

@@ -0,0 +1,46 @@
+import type { DebugMode, ElementsEnv } from '@/enums';
+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];
+};
+export interface IElementsProxyConfig {
+    baseUrl: string;
+    headers?: Record<string, string>;
+}
+export interface ILiquidCommerceElementsDevelopmentConfig {
+    customApiUrl?: string;
+    paymentMethodId?: string;
+    openShadowDom?: boolean;
+}
+export interface IClientCustomThemeConfig {
+    global?: UpdateComponentGlobalConfigs;
+    product?: UpdateProductComponent;
+    address?: UpdateAddressComponent;
+    cart?: UpdateCartComponent;
+    checkout?: UpdateCheckoutComponent;
+    productList?: UpdateProductListComponent;
+}
+export interface ILiquidCommerceElementsCheckoutConfig {
+    pageUrl: string;
+}
+export interface ILiquidCommerceElementsBaseConfig {
+    env?: ElementsEnv;
+    promoTicker?: IPromoTicker[];
+    customTheme?: IClientCustomThemeConfig;
+    debugMode?: DebugMode;
+    checkout?: ILiquidCommerceElementsCheckoutConfig;
+}
+export interface ILiquidCommerceElementsBuilderConfig extends ILiquidCommerceElementsBaseConfig {
+}
+export interface ILiquidCommerceElementsConfig extends ILiquidCommerceElementsBaseConfig {
+    proxy?: IElementsProxyConfig;
+    development?: ILiquidCommerceElementsDevelopmentConfig;
+}
+export interface ILiquidCommerceElementsCheckoutClientConfig {
+    env?: ElementsEnv;
+    customTheme?: IClientCustomThemeConfig;
+    debugMode?: DebugMode;
+    checkout?: ILiquidCommerceElementsCheckoutConfig;
+    proxy?: IElementsProxyConfig;
+    development?: ILiquidCommerceElementsDevelopmentConfig;
+}

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

@@ -1,4 +1,4 @@
-import type { DeepPartial } from '@/interfaces/core.interface';
+import type { DeepPartial } from '@/interfaces/config.interface';
 export interface IAddressTheme {
     backgroundColor: string;
 }

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

@@ -1,4 +1,4 @@
-import type { DeepPartial } from '@/interfaces/core.interface';
+import type { DeepPartial } from '@/interfaces/config.interface';
 export interface ICartTheme {
     backgroundColor: string;
 }

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

@@ -1,4 +1,4 @@
-import type { DeepPartial } from '@/interfaces/core.interface';
+import type { DeepPartial } from '@/interfaces/config.interface';
 export interface ICheckoutMarketingOptIn {
     show: boolean;
     checked: boolean;

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

@@ -1,5 +1,5 @@
+import type { DeepPartial } from '@/interfaces/config.interface';
 import type { IElementsConfigurations } from '@/interfaces/configs/configurations.interface';
-import type { DeepPartial } from '@/interfaces/core.interface';
 import type { IAddressComponent } from './address.interface';
 import type { ICartComponent } from './cart.interface';
 import type { ICheckoutComponent } from './checkout.interface';

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

@@ -1,5 +1,5 @@
 import type { DisplayModeType } from 'enums';
-import type { DeepPartial } from '@/interfaces/core.interface';
+import type { DeepPartial } from '@/interfaces/config.interface';
 export type ProductListCardStyle = 'card' | 'ghost';
 export type ProductListCardCornerRadius = 'rounded' | 'sharp';
 export interface IProductListTheme {

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

@@ -1,4 +1,4 @@
-import type { DeepPartial } from '@/interfaces/core.interface';
+import type { DeepPartial } from '@/interfaces/config.interface';
 export type FulfillmentDisplayType = 'carousel' | 'popup';
 export interface IProductLayout {
     showImages: boolean;

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

@@ -0,0 +1,44 @@
+import type { PRODUCT_LIST_FILTER_TYPES } from '@/constants';
+import type { ComponentType } from '@/enums';
+import type { IAddressOptions } from '@/modules/address/address.interface';
+export interface IInjectProductElement {
+    containerId: string;
+    identifier: string;
+}
+export type ProductListFilterType = (typeof PRODUCT_LIST_FILTER_TYPES)[keyof typeof PRODUCT_LIST_FILTER_TYPES];
+export interface IInjectProductListParams {
+    containerId: string;
+    rows?: number;
+    columns?: number;
+    filters?: ProductListFilterType[];
+    productUrl?: string;
+}
+export interface IInjectProductListSearchParams {
+    containerId: string;
+}
+export interface IInjectProductListFiltersParams {
+    containerId: string;
+    filters: ProductListFilterType[];
+}
+export interface IBuilderInjectElementParams {
+    type: ComponentType;
+    containerId: string;
+    [key: string]: any;
+}
+export interface IProcessInjectElementParams {
+    type: ComponentType;
+    containerId: string;
+    identifier?: string;
+    options?: IAddressOptions;
+    checkoutId?: string;
+    hideHeader?: boolean;
+}
+export interface IInjectCheckoutParams {
+    containerId: string;
+    checkoutId?: string;
+    hideHeader?: boolean;
+}
+export interface IInjectCheckoutBuilderParams extends IInjectCheckoutParams {
+    simulatePresale?: boolean;
+    presaleExpiresInMinutes?: number;
+}

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/checkout/components/checkout-stripe-form.component.d.ts

@@ -1,3 +1,4 @@
+import { SafeHTMLElement } from '@/utils/dom-compat';
 declare global {
     interface Window {
         Stripe: any;
@@ -23,7 +24,7 @@ export interface IStripeFormStatus {
     hasError: boolean;
     errorMessage: string | null;
 }
-export declare class CheckoutStripeFormComponent extends HTMLElement {
+export declare class CheckoutStripeFormComponent extends SafeHTMLElement {
     private _initialized;
     private _stripe;
     private _stripeElements;

package/dist/types/modules/product/components/product-image-carousel.component.d.ts

@@ -17,6 +17,8 @@ export declare class ProductImageCarouselComponent extends BaseComponent<IImageC
     private startX;
     private currentTranslateX;
     private translateX;
+    private boundDragMove;
+    private boundDragEnd;
     constructor();
     afterRender(): void;
     onStoreWatch(changes: IOnStoreChanged[]): void;
@@ -26,6 +28,7 @@ export declare class ProductImageCarouselComponent extends BaseComponent<IImageC
     private scrollToIndex;
     private setupMainImageSwipe;
     private setupGalleryDrag;
+    protected disconnected(): void;
     private handleDragStart;
     private handleDragMove;
     private handleDragEnd;

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

@@ -13,6 +13,8 @@ export declare class ProductRetailersCarouselComponent extends BaseComponent<IPr
     private startX;
     private currentTranslateX;
     private translateX;
+    private boundDragMove;
+    private boundDragEnd;
     constructor();
     afterRender(): void;
     private cacheElements;
@@ -21,6 +23,7 @@ export declare class ProductRetailersCarouselComponent extends BaseComponent<IPr
     private updateSelectedCard;
     private scrollToIndex;
     private setupDrag;
+    protected disconnected(): void;
     private handleDragStart;
     private handleDragMove;
     private handleDragEnd;

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

@@ -1,5 +1,5 @@
 import { BaseComponent } from 'core/base-component.service';
-import type { ProductListFilterType } from 'interfaces/core.interface';
+import type { ProductListFilterType } from 'interfaces/injection.interface';
 export interface IProductListFiltersParams {
     filters: ProductListFilterType[];
 }
@@ -24,13 +24,13 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     private priceFilterChevronIcon?;
     private fulfillmentFilterChevronIcon?;
     private priceSliderWrapper?;
-    private resizeHandler;
+    private boundDrawerClosedHandler;
     private priceFilterDebounceTimer;
     constructor();
     get hostClasses(): string[];
     protected connected(): Promise<void>;
     private setupDrawerCloseListener;
-    private setupResizeListener;
+    protected disconnected(): void;
     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;
+}