@liquidcommerce/elements-sdk 2.7.7 → 2.7.8

package/dist/types/auto-initialize/shared-utils.d.ts

@@ -1,7 +1,7 @@
 import type { IAddProductParams } from '@/core/client/actions/client-cart-action.service';
 import type { IAnonymousCheckoutAddProductItem } from '@/interfaces/api/checkout.interface';
 import type { IInjectedComponent } from '@/interfaces/component.interface';
-import type { ILiquidCommerceElementsDevelopmentConfig } from '@/interfaces/config.interface';
+import type { IClientCustomThemeConfig, ILiquidCommerceElementsDevelopmentConfig } from '@/interfaces/config.interface';
 import type { IInjectCheckoutParams } from '@/interfaces/injection.interface';
 export interface IQueryParamActions {
     addProduct: (params: IAddProductParams[], open?: boolean) => Promise<void>;
@@ -27,13 +27,14 @@ export declare const SHARED_ATTR: {
     };
     readonly JSON_SCRIPT: {
         readonly DEVELOPMENT: "data-liquid-commerce-elements-development";
+        readonly CUSTOM_THEME: "data-liquid-commerce-elements-custom-theme";
     };
 };
 export declare function startsWithLcePrefix(value: string | null): boolean;
 export declare function getDevelopmentConfigs(): ILiquidCommerceElementsDevelopmentConfig | undefined;
+export declare function getCustomThemeConfig(): IClientCustomThemeConfig | undefined;
 export declare function triggerAutoInit(initFunction: () => Promise<void>, errorPrefix: string): void;
 export declare function setupCheckout(script: HTMLScriptElement, injectFn: (params: IInjectCheckoutParams) => Promise<IInjectedComponent | null>, exitCheckoutFn: () => void, options: {
-    requireCheckoutId?: boolean;
     errorPrefix: string;
 }): Promise<void>;
 export declare function setupExitCheckoutHandlers(exitCheckoutFn: () => void): void;

package/dist/types/core/store/interfaces/product-list.interface.d.ts

@@ -1,7 +1,7 @@
-import type { IPagination } from 'modules/product-list/product-list.interface';
 import type { FulfillmentType } from '@/enums';
 import type { IProduct } from '@/interfaces/api/product.interface';
 import type { IFilterSchema } from '@/interfaces/api/product-list.interface';
+import type { IPagination } from '@/modules/product-list/product-list.interface';
 import type { IProductFulfillmentStore, IProductSizeStore } from './product.interface';
 export interface IPLProductStore extends Omit<IProduct, 'sizes'> {
     id: string;
@@ -26,4 +26,5 @@ export interface IProductListStore {
     rows: number;
     columns: number;
     loading: boolean;
+    rerender: boolean;
 }

package/dist/types/interfaces/api/product-list.interface.d.ts

@@ -1,6 +1,6 @@
-import type { FILTER_KEYS } from 'modules/product-list/product-list.constants';
 import type { ILocation } from '@/interfaces/api/address.interface';
 import type { IProductAvailabilityResponse } from '@/interfaces/api/product.interface';
+import type { FILTER_KEYS } from '@/modules/product-list/product-list.constants';
 export interface IProductSearchParams {
     slug: string;
     location?: ILocation;

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

@@ -8,7 +8,7 @@ export interface IProductRetailersPopupListComponentParams {
 }
 export declare class ProductRetailersPopupListComponent extends BaseComponent<IProductRetailersPopupListComponentParams, IProductComponent> {
     get hostClasses(): string[];
-    private get isProductListContext();
+    private get isProductContext();
     beforeSetupStoreWatchers(): void;
     private onFulfillmentTabClick;
     private onRetailerCardClick;

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

@@ -1,4 +1,4 @@
-import type { PLCCardStyle } from 'interfaces/configs/product-list.interface';
+import type { PLCCardStyle } from '@/interfaces/configs/product-list.interface';
 export interface IQuantitySelectorParams {
     initialQuantity: number;
     minQuantity: number;

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

@@ -1,5 +1,5 @@
-import type { IProductSizeStore } from 'core/store/interfaces/product.interface';
 import { BaseComponent } from '@/core/base-component.service';
+import type { IProductSizeStore } from '@/core/store/interfaces/product.interface';
 export interface IProductListSizeSelectorParams {
     sizes: Record<string, IProductSizeStore>;
     selectedSizeId: string | null;

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

@@ -1,4 +1,4 @@
-import type { IExtendedFilterSchema, IProductListFilters } from 'modules/product-list/product-list.interface';
+import type { IExtendedFilterSchema, IProductListFilters } from '@/modules/product-list/product-list.interface';
 export interface ICreateChipsContainerParams {
     currentFilters?: IProductListFilters;
     sanitizedFilters?: IExtendedFilterSchema[];

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

@@ -1,5 +1,5 @@
-import { FULFILLMENT_OPTIONS } from 'modules/product-list/product-list.constants';
-import type { IProductListFilters } from 'modules/product-list/product-list.interface';
+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;

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

@@ -1,4 +1,4 @@
-import type { IProductListFilters } from 'modules/product-list/product-list.interface';
+import type { IProductListFilters } from '@/modules/product-list/product-list.interface';
 export interface ICreateEngravingFilterParams {
     currentFilters?: IProductListFilters;
     isPersonalizationDisabled: boolean;

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

@@ -1,6 +1,6 @@
-export * from '../product-list-card.component';
 export * from './filter-components';
 export * from './filter-components/product-list-apply-filter-button';
+export * from './product-list-card.component';
 export * from './product-list-card-loading.component';
 export * from './product-list-engraving.component';
 export * from './product-list-filters.component';

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

@@ -1,5 +1,5 @@
-import type { IProductListComponent } from 'interfaces/configs';
 import { BaseComponent } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
 import type { IProductListComponentParams } from '@/modules/product-list/product-list.component';
 export declare class ProductListCardLoadingComponent extends BaseComponent<IProductListComponentParams, IProductListComponent> {
     get hostClasses(): string[];

package/dist/types/modules/product-list/{product-list-card.component.d.ts → components/product-list-card.component.d.ts}

@@ -1,5 +1,5 @@
-import type { IProductListComponent } from 'interfaces/configs';
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
 export interface IProductListCardParams {
     slug: string;
     productId: string;

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

@@ -1,6 +1,6 @@
-import { BaseComponent } from 'core/base-component.service';
-import type { IProductListComponent } from 'interfaces/configs';
-import type { IEngravingFormComponentParams } from 'modules/ui-components/engraving';
+import { BaseComponent } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
+import type { IEngravingFormComponentParams } from '@/modules/ui-components/engraving';
 interface IProductListEngravingParams extends IEngravingFormComponentParams {
     slug: string;
 }

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

@@ -1,12 +1,10 @@
-import { BaseComponent } from 'core/base-component.service';
-import type { ProductListFilterType } from 'interfaces/injection.interface';
+import { BaseComponent } from '@/core/base-component.service';
+import type { ProductListFilterType } from '@/interfaces/injection.interface';
 export interface IProductListFiltersParams {
     slug: string;
     filters: ProductListFilterType[];
 }
 export declare class ProductListFiltersComponent extends BaseComponent<IProductListFiltersParams> {
-    private readonly DEFAULT_MIN_PRICE;
-    private readonly DEFAULT_MAX_PRICE;
     private readonly FILTER_DEBOUNCE_DELAY_MS;
     private isRenderedInDrawerMode;
     private permanentFilters;
@@ -34,6 +32,8 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     private detectIfRenderedInDrawer;
     onStoreWatch(): void;
     private syncFiltersFromStore;
+    private createFilterSection;
+    private rebuildContainer;
     private refreshUIStates;
     private transformFilterValue;
     private fetchFilters;
@@ -55,7 +55,6 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     private togglePriceFilterCollapse;
     private buildPriceFilterElements;
     private buildDynamicFiltersElements;
-    private getFilterElements;
     private buildCheckboxFilterElements;
     private toggleCheckboxFilterExpansion;
     private renderCheckboxItemsForFilter;

package/dist/types/modules/product-list/components/product-list-product-engraving-lines.component.d.ts

@@ -1,5 +1,5 @@
-import { BaseComponent } from 'core/base-component.service';
-import type { IProductListComponent } from 'interfaces/configs';
+import { BaseComponent } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
 export interface IProductListProductEngravingLinesComponentParams {
     slug: string;
     identifier: string;

package/dist/types/modules/product-list/components/product-list-product-pre-cart.component.d.ts

@@ -1,5 +1,5 @@
-import { BaseComponent, type IOnStoreChanged } from 'core/base-component.service';
-import type { IProductListComponent } from 'interfaces/configs';
+import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
 export interface IProductListProductPreCartComponentParams {
     slug: string;
     productId: string;

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

@@ -3,7 +3,7 @@ import { type FulfillmentType } from '@/enums';
 import type { IFilterSchema, INavigationResponse, IProductSearchParams, IProductSearchResponse } from '@/interfaces/api/product-list.interface';
 import type { ProductListFilterType } from '@/interfaces/injection.interface';
 import { type AddItemParams } from '@/modules/cart/cart.commands';
-import type { IExtendedFilterSchema, IPagination, IProductListFilters } from './product-list.interface';
+import type { IExtendedFilterSchema, ILoadInitialProductsParams, IPagination, IProductListFilters } from './product-list.interface';
 export declare class ProductListCommands extends BaseCommand {
     private readonly uiCommands;
     private readonly cartCommands;
@@ -12,7 +12,8 @@ export declare class ProductListCommands extends BaseCommand {
     initializeListStore(slug: string): void;
     updateSearchTerm(slug: string, searchTerm: string): void;
     setLoading(slug: string, isLoading: boolean): void;
-    loadInitialProducts(slug: string, page: number, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): Promise<void>;
+    rerenderProductLists(): void;
+    loadInitialProducts({ slug, page, perPage, searchTerm, currentFilters, configuredFilters, }: ILoadInitialProductsParams): Promise<void>;
     loadMoreProducts(slug: string, perPage: number, searchTerm: string, currentFilters: IProductListFilters, configuredFilters: ProductListFilterType[]): Promise<void>;
     getProductList(params: IProductSearchParams): Promise<IProductSearchResponse>;
     syncFiltersFromComponent(slug: string, filters: IProductListFilters): void;

package/dist/types/modules/product-list/product-list.component.d.ts

@@ -1,5 +1,5 @@
-import type { IProductListComponent } from 'interfaces/configs';
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+import type { IProductListComponent } from '@/interfaces/configs';
 import type { ProductListFilterType } from '@/interfaces/injection.interface';
 export interface IProductListComponentParams {
     slug: string;
@@ -45,5 +45,6 @@ export declare class ProductListComponent extends BaseComponent<IProductListComp
     private cleanupScrollObserver;
     private doCleanup;
     onStoreWatch(changes: IOnStoreChanged[]): Promise<void>;
+    onStoreChanged(): boolean;
     protected template(): HTMLElement[];
 }

package/dist/types/modules/product-list/product-list.interface.d.ts

@@ -1,4 +1,5 @@
 import type { IFilterValue } from '@/interfaces/api/product-list.interface';
+import type { ProductListFilterType } from '@/interfaces/injection.interface';
 export interface IPriceConfig {
     min?: string;
     max?: string;
@@ -54,3 +55,11 @@ export interface IRenderCheckboxItemsParams {
     state: ICheckboxLabelStates;
     onCheckboxChange: (value: string, checked: boolean) => void;
 }
+export interface ILoadInitialProductsParams {
+    slug: string;
+    page: number;
+    perPage: number;
+    searchTerm: string;
+    currentFilters: IProductListFilters;
+    configuredFilters: ProductListFilterType[];
+}

package/package.json

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