@akinon/pz-theme 2.0.103-rc.0 → 2.0.103

package/src/blocks/item-template-utils.ts

@@ -134,6 +134,40 @@ export const resolveSliderRowProduct = (
   return { ...item, pk } as ThemeProduct;
 };
 
+/**
+ * The section data sources whose rows are products.
+ *
+ * The same declared-not-sniffed rule as the two allow-lists above, applied to
+ * a section's own repeat: a custom section iterating a COLLECTION data source
+ * is, by the source's definition, a list of commerce products, so a card
+ * dropped into it (ZERO-4829's "Product Cards" on any page) gets the same
+ * product scope a product grid row gets — and its favourite and add-to-basket
+ * address the right product instead of rendering nothing for want of one.
+ * A static or API source says nothing about its rows and opens no scope.
+ */
+const PRODUCT_ROW_DATA_SOURCE_TYPES = new Set(['collection']);
+
+export const publishesProductRows = (
+  sectionDataSource: { type?: unknown } | null | undefined
+): boolean =>
+  typeof sectionDataSource?.type === 'string' &&
+  PRODUCT_ROW_DATA_SOURCE_TYPES.has(sectionDataSource.type);
+
+/**
+ * A collection row seen as the ambient product, or null for the padding rows
+ * the count floor draws when the source has answered with fewer products.
+ */
+export const resolveCollectionRowProduct = (
+  item: Record<string, unknown> | null | undefined
+): ThemeProduct | null => {
+  if (!item || Object.keys(item).length === 0) return null;
+
+  const pk = readProductPk(item);
+  if (pk === undefined) return null;
+
+  return { ...item, pk } as ThemeProduct;
+};
+
 /**
  * What a product row shows in the editor when the page has no live data.
  *

package/src/blocks/item-template.tsx

@@ -4,6 +4,7 @@ import React from 'react';
 import ThemeBlock, { Block } from '../theme-block';
 import {
   buildIteratorBlock,
+  expandNestedIterators,
   sliceIteratorItems
 } from '../utils/iterator-utils';
 import {
@@ -107,7 +108,11 @@ export const ItemTemplateList = ({
     isDesigner
   });
 
-  const clones = expanded.blocks || [];
+  // A repeat inside the row (a colour-swatch strip over `item.colors`) was
+  // handed its list while the row was built; it expands here, per clone.
+  const clones = (expanded.blocks || []).map((clone) =>
+    expandNestedIterators(clone, { isDesigner })
+  );
   // Only lists whose rows ARE products open a scope. An attribute row or a
   // gallery thumbnail row must keep falling through to the page's product:
   // those templates live on a PDP, and a scope there — even an empty one —