@rebuy/rebuy 2.36.0 → 2.37.0-rc.1

package/dist/index.js

@@ -4460,6 +4460,20 @@ var STYLE_TO_DIRECTION = {
 };
 var directionForStyle = (style) => style ? STYLE_TO_DIRECTION[style] : "rows";
 var buildProductListLayout = (direction, columns) => direction === "grid" ? { direction, grid: { columns: Array.from({ length: Math.max(columns, 1) }, () => "fill"), rows: ["auto"] } } : { direction };
+var navButton = (action, glyph) => ({
+  action,
+  buttonStyle: "plain",
+  sections: [{ buttonField: "buttonLabel", content: { en: glyph }, sectionType: "text" }],
+  sectionType: "button"
+});
+var buildCarouselNav = () => ({
+  alignment: { horizontal: "end", vertical: "middle" },
+  direction: "columns",
+  name: "pagination",
+  padding: "none",
+  sections: [navButton("goToPrevPage", "\u2039"), navButton("goToNextPage", "\u203A")],
+  sectionType: "layout"
+});
 var hasHeaderText = (language) => !!(language?.title || language?.superTitle || language?.description);
 var DISCOUNTED_FROM = {
   compare_at_price: "compare_at_price",
@@ -4551,6 +4565,16 @@ var convertOfferToV2 = ({ id, name, settings }) => {
     ...settings.treatAsGwp && { treatAsGwp: true }
   };
   const offers = {
+    /**
+     * The offers section's own layout config IS the per-product card template (the extension renders
+     * each product through `asLayout` of this section) — so the legacy card chrome lives here: the
+     * always-on rounded border, inner padding, and vertical centering of the info column against the
+     * image. Values match the canonical seed template; omitting them renders borderless, top-crowded
+     * cards (REB-23807).
+     */
+    alignment: { horizontal: "start", vertical: "middle" },
+    border: { radius: "base", style: "base", width: "base" },
+    padding: "base",
     sections: [
       ...buildOfferCard(settings, horizontalCard),
       dataSource,
@@ -4565,7 +4589,9 @@ var convertOfferToV2 = ({ id, name, settings }) => {
     // otherwise throw at parse, so floor it at 1 (the carousel still shows a product per page).
     itemsAtOnce: Math.max(layout?.carousel ? columns : settings.limit ?? columns, 1),
     ...listLayout,
-    sections: [offers],
+    // Arrows only when the v1 widget actually paginates — a non-carousel widget shows everything
+    // at once (`itemsAtOnce` = limit), so nav buttons would render permanently disabled.
+    sections: layout?.carousel ? [buildCarouselNav(), offers] : [offers],
     sectionType: "carousel"
   };
   return CABRootSection.parse({