@liquidcommerce/elements-sdk 2.6.0-beta.119 → 2.6.0-beta.120

package/dist/ssr-stub.esm.js

@@ -140,6 +140,7 @@ const ELEMENTS_ACTIONS_EVENT = {
     CHECKOUT_GIFT_CARD_FAILED: 'checkout_gift_card_failed',
     CHECKOUT_PRODUCT_ADD_SUCCESS: 'checkout_product_add_success',
     CHECKOUT_PRODUCT_ADD_FAILED: 'checkout_product_add_failed',
+    CHECKOUT_EXPRESS_CHECKOUT_AVAILABILITY: 'checkout_express_checkout_availability',
 };
 const ELEMENTS_FORM = {
     CUSTOMER: 'customer',
@@ -220,6 +221,8 @@ const COMPONENT_TYPE = {
     CHECKOUT_PRESALE_COUNTDOWN: 'checkout-presale-countdown',
     CHECKOUT_PRESALE_EXPIRED: 'checkout-presale-expired',
     CHECKOUT_SEND_AS_GIFT: 'checkout-send-as-gift',
+    CHECKOUT_EXPRESS_CHECKOUT: 'checkout-express-checkout',
+    CHECKOUT_EXPRESS_COMPLETION: 'checkout-express-completion',
 };
 const FULFILLMENT_TYPE = {
     ON_DEMAND: 'onDemand',

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

@@ -45,6 +45,7 @@ export declare abstract class ElementsBaseClient {
     private initializeHeavyServices;
     get actions(): ILiquidCommerceElementsActions;
     protected processInjectElement(params: IProcessInjectElementParams): Promise<IInjectedComponent | null>;
+    private loadCheckoutForExpressCheckout;
     protected processInjectProduct(params: IInjectProductElement[]): Promise<IInjectedComponent[]>;
     injectProductList(params: IInjectProductListParams): Promise<void>;
     injectProductListSearch(params: IInjectProductListSearchParams): Promise<void>;

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

@@ -1,7 +1,8 @@
 import { type ComponentType } from '@/enums';
-import type { ICartComponent } from '@/interfaces/configs';
+import type { ICartComponent, ICheckoutComponent } from '@/interfaces/configs';
 export declare function normalizeProductListLists<T extends Record<string, any>>(data: T): T;
 export declare function withCartLayoutDefaults(cart: ICartComponent): ICartComponent;
+export declare function withCheckoutLayoutDefaults(checkout: ICheckoutComponent): ICheckoutComponent;
 export declare function deepMergeConfigs<T extends Record<string, any>>(target: T, source: Partial<T>, currentPath?: string): T;
 export declare const layoutFieldToComponentTypes: Map<string, ComponentType[]>;
 export declare function getComponentTypesForLayoutFields(parentPath: string, layoutFields: Record<string, any>): ComponentType[];

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

@@ -3,7 +3,7 @@ import type { AuthClientService } from '@/core/api/auth-client.service';
 import type { IPersistedStore, IPersistedStoreAction } from '@/core/store/interfaces/core.interface';
 import type { IAddressAutocompleteResult, IAddressDetailsResult, ILocation } from '@/interfaces/api/address.interface';
 import type { ICart, ICartUpdateParams } from '@/interfaces/api/cart.interface';
-import type { IAnonymousCheckoutAddProductParams, IAnonymousCheckoutAddProductResponse, ICheckoutComplete, ICheckoutItemsUpdateParams, ICheckoutItemsUpdateResponse, ICheckoutPaymentConfirm, ICheckoutPaymentConfirmParams, ICheckoutPaymentSession, ICheckoutPrepare, ICheckoutPrepareParams } from '@/interfaces/api/checkout.interface';
+import type { CheckoutPaymentSessionType, IAnonymousCheckoutAddProductParams, IAnonymousCheckoutAddProductResponse, ICheckoutComplete, ICheckoutItemsUpdateParams, ICheckoutItemsUpdateResponse, ICheckoutPaymentConfirm, ICheckoutPaymentConfirmParams, ICheckoutPaymentSession, ICheckoutPrepare, ICheckoutPrepareParams } from '@/interfaces/api/checkout.interface';
 import type { IProductAvailabilityResponse } from '@/interfaces/api/product.interface';
 import type { IProductSearchParams, IProductSearchResponse } from '@/interfaces/api/product-list.interface';
 export declare class ApiClientService {
@@ -24,8 +24,11 @@ export declare class ApiClientService {
     updateCart(params: ICartUpdateParams): Promise<ApiResult<ICart>>;
     prepareCheckout(params: ICheckoutPrepareParams): Promise<ApiResult<ICheckoutPrepare>>;
     updateCheckoutItems(params: ICheckoutItemsUpdateParams): Promise<ApiResult<ICheckoutItemsUpdateResponse>>;
-    getPaymentSession(cartId: string): Promise<ApiResult<ICheckoutPaymentSession>>;
+    getPaymentSession(cartId: string, params?: {
+        checkoutToken?: string;
+        sessionType?: CheckoutPaymentSessionType;
+    }): Promise<ApiResult<ICheckoutPaymentSession>>;
     confirmPaymentSession(params: ICheckoutPaymentConfirmParams): Promise<ApiResult<ICheckoutPaymentConfirm>>;
     addAnonymousProduct(params: IAnonymousCheckoutAddProductParams): Promise<ApiResult<IAnonymousCheckoutAddProductResponse>>;
-    checkoutComplete(token: string, payment?: string): Promise<ApiResult<ICheckoutComplete>>;
+    checkoutComplete(token: string, payment?: string, expressPaymentIntentId?: string): Promise<ApiResult<ICheckoutComplete>>;
 }

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

@@ -107,3 +107,8 @@ export interface ICheckoutProductAddFailedEventData {
     error: string;
     isPresale?: boolean;
 }
+export interface ICheckoutExpressCheckoutAvailabilityEventData {
+    cartId: string;
+    available: boolean;
+    wallets: string[];
+}

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

@@ -1,6 +1,6 @@
 import type { IAddressActionEventData, IAddressFailedEventData } from '@/core/pubsub/interfaces/address.interface';
 import type { ICartFailedEventData, ICartItemAddedEventData, ICartItemEngravingUpdatedEventData, ICartItemQuantityChangedEventData, ICartItemRemovedEventData, ICartLoadedEventData, ICartProductAddEventData, ICartProductAddFailedEventData, ICartPromoCodeEventData, ICartPromoCodeFailedEventData, ICartShopRetailerEventData, ICartUpdatedEventData } from '@/core/pubsub/interfaces/cart.interface';
-import type { ICheckoutBillingInformationUpdatedEventData, ICheckoutCustomerInformationUpdatedEventData, ICheckoutFailedEventData, ICheckoutGiftCardEventData, ICheckoutGiftCardFailedEventData, ICheckoutGiftInformationUpdatedEventData, ICheckoutItemEngravingUpdatedEventData, ICheckoutItemQuantityChangedEventData, ICheckoutItemRemovedEventData, ICheckoutLoadedEventData, ICheckoutMarketingPreferencesToggleEventData, ICheckoutProductAddEventData, ICheckoutProductAddFailedEventData, ICheckoutPromoCodeEventData, ICheckoutPromoCodeFailedEventData, ICheckoutSubmitCompletedEventData, ICheckoutSubmitFailedEventData, ICheckoutSubmitStartedEventData, ICheckoutTipUpdatedEventData, ICheckoutToggleEventData } from '@/core/pubsub/interfaces/checkout.interface';
+import type { ICheckoutBillingInformationUpdatedEventData, ICheckoutCustomerInformationUpdatedEventData, ICheckoutExpressCheckoutAvailabilityEventData, ICheckoutFailedEventData, ICheckoutGiftCardEventData, ICheckoutGiftCardFailedEventData, ICheckoutGiftInformationUpdatedEventData, ICheckoutItemEngravingUpdatedEventData, ICheckoutItemQuantityChangedEventData, ICheckoutItemRemovedEventData, ICheckoutLoadedEventData, ICheckoutMarketingPreferencesToggleEventData, ICheckoutProductAddEventData, ICheckoutProductAddFailedEventData, ICheckoutPromoCodeEventData, ICheckoutPromoCodeFailedEventData, ICheckoutSubmitCompletedEventData, ICheckoutSubmitFailedEventData, ICheckoutSubmitStartedEventData, ICheckoutTipUpdatedEventData, ICheckoutToggleEventData } from '@/core/pubsub/interfaces/checkout.interface';
 import type { IProductAddToCartEventData, IProductFulfillmentChangedEventData, IProductFulfillmentTypeChangedEventData, IProductLoadedEventData, IProductQuantityChangedEventData, IProductSizeChangedEventData } from '@/core/pubsub/interfaces/product.interface';
 import { ELEMENTS_ACTIONS_EVENT } from '@/enums';
 export interface IElementsClientIsReadyEventData {
@@ -81,6 +81,7 @@ export interface IElementsActionsEventsMap {
     [ELEMENTS_ACTIONS_EVENT.CHECKOUT_GIFT_CARD_FAILED]: ICheckoutGiftCardFailedEventData;
     [ELEMENTS_ACTIONS_EVENT.CHECKOUT_PRODUCT_ADD_SUCCESS]: ICheckoutProductAddEventData;
     [ELEMENTS_ACTIONS_EVENT.CHECKOUT_PRODUCT_ADD_FAILED]: ICheckoutProductAddFailedEventData;
+    [ELEMENTS_ACTIONS_EVENT.CHECKOUT_EXPRESS_CHECKOUT_AVAILABILITY]: ICheckoutExpressCheckoutAvailabilityEventData;
 }
 export type SpecificActionEvent = keyof IElementsActionsEventsMap;
 export interface IFormEventData {

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

@@ -20,6 +20,14 @@ export interface ICheckoutPaymentMethodStore extends ICheckoutPaymentConfirm {
 }
 export interface ICheckoutPaymentSessionStore extends ICheckoutPaymentSession {
 }
+export type CheckoutExpressStatus = 'idle' | 'preparing' | 'birthDate' | 'completing' | 'failed';
+export interface ICheckoutExpressStore {
+    status: CheckoutExpressStatus;
+    wallet: string | null;
+    intentId: string | null;
+    approvedTotal: number | null;
+    error: string | null;
+}
 export interface ICheckoutPaymentFormStore {
     paymentSession: ICheckoutPaymentSessionStore | null;
     paymentMethod: ICheckoutPaymentMethodStore | null;
@@ -41,6 +49,7 @@ export interface ICheckoutStore {
     giftRecipientForm: ICheckoutGiftRecipientFormStore;
     paymentForm: ICheckoutPaymentFormStore;
     injectedPaymentMethod: ICheckoutPaymentMethodStore | null;
+    express: ICheckoutExpressStore;
     shippingAddress: ICheckoutShippingAddress;
     promoCode: ICheckoutPromoCode | null;
     giftCards: ICheckoutGiftCard[];

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

@@ -1,6 +1,6 @@
 import type { IAddressStore } from '@/core/store/interfaces/address.interface';
 import type { ICartFulfillmentStore, ICartItemStore, ICartRetailerStore, ICartStore } from '@/core/store/interfaces/cart.interface';
-import type { ICheckoutCustomerFormStore, ICheckoutGiftRecipientFormStore, ICheckoutItemStore, ICheckoutPaymentFormStore, ICheckoutPaymentMethodStore, ICheckoutPaymentSessionStore, ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
+import type { ICheckoutCustomerFormStore, ICheckoutExpressStore, ICheckoutGiftRecipientFormStore, ICheckoutItemStore, ICheckoutPaymentFormStore, ICheckoutPaymentMethodStore, ICheckoutPaymentSessionStore, ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
 import type { ICheckoutInjection, ICheckoutMetadata, IElementsMetadataStore } from '@/core/store/interfaces/metadata.interface';
 import type { IProductSizeStore, IProductStore } from '@/core/store/interfaces/product.interface';
 import type { IPLProductStore, IProductListStore } from '@/core/store/interfaces/product-list.interface';
@@ -36,7 +36,7 @@ export interface IPersistedStore {
 export interface IPersistedStoreAction {
     success: boolean;
 }
-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.retailers.${string}` | `cart.items.${string}.${keyof ICartRetailerStore}` | `cart.fulfillments.${string}` | `cart.fulfillments.${string}.${keyof ICartFulfillmentStore}` | `cart.promoCode.${keyof ICartPromoCode}` | `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 ICheckoutPresale}` | `checkout.marketingPreferences.${keyof ICheckoutMarketingPreferences}` | `checkout.giftRecipient.${keyof ICheckoutGiftRecipient}` | `checkout.giftCards.${string}` | `checkout.promoCode.${keyof ICheckoutPromoCode}` | `checkout.items.${string}` | `checkout.items.${string}.${keyof ICheckoutItemStore}` | `checkout.retailers.${string}` | `checkout.retailers.${string}.${keyof ICheckoutRetailer}` | `checkout.fulfillments.${string}` | `productsList.${string}` | `productsList.${string}.${keyof IProductListStore}` | `productsList.${string}.products.${string}` | `productsList.${string}.products.${string}.${keyof IPLProductStore}` | `metadata.${keyof IElementsMetadataStore}` | `metadata.checkout.${keyof ICheckoutMetadata}` | `metadata.checkout.injection.${keyof ICheckoutInjection}`;
+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.retailers.${string}` | `cart.items.${string}.${keyof ICartRetailerStore}` | `cart.fulfillments.${string}` | `cart.fulfillments.${string}.${keyof ICartFulfillmentStore}` | `cart.promoCode.${keyof ICartPromoCode}` | `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.express.${keyof ICheckoutExpressStore}` | `checkout.presale.${keyof ICheckoutPresale}` | `checkout.marketingPreferences.${keyof ICheckoutMarketingPreferences}` | `checkout.giftRecipient.${keyof ICheckoutGiftRecipient}` | `checkout.giftCards.${string}` | `checkout.promoCode.${keyof ICheckoutPromoCode}` | `checkout.items.${string}` | `checkout.items.${string}.${keyof ICheckoutItemStore}` | `checkout.retailers.${string}` | `checkout.retailers.${string}.${keyof ICheckoutRetailer}` | `checkout.fulfillments.${string}` | `productsList.${string}` | `productsList.${string}.${keyof IProductListStore}` | `productsList.${string}.products.${string}` | `productsList.${string}.products.${string}.${keyof IPLProductStore}` | `metadata.${keyof IElementsMetadataStore}` | `metadata.checkout.${keyof ICheckoutMetadata}` | `metadata.checkout.injection.${keyof ICheckoutInjection}`;
 interface MiddlewareContext {
     action: string;
     payload: any;

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

@@ -59,6 +59,7 @@ export declare const ELEMENTS_ACTIONS_EVENT: {
     readonly CHECKOUT_GIFT_CARD_FAILED: "checkout_gift_card_failed";
     readonly CHECKOUT_PRODUCT_ADD_SUCCESS: "checkout_product_add_success";
     readonly CHECKOUT_PRODUCT_ADD_FAILED: "checkout_product_add_failed";
+    readonly CHECKOUT_EXPRESS_CHECKOUT_AVAILABILITY: "checkout_express_checkout_availability";
 };
 export declare const ELEMENTS_FORM: {
     readonly CUSTOMER: "customer";
@@ -139,6 +140,8 @@ export declare const COMPONENT_TYPE: {
     readonly CHECKOUT_PRESALE_COUNTDOWN: "checkout-presale-countdown";
     readonly CHECKOUT_PRESALE_EXPIRED: "checkout-presale-expired";
     readonly CHECKOUT_SEND_AS_GIFT: "checkout-send-as-gift";
+    readonly CHECKOUT_EXPRESS_CHECKOUT: "checkout-express-checkout";
+    readonly CHECKOUT_EXPRESS_COMPLETION: "checkout-express-completion";
 };
 export type ComponentType = (typeof COMPONENT_TYPE)[keyof typeof COMPONENT_TYPE];
 export declare const FULFILLMENT_TYPE: {

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

@@ -4,5 +4,6 @@ import { DEBUG_MODE, ELEMENTS_ENV } from '@/enums';
 import type { IElementsCheckoutActions, IElementsCheckoutClient } from '@/interfaces/client.interface';
 import type { IInjectedComponent } from '@/interfaces/component.interface';
 import type { ILiquidCommerceElementsCheckoutClientConfig } from '@/interfaces/config.interface';
-export type { DebugMode, ElementsEnv, IElementsCheckoutActions, IElementsCheckoutClient, IInjectedComponent, ILiquidCommerceElementsCheckoutClientConfig, };
+import type { IInjectCheckoutParams, IInjectExpressCheckoutParams } from '@/interfaces/injection.interface';
+export type { DebugMode, ElementsEnv, IElementsCheckoutActions, IElementsCheckoutClient, IInjectCheckoutParams, IInjectExpressCheckoutParams, IInjectedComponent, ILiquidCommerceElementsCheckoutClientConfig, };
 export { DEBUG_MODE, ELEMENTS_ENV, ElementsCheckout };

package/dist/types/interfaces/api/checkout.interface.d.ts

@@ -5,6 +5,11 @@ import type { IProductPresale } from '@/interfaces/api/product.interface';
 export interface ICheckoutComplete {
     orderNumber: string;
 }
+export declare const CHECKOUT_PAYMENT_SESSION_TYPE: {
+    readonly STANDARD: "standard";
+    readonly EXPRESS: "express";
+};
+export type CheckoutPaymentSessionType = (typeof CHECKOUT_PAYMENT_SESSION_TYPE)[keyof typeof CHECKOUT_PAYMENT_SESSION_TYPE];
 export interface ICheckoutPaymentSession {
     key: string;
     secret: string;
@@ -12,6 +17,8 @@ export interface ICheckoutPaymentSession {
 export interface ICheckoutPaymentConfirmParams {
     confirmationTokenId: string;
     setupIntentId: string;
+    sessionType?: CheckoutPaymentSessionType;
+    checkoutToken?: string;
 }
 export interface ICheckoutPaymentConfirmCard {
     brand: string;

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

@@ -6,7 +6,7 @@ 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, UpdateProductListComponent } from './configs';
-import type { IBuilderInjectElementParams, IInjectCheckoutBuilderParams, IInjectCheckoutParams, IInjectProductElement, IInjectProductListFiltersParams, IInjectProductListParams, IInjectProductListSearchParams } from './injection.interface';
+import type { IBuilderInjectElementParams, IInjectCheckoutBuilderParams, IInjectCheckoutParams, IInjectExpressCheckoutParams, IInjectProductElement, IInjectProductListFiltersParams, IInjectProductListParams, IInjectProductListSearchParams } from './injection.interface';
 export interface ILiquidCommerceElementsUIMethod {
     cartButton(containerId: string, showItemsCount?: boolean): void;
     floatingCartButton(showItemsCount?: boolean): void;
@@ -25,6 +25,7 @@ export interface IElementsCheckoutActions extends Omit<ICheckoutActions, 'openCh
 }
 export interface IElementsCheckoutClient {
     injectCheckout: (params: IInjectCheckoutParams) => Promise<IInjectedComponent | null>;
+    injectExpressCheckout: (params: IInjectExpressCheckoutParams) => Promise<IInjectedComponent | null>;
     actions: {
         checkout: IElementsCheckoutActions;
     };
@@ -51,6 +52,7 @@ export interface ILiquidCommerceElementsClient {
     injectAddressElement(containerId: string, options?: IAddressOptions): Promise<IInjectedComponent | null>;
     injectCartElement(containerId: string): Promise<IInjectedComponent | null>;
     injectCheckoutElement(params: IInjectCheckoutParams): Promise<IInjectedComponent | null>;
+    injectExpressCheckoutElement(params: IInjectExpressCheckoutParams): Promise<IInjectedComponent | null>;
     injectProductList(params: IInjectProductListParams): Promise<void>;
     injectProductListSearch(params: IInjectProductListSearchParams): Promise<void>;
     injectProductListFilters(params: IInjectProductListFiltersParams): Promise<void>;

package/dist/types/interfaces/configs/checkout.interface.d.ts

@@ -12,6 +12,7 @@ export interface ICheckoutLayout {
     emailOptIn: ICheckoutMarketingOptIn;
     smsOptIn: ICheckoutMarketingOptIn;
     allowGiftCards: boolean;
+    requireBirthDate?: boolean;
     legalMessage: ICheckoutLegalMessage;
     continueShoppingUrl: string;
     exitUrl: string;

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

@@ -38,12 +38,18 @@ export interface IProcessInjectElementParams {
     options?: IAddressOptions;
     checkoutId?: string;
     hideHeader?: boolean;
+    variant?: 'section' | 'buttons';
 }
 export interface IInjectCheckoutParams {
     containerId: string;
     checkoutId?: string;
     hideHeader?: boolean;
 }
+export interface IInjectExpressCheckoutParams {
+    containerId: string;
+    checkoutId?: string;
+    variant?: 'section' | 'buttons';
+}
 export interface IInjectCheckoutBuilderParams extends IInjectCheckoutParams {
     simulatePresale?: boolean;
     presaleExpiresInMinutes?: number;

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

@@ -1,9 +1,10 @@
 import { BaseCommand } from '@/core/command/base-command.service';
 import type { ICheckoutDetailsEventData } from '@/core/pubsub/interfaces/checkout.interface';
 import type { ICheckoutPaymentMethodStore } from '@/core/store/interfaces/checkout.interface';
-import type { ICheckoutBilling, ICheckoutCustomer, ICheckoutGiftRecipient, ICheckoutMarketingPreferences, ICheckoutPrepare } from '@/interfaces/api/checkout.interface';
+import type { CheckoutPaymentSessionType, ICheckoutBilling, ICheckoutCustomer, ICheckoutGiftRecipient, ICheckoutMarketingPreferences, ICheckoutPaymentSession, ICheckoutPrepare } from '@/interfaces/api/checkout.interface';
 import type { AddItemParams } from '@/modules/cart/cart.commands';
 import type { PresaleExpiredReason } from '@/modules/checkout/components';
+import { type IExpressWalletBillingDetails } from '@/modules/checkout/express-wallet';
 export declare class CheckoutCommands extends BaseCommand {
     private readonly uiCommands;
     private lastLoadParams;
@@ -19,8 +20,11 @@ export declare class CheckoutCommands extends BaseCommand {
     private customerEditRevision;
     private customerEditedGeneration;
     private confirmedPayment;
+    private expressHandoff;
+    private get requiresBirthDate();
     assertPaymentReady(): void;
     retryLoadCheckout(): Promise<void>;
+    private paymentSessionRequest;
     constructor();
     static getInstance(): CheckoutCommands;
     addPresaleItem(params: AddItemParams): Promise<void>;
@@ -46,7 +50,9 @@ export declare class CheckoutCommands extends BaseCommand {
     private applySavedMarketingPreferences;
     toggleMarketingPreferences(fieldName: 'canEmail' | 'canSms', active?: boolean): Promise<boolean>;
     getPaymentSession(): Promise<void>;
-    confirmPaymentSession(confirmationTokenId: string, setupIntentId: string): Promise<ICheckoutPaymentMethodStore>;
+    getExpressPaymentSession(): Promise<ICheckoutPaymentSession | null>;
+    private requestPaymentSession;
+    confirmPaymentSession(confirmationTokenId: string, setupIntentId: string, sessionType?: CheckoutPaymentSessionType): Promise<ICheckoutPaymentMethodStore>;
     applyPromoCode(code: string): Promise<void>;
     removePromoCode(): Promise<void>;
     clearPromoCodeError(): Promise<void>;
@@ -87,10 +93,28 @@ export declare class CheckoutCommands extends BaseCommand {
         paymentSession?: {
             confirmationTokenId: string;
             setupIntentId: string;
+            sessionType?: CheckoutPaymentSessionType;
         };
     }): Promise<void>;
     private prepareMarketingForCompletion;
-    checkoutComplete(): Promise<void>;
+    beginExpressCompletion({ wallet, confirmationTokenId, intentId, approvedTotal, billingDetails, }: {
+        wallet: string;
+        confirmationTokenId: string;
+        intentId: string;
+        approvedTotal: number;
+        billingDetails: IExpressWalletBillingDetails | undefined;
+    }): Promise<void>;
+    private prepareExpressPayment;
+    completeExpressOrder(birthDate?: string): Promise<void>;
+    cancelExpressCompletion(): void;
+    private saveExpressCustomer;
+    private assertApprovedTotal;
+    private setExpressStatus;
+    private failExpressCompletion;
+    private writeExpress;
+    checkoutComplete(options?: {
+        expressPaymentIntentId?: string;
+    }): Promise<void>;
     private updateStoreFromCheckoutResponse;
     private syncFromItemUpdate;
     private syncCheckoutState;

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

@@ -7,6 +7,7 @@ export declare class CheckoutBuyer extends BaseComponent<null, ICheckoutComponen
     get hostClasses(): string[];
     constructor();
     onStoreWatch(changes: IOnStoreChanged[]): void;
+    private get requiresBirthDate();
     private updateSaveButtonState;
     protected template(): HTMLElement[];
 }

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

@@ -8,6 +8,7 @@ export declare class CheckoutDeliverToComponent extends BaseComponent<null, IChe
     get hostClasses(): string[];
     constructor();
     onStoreWatch(changes: IOnStoreChanged[]): void;
+    private get requiresBirthDate();
     private updateSaveButtonState;
     protected template(): HTMLElement[];
 }

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

@@ -0,0 +1,61 @@
+import { BaseComponent } from '@/core/base-component.service';
+import type { ICheckoutComponent } from '@/interfaces/configs';
+export interface ICheckoutExpressCheckoutComponentParams {
+    variant?: 'section' | 'buttons';
+    isIndependentComponent?: boolean;
+}
+export declare class CheckoutExpressCheckoutComponent extends BaseComponent<ICheckoutExpressCheckoutComponentParams, ICheckoutComponent> {
+    private section;
+    private walletHost;
+    private completionElement;
+    private stripe;
+    private stripeElements;
+    private expressElement;
+    private sessionSecret;
+    private expressSession;
+    private sessionAmount;
+    private isMounting;
+    private isProcessing;
+    private hasAvailableWallets;
+    private availableWallets;
+    private hasSettledAvailability;
+    private lastPublishedAvailability;
+    get hostClasses(): string[];
+    constructor();
+    protected onStoreWatch(): void;
+    private syncCompletionView;
+    private get isCompletingExpress();
+    private get isButtonsOnly();
+    private get isReadyForPayment();
+    private get isGiftOrder();
+    protected template(): HTMLElement[];
+    protected afterRender(): void;
+    private createDividerLine;
+    private updateVisibility;
+    private publishAvailability;
+    private reportUnavailable;
+    private mountExpressElement;
+    private ensurePaymentSession;
+    private createWalletHost;
+    private findRootComponent;
+    private get orderTotal();
+    private buildElementsOptions;
+    private readIntentTerms;
+    private normaliseFutureUsage;
+    private buildAppearance;
+    private buildElementOptions;
+    private buildLineItems;
+    private readAvailability;
+    private handleAvailability;
+    private handleClick;
+    private hasUnmetMinimums;
+    private handleConfirm;
+    private isTotalUnchanged;
+    private toBillingDetails;
+    private failPayment;
+    private handleCancel;
+    private loadStripeJS;
+    private teardownExpressElement;
+    private remountIfTotalMoved;
+    protected disconnected(): void;
+}

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

@@ -0,0 +1,21 @@
+import { BaseComponent } from '@/core/base-component.service';
+import type { ICheckoutComponent } from '@/interfaces/configs';
+export declare class CheckoutExpressCompletionComponent extends BaseComponent<null, ICheckoutComponent> {
+    private birthDate;
+    private isBirthDateValid;
+    private completeButton;
+    private announcedState;
+    private hasFocusedHeading;
+    constructor();
+    get hostClasses(): string[];
+    private get express();
+    private get needsBirthDate();
+    protected afterRender(): void;
+    protected template(): HTMLElement[];
+    private headingFor;
+    private copyFor;
+    private createDots;
+    private createBirthDateInput;
+    private createCompleteButton;
+    private createBackLink;
+}

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

@@ -5,6 +5,8 @@ export * from './checkout-buyer-summary.component';
 export * from './checkout-completed.component';
 export * from './checkout-deliver-to.component';
 export * from './checkout-deliver-to-summary.component';
+export * from './checkout-express-checkout.component';
+export * from './checkout-express-completion.component';
 export * from './checkout-gift-cards.component';
 export * from './checkout-header.component';
 export * from './checkout-information.component';

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

@@ -1,4 +1,6 @@
 export declare const STRIPE_SLOT_NAME = "lce-checkout-stripe-slot";
+export declare const STRIPE_MINIMUM_CHARGE = 50;
+export declare const EXPRESS_CHECKOUT_SLOT_NAME = "lce-checkout-express-checkout-slot";
 export declare const customerFormFields: {
     readonly firstName: "firstName";
     readonly lastName: "lastName";

package/dist/types/modules/checkout/customer-prefill.d.ts

@@ -1,2 +1,5 @@
 import type { ICheckoutCustomer } from '@/interfaces/api/checkout.interface';
-export declare function isValidCustomerPrefill(customer: ICheckoutCustomer, today?: Date): boolean;
+import type { ICheckoutLayout } from '@/interfaces/configs/checkout.interface';
+export declare function isBirthDateRequired(layout: Pick<ICheckoutLayout, 'requireBirthDate'> | null | undefined): boolean;
+export declare function isValidCustomerPrefill(customer: ICheckoutCustomer, requireBirthDate?: boolean, today?: Date): boolean;
+export declare function isValidBirthDate(birthDate: string | null | undefined, today?: Date): boolean;

package/dist/types/modules/checkout/express-wallet.d.ts

@@ -0,0 +1,12 @@
+import type { ICheckoutCustomer } from '@/interfaces/api/checkout.interface';
+export interface IExpressWalletBillingDetails {
+    name?: string;
+    email?: string;
+    phone?: string;
+    address?: Record<string, string | null>;
+}
+export declare function walletDisplayName(expressPaymentType: unknown): string;
+export declare function splitWalletName(walletName: string | undefined, existing: Pick<ICheckoutCustomer, 'firstName' | 'lastName'> | null | undefined): {
+    firstName: string;
+    lastName: string;
+};

package/dist/types/modules/checkout/styles/express-checkout.style.d.ts

@@ -0,0 +1 @@
+export declare const getExpressCheckoutStyles: () => string;

package/dist/types/modules/checkout/styles/express-completion.style.d.ts

@@ -0,0 +1 @@
+export declare const getExpressCompletionStyles: () => string;

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

@@ -22,7 +22,7 @@ export interface IInputComponentParams {
     label?: string;
     ariaLabel?: string;
     name: string;
-    autocomplete?: boolean;
+    autocomplete?: boolean | string;
     disabled?: boolean;
 }
 export declare class InputComponent extends BaseComponent<IInputComponentParams, null> {

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

@@ -13,3 +13,7 @@ export declare function normalizeEngravingLines(lines: readonly (string | null |
 export declare function normalizeText<T extends string | null | undefined>(value: T): T;
 export declare function normalizeEmail<T extends string | null | undefined>(value: T): T;
 export declare function normalizeCode<T extends string | null | undefined>(value: T): T;
+export declare function formatPaymentMethodLabel(card: {
+    brand?: string | null;
+    last4?: string | null;
+} | null | undefined): string;

package/docs/v1/api/actions/checkout-actions.md

@@ -532,7 +532,9 @@ After `lce:actions.checkout_loaded`, call
 `await elements.actions.checkout.updateCustomerInfo(fields, { saveIfValid: true })`
 to validate and prepare complete account details, then show their editable summary.
 Supply names, email, a US phone number, and a real `birthDate` in `MM/DD/YYYY` format
-(age 21+, year 1930 or later). A shipping street must already be selected.
+(age 21+, year 1930 or later). The `birthDate` may be blank when the partner does not require a
+date of birth (`checkout.layout.requireBirthDate: false`); a supplied one is still validated.
+A shipping street must already be selected.
 Omitted apartment and delivery instructions retain their existing checkout values.
 Partial or invalid details stay in the form; backend validation failures reject the
 promise, show the checkout error, and keep details editable. The host should handle that rejection.

package/docs/v1/api/client.md

@@ -64,6 +64,55 @@ const client = await ElementsCheckout('YOUR_API_KEY', {
 });
 ```
 
+The checkout-only client exposes `injectCheckout()`, `injectExpressCheckout()`, `actions.checkout`
+and `destroy()`.
+
+#### injectExpressCheckout()
+
+Injects only the Apple Pay and Google Pay wallet buttons, anywhere on the page, without the rest of
+the checkout UI. Confirming the wallet sheet places the order outright — the wallet's contact and
+billing details are sent to the checkout, so the shopper never fills a checkout form.
+
+```typescript
+injectExpressCheckout(params: IInjectExpressCheckoutParams): Promise<IInjectedComponent | null>
+```
+
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| `containerId` | string | Yes | ID of an element that already exists in the DOM |
+| `checkoutId` | string | No | Checkout token to bind the buttons to. Omit to use the checkout already loaded |
+| `variant` | `'buttons' \| 'section'` | No | `'buttons'` (default) is the wallet row alone; `'section'` adds the "Express Checkout" heading and OR divider |
+
+A checkout is prepared at injection time rather than when a button is tapped: Stripe gives the
+wallet's click handler one second to open its sheet, which is not enough time to create a checkout
+and a payment session. Without a `checkoutId` the checkout already in the store is reused, so the
+buttons can be injected beside a checkout the page has already loaded; the checkout-only client has
+no cart to fall back on, so it throws when there is no loaded checkout to attach to. Inject again
+with a new token whenever the address or fulfillment changes — the amounts the sheet shows come from
+the checkout the buttons were prepared against.
+
+The buttons only render where the shopper's platform offers a wallet, and the block hides itself
+entirely otherwise. Subscribe to `lce:actions.checkout_express_checkout_availability` to know which
+state you are in. Both wallets require an HTTPS origin on a domain registered with Stripe, each
+subdomain separately — see the
+[checkout component guide](../guides/checkout-component.md#express-checkout-apple-pay-and-google-pay).
+
+```javascript
+await client.injectExpressCheckout({
+  containerId: 'express-checkout-container'
+});
+```
+
+The full client exposes the same component as `injectExpressCheckoutElement()`, with the same
+parameters. It differs in one way: with no `checkoutId` and no checkout loaded, it prepares one from
+the current cart rather than throwing.
+
+```javascript
+await client.injectExpressCheckoutElement({
+  containerId: 'pdp-express-checkout'
+});
+```
+
 ### ElementsBuilder()
 
 Initialize the builder client, which exposes manual `inject*` / `update*` methods for fully programmatic composition.

package/docs/v1/api/configuration.md

@@ -335,6 +335,7 @@ interface ICheckoutLayout {
   emailOptIn: ICheckoutMarketingOptIn;
   smsOptIn: ICheckoutMarketingOptIn;
   allowGiftCards: boolean;
+  requireBirthDate?: boolean;
   legalMessage: ICheckoutLegalMessage;
   continueShoppingUrl: string;
   exitUrl: string;
@@ -350,6 +351,7 @@ interface ICheckoutLayout {
 | `emailOptIn` | `ICheckoutMarketingOptIn` | Email marketing opt-in configuration |
 | `smsOptIn` | `ICheckoutMarketingOptIn` | SMS marketing opt-in configuration |
 | `allowGiftCards` | `boolean` | Enable gift card payment option |
+| `requireBirthDate` | `boolean` | Whether the shopper must enter a date of birth to place an order. Defaults to `true`. When `false` the form's field is optional and express checkout does not ask for it |
 | `legalMessage` | `ICheckoutLegalMessage` | Legal/terms message configuration |
 | `continueShoppingUrl` | `string` | URL for "Continue Shopping" link |
 | `exitUrl` | `string` | URL for exit/back navigation |
@@ -546,7 +548,7 @@ interface IElementsGTMConfig {
 }
 ```
 
-If your site loads its own GTM container through Google tag gateway for advertisers, set `gatewayUrl` to that first-party path (e.g. `'https://www.yoursite.com/metrics/'` or `'/metrics/'`) so the SDK recognizes the container instead of treating the page as having none. Declarative equivalent: `data-gtm-gateway-url`. An empty or non-string value drops the whole `gtm` config with a console warning.
+If your site loads its own GTM container through Google tag gateway for advertisers, set `gatewayUrl` to that first-party path (e.g. `'https://www.yoursite.com/metrics/'` or `'/metrics/'`) so the SDK recognizes the container before GTM has booted it. It affects detection only: your container receives SDK events through `dataLayer` with or without it. Declarative equivalent: `data-gtm-gateway-url`. An empty or non-string value drops the whole `gtm` config with a console warning.
 
 See [Analytics → Google tag gateway](../reference/analytics.md#google-tag-gateway).
 

package/docs/v1/api/typescript-types.md

@@ -80,9 +80,16 @@ Checkout-only client interface returned by `ElementsCheckout()`.
 ```typescript
 interface IElementsCheckoutClient {
   injectCheckout(params: IInjectCheckoutParams): Promise<IInjectedComponent | null>;
+  injectExpressCheckout(params: IInjectExpressCheckoutParams): Promise<IInjectedComponent | null>;
   actions: { checkout: IElementsCheckoutActions };
   destroy(): void;
 }
+
+interface IInjectExpressCheckoutParams {
+  containerId: string;
+  checkoutId?: string;              // omit to use the checkout already loaded
+  variant?: 'section' | 'buttons';  // 'buttons' is the default outside the checkout element
+}
 ```
 
 ---
@@ -440,7 +447,9 @@ After `lce:actions.checkout_loaded`, call
 `await elements.actions.checkout.updateCustomerInfo(fields, { saveIfValid: true })`
 to validate and prepare complete account details, then show their editable summary.
 Supply names, email, a US phone number, and a real `birthDate` in `MM/DD/YYYY` format
-(age 21+, year 1930 or later). A shipping street must already be selected.
+(age 21+, year 1930 or later). The `birthDate` may be blank when the partner does not require a
+date of birth (`checkout.layout.requireBirthDate: false`); a supplied one is still validated.
+A shipping street must already be selected.
 Omitted apartment and delivery instructions retain their existing checkout values.
 Partial or invalid details stay in the form; backend validation failures reject the
 promise, show the checkout error, and keep details editable. The host should handle that rejection.