@liquidcommerce/elements-sdk 2.5.6-beta.10 → 2.5.6-beta.12

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

@@ -23,7 +23,7 @@ export declare class ApiClientService {
     prepareCheckout(params: ICheckoutPrepareParams): Promise<ICheckoutPrepareResponse>;
     getPaymentSession(params: IUserPaymentSession): Promise<IUserSession>;
     confirmPaymentSession(confirmationTokenId: string, setupIntentId: string): Promise<ILiquidPaymentToken>;
-    checkoutComplete(params: ICheckoutCompleteParams): Promise<ICheckoutCompleteResponse['order']>;
+    checkoutComplete(params: Partial<ICheckoutCompleteParams>): Promise<ICheckoutCompleteResponse['order']>;
     catalogSearch(params: ICatalogParams): Promise<ICatalog>;
     private validResponseData;
     private ensureClientInitialized;

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

@@ -14,10 +14,12 @@ export interface IClientConfigs {
     proxy: IElementsProxyConfig | null;
     deviceType: DeviceType;
     userDeviceId?: string;
+    localStorageKeyPrefix?: string;
     isLocalStorageAvailable?: boolean;
     version?: string;
     clientPrepared: boolean;
     promoTicker: IPromoTicker[] | null;
+    paymentMethodId?: string;
 }
 export interface IClientConfigInput {
     env?: ElementsEnv;
@@ -26,6 +28,7 @@ export interface IClientConfigInput {
     customTheme?: IClientCustomThemeConfig;
     proxy?: IElementsProxyConfig;
     promoTicker?: IPromoTicker[];
+    paymentMethodId?: string;
 }
 export declare class ClientConfigService {
     private config;
@@ -34,6 +37,7 @@ export declare class ClientConfigService {
     getConfigs(): IClientConfigs;
     get<K extends keyof IClientConfigs>(key: K): IClientConfigs[K];
     set<K extends keyof IClientConfigs>(key: K, value: IClientConfigs[K]): void;
+    isBeta(): boolean;
     isDevelopment(): boolean;
     isStaging(): boolean;
     isProduction(): boolean;

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

@@ -4,9 +4,10 @@ interface FingerprintData {
     timezone: string;
 }
 export declare class FingerPrintService {
-    private readonly keyPrefix;
     private isLocalStorageAvailable;
     private cachedFingerprint;
+    private readonly clientConfig;
+    constructor();
     static getInstance(): FingerPrintService;
     getId(partnerCode: string): Promise<string>;
     getFingerprintData(): FingerprintData;

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

@@ -102,16 +102,19 @@ export interface ICheckoutPaymentCardStore {
     brand: string;
     last4: string;
 }
-export interface ICheckoutPaymentStore {
+export interface ICheckoutPaymentMethodStore {
+    id: string;
+    card: ICheckoutPaymentCardStore;
+}
+export interface ICheckoutPaymentSessionStore {
     key: string;
     secret: string;
-    paymentMethodId: string | null;
-    card: ICheckoutPaymentCardStore | null;
 }
 export interface ICheckoutPaymentFormStore {
-    payment: ICheckoutPaymentStore;
-    billingSameAsShipping: boolean;
+    paymentSession: ICheckoutPaymentSessionStore | null;
+    paymentMethod: ICheckoutPaymentMethodStore | null;
     data: ICheckoutBillingStore | null;
+    billingSameAsShipping: boolean;
     isEditing: boolean;
     isValid: boolean;
     isSaving: boolean;

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

@@ -1,5 +1,5 @@
 import type { IAddressStore } from '@/core/store/interfaces/address.interface';
-import type { ICheckoutCustomerFormStore, ICheckoutGiftRecipientFormStore, ICheckoutGiftRecipientStore, ICheckoutItemStore, ICheckoutMarketingPreferencesStore, ICheckoutPaymentFormStore, ICheckoutPaymentStore, ICheckoutPresaleStore, ICheckoutPromoCodeStore, ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
+import type { ICheckoutCustomerFormStore, ICheckoutGiftRecipientFormStore, ICheckoutGiftRecipientStore, ICheckoutItemStore, ICheckoutMarketingPreferencesStore, ICheckoutPaymentFormStore, ICheckoutPaymentMethodStore, ICheckoutPaymentSessionStore, ICheckoutPresaleStore, ICheckoutPromoCodeStore, ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
 import type { IProductSizeStore, IProductStore } from '@/core/store/interfaces/product.interface';
 import type { ComponentType } from '@/enums';
 import type { ICartItemStore, ICartPromoCodeStore, ICartStore, ICartTotalsStore, IRetailerFulfillmentStore, IRetailerStore } from './cart.interface';
@@ -25,7 +25,7 @@ export interface IPersistedStore {
     p?: string;
     c?: string;
 }
-export type StorePaths = keyof IGlobalStore | `products.${string}` | `products.${string}.${keyof IProductStore}` | `products.${string}.sizes.${string}` | `products.${string}.sizes.${string}.${keyof IProductSizeStore}` | `address.${keyof IAddressStore}` | `cart.${keyof ICartStore}` | `cart.items.${string}` | `cart.items.${string}.${keyof ICartItemStore}` | `cart.totals.${keyof ICartTotalsStore}` | `cart.retailers.${string}` | `cart.items.${string}.${keyof IRetailerStore}` | `cart.fulfillments.${string}` | `cart.fulfillments.${string}.${keyof IRetailerFulfillmentStore}` | `cart.promoCode.${keyof ICartPromoCodeStore}` | `ui.${keyof IUIStore}` | `ui.drawer.${keyof IDrawerStore}` | `checkout.${keyof ICheckoutStore}` | `checkout.customerForm.${keyof ICheckoutCustomerFormStore}` | `checkout.giftRecipientForm.${keyof ICheckoutGiftRecipientFormStore}` | `checkout.paymentForm.${keyof ICheckoutPaymentFormStore}` | `checkout.paymentForm.payment.${keyof ICheckoutPaymentStore}` | `checkout.presale.${keyof ICheckoutPresaleStore}` | `checkout.marketingPreferences.${keyof ICheckoutMarketingPreferencesStore}` | `checkout.giftRecipient.${keyof ICheckoutGiftRecipientStore}` | `checkout.giftCards.${string}` | `checkout.promoCode.${keyof ICheckoutPromoCodeStore}` | `checkout.items.${string}` | `checkout.items.${string}.${keyof ICheckoutItemStore}` | `checkout.onDemandFulfillmentTipInfo.${string}`;
+export type StorePaths = keyof IGlobalStore | `products.${string}` | `products.${string}.${keyof IProductStore}` | `products.${string}.sizes.${string}` | `products.${string}.sizes.${string}.${keyof IProductSizeStore}` | `address.${keyof IAddressStore}` | `cart.${keyof ICartStore}` | `cart.items.${string}` | `cart.items.${string}.${keyof ICartItemStore}` | `cart.totals.${keyof ICartTotalsStore}` | `cart.retailers.${string}` | `cart.items.${string}.${keyof IRetailerStore}` | `cart.fulfillments.${string}` | `cart.fulfillments.${string}.${keyof IRetailerFulfillmentStore}` | `cart.promoCode.${keyof ICartPromoCodeStore}` | `ui.${keyof IUIStore}` | `ui.drawer.${keyof IDrawerStore}` | `checkout.${keyof ICheckoutStore}` | `checkout.customerForm.${keyof ICheckoutCustomerFormStore}` | `checkout.giftRecipientForm.${keyof ICheckoutGiftRecipientFormStore}` | `checkout.paymentForm.${keyof ICheckoutPaymentFormStore}` | `checkout.paymentForm.paymentSession.${keyof ICheckoutPaymentSessionStore}` | `checkout.paymentForm.paymentMethod.${keyof ICheckoutPaymentMethodStore}` | `checkout.presale.${keyof ICheckoutPresaleStore}` | `checkout.marketingPreferences.${keyof ICheckoutMarketingPreferencesStore}` | `checkout.giftRecipient.${keyof ICheckoutGiftRecipientStore}` | `checkout.giftCards.${string}` | `checkout.promoCode.${keyof ICheckoutPromoCodeStore}` | `checkout.items.${string}` | `checkout.items.${string}.${keyof ICheckoutItemStore}` | `checkout.onDemandFulfillmentTipInfo.${string}`;
 interface MiddlewareContext {
     action: string;
     payload: any;

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

@@ -3,7 +3,7 @@ import type { ICartStore } from '@/core/store/interfaces/cart.interface';
 import type { ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
 import type { IGlobalStore, IUIStore } from '@/core/store/interfaces/core.interface';
 import type { IProductStore } from '@/core/store/interfaces/product.interface';
-export declare const LOCAL_STORAGE_PREFIX = "liquid_elements";
+export declare const LOCAL_STORAGE_PREFIX = "lce";
 export declare const initialProductState: IProductStore;
 export declare const initialCartState: ICartStore;
 export declare const initialCheckoutState: ICheckoutStore;

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

@@ -110,6 +110,7 @@ export declare const COMPONENT_TYPE: {
     readonly CART_FULFILLMENT: "cart-fulfillment";
     readonly CHECKOUT: "checkout";
     readonly CHECKOUT_INFORMATION: "checkout-information";
+    readonly CHECKOUT_STRIPE_HANDLER: "checkout-stripe-handler";
     readonly CHECKOUT_STRIPE_FORM: "checkout-stripe-form";
     readonly CHECKOUT_PAYMENT: "checkout-payment";
     readonly CHECKOUT_PAYMENT_SUMMARY: "checkout-payment-summary";

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

@@ -23,6 +23,7 @@ export interface ILiquidCommerceElementsBuilderConfig {
     promoTicker?: IPromoTicker[];
     customTheme?: IClientCustomThemeConfig;
     debugMode?: DebugMode;
+    paymentMethodId?: string;
 }
 export interface ILiquidCommerceElementsConfig {
     env?: ElementsEnv;
@@ -30,6 +31,7 @@ export interface ILiquidCommerceElementsConfig {
     customTheme?: IClientCustomThemeConfig;
     proxy?: IElementsProxyConfig;
     debugMode?: DebugMode;
+    paymentMethodId?: string;
 }
 export interface IInjectProductElement {
     containerId: string;

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

@@ -1,5 +1,5 @@
 import { BaseCommand } from '@/core/command/base-command.service';
-import type { ICheckoutBillingStore, ICheckoutCustomerStore, ICheckoutGiftRecipientStore } from '@/core/store/interfaces/checkout.interface';
+import type { ICheckoutBillingStore, ICheckoutCustomerStore, ICheckoutGiftRecipientStore, ICheckoutPaymentMethodStore } from '@/core/store/interfaces/checkout.interface';
 export declare class CheckoutCommands extends BaseCommand {
     private readonly uiCommands;
     private readonly commonCommands;
@@ -10,14 +10,13 @@ export declare class CheckoutCommands extends BaseCommand {
     toggleBillingSameAsShipping(active?: boolean): Promise<void>;
     toggleMarketingPreferences(fieldName: 'canEmail' | 'canSms', active?: boolean): Promise<void>;
     getPaymentSession(): Promise<void>;
-    confirmPaymentSession(confirmationTokenId: string, setupIntentId: string): Promise<void>;
+    confirmPaymentSession(confirmationTokenId: string, setupIntentId: string): Promise<ICheckoutPaymentMethodStore | null>;
     applyPromoCode(code: string): Promise<void>;
     removePromoCode(): Promise<void>;
     clearPromoCodeError(): Promise<void>;
     applyGiftCard(code: string): Promise<void>;
     removeGiftCard(code: string): Promise<void>;
     clearGiftCardError(): Promise<void>;
-    checkoutComplete(): Promise<void>;
     openPresaleExpiredDrawer(): void;
     rerenderCheckout(): void;
     updateCheckoutItemQuantity(itemId: string, delta: number): Promise<void>;
@@ -45,6 +44,7 @@ export declare class CheckoutCommands extends BaseCommand {
             setupIntentId: string;
         };
     }): Promise<void>;
+    checkoutComplete(): Promise<void>;
     private updateStoreFromCheckoutResponse;
     private partialLoadCheckout;
     private dataForCheckoutPrepare;

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

@@ -4,44 +4,27 @@ export interface ICheckoutSendToFormComponentParams {
     isIndependentComponent: boolean;
 }
 export declare class CheckoutPaymentComponent extends BaseComponent<ICheckoutSendToFormComponentParams, ICheckoutComponent> {
-    private stripeFormElement;
-    private rootComponent;
-    private isCreatingStripeForm;
+    private stripeHandlerElement;
+    private betaNoticeElement;
     private saveButton;
     private errorMessageElement;
-    private stripeFormContainer;
-    private stripeSummaryContainer;
     private billingFormData;
     private isValidBillingForm;
     private isBillingSameAsShipping;
     private stripeFormStatus;
-    private isSavingPayment;
-    private isInEditMode;
     private savedCardInfo;
-    private isChangingPayment;
+    private showingStripeSummary;
+    private isSavingPayment;
     get hostClasses(): string[];
     constructor();
     onStoreWatch(changes: IOnStoreChanged[]): void;
-    private handleSavingStateChange;
     private handleBillingSameAsShippingChange;
-    private handleSavedCardChange;
-    private handleEditModeChange;
     afterRender(): Promise<void>;
-    private setupStripeFormEventListeners;
-    private showStripeSummary;
-    private hideStripeSummary;
-    private showStripeForm;
-    private hideStripeForm;
-    private handleChangePayment;
     private updateSaveButtonState;
     private updateErrorMessage;
     private showError;
     protected template(): HTMLElement[];
     private handleSaveButtonClick;
     private validatePrerequisites;
-    private findRootComponent;
-    private removeExistingStripeForm;
-    private doStripeConfig;
-    private createAndMountStripeForm;
     disconnected(): void;
 }

package/dist/types/modules/checkout/components/checkout-stripe-handler.component.d.ts

@@ -0,0 +1,50 @@
+import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+import type { ICheckoutComponent } from '@/interfaces/configs';
+import type { IStripeFormStatus } from '@/modules/checkout/components/checkout-stripe-form.component';
+export interface ICheckoutStripeHandlerCallbacks {
+    onStripeFormStatusChanged?: (status: IStripeFormStatus) => void;
+    onSavedCardInfoChanged?: (cardInfo: {
+        brand?: string;
+        last4?: string;
+    } | null) => void;
+    onEditModeVisibilityChanged?: (showingSummary: boolean) => void;
+    onPaymentSessionConfirmed?: (confirmationTokenId: string, setupIntentId: string) => Promise<void>;
+}
+export interface ICheckoutStripeHandlerComponentParams {
+    isIndependentComponent: boolean;
+    callbacks?: ICheckoutStripeHandlerCallbacks;
+}
+export declare class CheckoutStripeHandlerComponent extends BaseComponent<ICheckoutStripeHandlerComponentParams, ICheckoutComponent> {
+    private stripeFormElement;
+    private rootComponent;
+    private isCreatingStripeForm;
+    private stripeFormContainer;
+    private stripeSummaryContainer;
+    private callbacks;
+    private stripeFormStatus;
+    private isInEditMode;
+    private savedCardInfo;
+    private isChangingPayment;
+    get hostClasses(): string[];
+    constructor();
+    beforeConnected(): void;
+    onStoreWatch(changes: IOnStoreChanged[]): void;
+    private handleSavedCardChange;
+    private handleEditModeChange;
+    private updateDisplayState;
+    afterRender(): Promise<void>;
+    private setupStripeFormEventListeners;
+    private showStripeSummary;
+    private hideStripeSummary;
+    private showStripeForm;
+    private hideStripeForm;
+    private handleChangePayment;
+    protected template(): HTMLElement[];
+    submitStripeForm(): void;
+    getStripeFormStatus(): IStripeFormStatus;
+    private findRootComponent;
+    private removeExistingStripeForm;
+    private doStripeConfig;
+    private createAndMountStripeForm;
+    disconnected(): void;
+}

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

@@ -20,5 +20,6 @@ export * from './checkout-presale-expired.component';
 export * from './checkout-promo-code.component';
 export * from './checkout-send-as-gift.component';
 export * from './checkout-stripe-form.component';
+export * from './checkout-stripe-handler.component';
 export * from './checkout-tips.component';
 export * from './promo-pc-gc.component';

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

@@ -1,7 +1,7 @@
 import type { IProductFulfillmentStore } from '@/core/store/interfaces/product.interface';
 import { type FulfillmentType } from '@/enums';
 import type { IProductSizeAttributes } from '@/interfaces/cloud';
-import { type RetailerStatus } from '@/modules/product/utils';
+import type { RetailerStatus } from '@/modules/product/utils/retailer-hours';
 export declare function renderPopupRetailerCard({ fulfillment, selectedFulfillmentType, isSelected, fulfillmentStatus, selectedSizeAttributes, }: {
     fulfillment: IProductFulfillmentStore;
     selectedFulfillmentType: FulfillmentType;

package/package.json

@@ -3,7 +3,7 @@
   "description": "LiquidCommerce Elements SDK",
   "license": "UNLICENSED",
   "author": "LiquidCommerce Team",
-  "version": "2.5.6-beta.10",
+  "version": "2.5.6-beta.12",
   "homepage": "https://docs.liquidcommerce.co/elements-sdk",
   "repository": {
     "type": "git",