@liquidcommerce/elements-sdk 2.2.2 → 2.4.0

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

@@ -0,0 +1,27 @@
+import type { ITelemetryEventOptions, TelemetryLevel } from './telemetry.interface';
+export declare class TelemetryService {
+    private config;
+    private eventQueue;
+    private batchTimer;
+    private readonly clientConfig;
+    private stats;
+    private isShuttingDown;
+    constructor();
+    static getInstance(): TelemetryService;
+    isEnabled(): boolean;
+    captureEvent(level: TelemetryLevel, message: string, options?: ITelemetryEventOptions): void;
+    private buildErrorContext;
+    private buildSDKContext;
+    private buildUserContext;
+    private buildBrowserContext;
+    private shouldCapture;
+    private addToQueue;
+    private startBatchTimer;
+    private flushQueue;
+    private createBatch;
+    private sendBatch;
+    private sendBatchViaXHR;
+    private truncateStackTrace;
+    private handleInternalError;
+    private shutdown;
+}

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

@@ -14,7 +14,6 @@ export declare const ELEMENTS_ACTIONS_EVENT: {
     readonly PRODUCT_SIZE_CHANGED: "product_size_changed";
     readonly PRODUCT_FULFILLMENT_TYPE_CHANGED: "product_fulfillment_type_changed";
     readonly PRODUCT_FULFILLMENT_CHANGED: "product_fulfillment_changed";
-    readonly PRODUCT_ENGRAVING_UPDATED: "product_engraving_updated";
     readonly CART_LOADED: "cart_loaded";
     readonly CART_CLOSED: "cart_closed";
     readonly CART_OPENED: "cart_opened";

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

@@ -0,0 +1,6 @@
+export declare const DEBUG_MODE: {
+    readonly NONE: "none";
+    readonly CONSOLE: "console";
+    readonly PANEL: "panel";
+};
+export type DebugMode = (typeof DEBUG_MODE)[keyof typeof DEBUG_MODE];

package/dist/types/enums/index.d.ts

@@ -1,2 +1,3 @@
 export * from './cloud.enum';
 export * from './core.enum';
+export * from './debug.enum';

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

@@ -1,6 +1,6 @@
 import type { IAddressActions, ICartActions, ICheckoutActions, IProductActions } from '@/core/client/client-action.service';
 import type { IClientConfigs } from '@/core/client/client-config.service';
-import type { ComponentType, ElementsEnv } from '@/enums';
+import type { ComponentType, DebugMode, ElementsEnv } from '@/enums';
 import type { IAddressOptions } from '@/modules/address/address.interface';
 import type { IPromoTicker, UpdateAddressComponent, UpdateCartComponent, UpdateCheckoutComponent, UpdateComponentGlobalConfigs, UpdateProductComponent } from './configs';
 export type DeepPartial<T> = {
@@ -23,7 +23,7 @@ export interface ILiquidCommerceElementsConfig {
     customTheme?: IClientCustomThemeConfig;
     proxy?: IElementsProxyConfig;
     isBuilder?: boolean;
-    enableDebugging?: boolean;
+    debugMode?: DebugMode;
 }
 export interface IInjectProductElement {
     containerId: string;

package/dist/types/modules/address/address.command.d.ts

@@ -10,8 +10,6 @@ export declare class AddressCommands extends BaseCommand {
     getAddressDetails(addressId: string): Promise<IAddressDetailsResult>;
     setSelectedAddress(addressData: IAddressData): Promise<void>;
     setAddressManually(address: Omit<IAddress, 'id'>, coordinates: ICoords): Promise<void>;
-    clearSelectedAddress(): void;
-    private shouldResetCartForAddressChange;
-    private persistSessionData;
+    clearSelectedAddress(): Promise<void>;
     getDetails(): IAddressData | null;
 }

package/dist/types/modules/cart/cart.commands.d.ts

@@ -23,13 +23,13 @@ export declare class CartCommands extends BaseCommand {
     handleGoToCheckout(): Promise<void>;
     applyPromoCode(promoCode: string): Promise<void>;
     removePromoCode(): Promise<void>;
-    clearPromoCodeError(): Promise<void>;
     rerenderCart(): void;
     resetCart(): Promise<void>;
     getDetails(): IBaseCartEventData;
     private buildItemUpdate;
     private syncItemsFromApiResponse;
     private syncCartMetaFromApiResponse;
+    private syncRetailersFromApiResponse;
     private updateFulfillment;
     private addNewFulfillmentAndRetailer;
     private cleanupAfterItemRemoval;

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

@@ -1,4 +1,4 @@
-import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+import { BaseComponent } from '@/core/base-component.service';
 import type { ICartComponent } from '@/interfaces/configs';
 export interface ICartComponentParams {
     isIndependentComponent: boolean;
@@ -6,6 +6,5 @@ export interface ICartComponentParams {
 export declare class CartComponent extends BaseComponent<ICartComponentParams, ICartComponent> {
     get hostClasses(): string[];
     constructor();
-    onStoreWatch(changes: IOnStoreChanged[]): void;
     protected template(): HTMLElement[];
 }

package/dist/types/modules/cart/components/cart-footer.component.d.ts

@@ -16,5 +16,6 @@ export declare class CartFooterComponent extends BaseComponent<ICartFooterCompon
     private shouldDisableCheckout;
     private updateCheckoutButtonState;
     private updateSubtotalItemsCount;
+    private handleCheckout;
     protected template(): HTMLElement[];
 }

package/dist/types/modules/cart/components/cart-item.component.d.ts

@@ -1,4 +1,4 @@
-import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+import { BaseComponent } from '@/core/base-component.service';
 export interface ICartItemComponentParams {
     itemId: string;
 }
@@ -6,10 +6,6 @@ export declare class CartItemComponent extends BaseComponent<ICartItemComponentP
     get hostClasses(): string[];
     get hostAttributes(): Record<string, string>;
     constructor();
-    private getItemId;
-    onStoreChanged(changes: IOnStoreChanged[]): boolean | undefined;
-    private handleEngravingElement;
-    private updateShippingTime;
+    private handleOpenEngravingForm;
     protected template(): HTMLElement[];
-    afterRender(): void;
 }

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

@@ -1,6 +1,6 @@
 import { BaseCommand } from '@/core/command/base-command.service';
 import type { ICheckoutItemStore, ICheckoutStripeFormStatusStore } from '@/core/store';
-import type { ICheckoutFulfillment, ICheckoutItem, ICheckoutPrepareResponse, ICheckoutRetailer } from '@/interfaces/cloud';
+import type { ICart, ICheckoutFulfillment, ICheckoutItem, ICheckoutPrepareResponse, ICheckoutRetailer } from '@/interfaces/cloud';
 import type { BillingFieldName, CustomerFieldName, GiftFieldName } from '@/modules/checkout/components/checkout.type';
 export declare function buildCheckoutItemStore(apiItem: ICheckoutItem, retailer: ICheckoutRetailer, fulfillment: ICheckoutFulfillment): ICheckoutItemStore;
 export declare class CheckoutCommands extends BaseCommand {
@@ -13,6 +13,7 @@ export declare class CheckoutCommands extends BaseCommand {
     partialLoadCheckout(params?: {
         cartId?: string;
         response?: ICheckoutPrepareResponse;
+        cartResponse?: ICart;
     }): Promise<void>;
     toggleIsGift(active?: boolean): Promise<void>;
     toggleBillingSameAsShipping(active?: boolean): Promise<void>;
@@ -22,7 +23,7 @@ export declare class CheckoutCommands extends BaseCommand {
     applyPromoCode(code: string): Promise<void>;
     clearPromoCodeError(): Promise<void>;
     removePromoCode(): Promise<void>;
-    applyGiftCard(code?: string): Promise<void>;
+    applyGiftCard(code: string): Promise<void>;
     clearGiftCardError(): Promise<void>;
     removeGiftCard(code: string): Promise<void>;
     updateCustomerInfo(fieldName: CustomerFieldName, fieldValue: string): void;

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

@@ -1,4 +1,4 @@
-import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+import { BaseComponent } from '@/core/base-component.service';
 import type { ICheckoutComponent } from '@/interfaces/configs';
 export interface ICheckoutComponentParams {
     checkoutId: string;
@@ -6,6 +6,5 @@ export interface ICheckoutComponentParams {
 }
 export declare class CheckoutComponent extends BaseComponent<ICheckoutComponentParams, ICheckoutComponent> {
     constructor();
-    onStoreWatch(changes: IOnStoreChanged[]): void;
     protected template(): HTMLElement[];
 }

package/dist/types/modules/checkout/components/checkout-summary-section.component.d.ts

@@ -6,6 +6,8 @@ export declare class CheckoutSummarySectionComponent extends BaseComponent<null,
     onStoreWatch(changes: IOnStoreChanged[]): void;
     private updateZeroAmountElement;
     protected afterRender(): void;
+    private handleEmailToggle;
+    private handleSmsToggle;
     private marketingOptInsContainer;
     private hasOnDemandOrder;
     protected template(): HTMLElement[];

package/dist/types/modules/checkout/components/information/checkout-delivery-information-form.component.d.ts

@@ -1,8 +1,8 @@
 import { BaseComponent } from '@/core/base-component.service';
 import type { ICheckoutComponent } from '@/interfaces/configs';
 export declare class CheckoutDeliveryInformationComponent extends BaseComponent<null, ICheckoutComponent> {
-    constructor();
     get hostClasses(): string[];
+    constructor();
     private hasOnDemandFulfillments;
     private handleDeliveryInstructionsChange;
     private handleFirstNameChange;

package/dist/types/modules/checkout/components/summary/checkout-item-quantity.component.d.ts

@@ -9,11 +9,9 @@ export declare class CheckoutItemQuantityComponent extends BaseComponent<IChecko
     get hostClasses(): string[];
     constructor();
     onStoreWatch(changes: IOnStoreChanged[]): void;
-    private getCheckoutItemStore;
     private getAvailableQuantity;
     private calculateQuantityLimits;
     private updateButtonStates;
     private handleQuantityChange;
-    private createQuantityContainer;
     protected template(): HTMLElement[];
 }

package/dist/types/modules/checkout/components/summary/checkout-item.component.d.ts

@@ -6,7 +6,8 @@ export declare class CheckoutItemComponent extends BaseComponent<ICheckoutItemCo
     private trashButton;
     get hostClasses(): string[];
     constructor();
-    onStoreWatch(changes: IOnStoreChanged[]): void;
+    onStoreChanged(changes: IOnStoreChanged[]): boolean | undefined;
+    private updateEngravingElement;
     private setupMinimumPurchaseAlert;
     private updateTrashButtonState;
     private createLoadingOverlay;

package/dist/types/modules/checkout/components/summary/checkout-items.component.d.ts

@@ -10,6 +10,7 @@ export declare class CheckoutItemsComponent extends BaseComponent<null, ICheckou
     private syncItemsWithStore;
     private updateItemCount;
     onStoreChanged(changes: IOnStoreChanged[]): boolean | undefined;
+    private handleToggle;
     private setupToggler;
     protected afterRender(): void;
     protected template(): HTMLElement[];

package/dist/types/modules/checkout/components/summary/checkout-place-order-button.component.d.ts

@@ -16,7 +16,6 @@ export declare class CheckoutPlaceOrderButtonComponent extends BaseComponent<nul
     private determineButtonState;
     private applyButtonState;
     private handlePlaceOrderClick;
-    private focusFirstInvalidField;
     private showPaymentError;
     private handleCheckoutReadyForSubmit;
     protected template(): HTMLElement[];

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

@@ -15,7 +15,6 @@ export declare const giftFormFields: {
     readonly phone: "phone";
     readonly birthDate: "birthDate";
     readonly addressTwo: "addressTwo";
-    readonly company: "company";
     readonly message: "message";
 };
 export declare const billingFormFields: {

package/dist/types/modules/product/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from '../../ui-components/engraving/engraving-form.component';
 export * from '../../ui-components/engraving/engraving-view.component';
 export * from './components';
 export * from './product-add-to-cart-section.component';

package/dist/types/modules/product/components/product-add-to-cart-section.component.d.ts

@@ -9,6 +9,7 @@ export declare class ProductAddToCartSectionComponent extends BaseComponent<IAdd
     private qtyDecreaseButton;
     private quantityText;
     get hostClasses(): string[];
+    get hostAttributes(): Record<string, string>;
     constructor();
     private getProductId;
     private getAvailableQuantity;

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

@@ -1,10 +1,13 @@
-import { BaseComponent } from '@/core/base-component.service';
+import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
 import type { IProductComponent } from '@/interfaces/configs';
 export interface IProductInteractionsComponent {
     productId: string;
 }
 export declare class ProductInteractionsComponent extends BaseComponent<IProductInteractionsComponent, IProductComponent> {
     get hostClasses(): string[];
+    private addPersonalizationSpan;
+    constructor();
+    onStoreWatch(changedPaths: IOnStoreChanged[]): void;
     private getProductId;
     afterRender(): void;
     private setupSizeButtonsEventListener;

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

@@ -5,6 +5,7 @@ export interface IProductPriceComponentParams {
 }
 export declare class ProductPriceComponent extends BaseComponent<IProductPriceComponentParams, IProductComponent> {
     get hostClasses(): string[];
+    get hostAttributes(): Record<string, string>;
     constructor();
     private getProductId;
     protected template(): string;

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

@@ -6,6 +6,7 @@ export interface IProductRetailersComponent {
 export declare class ProductRetailersComponent extends BaseComponent<IProductRetailersComponent, IProductComponent> {
     get hostClasses(): string[];
     constructor();
+    get hostAttributes(): Record<string, string>;
     private getProductId;
     protected template(): HTMLElement | HTMLElement[];
 }

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

@@ -18,12 +18,12 @@ export declare class ProductCommands extends BaseCommand {
     updateQuantity(productId: string, delta: number): Promise<void>;
     changeFulfillmentType(productId: string, selectedFulfillmentType: FulfillmentType): Promise<void>;
     removeProduct(productId: string): Promise<void>;
-    updateEngravingLines(productId: string, engravingLines: string[]): Promise<void>;
     openProductDrawer(productId: string, contentType: IProductDrawerContentConfig['type'], data?: Record<string, any>): Promise<void>;
     closeProductDrawer(productId: string): Promise<void>;
     rerenderAllProducts(): Promise<void>;
     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/ui-components/engraving/engraving-form.component.d.ts

@@ -1,7 +1,7 @@
 import { BaseComponent } from '@/core/base-component.service';
 export interface IEngravingFormComponentParams {
     identifier: string;
-    context: 'product' | 'cart' | 'checkout';
+    context: 'product' | 'cart';
     lines: string[];
     maxLines: number;
     maxCharsPerLine: number;
@@ -9,16 +9,18 @@ export interface IEngravingFormComponentParams {
     location?: string;
 }
 export declare class EngravingFormComponent extends BaseComponent<IEngravingFormComponentParams, null> {
-    private inputs;
-    private charCountElements;
     get hostClasses(): string[];
-    protected afterRender(): void;
-    private handleClick;
-    private handleInput;
-    private updateCharacterCount;
-    private initializeCharacterCounts;
-    private closeDrawer;
-    private collectEngravingLines;
-    private handleSave;
+    private engravingLines;
+    private productPriceSpan;
+    private addToCartButton;
+    private fulfillmentId;
+    private partNumber;
+    beforeConnected(): void;
+    private calculateTotalPrice;
+    private productInformationSection;
+    private addToCartButtonText;
+    private retailersSection;
+    private engravingLinesSection;
+    private actionButtonsSection;
     protected template(): HTMLElement[];
 }

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

@@ -1,19 +1,14 @@
 import { BaseComponent } from '@/core/base-component.service';
-import type { StorePaths } from '@/core/store';
 import type { IProductComponent } from '@/interfaces/configs';
 export interface IEngravingViewComponentParams {
     identifier: string;
-    context: 'product' | 'cart' | 'checkout';
-    watchStorePaths?: StorePaths[];
+    context: 'cart' | 'checkout';
 }
 export declare class EngravingViewComponent extends BaseComponent<IEngravingViewComponentParams, IProductComponent> {
     get hostClasses(): string[];
-    beforeSetupStoreWatchers(): void;
-    private createEngravingFormParams;
-    private openEngravingDrawer;
-    private createEngravingContainer;
-    private isEngravingAvailable;
-    private engravingFee;
+    private engravingQuantityFee;
     private engravingLines;
+    private handleEdit;
+    private handleRemove;
     protected template(): HTMLElement | HTMLElement[] | string;
 }

package/dist/types/static/icon/index.d.ts

@@ -4,7 +4,6 @@ export * from './checkbox.icon';
 export * from './chevron-down.icon';
 export * from './chevron-left.icon';
 export * from './close.icon';
-export * from './completed.icon';
 export * from './error-info.icon';
 export * from './icon.types';
 export * from './info.icon';

package/dist/types/utils/format.d.ts

@@ -16,7 +16,8 @@ export declare function buildFormattedAddressString(address: {
     zip: string;
     country?: string;
 }): string;
-export declare function splitCategoryPath(catPath: string): {
+export declare function capitalizeFirstLetter(text: string): string;
+export declare function splitCategoryPath(catPath?: string): {
     category: string;
     category2: string;
     category3: string;