@rebuy/rebuy 3.62.2 → 3.63.0

package/dist/index.cjs

@@ -4536,7 +4536,9 @@ var CABLayoutSection = import_zod67.z.object({
   direction: import_zod67.z.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: import_zod67.z.enum(layoutFrames).optional(),
   grid: import_zod67.z.object({

package/dist/index.mjs

@@ -4053,7 +4053,9 @@ var CABLayoutSection = z67.object({
   direction: z67.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: z67.enum(layoutFrames).optional(),
   grid: z67.object({

package/dist/schema/checkout-and-beyond/index.cjs

@@ -1712,7 +1712,9 @@ var CABLayoutSection = import_zod21.z.object({
   direction: import_zod21.z.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: import_zod21.z.enum(layoutFrames).optional(),
   grid: import_zod21.z.object({

package/dist/schema/checkout-and-beyond/index.mjs

@@ -1497,7 +1497,9 @@ var CABLayoutSection = z21.object({
   direction: z21.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: z21.enum(layoutFrames).optional(),
   grid: z21.object({

package/dist/schema/widget-data.cjs

@@ -1533,7 +1533,9 @@ var CABLayoutSection = import_zod24.z.object({
   direction: import_zod24.z.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: import_zod24.z.enum(layoutFrames).optional(),
   grid: import_zod24.z.object({

package/dist/schema/widget-data.mjs

@@ -1508,7 +1508,9 @@ var CABLayoutSection = z24.object({
   direction: z24.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: z24.enum(layoutFrames).optional(),
   grid: z24.object({

package/dist/server/index.cjs

@@ -1953,7 +1953,9 @@ var CABLayoutSection = import_zod22.z.object({
   direction: import_zod22.z.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: import_zod22.z.enum(layoutFrames).optional(),
   grid: import_zod22.z.object({
@@ -5022,15 +5024,19 @@ var convertProductInformation = (raw, report, widgetSettings) => {
             CABLayoutSection.parse({
               alignment: { horizontal: "center" },
               direction: "grid",
-              grid: { columns: [250] },
+              /**
+               * One full-width track, uncapped. Legacy `ProductImage` set its 250-pixel, 90% track
+               * only on the small viewport, so on medium and large the image filled its column; the
+               * schema has no per-viewport tracks, so it fills its column at every viewport.
+               */
+              grid: { columns: ["100%"] },
               sections: [
                 CABImageSection.parse({
                   altText: "{{productTitle}}",
                   source: "{{productImage}}",
                   ...thumbnails(settings)
                 })
-              ],
-              width: 90
+              ]
             })
           ]
         }),
@@ -5120,7 +5126,7 @@ var convertTextBlock = (raw, report) => {
     const section = CABTextSection.safeParse({ content: { en: content } });
     return section.success ? [section.data] : omit(field);
   });
-  return sections.length ? [CABLayoutSection.parse({ alignment: { horizontal }, sections })] : [];
+  return sections.length ? [CABLayoutSection.parse({ alignment: { horizontal }, frame: "offer-content", sections })] : [];
 };
 
 // src/transforms/postPurchase/convertTimerBlock.ts

package/dist/server/index.mjs

@@ -1880,7 +1880,9 @@ var CABLayoutSection = z22.object({
   direction: z22.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: z22.enum(layoutFrames).optional(),
   grid: z22.object({
@@ -4949,15 +4951,19 @@ var convertProductInformation = (raw, report, widgetSettings) => {
             CABLayoutSection.parse({
               alignment: { horizontal: "center" },
               direction: "grid",
-              grid: { columns: [250] },
+              /**
+               * One full-width track, uncapped. Legacy `ProductImage` set its 250-pixel, 90% track
+               * only on the small viewport, so on medium and large the image filled its column; the
+               * schema has no per-viewport tracks, so it fills its column at every viewport.
+               */
+              grid: { columns: ["100%"] },
               sections: [
                 CABImageSection.parse({
                   altText: "{{productTitle}}",
                   source: "{{productImage}}",
                   ...thumbnails(settings)
                 })
-              ],
-              width: 90
+              ]
             })
           ]
         }),
@@ -5047,7 +5053,7 @@ var convertTextBlock = (raw, report) => {
     const section = CABTextSection.safeParse({ content: { en: content } });
     return section.success ? [section.data] : omit(field);
   });
-  return sections.length ? [CABLayoutSection.parse({ alignment: { horizontal }, sections })] : [];
+  return sections.length ? [CABLayoutSection.parse({ alignment: { horizontal }, frame: "offer-content", sections })] : [];
 };
 
 // src/transforms/postPurchase/convertTimerBlock.ts

package/dist/transforms/index.cjs

@@ -536,7 +536,9 @@ var CABLayoutSection = import_zod4.z.object({
   direction: import_zod4.z.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: import_zod4.z.enum(layoutFrames).optional(),
   grid: import_zod4.z.object({
@@ -4553,15 +4555,19 @@ var convertProductInformation = (raw, report, widgetSettings) => {
             CABLayoutSection.parse({
               alignment: { horizontal: "center" },
               direction: "grid",
-              grid: { columns: [250] },
+              /**
+               * One full-width track, uncapped. Legacy `ProductImage` set its 250-pixel, 90% track
+               * only on the small viewport, so on medium and large the image filled its column; the
+               * schema has no per-viewport tracks, so it fills its column at every viewport.
+               */
+              grid: { columns: ["100%"] },
               sections: [
                 CABImageSection.parse({
                   altText: "{{productTitle}}",
                   source: "{{productImage}}",
                   ...thumbnails(settings)
                 })
-              ],
-              width: 90
+              ]
             })
           ]
         }),
@@ -4651,7 +4657,7 @@ var convertTextBlock = (raw, report) => {
     const section = CABTextSection.safeParse({ content: { en: content } });
     return section.success ? [section.data] : omit(field);
   });
-  return sections.length ? [CABLayoutSection.parse({ alignment: { horizontal }, sections })] : [];
+  return sections.length ? [CABLayoutSection.parse({ alignment: { horizontal }, frame: "offer-content", sections })] : [];
 };
 
 // src/transforms/postPurchase/convertTimerBlock.ts

package/dist/transforms/index.mjs

@@ -475,7 +475,9 @@ var CABLayoutSection = z4.object({
   direction: z4.enum(directions).default(Direction.rows),
   /**
    * Platform chrome around the section, not a layout behavior: `callout` is a subdued box with block borders
-   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content card.
+   * (the legacy post-purchase callout banner), `offer-content` the post-purchase offer's own content column
+   * (legacy `ComponentSectionLayout`), which the converter puts around the text, image and image-with-text
+   * blocks. The offers section is never framed: the renderers place it in that column themselves.
    */
   frame: z4.enum(layoutFrames).optional(),
   grid: z4.object({
@@ -4492,15 +4494,19 @@ var convertProductInformation = (raw, report, widgetSettings) => {
             CABLayoutSection.parse({
               alignment: { horizontal: "center" },
               direction: "grid",
-              grid: { columns: [250] },
+              /**
+               * One full-width track, uncapped. Legacy `ProductImage` set its 250-pixel, 90% track
+               * only on the small viewport, so on medium and large the image filled its column; the
+               * schema has no per-viewport tracks, so it fills its column at every viewport.
+               */
+              grid: { columns: ["100%"] },
               sections: [
                 CABImageSection.parse({
                   altText: "{{productTitle}}",
                   source: "{{productImage}}",
                   ...thumbnails(settings)
                 })
-              ],
-              width: 90
+              ]
             })
           ]
         }),
@@ -4590,7 +4596,7 @@ var convertTextBlock = (raw, report) => {
     const section = CABTextSection.safeParse({ content: { en: content } });
     return section.success ? [section.data] : omit(field);
   });
-  return sections.length ? [CABLayoutSection.parse({ alignment: { horizontal }, sections })] : [];
+  return sections.length ? [CABLayoutSection.parse({ alignment: { horizontal }, frame: "offer-content", sections })] : [];
 };
 
 // src/transforms/postPurchase/convertTimerBlock.ts

package/dist/transforms/postPurchase/convertProductInformation.d.ts

@@ -4,6 +4,7 @@ import type { Reporter } from '../../server/shared';
  * Structure only: the card provider binds the separately prepared fixed product. The card is built from
  * the section types the checkout offer card uses — price, purchase mode, variants, quantity — plus the
  * post-purchase price breakdown and recurring summary, then the card's own Pay and decline, all driven by the saved
- * widget settings.
+ * widget settings. It carries no `frame`: the renderers set the offers section in the offer's content column
+ * themselves, so an `offer-content` frame here would cap the card twice.
  */
 export declare const convertProductInformation: (raw: unknown, report?: Reporter, widgetSettings?: unknown) => CABOffersSection[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rebuy/rebuy",
-    "version": "3.62.2",
+    "version": "3.63.0",
     "description": "Shared zod schemas, legacy-to-CAB widget transforms, and server orchestrators for Rebuy's Shopify consumers (rebuy-api, admin-nextjs, rebuy-shopify-extensions)",
     "license": "MIT",
     "author": "Rebuy, Inc.",