@sitecore-jss/sitecore-jss-react 22.0.0-canary.2 → 22.0.0-canary.20

package/dist/cjs/components/FEaaSComponent.js

@@ -22,72 +22,89 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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.FEaaSComponent = exports.FEAAS_MODULE_SRC = exports.FEAAS_COMPONENT_RENDERING_NAME = void 0;
-/* eslint-disable react/prop-types */
-const react_1 = __importStar(require("react"));
+exports.composeComponentEndpoint = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.FEAAS_COMPONENT_RENDERING_NAME = void 0;
+const react_1 = __importDefault(require("react"));
+const FEAAS = __importStar(require("@sitecore-feaas/clientside/react"));
 const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
 exports.FEAAS_COMPONENT_RENDERING_NAME = 'FEaaSComponent';
-exports.FEAAS_MODULE_SRC = 'https://feaasstatic.blob.core.windows.net/packages/clientside/latest/browser/index.esm.js';
-const getDataFromFields = (fields) => {
-    let data = {};
-    data = Object.entries(fields).reduce((acc, [key]) => {
-        acc[key] = (0, layout_1.getFieldValue)(fields, key);
-        return acc;
-    }, data);
-    return data;
-};
-const FEaaSComponent = ({ params, fields }) => {
-    if (!params ||
-        !params.LibraryId ||
-        !params.ComponentId ||
-        !params.ComponentVersion ||
-        !params.ComponentRevision ||
-        !params.ComponentHostName) {
+/**
+ * @param {FEaaSComponentProps} props component props
+ */
+const FEaaSComponent = (props) => {
+    var _a, _b, _c, _d, _e, _f;
+    if ((!props.lastModified || !props.template) &&
+        (!props.params ||
+            !props.params.LibraryId ||
+            !props.params.ComponentId ||
+            !props.params.ComponentVersion ||
+            !props.params.ComponentRevision ||
+            !props.params.ComponentHostName)) {
         // Missing FEaaS component required props
         return null;
     }
-    // Load script asynchronously on the page once, only if FEAAS component is used
-    (0, react_1.useEffect)(() => {
-        var _a;
-        (_a = window.FEAASLoading) !== null && _a !== void 0 ? _a : (window.FEAASLoading = new Promise((resolve) => {
-            const script = document.createElement('script');
-            script.src = exports.FEAAS_MODULE_SRC;
-            script.type = 'module';
-            script.onload = resolve;
-            document.head.appendChild(script);
-        }));
-    }, []);
-    let data = '';
-    if (params === null || params === void 0 ? void 0 : params.ComponentDataOverride) {
+    let data = null;
+    if ((_a = props.params) === null || _a === void 0 ? void 0 : _a.ComponentDataOverride) {
         // Use override data if provided
-        data = params.ComponentDataOverride;
+        data = props.params.ComponentDataOverride;
     }
-    else if (fields) {
+    else if (props.fields) {
         // Otherwise use datasource data (provided in fields)
         // FEaaS expects wrapping "_" as catch-all datasource template id
-        data = JSON.stringify({ _: getDataFromFields(fields) });
-    }
-    const reqProps = {
-        library: params.LibraryId,
-        cdn: params.ComponentHostName,
-        component: params.ComponentId,
-        version: params.ComponentVersion,
-        revision: params.ComponentRevision,
-        data,
-    };
-    const optProps = {};
-    if (params.ComponentInstanceId) {
-        optProps.instance = params.ComponentInstanceId;
+        data = JSON.stringify({ _: getDataFromFields(props.fields) });
     }
-    if (params.ComponentHTMLOverride) {
-        optProps.dangerouslySetInnerHTML = { __html: params.ComponentHTMLOverride };
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("link", { rel: "preload", as: "style", href: `${reqProps.cdn}/styles/${reqProps.library}/published.css` }),
-        react_1.default.createElement("link", { rel: "preload", as: "fetch", href: `${reqProps.cdn}/components/${reqProps.library}/${reqProps.component}/${reqProps.version}/${reqProps.revision}.html` }),
-        react_1.default.createElement("link", { rel: "preload", as: "script", href: exports.FEAAS_MODULE_SRC }),
-        react_1.default.createElement("feaas-stylesheet", { library: reqProps.library, cdn: reqProps.cdn }),
-        react_1.default.createElement("feaas-component", Object.assign({}, reqProps, optProps))));
+    // FEaaS control would still be hydrated by client
+    // we pass all the props as a workaround to avoid hydration error, until we convert all JSS components to server side
+    // this also allows component to fall back to full client-side rendering when template or src is empty
+    return (react_1.default.createElement(FEAAS.Component, { data: data, template: props.template || '', "last-modified": props.lastModified, cdn: (_b = props.params) === null || _b === void 0 ? void 0 : _b.ComponentHostName, library: (_c = props.params) === null || _c === void 0 ? void 0 : _c.LibraryId, version: (_d = props.params) === null || _d === void 0 ? void 0 : _d.ComponentVersion, component: (_e = props.params) === null || _e === void 0 ? void 0 : _e.ComponentId, revision: (_f = props.params) === null || _f === void 0 ? void 0 : _f.ComponentRevision }));
 };
 exports.FEaaSComponent = FEaaSComponent;
+/**
+ * Fetches server component props required for server rendering, based on rendering params.
+ * Component endpoint will either be retrieved from params or from endpointOverride
+ * @param {FEaaSComponentParams} params component params
+ * @param {string} [endpointOverride] optional override for component endpoint
+ */
+function fetchFEaaSComponentServerProps(params, endpointOverride) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const src = endpointOverride || (0, exports.composeComponentEndpoint)(params);
+        const { template, lastModified } = yield FEAAS.fetchComponent(src);
+        return {
+            template,
+            lastModified,
+        };
+    });
+}
+exports.fetchFEaaSComponentServerProps = fetchFEaaSComponentServerProps;
+const getDataFromFields = (fields) => {
+    let data = {};
+    data = Object.entries(fields).reduce((acc, [key]) => {
+        acc[key] = (0, layout_1.getFieldValue)(fields, key);
+        return acc;
+    }, data);
+    return data;
+};
+/**
+ * Build component endpoint URL from component's params
+ * @param {FEaaSComponentParams} params rendering parameters for FEAAS component
+ * @returns component endpoint URL
+ */
+const composeComponentEndpoint = (params) => {
+    const hostname = params.ComponentHostName.startsWith('https://')
+        ? params.ComponentHostName
+        : `https://${params.ComponentHostName}`;
+    return `${hostname}/components/${params.LibraryId}/${params.ComponentId}/${params.ComponentVersion}/${params.ComponentRevision}`;
+};
+exports.composeComponentEndpoint = composeComponentEndpoint;

package/dist/cjs/components/PlaceholderCommon.js

@@ -97,6 +97,9 @@ class PlaceholderCommon extends react_1.default.Component {
             if (componentRendering.componentName === HiddenRendering_1.HIDDEN_RENDERING_NAME) {
                 component = hiddenRenderingComponent !== null && hiddenRenderingComponent !== void 0 ? hiddenRenderingComponent : HiddenRendering_1.HiddenRendering;
             }
+            else if (!componentRendering.componentName) {
+                component = () => react_1.default.createElement(react_1.default.Fragment, null);
+            }
             else {
                 component = this.getComponentForRendering(componentRendering);
             }

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditFrame = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.VisitorIdentification = exports.File = exports.LinkPropTypes = exports.Link = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichTextPropTypes = exports.RichText = exports.getEEMarkup = exports.Image = exports.Placeholder = exports.mediaApi = exports.RestDictionaryService = exports.GraphQLDictionaryService = exports.trackingApi = exports.getFieldValue = exports.getChildPlaceholder = exports.RestLayoutService = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.DefaultEditFrameButtons = exports.DefaultEditFrameButton = exports.resetEditorChromes = exports.isEditorActive = exports.enableDebug = exports.constants = void 0;
+exports.EditFrame = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.VisitorIdentification = exports.File = exports.LinkPropTypes = exports.Link = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichTextPropTypes = exports.RichText = exports.getEEMarkup = exports.Image = exports.Placeholder = exports.getFEAASLibraryStylesheetLinks = exports.mediaApi = exports.RestDictionaryService = exports.GraphQLDictionaryService = exports.trackingApi = exports.getFieldValue = exports.getChildPlaceholder = exports.RestLayoutService = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.DefaultEditFrameButtons = exports.DefaultEditFrameButton = exports.resetEditorChromes = exports.isEditorActive = exports.enableDebug = exports.constants = void 0;
 var sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
 Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return sitecore_jss_1.constants; } });
 Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return sitecore_jss_1.enableDebug; } });
@@ -22,6 +22,8 @@ Object.defineProperty(exports, "GraphQLDictionaryService", { enumerable: true, g
 Object.defineProperty(exports, "RestDictionaryService", { enumerable: true, get: function () { return i18n_1.RestDictionaryService; } });
 var media_1 = require("@sitecore-jss/sitecore-jss/media");
 Object.defineProperty(exports, "mediaApi", { enumerable: true, get: function () { return media_1.mediaApi; } });
+var feaas_1 = require("@sitecore-jss/sitecore-jss/feaas");
+Object.defineProperty(exports, "getFEAASLibraryStylesheetLinks", { enumerable: true, get: function () { return feaas_1.getFEAASLibraryStylesheetLinks; } });
 var Placeholder_1 = require("./components/Placeholder");
 Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
 var Image_1 = require("./components/Image");
@@ -36,6 +38,7 @@ var Date_1 = require("./components/Date");
 Object.defineProperty(exports, "DateField", { enumerable: true, get: function () { return Date_1.DateField; } });
 var FEaaSComponent_1 = require("./components/FEaaSComponent");
 Object.defineProperty(exports, "FEaaSComponent", { enumerable: true, get: function () { return FEaaSComponent_1.FEaaSComponent; } });
+Object.defineProperty(exports, "fetchFEaaSComponentServerProps", { enumerable: true, get: function () { return FEaaSComponent_1.fetchFEaaSComponentServerProps; } });
 var Link_1 = require("./components/Link");
 Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
 Object.defineProperty(exports, "LinkPropTypes", { enumerable: true, get: function () { return Link_1.LinkPropTypes; } });

package/dist/esm/components/FEaaSComponent.js

@@ -1,66 +1,78 @@
-/* eslint-disable react/prop-types */
-import React, { useEffect } from 'react';
+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());
+    });
+};
+import React from 'react';
+import * as FEAAS from '@sitecore-feaas/clientside/react';
 import { getFieldValue } from '@sitecore-jss/sitecore-jss/layout';
 export const FEAAS_COMPONENT_RENDERING_NAME = 'FEaaSComponent';
-export const FEAAS_MODULE_SRC = 'https://feaasstatic.blob.core.windows.net/packages/clientside/latest/browser/index.esm.js';
-const getDataFromFields = (fields) => {
-    let data = {};
-    data = Object.entries(fields).reduce((acc, [key]) => {
-        acc[key] = getFieldValue(fields, key);
-        return acc;
-    }, data);
-    return data;
-};
-export const FEaaSComponent = ({ params, fields }) => {
-    if (!params ||
-        !params.LibraryId ||
-        !params.ComponentId ||
-        !params.ComponentVersion ||
-        !params.ComponentRevision ||
-        !params.ComponentHostName) {
+/**
+ * @param {FEaaSComponentProps} props component props
+ */
+export const FEaaSComponent = (props) => {
+    var _a, _b, _c, _d, _e, _f;
+    if ((!props.lastModified || !props.template) &&
+        (!props.params ||
+            !props.params.LibraryId ||
+            !props.params.ComponentId ||
+            !props.params.ComponentVersion ||
+            !props.params.ComponentRevision ||
+            !props.params.ComponentHostName)) {
         // Missing FEaaS component required props
         return null;
     }
-    // Load script asynchronously on the page once, only if FEAAS component is used
-    useEffect(() => {
-        var _a;
-        (_a = window.FEAASLoading) !== null && _a !== void 0 ? _a : (window.FEAASLoading = new Promise((resolve) => {
-            const script = document.createElement('script');
-            script.src = FEAAS_MODULE_SRC;
-            script.type = 'module';
-            script.onload = resolve;
-            document.head.appendChild(script);
-        }));
-    }, []);
-    let data = '';
-    if (params === null || params === void 0 ? void 0 : params.ComponentDataOverride) {
+    let data = null;
+    if ((_a = props.params) === null || _a === void 0 ? void 0 : _a.ComponentDataOverride) {
         // Use override data if provided
-        data = params.ComponentDataOverride;
+        data = props.params.ComponentDataOverride;
     }
-    else if (fields) {
+    else if (props.fields) {
         // Otherwise use datasource data (provided in fields)
         // FEaaS expects wrapping "_" as catch-all datasource template id
-        data = JSON.stringify({ _: getDataFromFields(fields) });
-    }
-    const reqProps = {
-        library: params.LibraryId,
-        cdn: params.ComponentHostName,
-        component: params.ComponentId,
-        version: params.ComponentVersion,
-        revision: params.ComponentRevision,
-        data,
-    };
-    const optProps = {};
-    if (params.ComponentInstanceId) {
-        optProps.instance = params.ComponentInstanceId;
+        data = JSON.stringify({ _: getDataFromFields(props.fields) });
     }
-    if (params.ComponentHTMLOverride) {
-        optProps.dangerouslySetInnerHTML = { __html: params.ComponentHTMLOverride };
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("link", { rel: "preload", as: "style", href: `${reqProps.cdn}/styles/${reqProps.library}/published.css` }),
-        React.createElement("link", { rel: "preload", as: "fetch", href: `${reqProps.cdn}/components/${reqProps.library}/${reqProps.component}/${reqProps.version}/${reqProps.revision}.html` }),
-        React.createElement("link", { rel: "preload", as: "script", href: FEAAS_MODULE_SRC }),
-        React.createElement("feaas-stylesheet", { library: reqProps.library, cdn: reqProps.cdn }),
-        React.createElement("feaas-component", Object.assign({}, reqProps, optProps))));
+    // FEaaS control would still be hydrated by client
+    // we pass all the props as a workaround to avoid hydration error, until we convert all JSS components to server side
+    // this also allows component to fall back to full client-side rendering when template or src is empty
+    return (React.createElement(FEAAS.Component, { data: data, template: props.template || '', "last-modified": props.lastModified, cdn: (_b = props.params) === null || _b === void 0 ? void 0 : _b.ComponentHostName, library: (_c = props.params) === null || _c === void 0 ? void 0 : _c.LibraryId, version: (_d = props.params) === null || _d === void 0 ? void 0 : _d.ComponentVersion, component: (_e = props.params) === null || _e === void 0 ? void 0 : _e.ComponentId, revision: (_f = props.params) === null || _f === void 0 ? void 0 : _f.ComponentRevision }));
+};
+/**
+ * Fetches server component props required for server rendering, based on rendering params.
+ * Component endpoint will either be retrieved from params or from endpointOverride
+ * @param {FEaaSComponentParams} params component params
+ * @param {string} [endpointOverride] optional override for component endpoint
+ */
+export function fetchFEaaSComponentServerProps(params, endpointOverride) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const src = endpointOverride || composeComponentEndpoint(params);
+        const { template, lastModified } = yield FEAAS.fetchComponent(src);
+        return {
+            template,
+            lastModified,
+        };
+    });
+}
+const getDataFromFields = (fields) => {
+    let data = {};
+    data = Object.entries(fields).reduce((acc, [key]) => {
+        acc[key] = getFieldValue(fields, key);
+        return acc;
+    }, data);
+    return data;
+};
+/**
+ * Build component endpoint URL from component's params
+ * @param {FEaaSComponentParams} params rendering parameters for FEAAS component
+ * @returns component endpoint URL
+ */
+export const composeComponentEndpoint = (params) => {
+    const hostname = params.ComponentHostName.startsWith('https://')
+        ? params.ComponentHostName
+        : `https://${params.ComponentHostName}`;
+    return `${hostname}/components/${params.LibraryId}/${params.ComponentId}/${params.ComponentVersion}/${params.ComponentRevision}`;
 };

package/dist/esm/components/PlaceholderCommon.js

@@ -91,6 +91,9 @@ export class PlaceholderCommon extends React.Component {
             if (componentRendering.componentName === HIDDEN_RENDERING_NAME) {
                 component = hiddenRenderingComponent !== null && hiddenRenderingComponent !== void 0 ? hiddenRenderingComponent : HiddenRendering;
             }
+            else if (!componentRendering.componentName) {
+                component = () => React.createElement(React.Fragment, null);
+            }
             else {
                 component = this.getComponentForRendering(componentRendering);
             }

package/dist/esm/index.js

@@ -4,12 +4,13 @@ export { LayoutServicePageState, GraphQLLayoutService, RestLayoutService, getChi
 export { trackingApi, } from '@sitecore-jss/sitecore-jss/tracking';
 export { GraphQLDictionaryService, RestDictionaryService, } from '@sitecore-jss/sitecore-jss/i18n';
 export { mediaApi } from '@sitecore-jss/sitecore-jss/media';
+export { getFEAASLibraryStylesheetLinks } from '@sitecore-jss/sitecore-jss/feaas';
 export { Placeholder } from './components/Placeholder';
 export { Image, getEEMarkup, } from './components/Image';
 export { RichText, RichTextPropTypes } from './components/RichText';
 export { Text } from './components/Text';
 export { DateField } from './components/Date';
-export { FEaaSComponent } from './components/FEaaSComponent';
+export { FEaaSComponent, fetchFEaaSComponentServerProps, } from './components/FEaaSComponent';
 export { Link, LinkPropTypes } from './components/Link';
 export { File } from './components/File';
 export { VisitorIdentification } from './components/VisitorIdentification';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-react",
-  "version": "22.0.0-canary.2",
+  "version": "22.0.0-canary.20",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -27,7 +27,6 @@
     "url": "https://github.com/sitecore/jss/issues"
   },
   "devDependencies": {
-    "@sitecore-feaas/clientside": "^0.1.24",
     "@types/chai": "^4.3.4",
     "@types/chai-string": "^1.4.2",
     "@types/deep-equal": "^1.0.1",
@@ -48,7 +47,7 @@
     "eslint": "^8.28.0",
     "eslint-plugin-react": "^7.31.11",
     "jsdom": "^20.0.3",
-    "mocha": "^10.1.0",
+    "mocha": "^10.2.0",
     "nyc": "^15.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -62,7 +61,8 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "^22.0.0-canary.2",
+    "@sitecore-feaas/clientside": "^0.1.48",
+    "@sitecore-jss/sitecore-jss": "^22.0.0-canary.20",
     "deep-equal": "^2.1.0",
     "html-react-parser": "^3.0.4",
     "prop-types": "^15.8.1",
@@ -70,7 +70,7 @@
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "d2176af0f8647dcfc887d5cbf515d56791860e24",
+  "gitHead": "5fac4fc4727e1fa1a5a0de24b8fc561150e62ff4",
   "files": [
     "dist",
     "types"

package/types/components/FEaaSComponent.d.ts

@@ -1,18 +1,63 @@
-import { ComponentParams, ComponentFields } from '@sitecore-jss/sitecore-jss/layout';
+import { ComponentFields } from '@sitecore-jss/sitecore-jss/layout';
 export declare const FEAAS_COMPONENT_RENDERING_NAME = "FEaaSComponent";
-export declare const FEAAS_MODULE_SRC = "https://feaasstatic.blob.core.windows.net/packages/clientside/latest/browser/index.esm.js";
-export type FEaaSComponentParams = ComponentParams & {
+/**
+ * Params from a Sitecore FEaaS rendering
+ */
+export type FEaaSComponentParams = {
     LibraryId?: string;
     ComponentId?: string;
     ComponentVersion?: string;
-    ComponentRevision?: string;
+    ComponentRevision?: number | 'staged' | 'published' | 'saved';
     ComponentHostName?: string;
     ComponentInstanceId?: string;
     ComponentDataOverride?: string;
     ComponentHTMLOverride?: string;
+    styles?: string;
+    RenderingIdentifier?: string;
 };
-export type FEaaSComponentProps = {
+/**
+ * FEaaS props for server rendering.
+ */
+type FEaaSComponentServerProps = {
+    /**
+     * HTML template for presentation rendered inside the component
+     */
+    template?: string;
+    /**
+     * the date component data was last modified
+     */
+    lastModified?: string;
+};
+/**
+ * FEaaS props for client side component. Should be used as fallback when server props are not provided.
+ * Would also be passed on server to avoid hydration issues
+ */
+type FEaaSComponentClientProps = {
+    /**
+     * parameters from Sitecore's FEAAS component
+     */
     params?: FEaaSComponentParams;
+    /**
+     * field data from component's datasource
+     */
     fields?: ComponentFields;
 };
-export declare const FEaaSComponent: ({ params, fields }: FEaaSComponentProps) => JSX.Element;
+export type FEaaSComponentProps = FEaaSComponentServerProps & FEaaSComponentClientProps;
+/**
+ * @param {FEaaSComponentProps} props component props
+ */
+export declare const FEaaSComponent: (props: FEaaSComponentProps) => JSX.Element;
+/**
+ * Fetches server component props required for server rendering, based on rendering params.
+ * Component endpoint will either be retrieved from params or from endpointOverride
+ * @param {FEaaSComponentParams} params component params
+ * @param {string} [endpointOverride] optional override for component endpoint
+ */
+export declare function fetchFEaaSComponentServerProps(params: FEaaSComponentParams, endpointOverride?: string): Promise<FEaaSComponentProps>;
+/**
+ * Build component endpoint URL from component's params
+ * @param {FEaaSComponentParams} params rendering parameters for FEAAS component
+ * @returns component endpoint URL
+ */
+export declare const composeComponentEndpoint: (params: FEaaSComponentParams) => string;
+export {};

package/types/components/Link.d.ts

@@ -32,7 +32,7 @@ export type LinkProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLA
      */
     showLinkTextWithChildrenPresent?: boolean;
 };
-export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "key" | "editable" | "field" | "showLinkTextWithChildrenPresent" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "key" | "field" | "editable" | "showLinkTextWithChildrenPresent" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & React.RefAttributes<HTMLAnchorElement>>;
 export declare const LinkPropTypes: {
     field: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{
         href: PropTypes.Requireable<any>;

package/types/index.d.ts

@@ -4,13 +4,14 @@ export { LayoutService, LayoutServiceData, LayoutServicePageState, LayoutService
 export { trackingApi, TrackingRequestOptions, CampaignInstance, GoalInstance, OutcomeInstance, EventInstance, PageViewInstance, } from '@sitecore-jss/sitecore-jss/tracking';
 export { DictionaryPhrases, DictionaryService, GraphQLDictionaryService, RestDictionaryService, } from '@sitecore-jss/sitecore-jss/i18n';
 export { mediaApi } from '@sitecore-jss/sitecore-jss/media';
+export { getFEAASLibraryStylesheetLinks } from '@sitecore-jss/sitecore-jss/feaas';
 export { ComponentFactory } from './components/sharedTypes';
 export { Placeholder, PlaceholderComponentProps } from './components/Placeholder';
 export { Image, ImageProps, ImageField, getEEMarkup, ImageFieldValue, ImageSizeParameters, } from './components/Image';
 export { RichText, RichTextProps, RichTextPropTypes, RichTextField } from './components/RichText';
 export { Text, TextField } from './components/Text';
 export { DateField, DateFieldProps } from './components/Date';
-export { FEaaSComponent, FEaaSComponentProps } from './components/FEaaSComponent';
+export { FEaaSComponent, FEaaSComponentProps, FEaaSComponentParams, fetchFEaaSComponentServerProps, } from './components/FEaaSComponent';
 export { Link, LinkField, LinkFieldValue, LinkProps, LinkPropTypes } from './components/Link';
 export { File, FileField } from './components/File';
 export { VisitorIdentification } from './components/VisitorIdentification';