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

package/dist/ssr-stub.checkout.esm.js

@@ -0,0 +1,18 @@
+const ELEMENTS_ENV = {
+    DEVELOPMENT: 'development',
+    STAGING: 'staging',
+    PRODUCTION: 'production',
+};
+const DEBUG_MODE = {
+    NONE: 'none',
+    CONSOLE: 'console',
+    PANEL: 'panel',
+};
+
+const SSR_WARN = '[LiquidCommerce Checkout] This SDK is designed for the browser. ' + 'Calls made during SSR return null. The SDK will initialize on the client.';
+async function ElementsCheckout(..._args) {
+    console.warn(SSR_WARN);
+    return null;
+}
+
+export { DEBUG_MODE, ELEMENTS_ENV, ElementsCheckout };

package/dist/ssr-stub.esm.js

@@ -0,0 +1,269 @@
+class SDKError extends Error {
+    constructor(message, reThrow = false) {
+        super(message);
+        this.name = 'SDKError';
+        this.isSdk = true;
+        this.reThrow = reThrow;
+        if (Error.captureStackTrace) {
+            Error.captureStackTrace(this, SDKError);
+        }
+        Object.setPrototypeOf(this, SDKError.prototype);
+    }
+}
+function isSDKError(error, source) {
+    if ((error === null || error === void 0 ? void 0 : error.isSdk) === true) {
+        if (error instanceof SDKError && error.reThrow) {
+            return false;
+        }
+        return true;
+    }
+    if (!error || typeof error !== 'object') {
+        return source ? isSDKSource(source) : false;
+    }
+    const message = String((error === null || error === void 0 ? void 0 : error.message) || '');
+    const hasSDKMessage = /liquidcommerce\s+elements/i.test(message);
+    const stack = String((error === null || error === void 0 ? void 0 : error.stack) || '');
+    const errorSource = (error === null || error === void 0 ? void 0 : error.source) || source || '';
+    const sdkPathPatterns = [
+        /@[/\\](?:core|modules|constants|enums|interfaces|utils|static)[/\\]/,
+        /[./]*[/\\](?:core|modules|constants|enums|interfaces|utils|static)[/\\]/,
+        /node_modules[/\\]@liquidcommerce[/\\]elements-sdk[/\\]/i,
+        /elements-sdk[/\\](?:src[/\\])?(?:core|modules)[/\\]/i,
+        /chunk-[a-z0-9]+.*elements/i,
+    ];
+    const sdkClassPatterns = [
+        /\bElements\b(?!\w)/,
+        /\bElementsBuilder\b/,
+        /\bLiquidCommerceElements\b/,
+        /BaseComponent/,
+        /Elements(?:Base)?Client/,
+        /(?:Auth|Store|Command|ApiClient|Telemetry|FingerPrint|GoogleTagManager|ClientConfig|ThemeProvider|ComponentFactory|PubSub|SingletonManager|DebugPanel)Service/,
+        /(?:Cart|Product|Checkout|Address|ProductList|UI|Common)Commands/,
+        /(?:Product|Cart|Checkout|Address|ProductList).*Component/,
+    ];
+    const sdkFilePatterns = [
+        /(?:service|commands|component)\.(?:ts|js)/,
+        /auto-initialize\/(?:main|checkout)\.(?:ts|js)/,
+        /elements-(?:base-|builder-)?client\.(?:ts|js)/,
+    ];
+    const sdkDirPatterns = [
+        /elements-sdk[/\\]/i,
+        /modules[/\\](?:cart|product|checkout|address|product-list|theme-provider|ui-components)[/\\]/,
+        /core[/\\](?:auth|store|command|api-client|telemetry|fingerprint|google-tag-manager|client|component-factory|pubsub|singleton-manager|debug-panel)[/\\]/,
+        /@liquidcommerce[/\\]elements-sdk/i,
+    ];
+    const hasSDKSource = isSDKSource(errorSource);
+    const hasSDKPathPattern = sdkPathPatterns.some((p) => p.test(stack));
+    const hasSDKClassPattern = sdkClassPatterns.some((p) => p.test(stack));
+    const hasSDKFilePattern = sdkFilePatterns.some((p) => p.test(stack));
+    const hasSDKDirPattern = sdkDirPatterns.some((p) => p.test(stack));
+    return hasSDKMessage || hasSDKSource || hasSDKPathPattern || hasSDKClassPattern || hasSDKFilePattern || hasSDKDirPattern;
+}
+function isSDKSource(source) {
+    if (!source || typeof source !== 'string') {
+        return false;
+    }
+    const sdkSourcePatterns = [
+        /\/elements\.js$/i,
+        /\/index\.esm\.js$/i,
+        /@liquidcommerce\/elements-sdk/i,
+        /node_modules[/\\]@liquidcommerce[/\\]elements-sdk/i,
+        /@liquidcommerce[/\\]elements-sdk[/\\]/i,
+        /\/elements-sdk[/\\]/i,
+        /elements-sdk[/\\]src/i,
+        /elements[-.]?[a-z0-9]*\.js$/i,
+        /chunk.*elements/i,
+        /elements.*chunk/i,
+        /\?.*elements\.js/i,
+        /#.*elements\.js/i,
+    ];
+    return sdkSourcePatterns.some((pattern) => pattern.test(source));
+}
+
+const ELEMENTS_ENV = {
+    DEVELOPMENT: 'development',
+    STAGING: 'staging',
+    PRODUCTION: 'production',
+};
+const ELEMENTS_ACTIONS_EVENT = {
+    CLIENT_READY: 'client_ready',
+    ADDRESS_UPDATED: 'address_updated',
+    ADDRESS_CLEARED: 'address_cleared',
+    ADDRESS_FAILED: 'address_failed',
+    PRODUCT_LOADED: 'product_loaded',
+    PRODUCT_QUANTITY_INCREASE: 'product_quantity_increase',
+    PRODUCT_QUANTITY_DECREASE: 'product_quantity_decrease',
+    PRODUCT_ADD_TO_CART: 'product_add_to_cart',
+    PRODUCT_SIZE_CHANGED: 'product_size_changed',
+    PRODUCT_FULFILLMENT_TYPE_CHANGED: 'product_fulfillment_type_changed',
+    PRODUCT_FULFILLMENT_CHANGED: 'product_fulfillment_changed',
+    CART_LOADED: 'cart_loaded',
+    CART_CLOSED: 'cart_closed',
+    CART_OPENED: 'cart_opened',
+    CART_UPDATED: 'cart_updated',
+    CART_FAILED: 'cart_failed',
+    CART_RESET: 'cart_reset',
+    CART_ITEM_ADDED: 'cart_item_added',
+    CART_ITEM_REMOVED: 'cart_item_removed',
+    CART_ITEM_QUANTITY_INCREASE: 'cart_item_quantity_increase',
+    CART_ITEM_QUANTITY_DECREASE: 'cart_item_quantity_decrease',
+    CART_ITEM_ENGRAVING_UPDATED: 'cart_item_engraving_updated',
+    CART_PROMO_CODE_APPLIED: 'cart_promo_code_applied',
+    CART_PROMO_CODE_REMOVED: 'cart_promo_code_removed',
+    CART_PROMO_CODE_FAILED: 'cart_promo_code_failed',
+    CART_PRODUCT_ADD_SUCCESS: 'cart_product_add_success',
+    CART_PRODUCT_ADD_FAILED: 'cart_product_add_failed',
+    INTERNAL_CART_TO_CHECKOUT: 'internal_cart_to_checkout',
+    CHECKOUT_LOADED: 'checkout_loaded',
+    CHECKOUT_OPENED: 'checkout_opened',
+    CHECKOUT_CLOSED: 'checkout_closed',
+    CHECKOUT_FAILED: 'checkout_failed',
+    CHECKOUT_IS_GIFT_TOGGLED: 'checkout_is_gift_toggled',
+    CHECKOUT_BILLING_SAME_AS_SHIPPING_TOGGLED: 'checkout_billing_same_as_shipping_toggled',
+    CHECKOUT_MARKETING_PREFERENCES_TOGGLED: 'checkout_marketing_preferences_toggled',
+    CHECKOUT_CUSTOMER_INFORMATION_UPDATED: 'checkout_customer_information_updated',
+    CHECKOUT_GIFT_INFORMATION_UPDATED: 'checkout_gift_information_updated',
+    CHECKOUT_BILLING_INFORMATION_UPDATED: 'checkout_billing_information_updated',
+    CHECKOUT_ITEM_REMOVED: 'checkout_item_removed',
+    CHECKOUT_ITEM_QUANTITY_INCREASE: 'checkout_item_quantity_increase',
+    CHECKOUT_ITEM_QUANTITY_DECREASE: 'checkout_item_quantity_decrease',
+    CHECKOUT_ITEM_ENGRAVING_UPDATED: 'checkout_item_engraving_updated',
+    CHECKOUT_TIP_UPDATED: 'checkout_tip_updated',
+    CHECKOUT_SUBMIT_STARTED: 'checkout_submit_started',
+    CHECKOUT_SUBMIT_COMPLETED: 'checkout_submit_completed',
+    CHECKOUT_SUBMIT_FAILED: 'checkout_submit_failed',
+    CHECKOUT_PROMO_CODE_APPLIED: 'checkout_promo_code_applied',
+    CHECKOUT_PROMO_CODE_REMOVED: 'checkout_promo_code_removed',
+    CHECKOUT_PROMO_CODE_FAILED: 'checkout_promo_code_failed',
+    CHECKOUT_GIFT_CARD_APPLIED: 'checkout_gift_card_applied',
+    CHECKOUT_GIFT_CARD_REMOVED: 'checkout_gift_card_removed',
+    CHECKOUT_GIFT_CARD_FAILED: 'checkout_gift_card_failed',
+    CHECKOUT_PRODUCT_ADD_SUCCESS: 'checkout_product_add_success',
+    CHECKOUT_PRODUCT_ADD_FAILED: 'checkout_product_add_failed',
+};
+const ELEMENTS_FORM = {
+    CUSTOMER: 'customer',
+    GIFT: 'gift',
+    BILLING: 'billing',
+};
+const COMPONENT_TYPE = {
+    DRAWER: 'drawer',
+    INPUT: 'input',
+    ENGRAVING_FORM: 'engraving-form',
+    ENGRAVING_VIEW: 'engraving-view',
+    BUTTONS_CART_OPEN: 'buttons-cart-open',
+    POWERED_BY: 'powered-by',
+    LCE_ELEMENT: 'lce-element',
+    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',
+    PRODUCT: 'product',
+    PRODUCT_IMAGE_CAROUSEL: 'product-image-carousel',
+    PRODUCT_OPTIONS: 'product-options',
+    PRODUCT_INTERACTIONS: 'product-interactions',
+    PRODUCT_DESCRIPTION: 'product-description',
+    PRODUCT_RETAILERS: 'product-retailers',
+    PRODUCT_RETAILERS_CAROUSEL: 'product-retailers-carousel',
+    PRODUCT_RETAILERS_POPUP: 'product-retailers-popup',
+    PRODUCT_RETAILERS_POPUP_LIST: 'product-retailers-popup-list',
+    PRODUCT_PRICE: 'product-price',
+    PRODUCT_ADD_TO_CART_SECTION: 'product-add-to-cart-section',
+    PRODUCT_DRAWER: 'product-drawer',
+    PRODUCT_LOADING: 'product-loading',
+    PRODUCT_LIST: 'product-list',
+    PRODUCT_LIST_CARD: 'product-list-card',
+    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',
+    CART: 'cart',
+    CART_RETAILER: 'cart-retailer',
+    CART_ITEM: 'cart-item',
+    CART_FOOTER: 'cart-footer',
+    CART_ITEM_QUANTITY_PRICE: 'cart-item-quantity-price',
+    CART_RETAILER_SUBTOTAL: 'cart-retailer-subtotal',
+    CART_PROMO_CODE: 'cart-promo-code',
+    CART_HEADER: 'cart-header',
+    CART_BODY: 'cart-body',
+    CART_FULFILLMENT: 'cart-fulfillment',
+    CHECKOUT: 'checkout',
+    CHECKOUT_INFORMATION: 'checkout-information',
+    CHECKOUT_STRIPE_HANDLER: 'checkout-stripe-handler',
+    CHECKOUT_STRIPE_FORM: 'checkout-stripe-form',
+    CHECKOUT_PAYMENT: 'checkout-payment',
+    CHECKOUT_PAYMENT_SUMMARY: 'checkout-payment-summary',
+    CHECKOUT_BILLING: 'checkout-billing',
+    CHECKOUT_ORDER_SUMMARY: 'checkout-order-summary',
+    CHECKOUT_PROMO_CODE: 'checkout-promo-code',
+    CHECKOUT_GIFT_CARDS: 'checkout-gift-cards',
+    CHECKOUT_AMOUNTS: 'checkout-amounts',
+    CHECKOUT_ITEMS: 'checkout-items',
+    CHECKOUT_COMPLETED: 'checkout-completed',
+    CHECKOUT_DELIVER_TO: 'checkout-deliver-to',
+    CHECKOUT_DELIVER_TO_SUMMARY: 'checkout-deliver-to-summary',
+    CHECKOUT_BUYER: 'checkout-buyer',
+    CHECKOUT_BUYER_SUMMARY: 'checkout-buyer-summary',
+    CHECKOUT_TIPS: 'checkout-tips',
+    CHECKOUT_PC_GC: 'checkout-pc-gc',
+    CHECKOUT_ITEM: 'checkout-item',
+    CHECKOUT_ITEM_QUANTITY: 'checkout-item-quantity',
+    CHECKOUT_PLACE_ORDER_BUTTON: 'checkout-place-order-button',
+    CHECKOUT_HEADER: 'checkout-header',
+    CHECKOUT_PRESALE_COUNTDOWN: 'checkout-presale-countdown',
+    CHECKOUT_PRESALE_EXPIRED: 'checkout-presale-expired',
+    CHECKOUT_SEND_AS_GIFT: 'checkout-send-as-gift',
+};
+const FULFILLMENT_TYPE = {
+    ON_DEMAND: 'onDemand',
+    SHIPPING: 'shipping',
+};
+const DEBUG_MODE = {
+    NONE: 'none',
+    CONSOLE: 'console',
+    PANEL: 'panel',
+};
+const CART_EVENT_TYPE = {
+    GENERIC: 'generic',
+    PROMO_CODE: 'promo-code',
+};
+const CART_EVENT_LEVEL = {
+    SUCCESS: 'success',
+    WARNING: 'warning',
+    ERROR: 'error',
+};
+const CHECKOUT_EVENT_TYPE = {
+    GENERIC: 'generic',
+    PROMO_CODE: 'promo-code',
+    GIFT_CARD: 'gift-card',
+};
+const CHECKOUT_EVENT_LEVEL = {
+    SUCCESS: 'success',
+    WARNING: 'warning',
+    ERROR: 'error',
+};
+const DISPLAY_MODE = {
+    MODAL: 'modal',
+    DRAWER: 'drawer',
+};
+const NAVIGATION_SOURCE = {
+    PRODUCT_CARD: 'productCard',
+    ADD_TO_CART_DRAWER: 'addToCartDrawer',
+};
+
+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.';
+async function Elements(..._args) {
+    console.warn(SSR_WARN);
+    return null;
+}
+async function ElementsBuilder(..._args) {
+    console.warn(SSR_WARN);
+    return null;
+}
+
+export { CART_EVENT_LEVEL, CART_EVENT_TYPE, CHECKOUT_EVENT_LEVEL, CHECKOUT_EVENT_TYPE, COMPONENT_TYPE, DEBUG_MODE, DISPLAY_MODE, ELEMENTS_ACTIONS_EVENT, ELEMENTS_ENV, ELEMENTS_FORM, Elements, ElementsBuilder, FULFILLMENT_TYPE, NAVIGATION_SOURCE, SDKError, isSDKError };

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

@@ -1,4 +1,6 @@
-import type { IInjectCheckoutParams, IInjectedComponent, ILiquidCommerceElementsDevelopmentConfig } from '@/interfaces/core.interface';
+import type { IInjectedComponent } from '@/interfaces/component.interface';
+import type { ILiquidCommerceElementsDevelopmentConfig } from '@/interfaces/config.interface';
+import type { IInjectCheckoutParams } from '@/interfaces/injection.interface';
 export declare const SHARED_ATTR: {
     readonly SCRIPT: {
         readonly MAIN: "data-liquid-commerce-elements";

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

@@ -16,7 +16,9 @@ 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, IInjectProductListFiltersParams, IInjectProductListParams, IInjectProductListSearchParams, IInjectedComponent, ILiquidCommerceElementsActions, IProcessInjectElementParams } from '@/interfaces/core.interface';
+import type { ILiquidCommerceElementsActions } from '@/interfaces/client.interface';
+import type { IInjectedComponent } from '@/interfaces/component.interface';
+import type { IInjectProductElement, IInjectProductListFiltersParams, IInjectProductListParams, IInjectProductListSearchParams, IProcessInjectElementParams } from '@/interfaces/injection.interface';
 import { ThemeProviderService } from '@/modules/theme-provider/theme-provider.service';
 export declare abstract class ElementsBaseClient {
     protected readonly authClient: AuthClientService;
@@ -51,6 +53,7 @@ export declare abstract class ElementsBaseClient {
     protected ensureModalExists(): void;
     protected ensureAllComponentsRegistered(): void;
     protected createInjectedComponentWrapper(containerId: string, type: ComponentType, element: HTMLElement): IInjectedComponent;
+    destroy(): void;
     protected rerenderInjectedComponentsByType(type: ComponentType): void;
     protected isElementsEnabled(): boolean;
     protected injectDisabledElementsError(containerId: string, componentName: ComponentType): void;

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

@@ -1,2 +1,3 @@
-import type { ILiquidCommerceElementsBuilderClient, ILiquidCommerceElementsBuilderConfig } from '@/interfaces/core.interface';
+import type { ILiquidCommerceElementsBuilderClient } from '@/interfaces/client.interface';
+import type { ILiquidCommerceElementsBuilderConfig } from '@/interfaces/config.interface';
 export declare function ElementsBuilder(apiKey: string, config: ILiquidCommerceElementsBuilderConfig): Promise<ILiquidCommerceElementsBuilderClient | null>;

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

@@ -1,13 +1,5 @@
-import { type ICheckoutActions } from '@/core/client/actions/client-checkout-action.service';
-import type { IInjectCheckoutParams, IInjectedComponent, ILiquidCommerceElementsCheckoutClientConfig } from '@/interfaces/core.interface';
+import type { IElementsCheckoutClient } from '@/interfaces/client.interface';
+import type { ILiquidCommerceElementsCheckoutClientConfig } from '@/interfaces/config.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/clients/main.d.ts

@@ -1,2 +1,3 @@
-import type { ILiquidCommerceElementsClient, ILiquidCommerceElementsConfig } from '@/interfaces/core.interface';
+import type { ILiquidCommerceElementsClient } from '@/interfaces/client.interface';
+import type { ILiquidCommerceElementsConfig } from '@/interfaces/config.interface';
 export declare function Elements(apiKey: string, config: ILiquidCommerceElementsConfig): Promise<ILiquidCommerceElementsClient | null>;

package/dist/types/core/base-component.service.d.ts

@@ -7,6 +7,7 @@ import { TelemetryService } from '@/core/telemetry/telemetry.service';
 import type { ComponentType } from '@/enums';
 import type { ConfigsKeyType, ConfigsType } from '@/interfaces/configs';
 import { ThemeProviderService } from '@/modules/theme-provider/theme-provider.service';
+import { SafeHTMLElement } from '@/utils/dom-compat';
 import { CommandService } from './command/command.service';
 export interface IBaseComponentConfig {
     type: ComponentType;
@@ -25,7 +26,7 @@ export interface IOnStoreChanged {
     value: any;
     oldValue: any;
 }
-export declare abstract class BaseComponent<TParams = Record<string, any>, TConfig = ConfigsType> extends HTMLElement {
+export declare abstract class BaseComponent<TParams = Record<string, any>, TConfig = ConfigsType> extends SafeHTMLElement {
     protected readonly store: StoreService;
     protected readonly commands: CommandService;
     protected readonly themeProvider: ThemeProviderService;

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

@@ -1,4 +1,4 @@
-import type { ILiquidCommerceElementsActions } from '@/interfaces/core.interface';
+import type { ILiquidCommerceElementsActions } from '@/interfaces/client.interface';
 export declare class ClientActionService {
     private readonly productActionService;
     private readonly addressActionService;

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

@@ -1,6 +1,6 @@
 import { type DebugMode, type ElementsEnv } from '@/enums';
+import type { IClientCustomThemeConfig, IElementsProxyConfig, ILiquidCommerceElementsCheckoutConfig } from '@/interfaces/config.interface';
 import type { IPromoTicker } from '@/interfaces/configs';
-import type { IClientCustomThemeConfig, IElementsProxyConfig, ILiquidCommerceElementsCheckoutConfig } from '@/interfaces/core.interface';
 export type DeviceType = 'desktop' | 'tablet' | 'mobile';
 export interface IClientConfigs {
     apiKey: string;

package/dist/types/core/pubsub/pubsub.service.d.ts

@@ -1,7 +1,6 @@
 import type { IElementsActionsEventsMap, IElementsFormsEventsMap, SpecificActionEvent, SpecificFormEvent } from '@/core/pubsub/interfaces/core.interface';
 export declare class PubSubService {
     private readonly logger;
-    private clientReadyEvent;
     constructor();
     private readonly eventPrefix;
     static getInstance(): PubSubService;
@@ -9,5 +8,4 @@ export declare class PubSubService {
     publishForm<K extends SpecificFormEvent>(eventType: K, data: IElementsFormsEventsMap[K]): void;
     private publishSpecific;
     private dispatchNativeEvents;
-    private setupClientReadyBuffering;
 }

package/dist/types/core/singleton-manager.service.d.ts

@@ -1,5 +1,5 @@
 import type { IClientConfigs } from '@/core/client/client-config.service';
-import type { LiquidCommerceElementsBuilderClientConstructor, LiquidCommerceElementsClientConstructor } from '@/interfaces/core.interface';
+import type { LiquidCommerceElementsBuilderClientConstructor, LiquidCommerceElementsClientConstructor } from '@/interfaces/client.interface';
 export declare class SingletonManager {
     private static clientConstructor;
     private static regularClientInstances;

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,62 @@
+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 } 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;
+    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 type LiquidCommerceElementsClientConstructor = new (clientConfigs: IClientConfigs) => ILiquidCommerceElementsClient;
+export type LiquidCommerceElementsBuilderClientConstructor = new (clientConfigs: IClientConfigs) => ILiquidCommerceElementsBuilderClient;

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,45 @@
+import type { DebugMode, ElementsEnv } from '@/enums';
+import type { IPromoTicker, UpdateAddressComponent, UpdateCartComponent, UpdateCheckoutComponent, UpdateComponentGlobalConfigs, UpdateProductComponent } 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;
+}
+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;
+}