@wix/headless-stores 0.0.56 → 0.0.58

package/dist/services/products-list-service.js

@@ -1,8 +1,8 @@
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
-import { productsV3, readOnlyVariantsV3 } from '@wix/stores';
+import { customizationsV3, productsV3, readOnlyVariantsV3 } from '@wix/stores';
 import { loadCategoriesListServiceConfig } from './categories-list-service.js';
-import { parseUrlToSearchOptions, } from './products-list-search-service.js';
+import { InventoryStatusType, parseUrlToSearchOptions, } from './products-list-search-service.js';
 export const DEFAULT_QUERY_LIMIT = 100;
 /**
  * Loads products list service configuration from the Wix Stores API for SSR initialization.
@@ -118,10 +118,13 @@ export const DEFAULT_QUERY_LIMIT = 100;
  */
 export async function loadProductsListServiceConfig(input) {
     let searchOptions;
+    const { items: customizations = [] } = await customizationsV3
+        .queryCustomizations()
+        .find();
     if (typeof input === 'string') {
         // URL input - parse it
         const categoriesListConfig = await loadCategoriesListServiceConfig();
-        const { searchOptions: parsedOptions } = await parseUrlToSearchOptions(input, categoriesListConfig.categories);
+        const { searchOptions: parsedOptions } = await parseUrlToSearchOptions(input, categoriesListConfig.categories, customizations);
         searchOptions = parsedOptions;
     }
     else {
@@ -139,6 +142,7 @@ export async function loadProductsListServiceConfig(input) {
         searchOptions,
         pagingMetadata: resultWithFilter.pagingMetadata,
         aggregations: resultWithoutFilter.aggregationData ?? {},
+        customizations,
     };
 }
 /**
@@ -292,6 +296,14 @@ export const ProductListService = implementService.withConfig()(ProductsListServ
     const productsSignal = signalsService.signal(config.products);
     const searchOptionsSignal = signalsService.signal(config.searchOptions);
     const pagingMetadataSignal = signalsService.signal(config.pagingMetadata);
+    const minPriceSignal = signalsService.signal(getMinPrice(config.aggregations.results));
+    const maxPriceSignal = signalsService.signal(getMaxPrice(config.aggregations.results));
+    const availableProductOptionsSignal = signalsService.signal(getAvailableProductOptions(config.aggregations.results, config.customizations));
+    const availableInventoryStatusesSignal = signalsService.signal([
+        InventoryStatusType.IN_STOCK,
+        InventoryStatusType.OUT_OF_STOCK,
+        InventoryStatusType.PARTIALLY_OUT_OF_STOCK,
+    ]);
     const aggregationsSignal = signalsService.signal(config.aggregations);
     const isLoadingSignal = signalsService.signal(false);
     const errorSignal = signalsService.signal(null);
@@ -331,7 +343,15 @@ export const ProductListService = implementService.withConfig()(ProductsListServ
         searchOptions: searchOptionsSignal,
         pagingMetadata: pagingMetadataSignal,
         aggregations: aggregationsSignal,
-        setSearchOptions: (searchOptions) => searchOptionsSignal.set(searchOptions),
+        /* Metadata for products list */
+        minPrice: minPriceSignal,
+        maxPrice: maxPriceSignal,
+        availableInventoryStatuses: availableInventoryStatusesSignal,
+        availableProductOptions: availableProductOptionsSignal,
+        /* End of Metadata for products list */
+        setSearchOptions: (searchOptions) => {
+            searchOptionsSignal.set(searchOptions);
+        },
         setSort: (sort) => {
             const currentOptions = searchOptionsSignal.peek();
             searchOptionsSignal.set({
@@ -346,7 +366,108 @@ export const ProductListService = implementService.withConfig()(ProductsListServ
                 filter,
             });
         },
+        resetFilter: () => {
+            const currentOptions = searchOptionsSignal.peek();
+            searchOptionsSignal.set({
+                ...currentOptions,
+                filter: {},
+            });
+        },
+        isFiltered: () => {
+            return signalsService.computed(() => {
+                const currentOptions = searchOptionsSignal.peek();
+                if (!currentOptions.filter)
+                    return false;
+                return (currentOptions.filter !== undefined &&
+                    Object.keys(currentOptions.filter).length > 0);
+            });
+        },
         isLoading: isLoadingSignal,
         error: errorSignal,
+        loadMore: (count) => {
+            const currentOptions = searchOptionsSignal.peek();
+            searchOptionsSignal.set({
+                ...currentOptions,
+                cursorPaging: {
+                    cursor: pagingMetadataSignal.get().cursors?.next,
+                    limit: currentOptions.cursorPaging?.limit ?? 0 + count,
+                },
+            });
+        },
+        hasMoreProducts: signalsService.computed(() => pagingMetadataSignal.get().hasNext ?? false),
     };
 });
+function getMinPrice(aggregationData) {
+    const minPriceAggregation = aggregationData.find((data) => data.fieldPath === 'actualPriceRange.minValue.amount');
+    if (minPriceAggregation?.scalar?.value) {
+        return Number(minPriceAggregation.scalar.value) || 0;
+    }
+    return 0;
+}
+function getMaxPrice(aggregationData) {
+    const maxPriceAggregation = aggregationData.find((data) => data.fieldPath === 'actualPriceRange.maxValue.amount');
+    if (maxPriceAggregation?.scalar?.value) {
+        return Number(maxPriceAggregation.scalar.value) || 0;
+    }
+    return 0;
+}
+function getAvailableProductOptions(aggregationData = [], customizations = []) {
+    const matchesAggregationName = (name, aggregationNames) => {
+        return aggregationNames.some((aggName) => aggName.toLowerCase() === name.toLowerCase());
+    };
+    const sortChoicesIntelligently = (choices) => {
+        return [...choices].sort((a, b) => {
+            const aIsNumber = /^\d+$/.test(a.name);
+            const bIsNumber = /^\d+$/.test(b.name);
+            if (aIsNumber && bIsNumber) {
+                return parseInt(a.name) - parseInt(b.name);
+            }
+            if (aIsNumber && !bIsNumber)
+                return -1;
+            if (!aIsNumber && bIsNumber)
+                return 1;
+            return a.name.localeCompare(b.name);
+        });
+    };
+    const optionNames = [];
+    const choiceNames = [];
+    aggregationData.forEach((result) => {
+        if (result.name === 'optionNames' && result.values?.results) {
+            optionNames.push(...result.values.results
+                .map((item) => item.value)
+                .filter((value) => typeof value === 'string'));
+        }
+        if (result.name === 'choiceNames' && result.values?.results) {
+            choiceNames.push(...result.values.results
+                .map((item) => item.value)
+                .filter((value) => typeof value === 'string'));
+        }
+    });
+    const options = customizations
+        .filter((customization) => customization.name &&
+        customization._id &&
+        customization.customizationType ===
+            customizationsV3.CustomizationType.PRODUCT_OPTION &&
+        (optionNames.length === 0 ||
+            matchesAggregationName(customization.name, optionNames)))
+        .map((customization) => {
+        const choices = (customization.choicesSettings?.choices || [])
+            .filter((choice) => choice._id &&
+            choice.name &&
+            (choiceNames.length === 0 ||
+                matchesAggregationName(choice.name, choiceNames)))
+            .map((choice) => ({
+            id: choice._id,
+            name: choice.name,
+            colorCode: choice.colorCode,
+        }));
+        return {
+            id: customization._id,
+            name: customization.name,
+            choices: sortChoicesIntelligently(choices),
+            optionRenderType: customization.customizationRenderType,
+        };
+    })
+        .filter((option) => option.choices.length > 0);
+    return options;
+}

package/dist/utils/renderChildren.d.ts

@@ -9,6 +9,7 @@ export interface RenderChildrenParams<THTMLElement = HTMLElement, TProps = any>
     props: TProps;
     /** Ref to forward to the rendered element */
     ref: React.Ref<THTMLElement>;
+    content?: string | null;
 }
 /**
  * Utility function to handle children rendering.
@@ -38,4 +39,4 @@ export interface RenderChildrenParams<THTMLElement = HTMLElement, TProps = any>
  * });
  * ```
  */
-export declare function renderChildren<THTMLElement = HTMLElement, TProps = any>({ children, props, ref, }: RenderChildrenParams<THTMLElement, TProps>): React.ReactNode | null;
+export declare function renderChildren<THTMLElement = HTMLElement, TProps = any>({ children, props, ref, content, }: RenderChildrenParams<THTMLElement, TProps>): React.ReactNode | null;

package/dist/utils/renderChildren.js

@@ -27,13 +27,16 @@ import React from 'react';
  * });
  * ```
  */
-export function renderChildren({ children, props, ref, }) {
+export function renderChildren({ children, props, ref, content, }) {
     // Early return if no children provided
     if (!children)
         return null;
     // Handle React element pattern
     if (React.isValidElement(children)) {
-        return children;
+        return React.cloneElement(children, {
+            ref,
+            ...(content ? { children: content } : {}),
+        });
     }
     // Handle render function pattern
     if (typeof children === 'function') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.56",
+  "version": "0.0.58",
   "type": "module",
   "scripts": {
     "prebuild": "cd ../media && yarn build && cd ../ecom && yarn build",
@@ -62,8 +62,9 @@
     "@wix/auto_sdk_stores_read-only-variants-v-3": "^1.0.23",
     "@wix/ecom": "^1.0.1278",
     "@wix/essentials": "^0.1.24",
-    "@wix/headless-ecom": "^0.0.14",
-    "@wix/headless-media": "^0.0.10",
+    "@wix/headless-ecom": "0.0.17",
+    "@wix/headless-media": "^0.0.11",
+    "@wix/headless-utils": "^0.0.1",
     "@wix/redirects": "^1.0.83",
     "@wix/services-definitions": "^0.1.4",
     "@wix/services-manager-react": "^0.1.26"