@remkoj/optimizely-cms-react 2.0.4 → 3.0.0

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,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,GAAG,CAAC,CAAA;IACzE,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,54 @@
+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;
+    /**
+     * 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, 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,7 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import 'server-only';
-import CmsContent from './cms-content.js';
+import { jsx as _jsx } 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';
 //#endregion
 /**
  * React server component to render a content area
@@ -13,25 +9,11 @@ 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, 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 = actualItems.map((item, idx) => {
         // Prepare data from received content area format
         const contentLink = normalizeContentLinkWithLocale(item._metadata);
         if (!contentLink)
@@ -49,7 +31,7 @@ export const CmsContentArea = async ({ items, classMapper, className, fieldName,
             "data-tag": item.tag || undefined,
             ...contentItemElementProps
         };
-        const contentAraeItemContent = await CmsContent({ contentLink, contentType, fragmentData, client: gqlClient, factory, outputEditorWarning: inEditMode, contentTypePrefix: "Component" });
+        const contentAraeItemContent = _jsx(CmsContent, { contentLink: contentLink, contentType: contentType, fragmentData: fragmentData, contentTypePrefix: "Component" });
         // Inject the element into the wrapper
         const childrenTarget = contentItemTarget || "children";
         let contentAreaItemContainerChildren = undefined;
@@ -59,7 +41,7 @@ export const CmsContentArea = async ({ items, classMapper, className, fieldName,
             contentAreaItemContainerProps[childrenTarget] = contentAraeItemContent;
         const ContentAreaItemContainer = contentItemElement || "div";
         return _jsx(ContentAreaItemContainer, { ...contentAreaItemContainerProps, children: contentAreaItemContainerChildren }, contentAreaItemContainerKey);
-    }));
+    });
     // Build container element
     const contentAreaContainerProps = {
         className: `opti-content-area ${Array.isArray(className) ? className.join(' ') : (className ?? '')}`.trim(),
@@ -78,19 +60,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;
@@ -153,30 +87,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 +103,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>;

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Utils from './utils.js';
+import { DefaultComponentFactory } from "../../factory/default.js";
+import { DefaultComponents, DefaultTextNode, createHtmlComponent } from "./components.js";
+export * from "./types.js";
+export const RichText = ({ factory, text, className = 'rich-text', as: Wrapper = "div", debug, ...props }) => {
+    const id = Utils.getRandomId("rich-text");
+    const richTextFactory = factory ?? new DefaultComponentFactory(DefaultComponents);
+    try {
+        const data = Utils.processNodeInput(text);
+        return _jsx(Wrapper, { className: className, ...props, children: (data?.children || []).map((child, idx) => {
+                const elementId = id + '::' + idx;
+                return _jsx(RichTextElement, { factory: richTextFactory, node: child, idPrefix: elementId + '::' }, elementId);
+            }) });
+    }
+    catch {
+        if (debug)
+            console.warn('🟠 [Rich Text] Invalid rich text received: ', text);
+        return Object.getOwnPropertyNames(props).length > 0 ? _jsx("div", { className: className, ...props }) : null;
+    }
+};
+//#region Supportive React components
+const RichTextElement = ({ factory, node, idPrefix, debug }) => {
+    if (Utils.isText(node)) {
+        if (node.text.length == 0)
+            return null;
+        const TextComponent = factory?.resolve(`RichText/text`) ?? DefaultTextNode;
+        return _jsx(TextComponent, { node: node });
+    }
+    if (!Utils.isTypedNode(node)) {
+        if (debug)
+            console.warn('🟠 [Rich Text] Invalid rich text element data received:', node);
+        return null;
+    }
+    const childData = node.children?.map((child, idx) => {
+        const elementId = idPrefix + idx;
+        return _jsx(RichTextElement, { factory: factory, node: child, idPrefix: elementId + '::' }, elementId);
+    });
+    if (!factory?.has(`RichText/${node.type}`)) {
+        console.warn('🟠 [Rich Text] No renderer for node type, falling back to "div":', `RichText/${node.type}`);
+        const DivComponent = createHtmlComponent("div", false, { "data-type": node.type });
+        return _jsx(DivComponent, { node: node, children: childData });
+    }
+    const Component = factory?.resolve(`RichText/${node.type}`) ?? 'div';
+    return _jsx(Component, { node: node, children: childData });
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/{rich-text.d.ts → rich-text/types.d.ts}

@@ -1,5 +1,5 @@
-import type { ComponentFactory, ComponentType, ComponentTypeDictionary } from "../types.js";
-import { type FunctionComponent, type PropsWithChildren } from "react";
+import type { ComponentType as ReactComponentType } from "react";
+import type { ComponentFactory, ComponentType } from "../../factory/types.js";
 export type RichTextProps = {
     /**
      * The component factory used for this rich text content
@@ -19,6 +19,10 @@ export type RichTextProps = {
      * element when not defined
      */
     as?: ComponentType;
+    /**
+     * Control the debugging output
+     */
+    debug?: boolean;
 } & ({
     /**
      * The fieldname of this Rich Text, when it is used as part of a block
@@ -38,6 +42,13 @@ export type RichTextProps = {
      */
     cmsId?: never;
 });
+export type RichTextComponent = ReactComponentType<RichTextProps>;
+export type RichTextElementProps = Readonly<{
+    debug?: boolean;
+    factory?: ComponentFactory;
+    node: Readonly<Node>;
+    idPrefix: string;
+}>;
 export type Node = {};
 export type TextNode = Node & {
     text: string;
@@ -57,19 +68,3 @@ export type NodeWithChildren<T extends Node> = T & {
     children?: Array<Node>;
 };
 export type NodeInput = string | RichTextNode | StringNode;
-export declare const Utils: {
-    isText(toTest: Node | null | undefined): toTest is TextNode;
-    isTypedNode(toTest: Node | null | undefined): toTest is TypedNode;
-    processNodeInput(input: NodeInput | null | undefined): RichTextNode | StringNode | undefined;
-    getRandomId(scope?: string): string;
-};
-export declare const RichText: FunctionComponent<RichTextProps>;
-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;
-/**
- * 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;
-export default RichText;

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

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

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

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

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

@@ -0,0 +1,5 @@
+import type { TextNode, TypedNode, Node, NodeInput, RichTextNode, StringNode } from './types.js';
+export declare function isText(toTest: Node | null | undefined): toTest is TextNode;
+export declare function isTypedNode(toTest: Node | null | undefined): toTest is TypedNode;
+export declare function processNodeInput(input: NodeInput | null | undefined): RichTextNode | StringNode | undefined;
+export declare function getRandomId(scope?: string): string;

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

@@ -0,0 +1,24 @@
+export function isText(toTest) {
+    return (typeof toTest == 'object' &&
+        toTest != null &&
+        (typeof toTest.text) == 'string' &&
+        toTest.text.length >= 0);
+}
+export function isTypedNode(toTest) {
+    return (typeof toTest == 'object' &&
+        toTest != null &&
+        (typeof toTest.type) == 'string' &&
+        toTest.type.length > 0);
+}
+export function processNodeInput(input) {
+    if (!input)
+        return undefined;
+    const textObject = typeof input == "string" ? JSON.parse(input) : input;
+    if (textObject?.type != "richText" && textObject?.type != "string")
+        throw new Error('Structured rich text requires a "richText" root node');
+    return textObject;
+}
+export function getRandomId(scope = "richText") {
+    return `${scope}::${Math.round(Math.random() * 100000)}`;
+}
+//# sourceMappingURL=utils.js.map