@liquidcommerce/elements-sdk 2.6.0-beta.3 → 2.6.0-beta.30

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

@@ -1,4 +1,4 @@
-import type { PRODUCT_LIST_CARD_VARIANT, PRODUCT_LIST_FILTER_TYPES } from '@/constants';
+import type { PRODUCT_LIST_FILTER_TYPES } from '@/constants';
 import type { IAddressActions, ICartActions, ICheckoutActions, IProductActions } from '@/core/client/client-action.service';
 import type { IClientConfigs } from '@/core/client/client-config.service';
 import type { ComponentType, DebugMode, ElementsEnv } from '@/enums';
@@ -28,6 +28,7 @@ export interface ILiquidCommerceElementsBaseConfig {
     promoTicker?: IPromoTicker[];
     customTheme?: IClientCustomThemeConfig;
     debugMode?: DebugMode;
+    checkoutUrl?: string;
 }
 export interface ILiquidCommerceElementsBuilderConfig extends ILiquidCommerceElementsBaseConfig {
 }
@@ -39,17 +40,21 @@ export interface IInjectProductElement {
     containerId: string;
     identifier: string;
 }
-export type ProductListCardVariantType = (typeof PRODUCT_LIST_CARD_VARIANT)[keyof typeof PRODUCT_LIST_CARD_VARIANT];
 export type ProductListFilterType = (typeof PRODUCT_LIST_FILTER_TYPES)[keyof typeof PRODUCT_LIST_FILTER_TYPES];
 export interface IInjectProductListParams {
     containerId: string;
     rows?: number;
     columns?: number;
-    cardVariant?: ProductListCardVariantType;
-    fillCard?: boolean;
     filters?: ProductListFilterType[];
     productUrl?: string;
 }
+export interface IInjectProductListSearchParams {
+    containerId: string;
+}
+export interface IInjectProductListFiltersParams {
+    containerId: string;
+    filters: ProductListFilterType[];
+}
 export interface IBuilderInjectElementParams {
     type: ComponentType;
     containerId: string;
@@ -65,6 +70,11 @@ export interface IProcessInjectElementParams {
     containerId: string;
     identifier?: string;
     options?: IAddressOptions;
+    checkoutId?: string;
+}
+export interface IInjectCheckoutParams {
+    containerId: string;
+    checkoutId?: string;
 }
 export interface ILiquidCommerceElementsUIMethod {
     cartButton(containerId: string, showItemsCount?: boolean): void;
@@ -101,8 +111,10 @@ export interface ILiquidCommerceElementsClient {
     injectProductElement(params: IInjectProductElement[]): Promise<IInjectedComponent[]>;
     injectAddressElement(containerId: string, options?: IAddressOptions): Promise<IInjectedComponent | null>;
     injectCartElement(containerId: string): Promise<IInjectedComponent | null>;
-    injectCheckoutElement(containerId: string): Promise<IInjectedComponent | null>;
+    injectCheckoutElement(params: IInjectCheckoutParams): Promise<IInjectedComponent | null>;
     injectProductList(params: IInjectProductListParams): Promise<void>;
+    injectProductListSearch(params: IInjectProductListSearchParams): Promise<void>;
+    injectProductListFilters(params: IInjectProductListFiltersParams): Promise<void>;
     ui: ILiquidCommerceElementsUIMethod;
     actions: ILiquidCommerceElementsActions;
     getInjectedComponents(): Map<string, IInjectedComponent>;

package/dist/types/modules/address/address.command.d.ts

@@ -1,6 +1,5 @@
 import { BaseCommand } from '@/core/command/base-command.service';
-import type { IAddress, IAddressAutocompleteResult, IAddressDetailsResult, ICoords } from '@/interfaces/cloud';
-import type { IAddressData } from './address.interface';
+import type { IAddressAddress, IAddressAutocompleteResult, IAddressCoordinates, IAddressData, IAddressDetailsResult } from '@/interfaces/api/address.interface';
 export declare class AddressCommands extends BaseCommand {
     private productCommands;
     private cartCommands;
@@ -9,7 +8,8 @@ export declare class AddressCommands extends BaseCommand {
     searchAddresses(query: string): Promise<IAddressAutocompleteResult[]>;
     getAddressDetails(addressId: string): Promise<IAddressDetailsResult>;
     setSelectedAddress(addressData: IAddressData): Promise<void>;
-    setAddressManually(address: Omit<IAddress, 'id'>, coordinates: ICoords): Promise<void>;
+    setAddressManually(address: IAddressAddress, coordinates: IAddressCoordinates): Promise<void>;
     clearSelectedAddress(): Promise<void>;
     getDetails(): IAddressData | null;
+    private buildFormattedAddressString;
 }

package/dist/types/modules/address/address.interface.d.ts

@@ -1,10 +1,3 @@
-import type { IAddress, ICoords } from '@/interfaces/cloud/address.interface';
 export interface IAddressOptions {
     showLabel?: boolean;
 }
-export interface IAddressData {
-    id: string;
-    formattedAddress: string;
-    address: Omit<IAddress, 'id'>;
-    coordinates: ICoords;
-}

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

@@ -1,7 +1,6 @@
 import { BaseCommand } from '@/core/command/base-command.service';
 import type { IBaseCartEventData } from '@/core/pubsub/interfaces/cart.interface';
 export interface AddItemParams {
-    upc: string;
     fulfillmentId: string;
     partNumber: string;
     quantity: number;
@@ -9,17 +8,15 @@ export interface AddItemParams {
     identifier: string;
 }
 export declare class CartCommands extends BaseCommand {
-    private readonly uiCommands;
-    private readonly checkoutCommands;
-    private readonly commonCommands;
     constructor();
     static getInstance(): CartCommands;
     updateItemQuantity(itemId: string, delta: number): Promise<void>;
     removeItem(itemId: string, isNotStandAlone?: boolean): Promise<void>;
     updateItemEngraving(productItemId: string, engravingLines: string[]): Promise<void>;
     addItem(params: AddItemParams): Promise<void>;
-    addPresaleItem(params: AddItemParams): Promise<void>;
     handleGoToCheckout(): Promise<void>;
+    private trackBeginCheckout;
+    private resolveCheckoutRedirectUrl;
     applyPromoCode(promoCode: string): Promise<void>;
     removePromoCode(): Promise<void>;
     rerenderCart(): void;
@@ -32,4 +29,6 @@ export declare class CartCommands extends BaseCommand {
     private updateFulfillment;
     private addNewFulfillmentAndRetailer;
     private cleanupAfterItemRemoval;
+    private syncCartState;
+    private buildCartLoadedEventData;
 }

package/dist/types/modules/cart/components/cart-body.component.d.ts

@@ -1,5 +1,6 @@
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
-export declare class CartBodyComponent extends BaseComponent<null, null> {
+import type { ICartComponent } from '@/interfaces/configs';
+export declare class CartBodyComponent extends BaseComponent<null, ICartComponent> {
     get hostClasses(): string[];
     constructor();
     private createEmptyCartElement;

package/dist/types/modules/cart/components/cart-footer.component.d.ts

@@ -12,7 +12,6 @@ export declare class CartFooterComponent extends BaseComponent<ICartFooterCompon
     onStoreWatch(changes: IOnStoreChanged[]): void;
     afterRender(): void;
     private isAnythingLoading;
-    private hasUnmetMinimum;
     private shouldDisableCheckout;
     private updateCheckoutButtonState;
     private updateSubtotalItemsCount;

package/dist/types/modules/cart/components/cart-fulfillment.component.d.ts

@@ -6,7 +6,6 @@ export declare class CartFulfillmentComponent extends BaseComponent<ICartFulfill
     get hostClasses(): string[];
     constructor();
     private getFulfillmentId;
-    private getProductStore;
     private handleItemsUpdate;
     private setupItemElements;
     private setupMinimumPurchaseAlert;
@@ -17,7 +16,6 @@ export declare class CartFulfillmentComponent extends BaseComponent<ICartFulfill
     private isAnyItemUpdating;
     private checkAndUpdateLoadingState;
     onStoreChanged(changes: IOnStoreChanged[]): boolean | undefined;
-    private hasFulfillmentFeesChanged;
     private hasFulfillmentDataChanged;
     protected afterRender(): void;
     protected disconnected(): void;

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

@@ -1,11 +1,18 @@
 import { BaseCommand } from '@/core/command/base-command.service';
-import type { ICheckoutBillingStore, ICheckoutCustomerStore, ICheckoutGiftRecipientStore, ICheckoutPaymentMethodStore } from '@/core/store/interfaces/checkout.interface';
+import type { ICheckoutDetailsEventData } from '@/core/pubsub/interfaces/checkout.interface';
+import type { ICheckoutPaymentMethodStore } from '@/core/store/interfaces/checkout.interface';
+import type { ICheckoutBilling, ICheckoutCustomer, ICheckoutGiftRecipient } from '@/interfaces/api/checkout.interface';
+import type { AddItemParams } from '@/modules/cart/cart.commands';
+import type { PresaleExpiredReason } from '@/modules/checkout/components';
 export declare class CheckoutCommands extends BaseCommand {
     private readonly uiCommands;
-    private readonly commonCommands;
     constructor();
     static getInstance(): CheckoutCommands;
-    loadCheckout(cartIdParam?: string): Promise<void>;
+    addPresaleItem(params: AddItemParams): Promise<void>;
+    loadCheckout(params: {
+        customCartId?: string;
+        isForPresale?: boolean;
+    }): Promise<void>;
     toggleIsGift(active?: boolean): Promise<void>;
     toggleBillingSameAsShipping(active?: boolean): Promise<void>;
     toggleMarketingPreferences(fieldName: 'canEmail' | 'canSms', active?: boolean): Promise<void>;
@@ -17,7 +24,7 @@ export declare class CheckoutCommands extends BaseCommand {
     applyGiftCard(code: string): Promise<void>;
     removeGiftCard(code: string): Promise<void>;
     clearGiftCardError(): Promise<void>;
-    openPresaleExpiredDrawer(): void;
+    openPresaleExpiredDrawer(reason?: PresaleExpiredReason): void;
     rerenderCheckout(): void;
     updateCheckoutItemQuantity(itemId: string, delta: number): Promise<void>;
     removeItemEngraving(productItemId: string): Promise<void>;
@@ -28,18 +35,18 @@ export declare class CheckoutCommands extends BaseCommand {
     clearCheckoutError(): Promise<void>;
     editCustomerForm(): Promise<void>;
     saveCustomerForm({ shippingAddressTwo, deliveryInstructions, customerData, }: {
-        customerData: ICheckoutCustomerStore;
+        customerData: ICheckoutCustomer;
         shippingAddressTwo: string;
         deliveryInstructions: string;
     }): Promise<void>;
     editGiftRecipientForm(): Promise<void>;
-    saveGiftRecipientForm({ shippingAddressTwo, deliveryInstructions, ...giftRecipientData }: ICheckoutGiftRecipientStore & {
+    saveGiftRecipientForm({ shippingAddressTwo, deliveryInstructions, ...giftRecipientData }: ICheckoutGiftRecipient & {
         shippingAddressTwo: string;
         deliveryInstructions: string;
     }): Promise<void>;
     editPaymentForm(): Promise<void>;
     savePaymentForm({ billingFormData, paymentSession, }: {
-        billingFormData?: ICheckoutBillingStore;
+        billingFormData?: ICheckoutBilling;
         paymentSession?: {
             confirmationTokenId: string;
             setupIntentId: string;
@@ -47,7 +54,9 @@ export declare class CheckoutCommands extends BaseCommand {
     }): Promise<void>;
     checkoutComplete(): Promise<void>;
     private updateStoreFromCheckoutResponse;
-    private partialLoadCheckout;
+    private syncFromItemUpdate;
+    private syncCheckoutState;
+    private refreshCheckout;
     private dataForCheckoutPrepare;
-    private buildCheckoutItemStore;
+    getDetails(): ICheckoutDetailsEventData;
 }

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

@@ -1,8 +1,8 @@
 import { BaseComponent } from '@/core/base-component.service';
-import type { ICheckoutBillingStore } from '@/core/store/interfaces/checkout.interface';
+import type { ICheckoutBilling } from '@/interfaces/api/checkout.interface';
 import type { ICheckoutComponent } from '@/interfaces/configs';
 export interface ICheckoutBillingComponentParams {
-    isFormValid: (isValid: boolean, data: ICheckoutBillingStore) => void;
+    isFormValid: (isValid: boolean, data: ICheckoutBilling) => void;
 }
 export declare class CheckoutBillingComponent extends BaseComponent<ICheckoutBillingComponentParams, ICheckoutComponent> {
     private billingData;

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-presale-countdown.component.d.ts

@@ -1,8 +1,11 @@
 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 scrollHandler;
     private scrollContainer;
@@ -11,16 +14,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-tips.component.d.ts

@@ -6,8 +6,8 @@ export declare class CheckoutTipsComponent extends BaseComponent<null, ICheckout
     constructor();
     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/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/constant.d.ts

@@ -8,6 +8,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 +17,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 +30,4 @@ export declare const billingFormFields: {
     readonly state: "state";
     readonly zipCode: "zipCode";
 };
+export type BillingFieldName = (typeof billingFormFields)[keyof typeof billingFormFields];

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

@@ -1,12 +1,10 @@
 import type { IProductFulfillmentStore } from '@/core/store/interfaces/product.interface';
 import { type FulfillmentType } from '@/enums';
-import type { IProductSizeAttributes } from '@/interfaces/cloud';
-import type { RetailerStatus } from '@/modules/product/utils/retailer-hours';
-export declare function renderPopupRetailerCard({ fulfillment, selectedFulfillmentType, isSelected, fulfillmentStatus, selectedSizeAttributes, }: {
+import type { IProductSizeAttributes } from '@/interfaces/api/product.interface';
+export declare function renderPopupRetailerCard({ fulfillment, selectedFulfillmentType, isSelected, selectedSizeAttributes, }: {
     fulfillment: IProductFulfillmentStore;
     selectedFulfillmentType: FulfillmentType;
     isSelected: boolean;
-    fulfillmentStatus: RetailerStatus;
     selectedSizeAttributes: IProductSizeAttributes | null;
 }): HTMLElement;
 export declare function renderFulfillmentTabsContainer({ shippingFulfillments, onDemandFulfillments, shippingSelected, onDemandSelected, onTabClick, enableShippingFulfillment, enableOnDemandFulfillment, }: {

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

@@ -2,16 +2,17 @@ import { BaseCommand } from '@/core/command/base-command.service';
 import type { IBaseProductEventData } from '@/core/pubsub/interfaces/product.interface';
 import type { IProductDrawerContentConfig } from '@/core/store/interfaces/product.interface';
 import { type FulfillmentType } from '@/enums';
-import type { IProductData } from '@/interfaces/cloud';
+import type { IProductAvailabilityResponse } from '@/interfaces/api/product.interface';
 import { type AddItemParams } from '@/modules/cart/cart.commands';
 export declare class ProductCommands extends BaseCommand {
     private readonly uiCommands;
     private readonly cartCommands;
+    private readonly checkoutCommands;
     constructor();
     static getInstance(): ProductCommands;
     createProductInstance(productId: string, firstTime?: boolean): Promise<void>;
     loadMultipleProducts(productIds: string[]): Promise<void>;
-    loadProduct(productId: string, customProductData?: IProductData | null): Promise<void>;
+    loadProduct(productId: string, customProductData?: IProductAvailabilityResponse | null): Promise<void>;
     selectSize(productId: string, sizeId: string): Promise<void>;
     selectFulfillment(productId: string, selectedFulfillmentId: string): Promise<void>;
     updateQuantity(productId: string, delta: number): Promise<void>;

package/dist/types/modules/product-list/components/card-components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './product-button';
+export * from './product-fulfillments';
+export * from './product-quantity-selector';
+export * from './product-sizes-list';

package/dist/types/modules/product-list/components/card-components/product-button.d.ts

@@ -0,0 +1,11 @@
+import type { ProductListCardCornerRadius } from 'interfaces/configs';
+export interface IAddToCartButtonParams {
+    isPresale: boolean;
+    hasAvailability: boolean;
+    state: string;
+    disabled?: boolean;
+    borderRadius: ProductListCardCornerRadius;
+    hasAddress: boolean;
+    onClick?: (e: MouseEvent) => void | Promise<void>;
+}
+export declare const createAddToCartButton: ({ isPresale, hasAvailability, state, disabled, borderRadius, hasAddress, onClick, }: IAddToCartButtonParams) => HTMLElement;

package/dist/types/modules/product-list/components/card-components/product-fulfillments.d.ts

@@ -0,0 +1,13 @@
+import type { IProductFulfillmentStore } from 'core/store/interfaces/product.interface';
+import { type FulfillmentType } from '@/enums';
+export interface IFulfillmentSectionParams {
+    shippingVariants: Record<string, IProductFulfillmentStore>;
+    onDemandVariants: Record<string, IProductFulfillmentStore>;
+    enableShippingFulfillment: boolean;
+    enableOnDemandFulfillment: boolean;
+    selectedFulfillmentType: FulfillmentType;
+    selectedFulfillmentRetailerName: string;
+    productId: string;
+    onDeliveryOptionsClick: (productId: string) => void | Promise<void>;
+}
+export declare const createFulfillmentSection: (params: IFulfillmentSectionParams) => HTMLElement;

package/dist/types/modules/product-list/components/card-components/product-quantity-selector.d.ts

@@ -0,0 +1,10 @@
+import type { ProductListCardCornerRadius, ProductListCardStyle } from 'interfaces/configs';
+export interface IQuantitySelectorParams {
+    initialQuantity: number;
+    minQuantity: number;
+    maxQuantity: number;
+    cornerRadius: ProductListCardCornerRadius;
+    cardStyle: ProductListCardStyle;
+    onChange: (quantity: number) => void;
+}
+export declare const createQuantitySelector: ({ initialQuantity, minQuantity, maxQuantity, cornerRadius, cardStyle, onChange, }: IQuantitySelectorParams) => HTMLElement;

package/dist/types/modules/product-list/components/card-components/product-sizes-list.d.ts

@@ -0,0 +1,9 @@
+import type { IProductSizeStore } from 'core/store/interfaces/product.interface';
+import type { ProductListCardCornerRadius } from 'interfaces/configs';
+export interface ISizeSelectorParams {
+    sizes: Record<string, IProductSizeStore>;
+    selectedSize: IProductSizeStore;
+    cornerRadius: ProductListCardCornerRadius;
+    onSelect?: (size: IProductSizeStore) => void;
+}
+export declare const createProductSizesList: ({ sizes, selectedSize, cornerRadius, onSelect }: ISizeSelectorParams) => HTMLElement;

package/dist/types/modules/product-list/components/filter-components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './product-list-apply-filter-button';
+export * from './product-list-checkbox-filter';
+export * from './product-list-chip';
+export * from './product-list-filters-chips';
+export * from './product-list-fulfillment-filter';
+export * from './product-list-price-filter';
+export * from './product-list-toggle-filters';

package/dist/types/modules/product-list/components/filter-components/product-list-apply-filter-button.d.ts

@@ -0,0 +1 @@
+export declare function createApplyFiltersButton(onApplyFilters: VoidFunction): HTMLElement;

package/dist/types/modules/product-list/components/filter-components/product-list-chip.d.ts

@@ -0,0 +1,5 @@
+export interface IChipComponentParams {
+    text: string;
+    onRemove?: VoidFunction;
+}
+export declare function createChip(params: IChipComponentParams): HTMLElement;

package/dist/types/modules/product-list/components/filter-components/product-list-filters-chips.d.ts

@@ -0,0 +1,13 @@
+import type { IExtendedFilterSchema, IProductListFilters } from 'modules/product-list/product-list.interface';
+export interface ICreateChipsContainerParams {
+    currentFilters?: IProductListFilters;
+    sanitizedFilters?: IExtendedFilterSchema[];
+    onRemoveFilter: (key: string, value: string) => void;
+    onClearAllFilters: VoidFunction;
+}
+export interface IActiveFilter {
+    key: string;
+    value: string;
+    label: string;
+}
+export declare function createChipsContainer(params: ICreateChipsContainerParams): HTMLElement;

package/dist/types/modules/product-list/components/filter-components/product-list-fulfillment-filter.d.ts

@@ -0,0 +1,14 @@
+import { FULFILLMENT_OPTIONS } from 'modules/product-list/product-list.constants';
+import type { IProductListFilters } from 'modules/product-list/product-list.interface';
+export interface ICreateFulfillmentFilterParams {
+    currentFilters?: IProductListFilters;
+    deliveryCollapsed: boolean;
+    isSameDayDeliveryDisabled: boolean;
+    onFulfillmentOptionsChange?: (value: typeof FULFILLMENT_OPTIONS.ALL | typeof FULFILLMENT_OPTIONS.SHIPPING | typeof FULFILLMENT_OPTIONS.ON_DEMAND) => void;
+    onToggleCollapse: () => void;
+}
+export declare function createFulfillmentFilter(params: ICreateFulfillmentFilterParams): {
+    elements: HTMLElement[];
+    chevronContainer: HTMLElement;
+    fulfillmentList: HTMLElement;
+};

package/dist/types/modules/product-list/components/{product-list-filters-subcomponents/product-list-price-filter.components.d.ts → filter-components/product-list-price-filter.d.ts}

@@ -11,7 +11,7 @@ export interface ICreatePriceFilterParams {
     };
     priceCollapsed: boolean;
     onPriceChange?: (min: string, max: string) => void;
-    onToggleCollapse: () => void;
+    onToggleCollapse: VoidFunction;
     DEFAULT_MIN: string;
     DEFAULT_MAX: string;
 }

package/dist/types/modules/product-list/components/filter-components/product-list-toggle-filters.d.ts

@@ -0,0 +1,13 @@
+import type { IProductListFilters } from 'modules/product-list/product-list.interface';
+export interface ICreateEngravingFilterParams {
+    currentFilters?: IProductListFilters;
+    isPersonalizationDisabled: boolean;
+    onEngravingChange?: (enabled: boolean) => void;
+}
+export interface ICreatePresaleFilterParams {
+    currentFilters?: IProductListFilters;
+    isPresaleDisabled: boolean;
+    onPresaleChange?: (enabled: boolean) => void;
+}
+export declare function createEngravingFilter(params: ICreateEngravingFilterParams): HTMLElement[];
+export declare function createPresaleFilter(params: ICreatePresaleFilterParams): HTMLElement[];

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

@@ -1,5 +1,7 @@
-export * from './product-list-card.component';
+export * from '../product-list-card.component';
+export * from './filter-components';
+export * from './filter-components/product-list-apply-filter-button';
 export * from './product-list-card-loading.component';
 export * from './product-list-filters.component';
-export * from './product-list-filters-subcomponents';
-export * from './product-list-filters-subcomponents/product-list-apply-filter-button.component';
+export * from './product-list-retailers';
+export * from './product-list-search.component';