@se-studio/core-ui 0.0.0-next16-20260822103555

package/dist/components/CmsComponent.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Dev-only panel shown when a component type has opted out of embedding via `embeddedRenderer: false`.
+ */
+const EmbedNotSupportedError = ({ typeName, id, show, }) => {
+    if (!show)
+        return null;
+    return (_jsxs("div", { style: {
+            border: '2px solid orange',
+            background: '#fff3cd',
+            padding: '1rem',
+            margin: '1rem',
+            borderRadius: '4px',
+        }, children: [_jsx("h3", { style: { color: '#856404', marginBottom: '0.5rem' }, children: "Component Embedding Not Supported" }), _jsxs("div", { style: { fontSize: '0.875rem' }, children: [_jsxs("p", { children: [_jsx("strong", { children: "Component Type:" }), " ", typeName] }), _jsxs("p", { children: [_jsx("strong", { children: "Component ID:" }), " ", id] }), _jsx("p", { style: { color: '#856404', marginTop: '0.5rem' }, children: "This component type has been explicitly marked as not embeddable in rich text. Remove the embedded block in Contentful, or add an embeddedRenderer to the registration." })] })] }));
+};
+/**
+ * Error component displayed when not in production and an unknown component type is encountered
+ */
+const ComponentTypeError = ({ information, availableTypes, show, }) => {
+    if (!show)
+        return null;
+    return (_jsxs("div", { style: {
+            border: '2px solid orange',
+            background: '#fff3cd',
+            padding: '1rem',
+            margin: '1rem',
+            borderRadius: '4px',
+        }, children: [_jsx("h3", { style: { color: '#856404', marginBottom: '0.5rem' }, children: "Unknown Component Type" }), _jsxs("div", { style: { fontSize: '0.875rem' }, children: [_jsxs("p", { children: [_jsx("strong", { children: "Component Type:" }), " ", String(information.componentType)] }), _jsxs("p", { children: [_jsx("strong", { children: "Component ID:" }), " ", information.id] }), _jsxs("p", { children: [_jsx("strong", { children: "Available Types:" }), " ", availableTypes.join(', ')] }), _jsx("p", { style: { color: '#856404', marginTop: '0.5rem' }, children: "This component type is not registered in ComponentMap. Using Generic fallback." })] })] }));
+};
+export const CmsComponent = ({ information, contentContext, rendererConfig, }) => {
+    const { buildInformation, componentMap, defaultComponentRenderer: DefaultRenderer, } = rendererConfig;
+    const Element = componentMap[information.componentType];
+    if (Element) {
+        const result = (_jsx(Element, { information: information, contentContext: contentContext, rendererConfig: rendererConfig }));
+        return result;
+    }
+    // Log unknown component type for monitoring
+    const availableTypes = Object.keys(componentMap);
+    if (process.env.LOG_CMS)
+        console.log(`Unknown component type: ${String(information.componentType)} (ID: ${information.id}). Available types:`, availableTypes.join(','));
+    const shouldShowError = !buildInformation.isProduction;
+    const result = (_jsxs(_Fragment, { children: [shouldShowError && (_jsx(ComponentTypeError, { information: information, availableTypes: availableTypes, show: !buildInformation.isProduction })), DefaultRenderer && (_jsx(DefaultRenderer, { information: information, contentContext: contentContext, rendererConfig: rendererConfig }))] }));
+    return result;
+};
+export const CmsEmbeddedComponent = ({ information, contentContext, rendererConfig, ...props }) => {
+    const { buildInformation, embeddedComponentMap, componentMap, noEmbedComponents, defaultComponentRenderer: DefaultRenderer, } = rendererConfig;
+    // Step 1: Explicit opt-out
+    if (noEmbedComponents?.has(information.componentType)) {
+        return (_jsx(EmbedNotSupportedError, { typeName: information.componentType, id: information.id, show: !buildInformation.isProduction }));
+    }
+    // Step 2: Dedicated embedded renderer
+    const Element = embeddedComponentMap[information.componentType];
+    if (Element) {
+        return (_jsx(Element, { information: information, contentContext: contentContext, rendererConfig: rendererConfig, ...props }));
+    }
+    // Step 3: Fall back to top-level renderer
+    const FallbackElement = componentMap[information.componentType];
+    if (FallbackElement) {
+        return (_jsx(FallbackElement, { information: information, contentContext: contentContext, rendererConfig: rendererConfig }));
+    }
+    // Step 4: Unknown type
+    const availableTypes = Object.keys(componentMap);
+    if (process.env.LOG_CMS)
+        console.log(`Unknown embedded component type: ${String(information.componentType)} (ID: ${information.id}). Available types:`, availableTypes.join(','));
+    const shouldShowError = !buildInformation.isProduction;
+    return (_jsxs(_Fragment, { children: [shouldShowError && (_jsx(ComponentTypeError, { information: information, availableTypes: availableTypes, show: !buildInformation.isProduction })), DefaultRenderer && (_jsx(DefaultRenderer, { information: information, contentContext: contentContext, rendererConfig: rendererConfig, ...props }))] }));
+};
+//# sourceMappingURL=CmsComponent.js.map

package/dist/components/CmsComponent.js.map

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

package/dist/components/CmsContent.d.ts

@@ -0,0 +1,105 @@
+import type { IAnalyticsContext, IContentContext, IPageContext, ITyped, IVisual } from '@se-studio/core-data-types';
+import type React from 'react';
+import type { PropsWithChildren } from 'react';
+import type { CmsRendererConfig } from '../CmsRendererConfig';
+/**
+ * Creates a content context for an embedded item (e.g. one entry in a collection or RTF).
+ * Use when rendering a single item with a parent context; sets current and optionally previous/next siblings.
+ */
+export declare function createEmbeddedContentContext(parentContext: IContentContext, current: ITyped, options?: {
+    previousContent?: ITyped;
+    nextContent?: ITyped;
+}): IContentContext;
+/**
+ * Visual component renderer type
+ */
+export type VisualComponentRenderer = React.FC<{
+    information: IVisual;
+    contentContext: IContentContext;
+    rendererConfig: CmsRendererConfig;
+    /** When true, the visual is embedded (e.g. in RTF or inside a collection). Omit or false for standalone page content. */
+    embedded?: boolean;
+}>;
+/**
+ * Internal link renderer type
+ */
+export type InternalLinkRenderer = React.FC<PropsWithChildren<{
+    information: unknown;
+    contentContext: IContentContext;
+    rendererConfig: CmsRendererConfig;
+    /**
+     * Click-tracking location (typically the parent RTF module's CMS label).
+     * Optional so existing site renderers remain compatible.
+     */
+    location?: string | null;
+}>>;
+/**
+ * Renderer for Internal link entries embedded as a block in RTF (block embedded entry).
+ * Inline links continue to use `internalLinkRenderer` ({@link InternalLinkRenderer}).
+ */
+export type EmbeddedBlockInternalLinkRenderer = React.FC<PropsWithChildren<{
+    information: unknown;
+    contentContext: IContentContext;
+    rendererConfig: CmsRendererConfig;
+    /** True when rendered inside block RTF embed routing (e.g. versus inline embed). */
+    embedded?: boolean;
+    /** Same grid/width classes as the wrapper; use on the root element if you replace the default layout. */
+    positionClassName?: string;
+}>>;
+/**
+ * Additional props provided to embedded content renderers (collections, components, and external components)
+ * when they are rendered within rich text fields or other collections.
+ *
+ * These props allow embedded renderers to apply appropriate styling and track their position
+ * for analytics, animations, or other positional logic.
+ *
+ * @property embedded - Whether the content is embedded (e.g., true for embedded content in rich text fields, false for standalone content)
+ * @property positionClassName - CSS class name(s) for positioning the embedded content (e.g., "w-full col-span-full" for full-width grid items)
+ * @property embeddedIndex - Zero-based index of this embedded content among its siblings (e.g., 0 for the first embedded entry, 1 for the second)
+ * @property parentIndex - Index or depth of the parent container (e.g., 0 for root-level RTF content, higher values for nested collections)
+ */
+export type EmbeddedRendererProps = {
+    embedded: boolean;
+    positionClassName: string;
+    embeddedIndex: number;
+    parentIndex: number;
+};
+/**
+ * Error display component for rendering errors when not in production
+ */
+export declare const ContentError: ({ error, content, show, }: {
+    error: Error;
+    content: {
+        type: string;
+        id: string;
+    };
+    show: boolean;
+}) => React.JSX.Element | null;
+/**
+ * Main content renderer that renders an array of page content items.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const rendererConfig = {
+ *   buildInformation,
+ *   componentMap: { "Hero": HeroComponent, "CTA": CTAComponent },
+ *   collectionMap: { "FAQs": FAQCollection },
+ *   // ... other required fields
+ * };
+ *
+ * <CmsContent
+ *   rendererConfig={rendererConfig}
+ *   pageContext={pageContext}
+ *   contents={page.contents}
+ *   analyticsContext={analyticsContext}
+ * />
+ * ```
+ */
+export declare function CmsContent({ pageContext, contents, rendererConfig, analyticsContext, }: {
+    pageContext: IPageContext;
+    contents?: ReadonlyArray<ITyped>;
+    rendererConfig: CmsRendererConfig;
+    /** Optional page-level analytics context for link/click tracking */
+    analyticsContext: IAnalyticsContext | undefined;
+}): React.JSX.Element | null;
+//# sourceMappingURL=CmsContent.d.ts.map

package/dist/components/CmsContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsContent.d.ts","sourceRoot":"","sources":["../../src/components/CmsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAKjB,eAAe,EACf,YAAY,EACZ,MAAM,EACN,OAAO,EACR,MAAM,4BAA4B,CAAC;AAMpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA8D9D;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,aAAa,EAAE,eAAe,EAC9B,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE;IAAE,eAAe,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,GAC3D,eAAe,CAOjB;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,EAAE,CAAC;IAC7C,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,eAAe,CAAC;IAChC,cAAc,EAAE,iBAAiB,CAAC;IAClC,yHAAyH;IACzH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CACzC,iBAAiB,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,eAAe,CAAC;IAChC,cAAc,EAAE,iBAAiB,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC,CACH,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,EAAE,CACtD,iBAAiB,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,eAAe,CAAC;IAChC,cAAc,EAAE,iBAAiB,CAAC;IAClC,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yGAAyG;IACzG,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CACH,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,2BAI1B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,IAAI,EAAE,OAAO,CAAC;CACf,6BAyCA,CAAC;AA2IF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,gBAAgB,GACjB,EAAE;IACD,WAAW,EAAE,YAAY,CAAC;IAC1B,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACjC,cAAc,EAAE,iBAAiB,CAAC;IAClC,oEAAoE;IACpE,gBAAgB,EAAE,iBAAiB,GAAG,SAAS,CAAC;CACjD,4BA6BA"}

package/dist/components/CmsContent.js

@@ -0,0 +1,200 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getContentTypeKey, isCollection, orderContentWithHtmlHeroFirst, } from '@se-studio/core-data-types';
+import { CmsCollection } from './CmsCollection';
+import { CmsComponent } from './CmsComponent';
+import { CmsExternalComponent } from './CmsExternalComponent';
+import { HtmlComponent } from './HtmlComponent';
+/**
+ * Returns true if this item is a "default" (has defaultOf) and a matching type exists elsewhere
+ * in the page (top-level or one level inside collections), so it should not be rendered.
+ */
+function isDefaultSuppressed(item, allContents, defaultsMap) {
+    const itemType = getContentTypeKey(item);
+    const suppressedBy = defaultsMap[itemType];
+    if (!suppressedBy?.length)
+        return false;
+    for (const content of allContents) {
+        const contentType = getContentTypeKey(content);
+        if (suppressedBy.includes(contentType) && content !== item)
+            return true;
+        if (isCollection(content)) {
+            const children = content.contents ?? [];
+            for (const child of children) {
+                if (suppressedBy.includes(getContentTypeKey(child)))
+                    return true;
+            }
+        }
+    }
+    return false;
+}
+/**
+ * Creates a content context for a specific component with lazy evaluation
+ */
+function createContentContext(pageContext, components, currentIndex, analyticsContext) {
+    const current = components[currentIndex];
+    if (!current) {
+        throw new Error(`Invalid component index: ${currentIndex}`);
+    }
+    const previousContent = currentIndex === 0 ? undefined : components[currentIndex - 1];
+    const nextContent = currentIndex === components.length - 1 ? undefined : components[currentIndex + 1];
+    const context = {
+        pageContext,
+        previousContent,
+        current,
+        nextContent,
+        allContents: components,
+    };
+    if (analyticsContext !== undefined) {
+        context.analyticsContext = analyticsContext;
+    }
+    return context;
+}
+/**
+ * Creates a content context for an embedded item (e.g. one entry in a collection or RTF).
+ * Use when rendering a single item with a parent context; sets current and optionally previous/next siblings.
+ */
+export function createEmbeddedContentContext(parentContext, current, options) {
+    return {
+        ...parentContext,
+        current,
+        previousContent: options?.previousContent,
+        nextContent: options?.nextContent,
+    };
+}
+/**
+ * Error display component for rendering errors when not in production
+ */
+export const ContentError = ({ error, content, show, }) => {
+    if (!show)
+        return null;
+    return (_jsxs("div", { style: {
+            margin: '1rem',
+            borderRadius: '4px',
+            border: '2px solid red',
+            background: '#fee',
+            padding: '1rem',
+        }, children: [_jsx("h3", { style: { marginBottom: '0.5rem', fontSize: '1.125rem', color: 'red' }, children: "Content Render Error" }), _jsxs("div", { style: { fontSize: '0.875rem' }, children: [_jsxs("p", { children: [_jsx("strong", { children: "Content Type:" }), " ", content.type] }), _jsxs("p", { children: [_jsx("strong", { children: "Content ID:" }), " ", content.id] }), _jsxs("div", { style: { marginTop: '0.75rem' }, children: [_jsx("p", { style: { color: 'red', fontWeight: '600' }, children: "Error:" }), _jsx("pre", { style: {
+                                    overflowX: 'auto',
+                                    borderRadius: '4px',
+                                    border: '1px solid #fcc',
+                                    background: 'white',
+                                    padding: '0.5rem',
+                                    fontSize: '0.75rem',
+                                }, children: error.message })] })] })] }));
+};
+/**
+ * Single content item renderer that routes to the appropriate renderer based on type
+ */
+const SingleContent = ({ context, rendererConfig, flowPositionIndex, }) => {
+    try {
+        const { current } = context;
+        let result;
+        switch (current.type) {
+            case 'Component':
+                result = (_jsx(CmsComponent, { information: current, contentContext: context, rendererConfig: rendererConfig }));
+                break;
+            case 'Collection':
+                result = (_jsx(CmsCollection, { information: current, contentContext: context, rendererConfig: rendererConfig }));
+                break;
+            case 'External component':
+                result = (_jsx(CmsExternalComponent, { information: current, contentContext: context, rendererConfig: rendererConfig }));
+                break;
+            case 'HtmlComponent':
+                result = (_jsx(HtmlComponent, { ...current, flowPositionIndex: flowPositionIndex, fullWidthBreakoutClassName: rendererConfig.htmlComponentFullWidthClassName }));
+                break;
+            case 'Visual':
+                if (rendererConfig.visualComponentRenderer) {
+                    result = rendererConfig.visualComponentRenderer({
+                        information: current,
+                        contentContext: context,
+                        rendererConfig,
+                        embedded: false,
+                    });
+                }
+                else {
+                    if (process.env.LOG_CMS)
+                        console.warn('No Visual renderer provided');
+                    result = !rendererConfig.buildInformation.isProduction ? (_jsx("div", { children: "Visual renderer not implemented" })) : null;
+                }
+                break;
+            case 'Internal link':
+                if (rendererConfig.internalLinkRenderer) {
+                    result = rendererConfig.internalLinkRenderer({
+                        information: current,
+                        contentContext: context,
+                        rendererConfig,
+                    });
+                }
+                else {
+                    if (process.env.LOG_CMS)
+                        console.warn('No Internal link renderer provided');
+                    result = !rendererConfig.buildInformation.isProduction ? (_jsx("div", { children: "Internal link renderer not implemented" })) : null;
+                }
+                break;
+            default: {
+                // Check if there's a custom content renderer for this type
+                const unknownContent = current;
+                const CustomRenderer = rendererConfig.customContentMap?.[unknownContent.type];
+                if (CustomRenderer) {
+                    result = _jsx(CustomRenderer, { information: current, contentContext: context });
+                    break;
+                }
+                // No custom renderer found - treat as unknown content
+                const error = new Error(`Unknown content type: ${unknownContent.type} (ID: ${unknownContent.id})`);
+                console.error(error);
+                if (!rendererConfig.buildInformation.isProduction) {
+                    result = (_jsx(ContentError, { error: error, content: unknownContent, show: !rendererConfig.buildInformation.isProduction }));
+                }
+                else {
+                    result = null;
+                }
+                break;
+            }
+        }
+        return result;
+    }
+    catch (error) {
+        console.error('Error rendering content:', error);
+        if (!rendererConfig.buildInformation.isProduction) {
+            return (_jsx(ContentError, { error: error, content: context.current, show: !rendererConfig.buildInformation.isProduction }));
+        }
+        return null;
+    }
+};
+/**
+ * Main content renderer that renders an array of page content items.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const rendererConfig = {
+ *   buildInformation,
+ *   componentMap: { "Hero": HeroComponent, "CTA": CTAComponent },
+ *   collectionMap: { "FAQs": FAQCollection },
+ *   // ... other required fields
+ * };
+ *
+ * <CmsContent
+ *   rendererConfig={rendererConfig}
+ *   pageContext={pageContext}
+ *   contents={page.contents}
+ *   analyticsContext={analyticsContext}
+ * />
+ * ```
+ */
+export function CmsContent({ pageContext, contents, rendererConfig, analyticsContext, }) {
+    if (!contents || contents.length === 0) {
+        return null;
+    }
+    const orderedContents = orderContentWithHtmlHeroFirst(contents);
+    return (_jsx(_Fragment, { children: orderedContents.map((content, index) => {
+            if (rendererConfig.defaultsMap &&
+                isDefaultSuppressed(content, orderedContents, rendererConfig.defaultsMap)) {
+                return null;
+            }
+            const context = createContentContext(pageContext, orderedContents, index, analyticsContext);
+            return (_jsx(SingleContent
+            // biome-ignore lint/suspicious/noArrayIndexKey: slot index distinguishes duplicate entry ids and matches script dedupe keys
+            , { context: context, rendererConfig: rendererConfig, flowPositionIndex: index }, `${content.id}-${index}`));
+        }) }));
+}
+//# sourceMappingURL=CmsContent.js.map

package/dist/components/CmsContent.js.map

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

package/dist/components/CmsConversionErrors.d.ts

@@ -0,0 +1,8 @@
+import type { CmsError } from '@se-studio/contentful-rest-api';
+interface CmsConversionErrorsProps {
+    errors: CmsError[];
+    isProduction: boolean;
+}
+export declare function CmsConversionErrors({ errors, isProduction }: CmsConversionErrorsProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=CmsConversionErrors.d.ts.map

package/dist/components/CmsConversionErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsConversionErrors.d.ts","sourceRoot":"","sources":["../../src/components/CmsConversionErrors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG/D,UAAU,wBAAwB;IAChC,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,wBAAwB,sCA8HrF"}

package/dist/components/CmsConversionErrors.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export function CmsConversionErrors({ errors, isProduction }) {
+    const [expanded, setExpanded] = useState(false);
+    // Don't render in production
+    if (isProduction || errors.length === 0) {
+        return null;
+    }
+    // Show first 5 errors by default, or all if expanded
+    const visibleErrors = expanded ? errors : errors.slice(0, 5);
+    const hasMoreErrors = errors.length > 5;
+    return (_jsx("div", { style: {
+            backgroundColor: '#fffbeb',
+            borderLeft: '4px solid #fbbf24',
+            padding: '1rem',
+            marginBottom: '1.5rem',
+        }, children: _jsxs("div", { style: { display: 'flex', alignItems: 'flex-start' }, children: [_jsx("div", { style: { flexShrink: 0 }, children: _jsxs("svg", { style: { height: '1.25rem', width: '1.25rem', color: '#fbbf24' }, fill: "currentColor", viewBox: "0 0 20 20", children: [_jsx("title", { children: "Warning icon" }), _jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" })] }) }), _jsxs("div", { style: { marginLeft: '0.75rem', flex: 1 }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsxs("h3", { style: { fontSize: '0.875rem', color: '#92400e', fontWeight: 500 }, children: ["CMS Content Conversion Errors (", errors.length, ")"] }), hasMoreErrors && (_jsx("button", { type: "button", onClick: () => setExpanded(!expanded), style: {
+                                        fontSize: '0.875rem',
+                                        color: '#b45309',
+                                        textDecoration: 'underline',
+                                        background: 'none',
+                                        border: 'none',
+                                        cursor: 'pointer',
+                                    }, onMouseEnter: (e) => {
+                                        e.currentTarget.style.color = '#d97706';
+                                    }, onMouseLeave: (e) => {
+                                        e.currentTarget.style.color = '#b45309';
+                                    }, children: expanded ? 'Show less' : `Show ${errors.length - 5} more` }))] }), _jsxs("div", { style: { marginTop: '0.5rem' }, children: [_jsx("p", { style: { fontSize: '0.875rem', color: '#b45309', marginBottom: '0.75rem' }, children: "Some CMS content failed to convert properly. The page is still displayed below with available content." }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: visibleErrors.map((error, index) => (_jsx("div", { style: {
+                                            borderRadius: '0.25rem',
+                                            backgroundColor: '#fef3c7',
+                                            padding: '0.75rem',
+                                        }, children: _jsx("div", { style: {
+                                                display: 'flex',
+                                                alignItems: 'flex-start',
+                                                justifyContent: 'space-between',
+                                            }, children: _jsxs("div", { style: { flex: 1 }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [_jsx("code", { style: {
+                                                                    fontSize: '0.75rem',
+                                                                    backgroundColor: '#fde68a',
+                                                                    padding: '0.25rem 0.5rem',
+                                                                    borderRadius: '0.25rem',
+                                                                    color: '#78350f',
+                                                                }, children: error.entryId }), error.entryType && (_jsx("span", { style: {
+                                                                    fontSize: '0.75rem',
+                                                                    color: '#b45309',
+                                                                    backgroundColor: '#fde68a',
+                                                                    padding: '0.25rem 0.5rem',
+                                                                    borderRadius: '0.25rem',
+                                                                }, children: error.entryType }))] }), _jsx("p", { style: { marginTop: '0.25rem', fontSize: '0.875rem', color: '#92400e' }, children: error.message })] }) }) }, `${error.entryId}-${index}`))) })] })] })] }) }));
+}
+//# sourceMappingURL=CmsConversionErrors.js.map

package/dist/components/CmsConversionErrors.js.map

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

package/dist/components/CmsDataError.d.ts

@@ -0,0 +1,14 @@
+interface ErrorContext {
+    type: 'page' | 'article' | 'metadata' | string;
+    params?: Record<string, unknown>;
+    preview?: boolean;
+    slug?: string;
+    timestamp?: string;
+}
+interface CmsDataErrorProps {
+    error: Error | unknown;
+    context: ErrorContext;
+}
+export declare function CmsDataError({ error, context }: CmsDataErrorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CmsDataError.d.ts.map

package/dist/components/CmsDataError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsDataError.d.ts","sourceRoot":"","sources":["../../src/components/CmsDataError.tsx"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,iBAAiB,+BA0FjE"}

package/dist/components/CmsDataError.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function CmsDataError({ error, context }) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    const errorStack = error instanceof Error ? error.stack : undefined;
+    return (_jsx("div", { className: "min-h-screen bg-red-50 p-8", children: _jsx("div", { className: "mx-auto max-w-4xl", children: _jsxs("div", { className: "rounded-lg bg-white p-6 shadow-lg", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h1", { className: "text-2xl font-bold text-red-600", children: "CMS Data Error" }), _jsx("div", { className: "rounded-full bg-red-100 p-2", children: _jsxs("svg", { className: "h-6 w-6 text-red-600", fill: "currentColor", viewBox: "0 0 20 20", children: [_jsx("title", { children: "Error icon" }), _jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" })] }) })] }), _jsxs("div", { className: "mb-6 rounded-lg bg-red-100 p-4", children: [_jsxs("h2", { className: "mb-2 text-lg font-semibold text-red-800", children: ["Failed to load ", context.type, " data from CMS"] }), _jsx("p", { className: "text-red-700", children: "The content management system returned an error while trying to fetch the requested content." })] }), _jsxs("div", { className: "mb-4", children: [_jsx("h2", { className: "mb-2 text-lg font-semibold", children: "Error Message:" }), _jsx("p", { className: "rounded bg-red-100 p-3 font-mono p-sm text-red-800", children: errorMessage })] }), _jsxs("div", { className: "mb-4", children: [_jsx("h2", { className: "mb-2 text-lg font-semibold", children: "Context:" }), _jsxs("div", { className: "rounded bg-gray-100 p-3 p-sm", children: [_jsxs("p", { children: [_jsx("strong", { children: "Content Type:" }), " ", context.type] }), context.slug && (_jsxs("p", { children: [_jsx("strong", { children: "Slug:" }), " ", context.slug] })), _jsxs("p", { children: [_jsx("strong", { children: "Preview Mode:" }), " ", context.preview ? 'Yes' : 'No'] }), context.timestamp && (_jsxs("p", { children: [_jsx("strong", { children: "Time:" }), " ", context.timestamp] })), context.params && (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2", children: _jsx("strong", { children: "Parameters:" }) }), _jsx("pre", { className: "mt-1 overflow-x-auto text-xs", children: JSON.stringify(context.params, null, 2) })] }))] })] }), errorStack && (_jsx("div", { className: "mb-4", children: _jsx("pre", { className: "overflow-x-auto rounded bg-gray-100 p-3 text-xs", children: errorStack }) })), _jsxs("div", { className: "rounded-lg bg-gray-100 p-4", children: [_jsx("h3", { className: "mb-2 font-semibold", children: "Debugging Tips:" }), _jsxs("ul", { className: "space-y-1 p-sm text-gray-700", children: [_jsx("li", { children: "\u2022 Check if the content exists in Contentful" }), _jsx("li", { children: "\u2022 Verify the content is published (or you're in preview mode)" }), _jsx("li", { children: "\u2022 Ensure all required fields are populated" }), _jsx("li", { children: "\u2022 Check for valid data formats (e.g., hex colors should be #RRGGBB)" }), _jsx("li", { children: "\u2022 Look for API rate limits or network issues" }), _jsx("li", { children: "\u2022 Verify your environment variables are set correctly" })] })] })] }) }) }));
+}
+//# sourceMappingURL=CmsDataError.js.map

package/dist/components/CmsDataError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsDataError.js","sourceRoot":"","sources":["../../src/components/CmsDataError.tsx"],"names":[],"mappings":";AAaA,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAqB;IAChE,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,UAAU,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpE,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAK,SAAS,EAAC,wCAAwC,aACrD,aAAI,SAAS,EAAC,iCAAiC,+BAAoB,EACnE,cAAK,SAAS,EAAC,6BAA6B,YAC1C,eAAK,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,aAC3E,yCAAyB,EACzB,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mHAAmH,EACrH,QAAQ,EAAC,SAAS,GAClB,IACE,GACF,IACF,EAEN,eAAK,SAAS,EAAC,gCAAgC,aAC7C,cAAI,SAAS,EAAC,yCAAyC,gCACrC,OAAO,CAAC,IAAI,sBACzB,EACL,YAAG,SAAS,EAAC,cAAc,6GAGvB,IACA,EAEN,eAAK,SAAS,EAAC,MAAM,aACnB,aAAI,SAAS,EAAC,4BAA4B,+BAAoB,EAC9D,YAAG,SAAS,EAAC,oDAAoD,YAAE,YAAY,GAAK,IAChF,EAEN,eAAK,SAAS,EAAC,MAAM,aACnB,aAAI,SAAS,EAAC,4BAA4B,yBAAc,EACxD,eAAK,SAAS,EAAC,8BAA8B,aAC3C,wBACE,6CAA8B,OAAE,OAAO,CAAC,IAAI,IAC1C,EACH,OAAO,CAAC,IAAI,IAAI,CACf,wBACE,qCAAsB,OAAE,OAAO,CAAC,IAAI,IAClC,CACL,EACD,wBACE,6CAA8B,OAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAC5D,EACH,OAAO,CAAC,SAAS,IAAI,CACpB,wBACE,qCAAsB,OAAE,OAAO,CAAC,SAAS,IACvC,CACL,EACA,OAAO,CAAC,MAAM,IAAI,CACjB,8BACE,YAAG,SAAS,EAAC,MAAM,YACjB,2CAA4B,GAC1B,EACJ,cAAK,SAAS,EAAC,8BAA8B,YAC1C,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GACpC,IACL,CACJ,IACG,IACF,EAEL,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,cAAK,SAAS,EAAC,iDAAiD,YAAE,UAAU,GAAO,GAC/E,CACP,EAED,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,oBAAoB,gCAAqB,EACvD,cAAI,SAAS,EAAC,8BAA8B,aAC1C,4EAAoD,EACpD,8FAA2E,EAC3E,2EAAmD,EACnD,oGAA4E,EAC5E,6EAAqD,EACrD,sFAA8D,IAC3D,IACD,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/CmsDevLayout.d.ts

@@ -0,0 +1,23 @@
+import type { PropsWithChildren } from 'react';
+/**
+ * Layout wrapper for CMS developer tool routes (`/cms/*`).
+ *
+ * Blocks access in production by returning a 404. In non-production
+ * environments it renders its children unchanged.
+ *
+ * Pass the app's `isProduction` flag from `@/lib/config`:
+ * @example
+ * ```tsx
+ * // src/app/(cms-dev)/layout.tsx
+ * import { CmsDevLayout } from '@se-studio/core-ui';
+ * import { isProduction } from '@/lib/config';
+ *
+ * export default function Layout({ children }: { children: React.ReactNode }) {
+ *   return <CmsDevLayout isProduction={isProduction}>{children}</CmsDevLayout>;
+ * }
+ * ```
+ */
+export declare function CmsDevLayout({ children, isProduction, }: PropsWithChildren<{
+    isProduction: boolean;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=CmsDevLayout.d.ts.map

package/dist/components/CmsDevLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsDevLayout.d.ts","sourceRoot":"","sources":["../../src/components/CmsDevLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,YAAY,GACb,EAAE,iBAAiB,CAAC;IAAE,YAAY,EAAE,OAAO,CAAA;CAAE,CAAC,+BAG9C"}

package/dist/components/CmsDevLayout.js

@@ -0,0 +1,26 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { notFound } from 'next/navigation';
+/**
+ * Layout wrapper for CMS developer tool routes (`/cms/*`).
+ *
+ * Blocks access in production by returning a 404. In non-production
+ * environments it renders its children unchanged.
+ *
+ * Pass the app's `isProduction` flag from `@/lib/config`:
+ * @example
+ * ```tsx
+ * // src/app/(cms-dev)/layout.tsx
+ * import { CmsDevLayout } from '@se-studio/core-ui';
+ * import { isProduction } from '@/lib/config';
+ *
+ * export default function Layout({ children }: { children: React.ReactNode }) {
+ *   return <CmsDevLayout isProduction={isProduction}>{children}</CmsDevLayout>;
+ * }
+ * ```
+ */
+export function CmsDevLayout({ children, isProduction, }) {
+    if (isProduction)
+        return notFound();
+    return _jsx(_Fragment, { children: children });
+}
+//# sourceMappingURL=CmsDevLayout.js.map

package/dist/components/CmsDevLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsDevLayout.js","sourceRoot":"","sources":["../../src/components/CmsDevLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,YAAY,GACiC;IAC7C,IAAI,YAAY;QAAE,OAAO,QAAQ,EAAE,CAAC;IACpC,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC"}

package/dist/components/CmsEmbeddedContent.d.ts

@@ -0,0 +1,10 @@
+import { type EmbeddedCollectionRenderer } from './CmsCollection';
+import { type EmbeddedComponentRenderer } from './CmsComponent';
+import { type EmbeddedExternalComponentRenderer } from './CmsExternalComponent';
+type EmbeddedContentRenderer = EmbeddedComponentRenderer | EmbeddedCollectionRenderer | EmbeddedExternalComponentRenderer;
+/**
+ * Single content item renderer that routes to the appropriate renderer based on type
+ */
+export declare const CmsEmbeddedContent: EmbeddedContentRenderer;
+export {};
+//# sourceMappingURL=CmsEmbeddedContent.d.ts.map

package/dist/components/CmsEmbeddedContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsEmbeddedContent.d.ts","sourceRoot":"","sources":["../../src/components/CmsEmbeddedContent.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACzF,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEtF,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,wBAAwB,CAAC;AAGhC,KAAK,uBAAuB,GACxB,yBAAyB,GACzB,0BAA0B,GAC1B,iCAAiC,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,uBA8GhC,CAAC"}