@remkoj/optimizely-cms-react 2.1.0 → 3.1.0

package/dist/components/cms-content/rsc.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import getContentType from './get-content-type.js';
+import getContent from './get-content.js';
+import { AuthMode, normalizeContentLink, contentLinkToString } from '@remkoj/optimizely-graph-client';
+import resolveComponent, { isComponentMissingComponent } from './resolve-component.js';
+import resolveContentType from './resolve-content-type.js';
+/**
+ * React Server Side component for the CmsContent
+ *
+ * @param     param0
+ * @returns
+ */
+export async function CmsContent({ 
+// Own properties
+contentType, contentTypePrefix, contentLink: rawContentLink, children, fragmentData, layoutProps, noDataLoad, variant, ctx }) {
+    // Prepare context
+    const graphClient = ctx.client;
+    // Normalize the ContentLink
+    const contentLink = normalizeContentLink(rawContentLink);
+    // Ensure we have the contentType
+    let myContentType = resolveContentType(contentType, fragmentData);
+    if (!myContentType) {
+        if (!graphClient) {
+            console.error(`🔴 [CmsContent] Unable to load content type - no Optimizely Graph client present`);
+            return;
+        }
+        if (!contentLink) {
+            console.error(`🔴 [CmsContent] Unable to load content type - no content link present`);
+            return;
+        }
+        myContentType = await getContentType(contentLink, graphClient);
+    }
+    // Provide a bit of debugging context
+    if (graphClient?.debug) {
+        const mode = ctx.inEditMode ? "Edit" : ctx.inPreviewMode ? "Preview" : "Public";
+        console.log(`👔 [CmsContent] ${mode} mode active for content with id: ${contentLinkToString(contentLink)} of type ${myContentType?.join("/") ?? "unknown"}`);
+        if ((ctx.inEditMode || ctx.inPreviewMode) && graphClient.currentAuthMode == AuthMode.Public)
+            console.warn(`🟠 [CmsContent] ${mode} mode active without an authenticated graphClient, this will cause problems. Make sure the context has an authenticated client.`);
+    }
+    // Retrieve the Component used to render this item
+    const Component = resolveComponent(myContentType, contentTypePrefix, variant, ctx);
+    if (isComponentMissingComponent(Component))
+        return _jsx(Component, {});
+    // Ensure we have the data the Component requested
+    const data = await getContent(graphClient, contentLink, Component, fragmentData, noDataLoad);
+    // Output the actual component
+    return _jsx(Component, { contentLink: contentLink, data: data, inEditMode: ctx.inEditMode, layoutProps: layoutProps, children: children });
+}
+export default CmsContent;
+//# sourceMappingURL=rsc.js.map

package/dist/components/cms-content/rsc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rsc.js","sourceRoot":"","sources":["../../../src/components/cms-content/rsc.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,MAAM,uBAAuB,CAAA;AAClD,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,mBAAmB,EAAoB,MAAM,iCAAiC,CAAA;AACvH,OAAO,gBAAgB,EAAE,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAA;AACtF,OAAO,kBAAkB,MAAM,2BAA2B,CAAA;AAI1D;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,UAAU,CAAuB;AACnD,iBAAiB;AACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,EAAE,cAAc,EAC3B,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,GAAG,EAC6B;IAEhC,kBAAkB;IAClB,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,CAAA;IAE9B,4BAA4B;IAC5B,MAAM,WAAW,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAA;IAExD,iCAAiC;IACjC,IAAI,aAAa,GAAG,kBAAkB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;IACjE,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,kFAAkF,CAAC,CAAA;YACjG,OAAM;QACV,CAAC;QACD,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,uEAAuE,CAAC,CAAA;YACtF,OAAM;QACV,CAAC;QACD,aAAa,GAAG,MAAM,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;IAClE,CAAC;IAED,qCAAqC;IACrC,IAAI,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,MAAM,IAAI,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAA;QAC/E,OAAO,CAAC,GAAG,CAAC,mBAAoB,IAAK,qCAAsC,mBAAmB,CAAC,WAAW,CAAE,YAAa,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,EAAE,CAAC,CAAA;QACjK,IAAI,CAAC,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,IAAI,QAAQ,CAAC,MAAM;YACvF,OAAO,CAAC,IAAI,CAAC,mBAAoB,IAAK,iIAAiI,CAAC,CAAA;IAChL,CAAC;IAED,kDAAkD;IAClD,MAAM,SAAS,GAAG,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;IAClF,IAAI,2BAA2B,CAAC,SAAS,CAAC;QACtC,OAAO,KAAC,SAAS,KAAG,CAAA;IAExB,kDAAkD;IAClD,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,CAAC,CAAA;IAE5F,8BAA8B;IAC9B,OAAO,KAAC,SAAS,IAAC,WAAW,EAAG,WAA0B,EAAG,IAAI,EAAG,IAAI,EAAG,UAAU,EAAG,GAAG,CAAC,UAAU,EAAG,WAAW,EAAG,WAAW,YAAK,QAAQ,GAAa,CAAA;AAChK,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/components/cms-content/types.d.ts

@@ -0,0 +1,59 @@
+import { type PropsWithChildren, type ComponentType, type ComponentProps, type ReactNode } from 'react';
+import type { CmsComponent } from '../../types.js';
+import type { PropsWithContext } from "../../context/types.js";
+import type { ContentLinkWithLocale, InlineContentLinkWithLocale } from "@remkoj/optimizely-graph-client";
+export type CmsContentProps<LocalesType = string> = PropsWithChildren<{
+    /**
+     * The content type to render
+     */
+    contentType?: string[];
+    /**
+     * The content link to render
+     */
+    contentLink: ContentLinkWithLocale<LocalesType> | InlineContentLinkWithLocale<LocalesType>;
+    /**
+     * The initial, pre-loaded data. If set this will be used instead of having the
+     * component fetching its' own data. So be sure that this leverages the fragment
+     * specified by the component.
+     *
+     * It will filter out the fiels from the IContentData fragment, to determine if
+     * data has been provided.
+     */
+    fragmentData?: {
+        [fieldname: string]: any;
+    };
+    /**
+     * The native key to use when the element is part of an array
+     */
+    key?: string;
+    /**
+     * The prefix to apply to the content type, to allow loading of different templates based
+     * upon location of usage. If set and the content type already starts with this prefix,
+     * it will not be applied.
+     */
+    contentTypePrefix?: string;
+    /**
+     * The content type variant to load. This allows the loading of a variant (e.g. postfix) of
+     * the content type
+     */
+    variant?: string;
+    /**
+     * Any layout properties inferred from the context
+     */
+    layoutProps?: Record<string, any>;
+    /**
+     * When set to true, this will prevent the CmsContent component to try loading content from
+     * the store
+     */
+    noDataLoad?: boolean;
+}>;
+export type PropsWithCmsContent<T = any> = T & {
+    cmsContent: CmsContentComponent;
+};
+export type BaseCmsContentProps<LocalesType = string> = PropsWithContext<CmsContentProps<LocalesType>>;
+export type CmsContentComponent = <LocalesType = string>(props: CmsContentProps<LocalesType>) => ReactNode;
+export type CmsContentBaseComponent = <LocalesType = string>(props: BaseCmsContentProps<LocalesType>) => ReactNode;
+export type CmsComponentProps = ComponentProps<CmsComponent> & {
+    [key: string]: any;
+};
+export type EnhancedCmsComponent = ComponentType<CmsComponentProps>;

package/dist/components/cms-content/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/cms-content/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/cms-content/types.ts"],"names":[],"mappings":""}

package/dist/components/cms-content/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentType } from "react";
+import { type CmsContentComponent, type PropsWithCmsContent } from "./types.js";
+export declare function cmsContentAware<P = any>(component: ComponentType<PropsWithCmsContent<P>>, cmsContentComponent: CmsContentComponent): ComponentType<P>;

package/dist/components/cms-content/utils.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function cmsContentAware(component, cmsContentComponent) {
+    const BaseComponent = component;
+    return (props) => _jsx(BaseComponent, { cmsContent: cmsContentComponent, ...props });
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/cms-content/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/cms-content/utils.tsx"],"names":[],"mappings":";AAGA,MAAM,UAAU,eAAe,CAAU,SAAgD,EAAE,mBAAwC;IAE/H,MAAM,aAAa,GAAG,SAAS,CAAA;IAC/B,OAAO,CAAC,KAAQ,EAAE,EAAE,CAAC,KAAC,aAAa,IAAC,UAAU,EAAE,mBAAmB,KAAO,KAAK,GAAK,CAAA;AACxF,CAAC"}

package/dist/components/cms-content-area/index.d.ts

@@ -0,0 +1,17 @@
+import type { ElementType } from '../type-utils.js';
+import type { BaseCmsContentAreaProps } from './types.js';
+export type { CmsContentAreaClassMapper, CmsContentAreaProps, ContentAreaItemDefinition, CmsContentAreaComponent } from './types.js';
+/**
+ * React server component to render a content area
+ *
+ * @param       param0      The content area information for rendering
+ * @returns
+ */
+export declare const CmsContentArea: <T extends ElementType = "div", I extends ElementType = "div">({ items, classMapper, className, fieldName, as: elementType, itemsProperty, itemWrapper, useSuspense, fallback, noWrapper: noContentAreaContainer, variant, ctx, cmsContent: CmsContent, ...additionalProps }: BaseCmsContentAreaProps<T, I>) => JSX.Element;
+/**
+ *
+ * @param items
+ * @param locale
+ * @returns
+ */
+export default CmsContentArea;

package/dist/{server/components/cms-content-area.js → components/cms-content-area/index.js}

@@ -1,11 +1,8 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import 'server-only';
-import CmsContent from './cms-content.js';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import * as Utils from '../../utilities.js';
 import * as Errors from '../../errors.js';
-import createClient from '@remkoj/optimizely-graph-client';
 import { normalizeContentLinkWithLocale, contentLinkToString } from '@remkoj/optimizely-graph-client/utils';
-import getServerContext from '../context.js';
+import { Suspense } from 'react';
 //#endregion
 /**
  * React server component to render a content area
@@ -13,25 +10,10 @@ import getServerContext from '../context.js';
  * @param       param0      The content area information for rendering
  * @returns
  */
-export const CmsContentArea = async ({ items, classMapper, className, fieldName, as: elementType, itemsProperty, itemWrapper, locale: _locale, client: _client, factory: _factory, inEditMode: _inEditMode, ...additionalProps }) => {
-    const context = getServerContext();
-    if (context.isDebugOrDevelopment && !context.client)
-        console.warn(`🟠 [CmsContentArea] No Content Graph client provided for ${fieldName ?? 'CmsContentArea'}, this will cause problems with edit mode!`);
-    // Parse & prepare props
-    const { inEditMode, factory, locale: ctxLocale } = context;
-    const gqlClient = context.client ?? createClient();
-    // Determine locale
-    const locale = _locale ?? ctxLocale;
-    if (context.isDebug && locale == _locale && locale != ctxLocale) {
-        console.warn(`🟠 [CmsContentArea] The Context Locale for ContentArea ${fieldName ?? 'CmsContentArea'}, was overridden. Context Locale ${ctxLocale}, current locale ${locale}`);
-    }
-    if (!locale) {
-        console.error(`🔴 [CmsContentArea] No locale set on the ServerContext, which is required to make the ContentArea${fieldName ? ' ' + fieldName : ''} render its content`);
-        return _jsx(_Fragment, {});
-    }
+export const CmsContentArea = ({ items = [], classMapper, className, fieldName, as: elementType, itemsProperty, itemWrapper, useSuspense = false, fallback, noWrapper: noContentAreaContainer = false, variant, ctx, cmsContent: CmsContent, ...additionalProps }) => {
+    const { inEditMode = false } = ctx;
     // Convert the items to a list of enriched content types and filter out items cannot be loaded
-    const actualItems = (items || []).filter(forValidContentAreaItems);
-    const componentData = await Promise.all(actualItems.map(async (item, idx) => {
+    const componentData = (items || []).filter(forValidContentAreaItems).map((item, idx) => {
         // Prepare data from received content area format
         const contentLink = normalizeContentLinkWithLocale(item._metadata);
         if (!contentLink)
@@ -39,31 +21,40 @@ export const CmsContentArea = async ({ items, classMapper, className, fieldName,
         const contentType = Utils.normalizeContentType(item._metadata.types);
         const fragmentData = item;
         // Read element wrapper configuration
-        const { as: contentItemElement, className: contentItemBaseClassName, itemsProperty: contentItemTarget, ...contentItemElementProps } = itemWrapper ?? {};
-        // Generate element wrapper properties
-        const contentAreaItemContainerKey = `ContentAreaItem-${idx}-${contentLinkToString(contentLink)}`;
+        const { as: ContentAreaItemContainer = "div", className: contentItemBaseClassName, itemsProperty: childrenTarget = "children", noWrapper: noContentAreaItemContainer = false, ...contentItemElementProps } = itemWrapper ?? {};
+        const contentAreaItemKey = `ContentAreaItem-${idx}-${contentLinkToString(contentLink)}`;
+        // Output if no wrapper is required
+        if (noContentAreaItemContainer)
+            return useSuspense ?
+                _jsx(Suspense, { fallback: fallback, children: _jsx(CmsContent, { contentLink: contentLink, contentType: contentType, fragmentData: fragmentData, contentTypePrefix: "Component", variant: variant }) }, contentAreaItemKey) :
+                _jsx(CmsContent, { contentLink: contentLink, contentType: contentType, fragmentData: fragmentData, contentTypePrefix: "Component", variant: variant }, contentAreaItemKey);
+        // Buld wrapper configuration
         const contentAreaItemContainerProps = {
             className: `opti-content-area-item opti-content-area-item-${idx}${contentItemBaseClassName ? ' ' + contentItemBaseClassName : ''} ${classMapper ? classMapper(item.displayOption ?? 'default', contentType ?? null, idx) : ""}`,
             "data-epi-block-id": inEditMode && fieldName ? Utils.getContentEditId(contentLink) || undefined : undefined,
             "data-displayoption": item.displayOption || undefined,
             "data-tag": item.tag || undefined,
+            "data-component": contentType?.at(0),
             ...contentItemElementProps
         };
-        const contentAraeItemContent = await CmsContent({ contentLink, contentType, fragmentData, client: gqlClient, factory, outputEditorWarning: inEditMode, contentTypePrefix: "Component" });
+        const contentAraeItemContent = useSuspense ?
+            _jsx(Suspense, { fallback: fallback, children: _jsx(CmsContent, { contentLink: contentLink, contentType: contentType, fragmentData: fragmentData, contentTypePrefix: "Component", variant: variant }) }) :
+            _jsx(CmsContent, { contentLink: contentLink, contentType: contentType, fragmentData: fragmentData, contentTypePrefix: "Component", variant: variant });
         // Inject the element into the wrapper
-        const childrenTarget = contentItemTarget || "children";
         let contentAreaItemContainerChildren = undefined;
         if (childrenTarget == "children")
             contentAreaItemContainerChildren = contentAraeItemContent;
         else
             contentAreaItemContainerProps[childrenTarget] = contentAraeItemContent;
-        const ContentAreaItemContainer = contentItemElement || "div";
-        return _jsx(ContentAreaItemContainer, { ...contentAreaItemContainerProps, children: contentAreaItemContainerChildren }, contentAreaItemContainerKey);
-    }));
+        return _jsx(ContentAreaItemContainer, { ...contentAreaItemContainerProps, children: contentAreaItemContainerChildren }, contentAreaItemKey);
+    });
+    if (noContentAreaContainer)
+        return _jsx(_Fragment, { children: componentData });
     // Build container element
     const contentAreaContainerProps = {
         className: `opti-content-area ${Array.isArray(className) ? className.join(' ') : (className ?? '')}`.trim(),
         "data-epi-edit": inEditMode && fieldName ? fieldName : undefined,
+        "data-component": "ContentArea",
         ...additionalProps
     };
     const contentAreaContainerChildrenTarget = itemsProperty ?? "children";
@@ -78,19 +69,28 @@ export const CmsContentArea = async ({ items, classMapper, className, fieldName,
 function forValidContentAreaItems(itm) {
     return typeof (itm) == 'object' && itm != null && typeof (itm._metadata) == 'object' && itm._metadata != null;
 }
-export async function processContentAreaItems(items, locale) {
-    const actualItems = (items ?? []).filter(Utils.isNotNullOrUndefined);
-    return Promise.all(actualItems.map(async (item, idx) => {
+/**
+ *
+ * @param items
+ * @param locale
+ * @returns
+ */
+/*export function processContentAreaItems( items?: (ContentAreaItemDefinition | null)[] | null, locale?: string) : JSX.Element[]
+{
+    const actualItems = (items ?? []).filter(Utils.isNotNullOrUndefined)
+    return actualItems.map((item, idx) => {
         // Prepare data from received content area format
-        const contentLink = normalizeContentLinkWithLocale({ ...item.item, locale: locale });
+        const contentLink = normalizeContentLinkWithLocale({ ...item.item, locale: locale })
         if (!contentLink)
-            throw new Errors.InvalidContentLinkError({ ...item.item, locale: locale });
-        const contentType = Utils.normalizeContentType(item.item?.data?.contentType);
-        const fragmentData = item.item?.data || undefined;
-        const guidValue = (item.item?.guidValue ?? "00000000-0000-0000-0000-000000000000") + "::" + idx;
+            throw new Errors.InvalidContentLinkError({ ...item.item, locale: locale })
+        const contentType = Utils.normalizeContentType(item.item?.data?.contentType)
+        const fragmentData = item.item?.data || undefined
+        const guidValue = (item.item?.guidValue ?? "00000000-0000-0000-0000-000000000000")+"::"+idx
+
         // Build output
-        return await CmsContent({ contentLink, contentType, fragmentData, key: guidValue });
-    }));
-}
+        const content : JSX.Element = <CmsContent contentLink={ contentLink } contentType={ contentType } fragmentData={ fragmentData } key={ guidValue } />
+        return content
+    })
+}*/
 export default CmsContentArea;
-//# sourceMappingURL=cms-content-area.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/cms-content-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/cms-content-area/index.tsx"],"names":[],"mappings":"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"}

package/dist/{server/components → components/cms-content-area}/types.d.ts

@@ -1,74 +1,8 @@
-import type { SuspenseProps, PropsWithChildren } from "react";
-import type { ComponentFactory, ContentType } from "../../types.js";
+import type { ReactNode, SuspenseProps } from "react";
+import type { PropsWithContext } from "../../context/types.js";
+import type { PropsWithCmsContent } from "../cms-content/types.js";
+import type { ContentType } from "../../types.js";
 import type { ElementChildrenProps, ElementProps, ElementType, PropTypeIfPropExists, MayBeArray, TypeIfPropExists } from '../type-utils.js';
-import type { IOptiGraphClient, ContentLinkWithLocale, InlineContentLinkWithLocale } from "@remkoj/optimizely-graph-client";
-export type CmsContentProps<LocalesType = string> = PropsWithChildren<{
-    /**
-     * The content type to render
-     */
-    contentType?: string[];
-    /**
-     * The content link to render
-     */
-    contentLink: ContentLinkWithLocale<LocalesType> | InlineContentLinkWithLocale<LocalesType>;
-    /**
-     * The initial, pre-loaded data. If set this will be used instead of having the
-     * component fetching its' own data. So be sure that this leverages the fragment
-     * specified by the component.
-     *
-     * It will filter out the fiels from the IContentData fragment, to determine if
-     * data has been provided.
-     */
-    fragmentData?: {
-        [fieldname: string]: any;
-    };
-    /**
-     * The native key to use when the element is part of an array
-     */
-    key?: string;
-    /**
-     * If enabled, it will flag all rendering to be inclusive of the Optimizely Edit mode
-     * attributes for On Page Editing
-     *
-     * @deprecated  Will be retrieved from the ServerContext
-     */
-    inEditMode?: boolean;
-    /**
-     * The Optimizely Graph client to use, it will use a new instance if none is provided,
-     * the new instance will always use the SingleKey i.e. thus not load edit mode content
-     *
-     * @deprecated  Will be retrieved from the ServerContext
-     */
-    client?: IOptiGraphClient;
-    /**
-     * The component factory to use, it will use the default instance if not provided
-     *
-     * @deprecated  Will be retrieved from the ServerContext
-     */
-    factory?: ComponentFactory;
-    /**
-     * If enabled any warnings intended for an editor will be shown, even if "inEditMode"
-     * is false.
-     *
-     * @deprecated  Will be retrieved from the ServerContext
-     */
-    outputEditorWarning?: boolean;
-    /**
-     * The prefix to apply to the content type, to allow loading of different templates based
-     * upon location of usage. If set and the content type already starts with this prefix,
-     * it will not be applied.
-     */
-    contentTypePrefix?: string;
-    /**
-     * Any layout properties inferred from the context
-     */
-    layoutProps?: Record<string, any>;
-    /**
-     * When set to true, this will prevent the CmsContent component to try loading content from
-     * the store
-     */
-    noDataLoad?: boolean;
-}>;
 export type ContentAreaItemDefinition = {
     __typename?: string | null;
     _type?: string | null;
@@ -116,6 +50,11 @@ export type CmsContentAreaProps<T extends ElementType, CT extends ElementType> =
      * The CSS Class to apply to the content area container
      */
     className?: MayBeArray<PropTypeIfPropExists<T, "className">>;
+    /**
+     * Whether or not a suspense must be applied around each item of the
+     * ContentArea to allow dynamic content within the ContentArea items.
+     */
+    useSuspense?: boolean;
     /**
      * The fallback component to use as suspense boundary
      */
@@ -129,11 +68,30 @@ export type CmsContentAreaProps<T extends ElementType, CT extends ElementType> =
      * The HTML element, or React Component to use to render the Content Area Container
      */
     as?: T;
+    /**
+     * If set to true, there will be no wrapping element around the
+     * items in the Content Area. Setting this to `true` ignores
+     */
+    noWrapper?: boolean;
+    /**
+     * Allows requesting of specific template variant, to accomodate different
+     * renditions, without changing the main path of the component.
+     */
+    variant?: string;
+    /**
+     * Configure the wrapper around each item within the ContentArea
+     */
     itemWrapper?: ({
         /**
          * Override the element type used to wrap the CMS Content Item
          */
         as?: CT;
+        /**
+         * If set to true, there will be no wrapping element around the
+         * CmsContent used to render the item. Setting this to `true`
+         * ignores all other `itemWrapper` properties.
+         */
+        noWrapper?: boolean;
         /**
          * The CSS Class to apply to the content area item wrapper
          */
@@ -153,30 +111,6 @@ export type CmsContentAreaProps<T extends ElementType, CT extends ElementType> =
          */
         itemsProperty: ElementChildrenProps<CT>;
     }) & Omit<Omit<ElementProps<CT>, "className" | "data-epi-block-id" | "data-displayoption" | "data-tag">, ElementChildrenProps<CT>>);
-    /**
-     * Ignored if provided
-     *
-     * @deprecated  The ServerContext is used to access the current locale
-     */
-    locale?: string;
-    /**
-     * Ignored if provided
-     *
-     * @deprecated  The ServerContext is used to access the current edit mode status
-     */
-    inEditMode?: boolean;
-    /**
-     * Ignored if provided
-     *
-     * @deprecated  The ServerContext is used to access the current Optimizely Graph Client
-     */
-    client?: IOptiGraphClient;
-    /**
-     * Ignored if provided
-     *
-     * @deprecated  The ServerContext is used to access the current Component Factory
-     */
-    factory?: ComponentFactory;
 } & Omit<Omit<ElementProps<T>, "className" | "data-epi-edit">, ElementChildrenProps<T>> & ("children" extends ElementChildrenProps<T> ? {
     /**
      * The property of the component set for the "as" property of the Content Area which
@@ -193,3 +127,6 @@ export type CmsContentAreaProps<T extends ElementType, CT extends ElementType> =
     itemsProperty: ElementChildrenProps<T>;
 });
 export type CmsContentAreaClassMapper = (displayOption: string, contentType: ContentType | null, index: number) => string;
+export type BaseCmsContentAreaProps<T extends ElementType, CT extends ElementType> = PropsWithCmsContent<PropsWithContext<CmsContentAreaProps<T, CT>>>;
+export type CmsContentAreaBaseComponent = <T extends ElementType, CT extends ElementType>(props: BaseCmsContentAreaProps<T, CT>) => ReactNode;
+export type CmsContentAreaComponent = <T extends ElementType, CT extends ElementType>(props: CmsContentAreaProps<T, CT>) => ReactNode;

package/dist/components/cms-content-area/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/cms-content-area/types.ts"],"names":[],"mappings":""}

package/dist/{server/components/cms-editable.d.ts → components/cms-editable/index.d.ts}

@@ -1,5 +1,5 @@
-import 'server-only';
-import { type ComponentProps, type ComponentType as ReactComponentType, type ExoticComponent as ReactExoticComponent } from 'react';
+import { type ComponentProps, type ComponentType as ReactComponentType, type ExoticComponent as ReactExoticComponent, type ReactNode } from 'react';
+import { PropsWithContext } from '../../context/types.js';
 export type EditableComponentType = (ReactComponentType<any>) | (ReactExoticComponent<any>) | (keyof JSX.IntrinsicElements);
 export type EditableComponentProps<FT extends EditableComponentType> = FT extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[FT] : ComponentProps<FT>;
 export type CmsEditableProps<FT extends EditableComponentType> = {
@@ -11,6 +11,8 @@ export type CmsEditableProps<FT extends EditableComponentType> = {
     cmsId?: never;
     cmsFieldName?: string | null;
 }) & EditableComponentProps<FT>;
+export type CmsEditableComponent = <CT extends EditableComponentType>(props: CmsEditableProps<CT>) => ReactNode;
+export type CmsEditableBaseComponent = <CT extends EditableComponentType>(props: PropsWithContext<CmsEditableProps<CT>>) => ReactNode;
 /**
  * Server side wrapper to create HTML elements that include the needed
  * data-epi- properties to render the edit mode markers
@@ -18,5 +20,5 @@ export type CmsEditableProps<FT extends EditableComponentType> = {
  * @param   param0      The HTML element with the simple properties
  * @returns
  */
-export declare const CmsEditable: <CT extends EditableComponentType = "div">({ as: DefaultElement, cmsId, cmsFieldName, children, key, ...props }: CmsEditableProps<CT>) => import("react/jsx-runtime").JSX.Element;
+export declare const CmsEditable: CmsEditableBaseComponent;
 export default CmsEditable;

package/dist/components/cms-editable/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Server side wrapper to create HTML elements that include the needed
+ * data-epi- properties to render the edit mode markers
+ *
+ * @param   param0      The HTML element with the simple properties
+ * @returns
+ */
+//@ts-expect-error Typescript doesn't understand the property type :'(
+export const CmsEditable = ({ ctx, as: DefaultElement = 'div', cmsId, cmsFieldName, children, key, ...props }) => {
+    const { inEditMode } = ctx;
+    return _jsx(DefaultElement, { ...props, "data-epi-block-id": inEditMode ? cmsId ?? undefined : undefined, "data-epi-property-name": inEditMode ? cmsFieldName ?? undefined : undefined, children: children });
+};
+export default CmsEditable;
+//# sourceMappingURL=index.js.map

package/dist/components/cms-editable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/cms-editable/index.tsx"],"names":[],"mappings":";AAiBA;;;;;;GAMG;AACH,sEAAsE;AACtE,MAAM,CAAC,MAAM,WAAW,GAA8B,CAA2C,EAAE,GAAG,EAAE,EAAE,EAAE,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAA0C,EAAE,EAAE;IAE1N,MAAM,EAAE,UAAU,EAAE,GAAG,GAAG,CAAA;IAC1B,OAAO,KAAC,cAAc,OAAK,KAAK,uBAAsB,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,4BAA4B,UAAU,CAAC,CAAC,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,YAAK,QAAQ,GAAmB,CAAA;AACnN,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/{cms-styles.js → cms-styles/index.js}

@@ -20,4 +20,4 @@ export function extractSettings(from) {
     });
     return extracted;
 }
-//# sourceMappingURL=cms-styles.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/cms-styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/cms-styles/index.tsx"],"names":[],"mappings":"AA0CA;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAIzB,IAAmB,EAAE,WAAc,EAAE,YAAiB;IAGpD,MAAM,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;IACtE,OAAO,CAAC,EAAE,IAAI,YAAY,CAAO,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,eAAe,CAA6B,IAAmB;IAG3E,IAAI,CAAC,IAAI;QACL,OAAO,EAAQ,CAAA;IACnB,MAAM,SAAS,GAAiB,EAAE,CAAA;IAClC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC5B,IAAI,GAAG,CAAC,KAAK;YACT,SAAS,CAAC,GAAG,CAAC,GAAe,CAAC,GAAG,GAAG,CAAC,KAAqB,CAAA;IAClE,CAAC,CAAC,CAAA;IACF,OAAO,SAAe,CAAA;AAC1B,CAAC"}

package/dist/components/rich-text/components.d.ts

@@ -0,0 +1,14 @@
+import { type FunctionComponent, type PropsWithChildren } from "react";
+import { ComponentTypeDictionary } from "../../factory/types.js";
+import type { TextNode, TypedNode } from "./types.js";
+export declare function createHtmlComponent<E extends keyof JSX.IntrinsicElements>(element: E, ignoreChildren?: boolean, defaultProps?: JSX.IntrinsicElements[E] & Record<string, string>): ({ children, node, ...props }: PropsWithChildren<JSX.IntrinsicElements[E] & {
+    node: TypedNode;
+}>) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultTextNode: FunctionComponent<{
+    node: TextNode;
+}>;
+/**
+ * A default component dictionary that allows to serialize the structured HTML
+ * into React, using the component library shared across the react SDK.
+ */
+export declare const DefaultComponents: ComponentTypeDictionary;

package/dist/components/rich-text/components.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { decodeHTML } from 'entities';
+//#region HTML Components
+export function createHtmlComponent(element, ignoreChildren = false, defaultProps) {
+    const HtmlElement = element;
+    const reservedProps = ['url', 'class', 'children', 'type'];
+    const component = ({ children, node, ...props }) => {
+        const nodeProps = {};
+        const renderProps = Object.getOwnPropertyNames(node);
+        renderProps.filter(x => !reservedProps.includes(x)).forEach(x => nodeProps[x] = node[x]);
+        if (renderProps.includes('class'))
+            nodeProps['className'] = node['class'];
+        if (renderProps.includes('url')) {
+            switch (node.type) {
+                case 'link':
+                    nodeProps['href'] = node['url'];
+                    break;
+                case 'image':
+                    nodeProps['src'] = node['url'];
+                    break;
+                default:
+                    nodeProps['data-url'] = node['url'];
+                    break;
+            }
+        }
+        return ignoreChildren ? _jsx(HtmlElement, { ...defaultProps, ...nodeProps, ...props }) : _jsx(HtmlElement, { ...defaultProps, ...nodeProps, ...props, children: children });
+    };
+    return component;
+}
+export const DefaultTextNode = ({ node }) => {
+    if (node.bold)
+        return _jsx("strong", { children: decodeHTML(node.text) });
+    if (node.italic)
+        return _jsx("em", { children: decodeHTML(node.text) });
+    const unsupportedProps = Object.getOwnPropertyNames(node).filter(x => x != 'text');
+    if (unsupportedProps.length > 0 && process.env.NODE_ENV != 'production')
+        console.warn('🟠 [Rich Text] Text node with unsupported additional properties:', unsupportedProps.join(', '));
+    return decodeHTML(node.text);
+};
+/**
+ * A default component dictionary that allows to serialize the structured HTML
+ * into React, using the component library shared across the react SDK.
+ */
+export const DefaultComponents = [
+    { type: 'RichText/richText', component: createHtmlComponent("div", false, { className: "cms:rich-text" }) },
+    { type: 'RichText/paragraph', component: createHtmlComponent("p") },
+    { type: 'RichText/span', component: createHtmlComponent("span") },
+    { type: 'RichText/div', component: createHtmlComponent("div") },
+    { type: 'RichText/heading-one', component: createHtmlComponent("h1") },
+    { type: 'RichText/heading-two', component: createHtmlComponent("h2") },
+    { type: 'RichText/heading-three', component: createHtmlComponent("h3") },
+    { type: 'RichText/heading-four', component: createHtmlComponent("h4") },
+    { type: 'RichText/heading-five', component: createHtmlComponent("h5") },
+    { type: 'RichText/heading-six', component: createHtmlComponent("h6") },
+    { type: 'RichText/link', component: createHtmlComponent("a") },
+    { type: 'RichText/image', component: createHtmlComponent("img", true) },
+    { type: 'RichText/text', component: DefaultTextNode },
+    { type: 'RichText/br', component: createHtmlComponent("br", true) },
+    { type: 'RichText/bulleted-list', component: createHtmlComponent("ul") },
+    { type: 'RichText/numbered-list', component: createHtmlComponent("ol") },
+    { type: 'RichText/list-item', component: createHtmlComponent("li") }
+];
+//# sourceMappingURL=components.js.map

package/dist/components/rich-text/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/rich-text/components.tsx"],"names":[],"mappings":"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"}

package/dist/components/rich-text/index.d.ts

@@ -0,0 +1,4 @@
+import { type FunctionComponent } from "react";
+import type { RichTextProps } from "./types.js";
+export * from "./types.js";
+export declare const RichText: FunctionComponent<RichTextProps>;