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

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

@@ -1,3 +1,4 @@
+import type { IProductFulfillmentStore, IProductSizeStore } from 'core/store/interfaces/product.interface';
 import type { IFilterValue } from '@/interfaces/api/product-list.interface';
 export interface IPriceConfig {
     min?: string;
@@ -17,6 +18,7 @@ export interface IProductListSearch {
 export interface IPagination {
     currentPage: number;
     totalPages: number;
+    totalCount: number;
     hasMorePages: boolean;
 }
 export interface ICheckboxLabelStates {
@@ -59,3 +61,25 @@ export interface IRenderCheckboxItemsParams {
 export interface ICreateFiltersContainerParams {
     isDrawerMode?: boolean;
 }
+export interface IProductAvailabilityData {
+    hasAvailability: boolean;
+    upc: string;
+    fulfillmentId: string;
+    partNumber: string;
+    quantity: number;
+    state: string;
+    isPresale: boolean;
+    isPresaleActive: boolean;
+}
+export interface IProductVariantParams {
+    image: string;
+    name: string;
+    size: string | null;
+    price: number;
+    availability: IProductAvailabilityData;
+    hasPersonalization: boolean;
+    sizes: Record<string, IProductSizeStore>;
+    maxQuantityPerOrder: number;
+    shippingVariants: Record<string, IProductFulfillmentStore>;
+    onDemandVariants: Record<string, IProductFulfillmentStore>;
+}

package/dist/types/modules/theme-provider/constants/component-groupings.d.ts

@@ -3,3 +3,4 @@ export declare const productGroupComponents: ComponentType[];
 export declare const addressGroupComponents: ComponentType[];
 export declare const cartGroupComponents: ComponentType[];
 export declare const checkoutGroupComponents: ComponentType[];
+export declare const productListGroupComponent: ComponentType[];

package/dist/types/modules/theme-provider/constants/css-variable-mappings.d.ts

@@ -1,2 +1,2 @@
-export type StylesheetType = 'global' | 'ui' | 'product' | 'address' | 'cart' | 'checkout';
+export type StylesheetType = 'global' | 'ui' | 'product' | 'address' | 'cart' | 'checkout' | 'product-list';
 export declare function getCSSVariableMapping(componentPrefix: string): Record<string, string>;

package/dist/types/modules/theme-provider/styles/ui/index.d.ts

@@ -1,3 +1,4 @@
 export * from './drawer.style';
 export * from './loading.style';
+export * from './modal.style';
 export * from './promo-code-ticker.style';

package/dist/types/modules/theme-provider/styles/ui/modal.style.d.ts

@@ -0,0 +1 @@
+export declare function getModalStyles(): string;

package/dist/types/modules/theme-provider/theme-provider.service.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentType } from '@/enums';
-import type { ConfigsKeyType, ConfigsType, IAllConfigs, UpdateAddressComponent, UpdateCartComponent, UpdateCheckoutComponent, UpdateComponentGlobalConfigs, UpdateProductComponent } from '@/interfaces/configs';
+import type { ConfigsKeyType, ConfigsType, IAllConfigs, UpdateAddressComponent, UpdateCartComponent, UpdateCheckoutComponent, UpdateComponentGlobalConfigs, UpdateProductComponent, UpdateProductListComponent } from '@/interfaces/configs';
 import { type GeneratedStylesheet } from './services/stylesheet-generator.service';
 export declare class ThemeProviderService {
     private data;
@@ -14,6 +14,7 @@ export declare class ThemeProviderService {
     updateAddressComponent(data: UpdateAddressComponent): void;
     updateCartComponent(data: UpdateCartComponent): void;
     updateCheckoutComponent(data: UpdateCheckoutComponent): void;
+    updateProductListComponent(data: UpdateProductListComponent): void;
     getConfigs<T = any>(type: ConfigsKeyType): T;
     getComponentConfig(componentType: ComponentType): ConfigsType | undefined;
     getStylesheet(componentType: ComponentType): GeneratedStylesheet[];

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

@@ -0,0 +1,21 @@
+import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
+export declare class ModalComponent extends BaseComponent {
+    private isOpen;
+    private modalElement;
+    private contentContainer;
+    private currentContentType;
+    private readonly boundHandleKeydown;
+    constructor();
+    disconnected(): void;
+    onStoreChanged(changes: IOnStoreChanged[]): boolean;
+    private openWithContent;
+    private open;
+    private close;
+    private cleanupCurrentContent;
+    private handleCancel;
+    private handleBackdropClick;
+    private handleKeydown;
+    private updateModalContentTypeClass;
+    private isElementsEnabled;
+    protected template(): HTMLElement;
+}

package/dist/types/modules/ui-components/ui.commands.d.ts

@@ -1,7 +1,9 @@
 import { BaseCommand } from '@/core/command/base-command.service';
-import type { IDrawerContentConfig } from '@/core/store/interfaces/core.interface';
+import type { IDrawerContentConfig, IModalContentConfig } from '@/core/store/interfaces/core.interface';
 export declare class UICommands extends BaseCommand {
     static getInstance(): UICommands;
     openDrawer(contentType: IDrawerContentConfig['type'], data?: Record<string, any>): void;
     closeDrawer(): void;
+    openModal(contentType: IModalContentConfig['type'], data?: Record<string, any>): void;
+    closeModal(): void;
 }

package/dist/types/static/icon/check.icon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './icon.types';
+export declare const CheckIcon: ({ width, height, className, color }: IconProps) => string;

package/dist/types/static/icon/index.d.ts

@@ -1,5 +1,6 @@
 export * from './arrow-right.icon';
 export * from './bag.icon';
+export * from './check.icon';
 export * from './checkbox.icon';
 export * from './chevron-down.icon';
 export * from './chevron-left.icon';

package/package.json

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