@jay-framework/wix-stores 0.15.4 → 0.15.6

package/dist/index.js

@@ -1,7 +1,6 @@
-import { getCurrentCartClient } from "@jay-framework/wix-cart";
 import { WIX_CART_CONTEXT, WIX_CART_SERVICE, cartIndicator, cartPage, provideWixCartContext, provideWixCartService } from "@jay-framework/wix-cart";
 import { createJayService, makeJayQuery, ActionError, makeJayStackComponent, RenderPipeline, makeJayInit } from "@jay-framework/fullstack-component";
-import { inventoryItemsV3, productsV3 } from "@wix/stores";
+import { customizationsV3, inventoryItemsV3, productsV3 } from "@wix/stores";
 import { categories } from "@wix/categories";
 import { registerService, getService } from "@jay-framework/stack-server-runtime";
 import { createJayContext } from "@jay-framework/runtime";
@@ -10,6 +9,11 @@ import { WIX_CLIENT_SERVICE } from "@jay-framework/wix-server-client";
 import * as fs from "fs";
 import * as path from "path";
 import * as yaml from "js-yaml";
+var OptionRenderType$2 = /* @__PURE__ */ ((OptionRenderType2) => {
+  OptionRenderType2[OptionRenderType2["TEXT_CHOICES"] = 0] = "TEXT_CHOICES";
+  OptionRenderType2[OptionRenderType2["SWATCH_CHOICES"] = 1] = "SWATCH_CHOICES";
+  return OptionRenderType2;
+})(OptionRenderType$2 || {});
 var CurrentSort = /* @__PURE__ */ ((CurrentSort2) => {
   CurrentSort2[CurrentSort2["relevance"] = 0] = "relevance";
   CurrentSort2[CurrentSort2["priceAsc"] = 1] = "priceAsc";
@@ -22,7 +26,8 @@ var CurrentSort = /* @__PURE__ */ ((CurrentSort2) => {
 const instances = {
   productsV3ClientInstance: void 0,
   categoriesClientInstance: void 0,
-  inventoryV3ClientInstance: void 0
+  inventoryV3ClientInstance: void 0,
+  customizationsV3ClientInstance: void 0
 };
 function getProductsV3Client(wixClient) {
   if (!instances.productsV3ClientInstance) {
@@ -42,15 +47,23 @@ function getInventoryClient(wixClient) {
   }
   return instances.inventoryV3ClientInstance;
 }
+function getCustomizationsV3Client(wixClient) {
+  if (!instances.customizationsV3ClientInstance) {
+    instances.customizationsV3ClientInstance = wixClient.use(customizationsV3);
+  }
+  return instances.customizationsV3ClientInstance;
+}
 const WIX_STORES_SERVICE_MARKER = createJayService("Wix Store Service");
 function provideWixStoresService(wixClient, options) {
   let cachedTree = null;
+  let cachedCustomizations = null;
   const categoriesClient = getCategoriesClient(wixClient);
+  const customizationsClient = getCustomizationsV3Client(wixClient);
   const service = {
     products: getProductsV3Client(wixClient),
     categories: categoriesClient,
     inventory: getInventoryClient(wixClient),
-    cart: getCurrentCartClient(wixClient),
+    customizations: customizationsClient,
     urls: options?.urls ?? { product: "/products/{slug}", category: null },
     defaultCategory: options?.defaultCategory ?? null,
     async getCategoryTree() {
@@ -86,6 +99,17 @@ function provideWixStoresService(wixClient, options) {
       }
       cachedTree = { slugMap, parentMap, rootIds, imageMap };
       return cachedTree;
+    },
+    async getCustomizations() {
+      if (cachedCustomizations) return cachedCustomizations;
+      try {
+        const result = await customizationsClient.queryCustomizations().eq("customizationType", "PRODUCT_OPTION").limit(100).find();
+        cachedCustomizations = result.items || [];
+      } catch (error) {
+        console.error("[wix-stores] Failed to load customizations:", error);
+        cachedCustomizations = [];
+      }
+      return cachedCustomizations;
     }
   };
   registerService(WIX_STORES_SERVICE_MARKER, service);
@@ -214,12 +238,16 @@ function buildProductUrl(urls, tree, slug, mainCategoryId) {
 function buildCategoryUrl(urls, tree, categorySlug, categoryId) {
   if (!urls.category) return null;
   let url = urls.category;
-  url = url.replace("{category}", categorySlug);
   if (url.includes("{prefix}")) {
     const prefixSlug = findRootCategorySlug(categoryId, tree);
     if (!prefixSlug) return null;
     url = url.replace("{prefix}", prefixSlug);
+    const isRoot = tree.rootIds.has(categoryId);
+    url = url.replace("{category}", isRoot ? "" : categorySlug);
+  } else {
+    url = url.replace("{category}", categorySlug);
   }
+  url = url.replace(/\/\/+/g, "/").replace(/\/+$/, "/");
   return url.includes("{") ? null : url;
 }
 function mapAvailabilityStatus(status) {
@@ -329,8 +357,8 @@ function buildVariantStockMap(product) {
   const options = product.options;
   const variants = product.variantsInfo?.variants;
   if (!options || options.length !== 2 || !variants) return stockMap;
-  const colorOption = options.find((o) => o.optionRenderType === "COLOR_SWATCH_CHOICES");
-  const textOption = options.find((o) => o.optionRenderType !== "COLOR_SWATCH_CHOICES");
+  const colorOption = options.find((o) => o.optionRenderType === "SWATCH_CHOICES");
+  const textOption = options.find((o) => o.optionRenderType === "TEXT_CHOICES");
   if (!colorOption || !textOption) return stockMap;
   const colorOptionId = colorOption._id || "";
   const textOptionId = textOption._id || "";
@@ -428,6 +456,31 @@ const PRICE_BUCKETS = PRICE_BUCKET_BOUNDARIES.slice(0, -1).map((from, i) => ({
   to: PRICE_BUCKET_BOUNDARIES[i + 1]
 }));
 PRICE_BUCKETS.push({ from: PRICE_BUCKET_BOUNDARIES[PRICE_BUCKET_BOUNDARIES.length - 1] });
+function getAvailableProductOptions(aggResults, customizations) {
+  const optionNamesAgg = aggResults.find((a) => a.name === "optionNames")?.values;
+  const choiceNamesAgg = aggResults.find((a) => a.name === "choiceNames")?.values;
+  if (!optionNamesAgg?.results?.length || !choiceNamesAgg?.results?.length) {
+    return [];
+  }
+  const optionNames = new Set(optionNamesAgg.results.map((e) => e.value));
+  const choiceCounts = new Map(
+    choiceNamesAgg.results.map((e) => [e.value.toLowerCase(), e.count ?? 0])
+  );
+  return customizations.filter(
+    (c) => c.customizationType === "PRODUCT_OPTION" && c.name && optionNames.has(c.name) && (c.customizationRenderType === "TEXT_CHOICES" || c.customizationRenderType === "SWATCH_CHOICES")
+  ).map((c) => ({
+    optionId: c._id || "",
+    optionName: c.name || "",
+    optionRenderType: c.customizationRenderType,
+    // Sort by product count descending (most used choices first)
+    choices: (c.choicesSettings?.choices || []).filter((ch) => ch.name && choiceCounts.has(ch.name.toLowerCase())).map((ch) => ({
+      choiceId: ch._id || "",
+      choiceName: ch.name || "",
+      colorCode: ch.colorCode || "",
+      productCount: choiceCounts.get(ch.name.toLowerCase()) ?? 0
+    })).sort((a, b) => b.productCount - a.productCount)
+  })).filter((o) => o.choices.length > 0);
+}
 const searchProducts = makeJayQuery("wixStores.searchProducts").withServices(WIX_STORES_SERVICE_MARKER).withHandler(
   async (input, wixStores) => {
     const { query, filters = {}, sortBy = "relevance", cursor, pageSize = 12 } = input;
@@ -460,6 +513,22 @@ const searchProducts = makeJayQuery("wixStores.searchProducts").withServices(WIX
           }
         });
       }
+      if (filters.optionFilters && filters.optionFilters.length > 0) {
+        for (const optFilter of filters.optionFilters) {
+          if (optFilter.choiceNames.length > 0) {
+            filterConditions.push({
+              $and: [
+                { "options.name": { $hasSome: [optFilter.optionName] } },
+                {
+                  "options.choicesSettings.choices.name": {
+                    $hasSome: optFilter.choiceNames
+                  }
+                }
+              ]
+            });
+          }
+        }
+      }
       const filter = filterConditions.length === 1 ? filterConditions[0] : { $and: filterConditions };
       const sort = [];
       switch (sortBy) {
@@ -513,6 +582,28 @@ const searchProducts = makeJayQuery("wixStores.searchProducts").withServices(WIX
           name: "max-price",
           type: "SCALAR",
           scalar: { type: "MAX" }
+        },
+        // Option names for option-based filtering
+        {
+          fieldPath: "options.name",
+          name: "optionNames",
+          type: "VALUE",
+          value: {
+            limit: 20,
+            sortType: "VALUE",
+            sortDirection: "DESC"
+          }
+        },
+        // Choice names for option-based filtering
+        {
+          fieldPath: "options.choicesSettings.choices.name",
+          name: "choiceNames",
+          type: "VALUE",
+          value: {
+            limit: 50,
+            sortType: "COUNT",
+            sortDirection: "DESC"
+          }
         }
       ];
       const searchResult = await wixStores.products.searchProducts(
@@ -567,6 +658,8 @@ const searchProducts = makeJayQuery("wixStores.searchProducts").withServices(WIX
         };
       });
       priceRanges.push(...bucketRanges);
+      const customizations = await wixStores.getCustomizations();
+      const optionFilters = getAvailableProductOptions(aggResults, customizations);
       const tree = await wixStores.getCategoryTree();
       const mappedProducts = products.map(
         (p) => mapProductToCard(p, wixStores.urls, tree)
@@ -580,7 +673,8 @@ const searchProducts = makeJayQuery("wixStores.searchProducts").withServices(WIX
           minBound,
           maxBound,
           ranges: priceRanges
-        }
+        },
+        optionFilters
       };
     } catch (error) {
       console.error("[wixStores.searchProducts] Search failed:", error);
@@ -666,13 +760,28 @@ function mapSortToAction(sort) {
 function parseUrlFilters(url) {
   try {
     const params = new URL(url, "http://x").searchParams;
+    const optionSelections = /* @__PURE__ */ new Map();
+    const optParam = params.get("opt");
+    if (optParam) {
+      for (const segment of optParam.split(";")) {
+        const colonIdx = segment.indexOf(":");
+        if (colonIdx === -1)
+          continue;
+        const name = decodeURIComponent(segment.slice(0, colonIdx));
+        const choices = segment.slice(colonIdx + 1).split(",").map((c) => decodeURIComponent(c)).filter(Boolean);
+        if (choices.length > 0) {
+          optionSelections.set(name, new Set(choices));
+        }
+      }
+    }
     return {
       searchTerm: params.get("q") || "",
       selectedCategorySlugs: params.get("cat")?.split(",").filter(Boolean) || [],
       minPrice: params.has("min") ? Number(params.get("min")) : null,
       maxPrice: params.has("max") ? Number(params.get("max")) : null,
       inStockOnly: params.get("inStock") === "1",
-      sort: params.get("sort") || "relevance"
+      sort: params.get("sort") || "relevance",
+      optionSelections
     };
   } catch {
     return {
@@ -681,7 +790,8 @@ function parseUrlFilters(url) {
       minPrice: null,
       maxPrice: null,
       inStockOnly: false,
-      sort: "relevance"
+      sort: "relevance",
+      optionSelections: /* @__PURE__ */ new Map()
     };
   }
 }
@@ -696,6 +806,30 @@ function parseSortParam(sort) {
   };
   return sortMap[sort] ?? CurrentSort.relevance;
 }
+function buildOptionFiltersViewState(baseOptionFilters, filteredResult, optionSelections) {
+  const filteredChoiceCounts = /* @__PURE__ */ new Map();
+  for (const opt of filteredResult.optionFilters || []) {
+    for (const ch of opt.choices) {
+      filteredChoiceCounts.set(ch.choiceName.toLowerCase(), ch.productCount);
+    }
+  }
+  return baseOptionFilters.map((opt) => ({
+    optionId: opt.optionId,
+    optionName: opt.optionName,
+    optionRenderType: opt.optionRenderType === "SWATCH_CHOICES" ? OptionRenderType$2.SWATCH_CHOICES : OptionRenderType$2.TEXT_CHOICES,
+    choices: opt.choices.map((ch) => {
+      const count = filteredChoiceCounts.get(ch.choiceName.toLowerCase()) ?? 0;
+      return {
+        choiceId: ch.choiceId,
+        choiceName: ch.choiceName,
+        colorCode: ch.colorCode,
+        productCount: count,
+        isSelected: optionSelections.get(opt.optionName)?.has(ch.choiceName) ?? false,
+        isDisabled: count === 0
+      };
+    })
+  }));
+}
 const EMPTY_CATEGORY_HEADER = {
   name: "",
   description: "",
@@ -705,7 +839,7 @@ const EMPTY_CATEGORY_HEADER = {
   breadcrumbs: [],
   seoData: { tags: [], settings: { preventAutoRedirect: false, keywords: [] } }
 };
-async function findCategoryBySlug(categoriesClient, slug) {
+async function findCategoryBySlug$1(categoriesClient, slug) {
   const result = await categoriesClient.queryCategories({ treeReference: { appNamespace: "@wix/stores" } }).eq("slug", slug).eq("visible", true).limit(1).find();
   return result.items?.[0] ?? null;
 }
@@ -719,15 +853,23 @@ async function loadCategoryDetails(categoriesClient, categoryId) {
 async function buildCategoryHeader(wixStoreService, category, categoryUrlTemplate) {
   const details = await loadCategoryDetails(wixStoreService.categories, category._id);
   const cat = details || category;
-  const imageUrl = cat.image || "";
+  const imageUrl = cat.image ? formatWixMediaUrl("", cat.image) : "";
   const description = cat.description || "";
   const categoryTree = await wixStoreService.getCategoryTree();
-  const breadcrumbs = (cat.breadcrumbsInfo?.breadcrumbs || []).map((b) => ({
-    categoryId: b.categoryId,
-    name: b.categoryName,
-    slug: b.categorySlug,
-    url: categoryUrlTemplate ? buildCategoryUrl(wixStoreService.urls, categoryTree, b.categorySlug, b.categoryId) : ""
-  }));
+  const breadcrumbs = [
+    ...(cat.breadcrumbsInfo?.breadcrumbs || []).map((b) => ({
+      categoryId: b.categoryId,
+      name: b.categoryName,
+      slug: b.categorySlug,
+      url: categoryUrlTemplate ? buildCategoryUrl(wixStoreService.urls, categoryTree, b.categorySlug, b.categoryId) : ""
+    })),
+    {
+      categoryId: cat._id || "",
+      name: cat.name || "",
+      slug: cat.slug || "",
+      url: categoryUrlTemplate ? buildCategoryUrl(wixStoreService.urls, categoryTree, cat.slug || "", cat._id || "") : ""
+    }
+  ];
   const seoData = cat.seoData ? {
     tags: (cat.seoData.tags || []).map((tag, index) => ({
       position: index.toString().padStart(2, "0"),
@@ -767,7 +909,7 @@ async function buildCategoryHeader(wixStoreService, category, categoryUrlTemplat
         header = { ...header, description: parent.description };
       }
       if (!header.imageUrl) {
-        const parentImage = parent.image || "";
+        const parentImage = parent.image ? formatWixMediaUrl("", parent.image) : "";
         if (parentImage) {
           header = { ...header, imageUrl: parentImage, hasImage: true };
         }
@@ -784,13 +926,13 @@ async function renderSlowlyChanging$2(props, wixStores) {
   let activeCategory = null;
   let baseCategoryId = null;
   if (subcategorySlug) {
-    activeCategory = await findCategoryBySlug(wixStores.categories, subcategorySlug);
+    activeCategory = await findCategoryBySlug$1(wixStores.categories, subcategorySlug);
     baseCategoryId = activeCategory?._id ?? null;
   } else if (categorySlug) {
-    activeCategory = await findCategoryBySlug(wixStores.categories, categorySlug);
+    activeCategory = await findCategoryBySlug$1(wixStores.categories, categorySlug);
     baseCategoryId = activeCategory?._id ?? null;
   } else if (defaultCategorySlug) {
-    activeCategory = await findCategoryBySlug(wixStores.categories, defaultCategorySlug);
+    activeCategory = await findCategoryBySlug$1(wixStores.categories, defaultCategorySlug);
   }
   const tree = await wixStores.getCategoryTree();
   const categoryHeader = activeCategory ? await buildCategoryHeader(wixStores, activeCategory, wixStores.urls.category) : EMPTY_CATEGORY_HEADER;
@@ -801,18 +943,35 @@ async function renderSlowlyChanging$2(props, wixStores) {
     if (baseCategoryId) {
       query = query.eq("parentCategory.id", baseCategoryId);
     }
-    const categoriesResult = await query.find();
-    return categoriesResult.items || [];
+    const baseCategoryIds = baseCategoryId ? [baseCategoryId] : [];
+    const [categoriesResult, productsResult] = await Promise.all([
+      query.find(),
+      searchProducts({
+        query: "",
+        filters: {
+          categoryIds: baseCategoryIds.length > 0 ? baseCategoryIds : void 0
+        },
+        pageSize: PAGE_SIZE
+      })
+    ]);
+    return {
+      categories: categoriesResult.items || [],
+      productsResult
+    };
   }).recover((error) => {
-    console.error("Failed to load categories:", error);
-    return Pipeline.ok([]);
-  }).toPhaseOutput((categories2) => {
+    console.error("Failed to load categories/products:", error);
+    return Pipeline.ok({
+      categories: [],
+      productsResult: null
+    });
+  }).toPhaseOutput(({ categories: categories2, productsResult }) => {
     const categoryInfos = categories2.map((cat) => ({
       categoryId: cat._id || "",
       categoryName: cat.name || "",
       categorySlug: cat.slug || "",
       categoryUrl: buildCategoryUrl(wixStores.urls, tree, cat.slug || "", cat._id || "") ?? ""
     }));
+    const baseOptionFilters = productsResult?.optionFilters || [];
     return {
       viewState: {
         searchFields: "name,description,sku",
@@ -829,7 +988,9 @@ async function renderSlowlyChanging$2(props, wixStores) {
         searchFields: "name,description,sku",
         fuzzySearch: true,
         categories: categoryInfos,
-        baseCategoryId
+        baseCategoryId,
+        preloadedResult: productsResult,
+        baseOptionFilters
       }
     };
   });
@@ -839,7 +1000,15 @@ async function renderFastChanging$1(props, slowCarryForward, _wixStores) {
   const urlFilters = parseUrlFilters(props.url);
   const initialSort = parseSortParam(urlFilters.sort);
   const initialCategoryIds = urlFilters.selectedCategorySlugs.map((slug) => slowCarryForward.categories.find((c) => c.categorySlug === slug)?.categoryId).filter(Boolean);
+  const initialOptionFilters = [];
+  for (const [optionName, choiceNames] of urlFilters.optionSelections) {
+    initialOptionFilters.push({ optionName, choiceNames: [...choiceNames] });
+  }
+  const hasActiveFilters = !!urlFilters.searchTerm || initialCategoryIds.length > 0 || urlFilters.minPrice !== null || urlFilters.maxPrice !== null || urlFilters.inStockOnly || initialSort !== CurrentSort.relevance || initialOptionFilters.length > 0;
   return Pipeline.try(async () => {
+    if (!hasActiveFilters && slowCarryForward.preloadedResult) {
+      return slowCarryForward.preloadedResult;
+    }
     const baseCategoryIds = slowCarryForward.baseCategoryId ? [slowCarryForward.baseCategoryId, ...initialCategoryIds] : initialCategoryIds;
     const result = await searchProducts({
       query: urlFilters.searchTerm || "",
@@ -847,7 +1016,8 @@ async function renderFastChanging$1(props, slowCarryForward, _wixStores) {
         categoryIds: baseCategoryIds.length > 0 ? baseCategoryIds : void 0,
         minPrice: urlFilters.minPrice ?? void 0,
         maxPrice: urlFilters.maxPrice ?? void 0,
-        inStockOnly: urlFilters.inStockOnly || void 0
+        inStockOnly: urlFilters.inStockOnly || void 0,
+        optionFilters: initialOptionFilters.length > 0 ? initialOptionFilters : void 0
       },
       sortBy: initialSort !== CurrentSort.relevance ? mapSortToAction(initialSort) : void 0,
       pageSize: PAGE_SIZE
@@ -867,13 +1037,14 @@ async function renderFastChanging$1(props, slowCarryForward, _wixStores) {
           {
             rangeId: "all",
             label: "Show all",
-            minValue: null,
-            maxValue: null,
+            minValue: 0,
+            maxValue: 1e3,
             productCount: 0,
             isSelected: true
           }
         ]
-      }
+      },
+      optionFilters: []
     });
   }).toPhaseOutput((result) => {
     const priceAgg = result.priceAggregation || {
@@ -883,8 +1054,8 @@ async function renderFastChanging$1(props, slowCarryForward, _wixStores) {
         {
           rangeId: "all",
           label: "Show all",
-          minValue: null,
-          maxValue: null,
+          minValue: 0,
+          maxValue: 1e3,
           productCount: result.totalCount,
           isSelected: true
         }
@@ -907,14 +1078,19 @@ async function renderFastChanging$1(props, slowCarryForward, _wixStores) {
             maxPrice: urlFilters.maxPrice ?? priceAgg.maxBound,
             minBound: priceAgg.minBound,
             maxBound: priceAgg.maxBound,
-            ranges: priceAgg.ranges
+            ranges: priceAgg.ranges.map((r) => ({
+              ...r,
+              minValue: r.minValue ?? 0,
+              maxValue: r.maxValue ?? 0
+            }))
           },
           categoryFilter: {
             categories: slowCarryForward.categories.map((cat) => ({
               categoryId: cat.categoryId,
               isSelected: initialCategoryIds.includes(cat.categoryId)
             }))
-          }
+          },
+          optionFilters: buildOptionFiltersViewState(slowCarryForward.baseOptionFilters, result, urlFilters.optionSelections)
         },
         sortBy: {
           currentSort: initialSort
@@ -927,7 +1103,8 @@ async function renderFastChanging$1(props, slowCarryForward, _wixStores) {
         searchFields: slowCarryForward.searchFields,
         fuzzySearch: slowCarryForward.fuzzySearch,
         categories: slowCarryForward.categories,
-        baseCategoryId: slowCarryForward.baseCategoryId
+        baseCategoryId: slowCarryForward.baseCategoryId,
+        baseOptionFilters: slowCarryForward.baseOptionFilters
       }
     };
   });
@@ -1023,24 +1200,25 @@ function mapInfoSections(infoSections) {
     uniqueName: infoSection.uniqueName || ""
   }));
 }
-function mapSeoData(seoData) {
-  return {
-    tags: seoData?.tags?.map((tag, index) => ({
-      position: index.toString().padStart(2, "0"),
-      type: tag.type,
-      props: Object.entries(tag.props || {}).map(([key, value]) => ({ key, value })),
-      meta: Object.entries(tag.meta || {}).map(([key, value]) => ({ key, value })),
-      children: tag.children
-    })),
-    settings: {
-      preventAutoRedirect: seoData?.settings?.preventAutoRedirect || false,
-      keywords: seoData?.settings?.keywords.map((keyword) => ({
-        isMain: keyword.isMain,
-        origin: keyword.origin,
-        term: keyword.term
-      }))
+function mapSeoHeadTags(seoData) {
+  if (!seoData)
+    return [];
+  const headTags = (seoData.tags || []).map((tag) => ({
+    tag: tag.type || "meta",
+    attrs: Object.fromEntries(Object.entries(tag.props || {}).map(([key, value]) => [key, value])),
+    children: tag.children || void 0
+  }));
+  const keywords = seoData.settings?.keywords;
+  if (keywords?.length) {
+    const terms = keywords.map((k) => k.term).filter(Boolean);
+    if (terms.length) {
+      headTags.push({
+        tag: "meta",
+        attrs: { name: "keywords", content: terms.join(", ") }
+      });
     }
-  };
+  }
+  return headTags;
 }
 function mapMediaType(mediaType) {
   if (mediaType === "VIDEO")
@@ -1178,9 +1356,9 @@ async function renderSlowlyChanging$1(props, wixStores) {
         productType: mapProductType(productType),
         options: mapOptionsToSlowVS(options),
         infoSections: mapInfoSections(infoSections),
-        modifiers: mapModifiersToSlowVS(modifiers),
-        seoData: mapSeoData(seoData)
+        modifiers: mapModifiersToSlowVS(modifiers)
       },
+      headTags: mapSeoHeadTags(seoData),
       carryForward: {
         productId: _id,
         mediaGallery: mapMedia(media),
@@ -1190,7 +1368,7 @@ async function renderSlowlyChanging$1(props, wixStores) {
         price: actualPriceRange?.minValue?.formattedAmount || "",
         strikethroughPrice: actualPriceRange?.minValue?.amount !== product.compareAtPriceRange?.minValue?.amount ? compareAtPriceRange?.minValue?.formattedAmount || "" : "",
         pricePerUnit: physicalProperties?.pricePerUnitRange?.minValue?.description,
-        stockStatus: inventory?.availabilityStatus === "IN_STOCK" ? StockStatus.IN_STOCK : StockStatus.OUT_OF_STOCK,
+        stockStatus: inventory?.availabilityStatus === "IN_STOCK" || inventory?.availabilityStatus === "PARTIALLY_OUT_OF_STOCK" ? StockStatus.IN_STOCK : StockStatus.OUT_OF_STOCK,
         variants: mapVariants(variantsInfo)
       }
     };
@@ -1198,17 +1376,45 @@ async function renderSlowlyChanging$1(props, wixStores) {
 }
 async function renderFastChanging(props, slowCarryForward, wixStores) {
   const Pipeline = RenderPipeline.for();
+  const { variants } = slowCarryForward;
+  const defaultVariant = variants.find((v) => v.inventoryStatus === StockStatus.IN_STOCK) || variants[0];
+  const options = slowCarryForward.options.map((option) => {
+    const variantChoice = defaultVariant.choices.find((c) => c.optionChoiceIds.optionId === option._id);
+    if (!variantChoice)
+      return option;
+    return {
+      ...option,
+      choices: option.choices.map((choice) => ({
+        ...choice,
+        isSelected: choice.choiceId === variantChoice.optionChoiceIds.choiceId
+      }))
+    };
+  });
+  let mediaGallery = slowCarryForward.mediaGallery;
+  if (defaultVariant.mediaId) {
+    const mediaIndex = mediaGallery.availableMedia.findIndex((m) => m.mediaId === defaultVariant.mediaId);
+    if (mediaIndex >= 0) {
+      mediaGallery = {
+        selectedMedia: mediaGallery.availableMedia[mediaIndex].media,
+        availableMedia: mediaGallery.availableMedia.map((m, i) => ({
+          ...m,
+          selected: i === mediaIndex ? Selected.selected : Selected.notSelected
+        }))
+      };
+    }
+  }
   const isInStock = slowCarryForward.stockStatus === StockStatus.IN_STOCK;
   return Pipeline.ok({
-    actionsEnabled: isInStock,
-    options: slowCarryForward.options,
+    actionsEnabled: isInStock && defaultVariant.inventoryStatus === StockStatus.IN_STOCK,
+    options,
     modifiers: slowCarryForward.modifiers,
-    mediaGallery: slowCarryForward.mediaGallery,
-    sku: slowCarryForward.variants[0].sku,
-    price: slowCarryForward.variants[0].price,
+    mediaGallery,
+    sku: defaultVariant.sku,
+    price: defaultVariant.price,
     pricePerUnit: slowCarryForward.pricePerUnit || "",
-    stockStatus: slowCarryForward.stockStatus,
-    strikethroughPrice: slowCarryForward.variants[0].strikethroughPrice,
+    stockStatus: defaultVariant.inventoryStatus,
+    strikethroughPrice: defaultVariant.strikethroughPrice,
+    isAddingToCart: false,
     quantity: { quantity: 1 }
   }).toPhaseOutput((viewState) => ({
     viewState,
@@ -1219,14 +1425,28 @@ async function renderFastChanging(props, slowCarryForward, wixStores) {
   }));
 }
 const productPage = makeJayStackComponent().withProps().withServices(WIX_STORES_SERVICE_MARKER).withLoadParams(loadProductParams).withSlowlyRender(renderSlowlyChanging$1).withFastRender(renderFastChanging);
+async function findCategoryBySlug(categoriesClient, slug) {
+  const result = await categoriesClient.queryCategories({ treeReference: { appNamespace: "@wix/stores" } }).eq("slug", slug).eq("visible", true).limit(1).find();
+  return result.items?.[0] ?? null;
+}
 async function renderSlowlyChanging(props, wixStores) {
   const Pipeline = RenderPipeline.for();
+  const parentCategorySlug = props.parentCategory ?? wixStores.defaultCategory;
+  let parentCategoryId = null;
+  if (parentCategorySlug) {
+    const parentCat = await findCategoryBySlug(wixStores.categories, parentCategorySlug);
+    parentCategoryId = parentCat?._id ?? null;
+  }
   return Pipeline.try(async () => {
-    const result = await wixStores.categories.queryCategories({
+    let query = wixStores.categories.queryCategories({
       treeReference: {
         appNamespace: "@wix/stores"
       }
-    }).eq("visible", true).find();
+    }).eq("visible", true);
+    if (parentCategoryId) {
+      query = query.eq("parentCategory.id", parentCategoryId);
+    }
+    const result = await query.find();
     return result.items || [];
   }).recover((error) => {
     console.error("Failed to load categories:", error);