@liquidcommerce/elements-sdk 2.6.0-beta.35 → 2.6.0-beta.37

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

@@ -1,10 +1,12 @@
-import type { IInjectedComponent, ILiquidCommerceElementsDevelopmentConfig } from '@/interfaces/core.interface';
+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";
@@ -13,7 +15,8 @@ export declare const SHARED_ATTR: {
 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: (containerId: string, checkoutId?: string) => Promise<IInjectedComponent | null>, options: {
+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/clients/checkout.d.ts

@@ -1,23 +1,11 @@
-import type { ICheckoutDetailsEventData } from '@/core/pubsub/interfaces/checkout.interface';
-import type { IInjectedComponent, ILiquidCommerceElementsCheckoutClientConfig } from '@/interfaces/core.interface';
+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';
-import type { BillingFieldName, CustomerFieldName, GiftFieldName } from '@/modules/checkout/constant';
-export interface IElementsCheckoutActions {
-    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 IElementsCheckoutActions extends Omit<ICheckoutActions, 'openCheckout' | 'closeCheckout' | 'toggleCheckout'> {
 }
 export interface IElementsCheckoutClient {
-    injectCheckout: (containerId: string, checkoutId?: string) => Promise<IInjectedComponent | null>;
+    injectCheckout: (params: IInjectCheckoutParams) => Promise<IInjectedComponent | null>;
     actions: {
         checkout: IElementsCheckoutActions;
     };

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

@@ -48,3 +48,7 @@ export declare const Z_INDEX: {
     readonly MODAL: 2147483640;
 };
 export declare const DESKTOP_BREAKPOINT = 1024;
+export declare const DISPLAY_MODE: {
+    MODAL: string;
+    DRAWER: string;
+};

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

@@ -6,6 +6,7 @@ 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>;
@@ -33,6 +34,7 @@ export declare class ClientCheckoutActionService extends BaseActionService {
     private openCheckout;
     private closeCheckout;
     private toggleCheckout;
+    private exitCheckout;
     private addProduct;
     private applyPromoCode;
     private removePromoCode;

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

@@ -2,7 +2,6 @@ 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 { IModalStore } from './core.interface';
 import type { IProductSizeStore } from './product.interface';
 export type IProductFulfillmentStore = IFulfillment & {
     retailerName: string;
@@ -40,7 +39,6 @@ export interface IProductListStore {
             selectedFulfillmentType: FulfillmentType;
             selectedFulfillment: IProductFulfillmentStore | null;
             selectedQuantity: number;
-            modal: IModalStore;
         };
     };
     loading: boolean;

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

@@ -4,6 +4,7 @@ export type ProductListCardCornerRadius = 'rounded' | 'sharp';
 export interface IProductListTheme {
     backgroundColor: string;
 }
+export type IDisplayMode = 'modal' | 'drawer';
 export interface IProductListLayout {
     productCard: {
         style: ProductListCardStyle;
@@ -18,6 +19,7 @@ export interface IProductListLayout {
         showCollections: boolean;
         enablePersonalization: boolean;
     };
+    displayMode: IDisplayMode;
 }
 export interface IProductListComponent {
     theme: IProductListTheme;

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

@@ -85,6 +85,12 @@ export interface IProcessInjectElementParams {
     identifier?: string;
     options?: IAddressOptions;
     checkoutId?: string;
+    hideHeader?: boolean;
+}
+export interface IInjectCheckoutParams {
+    containerId: string;
+    checkoutId?: string;
+    hideHeader?: boolean;
 }
 export interface ILiquidCommerceElementsUIMethod {
     cartButton(containerId: string, showItemsCount?: boolean): void;
@@ -121,7 +127,7 @@ export interface ILiquidCommerceElementsClient {
     injectProductElement(params: IInjectProductElement[]): Promise<IInjectedComponent[]>;
     injectAddressElement(containerId: string, options?: IAddressOptions): Promise<IInjectedComponent | null>;
     injectCartElement(containerId: string): Promise<IInjectedComponent | null>;
-    injectCheckoutElement(containerId: string, checkoutId?: 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>;

package/dist/types/modules/checkout/checkout.component.d.ts

@@ -3,11 +3,10 @@ import type { ICheckoutComponent } from '@/interfaces/configs';
 export interface ICheckoutComponentParams {
     checkoutId: string;
     isIndependentComponent: boolean;
+    hideHeader: boolean;
 }
 export declare class CheckoutComponent extends BaseComponent<ICheckoutComponentParams, ICheckoutComponent> {
     constructor();
     protected template(): HTMLElement[];
-    private getPromoTickerData;
-    private checkForActiveTickers;
-    private createHeaderWrapper;
+    private createHeader;
 }

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

@@ -1,6 +1,7 @@
+import type { IProductListComponent } from 'interfaces/configs';
 import { BaseComponent } from '@/core/base-component.service';
 import type { IProductListComponentParams } from '@/modules/product-list/product-list.component';
-export declare class ProductListCardLoadingComponent extends BaseComponent<IProductListComponentParams> {
+export declare class ProductListCardLoadingComponent extends BaseComponent<IProductListComponentParams, IProductListComponent> {
     get hostClasses(): string[];
     private createSkeletonCard;
     protected template(): HTMLElement[];

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

@@ -1,8 +1,9 @@
-import type { IProductListComponent } from 'interfaces/configs';
+import type { IDisplayMode, IProductListComponent } from 'interfaces/configs';
 import { BaseComponent } from '@/core/base-component.service';
 export interface IProductListRetailersParams {
     productId: string;
     config?: IProductListComponent;
+    displayMode?: IDisplayMode;
 }
 export declare class ProductListRetailersComponent extends BaseComponent<IProductListRetailersParams, IProductListComponent> {
     get hostClasses(): string[];

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

@@ -1,3 +1,4 @@
+import type { IProductListComponent } from 'interfaces/configs';
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
 import type { ProductListFilterType } from '@/interfaces/core.interface';
 export interface IProductListComponentParams {
@@ -6,7 +7,7 @@ export interface IProductListComponentParams {
     filters: ProductListFilterType[];
     productUrl?: string;
 }
-export declare class ProductListComponent extends BaseComponent<IProductListComponentParams> {
+export declare class ProductListComponent extends BaseComponent<IProductListComponentParams, IProductListComponent> {
     private products;
     private retailers;
     private pagination;

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

@@ -1,4 +1,5 @@
 import { BaseComponent } from '@/core/base-component.service';
+import type { IDisplayMode } from '@/interfaces/configs';
 export interface IEngravingFormComponentParams {
     identifier: string;
     context: 'product' | 'cart' | 'product-list';
@@ -7,6 +8,7 @@ export interface IEngravingFormComponentParams {
     maxCharsPerLine: number;
     fee: number;
     location?: string;
+    displayMode?: IDisplayMode;
 }
 export declare class EngravingFormComponent extends BaseComponent<IEngravingFormComponentParams, null> {
     get hostClasses(): string[];

package/package.json

@@ -3,7 +3,7 @@
   "description": "LiquidCommerce Elements SDK",
   "license": "UNLICENSED",
   "author": "LiquidCommerce Team",
-  "version": "2.6.0-beta.35",
+  "version": "2.6.0-beta.37",
   "homepage": "https://docs.liquidcommerce.co/elements-sdk",
   "repository": {
     "type": "git",
@@ -13,27 +13,23 @@
     "url": "https://github.com/liquidcommerce/elements-sdk/issues"
   },
   "module": "./dist/index.esm.js",
-  "browser": "./umd/elements.js",
   "types": "./dist/types/index.d.ts",
   "packageManager": "pnpm@10.0.0",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/index.esm.js",
-      "browser": "./umd/elements.js",
       "default": "./dist/index.esm.js"
     },
     "./checkout": {
       "types": "./dist/types/index.checkout.d.ts",
       "import": "./dist/index.checkout.esm.js",
-      "browser": "./umd/elements-checkout.js",
       "default": "./dist/index.checkout.esm.js"
     },
     "./package.json": "./package.json"
   },
   "files": [
     "dist",
-    "umd",
     "docs",
     "README.md",
     "LICENSE"
@@ -81,7 +77,7 @@
     "embeddable commerce"
   ],
   "devDependencies": {
-    "@biomejs/biome": "2.3.11",
+    "@biomejs/biome": "2.3.12",
     "@commitlint/cli": "^20.3.1",
     "@commitlint/config-conventional": "^20.3.1",
     "@rollup/plugin-alias": "^6.0.0",