Sync from monorepo

Template version: 0.4.0-alpha.2

Uses NPM packages @salesforce/storefront-next-* v0.4.0-alpha.2

Synced by: rding_sfemu

Monorepo SHA: 2d5cc673b4d15920457d650c6ef899afd40f4fae

Latest change: 2d5cc673b - fix: content link uuid in design layer @W-20784239 (#1532)

Author: rding_sfemu

CHANGELOG.md

@@ -1,3 +1,7 @@
+## v0.4.0-dev (May 1, 2026)
+
+- Design layer: Wire `contentLinkUuid` through regions and story fixtures to support content blocks (@W-21609036)
+
 ## v0.4.0-dev (Apr 30, 2026)
 
 - **Cart line item:** Restore the edit button for non-standard, non-bonus products alongside the newly added wishlist toggle and remove action.

src/components/region/component.test.tsx

@@ -447,6 +447,7 @@ describe('Component', () => {
                 typeId: 'hero',
                 designMetadata: {
                     id: 'meta-comp',
+                    contentLinkUuid: 'test-content-link-uuid',
                     name: 'Main Hero',
                     isFragment: false,
                     isVisible: true,
@@ -518,6 +519,7 @@ describe('Component', () => {
                 contentLinkUuid: 'uuid-12345-abcde',
                 designMetadata: {
                     id: 'fragment-comp',
+                    contentLinkUuid: 'uuid-12345-abcde',
                     name: 'Reusable Hero',
                     isFragment: true,
                     isVisible: true,

src/components/region/index.test.tsx

@@ -367,7 +367,7 @@ describe('Region', () => {
 
         describe('when rendering page region with region context', () => {
             beforeEach(() => {
-                vi.mocked(useRegionContext).mockReturnValue({ regionId: 'test-region', componentIds: [] });
+                vi.mocked(useRegionContext).mockReturnValue({ regionId: 'test-region', contentLinkUuids: [] });
             });
             it('does not render the page designer page metadata provider', async () => {
                 render(<Region page={mockPage} regionId="test-region" />);

src/components/region/region-wrapper.test.tsx

@@ -34,7 +34,7 @@ type DecoratedProps = {
     className?: string;
     designMetadata?: RegionDesignMetadata & {
         regionDirection: string;
-        componentIds: string[];
+        contentLinkUuids: string[];
     };
     children: React.ReactNode;
 };
@@ -106,7 +106,7 @@ describe('RegionWrapper', () => {
 
         const last = decoratedCalls[decoratedCalls.length - 1];
         expect(last.region.id).toEqual('r2');
-        expect(last.designMetadata?.componentIds).toEqual(['x1', 'x2']);
+        expect(last.designMetadata?.contentLinkUuids).toEqual(['x1', 'x2']);
         expect(last.designMetadata?.componentTypeInclusions).toEqual([]);
         expect(last.designMetadata?.componentTypeExclusions).toEqual([]);
     });

src/components/region/region-wrapper.tsx

@@ -28,7 +28,7 @@ import type { ShopperExperience } from '@salesforce/storefront-next-runtime/scap
 export interface RegionRendererProps extends React.HTMLAttributes<HTMLDivElement> {
     region: ShopperExperience.schemas['Region'];
     children: ReactNode;
-    designMetadata?: Omit<RegionDesignMetadata, 'componentIds'>;
+    designMetadata?: Omit<RegionDesignMetadata, 'contentLinkUuids'>;
 }
 
 /**
@@ -74,7 +74,7 @@ export function RegionWrapper({ region, children, className, designMetadata, ...
                 region={region}
                 designMetadata={{
                     id: region.id,
-                    componentIds: region?.components?.map((cmp) => cmp.id) || [],
+                    contentLinkUuids: region?.components?.map((cmp) => cmp.contentLinkUuid ?? cmp.id) || [],
                     componentTypeExclusions: designMetadata?.componentTypeExclusions || [],
                     componentTypeInclusions: designMetadata?.componentTypeInclusions || [],
                 }}