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

package/dist/ssr-stub.esm.js

@@ -182,6 +182,8 @@ const COMPONENT_TYPE = {
     PRODUCT_LIST_RETAILERS: 'product-list-retailers',
     PRODUCT_LIST_ENGRAVING_FORM: 'product-list-engraving-form',
     PRODUCT_LIST_PRODUCT_PRE_CART: 'product-list-product-pre-cart',
+    PRODUCT_LIST_RETAILERS_CONTENT: 'product-list-retailers-content',
+    PRODUCT_LIST_PRODUCT_ENGRAVING_LINES: 'product-list-product-engraving-lines',
     CART: 'cart',
     CART_RETAILER: 'cart-retailer',
     CART_ITEM: 'cart-item',

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

@@ -35,8 +35,8 @@ export declare abstract class ElementsBaseClient {
     protected readonly logger: ReturnType<typeof LoggerFactory.get>;
     protected clientPrepared: boolean;
     protected componentFactoryInitialized: boolean;
-    protected cartDrawerCreated: boolean;
-    protected modalCreated: boolean;
+    protected cartDrawerElement: HTMLElement | null;
+    protected modalElement: HTMLElement | null;
     protected injectedComponents: Map<string, IInjectedComponent>;
     constructor(clientConfigs: IClientConfigs);
     prepare(): Promise<void>;

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

@@ -22,6 +22,15 @@ export interface IProductList extends IProduct {
 export interface IProductListProduct extends Omit<IProduct, 'sizes'> {
     sizes: Record<string, IProductSizeStore>;
 }
+export interface IUserProducts {
+    [productId: string]: {
+        selectedSizeId: string;
+        selectedFulfillmentType: FulfillmentType;
+        selectedFulfillment: IProductFulfillmentStore | null;
+        selectedQuantity: number;
+        engravingLines?: string[];
+    };
+}
 export interface IProductListStore {
     products: IProductListProduct[];
     retailers: Record<string, IRetailer>;
@@ -33,13 +42,6 @@ export interface IProductListStore {
         rows: number;
         columns: number;
     };
-    userProducts: {
-        [productId: string]: {
-            selectedSizeId: string;
-            selectedFulfillmentType: FulfillmentType;
-            selectedFulfillment: IProductFulfillmentStore | null;
-            selectedQuantity: number;
-        };
-    };
+    userProducts: IUserProducts;
     loading: boolean;
 }

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

@@ -101,6 +101,8 @@ export declare const COMPONENT_TYPE: {
     readonly PRODUCT_LIST_RETAILERS: "product-list-retailers";
     readonly PRODUCT_LIST_ENGRAVING_FORM: "product-list-engraving-form";
     readonly PRODUCT_LIST_PRODUCT_PRE_CART: "product-list-product-pre-cart";
+    readonly PRODUCT_LIST_RETAILERS_CONTENT: "product-list-retailers-content";
+    readonly PRODUCT_LIST_PRODUCT_ENGRAVING_LINES: "product-list-product-engraving-lines";
     readonly CART: "cart";
     readonly CART_RETAILER: "cart-retailer";
     readonly CART_ITEM: "cart-item";

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/product-list/components/index.d.ts

@@ -4,6 +4,8 @@ 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-retailers-content.component';
 export * from './product-list-search.component';

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

@@ -1,10 +1,12 @@
 import { BaseComponent } from 'core/base-component.service';
+import type { IProductListComponent } from 'interfaces/configs';
 import type { IEngravingFormComponentParams } from 'modules/ui-components/engraving';
-export declare class ProductListEngravingComponent extends BaseComponent<IEngravingFormComponentParams> {
+export declare class ProductListEngravingComponent extends BaseComponent<IEngravingFormComponentParams, IProductListComponent> {
+    private resizeHandler;
+    protected afterRender?(): void;
+    private handleResize;
+    protected disconnected?(): void;
     protected template(): HTMLElement[];
     private createHeader;
     private handleClose;
-    private handleEngravingComplete;
-    private handleEngravingCancel;
-    private reopenAddToCartDrawer;
 }

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;
+}

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

@@ -1,25 +1,41 @@
 import { BaseComponent } from 'core/base-component.service';
 import type { IProductListProduct } from 'core/store/interfaces/product-list.interface';
-import { type DisplayModeType } from 'enums';
 import type { IFulfillment } from 'interfaces/api/product.interface';
 import type { IProductListComponent } from 'interfaces/configs';
 export interface IProductListProductPreCartComponentParams {
-    displayMode: DisplayModeType;
     product: IProductListProduct;
     shippingFulfillment: IFulfillment | null;
     onDemandFulfillment: IFulfillment | null;
-    config: IProductListComponent;
 }
 export declare class ProductListProductPreCartComponent extends BaseComponent<IProductListProductPreCartComponentParams, IProductListComponent> {
     private selectedSize;
+    private showRetailersContent;
+    private showEngravingForm;
+    private isInitialRender;
+    private priceElement;
+    private resizeHandler;
     constructor();
+    protected afterRender?(): void;
+    private handleRetailersBack;
+    private handleEngravingBack;
+    private handleEngravingEdit;
+    private handleResize;
+    protected disconnected?(): void;
+    onStoreWatch(): void;
+    private updatePriceDisplay;
+    private getEngravingFee;
+    private formatPrice;
     protected template(): HTMLElement[];
+    private createRetailersContent;
+    private createEngravingFormContent;
+    private renderPreCartContent;
+    private createDeliversToSectionWrapper;
+    private createShippingFromSectionWrapper;
     private createCartHeader;
     private createImageSection;
     private createPricePersonalizationSection;
     private createDeliversToSection;
     private createSizesSection;
-    private handleDeliveryOptionsClick;
     private createFulfillmentSectionWrapper;
     createFulfillmentTextSection(selectedFulfillmentType: string, selectedFulfillmentRetailerName: string): HTMLElement;
     private createAddToCartSection;

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

@@ -0,0 +1,22 @@
+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';
+export interface IProductListRetailersContentParams {
+    product?: IProductListProduct;
+    productId: string;
+    navigationSource?: NavigationSourceType;
+    shippingFulfillment?: IFulfillment | null;
+    onDemandFulfillment?: IFulfillment | null;
+}
+export declare class ProductListRetailersContentComponent extends BaseComponent<IProductListRetailersContentParams, IProductListComponent> {
+    get hostClasses(): string[];
+    constructor();
+    private getProductId;
+    protected template(): HTMLElement[];
+    private extractFulfillments;
+    private onFulfillmentTabClick;
+    private onRetailerCardClick;
+    private createNoAvailabilityMessage;
+}

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

@@ -1,26 +1,22 @@
 import type { IProductListProduct } from 'core/store/interfaces/product-list.interface';
-import { type DisplayModeType, type NavigationSourceType } from 'enums';
+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';
 export interface IProductListRetailersParams {
     product?: IProductListProduct;
     productId: string;
-    config?: IProductListComponent;
-    displayMode?: DisplayModeType;
     navigationSource?: NavigationSourceType;
     shippingFulfillment?: IFulfillment | null;
     onDemandFulfillment?: IFulfillment | null;
 }
 export declare class ProductListRetailersComponent extends BaseComponent<IProductListRetailersParams, IProductListComponent> {
+    private resizeHandler;
     get hostClasses(): string[];
     constructor();
-    private getProductId;
+    protected afterRender?(): void;
+    private handleResize;
+    protected disconnected?(): void;
     protected template(): HTMLElement[];
-    private extractFulfillments;
-    private onFulfillmentTabClick;
-    private onRetailerCardClick;
-    private reopenAddToCartDrawer;
     private createHeader;
-    private createNoAvailabilityMessage;
 }

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

@@ -72,5 +72,6 @@ export declare class ProductListCommands extends BaseCommand {
         state?: string;
     }): IProductAvailabilityData;
     isPresaleActive(sizeAttributes: IProductSizeAttributes): boolean;
+    saveEngravingLines: (productId: string, engravingLines: string[]) => void;
 }
 export {};

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

@@ -1,8 +1,5 @@
-import type { IProductListProduct } from 'core/store/interfaces/product-list.interface';
-import type { IFulfillment } from 'interfaces/api/product.interface';
 import { BaseComponent } from '@/core/base-component.service';
-import { type DisplayModeType, type NavigationSourceType } from '@/enums';
-import type { IProductListComponent } from '@/interfaces/configs';
+import { type DisplayModeType } from '@/enums';
 export interface IEngravingFormComponentParams {
     identifier: string;
     context: 'product' | 'cart' | 'product-list';
@@ -12,12 +9,6 @@ export interface IEngravingFormComponentParams {
     fee: number;
     location?: string;
     displayMode?: DisplayModeType;
-    navigationSource?: NavigationSourceType;
-    product?: IProductListProduct;
-    shippingFulfillment?: IFulfillment | null;
-    onDemandFulfillment?: IFulfillment | null;
-    showCollections?: boolean;
-    config?: IProductListComponent;
 }
 export declare class EngravingFormComponent extends BaseComponent<IEngravingFormComponentParams, null> {
     get hostClasses(): string[];

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

@@ -1,8 +1,13 @@
+import type { IUserProducts } from 'core/store/interfaces/product-list.interface';
 import { BaseComponent } from '@/core/base-component.service';
 import type { IProductComponent } from '@/interfaces/configs';
 export interface IEngravingViewComponentParams {
     identifier: string;
-    context: 'cart' | 'checkout';
+    context: 'cart' | 'checkout' | 'product-list';
+    configs?: IUserProducts;
+    productListMaxLines?: number;
+    productListMaxCharsPerLine?: number;
+    productListLocation?: string;
 }
 export declare class EngravingViewComponent extends BaseComponent<IEngravingViewComponentParams, IProductComponent> {
     get hostClasses(): string[];

package/package.json

@@ -3,7 +3,7 @@
   "description": "LiquidCommerce Elements SDK",
   "license": "UNLICENSED",
   "author": "LiquidCommerce Team",
-  "version": "2.6.0-beta.43",
+  "version": "2.6.0-beta.45",
   "homepage": "https://docs.liquidcommerce.co/elements-sdk",
   "repository": {
     "type": "git",