@liquidcommerce/elements-sdk 2.6.0-beta.32 → 2.6.0-beta.34

package/dist/types/clients/base.d.ts

@@ -1,3 +1,9 @@
+import '@/modules/theme-provider/styles/register-styles';
+import '@/modules/address/styles/register-styles';
+import '@/modules/cart/styles/register-styles';
+import '@/modules/checkout/styles/register-styles';
+import '@/modules/product/styles/register-styles';
+import '@/modules/product-list/styles/register-styles';
 import { ApiClientService } from '@/core/api/api-client.service';
 import { AuthClientService } from '@/core/api/auth-client.service';
 import { ClientActionService } from '@/core/client/client-action.service';

package/dist/types/clients/checkout.d.ts

@@ -1,5 +1,7 @@
 import type { ICheckoutDetailsEventData } from '@/core/pubsub/interfaces/checkout.interface';
 import type { IInjectedComponent, ILiquidCommerceElementsCheckoutClientConfig } from '@/interfaces/core.interface';
+import '@/modules/theme-provider/styles/register-styles';
+import '@/modules/checkout/styles/register-styles';
 import type { BillingFieldName, CustomerFieldName, GiftFieldName } from '@/modules/checkout/constant';
 export interface IElementsCheckoutActions {
     applyPromoCode: (promoCode: string) => Promise<void>;

package/dist/types/constants/core.constant.d.ts

@@ -47,3 +47,4 @@ export declare const Z_INDEX: {
     readonly CONTENT_OVERLAY: 5030;
     readonly MODAL: 2147483640;
 };
+export declare const DESKTOP_BREAKPOINT = 1024;

package/dist/types/enums/core.enum.d.ts

@@ -99,6 +99,7 @@ export declare const COMPONENT_TYPE: {
     readonly PRODUCT_LIST_SEARCH: "product-list-search";
     readonly PRODUCT_LIST_CARD_LOADING: "product-list-card-loading";
     readonly PRODUCT_LIST_RETAILERS: "product-list-retailers";
+    readonly PRODUCT_LIST_ENGRAVING_FORM: "product-list-engraving-form";
     readonly CART: "cart";
     readonly CART_RETAILER: "cart-retailer";
     readonly CART_ITEM: "cart-item";

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

@@ -11,6 +11,7 @@ export interface IProductListLayout {
         showPrice: boolean;
         showSizeSelector: boolean;
         showFulfillment: boolean;
+        showRetailerName: boolean;
         showQuantityCounter: boolean;
         enableShippingFulfillment: boolean;
         enableOnDemandFulfillment: boolean;

package/dist/types/modules/address/styles/register-styles.d.ts

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

package/dist/types/modules/cart/styles/register-styles.d.ts

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

package/dist/types/modules/checkout/styles/register-styles.d.ts

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

package/dist/types/modules/product/styles/register-styles.d.ts

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

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

@@ -1,12 +1,9 @@
 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>;
 }

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

@@ -2,6 +2,7 @@ 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-engraving.component';
 export * from './product-list-filters.component';
-export * from './product-list-retailers';
+export * from './product-list-retailers.component';
 export * from './product-list-search.component';

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

@@ -0,0 +1,6 @@
+import { BaseComponent } from 'core/base-component.service';
+import type { IEngravingFormComponentParams } from 'modules/ui-components/engraving';
+export declare class ProductListEngravingComponent extends BaseComponent<IEngravingFormComponentParams> {
+    protected template(): HTMLElement;
+    private createHeader;
+}

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

@@ -7,7 +7,6 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     private readonly DEFAULT_MIN_PRICE;
     private readonly DEFAULT_MAX_PRICE;
     private readonly FILTER_DEBOUNCE_DELAY_MS;
-    private readonly DESKTOP_BREAKPOINT;
     private isRenderedInDrawerMode;
     private permanentFilters;
     private availableDynamicFilters;

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

@@ -11,11 +11,10 @@ export interface IProductListCardParams {
 export declare class ProductListCardComponent extends BaseComponent<IProductListCardParams, IProductListComponent> {
     private selectedSize;
     private unsubscribeFromState?;
-    private readonly DESKTOP_BREAKPOINT;
     constructor();
     get hostClasses(): string[];
     protected connected(): Promise<void>;
-    disconnectedCallback(): void;
+    disconnected(): void;
     private reRender;
     private getAvailabilityData;
     private isPresaleActive;
@@ -31,5 +30,6 @@ export declare class ProductListCardComponent extends BaseComponent<IProductList
     private createSizesSection;
     private handleDeliveryOptionsClick;
     private createFulfillmentSectionWrapper;
+    createFulfillmentTextSection(selectedFulfillmentType: string, selectedFulfillmentRetailerName: string): HTMLElement;
     private createAddToCartSection;
 }

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

@@ -19,7 +19,7 @@ export declare class ProductListComponent extends BaseComponent<IProductListComp
     get hostClasses(): string[];
     constructor();
     protected connected(): Promise<void>;
-    disconnectedCallback(): void;
+    disconnected(): void;
     private initializeComponent;
     private handleStateUpdate;
     private updateLoadingState;

package/dist/types/modules/product-list/styles/product-list-card.style.d.ts

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

package/dist/types/modules/product-list/styles/product-list-filters.style.d.ts

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

package/dist/types/modules/product-list/styles/register-styles.d.ts

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

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

@@ -0,0 +1,16 @@
+import type { StylesheetType } from '../constants/css-variable-mappings';
+export type StyleGetter = () => string;
+declare class StyleRegistryService {
+    private static instance;
+    private registry;
+    private constructor();
+    static getInstance(): StyleRegistryService;
+    register(type: StylesheetType, getter: StyleGetter, priority?: number): void;
+    getStyleGetters(type: StylesheetType): StyleGetter[];
+    getStyles(type: StylesheetType): string[];
+    hasStyles(type: StylesheetType): boolean;
+    getRegisteredTypes(): StylesheetType[];
+    clear(): void;
+}
+export declare const styleRegistry: StyleRegistryService;
+export { StyleRegistryService };

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

@@ -9,5 +9,4 @@ export declare class StylesheetGeneratorService {
     private createStylesheet;
     private isCSSStyleSheetSupported;
     updateVariablesInStylesheet(type: StylesheetType, themeConfig: any, prefix: string): void;
-    private getStylesheetStyles;
 }

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

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

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

@@ -1,7 +1,7 @@
 import { BaseComponent } from '@/core/base-component.service';
 export interface IEngravingFormComponentParams {
     identifier: string;
-    context: 'product' | 'cart';
+    context: 'product' | 'cart' | 'product-list';
     lines: string[];
     maxLines: number;
     maxCharsPerLine: number;
@@ -20,6 +20,7 @@ export declare class EngravingFormComponent extends BaseComponent<IEngravingForm
     private calculateTotalPrice;
     private productInformationSection;
     private addToCartButtonText;
+    private getFulfillmentData;
     private retailersSection;
     private engravingLinesSection;
     private actionButtonsSection;

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

@@ -1,7 +1,9 @@
 import { BaseComponent, type IOnStoreChanged } from '@/core/base-component.service';
 export declare class ModalComponent extends BaseComponent {
     private isOpen;
+    private wrapperElement;
     private modalElement;
+    private backdropElement;
     private contentContainer;
     private currentContentType;
     private readonly boundHandleKeydown;
@@ -12,10 +14,10 @@ export declare class ModalComponent extends BaseComponent {
     private open;
     private close;
     private cleanupCurrentContent;
-    private handleCancel;
     private handleBackdropClick;
     private handleKeydown;
     private updateModalContentTypeClass;
+    private updateModalState;
     private isElementsEnabled;
     protected template(): HTMLElement;
 }

package/package.json

@@ -3,7 +3,7 @@
   "description": "LiquidCommerce Elements SDK",
   "license": "UNLICENSED",
   "author": "LiquidCommerce Team",
-  "version": "2.6.0-beta.32",
+  "version": "2.6.0-beta.34",
   "homepage": "https://docs.liquidcommerce.co/elements-sdk",
   "repository": {
     "type": "git",
@@ -55,15 +55,16 @@
   ],
   "scripts": {
     "build": "rollup -c",
+    "build:checkout": "rollup -c rollup.config.checkout.mjs",
     "build:dev": "rollup -c --environment NODE_ENV:development",
     "dev": "rollup -c -w",
     "type-check": "tsc --noEmit",
     "lint": "pnpm biome lint --write",
     "format": "biome format --write",
     "check": "pnpm biome check --write .",
-    "fl": "pnpm check && pnpm build:dev",
+    "fl": "pnpm check && pnpm build && pnpm build:checkout",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "clean": "rm -rf dist umd node_modules && pnpm install && pnpm build",
+    "clean": "rm -rf dist umd node_modules && pnpm install && pnpm build && pnpm build:checkout",
     "prepublishOnly": "pnpm run build",
     "deprecate:old": "npm deprecate @liquidcommerceteam/elements-sdk@\"*\" \"Package moved to @liquidcommerce/elements-sdk\"",
     "prepare": "husky"