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

package/README.md

@@ -1,11 +1,11 @@
-# Sitecore Content SDK for Next.js
-
-This module is provided as a part of Sitecore Content SDK. It contains Next.js components and integration for Sitecore Content SDK.
-
-<!---
-@TODO: Update link with appropriate page when avaiable
--->
-
-[Documentation](https://doc.sitecore.com/xmc/en/developers/content-sdk/creating-a-content-sdk-app.html)
-
-[API reference documentation](/ref-docs/nextjs/)
+# Sitecore Content SDK for Next.js
+
+This module is provided as a part of Sitecore Content SDK. It contains Next.js components and integration for Sitecore Content SDK.
+
+<!---
+@TODO: Update link with appropriate page when avaiable
+-->
+
+[Documentation](https://doc.sitecore.com/xmc/en/developers/content-sdk/creating-a-content-sdk-app.html)
+
+[API reference documentation](/ref-docs/nextjs/)

package/dist/cjs/client/index.js

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SitecoreClient = exports.createGraphQLClientFactory = exports.getEdgeProxyContentUrl = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = void 0;
-var client_1 = require("@sitecore-content-sdk/core/client");
-Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return client_1.DefaultRetryStrategy; } });
-Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return client_1.GraphQLRequestClient; } });
-Object.defineProperty(exports, "getEdgeProxyContentUrl", { enumerable: true, get: function () { return client_1.getEdgeProxyContentUrl; } });
-Object.defineProperty(exports, "createGraphQLClientFactory", { enumerable: true, get: function () { return client_1.createGraphQLClientFactory; } });
-var sitecore_nextjs_client_1 = require("./sitecore-nextjs-client");
-Object.defineProperty(exports, "SitecoreClient", { enumerable: true, get: function () { return sitecore_nextjs_client_1.SitecoreNextjsClient; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SitecoreClient = exports.createGraphQLClientFactory = exports.getEdgeProxyContentUrl = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = void 0;
+var client_1 = require("@sitecore-content-sdk/core/client");
+Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return client_1.DefaultRetryStrategy; } });
+Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return client_1.GraphQLRequestClient; } });
+Object.defineProperty(exports, "getEdgeProxyContentUrl", { enumerable: true, get: function () { return client_1.getEdgeProxyContentUrl; } });
+Object.defineProperty(exports, "createGraphQLClientFactory", { enumerable: true, get: function () { return client_1.createGraphQLClientFactory; } });
+var sitecore_nextjs_client_1 = require("./sitecore-nextjs-client");
+Object.defineProperty(exports, "SitecoreClient", { enumerable: true, get: function () { return sitecore_nextjs_client_1.SitecoreNextjsClient; } });

package/dist/cjs/client/models.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/client/sitecore-nextjs-client.js

@@ -1,156 +1,160 @@
-"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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SitecoreNextjsClient = void 0;
-const client_1 = require("@sitecore-content-sdk/core/client");
-const component_props_service_1 = require("../services/component-props-service");
-const site_1 = require("@sitecore-content-sdk/core/site");
-const personalize_1 = require("@sitecore-content-sdk/core/personalize");
-class SitecoreNextjsClient extends client_1.SitecoreClient {
-    constructor(initOptions) {
-        super(initOptions);
-        this.initOptions = initOptions;
-        this.componentPropsService = this.getComponentPropsService();
-    }
-    /**
-     * Gets site name based on the provided path
-     * @param {string | string[]} path path to get site name from
-     * @returns site name, or default site info if not found
-     */
-    getSiteNameFromPath(path) {
-        const resolvedPath = super.parsePath(path);
-        // Get site name (from path rewritten in middleware)
-        const siteData = (0, site_1.getSiteRewriteData)(resolvedPath, this.initOptions.defaultSite);
-        return siteData.siteName;
-    }
-    /**
-     * Normalizes a nextjs path that could have been rewritten
-     * @param {string | string[]} path nextjs path
-     * @returns path string without nextjs prefixes
-     */
-    parsePath(path) {
-        const basePath = super.parsePath(path);
-        return (0, site_1.normalizeSiteRewrite)((0, personalize_1.normalizePersonalizedRewrite)(basePath));
-    }
-    getPage(path, pageOptions, options) {
-        const _super = Object.create(null, {
-            parsePath: { get: () => super.parsePath },
-            getPage: { get: () => super.getPage }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            const resolvedPath = this.parsePath(path);
-            // Get variant(s) for personalization (from path), must ensure path is of type string
-            const personalizeData = pageOptions.personalize || (0, personalize_1.getPersonalizedRewriteData)(_super.parsePath.call(this, path));
-            const site = pageOptions.site || this.getSiteNameFromPath(path);
-            const page = yield _super.getPage.call(this, resolvedPath, {
-                locale: pageOptions.locale,
-                site,
-                personalize: personalizeData,
-            }, options);
-            return page;
-        });
-    }
-    /**
-     * Get design library page details for Design Library mode of your app
-     * @param {PreviewData} designLibData preview data set in 'library' mode of the app
-     * @param {FetchOptions} [fetchOptions] Additional fetch fetch options to override GraphQL requests
-     * @returns {Page} preview page for Design Library
-     */
-    getDesignLibraryData(designLibData, fetchOptions) {
-        const _super = Object.create(null, {
-            getDesignLibraryData: { get: () => super.getDesignLibraryData }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            return _super.getDesignLibraryData.call(this, designLibData, fetchOptions);
-        });
-    }
-    /**
-     * Retrieves preview page and layout details
-     * @param {PreviewData} previewData - The editing preview data for metadata mode.
-     * @param {FetchOptions} [fetchOptions] Additional fetch fetch options to override GraphQL requests (like retries and fetch)
-     */
-    getPreview(previewData, fetchOptions) {
-        const _super = Object.create(null, {
-            getPreview: { get: () => super.getPreview }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            return _super.getPreview.call(this, previewData, fetchOptions);
-        });
-    }
-    /**
-     * Generates static params for the Next.js App Router from Sitecore routes.
-     *
-     * Fetches routes for the specified `sites` and `languages`, then converts them into
-     * objects consumable by `generateStaticParams`. Internal multisite segments are removed.
-     * The `site` name is resolved from the path. If a route lacks a locale, the
-     * client's `defaultLanguage` is used.
-     *
-     * **NOTE**: App Router only. For the Pages Router, use `getPagePaths`.
-     * @param {string[]} sites - An array of site names to fetch routes for.
-     * @param {string[]} [languages] - Language codes to generate params for.
-     * @param {FetchOptions} [fetchOptions] - Additional fetch options.
-     * @returns {Promise<StaticParams[]>} Array of `{ site, locale, path }` entries for `generateStaticParams`.
-     */
-    getAppRouterStaticParams(sites, languages, fetchOptions) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const staticPaths = yield this.getPagePaths(sites, languages, fetchOptions);
-            const params = new Array();
-            staticPaths.map((path) => {
-                var _a;
-                // remove _site_ segments
-                const normalizedPath = (0, site_1.normalizeSiteRewrite)(path.params.path.join('/')).split('/');
-                params.push({
-                    locale: (_a = path.locale) !== null && _a !== void 0 ? _a : this.initOptions.defaultLanguage,
-                    site: this.getSiteNameFromPath(path.params.path),
-                    path: normalizedPath,
-                });
-            });
-            return params;
-        });
-    }
-    /**
-     * Parses components from nextjs component map and layoutData, executes getServerProps/getStaticProps methods
-     * and returns resulting props from components
-     * @param {LayoutServiceData} layoutData layout data to parse compnents from
-     * @param {PreviewData} context Nextjs preview data
-     * @param {ComponentMap<NextjsContentSdkComponent>} components component map to get props for
-     * @returns {ComponentPropsCollection} component props
-     */
-    getComponentData(layoutData, context, components) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let componentProps = {};
-            if (!layoutData.sitecore.route)
-                return componentProps;
-            // Retrieve component props using side-effects defined on components level
-            componentProps = yield this.componentPropsService.fetchComponentProps({
-                layoutData: layoutData,
-                context,
-                components,
-            });
-            const errors = Object.keys(componentProps)
-                .map((id) => {
-                const component = componentProps[id];
-                return component.error
-                    ? `\nUnable to get component props for ${component.componentName} (${id}): ${component.error}`
-                    : '';
-            })
-                .join('');
-            if (errors.length) {
-                throw new Error(errors);
-            }
-            return componentProps;
-        });
-    }
-    getComponentPropsService() {
-        return new component_props_service_1.ComponentPropsService();
-    }
-}
-exports.SitecoreNextjsClient = SitecoreNextjsClient;
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SitecoreNextjsClient = void 0;
+const client_1 = require("@sitecore-content-sdk/core/client");
+const component_props_service_1 = require("../services/component-props-service");
+const site_1 = require("@sitecore-content-sdk/core/site");
+const personalize_1 = require("@sitecore-content-sdk/core/personalize");
+/**
+ * The SitecoreNextjsClient class extends the SitecoreClient class to provide additional functionality for Next.js.
+ * @public
+ */
+class SitecoreNextjsClient extends client_1.SitecoreClient {
+    constructor(initOptions) {
+        super(initOptions);
+        this.initOptions = initOptions;
+        this.componentPropsService = this.getComponentPropsService();
+    }
+    /**
+     * Gets site name based on the provided path
+     * @param {string | string[]} path path to get site name from
+     * @returns site name, or default site info if not found
+     */
+    getSiteNameFromPath(path) {
+        const resolvedPath = super.parsePath(path);
+        // Get site name (from path rewritten in middleware)
+        const siteData = (0, site_1.getSiteRewriteData)(resolvedPath, this.initOptions.defaultSite);
+        return siteData.siteName;
+    }
+    /**
+     * Normalizes a nextjs path that could have been rewritten
+     * @param {string | string[]} path nextjs path
+     * @returns path string without nextjs prefixes
+     */
+    parsePath(path) {
+        const basePath = super.parsePath(path);
+        return (0, site_1.normalizeSiteRewrite)((0, personalize_1.normalizePersonalizedRewrite)(basePath));
+    }
+    getPage(path, pageOptions, options) {
+        const _super = Object.create(null, {
+            parsePath: { get: () => super.parsePath },
+            getPage: { get: () => super.getPage }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            const resolvedPath = this.parsePath(path);
+            // Get variant(s) for personalization (from path), must ensure path is of type string
+            const personalizeData = pageOptions.personalize || (0, personalize_1.getPersonalizedRewriteData)(_super.parsePath.call(this, path));
+            const site = pageOptions.site || this.getSiteNameFromPath(path);
+            const page = yield _super.getPage.call(this, resolvedPath, {
+                locale: pageOptions.locale,
+                site,
+                personalize: personalizeData,
+            }, options);
+            return page;
+        });
+    }
+    /**
+     * Get design library page details for Design Library mode of your app
+     * @param {PreviewData} designLibData preview data set in 'library' mode of the app
+     * @param {FetchOptions} [fetchOptions] Additional fetch fetch options to override GraphQL requests
+     * @returns {Page} preview page for Design Library
+     */
+    getDesignLibraryData(designLibData, fetchOptions) {
+        const _super = Object.create(null, {
+            getDesignLibraryData: { get: () => super.getDesignLibraryData }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            return _super.getDesignLibraryData.call(this, designLibData, fetchOptions);
+        });
+    }
+    /**
+     * Retrieves preview page and layout details
+     * @param {PreviewData} previewData - The editing preview data for metadata mode.
+     * @param {FetchOptions} [fetchOptions] Additional fetch fetch options to override GraphQL requests (like retries and fetch)
+     */
+    getPreview(previewData, fetchOptions) {
+        const _super = Object.create(null, {
+            getPreview: { get: () => super.getPreview }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            return _super.getPreview.call(this, previewData, fetchOptions);
+        });
+    }
+    /**
+     * Generates static params for the Next.js App Router from Sitecore routes.
+     *
+     * Fetches routes for the specified `sites` and `languages`, then converts them into
+     * objects consumable by `generateStaticParams`. Internal multisite segments are removed.
+     * The `site` name is resolved from the path. If a route lacks a locale, the
+     * client's `defaultLanguage` is used.
+     *
+     * **NOTE**: App Router only. For the Pages Router, use `getPagePaths`.
+     * @param {string[]} sites - An array of site names to fetch routes for.
+     * @param {string[]} [languages] - Language codes to generate params for.
+     * @param {FetchOptions} [fetchOptions] - Additional fetch options.
+     * @returns {Promise<StaticParams[]>} Array of `{ site, locale, path }` entries for `generateStaticParams`.
+     */
+    getAppRouterStaticParams(sites, languages, fetchOptions) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const staticPaths = yield this.getPagePaths(sites, languages, fetchOptions);
+            const params = new Array();
+            staticPaths.map((path) => {
+                var _a;
+                // remove _site_ segments
+                const normalizedPath = (0, site_1.normalizeSiteRewrite)(path.params.path.join('/')).split('/');
+                params.push({
+                    locale: (_a = path.locale) !== null && _a !== void 0 ? _a : this.initOptions.defaultLanguage,
+                    site: this.getSiteNameFromPath(path.params.path),
+                    path: normalizedPath,
+                });
+            });
+            return params;
+        });
+    }
+    /**
+     * Parses components from nextjs component map and layoutData, executes getServerProps/getStaticProps methods
+     * and returns resulting props from components
+     * @param {LayoutServiceData} layoutData layout data to parse compnents from
+     * @param {PreviewData} context Nextjs preview data
+     * @param {ComponentMap<NextjsContentSdkComponent>} components component map to get props for
+     * @returns {ComponentPropsCollection} component props
+     */
+    getComponentData(layoutData, context, components) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let componentProps = {};
+            if (!layoutData.sitecore.route)
+                return componentProps;
+            // Retrieve component props using side-effects defined on components level
+            componentProps = yield this.componentPropsService.fetchComponentProps({
+                layoutData: layoutData,
+                context,
+                components,
+            });
+            const errors = Object.keys(componentProps)
+                .map((id) => {
+                const component = componentProps[id];
+                return component.error
+                    ? `\nUnable to get component props for ${component.componentName} (${id}): ${component.error}`
+                    : '';
+            })
+                .join('');
+            if (errors.length) {
+                throw new Error(errors);
+            }
+            return componentProps;
+        });
+    }
+    getComponentPropsService() {
+        return new component_props_service_1.ComponentPropsService();
+    }
+}
+exports.SitecoreNextjsClient = SitecoreNextjsClient;

package/dist/cjs/components/BYOCWrapper.js

@@ -1,30 +1,31 @@
-"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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getComponentServerProps = void 0;
-const react_1 = require("@sitecore-content-sdk/react");
-/**
- * TODO: remove when framework agnostic forms implemented
- * This is a repackaged version of the React BYOCWrapper component with support for
- * server rendering in Next.js (using component-level data-fetching feature of Content SDK).
- */
-/**
- * Will be called during SSG or SSR
- * @param {ComponentRendering} rendering
- * @returns {GetStaticPropsContext | GetStaticPropsContext} context with type depending on SSR or SSG mode
- */
-const getComponentServerProps = (rendering) => __awaiter(void 0, void 0, void 0, function* () {
-    const params = rendering.params || {};
-    const result = yield (0, react_1.fetchBYOCComponentServerProps)(params);
-    return result;
-});
-exports.getComponentServerProps = getComponentServerProps;
-exports.default = react_1.BYOCWrapper;
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentServerProps = void 0;
+const react_1 = require("@sitecore-content-sdk/react");
+/**
+ * TODO: remove when framework agnostic forms implemented
+ * This is a repackaged version of the React BYOCWrapper component with support for
+ * server rendering in Next.js (using component-level data-fetching feature of Content SDK).
+ */
+/**
+ * Will be called during SSG or SSR
+ * @param {ComponentRendering} rendering
+ * @returns {GetStaticPropsContext | GetStaticPropsContext} context with type depending on SSR or SSG mode
+ * @internal
+ */
+const getComponentServerProps = (rendering) => __awaiter(void 0, void 0, void 0, function* () {
+    const params = rendering.params || {};
+    const result = yield (0, react_1.fetchBYOCComponentServerProps)(params);
+    return result;
+});
+exports.getComponentServerProps = getComponentServerProps;
+exports.default = react_1.BYOCWrapper;

package/dist/cjs/components/ComponentPropsContext.js

@@ -1,59 +1,66 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentPropsContext = exports.ComponentPropsReactContext = void 0;
-exports.useComponentProps = useComponentProps;
-const react_1 = __importStar(require("react"));
-/**
- * Component props context which we are using in order to store data fetched on components level (getComponentServerProps)
- */
-exports.ComponentPropsReactContext = (0, react_1.createContext)({});
-/**
- * Hook in order to get access to props related to specific component. Data comes from ComponentPropsContext.
- * @see ComponentPropsContext
- * @param {string | undefined} componentUid component uId
- * @returns {ComponentData | undefined} component props
- */
-function useComponentProps(componentUid) {
-    if (!componentUid) {
-        return undefined;
-    }
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const data = (0, react_1.useContext)(exports.ComponentPropsReactContext);
-    return data[componentUid];
-}
-const ComponentPropsContext = ({ children, value, }) => (react_1.default.createElement(exports.ComponentPropsReactContext.Provider, { value: value }, children));
-exports.ComponentPropsContext = ComponentPropsContext;
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentPropsContext = exports.ComponentPropsReactContext = void 0;
+exports.useComponentProps = useComponentProps;
+const react_1 = __importStar(require("react"));
+/**
+ * Component props context which we are using in order to store data fetched on components level (getComponentServerProps)
+ * @public
+ */
+exports.ComponentPropsReactContext = (0, react_1.createContext)({});
+/**
+ * Hook in order to get access to props related to specific component. Data comes from ComponentPropsContext.
+ * @see ComponentPropsContext
+ * @param {string | undefined} componentUid component uId
+ * @returns {ComponentData | undefined} component props
+ * @public
+ */
+function useComponentProps(componentUid) {
+    if (!componentUid) {
+        return undefined;
+    }
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const data = (0, react_1.useContext)(exports.ComponentPropsReactContext);
+    return data[componentUid];
+}
+/**
+ * The ComponentPropsContext component. Stores component props in a context.
+ * @param {ComponentPropsContextProps} props component props
+ * @public
+ */
+const ComponentPropsContext = ({ children, value, }) => (react_1.default.createElement(exports.ComponentPropsReactContext.Provider, { value: value }, children));
+exports.ComponentPropsContext = ComponentPropsContext;