@contentful/experiences-sdk-react 3.8.0-prerelease-20250926T1312-a8b5fb7.0 → 3.8.1-dev-20251001T1447-3773a54.0

package/dist/src/core/preview/__fixtures__.d.ts

@@ -0,0 +1,517 @@
+export declare const l1: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l2: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l2_l1_1: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l2_l1_2: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l3: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l3_l2_1: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l3_l2_2: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l3_l2_l1_1: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l3_l2_l1_2: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l3_l2_l1_3: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};
+export declare const l3_l2_l1_4: {
+    id: string;
+    nodeId: string;
+    parameterId: string;
+    prebindingDefinitions: {
+        id: string;
+        parameterDefinitions: Record<string, {
+            contentTypes: string[];
+            passToNodes: {
+                prebindingId: string;
+                parameterId: string;
+                nodeId: string;
+            }[];
+            defaultSource?: {
+                type: "Entry";
+                contentTypeId: string;
+                link: {
+                    sys: {
+                        type: "Link";
+                        id: string;
+                        linkType: "Entry";
+                    };
+                };
+            } | undefined;
+        }>;
+        variableMappings?: Record<string, {
+            type: "ContentTypeMapping";
+            parameterId: string;
+            pathsByContentType: Record<string, {
+                path: string;
+            }>;
+        }> | undefined;
+        allowedVariableOverrides?: string[] | undefined;
+    }[];
+    contentTypes: string[];
+    defaultSource: {
+        type: "Entry";
+        contentTypeId: string;
+        link: {
+            sys: {
+                type: "Link";
+                id: string;
+                linkType: "Entry";
+            };
+        };
+    } | undefined;
+};

package/dist/src/core/preview/assemblyUtils.d.ts

@@ -1,17 +1,26 @@
 import { EntityStore } from '@contentful/experiences-core';
 import type { ComponentTreeNode, ExperienceComponentSettings, Parameter } from '@contentful/experiences-core/types';
+type ComponentTreeNodeWithPatternInformation = ComponentTreeNode & {
+    pattern?: {
+        parentPatternNodeId: string;
+        nodeIdOnPattern: string;
+        prefixedNodeId: string;
+    };
+};
 /** While unfolding the pattern definition on the instance, this function will replace all
  * ComponentValue in the definitions tree with the actual value on the instance. */
-export declare const deserializePatternNode: ({ node, componentInstanceVariables, componentSettings, parameters, entityStore, }: {
+export declare const deserializePatternNode: ({ node, rootPatternVariables, componentSettings, entityStore, rootPatternParameters, parentPatternRootNodeIdsChain, }: {
     node: ComponentTreeNode;
-    componentInstanceVariables: ComponentTreeNode["variables"];
+    rootPatternVariables: ComponentTreeNode["variables"];
     componentSettings: ExperienceComponentSettings;
-    parameters: Record<string, Parameter>;
     entityStore: EntityStore;
-}) => ComponentTreeNode;
-export declare const resolvePattern: ({ node, parentParameters, patternRootNodeIdsChain, entityStore, }: {
+    rootPatternParameters: Record<string, Parameter>;
+    parentPatternRootNodeIdsChain: string[];
+}) => ComponentTreeNodeWithPatternInformation;
+export declare const resolvePattern: ({ node, entityStore, parentPatternRootNodeIdsChain, rootPatternParameters, }: {
     node: ComponentTreeNode;
     entityStore: EntityStore;
-    parentParameters: Record<string, Parameter>;
-    patternRootNodeIdsChain: string;
-}) => ComponentTreeNode;
+    parentPatternRootNodeIdsChain: string[];
+    rootPatternParameters: Record<string, Parameter>;
+}) => ComponentTreeNodeWithPatternInformation;
+export {};

package/dist/src/core/styles/createStylesheetsForBuiltInStyles.d.ts

@@ -20,5 +20,5 @@ export declare const createStylesheetsForBuiltInStyles: ({ designPropertiesByBre
     designPropertiesByBreakpoint: Record<string, Record<string, PrimitiveValue>>;
     breakpoints: Breakpoint[];
     node: ComponentTreeNode;
-    patternRootNodeIdsChain?: string;
+    patternRootNodeIdsChain?: Array<string>;
 }) => ResolvedStylesheetData;

package/dist/src/sdkVersion.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "3.8.0-prerelease-20250926T1312-a8b5fb7.0";
+export declare const SDK_VERSION = "3.8.1-dev-20251001T1447-3773a54.0";

package/dist/src/utils/parseComponentProps.d.ts

@@ -15,11 +15,11 @@ type ResolveBoundValueType = (data: {
     dataType: ComponentDefinitionVariableType;
     binding: BoundValue;
 }) => BoundComponentPropertyTypes;
-export declare const parseComponentProps: ({ breakpoints, componentDefinition, patternRootNodeIdsChain, node, resolveDesignValue, resolveBoundValue, resolveHyperlinkValue, resolveUnboundValue, resolvePrebindingValue, }: {
+export declare const parseComponentProps: ({ breakpoints, componentDefinition, patternRootNodeIdsChain, node, resolveDesignValue, resolveBoundValue, resolveHyperlinkValue, resolveUnboundValue, resolveComponentValue, }: {
     breakpoints: Breakpoint[];
     mainBreakpoint: Breakpoint;
     componentDefinition: ComponentDefinition;
-    patternRootNodeIdsChain?: string;
+    patternRootNodeIdsChain: Array<string>;
     node: ComponentTreeNode;
     resolveDesignValue: ResolveDesignValueType;
     resolveBoundValue: ResolveBoundValueType;
@@ -30,7 +30,13 @@ export declare const parseComponentProps: ({ breakpoints, componentDefinition, p
         mappingKey: string;
         defaultValue: ComponentDefinitionVariable["defaultValue"];
     }) => PrimitiveValue;
-    resolvePrebindingValue: (data: {
+    /**
+     * This method will be called to resolve the values for components that are native (not from nested pattern) to the previewed pattern
+     * Nested pattern's components are going to be resolved by the `resolvePattern` method from `assemblyUtils` file
+     * @param data
+     * @returns
+     */
+    resolveComponentValue: (data: {
         propertyName: string;
         mappingKey: string;
         dataType: ComponentDefinitionVariableType;

package/dist/src/utils/prebindingUtils.d.ts

@@ -1,17 +1,20 @@
 import { type EntityStore } from '@contentful/experiences-core';
 import { ExperienceComponentSettings, Parameter } from '@contentful/experiences-validators';
-export declare const shouldUsePrebinding: ({ componentValueKey, componentSettings, parameters, }: {
+export declare const shouldUsePrebinding: ({ componentValueKey, componentSettings, parameters, patternRootNodeIdsChain, }: {
     componentValueKey: string;
     componentSettings: ExperienceComponentSettings;
     parameters: Record<string, Parameter>;
+    patternRootNodeIdsChain: string[];
 }) => boolean;
-export declare const resolvePrebindingPath: ({ componentValueKey, componentSettings, parameters, entityStore, }: {
+export declare const resolvePrebindingPath: ({ componentValueKey, componentSettings, parameters, entityStore, patternRootNodeIdsChain, }: {
     componentValueKey: string;
     componentSettings: ExperienceComponentSettings;
     parameters: Record<string, Parameter>;
     entityStore: EntityStore;
+    patternRootNodeIdsChain: string[];
 }) => string;
-export declare const resolveMaybePrebindingDefaultValuePath: ({ componentValueKey, entityStore, }: {
+export declare const resolveMaybePrebindingDefaultValuePath: ({ componentValueKey, patternRootNodeIdsChain, entityStore, }: {
     componentValueKey: string;
+    patternRootNodeIdsChain: string[];
     entityStore: EntityStore;
 }) => string | undefined;

package/dist/test/__fixtures__/assembly.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentTreeNode, ExperienceEntry, ExperienceTreeNode, SchemaVersions } from '@contentful/experiences-core/types';
+import type { ComponentTreeNode, ExperienceComponentSettings, ExperienceEntry, ExperienceTreeNode, SchemaVersions } from '@contentful/experiences-core/types';
+import { ExperienceComponentTree } from '@contentful/experiences-validators';
 type createAssemblyEntryArgs = {
     schemaVersion?: SchemaVersions;
     id?: string;
@@ -6,11 +7,13 @@ type createAssemblyEntryArgs = {
         entry: ExperienceEntry;
         node: ComponentTreeNode;
     }>;
+    prebindingDefinitions?: ExperienceComponentSettings['prebindingDefinitions'];
+    componentTreeChildren?: ExperienceComponentTree['children'];
 };
 export declare const defaultAssemblyId = "assembly-id";
 export declare const assemblyGeneratedVariableName = "text_uuid1Assembly";
 export declare const assemblyGeneratedDesignVariableName = "cfWidth_uuid2Assembly";
-export declare const createAssemblyEntry: ({ schemaVersion, id, nestedPatterns, }?: createAssemblyEntryArgs) => ExperienceEntry;
+export declare const createAssemblyEntry: ({ schemaVersion, id, nestedPatterns, prebindingDefinitions, componentTreeChildren, }?: createAssemblyEntryArgs) => ExperienceEntry;
 type createAssemblyNodeArgs = {
     id: string;
     blockId?: string;

package/dist/utils/parseComponentProps.js

@@ -15,7 +15,7 @@ import { createStylesheetsForBuiltInStyles } from '../core/styles/createStyleshe
 const isSpecialCaseCssProp = (propName) => {
     return propName === 'cfBackgroundImageUrl' || propName.startsWith('cfBackgroundImageUrl_');
 };
-const parseComponentProps = ({ breakpoints, componentDefinition, patternRootNodeIdsChain, node, resolveDesignValue, resolveBoundValue, resolveHyperlinkValue, resolveUnboundValue, resolvePrebindingValue, }) => {
+const parseComponentProps = ({ breakpoints, componentDefinition, patternRootNodeIdsChain, node, resolveDesignValue, resolveBoundValue, resolveHyperlinkValue, resolveUnboundValue, resolveComponentValue, }) => {
     const styleProps = {};
     const customDesignProps = {};
     const contentProps = {};
@@ -85,7 +85,7 @@ const parseComponentProps = ({ breakpoints, componentDefinition, patternRootNode
             case 'ComponentValue': {
                 // This can either be a design (style) or a content property.
                 // Where prebinding is used, we resolve like they are a BoundValue.
-                const propValue = resolvePrebindingValue({
+                const propValue = resolveComponentValue({
                     propertyName: propName,
                     mappingKey: propertyValue.key,
                     dataType: propDefinition.type,