@sitecore-content-sdk/react 1.3.0-canary.9 → 1.4.0-canary.2

package/dist/cjs/components/Placeholder/index.js

@@ -1,25 +1,25 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppPlaceholder = exports.PlaceholderMetadata = exports.PlaceholderComponent = exports.Placeholder = void 0;
-var Placeholder_1 = require("./Placeholder");
-Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
-Object.defineProperty(exports, "PlaceholderComponent", { enumerable: true, get: function () { return Placeholder_1.PlaceholderComponent; } });
-var PlaceholderMetadata_1 = require("./PlaceholderMetadata");
-Object.defineProperty(exports, "PlaceholderMetadata", { enumerable: true, get: function () { return PlaceholderMetadata_1.PlaceholderMetadata; } });
-var AppPlaceholder_1 = require("./AppPlaceholder");
-Object.defineProperty(exports, "AppPlaceholder", { enumerable: true, get: function () { return AppPlaceholder_1.AppPlaceholder; } });
-__exportStar(require("./placeholder-utils"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppPlaceholder = exports.PlaceholderMetadata = exports.PlaceholderComponent = exports.Placeholder = void 0;
+var Placeholder_1 = require("./Placeholder");
+Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
+Object.defineProperty(exports, "PlaceholderComponent", { enumerable: true, get: function () { return Placeholder_1.PlaceholderComponent; } });
+var PlaceholderMetadata_1 = require("./PlaceholderMetadata");
+Object.defineProperty(exports, "PlaceholderMetadata", { enumerable: true, get: function () { return PlaceholderMetadata_1.PlaceholderMetadata; } });
+var AppPlaceholder_1 = require("./AppPlaceholder");
+Object.defineProperty(exports, "AppPlaceholder", { enumerable: true, get: function () { return AppPlaceholder_1.AppPlaceholder; } });
+__exportStar(require("./placeholder-utils"), exports);

package/dist/cjs/components/Placeholder/models.js

@@ -1,18 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.nonSerializedPlaceholderProps = void 0;
-/**
- * Prop names from placeholder that cannot be serialized and passed from server to client side components
- */
-exports.nonSerializedPlaceholderProps = [
-    'renderEmpty',
-    'render',
-    'renderEach',
-    'errorComponent',
-    'componentLoadingMessage',
-    'modifyComponentProps',
-    'componentMap',
-    'page',
-    'missingComponentComponent',
-    'hiddenRenderingComponent',
-];
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nonSerializedPlaceholderProps = void 0;
+/**
+ * Prop names from placeholder that cannot be serialized and passed from server to client side components
+ */
+exports.nonSerializedPlaceholderProps = [
+    'renderEmpty',
+    'render',
+    'renderEach',
+    'errorComponent',
+    'componentLoadingMessage',
+    'modifyComponentProps',
+    'componentMap',
+    'page',
+    'missingComponentComponent',
+    'hiddenRenderingComponent',
+];

package/dist/cjs/components/Placeholder/placeholder-utils.js

@@ -1,226 +1,226 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getComponentForRendering = exports.getRenderedComponentProps = exports.renderEmptyPlaceholder = exports.getSXAParams = exports.getPlaceholderRenderings = void 0;
-exports.getAppComponentProps = getAppComponentProps;
-const react_1 = __importDefault(require("react"));
-const MissingComponent_1 = require("../MissingComponent");
-const sharedTypes_1 = require("../sharedTypes");
-const layout_1 = require("@sitecore-content-sdk/core/layout");
-const core_1 = require("@sitecore-content-sdk/core");
-const HiddenRendering_1 = require("../HiddenRendering");
-const FEaaS_1 = require("../FEaaS");
-/**
- * Get the renderings for the specified placeholder from the rendering data.
- * @param {ComponentRendering | RouteData } rendering rendering data
- * @param {string} name placeholder name
- * @param {boolean} isEditing whether components should be rendered in editing mode
- * @returns {ComponentRendering[]} array of component renderings
- */
-const getPlaceholderRenderings = (rendering, name, isEditing) => {
-    let result;
-    let phName = name.slice();
-    /**
-     * Process (SXA) dynamic placeholders
-     * Find and replace the matching dynamic placeholder e.g 'nameOfContainer-{*}' with the requested e.g. 'nameOfContainer-1'.
-     * For Metadata EditMode, we need to keep the raw placeholder name in place.
-     */
-    if (rendering === null || rendering === void 0 ? void 0 : rendering.placeholders) {
-        Object.keys(rendering.placeholders).forEach((placeholder) => {
-            const patternPlaceholder = (0, layout_1.isDynamicPlaceholder)(placeholder)
-                ? (0, layout_1.getDynamicPlaceholderPattern)(placeholder)
-                : null;
-            if (patternPlaceholder && patternPlaceholder.test(phName)) {
-                if (isEditing) {
-                    phName = placeholder;
-                }
-                else {
-                    rendering.placeholders[phName] = rendering.placeholders[placeholder];
-                    delete rendering.placeholders[placeholder];
-                }
-            }
-        });
-    }
-    if (rendering && rendering.placeholders && Object.keys(rendering.placeholders).length > 0) {
-        result = rendering.placeholders[phName];
-    }
-    else {
-        result = null;
-    }
-    if (!result) {
-        console.warn(`Placeholder '${phName}' was not found in the current rendering data`, JSON.stringify(rendering, null, 2));
-        return [];
-    }
-    return result;
-};
-exports.getPlaceholderRenderings = getPlaceholderRenderings;
-/**
- * Get SXA specific params from Sitecore rendering params
- * @param {ComponentRendering} rendering rendering object
- * @returns {object} converted SXA params
- */
-const getSXAParams = (rendering) => {
-    if (!rendering.params)
-        return {};
-    const { GridParameters, Styles } = rendering.params;
-    return ((GridParameters || Styles) && {
-        styles: `${GridParameters || ''} ${Styles || ''}`,
-    });
-};
-exports.getSXAParams = getSXAParams;
-/**
- * Renders the placeholder when it is empty. The required CSS styles are applied to the placeholder in edit mode.
- * @param {React.ReactNode | React.ReactElement[]} node react node
- * @returns react node
- */
-const renderEmptyPlaceholder = (node) => {
-    return react_1.default.createElement("div", { className: "sc-jss-empty-placeholder" }, node);
-};
-exports.renderEmptyPlaceholder = renderEmptyPlaceholder;
-/**
- * Get component props to be passed to the rendered component.
- * @param {PlaceholderProps} placeholderProps current placeholder props
- * @param {ComponentRendering} componentRendering rendering to be rendered
- * @param {string} renderingKey unique key to pass over to rendering props
- * @returns {RenderedProps} props to be passed to the rendered component
- */
-const getRenderedComponentProps = (placeholderProps, componentRendering, renderingKey) => {
-    // eslint-disable-next-line no-unused-vars
-    const { fields, params: placeholderParams } = placeholderProps, passThroughProps = __rest(placeholderProps, ["fields", "params"]);
-    delete passThroughProps.missingComponentComponent;
-    delete passThroughProps.hiddenRenderingComponent;
-    delete passThroughProps.name;
-    const mergedContentProps = getAppComponentProps(placeholderProps, componentRendering);
-    return Object.assign(Object.assign(Object.assign({ key: renderingKey }, passThroughProps), mergedContentProps), { rendering: componentRendering });
-};
-exports.getRenderedComponentProps = getRenderedComponentProps;
-/**
- * Merge placeholder and component field and params content props.
- * @param {BasePlaceholderProps} placeholderProps placeholder props
- * @param {ComponentRendering} componentRendering component rendering
- * @returns {ComponentProps} merged props
- */
-function getAppComponentProps(placeholderProps, componentRendering) {
-    const fields = Object.assign(Object.assign({}, (placeholderProps.fields || {})), (componentRendering.fields || {}));
-    const params = Object.assign(Object.assign({}, (placeholderProps.params || {})), (componentRendering.params || {}));
-    return {
-        fields,
-        params: Object.assign(Object.assign({}, params), (0, exports.getSXAParams)(componentRendering)),
-        rendering: componentRendering,
-    };
-}
-/**
- * Get component implemenation from the component map based on the rendering definition.
- * @param {ComponentRendering} renderingDefinition rendering data
- * @param {string} placeholderName name of current placeholder
- * @param {ComponentMap} componentMap component map for the current app
- * @param {React.ComponentClass} [hiddenRenderingComponent] fallback implementation in to be rendered if the rendering is hidden
- * @param {React.ComponentClass} [missingComponentComponent] fallback implementation in case no component is found in the component map
- * @returns {ContentSDKComponet | null} component implementation or null if no component map is provided
- */
-const getComponentForRendering = (renderingDefinition, placeholderName, componentMap, hiddenRenderingComponent, missingComponentComponent) => {
-    var _a, _b;
-    const logUnknownComponentError = (variant) => {
-        console.error(`Placeholder ${placeholderName} contains unknown component ${renderingDefinition.componentName}${variant ? ` (${variant})` : ''}. Ensure that a React component exists for it, and that it is registered in your component-map file.`);
-    };
-    if (renderingDefinition.componentName === core_1.constants.HIDDEN_RENDERING_NAME) {
-        return {
-            component: hiddenRenderingComponent !== null && hiddenRenderingComponent !== void 0 ? hiddenRenderingComponent : HiddenRendering_1.HiddenRendering,
-            isEmpty: true,
-            componentType: 'universal',
-        };
-    }
-    else if (!renderingDefinition.componentName) {
-        return {
-            component: () => react_1.default.createElement(react_1.default.Fragment, null),
-            isEmpty: true,
-            componentType: 'universal',
-        };
-    }
-    let component = null;
-    if (!componentMap || componentMap.size === 0) {
-        console.warn(`No components were available in component map to service request for component ${renderingDefinition}`);
-    }
-    else {
-        component = componentMap.get(renderingDefinition.componentName);
-    }
-    if (!component) {
-        // Fallback/defaults for Sitecore Component renderings (in case not defined in component map)
-        if (renderingDefinition.componentName === FEaaS_1.FEAAS_COMPONENT_RENDERING_NAME) {
-            return {
-                component: FEaaS_1.FEaaSComponent,
-                isEmpty: false,
-                componentType: 'universal',
-            };
-        }
-        else if (renderingDefinition.componentName === FEaaS_1.FEAAS_WRAPPER_RENDERING_NAME) {
-            return {
-                component: FEaaS_1.FEaaSWrapper,
-                isEmpty: false,
-                componentType: 'universal',
-            };
-        }
-        else if (renderingDefinition.componentName === FEaaS_1.BYOC_COMPONENT_RENDERING_NAME) {
-            return {
-                component: FEaaS_1.BYOCComponent,
-                isEmpty: false,
-                componentType: 'universal',
-            };
-        }
-        else if (renderingDefinition.componentName === FEaaS_1.BYOC_WRAPPER_RENDERING_NAME) {
-            // wrapping with error boundary could cause problems in case where parent component uses withPlaceholder HOC and tries to access its children props
-            // that's why we need to mark BYOC wrapper dynamic
-            return {
-                component: FEaaS_1.BYOCWrapper,
-                dynamic: true,
-                componentType: 'universal',
-                isEmpty: false,
-            };
-        }
-        logUnknownComponentError();
-        return {
-            component: missingComponentComponent !== null && missingComponentComponent !== void 0 ? missingComponentComponent : MissingComponent_1.MissingComponent,
-            isEmpty: true,
-            componentType: 'universal',
-        };
-    }
-    // Render SXA Rendering Variant if available
-    const exportName = (_a = renderingDefinition.params) === null || _a === void 0 ? void 0 : _a.FieldNames;
-    const renderedComponent = exportName && exportName !== sharedTypes_1.DEFAULT_EXPORT_NAME
-        ? component[exportName]
-        : component.default ||
-            component.Default ||
-            component;
-    if (!renderedComponent) {
-        logUnknownComponentError(exportName !== sharedTypes_1.DEFAULT_EXPORT_NAME ? exportName : undefined);
-        return {
-            component: missingComponentComponent !== null && missingComponentComponent !== void 0 ? missingComponentComponent : MissingComponent_1.MissingComponent,
-            isEmpty: true,
-            componentType: 'universal',
-        };
-    }
-    const dynamic = !!((_b = renderedComponent.render) === null || _b === void 0 ? void 0 : _b.preload) ||
-        renderingDefinition.componentName === FEaaS_1.BYOC_WRAPPER_RENDERING_NAME;
-    // all dynamic elements will have a separate render prop
-    return {
-        component: renderedComponent,
-        dynamic,
-        componentType: component
-            .componentType,
-        isEmpty: false,
-    };
-};
-exports.getComponentForRendering = getComponentForRendering;
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentForRendering = exports.getRenderedComponentProps = exports.renderEmptyPlaceholder = exports.getSXAParams = exports.getPlaceholderRenderings = void 0;
+exports.getAppComponentProps = getAppComponentProps;
+const react_1 = __importDefault(require("react"));
+const MissingComponent_1 = require("../MissingComponent");
+const sharedTypes_1 = require("../sharedTypes");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
+const core_1 = require("@sitecore-content-sdk/core");
+const HiddenRendering_1 = require("../HiddenRendering");
+const FEaaS_1 = require("../FEaaS");
+/**
+ * Get the renderings for the specified placeholder from the rendering data.
+ * @param {ComponentRendering | RouteData } rendering rendering data
+ * @param {string} name placeholder name
+ * @param {boolean} isEditing whether components should be rendered in editing mode
+ * @returns {ComponentRendering[]} array of component renderings
+ */
+const getPlaceholderRenderings = (rendering, name, isEditing) => {
+    let result;
+    let phName = name.slice();
+    /**
+     * Process (SXA) dynamic placeholders
+     * Find and replace the matching dynamic placeholder e.g 'nameOfContainer-{*}' with the requested e.g. 'nameOfContainer-1'.
+     * For Metadata EditMode, we need to keep the raw placeholder name in place.
+     */
+    if (rendering === null || rendering === void 0 ? void 0 : rendering.placeholders) {
+        Object.entries(rendering.placeholders).forEach(([key, value]) => {
+            const patternPlaceholder = (0, layout_1.isDynamicPlaceholder)(key)
+                ? (0, layout_1.getDynamicPlaceholderPattern)(key)
+                : null;
+            if (patternPlaceholder && patternPlaceholder.test(phName)) {
+                if (isEditing) {
+                    phName = key;
+                }
+                else {
+                    rendering.placeholders[phName] = value;
+                    delete rendering.placeholders[key];
+                }
+            }
+        });
+    }
+    if (rendering && rendering.placeholders && Object.keys(rendering.placeholders).length > 0) {
+        result = rendering.placeholders[phName];
+    }
+    else {
+        result = null;
+    }
+    if (!result) {
+        console.warn(`Placeholder '${phName}' was not found in the current rendering data`, JSON.stringify(rendering, null, 2));
+        return [];
+    }
+    return result;
+};
+exports.getPlaceholderRenderings = getPlaceholderRenderings;
+/**
+ * Get SXA specific params from Sitecore rendering params
+ * @param {ComponentRendering} rendering rendering object
+ * @returns {object} converted SXA params
+ */
+const getSXAParams = (rendering) => {
+    if (!rendering.params)
+        return { styles: '' };
+    const { GridParameters, Styles } = rendering.params;
+    return ((GridParameters || Styles) && {
+        styles: `${GridParameters || ''} ${Styles || ''}`,
+    });
+};
+exports.getSXAParams = getSXAParams;
+/**
+ * Renders the placeholder when it is empty. The required CSS styles are applied to the placeholder in edit mode.
+ * @param {React.ReactNode | React.ReactElement[]} node react node
+ * @returns react node
+ */
+const renderEmptyPlaceholder = (node) => {
+    return react_1.default.createElement("div", { className: "sc-jss-empty-placeholder" }, node);
+};
+exports.renderEmptyPlaceholder = renderEmptyPlaceholder;
+/**
+ * Get component props to be passed to the rendered component.
+ * @param {PlaceholderProps} placeholderProps current placeholder props
+ * @param {ComponentRendering} componentRendering rendering to be rendered
+ * @param {string} renderingKey unique key to pass over to rendering props
+ * @returns {RenderedProps} props to be passed to the rendered component
+ */
+const getRenderedComponentProps = (placeholderProps, componentRendering, renderingKey) => {
+    // eslint-disable-next-line no-unused-vars
+    const { fields, params: placeholderParams } = placeholderProps, passThroughProps = __rest(placeholderProps, ["fields", "params"]);
+    delete passThroughProps.missingComponentComponent;
+    delete passThroughProps.hiddenRenderingComponent;
+    delete passThroughProps.name;
+    const mergedContentProps = getAppComponentProps(placeholderProps, componentRendering);
+    return Object.assign(Object.assign(Object.assign({ key: renderingKey }, passThroughProps), mergedContentProps), { rendering: componentRendering });
+};
+exports.getRenderedComponentProps = getRenderedComponentProps;
+/**
+ * Merge placeholder and component field and params content props.
+ * @param {BasePlaceholderProps} placeholderProps placeholder props
+ * @param {ComponentRendering} componentRendering component rendering
+ * @returns {ComponentProps} merged props
+ */
+function getAppComponentProps(placeholderProps, componentRendering) {
+    const fields = Object.assign(Object.assign({}, (placeholderProps.fields || {})), (componentRendering.fields || {}));
+    const params = Object.assign(Object.assign({}, (placeholderProps.params || {})), (componentRendering.params || {}));
+    return {
+        fields,
+        params: Object.assign(Object.assign({}, params), (0, exports.getSXAParams)(componentRendering)),
+        rendering: componentRendering,
+    };
+}
+/**
+ * Get component implemenation from the component map based on the rendering definition.
+ * @param {ComponentRendering} renderingDefinition rendering data
+ * @param {string} placeholderName name of current placeholder
+ * @param {ComponentMap} componentMap component map for the current app
+ * @param {React.ComponentClass} [hiddenRenderingComponent] fallback implementation in to be rendered if the rendering is hidden
+ * @param {React.ComponentClass} [missingComponentComponent] fallback implementation in case no component is found in the component map
+ * @returns {ContentSDKComponet | null} component implementation or null if no component map is provided
+ */
+const getComponentForRendering = (renderingDefinition, placeholderName, componentMap, hiddenRenderingComponent, missingComponentComponent) => {
+    var _a, _b;
+    const logUnknownComponentError = (variant) => {
+        console.error(`Placeholder ${placeholderName} contains unknown component ${renderingDefinition.componentName}${variant ? ` (${variant})` : ''}. Ensure that a React component exists for it, and that it is registered in your component-map file.`);
+    };
+    if (renderingDefinition.componentName === core_1.constants.HIDDEN_RENDERING_NAME) {
+        return {
+            component: hiddenRenderingComponent !== null && hiddenRenderingComponent !== void 0 ? hiddenRenderingComponent : HiddenRendering_1.HiddenRendering,
+            isEmpty: true,
+            componentType: 'universal',
+        };
+    }
+    else if (!renderingDefinition.componentName) {
+        return {
+            component: () => react_1.default.createElement(react_1.default.Fragment, null),
+            isEmpty: true,
+            componentType: 'universal',
+        };
+    }
+    let component = null;
+    if (!componentMap || componentMap.size === 0) {
+        console.warn(`No components were available in component map to service request for component ${renderingDefinition}`);
+    }
+    else {
+        component = componentMap.get(renderingDefinition.componentName);
+    }
+    if (!component) {
+        // Fallback/defaults for Sitecore Component renderings (in case not defined in component map)
+        if (renderingDefinition.componentName === FEaaS_1.FEAAS_COMPONENT_RENDERING_NAME) {
+            return {
+                component: FEaaS_1.FEaaSComponent,
+                isEmpty: false,
+                componentType: 'universal',
+            };
+        }
+        else if (renderingDefinition.componentName === FEaaS_1.FEAAS_WRAPPER_RENDERING_NAME) {
+            return {
+                component: FEaaS_1.FEaaSWrapper,
+                isEmpty: false,
+                componentType: 'universal',
+            };
+        }
+        else if (renderingDefinition.componentName === FEaaS_1.BYOC_COMPONENT_RENDERING_NAME) {
+            return {
+                component: FEaaS_1.BYOCComponent,
+                isEmpty: false,
+                componentType: 'universal',
+            };
+        }
+        else if (renderingDefinition.componentName === FEaaS_1.BYOC_WRAPPER_RENDERING_NAME) {
+            // wrapping with error boundary could cause problems in case where parent component uses withPlaceholder HOC and tries to access its children props
+            // that's why we need to mark BYOC wrapper dynamic
+            return {
+                component: FEaaS_1.BYOCWrapper,
+                dynamic: true,
+                componentType: 'universal',
+                isEmpty: false,
+            };
+        }
+        logUnknownComponentError();
+        return {
+            component: missingComponentComponent !== null && missingComponentComponent !== void 0 ? missingComponentComponent : MissingComponent_1.MissingComponent,
+            isEmpty: true,
+            componentType: 'universal',
+        };
+    }
+    // Render SXA Rendering Variant if available
+    const exportName = (_a = renderingDefinition.params) === null || _a === void 0 ? void 0 : _a.FieldNames;
+    const renderedComponent = exportName && exportName !== sharedTypes_1.DEFAULT_EXPORT_NAME
+        ? component[exportName]
+        : component.default ||
+            component.Default ||
+            component;
+    if (!renderedComponent) {
+        logUnknownComponentError(exportName !== sharedTypes_1.DEFAULT_EXPORT_NAME ? exportName : undefined);
+        return {
+            component: missingComponentComponent !== null && missingComponentComponent !== void 0 ? missingComponentComponent : MissingComponent_1.MissingComponent,
+            isEmpty: true,
+            componentType: 'universal',
+        };
+    }
+    const dynamic = !!((_b = renderedComponent.render) === null || _b === void 0 ? void 0 : _b.preload) ||
+        renderingDefinition.componentName === FEaaS_1.BYOC_WRAPPER_RENDERING_NAME;
+    // all dynamic elements will have a separate render prop
+    return {
+        component: renderedComponent,
+        dynamic,
+        componentType: component
+            .componentType,
+        isEmpty: false,
+    };
+};
+exports.getComponentForRendering = getComponentForRendering;