@liquidcommerce/elements-sdk 2.7.1 → 2.7.2

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/interfaces/core.interface.d.ts

@@ -92,6 +92,10 @@ export interface IInjectCheckoutParams {
     checkoutId?: string;
     hideHeader?: boolean;
 }
+export interface IInjectCheckoutBuilderParams extends IInjectCheckoutParams {
+    simulatePresale?: boolean;
+    presaleExpiresInMinutes?: number;
+}
 export interface ILiquidCommerceElementsUIMethod {
     cartButton(containerId: string, showItemsCount?: boolean): void;
     floatingCartButton(showItemsCount?: boolean): void;
@@ -116,10 +120,7 @@ export interface ILiquidCommerceElementsBuilderClient {
     injectProductElement(params: IInjectProductElement[]): Promise<IInjectedComponent[]>;
     injectAddressElement(containerId: string, options?: IAddressOptions): Promise<IInjectedComponent | null>;
     injectCartElement(containerId: string): Promise<IInjectedComponent | null>;
-    injectCheckoutElement(containerId: string, options?: {
-        simulatePresale?: boolean;
-        presaleExpiresInMinutes?: number;
-    }): Promise<IInjectedComponent | null>;
+    injectCheckoutElement(params: IInjectCheckoutBuilderParams): Promise<IInjectedComponent | null>;
     injectProductList(params: IInjectProductListParams): Promise<void>;
     actions: ILiquidCommerceElementsActions;
 }

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/ui-components/lce-element/lce-element.component.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentType } from '@/enums';
-export declare class LceElementComponent extends HTMLElement {
+import { SafeHTMLElement } from '@/utils/dom-compat';
+export declare class LceElementComponent extends SafeHTMLElement {
     private _initialized;
     protected _container: ShadowRoot | null;
     private _wrappedComponentRerender;

package/dist/types/utils/dom-compat.d.ts

@@ -0,0 +1,2 @@
+export declare const SafeHTMLElement: typeof HTMLElement;
+export declare function isHTMLElement(value: unknown): value is HTMLElement;