@liquidcommerce/elements-sdk 2.6.0-beta.12 → 2.6.0-beta.121

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/checkout-header.component.d.ts

@@ -2,6 +2,7 @@ import { BaseComponent } from '@/core/base-component.service';
 export interface ICheckoutHeaderParams {
     onClose?: () => void;
     onBackToCart?: () => void;
+    isHostedCheckout?: boolean;
 }
 export declare class CheckoutHeaderComponent extends BaseComponent<ICheckoutHeaderParams> {
     get hostClasses(): string[];

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

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

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

@@ -1,14 +1,15 @@
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
 import type { ICheckoutComponent } from '@/interfaces/configs';
 export declare class CheckoutItemsComponent extends BaseComponent<null, ICheckoutComponent> {
+    private togglerElement;
+    private togglerButton;
+    private togglerLabel;
+    private itemsList;
     get hostClasses(): string[];
     constructor();
     private createItemElement;
-    private getItemsListContainer;
-    private getTogglerLabel;
     private getCurrentItemsMap;
     private syncItemsWithStore;
-    private updateItemCount;
     onStoreChanged(changes: IOnStoreChanged[]): boolean | undefined;
     private handleToggle;
     private setupToggler;

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

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

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

@@ -5,9 +5,9 @@ export interface ICheckoutSendToFormComponentParams {
 }
 export declare class CheckoutPaymentComponent extends BaseComponent<ICheckoutSendToFormComponentParams, ICheckoutComponent> {
     private stripeHandlerElement;
-    private hardcodedPaymentElement;
     private saveButton;
     private errorMessageElement;
+    private walletInstructionsElement?;
     private billingFormData;
     private isValidBillingForm;
     private isBillingSameAsShipping;
@@ -17,10 +17,15 @@ export declare class CheckoutPaymentComponent extends BaseComponent<ICheckoutSen
     private isSavingPayment;
     get hostClasses(): string[];
     constructor();
+    private getInjectedPaymentMethod;
     onStoreWatch(changes: IOnStoreChanged[]): void;
     private handleBillingSameAsShippingChange;
     afterRender(): Promise<void>;
     private updateSaveButtonState;
+    private getSelectedWallet;
+    private getPaymentButtonText;
+    private updateWalletInstructions;
+    private lastAnnouncedPaymentError;
     private updateErrorMessage;
     private showError;
     protected template(): HTMLElement[];

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

@@ -2,16 +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;
     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/checkout-presale-countdown.component.d.ts

@@ -1,9 +1,13 @@
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
 export declare class CheckoutPresaleCountdownComponent extends BaseComponent<null> {
+    private static readonly DEFAULT_PRESALE_DURATION_SECONDS;
+    private static readonly ONE_MINUTE_THRESHOLD_SECONDS;
+    private static readonly COUNTDOWN_UPDATE_INTERVAL_MS;
     private countdownInterval;
     private expiresAt;
-    private totalDuration;
+    private initialDurationSeconds;
     private rootElement;
+    private lastRenderedTime;
     private scrollHandler;
     private scrollContainer;
     private isCurrentlyScrolled;
@@ -11,16 +15,26 @@ export declare class CheckoutPresaleCountdownComponent extends BaseComponent<nul
     get hostClasses(): string[];
     constructor();
     onStoreChanged(changes: IOnStoreChanged[]): boolean;
+    private resetCountdownState;
     protected afterRender(): void;
     protected disconnected(): void;
     private setupDrawerScrollDetection;
+    private findScrollContainer;
+    private setScrolledState;
     private isScrollable;
     private cleanupScrollListener;
     private updateExpiresAt;
     private startCountdown;
     private stopCountdown;
     private updateCountdown;
+    private updateWarningState;
+    private updateTimerDisplay;
+    private updateProgressBar;
     private formatTime;
     private handleExpire;
     protected template(): HTMLElement;
+    private createTextContainer;
+    private createHeader;
+    private createSubtitle;
+    private createProgressBar;
 }

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

@@ -1,11 +1,17 @@
 import { BaseComponent } from '@/core/base-component.service';
 import type { ICheckoutComponent } from '@/interfaces/configs';
-export declare class CheckoutPresaleExpiredComponent extends BaseComponent<null, ICheckoutComponent> {
+export type PresaleExpiredReason = 'time_expired' | 'items_unavailable';
+export interface ICheckoutPresaleExpiredComponentParams {
+    reason: PresaleExpiredReason;
+}
+export declare class CheckoutPresaleExpiredComponent extends BaseComponent<ICheckoutPresaleExpiredComponentParams, ICheckoutComponent> {
     private autoCloseInterval;
     private autoCloseSeconds;
     private autoCloseElement;
     get hostClasses(): string[];
     get hostAttributes(): Record<string, string>;
+    private isItemsUnavailable;
+    private isTimeExpired;
     protected afterRender(): void;
     protected disconnected(): void;
     private handleExit;

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

@@ -0,0 +1,8 @@
+import { BaseComponent } from '@/core/base-component.service';
+import type { ICheckoutComponent } from '@/interfaces/configs';
+export declare class CheckoutProp65WarningComponent extends BaseComponent<null, ICheckoutComponent> {
+    constructor();
+    get hostClasses(): string[];
+    private colorMode;
+    protected template(): HTMLElement | HTMLElement[];
+}

package/dist/types/modules/checkout/components/checkout-send-as-gift.component.d.ts

@@ -3,5 +3,8 @@ import type { ICheckoutComponent } from '@/interfaces/configs';
 export declare class CheckoutSendAsGiftComponent extends BaseComponent<null, ICheckoutComponent> {
     get hostClasses(): string[];
     constructor();
+    private pendingToggleFocus;
+    protected afterRender(): void;
+    private readonly onToggle;
     protected template(): HTMLElement[];
 }

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

@@ -1,3 +1,4 @@
+import { SafeHTMLElement } from '@/utils/dom-compat';
 declare global {
     interface Window {
         Stripe: any;
@@ -17,20 +18,25 @@ export interface IStripeConfig {
     elementOptions?: Record<string, any>;
 }
 export interface IStripeFormStatus {
+    selectedPaymentType?: string;
+    hasPendingConfirmation?: boolean;
     isFormComplete: boolean;
     isProcessing: boolean;
     hasCompletedPayment: boolean;
     hasError: boolean;
     errorMessage: string | null;
 }
-export declare class CheckoutStripeFormComponent extends HTMLElement {
+export declare class CheckoutStripeFormComponent extends SafeHTMLElement {
     private _initialized;
+    private _lifecycleGeneration;
     private _stripe;
     private _stripeElements;
     private _paymentElement;
     private _isProcessing;
+    private _selectedPaymentType;
     private _isFormComplete;
     private _hasUsedCurrentSession;
+    private _pendingConfirmation;
     private _stripeConfig;
     private _sessionRefreshPromise;
     initialize({ data }: {
@@ -44,7 +50,6 @@ export declare class CheckoutStripeFormComponent extends HTMLElement {
     private handleSubmit;
     private requestSessionRefresh;
     private refreshPaymentSession;
-    private resetForm;
     private updateStripeFormStatus;
     private createConfirmationTokenId;
     disconnected(): Promise<void>;

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

@@ -4,10 +4,12 @@ export declare class CheckoutTipsComponent extends BaseComponent<null, ICheckout
     private isInitialized;
     get hostClasses(): string[];
     constructor();
+    private pendingTipFocus;
+    private restoreTipFocus;
     protected afterRender(): void;
     private getTipSelection;
-    private getOnDemandFulfillmentTipInfo;
-    private getFulfillmentTipInfoArray;
+    private getOnDemandFulfillments;
+    private getRetailerNameForFulfillment;
     private handlePercentageSelect;
     private handleFulfillmentTipInput;
     private removeTipFromFulfillment;

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

@@ -5,6 +5,9 @@ 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';
 export * from './checkout-header.component';
 export * from './checkout-information.component';
@@ -18,6 +21,7 @@ export * from './checkout-place-order-button.component';
 export * from './checkout-presale-countdown.component';
 export * from './checkout-presale-expired.component';
 export * from './checkout-promo-code.component';
+export * from './checkout-prop65-warning.component';
 export * from './checkout-send-as-gift.component';
 export * from './checkout-stripe-form.component';
 export * from './checkout-stripe-handler.component';

package/dist/types/modules/checkout/components/promo-pc-gc.component.d.ts

@@ -7,8 +7,6 @@ export declare class CheckoutPcGcComponent extends BaseComponent<null, ICheckout
     onStoreWatch(changes: IOnStoreChanged[]): void;
     private updateAppliedGiftCards;
     private createAppliedGiftCardElement;
-    private pcInputContainer;
-    private gcInputContainer;
     private inputContainer;
     private createErrorElement;
     protected template(): HTMLElement[];

package/dist/types/modules/checkout/components/required-fields-legend.d.ts

@@ -0,0 +1 @@
+export declare function requiredFieldsLegend(className?: string): HTMLElement;

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

@@ -1,4 +1,7 @@
+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";
 export declare const customerFormFields: {
     readonly firstName: "firstName";
     readonly lastName: "lastName";
@@ -8,6 +11,7 @@ export declare const customerFormFields: {
     readonly addressTwo: "addressTwo";
     readonly company: "company";
 };
+export type CustomerFieldName = (typeof customerFormFields)[keyof typeof customerFormFields];
 export declare const giftFormFields: {
     readonly firstName: "firstName";
     readonly lastName: "lastName";
@@ -16,6 +20,7 @@ export declare const giftFormFields: {
     readonly addressTwo: "addressTwo";
     readonly message: "message";
 };
+export type GiftFieldName = (typeof giftFormFields)[keyof typeof giftFormFields];
 export declare const billingFormFields: {
     readonly firstName: "firstName";
     readonly lastName: "lastName";
@@ -28,3 +33,13 @@ export declare const billingFormFields: {
     readonly state: "state";
     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/customer-prefill.d.ts

@@ -0,0 +1,5 @@
+import type { ICheckoutCustomer } from '@/interfaces/api/checkout.interface';
+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/payment-session-error.d.ts

@@ -0,0 +1,4 @@
+import { SDKError } from '@/core/sdk-error-handler';
+export declare class PaymentSessionRefreshError extends SDKError {
+    constructor(message: string);
+}

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

@@ -0,0 +1 @@
+export declare const getDeliveryMethodStyles: () => 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/checkout/styles/register-styles.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,13 +1,34 @@
 import type { IProductFulfillmentStore } from '@/core/store/interfaces/product.interface';
 import { type FulfillmentType } from '@/enums';
 import type { IProductSizeAttributes } from '@/interfaces/api/product.interface';
-export declare function renderPopupRetailerCard({ fulfillment, selectedFulfillmentType, isSelected, selectedSizeAttributes, }: {
+export declare const FULFILLMENT_TAB_SELECTOR = ".fulfillment-tab";
+export declare function fulfillmentTabId(idPrefix: string, type: FulfillmentType): string;
+export declare function fulfillmentExpectationText(fulfillment: IProductFulfillmentStore, selectedSizeAttributes: IProductSizeAttributes | null, onDemandSelected: boolean): string;
+export declare function fulfillmentFeeText(fulfillment: IProductFulfillmentStore, { prefix, freeLabel }?: {
+    prefix?: string | undefined;
+    freeLabel?: string | undefined;
+}): string;
+export declare function fulfillmentOptionLabel({ fulfillment, selectedFulfillmentType, selectedSizeAttributes, }: {
+    fulfillment: IProductFulfillmentStore;
+    selectedFulfillmentType: FulfillmentType;
+    selectedSizeAttributes: IProductSizeAttributes | null;
+}): string;
+export declare function fulfillmentSelectedMessage(fulfillment: IProductFulfillmentStore, type: FulfillmentType, selectedSizeAttributes: IProductSizeAttributes | null): string;
+export declare function fulfillmentTypeMessage(type: FulfillmentType, optionCount: number, autoSelected?: {
+    fulfillment: IProductFulfillmentStore;
+    selectedSizeAttributes: IProductSizeAttributes | null;
+} | null): string;
+export declare function focusSelectedFulfillmentTab(root: ParentNode): boolean;
+export declare function applyFulfillmentPanelSemantics(panel: HTMLElement, tabsContainer: HTMLElement, panelId: string, selectedTabId: string): void;
+export declare function renderPopupRetailerCard({ fulfillment, selectedFulfillmentType, isSelected, selectedSizeAttributes, interactive, disabled, }: {
     fulfillment: IProductFulfillmentStore;
     selectedFulfillmentType: FulfillmentType;
     isSelected: boolean;
     selectedSizeAttributes: IProductSizeAttributes | null;
+    interactive?: boolean;
+    disabled?: boolean;
 }): HTMLElement;
-export declare function renderFulfillmentTabsContainer({ shippingFulfillments, onDemandFulfillments, shippingSelected, onDemandSelected, onTabClick, enableShippingFulfillment, enableOnDemandFulfillment, }: {
+export declare function renderFulfillmentTabsContainer({ shippingFulfillments, onDemandFulfillments, shippingSelected, onDemandSelected, onTabClick, enableShippingFulfillment, enableOnDemandFulfillment, primaryFulfillmentMethod, idPrefix, panelId, }: {
     shippingFulfillments: IProductFulfillmentStore[];
     onDemandFulfillments: IProductFulfillmentStore[];
     shippingSelected: boolean;
@@ -15,4 +36,7 @@ export declare function renderFulfillmentTabsContainer({ shippingFulfillments, o
     onTabClick: (event: Event) => void;
     enableShippingFulfillment: boolean;
     enableOnDemandFulfillment: boolean;
+    primaryFulfillmentMethod: FulfillmentType;
+    idPrefix: string;
+    panelId: string;
 }): HTMLElement;

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

@@ -1,5 +1,6 @@
 export * from './components';
 export * from './product-add-to-cart-section.component';
+export * from './product-delivery-estimate.component';
 export * from './product-description.component';
 export * from './product-drawer.component';
 export * from './product-image-carousel.component';

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

@@ -1,4 +1,4 @@
-import { BaseComponent } from '@/core/base-component.service';
+import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
 import type { IProductComponent } from '@/interfaces/configs';
 export interface IAddToCartSectionComponentParams {
     productId: string;
@@ -8,19 +8,26 @@ export declare class ProductAddToCartSectionComponent extends BaseComponent<IAdd
     private qtyIncreaseButton;
     private qtyDecreaseButton;
     private quantityText;
+    private pendingFocusKey;
     get hostClasses(): string[];
     get hostAttributes(): Record<string, string>;
     constructor();
     private getProductId;
+    onStoreChanged(changes: IOnStoreChanged[]): boolean | undefined;
+    afterRender(): void;
     private getAvailableQuantity;
     private isFulfillmentClosed;
+    private isRequiredEngravingUnavailable;
     private isButtonLoading;
     private calculateQuantityLimits;
     private handleAddToCart;
     private handleQuantityChange;
     private calculateTotalPrice;
+    private stepperFocusKey;
+    private createStepper;
     private createQuantityContainer;
     private getSizeAttributes;
+    private openEngravingForm;
     private isPresaleActive;
     private createAddToCartButton;
     protected template(): HTMLElement[] | string;

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

@@ -0,0 +1,11 @@
+import { BaseComponent } from '@/core/base-component.service';
+import type { IProductComponent } from '@/interfaces/configs';
+export interface IProductDeliveryEstimateComponentParams {
+    productId: string;
+}
+export declare class ProductDeliveryEstimateComponent extends BaseComponent<IProductDeliveryEstimateComponentParams, IProductComponent> {
+    get hostClasses(): string[];
+    constructor();
+    private getProductId;
+    protected template(): HTMLElement[];
+}

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

@@ -1,6 +1,7 @@
 import { BaseComponent } from '@/core/base-component.service';
 export interface IProductDescriptionComponentParams {
     productId: string;
+    hideTitle?: boolean;
 }
 export declare class ProductDescriptionComponent extends BaseComponent<IProductDescriptionComponentParams, null> {
     get hostClasses(): string[];

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

@@ -8,12 +8,18 @@ export declare class ProductDrawerComponent extends BaseComponent<IProductDrawer
     private isOpen;
     private contentContainer;
     private currentContentType;
+    private focusEntryFrame;
+    private readonly focusManager;
+    private readonly boundHandleKeydown;
     constructor();
+    private handleKeydown;
+    disconnected(): void;
     private getProductId;
     onStoreChanged(changes: IOnStoreChanged[]): boolean;
     private openWithContent;
     private open;
     private close;
+    private moveFocusIntoPanel;
     private updateDrawerState;
     protected template(): HTMLElement;
 }

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

@@ -8,6 +8,7 @@ export interface IImageCarouselParams {
 export declare class ProductImageCarouselComponent extends BaseComponent<IImageCarouselParams, IProductComponent> {
     get hostClasses(): string[];
     private mainImageElement;
+    private mainImageMediaElement;
     private galleryViewport;
     private galleryContainer;
     private thumbnails;
@@ -17,6 +18,8 @@ export declare class ProductImageCarouselComponent extends BaseComponent<IImageC
     private startX;
     private currentTranslateX;
     private translateX;
+    private boundDragMove;
+    private boundDragEnd;
     constructor();
     afterRender(): void;
     onStoreWatch(changes: IOnStoreChanged[]): void;
@@ -26,11 +29,13 @@ export declare class ProductImageCarouselComponent extends BaseComponent<IImageC
     private scrollToIndex;
     private setupMainImageSwipe;
     private setupGalleryDrag;
+    protected disconnected(): void;
     private handleDragStart;
     private handleDragMove;
     private handleDragEnd;
     private updateTransform;
     private nextImage;
     private previousImage;
+    private mainImageLabel;
     protected template(): HTMLElement[];
 }

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

@@ -8,5 +8,6 @@ export declare class ProductOptionsComponent extends BaseComponent<IProductOptio
     constructor();
     private getProductId;
     onStoreWatch(changes: IOnStoreChanged[]): void;
-    protected template(): HTMLElement;
+    protected template(): HTMLElement | HTMLElement[];
+    private buildDescriptionElement;
 }

package/dist/types/modules/product/components/product-prop65-warning.d.ts

@@ -0,0 +1 @@
+export declare function createProductProp65Warning(): HTMLDetailsElement;

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

@@ -8,19 +8,25 @@ export declare class ProductRetailersCarouselComponent extends BaseComponent<IPr
     private listViewport;
     private listContainer;
     private retailerCards;
+    private pendingTabFocus;
     private isDragging;
     private hasMoved;
     private startX;
     private currentTranslateX;
     private translateX;
+    private boundDragMove;
+    private boundDragEnd;
     constructor();
     afterRender(): void;
     private cacheElements;
     private getProductId;
+    private get instanceIdPrefix();
+    private selectedSizeAttributes;
     onStoreWatch(changes: IOnStoreChanged[]): void;
     private updateSelectedCard;
     private scrollToIndex;
     private setupDrag;
+    protected disconnected(): void;
     private handleDragStart;
     private handleDragMove;
     private handleDragEnd;