@liquidcommerce/elements-sdk 2.5.11 → 2.6.0-beta.10

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

@@ -10,6 +10,17 @@ export declare const PRODUCT_LIST_FILTER_TYPES: {
     PERSONALIZATION: string;
     PRE_ORDER: string;
     DELIVERY_OPTIONS: string;
+    PRICE: string;
+    BRANDS: string;
+    CATEGORIES: string;
+    FLAVOR: string;
+    REGION: string;
+    VARIETY: string;
+    VINTAGE: string;
+    COUNTRY: string;
+    APPELLATION: string;
+    MATERIALS: string;
+    SIZES: string;
 };
 export declare const Z_INDEX: {
     readonly DRAWER_WRAPPER: 2147483640;

package/dist/types/core/{api-client.service.d.ts → api/api-client.service.d.ts}

@@ -1,6 +1,10 @@
-import type { AuthService } from '@/core/auth.service';
+import type { AuthClientService } from '@/core/api/auth-client.service';
 import type { IPersistedStore } from '@/core/store/interfaces/core.interface';
-import type { IAddressAutocompleteResult, IAddressDetailsResult, ICart, ICartUpdateParams, ICatalog, ICatalogParams, ICheckoutCompleteParams, ICheckoutCompleteResponse, ICheckoutPrepareParams, ICheckoutPrepareResponse, ILiquidPaymentToken, ILoc, IProductData } from '@/interfaces/cloud';
+import type { IAddressAutocompleteResult, IAddressDetailsResult, ILocation } from '@/interfaces/api/address.interface';
+import type { ICart, ICartUpdateParams } from '@/interfaces/api/cart.interface';
+import type { IProductAvailabilityResponse } from '@/interfaces/api/product.interface';
+import type { IProductSearchParams, IProductSearchResponse } from '@/interfaces/api/product-list.interface';
+import type { ICheckoutCompleteParams, ICheckoutCompleteResponse, ICheckoutPrepareParams, ICheckoutPrepareResponse, ILiquidPaymentToken } from '@/interfaces/cloud';
 import type { IUserPaymentSession, IUserSession } from '@/interfaces/cloud/user.interface';
 import type { IAllConfigs } from '@/interfaces/configs';
 export declare class ApiClientService {
@@ -8,23 +12,19 @@ export declare class ApiClientService {
     private readonly logger;
     constructor();
     static getInstance(): ApiClientService;
-    setClient(client: AuthService): Promise<void>;
+    setClient(client: AuthClientService): Promise<void>;
     getAllConfigs(): Promise<IAllConfigs>;
     setPersistedStore(userDeviceId: string, data: IPersistedStore): Promise<void>;
     getPersistedStore(userDeviceId: string): Promise<IPersistedStore | null>;
     deletePersistedStore(userDeviceId: string): Promise<void>;
-    getProductsData(identifier: string[], location?: ILoc): Promise<IProductData | null>;
-    getCartData(id: string | null): Promise<ICart>;
-    updateCart(params: ICartUpdateParams & {
-        loc?: ILoc;
-    }): Promise<ICart>;
-    getAddressSuggestions(query: string): Promise<IAddressAutocompleteResult[]>;
+    getAddressSuggestions(input: string): Promise<IAddressAutocompleteResult[]>;
     getAddressDetails(id: string): Promise<IAddressDetailsResult>;
+    getProductsData(identifier: string[], location?: ILocation): Promise<IProductAvailabilityResponse | null>;
+    catalogSearch(params: IProductSearchParams): Promise<IProductSearchResponse>;
+    getCartData(id: string | null): Promise<ICart>;
+    updateCart(params: ICartUpdateParams): Promise<ICart>;
     prepareCheckout(params: ICheckoutPrepareParams): Promise<ICheckoutPrepareResponse>;
     getPaymentSession(params: IUserPaymentSession): Promise<IUserSession>;
     confirmPaymentSession(confirmationTokenId: string, setupIntentId: string): Promise<ILiquidPaymentToken>;
-    checkoutComplete(params: Partial<ICheckoutCompleteParams>): Promise<ICheckoutCompleteResponse['order']>;
-    catalogSearch(params: ICatalogParams): Promise<ICatalog>;
-    private validResponseData;
-    private ensureClientInitialized;
+    checkoutComplete(params: Partial<ICheckoutCompleteParams>): Promise<ICheckoutCompleteResponse>;
 }

package/dist/types/core/{auth.service.d.ts → api/auth-client.service.d.ts}

@@ -13,23 +13,14 @@ export interface IAuth {
     exp: number;
     type: 'ACCESS_TOKEN';
 }
-export interface IResponseMetadata {
-    languages: string[];
-    timestamp: number;
-    timezone: string;
-    requestId: string;
-    path: string;
-    version: string;
-}
 export interface IApiResponseBase {
-    statusCode: number;
     message: string;
-    metadata: IResponseMetadata;
 }
-export type IApiResponseWithData<T> = IApiResponseBase & {
+export interface IApiResponse<T> {
+    message: string;
     data: T;
-};
-export declare class AuthService {
+}
+export declare class AuthClientService {
     private readonly apiKey;
     private readonly baseUrl;
     private readonly env;
@@ -40,7 +31,7 @@ export declare class AuthService {
     private readonly logger;
     private readonly clientConfig;
     private constructor();
-    static getInstance(config: IAuthConfig): AuthService;
+    static getInstance(config: IAuthConfig): AuthClientService;
     authenticate(): Promise<boolean>;
     isTokenExpired(): boolean;
     private request;
@@ -48,6 +39,4 @@ export declare class AuthService {
     private getProxyHeaders;
     get<T = any>(path: string, options?: IHttpRequestOptions): Promise<T>;
     post<T = any>(path: string, options?: IHttpRequestOptions): Promise<T>;
-    put<T = any>(path: string, options?: IHttpRequestOptions): Promise<T>;
-    delete<T = any>(path: string, options?: IHttpRequestOptions): Promise<T>;
 }

package/dist/types/core/api/http-client.service.d.ts

@@ -0,0 +1,45 @@
+export type FetchFunction = typeof fetch;
+export interface IHttpClientOptions {
+    method: string;
+    headers: Record<string, string>;
+    body?: string;
+}
+export interface ICustomResponse {
+    ok: boolean;
+    status: number;
+    statusText: string;
+    headers: Record<string, string>;
+    json: () => Promise<any>;
+    text: () => Promise<string>;
+    _bodyText?: string;
+}
+export interface IRequestOptions {
+    method: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    headers?: Record<string, string>;
+    body?: any;
+}
+export interface IHttpRequestConfig {
+    url: string;
+    options: IHttpClientOptions;
+    retryConfig?: {
+        maxRetries: number;
+        retryDelay: number;
+        shouldRetry?: (error: any, response?: ICustomResponse) => boolean;
+    };
+}
+export declare class HttpClientService {
+    private readonly fetchImpl;
+    private readonly logger;
+    constructor();
+    request(config: IHttpRequestConfig): Promise<ICustomResponse>;
+    private defaultShouldRetry;
+    private logFailedResponse;
+    private logNetworkError;
+    private diagnosePossibleCauses;
+    private enhanceError;
+    private sanitizeHeaders;
+    private delay;
+    private getFetchImplementation;
+    private fetchAdapter;
+    private xhrFetch;
+}

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

@@ -2,22 +2,19 @@ import type { IBaseCartEventData } from '@/core/pubsub/interfaces/cart.interface
 import type { ICheckoutDetailsEventData } from '@/core/pubsub/interfaces/checkout.interface';
 import type { IBaseProductEventData } from '@/core/pubsub/interfaces/product.interface';
 import { type FulfillmentType } from '@/enums';
-import type { IAddress, ICoords } from '@/interfaces/cloud';
-import type { IAddressData } from '@/modules/address/address.interface';
-export interface IProductActions {
-    getDetails: (identifier: string) => IBaseProductEventData;
+import type { IAddressAddress, IAddressCoordinates, IAddressData } from '@/interfaces/api/address.interface';
+import type { BillingFieldName, CustomerFieldName, GiftFieldName } from '@/modules/checkout/components/checkout.type';
+export interface IAddProductParams {
+    identifier: string;
+    fulfillmentType: FulfillmentType;
+    quantity: number;
 }
 export interface IAddressActions {
     setAddressByPlacesId: (placesId: string) => Promise<void>;
-    setAddressManually: (address: Omit<IAddress, 'id'>, coordinates: ICoords) => Promise<void>;
+    setAddressManually: (address: IAddressAddress, coordinates: IAddressCoordinates) => Promise<void>;
     clear: () => Promise<void>;
     getDetails: () => IAddressData | null;
 }
-export interface IAddProductParams {
-    identifier: string;
-    fulfillmentType: FulfillmentType;
-    quantity: number;
-}
 export interface ICartActions {
     openCart: () => void;
     closeCart: () => void;
@@ -40,9 +37,15 @@ export interface ICheckoutActions {
     removeGiftCard: (code: string) => Promise<void>;
     toggleIsGift: (active?: boolean) => Promise<void>;
     toggleBillingSameAsShipping: (active?: boolean) => Promise<void>;
-    toggleMarketingPreferences: (field: 'canEmail' | 'canSms', active: boolean) => 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 IProductActions {
+    getDetails: (identifier: string) => IBaseProductEventData;
+}
 export declare class ClientActionService {
     private readonly pubSub;
     private readonly command;
@@ -50,6 +53,9 @@ export declare class ClientActionService {
     private readonly api;
     private readonly themeProvider;
     private readonly logger;
+    private readonly allowedCustomerFields;
+    private readonly allowedBillingFields;
+    private readonly allowedGiftFields;
     private pendingCartParams;
     private pendingCartOpenFlag;
     constructor();
@@ -58,6 +64,7 @@ export declare class ClientActionService {
     private retryPendingCartOperation;
     private clearPendingCartOperation;
     private getLocation;
+    private normalizeCheckoutFieldValue;
     private productActions;
     private addressActions;
     private cartActions;

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

@@ -20,6 +20,8 @@ export interface IClientConfigs {
     clientPrepared: boolean;
     promoTicker: IPromoTicker[] | null;
     paymentMethodId?: string;
+    openShadowDom?: boolean;
+    hasCustomApiUrl?: boolean;
 }
 export interface IClientConfigInput {
     env?: ElementsEnv;
@@ -31,6 +33,7 @@ export interface IClientConfigInput {
     development?: {
         customApiUrl?: string;
         paymentMethodId?: string;
+        openShadowDom?: boolean;
     };
 }
 export declare class ClientConfigService {

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

@@ -1,10 +1,10 @@
-import { ApiClientService } from '@/core/api-client.service';
+import { ApiClientService } from '@/core/api/api-client.service';
 import { ClientConfigService } from '@/core/client/client-config.service';
 import { GoogleTagManagerService } from '@/core/google-tag-manager.service';
 import { LoggerFactory } from '@/core/logger/logger-factory';
 import { PubSubService } from '@/core/pubsub/pubsub.service';
 import { StoreService } from '@/core/store/store.service';
-import type { ILoc } from '@/interfaces/cloud';
+import type { ILocation } from '@/interfaces/api/address.interface';
 import { ThemeProviderService } from '@/modules/theme-provider/theme-provider.service';
 export declare abstract class BaseCommand {
     protected store: StoreService;
@@ -15,5 +15,5 @@ export declare abstract class BaseCommand {
     protected clientConfig: ClientConfigService;
     protected themeProvider: ThemeProviderService;
     constructor();
-    protected getLocation(): ILoc | undefined;
+    protected getLocation(): ILocation | undefined;
 }

package/dist/types/core/command/common-command.service.d.ts

@@ -1,7 +1,8 @@
-import type { ICart } from '@/interfaces/cloud';
+import type { ICart } from '@/interfaces/api/cart.interface';
 import { BaseCommand } from './base-command.service';
 export declare class CommonCommands extends BaseCommand {
     static getInstance(): CommonCommands;
     syncCartFromResponse(cartApi: ICart, publishEvent?: boolean): void;
+    private buildCartLoadedEventData;
     loadCart(): Promise<void>;
 }

package/dist/types/core/debug-panel/debug-panel.styles.d.ts

@@ -1 +1 @@
-export declare const DEBUG_PANEL_STYLES = "\n  :host {\n    position: fixed;\n    z-index: 2147483647;\n    display: block;\n  }\n\n  .panel {\n    position: relative;\n    background: rgba(15, 23, 42, 0.95);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(148, 163, 184, 0.2);\n    border-radius: 12px;\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n    font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;\n    font-size: 12px;\n    color: #e2e8f0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    user-select: none;\n    transition: all 0.2s ease;\n    width: 100%;\n    height: 100%;\n  }\n\n  .panel:hover {\n    border-color: rgba(148, 163, 184, 0.4);\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid rgba(148, 163, 184, 0.2);\n    background: rgba(30, 41, 59, 0.5);\n    cursor: move;\n  }\n\n  .icon {\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 20px;\n  }\n\n  .title-container {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    flex: 1;\n    margin: 0 12px;\n  }\n\n  .title {\n    font-weight: 600;\n    color: #f1f5f9;\n    font-size: 13px;\n  }\n\n\n  .subtitle {\n    font-size: 10px;\n    color: #94a3b8;\n  }\n\n  .minimize {\n    background: none;\n    border: none;\n    color: #94a3b8;\n    font-size: 18px;\n    cursor: pointer;\n    padding: 4px;\n    border-radius: 4px;\n    transition: all 0.2s ease;\n    line-height: 1;\n    font-weight: bold;\n  }\n\n  .minimize:hover {\n    background: rgba(148, 163, 184, 0.1);\n    color: #cbd5e1;\n  }\n\n  .toggles {\n    display: flex;\n    gap: 12px;\n    padding: 8px 16px;\n    border-bottom: 1px solid rgba(148, 163, 184, 0.2);\n    background: rgba(30, 41, 59, 0.3);\n    align-items: center;\n  }\n\n  .toggle {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 11px;\n    color: #cbd5e1;\n    transition: color 0.2s ease;\n  }\n\n  .toggle:hover {\n    color: #f1f5f9;\n  }\n\n  .toggle input[type=\"checkbox\"] {\n    width: 12px;\n    height: 12px;\n    accent-color: #3b82f6;\n    cursor: pointer;\n  }\n\n  .clear-btn {\n    background: none;\n    border: none;\n    color: #ef4444;\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    margin-left: auto;\n    min-width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .clear-btn:hover {\n    transform: scale(1.1);\n    color: #dc2626;\n  }\n\n  .logs {\n    flex: 1;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 8px;\n    background: rgba(15, 23, 42, 0.8);\n    min-height: 0;\n    max-height: 100%;\n  }\n\n  .log-entry {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 8px 12px;\n    margin-bottom: 2px;\n    border-radius: 6px;\n    font-size: 11px;\n    line-height: 1.4;\n    transition: background-color 0.2s ease;\n    user-select: text;\n  }\n\n  .log-entry:hover {\n    background-color: rgba(148, 163, 184, 0.1);\n  }\n\n  /* Event type background colors */\n  .log-entry.event {\n    background: rgba(59, 130, 246, 0.1);\n  }\n\n  .log-entry.action {\n    background: rgba(16, 185, 129, 0.1);\n  }\n\n  .log-entry.gtm {\n    background: rgba(245, 158, 11, 0.1);\n  }\n\n  .log-entry.logger {\n    background: rgba(139, 92, 246, 0.1);\n  }\n\n\n  .log-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 2px;\n    min-width: 50px;\n  }\n\n  .log-type {\n    font-weight: 600;\n    font-size: 9px;\n    padding: 2px 0;\n    border-radius: 3px;\n    white-space: nowrap;\n    text-align: center;\n    line-height: 1;\n    font-weight: bold;\n    letter-spacing: 0.5px;\n  }\n\n  .log-timestamp {\n    color: #64748b;\n    font-size: 9px;\n    white-space: nowrap;\n    line-height: 1;\n  }\n\n  .log-type.event {\n    background: rgba(59, 130, 246, 0.2);\n    color: #60a5fa;\n  }\n\n  .log-type.action {\n    color: #34d399;\n  }\n\n  .log-type.gtm {\n    color: #fbbf24;\n  }\n\n  .log-type.logger {\n    color: #a78bfa;\n  }\n\n  .log-message {\n    flex: 1;\n    word-break: break-word;\n    user-select: text;\n  }\n\n  .log-context {\n    color: #94a3b8;\n    font-size: 10px;\n    margin-top: 2px;\n    font-style: italic;\n  }\n\n  .log-data {\n    background: rgba(30, 41, 59, 0.6);\n    border: 1px solid rgba(148, 163, 184, 0.2);\n    border-radius: 4px;\n    padding: 8px;\n    margin-top: 6px;\n    font-size: 10px;\n    color: #cbd5e1;\n    max-height: 120px;\n    overflow-y: auto;\n    font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;\n    user-select: text;\n  }\n\n  .log-data pre {\n    margin: 0;\n    white-space: pre-wrap;\n    word-break: break-word;\n  }\n\n  .resize-handle {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 12px;\n    height: 12px;\n    background: linear-gradient(-45deg, transparent 30%, rgba(148, 163, 184, 0.3) 30%, rgba(148, 163, 184, 0.3) 70%, transparent 70%);\n    cursor: nw-resize;\n    border-radius: 0 0 12px 0;\n  }\n\n  .resize-handle:hover {\n    background: linear-gradient(-45deg, transparent 30%, rgba(148, 163, 184, 0.7) 30%, rgba(148, 163, 184, 0.7) 70%, transparent 70%);\n    transform: scale(1.1);\n  }\n\n  .resize-handle:active {\n    background: linear-gradient(-45deg, transparent 30%, rgba(148, 163, 184, 0.9) 30%, rgba(148, 163, 184, 0.9) 70%, transparent 70%);\n  }\n\n  /* Scrollbar styling */\n  .logs::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .logs::-webkit-scrollbar-track {\n    background: rgba(30, 41, 59, 0.3);\n    border-radius: 3px;\n  }\n\n  .logs::-webkit-scrollbar-thumb {\n    background: rgba(148, 163, 184, 0.3);\n    border-radius: 3px;\n  }\n\n  .logs::-webkit-scrollbar-thumb:hover {\n    background: rgba(148, 163, 184, 0.5);\n  }\n\n  .log-data::-webkit-scrollbar {\n    width: 4px;\n  }\n\n  .log-data::-webkit-scrollbar-track {\n    background: rgba(30, 41, 59, 0.3);\n    border-radius: 2px;\n  }\n\n  .log-data::-webkit-scrollbar-thumb {\n    background: rgba(148, 163, 184, 0.3);\n    border-radius: 2px;\n  }\n\n  .log-data::-webkit-scrollbar-thumb:hover {\n    background: rgba(148, 163, 184, 0.5);\n  }\n\n  /* Floating button styles */\n  .floating-btn {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    width: 40px;\n    height: 40px;\n    background: rgba(15, 23, 42, 0.95);\n    border: 1px solid rgba(148, 163, 184, 0.2);\n    border-radius: 50%;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 18px;\n    user-select: none;\n    z-index: 1;\n  }\n\n  .floating-btn:hover {\n    background: rgba(30, 41, 59, 0.95);\n    border-color: rgba(148, 163, 184, 0.4);\n  }\n\n  /* Mobile Responsiveness */\n  @media (max-width: 768px) {\n    .panel {\n      font-size: 11px;\n      border-radius: 8px;\n    }\n\n    .header {\n      padding: 8px 12px;\n    }\n\n    .title {\n      font-size: 12px;\n    }\n\n    .subtitle {\n      font-size: 9px;\n    }\n\n    .toggles {\n      padding: 6px 12px;\n      gap: 8px;\n      flex-wrap: wrap;\n    }\n\n    .toggle {\n      font-size: 10px;\n    }\n\n    .toggle input[type=\"checkbox\"] {\n      width: 10px;\n      height: 10px;\n    }\n\n    .logs {\n      padding: 6px;\n    }\n\n    .log-entry {\n      padding: 6px 8px;\n      font-size: 10px;\n    }\n\n    .log-type {\n      font-size: 8px;\n    }\n\n    .log-timestamp {\n      font-size: 8px;\n    }\n\n    .log-data {\n      font-size: 9px;\n      padding: 6px;\n      max-height: 80px;\n    }\n\n    .floating-btn {\n      width: 36px;\n      height: 36px;\n      font-size: 16px;\n      top: 15px;\n      left: 15px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .panel {\n      font-size: 10px;\n      border-radius: 6px;\n    }\n\n    .header {\n      padding: 6px 10px;\n    }\n\n    .title {\n      font-size: 11px;\n    }\n\n    .subtitle {\n      font-size: 8px;\n    }\n\n    .toggles {\n      padding: 4px 10px;\n      gap: 6px;\n    }\n\n    .toggle {\n      font-size: 9px;\n    }\n\n    .logs {\n      padding: 4px;\n    }\n\n    .log-entry {\n      padding: 4px 6px;\n      font-size: 9px;\n      gap: 4px;\n    }\n\n    .log-meta {\n      min-width: 40px;\n    }\n\n    .log-type {\n      font-size: 7px;\n    }\n\n    .log-timestamp {\n      font-size: 7px;\n    }\n\n    .log-data {\n      font-size: 8px;\n      padding: 4px;\n      max-height: 60px;\n    }\n\n    .floating-btn {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n      top: 10px;\n      left: 10px;\n    }\n  }\n";
+export declare const DEBUG_PANEL_STYLES = "\n  :host {\n    position: fixed;\n    z-index: 2147483647;\n    display: block;\n  }\n\n  .panel {\n    position: relative;\n    background: rgba(15, 23, 42, 0.95);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(148, 163, 184, 0.2);\n    border-radius: 12px;\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n    font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;\n    font-size: 12px;\n    color: #e2e8f0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    user-select: none;\n    transition: all 0.2s ease;\n    width: 100%;\n    height: 100%;\n  }\n\n  .panel:hover {\n    border-color: rgba(148, 163, 184, 0.4);\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid rgba(148, 163, 184, 0.2);\n    background: rgba(30, 41, 59, 0.5);\n    cursor: move;\n  }\n\n  .icon {\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 20px;\n  }\n\n  .title-container {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 0 12px;\n  }\n  \n  .title-container > *:not(:first-child) {\n    margin-top: 2px;\n  }\n\n  .title {\n    font-weight: 600;\n    color: #f1f5f9;\n    font-size: 13px;\n  }\n\n\n  .subtitle {\n    font-size: 10px;\n    color: #94a3b8;\n  }\n\n  .minimize {\n    background: none;\n    border: none;\n    color: #94a3b8;\n    font-size: 18px;\n    cursor: pointer;\n    padding: 4px;\n    border-radius: 4px;\n    transition: all 0.2s ease;\n    line-height: 1;\n    font-weight: bold;\n  }\n\n  .minimize:hover {\n    background: rgba(148, 163, 184, 0.1);\n    color: #cbd5e1;\n  }\n\n  .toggles {\n    display: flex;\n    padding: 8px 16px;\n    border-bottom: 1px solid rgba(148, 163, 184, 0.2);\n    background: rgba(30, 41, 59, 0.3);\n    align-items: center;\n  }\n\n  .toggles > *:not(:last-child) {\n    margin-right: 12px;\n  }\n\n  .toggle {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 11px;\n    color: #cbd5e1;\n    transition: color 0.2s ease;\n  }\n  \n  .toggle > *:not(:last-child) {\n    margin-right: 6px;\n  }\n\n  .toggle:hover {\n    color: #f1f5f9;\n  }\n\n  .toggle input[type=\"checkbox\"] {\n    width: 12px;\n    height: 12px;\n    accent-color: #3b82f6;\n    cursor: pointer;\n  }\n\n  .clear-btn {\n    background: none;\n    border: none;\n    color: #ef4444;\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    margin-left: auto;\n    min-width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .clear-btn:hover {\n    transform: scale(1.1);\n    color: #dc2626;\n  }\n\n  .logs {\n    flex: 1;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 8px;\n    background: rgba(15, 23, 42, 0.8);\n    min-height: 0;\n    max-height: 100%;\n  }\n\n  .log-entry {\n    display: flex;\n    align-items: flex-start;\n    padding: 8px 12px;\n    margin-bottom: 2px;\n    border-radius: 6px;\n    font-size: 11px;\n    line-height: 1.4;\n    transition: background-color 0.2s ease;\n    user-select: text;\n  }\n  \n  .log-entry > *:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  .log-entry:hover {\n    background-color: rgba(148, 163, 184, 0.1);\n  }\n\n  /* Event type background colors */\n  .log-entry.event {\n    background: rgba(59, 130, 246, 0.1);\n  }\n\n  .log-entry.action {\n    background: rgba(16, 185, 129, 0.1);\n  }\n\n  .log-entry.gtm {\n    background: rgba(245, 158, 11, 0.1);\n  }\n\n  .log-entry.logger {\n    background: rgba(139, 92, 246, 0.1);\n  }\n\n\n  .log-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    min-width: 50px;\n  }\n  \n  .log-meta > *:not(:first-child) {\n    margin-top: 2px;\n  }\n\n  .log-type {\n    font-weight: 600;\n    font-size: 9px;\n    padding: 2px 0;\n    border-radius: 3px;\n    white-space: nowrap;\n    text-align: center;\n    line-height: 1;\n    font-weight: bold;\n    letter-spacing: 0.5px;\n  }\n\n  .log-timestamp {\n    color: #64748b;\n    font-size: 9px;\n    white-space: nowrap;\n    line-height: 1;\n  }\n\n  .log-type.event {\n    background: rgba(59, 130, 246, 0.2);\n    color: #60a5fa;\n  }\n\n  .log-type.action {\n    color: #34d399;\n  }\n\n  .log-type.gtm {\n    color: #fbbf24;\n  }\n\n  .log-type.logger {\n    color: #a78bfa;\n  }\n\n  .log-message {\n    flex: 1;\n    word-break: break-word;\n    user-select: text;\n  }\n\n  .log-context {\n    color: #94a3b8;\n    font-size: 10px;\n    margin-top: 2px;\n    font-style: italic;\n  }\n\n  .log-data {\n    background: rgba(30, 41, 59, 0.6);\n    border: 1px solid rgba(148, 163, 184, 0.2);\n    border-radius: 4px;\n    padding: 8px;\n    margin-top: 6px;\n    font-size: 10px;\n    color: #cbd5e1;\n    max-height: 120px;\n    overflow-y: auto;\n    font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;\n    user-select: text;\n  }\n\n  .log-data pre {\n    margin: 0;\n    white-space: pre-wrap;\n    word-break: break-word;\n  }\n\n  .resize-handle {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 12px;\n    height: 12px;\n    background: linear-gradient(-45deg, transparent 30%, rgba(148, 163, 184, 0.3) 30%, rgba(148, 163, 184, 0.3) 70%, transparent 70%);\n    cursor: nw-resize;\n    border-radius: 0 0 12px 0;\n  }\n\n  .resize-handle:hover {\n    background: linear-gradient(-45deg, transparent 30%, rgba(148, 163, 184, 0.7) 30%, rgba(148, 163, 184, 0.7) 70%, transparent 70%);\n    transform: scale(1.1);\n  }\n\n  .resize-handle:active {\n    background: linear-gradient(-45deg, transparent 30%, rgba(148, 163, 184, 0.9) 30%, rgba(148, 163, 184, 0.9) 70%, transparent 70%);\n  }\n\n  /* Scrollbar styling */\n  .logs::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .logs::-webkit-scrollbar-track {\n    background: rgba(30, 41, 59, 0.3);\n    border-radius: 3px;\n  }\n\n  .logs::-webkit-scrollbar-thumb {\n    background: rgba(148, 163, 184, 0.3);\n    border-radius: 3px;\n  }\n\n  .logs::-webkit-scrollbar-thumb:hover {\n    background: rgba(148, 163, 184, 0.5);\n  }\n\n  .log-data::-webkit-scrollbar {\n    width: 4px;\n  }\n\n  .log-data::-webkit-scrollbar-track {\n    background: rgba(30, 41, 59, 0.3);\n    border-radius: 2px;\n  }\n\n  .log-data::-webkit-scrollbar-thumb {\n    background: rgba(148, 163, 184, 0.3);\n    border-radius: 2px;\n  }\n\n  .log-data::-webkit-scrollbar-thumb:hover {\n    background: rgba(148, 163, 184, 0.5);\n  }\n\n  /* Floating button styles */\n  .floating-btn {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    width: 40px;\n    height: 40px;\n    background: rgba(15, 23, 42, 0.95);\n    border: 1px solid rgba(148, 163, 184, 0.2);\n    border-radius: 50%;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 18px;\n    user-select: none;\n    z-index: 1;\n  }\n\n  .floating-btn:hover {\n    background: rgba(30, 41, 59, 0.95);\n    border-color: rgba(148, 163, 184, 0.4);\n  }\n\n  /* Mobile Responsiveness */\n  @media (max-width: 768px) {\n    .panel {\n      font-size: 11px;\n      border-radius: 8px;\n    }\n\n    .header {\n      padding: 8px 12px;\n    }\n\n    .title {\n      font-size: 12px;\n    }\n\n    .subtitle {\n      font-size: 9px;\n    }\n\n    .toggles {\n      padding: 6px 12px;\n      flex-wrap: wrap;\n    }\n    \n    .toggles > *:not(:last-child) {\n      margin-right: 8px;\n    }\n\n    .toggle {\n      font-size: 10px;\n    }\n\n    .toggle input[type=\"checkbox\"] {\n      width: 10px;\n      height: 10px;\n    }\n\n    .logs {\n      padding: 6px;\n    }\n\n    .log-entry {\n      padding: 6px 8px;\n      font-size: 10px;\n    }\n\n    .log-type {\n      font-size: 8px;\n    }\n\n    .log-timestamp {\n      font-size: 8px;\n    }\n\n    .log-data {\n      font-size: 9px;\n      padding: 6px;\n      max-height: 80px;\n    }\n\n    .floating-btn {\n      width: 36px;\n      height: 36px;\n      font-size: 16px;\n      top: 15px;\n      left: 15px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .panel {\n      font-size: 10px;\n      border-radius: 6px;\n    }\n\n    .header {\n      padding: 6px 10px;\n    }\n\n    .title {\n      font-size: 11px;\n    }\n\n    .subtitle {\n      font-size: 8px;\n    }\n\n    .toggles {\n      padding: 4px 10px;\n    }\n    \n    .toggles > *:not(:first-child) {\n      margin-right: 6px;\n    }\n\n    .toggle {\n      font-size: 9px;\n    }\n\n    .logs {\n      padding: 4px;\n    }\n\n    .log-entry {\n      padding: 4px 6px;\n      font-size: 9px;\n    }\n    \n    .log-entry > *:not(:first-child) {\n      margin-top: 4px;\n    }\n\n    .log-meta {\n      min-width: 40px;\n    }\n\n    .log-type {\n      font-size: 7px;\n    }\n\n    .log-timestamp {\n      font-size: 7px;\n    }\n\n    .log-data {\n      font-size: 8px;\n      padding: 4px;\n      max-height: 60px;\n    }\n\n    .floating-btn {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n      top: 10px;\n      left: 10px;\n    }\n  }\n";

package/dist/types/core/google-tag-manager.service.d.ts

@@ -6,10 +6,11 @@ declare global {
 }
 interface GTMConfig {
     partnerName: string;
-    partnerGtmId?: string;
-    partnerEnableGaTracking: boolean;
-    liquidCommerceEnableGaTracking: boolean;
-    liquidCommerceGtmId: string;
+    partnerCode: string;
+    partnerGTMId?: string;
+    enablePartnerGTM: boolean;
+    enableLiquidCommerceGTM: boolean;
+    liquidCommerceGTMId: string;
 }
 interface BaseItem {
     item_id?: string;
@@ -47,10 +48,11 @@ interface PurchaseData {
 }
 export declare class GoogleTagManagerService {
     private partnerName?;
-    private partnerGtmId?;
-    private liquidCommerceGtmId?;
-    private partnerEnableGaTracking;
-    private liquidCommerceEnableGaTracking;
+    private partnerCode?;
+    private partnerGTMId?;
+    private liquidCommerceGTMId?;
+    private enablePartnerGTM;
+    private enableLiquidCommerceGTM;
     private isInitialized;
     private isInitializing;
     private initializationPromise?;
@@ -108,8 +110,8 @@ export declare class GoogleTagManagerService {
             country?: string;
         };
         coordinates?: {
-            lat: number;
-            long: number;
+            latitude: number;
+            longitude: number;
         };
     }): void;
     addressFailed(errorData: {

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

@@ -1,16 +1,7 @@
+import type { IAddressAddress, IAddressCoordinates } from '@/interfaces/api/address.interface';
 export interface IAddressActionEventData {
     googlePlacesId: string;
     formattedAddress: string;
-    address: {
-        one: string;
-        two: string;
-        city: string;
-        state: string;
-        zip: string;
-        country: string;
-    };
-    coordinates: {
-        lat: number;
-        long: number;
-    };
+    address: IAddressAddress;
+    coordinates: IAddressCoordinates;
 }

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

@@ -1,67 +1,23 @@
-import type { ICartItemAttributes } from '@/interfaces/cloud';
-export interface ICartItemEventData {
-    id: string;
-    variantId: string;
-    liquidId: string;
-    retailerId: string;
-    partNumber: string;
-    fulfillmentId: string;
-    upc: string;
-    sku: string;
-    salsifyGrouping: string;
-    catPath: string;
-    volume: string;
-    uom: string;
-    pack: boolean;
-    packDesc: string;
-    container: string;
-    containerType: string;
-    name: string;
-    brand: string;
-    size: string;
-    price: number;
-    quantity: number;
-    maxQuantity: number;
-    unitPrice: number;
-    mainImage: string;
-    attributes: ICartItemAttributes;
-}
+import type { IAddressAddress, IAddressCoordinates } from '@/interfaces/api/address.interface';
+import type { ICartItem, ICartRetailer } from '@/interfaces/api/cart.interface';
 export interface IBaseCartEventData {
-    id: string | null;
-    promoCode: string;
-    items: Record<string, ICartItemEventData>;
+    cartId: string;
+    promoCodeDiscount: number | null;
+    subtotal: number;
+    itemCount: number;
+    items: Record<string, ICartItem>;
+    retailers: Record<string, ICartRetailer>;
     location: {
         placesId: string;
-        address: {
-            one: string;
-            two: string;
-            city: string;
-            state: string;
-            zip: string;
-            country: string;
-        };
-        coordinates: {
-            latitude: number;
-            longitude: number;
-        };
-    };
-    amounts: {
-        deliveryFee: number;
-        discounts: number;
-        engravingFee: number;
-        giftCardTotal: number;
-        platformFee: number;
-        shippingFee: number;
-        subtotal: number;
-        total: number;
-    };
-    itemCount: number;
-    updatedAt: string;
-    createdAt: string;
+        formattedAddress: string;
+        address: IAddressAddress;
+        coordinates: IAddressCoordinates;
+    } | null;
 }
 export interface ICartLoadedEventData extends IBaseCartEventData {
 }
 export interface ICartFailedEventData {
+    cartId: string;
     message: string;
 }
 export interface ICartUpdatedEventData {
@@ -69,38 +25,45 @@ export interface ICartUpdatedEventData {
     current: IBaseCartEventData;
 }
 export interface ICartItemAddedEventData {
-    id: string;
-    upc: string;
+    cartId: string;
+    itemId: string;
     fulfillmentId: string;
     partNumber: string;
     quantity: number;
     engravingLines?: string[];
 }
 export interface ICartItemRemovedEventData {
-    id: string;
+    cartId: string;
+    itemId: string;
 }
 export interface ICartItemQuantityChangedEventData {
-    id: string;
+    cartId: string;
+    itemId: string;
     quantity: number;
     previousQuantity: number;
 }
 export interface ICartItemEngravingUpdatedEventData {
-    id: string;
+    cartId: string;
+    itemId: string;
     engravingLines: string[];
     previousEngravingLines: string[];
 }
 export interface ICartPromoCodeEventData {
+    cartId: string;
     discountAmount?: number;
-    newTotal?: number;
+    newSubtotal?: number;
 }
 export interface ICartPromoCodeFailedEventData {
+    cartId: string;
     error: string;
 }
 export interface ICartProductAddEventData {
+    cartId: string;
     itemsAdded: number;
     identifiers: string[];
 }
 export interface ICartProductAddFailedEventData {
+    cartId: string;
     identifiers: string[];
     error: string;
 }

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

@@ -1,4 +1,5 @@
-import type { ICartItemAttributes, ICheckoutTotalAmounts } from '@/interfaces/cloud';
+import type { ICartItemAttributes } from '@/interfaces/api/cart.interface';
+import type { ICheckoutTotalAmounts } from '@/interfaces/cloud';
 export interface IBaseCheckoutEventData {
     cartId: string;
 }
@@ -31,37 +32,46 @@ export interface ICheckoutSubmitFailedEventData {
     message: string;
 }
 export interface ICheckoutItemQuantityChangedEventData {
+    cartId: string;
     cartItemId: string;
     quantity: number;
     previousQuantity: number;
 }
 export interface ICheckoutItemRemovedEventData {
+    cartId: string;
     cartItemId: string;
 }
 export interface ICheckoutItemEngravingUpdatedEventData {
+    cartId: string;
     cartItemId: string;
     engravingLines: string[];
     previousEngravingLines: string[];
 }
 export interface ICheckoutPromoCodeEventData {
+    cartId: string;
     discountAmount?: number;
     newTotal?: number;
 }
 export interface ICheckoutPromoCodeFailedEventData {
+    cartId: string;
     error: string;
 }
 export interface ICheckoutGiftCardEventData {
+    cartId: string;
     newTotal?: number;
 }
 export interface ICheckoutGiftCardFailedEventData {
+    cartId: string;
     error: string;
 }
 export interface ICheckoutProductAddEventData {
+    cartId: string;
     itemsAdded: number;
     identifiers: string[];
     isPresale?: boolean;
 }
 export interface ICheckoutProductAddFailedEventData {
+    cartId: string;
     identifiers: string[];
     error: string;
     isPresale?: boolean;