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

package/dist/ssr-stub.esm.js

@@ -128,6 +128,7 @@ const ELEMENTS_ACTIONS_EVENT = {
     CHECKOUT_ITEM_QUANTITY_INCREASE: 'checkout_item_quantity_increase',
     CHECKOUT_ITEM_QUANTITY_DECREASE: 'checkout_item_quantity_decrease',
     CHECKOUT_ITEM_ENGRAVING_UPDATED: 'checkout_item_engraving_updated',
+    CHECKOUT_DELIVERY_METHOD_UPDATED: 'checkout_delivery_method_updated',
     CHECKOUT_TIP_UPDATED: 'checkout_tip_updated',
     CHECKOUT_SUBMIT_STARTED: 'checkout_submit_started',
     CHECKOUT_SUBMIT_COMPLETED: 'checkout_submit_completed',
@@ -198,6 +199,7 @@ const COMPONENT_TYPE = {
     CHECKOUT_INFORMATION: 'checkout-information',
     CHECKOUT_STRIPE_HANDLER: 'checkout-stripe-handler',
     CHECKOUT_STRIPE_FORM: 'checkout-stripe-form',
+    CHECKOUT_DELIVERY_METHOD: 'checkout-delivery-method',
     CHECKOUT_PAYMENT: 'checkout-payment',
     CHECKOUT_PAYMENT_SUMMARY: 'checkout-payment-summary',
     CHECKOUT_BILLING: 'checkout-billing',

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 { CheckoutPaymentSessionType, IAnonymousCheckoutAddProductParams, IAnonymousCheckoutAddProductResponse, ICheckoutComplete, ICheckoutItemsUpdateParams, ICheckoutItemsUpdateResponse, ICheckoutPaymentConfirm, ICheckoutPaymentConfirmParams, ICheckoutPaymentSession, ICheckoutPrepare, ICheckoutPrepareParams } from '@/interfaces/api/checkout.interface';
+import type { CheckoutPaymentSessionType, IAnonymousCheckoutAddProductParams, IAnonymousCheckoutAddProductResponse, ICheckoutComplete, ICheckoutFulfillmentParams, ICheckoutFulfillmentResponse, 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,6 +24,7 @@ export declare class ApiClientService {
     updateCart(params: ICartUpdateParams): Promise<ApiResult<ICart>>;
     prepareCheckout(params: ICheckoutPrepareParams): Promise<ApiResult<ICheckoutPrepare>>;
     updateCheckoutItems(params: ICheckoutItemsUpdateParams): Promise<ApiResult<ICheckoutItemsUpdateResponse>>;
+    checkoutFulfillment(params: ICheckoutFulfillmentParams): Promise<ApiResult<ICheckoutFulfillmentResponse>>;
     getPaymentSession(cartId: string, params?: {
         checkoutToken?: string;
         sessionType?: CheckoutPaymentSessionType;

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

@@ -38,6 +38,12 @@ export interface ICheckoutTipUpdatedEventData {
         tip: number;
     }>;
 }
+export interface ICheckoutDeliveryMethodUpdatedEventData {
+    cartId: string;
+    fulfillmentType: string;
+    previousFulfillmentType: string;
+    fulfillmentId: string;
+}
 export interface ICheckoutFailedEventData {
     message: 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, 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 { ICheckoutBillingInformationUpdatedEventData, ICheckoutCustomerInformationUpdatedEventData, ICheckoutDeliveryMethodUpdatedEventData, 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 {
@@ -69,6 +69,7 @@ export interface IElementsActionsEventsMap {
     [ELEMENTS_ACTIONS_EVENT.CHECKOUT_ITEM_QUANTITY_INCREASE]: ICheckoutItemQuantityChangedEventData;
     [ELEMENTS_ACTIONS_EVENT.CHECKOUT_ITEM_QUANTITY_DECREASE]: ICheckoutItemQuantityChangedEventData;
     [ELEMENTS_ACTIONS_EVENT.CHECKOUT_ITEM_ENGRAVING_UPDATED]: ICheckoutItemEngravingUpdatedEventData;
+    [ELEMENTS_ACTIONS_EVENT.CHECKOUT_DELIVERY_METHOD_UPDATED]: ICheckoutDeliveryMethodUpdatedEventData;
     [ELEMENTS_ACTIONS_EVENT.CHECKOUT_TIP_UPDATED]: ICheckoutTipUpdatedEventData;
     [ELEMENTS_ACTIONS_EVENT.CHECKOUT_SUBMIT_STARTED]: ICheckoutSubmitStartedEventData;
     [ELEMENTS_ACTIONS_EVENT.CHECKOUT_SUBMIT_COMPLETED]: ICheckoutSubmitCompletedEventData;

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

@@ -1,4 +1,4 @@
-import type { ICheckoutAmounts, ICheckoutBilling, ICheckoutCustomer, ICheckoutEvent, ICheckoutFulfillment, ICheckoutGiftCard, ICheckoutGiftRecipient, ICheckoutItem, ICheckoutMarketingPreferences, ICheckoutPaymentConfirm, ICheckoutPaymentSession, ICheckoutPresale, ICheckoutPromoCode, ICheckoutRetailer, ICheckoutShippingAddress } from '@/interfaces/api/checkout.interface';
+import type { ICheckoutAmounts, ICheckoutBilling, ICheckoutCustomer, ICheckoutEvent, ICheckoutFulfillment, ICheckoutFulfillmentMethod, ICheckoutGiftCard, ICheckoutGiftRecipient, ICheckoutItem, ICheckoutMarketingPreferences, ICheckoutPaymentConfirm, ICheckoutPaymentSession, ICheckoutPresale, ICheckoutPromoCode, ICheckoutRetailer, ICheckoutShippingAddress } from '@/interfaces/api/checkout.interface';
 export interface ICheckoutItemStore extends ICheckoutItem {
     loading: boolean;
     updating: boolean;
@@ -37,6 +37,13 @@ export interface ICheckoutPaymentFormStore {
     isValid: boolean;
     isSaving: boolean;
 }
+export interface ICheckoutDeliveryMethodStore {
+    methods: ICheckoutFulfillmentMethod[];
+    isExpanded: boolean;
+    isLoading: boolean;
+    isSwitching: boolean;
+    error: string | null;
+}
 export interface ICheckoutStore {
     initialized: boolean;
     token: string;
@@ -45,6 +52,7 @@ export interface ICheckoutStore {
     isGift: boolean;
     marketingPreferences: ICheckoutMarketingPreferences;
     appliedSavedMarketingPreferences: Partial<ICheckoutMarketingPreferences>;
+    deliveryMethod: ICheckoutDeliveryMethodStore;
     customerForm: ICheckoutCustomerFormStore;
     giftRecipientForm: ICheckoutGiftRecipientFormStore;
     paymentForm: ICheckoutPaymentFormStore;

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, ICheckoutExpressStore, ICheckoutGiftRecipientFormStore, ICheckoutItemStore, ICheckoutPaymentFormStore, ICheckoutPaymentMethodStore, ICheckoutPaymentSessionStore, ICheckoutStore } from '@/core/store/interfaces/checkout.interface';
+import type { ICheckoutCustomerFormStore, ICheckoutDeliveryMethodStore, 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.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}`;
+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.deliveryMethod.${keyof ICheckoutDeliveryMethodStore}` | `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

@@ -47,6 +47,7 @@ export declare const ELEMENTS_ACTIONS_EVENT: {
     readonly CHECKOUT_ITEM_QUANTITY_INCREASE: "checkout_item_quantity_increase";
     readonly CHECKOUT_ITEM_QUANTITY_DECREASE: "checkout_item_quantity_decrease";
     readonly CHECKOUT_ITEM_ENGRAVING_UPDATED: "checkout_item_engraving_updated";
+    readonly CHECKOUT_DELIVERY_METHOD_UPDATED: "checkout_delivery_method_updated";
     readonly CHECKOUT_TIP_UPDATED: "checkout_tip_updated";
     readonly CHECKOUT_SUBMIT_STARTED: "checkout_submit_started";
     readonly CHECKOUT_SUBMIT_COMPLETED: "checkout_submit_completed";
@@ -117,6 +118,7 @@ export declare const COMPONENT_TYPE: {
     readonly CHECKOUT_INFORMATION: "checkout-information";
     readonly CHECKOUT_STRIPE_HANDLER: "checkout-stripe-handler";
     readonly CHECKOUT_STRIPE_FORM: "checkout-stripe-form";
+    readonly CHECKOUT_DELIVERY_METHOD: "checkout-delivery-method";
     readonly CHECKOUT_PAYMENT: "checkout-payment";
     readonly CHECKOUT_PAYMENT_SUMMARY: "checkout-payment-summary";
     readonly CHECKOUT_BILLING: "checkout-billing";

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

@@ -122,6 +122,31 @@ export interface IAnonymousCheckoutAddProductResponse {
     checkout: ICheckoutPrepare | null;
     unavailableItems: IAnonymousCheckoutUnavailableItem[];
 }
+export type CheckoutFulfillmentUnavailableReason = 'product_not_available' | 'product_not_supported' | 'fulfillment_not_available' | 'outside_operating_hours';
+export interface ICheckoutFulfillmentMethod {
+    type: FulfillmentType;
+    available: boolean;
+    selected: boolean;
+    fee: number;
+    expectation: string;
+    engravingExpectation: string;
+    fulfillmentId: string;
+    partNumber: string;
+    retailerId: string;
+    reason: CheckoutFulfillmentUnavailableReason | null;
+}
+export type ICheckoutFulfillmentCarryOver = Omit<ICheckoutPrepareParams, 'cartId' | 'token' | 'deliveryTips' | 'deliveryInstructions'>;
+export interface ICheckoutFulfillmentParams {
+    cartId: string;
+    location: ILocation;
+    fulfillmentType?: FulfillmentType;
+    checkout?: ICheckoutFulfillmentCarryOver;
+}
+export interface ICheckoutFulfillmentResponse {
+    methods: ICheckoutFulfillmentMethod[];
+    cart: ICart | null;
+    checkout: ICheckoutPrepare | null;
+}
 export interface ICheckoutAmounts {
     subtotal: number;
     engraving: number;

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

@@ -1,6 +1,7 @@
 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 { FulfillmentType } from '@/enums';
 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';
@@ -116,6 +117,16 @@ export declare class CheckoutCommands extends BaseCommand {
         expressPaymentIntentId?: string;
     }): Promise<void>;
     private updateStoreFromCheckoutResponse;
+    private getDeliveryMethodLocation;
+    loadDeliveryMethods(): Promise<void>;
+    toggleDeliveryMethod(): void;
+    switchDeliveryMethod(fulfillmentType: FulfillmentType): Promise<void>;
+    private watchForReturnFromAddress;
+    relocateCheckout(): Promise<void>;
+    private requestFulfillment;
+    private deliveryMethodCarryOver;
+    private refreshPaymentAfterDeliveryMethodSwitch;
+    changeDeliveryLocation(trigger?: HTMLElement | null): void;
     private syncFromItemUpdate;
     private syncCheckoutState;
     private refreshCheckout;

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

@@ -11,5 +11,6 @@ export declare class CheckoutComponent extends BaseComponent<ICheckoutComponentP
     private updateInitializationState;
     afterRender(): void;
     protected template(): HTMLElement[];
+    private createAlerts;
     private createHeader;
 }

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

@@ -0,0 +1,22 @@
+import { BaseComponent } from '@/core/base-component.service';
+import type { ICheckoutComponent } from '@/interfaces/configs';
+export declare class CheckoutDeliveryMethodComponent extends BaseComponent<null, ICheckoutComponent> {
+    get hostClasses(): string[];
+    constructor();
+    protected connected(): void;
+    onStoreWatch(): void;
+    private hasOrderMoved;
+    private isSameAddress;
+    protected afterRender(): void;
+    protected template(): HTMLElement[];
+    private createHeader;
+    private createSummaryRow;
+    private createOptions;
+    private createOptionCard;
+    private createOptionTitleRow;
+    private describeOption;
+    private describeUnavailable;
+    private describeForScreenReader;
+    private createChangeLocationButton;
+    private formatFee;
+}

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

@@ -2,18 +2,12 @@ import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.servi
 import type { ICheckoutComponent } from '@/interfaces/configs';
 export declare class CheckoutPlaceOrderButtonComponent extends BaseComponent<null, ICheckoutComponent> {
     private placeOrderButton;
-    private errorContainer;
-    private errorTimeoutId;
     private lastButtonState;
-    private lastAnnouncedError;
     get hostClasses(): string[];
     constructor();
     afterRender(): void;
-    disconnected(): void;
     onStoreWatch(changes: IOnStoreChanged[]): void;
     private updateButtonState;
-    private clearErrorTimeout;
-    private updateErrorDisplay;
     private determineButtonState;
     private handlePlaceOrderClick;
     protected template(): HTMLElement[];

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

@@ -5,6 +5,7 @@ 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-delivery-method.component';
 export * from './checkout-express-checkout.component';
 export * from './checkout-express-completion.component';
 export * from './checkout-gift-cards.component';

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

@@ -1,3 +1,4 @@
+import { type FulfillmentType } from '@/enums';
 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";
@@ -33,3 +34,12 @@ export declare const billingFormFields: {
     readonly zipCode: "zipCode";
 };
 export type BillingFieldName = (typeof billingFormFields)[keyof typeof billingFormFields];
+export declare const DELIVERY_METHOD_LABEL: Record<FulfillmentType, string>;
+export declare const DELIVERY_METHOD_COLLAPSED_LABEL: Record<FulfillmentType, string>;
+export declare const DELIVERY_METHOD_UNAVAILABLE_COPY: Record<FulfillmentType, {
+    unavailable: string;
+    closed: string;
+    unsupported: string;
+}>;
+export declare const DELIVERY_METHOD_FREE_SHIPPING_THRESHOLD = 5000;
+export declare const CHANGE_LOCATION_FOCUS_KEY = "checkout-delivery-method-change-location";

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

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

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

@@ -1,24 +1,24 @@
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
 import type { StorePaths } from '@/core/store/interfaces/core.interface';
+export type AlertLevel = 'success' | 'warning' | 'error';
 export interface IAlertComponentParams {
-    errorStorePath: StorePaths;
-    fromEvents?: boolean;
+    storePaths: StorePaths[];
     showFirstEvent?: boolean;
     autoHideDelay?: number;
 }
 export declare class AlertComponent extends BaseComponent<IAlertComponentParams, null> {
     private hideTimeout;
-    private elements;
-    private lastAnnouncedKey;
+    private lastAnnounced;
     get hostClasses(): string[];
     beforeSetupStoreWatchers(): void;
-    afterRender(): void;
     onStoreWatch(changes: IOnStoreChanged[]): void;
-    private getErrorMessages;
-    private createErrorElement;
-    private scheduleHide;
-    private hideAllErrors;
-    private updateAlert;
+    afterRender(): void;
     protected template(): HTMLElement[];
+    private getAlerts;
+    private discard;
+    private createAlert;
+    private createDismissButton;
+    private scheduleSuccessHide;
+    private announce;
     disconnectedCallback(): void;
 }

package/docs/v1/guides/accessibility.md

@@ -121,6 +121,14 @@ on render, and a live region recreated with its text already in place is not ann
   `aria-selected` / `aria-checked` — not toggle buttons with `aria-pressed`, which would describe
   each choice as an independent on/off switch. Product sizes are a `listbox`; the delivery options
   under each method are a `radiogroup`.
+- Checkout's **Delivery Method** section is an accordion whose header is a real `button` carrying
+  `aria-expanded`, and whose two methods are a `radiogroup` of `radio` cards. Choosing one re-prices
+  the order, so selection does not follow focus here either: arrow keys move between the methods and
+  `Enter` / `Space` commits, rather than committing a switch the shopper was only passing through.
+  A method that cannot fulfil is `aria-disabled` and not activatable, but the **Change Location**
+  button inside it stays reachable — it is the way out of that state, so it must not be sealed in
+  with the option it sits under. Each card names the method, its fee and its timing, or, when it
+  cannot fulfil, the reason why.
 - The delivery-method controls are a `tablist` of `tab`s. Only one method's options are rendered at
   a time, so the selected tab carries `aria-controls` and the region it swaps in is the matching
   `tabpanel`, labelled by that tab; the inactive tab points at nothing, because there is nothing

package/docs/v1/guides/checkout-component.md

@@ -371,6 +371,17 @@ window.addEventListener('lce:actions.checkout_item_quantity_decrease', (event) =
 });
 ```
 
+### Delivery Method
+
+Fires when the shopper switches a single-item checkout between same-day delivery and shipping.
+
+```javascript
+window.addEventListener('lce:actions.checkout_delivery_method_updated', (event) => {
+  const { fulfillmentType, previousFulfillmentType } = event.detail.data;
+  console.log(`Delivery method: ${previousFulfillmentType} to ${fulfillmentType}`);
+});
+```
+
 ### Tips
 
 ```javascript

package/docs/v1/guides/events.md

@@ -706,6 +706,22 @@ window.addEventListener('lce:actions.checkout_item_engraving_updated', (event) =
 });
 ```
 
+### `lce:actions.checkout_delivery_method_updated`
+
+Fires when the shopper moves a single-item checkout between same-day delivery and shipping. The order
+is re-priced, so the totals change with it.
+
+**Data includes:** `cartId`, `fulfillmentType`, `previousFulfillmentType`, `fulfillmentId`.
+
+**Example**
+
+```javascript
+window.addEventListener('lce:actions.checkout_delivery_method_updated', (event) => {
+  const { data } = event.detail;
+  console.log('Delivery method now', data.fulfillmentType);
+});
+```
+
 ### `lce:actions.checkout_tip_updated`
 
 Fires when delivery tips are updated.

package/package.json

@@ -3,7 +3,7 @@
   "description": "LiquidCommerce Elements SDK",
   "license": "UNLICENSED",
   "author": "LiquidCommerce Team",
-  "version": "2.6.0-beta.120",
+  "version": "2.6.0-beta.122",
   "homepage": "https://docs.liquidcommerce.co/elements-sdk",
   "repository": {
     "type": "git",
@@ -14,7 +14,7 @@
   },
   "module": "./dist/index.esm.js",
   "types": "./dist/types/index.d.ts",
-  "packageManager": "pnpm@11.24.0",
+  "packageManager": "pnpm@12.9.1",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -109,7 +109,7 @@
     "theming"
   ],
   "devDependencies": {
-    "@biomejs/biome": "^2.5.14",
+    "@biomejs/biome": "^2.5.15",
     "@commitlint/cli": "^21.2.3",
     "@commitlint/config-conventional": "^21.2.3",
     "@playwright/test": "1.63.0",
@@ -126,18 +126,18 @@
     "@semantic-release/npm": "^13.2.0",
     "@semantic-release/release-notes-generator": "^14.1.1",
     "@types/core-js": "^2.5.8",
-    "@types/node": "^26.6.3",
+    "@types/node": "^26.6.4",
     "conventional-changelog": "8.1.3",
     "husky": "^9.1.7",
-    "jsdom": "30.1.1",
+    "jsdom": "30.1.2",
     "process": "^0.11.10",
-    "rollup": "^4.63.5",
+    "rollup": "^4.64.0",
     "rollup-obfuscator": "^4.1.1",
     "rollup-plugin-typescript2": "^0.37.0",
     "semantic-release": "^25.0.9",
     "ts-node": "^10.9.2",
     "typescript": "6.0.3",
-    "vitest": "5.0.2"
+    "vitest": "5.0.3"
   },
   "engines": {
     "node": ">=22"