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

package/dist/cjs/components/FEaaS/BYOCWrapper.js

@@ -1,122 +1,133 @@
-"use strict";
-'use client';
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BYOCWrapper = exports.BYOCComponent = void 0;
-const react_1 = __importDefault(require("react"));
-const FEAAS = __importStar(require("@sitecore-feaas/clientside/react"));
-const utils_1 = require("../../utils");
-const MissingComponent_1 = require("../MissingComponent");
-const DefaultErrorComponent = (props) => {
-    var _a;
-    return (react_1.default.createElement("div", null,
-        "A rendering error occurred: ", (_a = props.error) === null || _a === void 0 ? void 0 :
-        _a.message,
-        "."));
-};
-// BYOCComponent remains for backward compatibility and testing purposes
-/**
- * BYOCComponent facilitate the rendering of external components. It manages potential errors,
- * missing components, and customization of error messages or alternative rendering components.
- * @param {ByocComponentProps} props component props
- * @returns dynamically rendered component or Missing Component error frame
- */
-class BYOCComponent extends react_1.default.Component {
-    constructor(props) {
-        super(props);
-        this.state = {};
-    }
-    static getDerivedStateFromError(error) {
-        // Update state so the next render will show the fallback UI.
-        return { error: error };
-    }
-    componentDidCatch(error) {
-        this.setState({ error });
-    }
-    render() {
-        var _a, _b, _c;
-        const props = this.props;
-        if (this.state.error) {
-            return this.props.errorComponent ? (react_1.default.createElement(this.props.errorComponent, { error: this.state.error })) : (react_1.default.createElement(DefaultErrorComponent, { error: this.state.error }));
-        }
-        const { ComponentName: componentName } = props.params || {};
-        if (!componentName) {
-            const noNameProps = {
-                errorOverride: 'BYOC: The ComponentName for this rendering is missing',
-            };
-            return props.missingComponentComponent ? (react_1.default.createElement(this.props.missingComponentComponent, Object.assign({}, noNameProps))) : (react_1.default.createElement(MissingComponent_1.MissingComponent, Object.assign({}, noNameProps)));
-        }
-        const unRegisteredComponentProps = {
-            rendering: {
-                componentName: componentName,
-            },
-            errorOverride: 'BYOC: This component was not registered.',
-        };
-        const fallbackComponent = this.props.missingComponentComponent ? (react_1.default.createElement(this.props.missingComponentComponent, Object.assign({}, unRegisteredComponentProps))) : (react_1.default.createElement(MissingComponent_1.MissingComponent, Object.assign({}, unRegisteredComponentProps)));
-        const ErrorComponent = this.props.errorComponent;
-        let componentProps = {};
-        if ((_a = props.params) === null || _a === void 0 ? void 0 : _a.ComponentProps) {
-            try {
-                componentProps = (_b = JSON.parse(props.params.ComponentProps)) !== null && _b !== void 0 ? _b : {};
-            }
-            catch (e) {
-                console.error(`Parsing props for ${componentName} component from rendering params failed. Error: ${e}`);
-                return ErrorComponent ? (react_1.default.createElement(ErrorComponent, { error: e })) : (react_1.default.createElement(DefaultErrorComponent, { error: e }));
-            }
-        }
-        // apply props from item datasource
-        const dataSourcesData = Object.assign(Object.assign({}, props.fetchedData), { _: (0, utils_1.getDataFromFields)((_c = props.fields) !== null && _c !== void 0 ? _c : {}) });
-        // we render fallback on client to avoid problems with client-only components
-        return (react_1.default.createElement(FEAAS.ExternalComponent, Object.assign({}, props.rendering, { componentName: componentName, clientFallback: fallbackComponent, datasources: dataSourcesData }, componentProps)));
-    }
-}
-exports.BYOCComponent = BYOCComponent;
-/**
- * SXA wrapper for BYOC components
- * @param {BYOCComponentProps} props component props
- * @returns wrapped BYOC component
- */
-const BYOCWrapper = (props) => {
-    var _a, _b, _c;
-    const styles = (_b = (_a = props.params) === null || _a === void 0 ? void 0 : _a.styles) === null || _b === void 0 ? void 0 : _b.trimEnd();
-    const id = (_c = props.params) === null || _c === void 0 ? void 0 : _c.RenderingIdentifier;
-    return (react_1.default.createElement("div", { className: styles ? styles : undefined, id: id ? id : undefined },
-        react_1.default.createElement("div", { className: "component-content" },
-            react_1.default.createElement(BYOCComponent, Object.assign({}, props)))));
-};
-exports.BYOCWrapper = BYOCWrapper;
+"use strict";
+'use client';
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BYOCWrapper = exports.BYOCComponent = exports.__mockDependencies = void 0;
+const react_1 = __importDefault(require("react"));
+const FEAAS = __importStar(require("@sitecore-feaas/clientside/react"));
+const utils_1 = require("../../utils");
+const MissingComponent_1 = require("../MissingComponent");
+// Allow mocking of FEAAS.ExternalComponent for testing
+let { ExternalComponent } = FEAAS;
+const __mockDependencies = (mocks) => {
+    if (mocks.ExternalComponent) {
+        ExternalComponent = mocks.ExternalComponent;
+    }
+};
+exports.__mockDependencies = __mockDependencies;
+const DefaultErrorComponent = (props) => {
+    var _a;
+    return (react_1.default.createElement("div", null,
+        "A rendering error occurred: ", (_a = props.error) === null || _a === void 0 ? void 0 :
+        _a.message,
+        "."));
+};
+// BYOCComponent remains for backward compatibility and testing purposes
+/**
+ * BYOCComponent facilitate the rendering of external components. It manages potential errors,
+ * missing components, and customization of error messages or alternative rendering components.
+ * @param {ByocComponentProps} props component props
+ * @returns dynamically rendered component or Missing Component error frame
+ * @public
+ */
+class BYOCComponent extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { error: error };
+    }
+    componentDidCatch(error) {
+        this.setState({ error });
+    }
+    render() {
+        var _a, _b, _c;
+        const props = this.props;
+        if (this.state.error) {
+            return this.props.errorComponent ? (react_1.default.createElement(this.props.errorComponent, { error: this.state.error })) : (react_1.default.createElement(DefaultErrorComponent, { error: this.state.error }));
+        }
+        const { ComponentName: componentName } = props.params || {};
+        if (!componentName) {
+            const noNameProps = {
+                errorOverride: 'BYOC: The ComponentName for this rendering is missing',
+            };
+            const MissingComp = this.props.missingComponentComponent;
+            return MissingComp ? react_1.default.createElement(MissingComp, Object.assign({}, noNameProps)) : react_1.default.createElement(MissingComponent_1.MissingComponent, Object.assign({}, noNameProps));
+        }
+        const unRegisteredComponentProps = {
+            rendering: {
+                componentName: componentName,
+            },
+            errorOverride: 'BYOC: This component was not registered.',
+        };
+        const fallbackComponent = this.props.missingComponentComponent ? (react_1.default.createElement(this.props.missingComponentComponent, Object.assign({}, unRegisteredComponentProps))) : (react_1.default.createElement(MissingComponent_1.MissingComponent, Object.assign({}, unRegisteredComponentProps)));
+        const ErrorComponent = this.props.errorComponent;
+        let componentProps = {};
+        if ((_a = props.params) === null || _a === void 0 ? void 0 : _a.ComponentProps) {
+            try {
+                componentProps = (_b = JSON.parse(props.params.ComponentProps)) !== null && _b !== void 0 ? _b : {};
+            }
+            catch (e) {
+                console.error(`Parsing props for ${componentName} component from rendering params failed. Error: ${e}`);
+                return ErrorComponent ? (react_1.default.createElement(ErrorComponent, { error: e })) : (react_1.default.createElement(DefaultErrorComponent, { error: e }));
+            }
+        }
+        // apply props from item datasource
+        const dataSourcesData = Object.assign(Object.assign({}, props.fetchedData), { _: (0, utils_1.getDataFromFields)((_c = props.fields) !== null && _c !== void 0 ? _c : {}) });
+        // we render fallback on client to avoid problems with client-only components
+        return (react_1.default.createElement(ExternalComponent, Object.assign({}, props.rendering, { componentName: componentName, clientFallback: fallbackComponent, datasources: dataSourcesData }, componentProps)));
+    }
+}
+exports.BYOCComponent = BYOCComponent;
+/**
+ * SXA wrapper for BYOC components
+ * @param {BYOCComponentProps} props component props
+ * @returns wrapped BYOC component
+ * @public
+ */
+const BYOCWrapper = (props) => {
+    var _a, _b, _c;
+    const styles = (_b = (_a = props.params) === null || _a === void 0 ? void 0 : _a.styles) === null || _b === void 0 ? void 0 : _b.trimEnd();
+    const id = (_c = props.params) === null || _c === void 0 ? void 0 : _c.RenderingIdentifier;
+    return (react_1.default.createElement("div", { className: styles ? styles : undefined, id: id ? id : undefined },
+        react_1.default.createElement("div", { className: "component-content" },
+            react_1.default.createElement(BYOCComponent, Object.assign({}, props)))));
+};
+exports.BYOCWrapper = BYOCWrapper;

package/dist/cjs/components/FEaaS/FEaaSSeverWrapper.js

@@ -1,34 +1,26 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FEaaSServerWrapper = void 0;
-const react_1 = __importDefault(require("react"));
-const feaas_utils_1 = require("./feaas-utils");
-const FEaaSWrapper_1 = require("./FEaaSWrapper");
-const models_1 = require("../Placeholder/models");
-/**
- * Server component for FEaaS. Retrieves server props and renders client FEaaSWrapper.
- * @param {FEaaSComponentProps} props incoming props
- * @returns {Promise<JSX.Element>} rendered FEaaSWrapper component
- */
-const FEaaSServerWrapper = (props) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    const params = ((_a = props.rendering) === null || _a === void 0 ? void 0 : _a.params) || {};
-    const isPageStateNormal = (_b = props.page) === null || _b === void 0 ? void 0 : _b.mode.isNormal;
-    // only pass serializable props to the client FEaaS component
-    const serializableProps = Object.fromEntries(Object.entries(props).filter(([key]) => !models_1.nonSerializedPlaceholderProps.includes(key)));
-    const finalProps = Object.assign(Object.assign({}, (yield (0, feaas_utils_1.fetchFEaaSComponentServerProps)(params, isPageStateNormal))), serializableProps);
-    return react_1.default.createElement(FEaaSWrapper_1.FEaaSWrapper, Object.assign({}, finalProps));
-});
-exports.FEaaSServerWrapper = FEaaSServerWrapper;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FEaaSServerWrapper = void 0;
+const react_1 = __importDefault(require("react"));
+const feaas_utils_1 = require("./feaas-utils");
+const FEaaSWrapper_1 = require("./FEaaSWrapper");
+const models_1 = require("../Placeholder/models");
+/**
+ * Server component for FEaaS. Retrieves server props and renders client FEaaSWrapper.
+ * @param {FEaaSComponentProps} props incoming props
+ * @returns rendered FEaaSWrapper component
+ * @public
+ */
+const FEaaSServerWrapper = async (props) => {
+    var _a, _b;
+    const params = ((_a = props.rendering) === null || _a === void 0 ? void 0 : _a.params) || {};
+    const isPageStateNormal = (_b = props.page) === null || _b === void 0 ? void 0 : _b.mode.isNormal;
+    // only pass serializable props to the client FEaaS component
+    const serializableProps = Object.fromEntries(Object.entries(props).filter(([key]) => !models_1.nonSerializedPlaceholderProps.includes(key)));
+    const finalProps = Object.assign(Object.assign({}, (await (0, feaas_utils_1.fetchFEaaSComponentServerProps)(params, isPageStateNormal))), serializableProps);
+    return react_1.default.createElement(FEaaSWrapper_1.FEaaSWrapper, Object.assign({}, finalProps));
+};
+exports.FEaaSServerWrapper = FEaaSServerWrapper;

package/dist/cjs/components/FEaaS/FEaaSWrapper.js

@@ -1,78 +1,84 @@
-"use strict";
-'use client';
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FEaaSWrapper = exports.FEaaSComponent = void 0;
-const react_1 = __importDefault(require("react"));
-const FEAAS = __importStar(require("@sitecore-feaas/clientside/react"));
-const utils_1 = require("../../utils");
-// FEaaSComponent remains for backward compatibility and testing purposes
-/**
- * @param {FEaaSComponentProps} props component props
- */
-const FEaaSComponent = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const computedRevision = ((_a = props.params) === null || _a === void 0 ? void 0 : _a.ComponentRevision) || props.revisionFallback;
-    if (!props.template &&
-        (!props.params ||
-            !props.params.LibraryId ||
-            !props.params.ComponentId ||
-            !props.params.ComponentVersion ||
-            !props.params.ComponentHostName ||
-            !computedRevision)) {
-        // Missing FEaaS component required props
-        return null;
-    }
-    // combine fetchedData from server with datasource data (if present)
-    const data = Object.assign(Object.assign({}, props.fetchedData), { _: (0, utils_1.getDataFromFields)((_b = props.fields) !== null && _b !== void 0 ? _b : {}) });
-    // FEaaS control would still be hydrated by client
-    // we pass all the props as a workaround to avoid hydration error, until we convert all Content SDK components to server side
-    // this also allows component to fall back to full client-side rendering when template or src is empty
-    // FEAAS should not fetch anything, since Content SDK does the fetching - so we pass empty array into fetch param
-    return (react_1.default.createElement(FEAAS.Component, { data: data, template: props.template, cdn: (_c = props.params) === null || _c === void 0 ? void 0 : _c.ComponentHostName, library: (_d = props.params) === null || _d === void 0 ? void 0 : _d.LibraryId, version: (_e = props.params) === null || _e === void 0 ? void 0 : _e.ComponentVersion, component: (_f = props.params) === null || _f === void 0 ? void 0 : _f.ComponentId, instance: (_g = props.params) === null || _g === void 0 ? void 0 : _g.ComponentInstanceId, revision: computedRevision, fetch: [] }));
-};
-exports.FEaaSComponent = FEaaSComponent;
-const FEaaSWrapper = (props) => {
-    var _a, _b;
-    const styles = `component feaas ${(_a = props.params) === null || _a === void 0 ? void 0 : _a.styles}`.trimEnd();
-    const id = (_b = props.params) === null || _b === void 0 ? void 0 : _b.RenderingIdentifier;
-    return (react_1.default.createElement("div", { className: styles, id: id ? id : undefined },
-        react_1.default.createElement("div", { className: "component-content" },
-            react_1.default.createElement(exports.FEaaSComponent, Object.assign({}, props)))));
-};
-exports.FEaaSWrapper = FEaaSWrapper;
+"use strict";
+'use client';
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FEaaSWrapper = exports.FEaaSComponent = void 0;
+const react_1 = __importDefault(require("react"));
+const FEAAS = __importStar(require("@sitecore-feaas/clientside/react"));
+const utils_1 = require("../../utils");
+// FEaaSComponent remains for backward compatibility and testing purposes
+/**
+ * @param {FEaaSComponentProps} props component props
+ * @public
+ */
+const FEaaSComponent = (props) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const computedRevision = ((_a = props.params) === null || _a === void 0 ? void 0 : _a.ComponentRevision) || props.revisionFallback;
+    if (!props.template &&
+        (!props.params ||
+            !props.params.LibraryId ||
+            !props.params.ComponentId ||
+            !props.params.ComponentVersion ||
+            !props.params.ComponentHostName ||
+            !computedRevision)) {
+        // Missing FEaaS component required props
+        return null;
+    }
+    // combine fetchedData from server with datasource data (if present)
+    const data = Object.assign(Object.assign({}, props.fetchedData), { _: (0, utils_1.getDataFromFields)((_b = props.fields) !== null && _b !== void 0 ? _b : {}) });
+    // FEaaS control would still be hydrated by client
+    // we pass all the props as a workaround to avoid hydration error, until we convert all Content SDK components to server side
+    // this also allows component to fall back to full client-side rendering when template or src is empty
+    // FEAAS should not fetch anything, since Content SDK does the fetching - so we pass empty array into fetch param
+    return (react_1.default.createElement(FEAAS.Component, { data: data, template: props.template, cdn: (_c = props.params) === null || _c === void 0 ? void 0 : _c.ComponentHostName, library: (_e = (_d = props.params) === null || _d === void 0 ? void 0 : _d.LibraryId) !== null && _e !== void 0 ? _e : '', version: (_f = props.params) === null || _f === void 0 ? void 0 : _f.ComponentVersion, component: (_h = (_g = props.params) === null || _g === void 0 ? void 0 : _g.ComponentId) !== null && _h !== void 0 ? _h : '', instance: (_j = props.params) === null || _j === void 0 ? void 0 : _j.ComponentInstanceId, revision: computedRevision, fetch: [] }));
+};
+exports.FEaaSComponent = FEaaSComponent;
+/**
+ * The FEaaSWrapper component.
+ * @param {FEaaSComponentProps} props component props
+ * @public
+ */
+const FEaaSWrapper = (props) => {
+    var _a, _b;
+    const styles = `component feaas ${(_a = props.params) === null || _a === void 0 ? void 0 : _a.styles}`.trimEnd();
+    const id = (_b = props.params) === null || _b === void 0 ? void 0 : _b.RenderingIdentifier;
+    return (react_1.default.createElement("div", { className: styles, id: id ? id : undefined },
+        react_1.default.createElement("div", { className: "component-content" },
+            react_1.default.createElement(exports.FEaaSComponent, Object.assign({}, props)))));
+};
+exports.FEaaSWrapper = FEaaSWrapper;