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

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

@@ -1,152 +1,156 @@
-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 { SitecoreClient, } from '@sitecore-content-sdk/core/client';
-import { ComponentPropsService } from '../services/component-props-service';
-import { getSiteRewriteData, normalizeSiteRewrite } from '@sitecore-content-sdk/core/site';
-import { getPersonalizedRewriteData, normalizePersonalizedRewrite, } from '@sitecore-content-sdk/core/personalize';
-export class SitecoreNextjsClient extends 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 = 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 normalizeSiteRewrite(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 || 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 = 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 ComponentPropsService();
-    }
-}
+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 { SitecoreClient, } from '@sitecore-content-sdk/core/client';
+import { ComponentPropsService } from '../services/component-props-service';
+import { getSiteRewriteData, normalizeSiteRewrite } from '@sitecore-content-sdk/core/site';
+import { getPersonalizedRewriteData, normalizePersonalizedRewrite, } from '@sitecore-content-sdk/core/personalize';
+/**
+ * The SitecoreNextjsClient class extends the SitecoreClient class to provide additional functionality for Next.js.
+ * @public
+ */
+export class SitecoreNextjsClient extends 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 = 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 normalizeSiteRewrite(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 || 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 = 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 ComponentPropsService();
+    }
+}

package/dist/esm/components/BYOCWrapper.js

@@ -1,26 +1,27 @@
-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 { BYOCWrapper, fetchBYOCComponentServerProps, } from '@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
- */
-export const getComponentServerProps = (rendering) => __awaiter(void 0, void 0, void 0, function* () {
-    const params = rendering.params || {};
-    const result = yield fetchBYOCComponentServerProps(params);
-    return result;
-});
-export default BYOCWrapper;
+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 { BYOCWrapper, fetchBYOCComponentServerProps, } from '@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
+ */
+export const getComponentServerProps = (rendering) => __awaiter(void 0, void 0, void 0, function* () {
+    const params = rendering.params || {};
+    const result = yield fetchBYOCComponentServerProps(params);
+    return result;
+});
+export default BYOCWrapper;

package/dist/esm/components/ComponentPropsContext.js

@@ -1,21 +1,28 @@
-'use client';
-import React, { createContext, useContext } from 'react';
-/**
- * Component props context which we are using in order to store data fetched on components level (getComponentServerProps)
- */
-export const ComponentPropsReactContext = 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
- */
-export function useComponentProps(componentUid) {
-    if (!componentUid) {
-        return undefined;
-    }
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const data = useContext(ComponentPropsReactContext);
-    return data[componentUid];
-}
-export const ComponentPropsContext = ({ children, value, }) => (React.createElement(ComponentPropsReactContext.Provider, { value: value }, children));
+'use client';
+import React, { createContext, useContext } from 'react';
+/**
+ * Component props context which we are using in order to store data fetched on components level (getComponentServerProps)
+ * @public
+ */
+export const ComponentPropsReactContext = 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
+ */
+export function useComponentProps(componentUid) {
+    if (!componentUid) {
+        return undefined;
+    }
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const data = useContext(ComponentPropsReactContext);
+    return data[componentUid];
+}
+/**
+ * The ComponentPropsContext component. Stores component props in a context.
+ * @param {ComponentPropsContextProps} props component props
+ * @public
+ */
+export const ComponentPropsContext = ({ children, value, }) => (React.createElement(ComponentPropsReactContext.Provider, { value: value }, children));

package/dist/esm/components/FEaaSWrapper.js

@@ -1,28 +1,29 @@
-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 { FEaaSWrapper, fetchFEaaSComponentServerProps, LayoutServicePageState, } from '@sitecore-content-sdk/react';
-/**
- * TODO: remove when framework agnostic forms implemented
- * This is a repackaged version of the React FEaaSWrapper 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
- * @param {LayoutServiceData} layoutData
- * @returns {GetStaticPropsContext | GetServerSideProps} context
- */
-export const getComponentServerProps = (rendering, layoutData) => __awaiter(void 0, void 0, void 0, function* () {
-    const params = rendering.params || {};
-    const isPageStateNormal = !layoutData.sitecore.context.pageState ||
-        layoutData.sitecore.context.pageState === LayoutServicePageState.Normal;
-    return yield fetchFEaaSComponentServerProps(params, isPageStateNormal);
-});
-export default FEaaSWrapper;
+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 { FEaaSWrapper, fetchFEaaSComponentServerProps, LayoutServicePageState, } from '@sitecore-content-sdk/react';
+/**
+ * TODO: remove when framework agnostic forms implemented
+ * This is a repackaged version of the React FEaaSWrapper 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
+ * @param {LayoutServiceData} layoutData
+ * @returns {GetStaticPropsContext | GetServerSideProps} context
+ * @internal
+ */
+export const getComponentServerProps = (rendering, layoutData) => __awaiter(void 0, void 0, void 0, function* () {
+    const params = rendering.params || {};
+    const isPageStateNormal = !layoutData.sitecore.context.pageState ||
+        layoutData.sitecore.context.pageState === LayoutServicePageState.Normal;
+    return yield fetchFEaaSComponentServerProps(params, isPageStateNormal);
+});
+export default FEaaSWrapper;

package/dist/esm/components/Link.js

@@ -1,51 +1,78 @@
-'use client';
-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;
-};
-import React, { forwardRef } from 'react';
-import NextLink from 'next/link';
-import { Link as ReactLink, } from '@sitecore-content-sdk/react';
-/**
- * Matches relative URLs that end with a file extension.
- */
-const FILE_EXTENSION_MATCHER = /^\/.*\.\w+$/;
-export const Link = forwardRef((props, ref) => {
-    const { field, editable = true, children, internalLinkMatcher = /^\//g, showLinkTextWithChildrenPresent } = props, htmlLinkProps = __rest(props, ["field", "editable", "children", "internalLinkMatcher", "showLinkTextWithChildrenPresent"]);
-    if (!field || (!field.value && !field.href && !field.metadata)) {
-        return null;
-    }
-    const value = (field.href ? field : field.value);
-    // fallback to {} if value is undefined; could happen if field is LinkFieldValue, href is empty in metadata mode
-    const { href, querystring, anchor } = value || {};
-    const isEditing = editable && field.metadata;
-    if (href && !isEditing) {
-        const text = showLinkTextWithChildrenPresent || !children ? value.text || value.href : null;
-        const isMatching = internalLinkMatcher.test(href);
-        const isFileUrl = FILE_EXTENSION_MATCHER.test(href);
-        // determine if a link is a route or not. File extensions are not routes and should not be pre-fetched.
-        if (isMatching && !isFileUrl) {
-            return (React.createElement(NextLink, Object.assign({ href: { pathname: href, query: querystring, hash: anchor }, key: "link", locale: false, title: value.title, target: value.target, className: value.class, prefetch: props.prefetch }, htmlLinkProps, { ref: ref }, (process.env.TEST
-                ? {
-                    'data-nextjs-link': true,
-                    'data-nextjs-prefetch': props.prefetch,
-                }
-                : {})),
-                text,
-                children));
-        }
-    }
-    // prevent passing internalLinkMatcher or prefetch as it is an invalid DOM element prop
-    const reactLinkProps = Object.assign({}, props);
-    delete reactLinkProps.internalLinkMatcher;
-    delete reactLinkProps.prefetch;
-    return (React.createElement(ReactLink, Object.assign({}, reactLinkProps, { ref: ref }, (process.env.TEST ? { 'data-react-link': true } : {}))));
-});
-Link.displayName = 'NextLink';
+'use client';
+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;
+};
+import React, { forwardRef } from 'react';
+import NextLink from 'next/link';
+import { Link as ReactLink, } from '@sitecore-content-sdk/react';
+/**
+ * The list of NextLink props to be supported by the Link component.
+ */
+const supportedNextLinkProps = [
+    'as',
+    'onNavigate',
+    'passHref',
+    'prefetch',
+    'replace',
+    'scroll',
+    'shallow',
+];
+/**
+ * Matches relative URLs that end with a file extension.
+ */
+const FILE_EXTENSION_MATCHER = /^\/.*\.\w+$/;
+/**
+ * Next.js specific Link component implementation.
+ * @public
+ */
+export const Link = forwardRef((props, ref) => {
+    const { field, editable = true, children, internalLinkMatcher = /^\//g, showLinkTextWithChildrenPresent } = props, rest = __rest(props, ["field", "editable", "children", "internalLinkMatcher", "showLinkTextWithChildrenPresent"]);
+    if (!field || (!field.value && !field.href && !field.metadata)) {
+        return null;
+    }
+    const value = (field.href ? field : field.value);
+    // fallback to {} if value is undefined; could happen if field is LinkFieldValue, href is empty in metadata mode
+    const { href, querystring, anchor } = value || {};
+    const isEditing = editable && field.metadata;
+    if (href && !isEditing) {
+        const text = showLinkTextWithChildrenPresent || !children ? value.text || value.href : null;
+        const isMatching = internalLinkMatcher.test(href);
+        const isFileUrl = FILE_EXTENSION_MATCHER.test(href);
+        // determine if a link is a route or not. File extensions are not routes and should not be pre-fetched.
+        if (isMatching && !isFileUrl) {
+            return (React.createElement(NextLink, Object.assign({ href: { pathname: href, query: querystring, hash: anchor }, key: "link", title: value.title, target: value.target, className: value.class }, rest, { locale: false, ref: ref }, (process.env.TEST
+                ? {
+                    'data-nextjs-link': true,
+                    'data-nextjs-prefetch': props.prefetch,
+                }
+                : {})),
+                text,
+                children));
+        }
+    }
+    const reactLinkProps = sanitizeLinkProps(props);
+    return (React.createElement(ReactLink, Object.assign({}, reactLinkProps, { ref: ref }, (process.env.TEST ? { 'data-react-link': true } : {}))));
+});
+Link.displayName = 'NextLink';
+/**
+ * Sanitize props for ReactLink by removing Next.js and internal props to prevent invalid DOM attributes.
+ * @param {LinkProps} props - The props the Link component received.
+ * @returns sanitized props for ReactLink.
+ * @internal
+ */
+function sanitizeLinkProps(props) {
+    const internalProps = ['internalLinkMatcher'];
+    const sanitizedProps = Object.assign({}, props);
+    for (const prop of [...supportedNextLinkProps, ...internalProps]) {
+        delete sanitizedProps[prop];
+    }
+    return sanitizedProps;
+}