@delmaredigital/payload-puck 0.6.12 → 0.6.13

package/dist/editor/components/HeaderActions.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo, useCallback } from 'react';
 import { createUsePuck } from '@puckeditor/core';
-import { ArrowLeft, Save, ExternalLink, Loader2, Check, MousePointerClick, MousePointer, Upload, AlertTriangle, Eye, } from 'lucide-react';
+import { ArrowLeft, Save, ExternalLink, Loader2, Check, MousePointerClick, MousePointer, Upload, AlertTriangle, Eye } from 'lucide-react';
 import { VersionHistory } from './VersionHistory.js';
 import { PreviewModeToggle } from './PreviewModeToggle.js';
 import { VERSION } from '../../version.js';
@@ -19,55 +19,55 @@ const styles = {
         borderRadius: '6px',
         transition: 'background-color 0.15s, border-color 0.15s',
         cursor: 'pointer',
-        border: 'none',
+        border: 'none'
     },
     buttonSecondary: {
         padding: '6px 12px',
         backgroundColor: 'var(--theme-bg)',
         color: 'var(--theme-elevation-700)',
-        border: '1px solid var(--theme-elevation-200)',
+        border: '1px solid var(--theme-elevation-200)'
     },
     buttonPrimary: {
         padding: '6px 12px',
         backgroundColor: 'var(--theme-elevation-900)',
         color: 'var(--theme-bg)',
-        border: '1px solid var(--theme-elevation-900)',
+        border: '1px solid var(--theme-elevation-900)'
     },
     buttonDisabled: {
         opacity: 0.5,
-        cursor: 'not-allowed',
+        cursor: 'not-allowed'
     },
     icon: {
         width: '16px',
         height: '16px',
         marginRight: '4px',
-        flexShrink: 0,
+        flexShrink: 0
     },
     iconSmall: {
         width: '14px',
-        height: '14px',
+        height: '14px'
     },
     badge: {
         padding: '4px 10px',
         borderRadius: '9999px',
         fontSize: '12px',
         fontWeight: 500,
-        whiteSpace: 'nowrap',
+        whiteSpace: 'nowrap'
     },
     badgePublished: {
         backgroundColor: 'var(--theme-success-100)',
         color: 'var(--theme-success-700)',
-        border: '1px solid var(--theme-success-200)',
+        border: '1px solid var(--theme-success-200)'
     },
     badgeUnpublished: {
         backgroundColor: 'var(--theme-warning-100)',
         color: 'var(--theme-warning-700)',
-        border: '1px solid var(--theme-warning-200)',
+        border: '1px solid var(--theme-warning-200)'
     },
     badgeDraft: {
         backgroundColor: 'var(--theme-elevation-100)',
         color: 'var(--theme-elevation-600)',
-        border: '1px solid var(--theme-elevation-200)',
+        border: '1px solid var(--theme-elevation-200)'
     },
     statusText: {
         fontSize: '12px',
@@ -75,18 +75,18 @@ const styles = {
         display: 'flex',
         alignItems: 'center',
         gap: '4px',
-        whiteSpace: 'nowrap',
+        whiteSpace: 'nowrap'
     },
     unsavedText: {
         fontSize: '12px',
         color: 'var(--theme-warning-600)',
         fontWeight: 500,
-        whiteSpace: 'nowrap',
+        whiteSpace: 'nowrap'
     },
     versionText: {
         fontSize: '10px',
         color: 'var(--theme-elevation-400)',
-        fontFamily: 'monospace',
+        fontFamily: 'monospace'
     },
     linkButton: {
         background: 'none',
@@ -96,7 +96,7 @@ const styles = {
         color: 'var(--theme-elevation-500)',
         cursor: 'pointer',
         textDecoration: 'underline',
-        textUnderlineOffset: '2px',
+        textUnderlineOffset: '2px'
     },
     errorButton: {
         display: 'flex',
@@ -109,7 +109,7 @@ const styles = {
         color: 'var(--theme-error-700)',
         fontSize: '12px',
         fontWeight: 500,
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     modalOverlay: {
         position: 'fixed',
@@ -118,7 +118,7 @@ const styles = {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)'
     },
     modalContainer: {
         backgroundColor: 'var(--theme-bg)',
@@ -127,7 +127,7 @@ const styles = {
         maxWidth: '448px',
         width: '100%',
         margin: '0 16px',
-        overflow: 'hidden',
+        overflow: 'hidden'
     },
     modalHeader: {
         display: 'flex',
@@ -135,7 +135,7 @@ const styles = {
         gap: '12px',
         padding: '16px 20px',
         borderBottom: '1px solid var(--theme-elevation-150)',
-        backgroundColor: 'var(--theme-error-50)',
+        backgroundColor: 'var(--theme-error-50)'
     },
     modalIconWrapper: {
         flexShrink: 0,
@@ -145,37 +145,37 @@ const styles = {
         backgroundColor: 'var(--theme-error-100)',
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'center',
+        justifyContent: 'center'
     },
     modalTitle: {
         fontSize: '16px',
         fontWeight: 600,
         color: 'var(--theme-elevation-900)',
-        margin: 0,
+        margin: 0
     },
     modalSubtitle: {
         fontSize: '14px',
         color: 'var(--theme-elevation-500)',
-        margin: 0,
+        margin: 0
     },
     modalBody: {
-        padding: '16px 20px',
+        padding: '16px 20px'
     },
     modalBodyText: {
         fontSize: '14px',
         color: 'var(--theme-elevation-700)',
-        margin: 0,
+        margin: 0
     },
     modalFooter: {
         padding: '16px 20px',
         backgroundColor: 'var(--theme-elevation-50)',
         borderTop: '1px solid var(--theme-elevation-150)',
         display: 'flex',
-        justifyContent: 'flex-end',
+        justifyContent: 'flex-end'
     },
     toggleContainer: {
         display: 'flex',
-        gap: '4px',
+        gap: '4px'
     },
     toggleButton: {
         display: 'inline-flex',
@@ -186,84 +186,328 @@ const styles = {
         borderRadius: '4px',
         transition: 'background-color 0.15s',
         padding: '6px 10px',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     toggleActive: {
         backgroundColor: 'var(--theme-elevation-900)',
         color: 'var(--theme-bg)',
-        border: '1px solid var(--theme-elevation-900)',
+        border: '1px solid var(--theme-elevation-900)'
     },
     toggleInactive: {
         backgroundColor: 'var(--theme-elevation-100)',
         color: 'var(--theme-elevation-500)',
-        border: '1px solid var(--theme-elevation-200)',
-    },
+        border: '1px solid var(--theme-elevation-200)'
+    }
 };
 /**
  * Custom header actions component for the Puck editor
  *
  * Provides standard actions: Back, Edit/Interactive toggle, View Page, Save Draft
  * Also displays save status and last saved time.
- */
-export const HeaderActions = memo(function HeaderActions({ children, onBack, onPreview, onSave, onPublish, onUnpublish, isSaving, hasUnsavedChanges, lastSaved, documentStatus, wasPublished, actionsStart, actionsEnd, showSaveDraft = true, showViewPage = true, showInteractiveToggle = false, showPreviewButton = true, onOpenPreview, showVersionHistory = true, pageId, apiEndpoint = '/api/puck/pages', saveError, onDismissError, showPreviewDarkModeToggle = false, previewDarkMode = false, onPreviewDarkModeChange, }) {
-    const appState = usePuck((s) => s.appState);
-    const dispatch = usePuck((s) => s.dispatch);
+ */ export const HeaderActions = /*#__PURE__*/ memo(function HeaderActions({ children, onBack, onPreview, onSave, onPublish, onUnpublish, isSaving, hasUnsavedChanges, lastSaved, documentStatus, wasPublished, actionsStart, actionsEnd, showSaveDraft = true, showViewPage = true, showInteractiveToggle = false, showPreviewButton = true, onOpenPreview, showVersionHistory = true, pageId, apiEndpoint = '/api/puck/pages', saveError, onDismissError, showPreviewDarkModeToggle = false, previewDarkMode = false, onPreviewDarkModeChange }) {
+    const appState = usePuck((s)=>s.appState);
+    const dispatch = usePuck((s)=>s.dispatch);
     const isInteractive = appState.ui.previewMode === 'interactive';
-    const togglePreviewMode = useCallback(() => {
+    const togglePreviewMode = useCallback(()=>{
         dispatch({
             type: 'setUi',
             ui: {
-                previewMode: isInteractive ? 'edit' : 'interactive',
-            },
+                previewMode: isInteractive ? 'edit' : 'interactive'
+            }
         });
-    }, [dispatch, isInteractive]);
-    const handleSaveClick = useCallback(() => {
+    }, [
+        dispatch,
+        isInteractive
+    ]);
+    const handleSaveClick = useCallback(()=>{
         onSave(appState.data);
-    }, [onSave, appState.data]);
-    const handlePublishClick = useCallback(() => {
+    }, [
+        onSave,
+        appState.data
+    ]);
+    const handlePublishClick = useCallback(()=>{
         if (onPublish) {
             onPublish(appState.data);
         }
-    }, [onPublish, appState.data]);
-    return (_jsxs(_Fragment, { children: [actionsStart, _jsxs("button", { type: "button", onClick: onBack, style: { ...styles.buttonBase, ...styles.buttonSecondary }, children: [_jsx(ArrowLeft, { style: styles.icon }), "Back"] }), _jsxs("span", { style: styles.versionText, children: ["v", VERSION] }), documentStatus && (() => {
+    }, [
+        onPublish,
+        appState.data
+    ]);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            actionsStart,
+            /*#__PURE__*/ _jsxs("button", {
+                type: "button",
+                onClick: onBack,
+                style: {
+                    ...styles.buttonBase,
+                    ...styles.buttonSecondary
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(ArrowLeft, {
+                        style: styles.icon
+                    }),
+                    "Back"
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("span", {
+                style: styles.versionText,
+                children: [
+                    "v",
+                    VERSION
+                ]
+            }),
+            documentStatus && (()=>{
                 const isPublished = documentStatus === 'published';
                 const hasUnpublishedChanges = documentStatus === 'draft' && wasPublished;
                 let badgeLabel;
                 let badgeStyle;
                 if (isPublished) {
                     badgeLabel = 'Published';
-                    badgeStyle = { ...styles.badge, ...styles.badgePublished };
-                }
-                else if (hasUnpublishedChanges) {
+                    badgeStyle = {
+                        ...styles.badge,
+                        ...styles.badgePublished
+                    };
+                } else if (hasUnpublishedChanges) {
                     badgeLabel = 'Unpublished Changes';
-                    badgeStyle = { ...styles.badge, ...styles.badgeUnpublished };
-                }
-                else {
+                    badgeStyle = {
+                        ...styles.badge,
+                        ...styles.badgeUnpublished
+                    };
+                } else {
                     badgeLabel = 'Draft';
-                    badgeStyle = { ...styles.badge, ...styles.badgeDraft };
+                    badgeStyle = {
+                        ...styles.badge,
+                        ...styles.badgeDraft
+                    };
                 }
-                return _jsx("span", { style: badgeStyle, children: badgeLabel });
-            })(), showInteractiveToggle && (_jsxs("div", { style: styles.toggleContainer, children: [_jsxs("button", { type: "button", onClick: () => isInteractive && togglePreviewMode(), style: {
+                return /*#__PURE__*/ _jsx("span", {
+                    style: badgeStyle,
+                    children: badgeLabel
+                });
+            })(),
+            showInteractiveToggle && /*#__PURE__*/ _jsxs("div", {
+                style: styles.toggleContainer,
+                children: [
+                    /*#__PURE__*/ _jsxs("button", {
+                        type: "button",
+                        onClick: ()=>isInteractive && togglePreviewMode(),
+                        style: {
                             ...styles.toggleButton,
-                            ...(!isInteractive ? styles.toggleActive : styles.toggleInactive),
-                        }, children: [_jsx(MousePointer, { style: styles.iconSmall }), "Edit"] }), _jsxs("button", { type: "button", onClick: () => !isInteractive && togglePreviewMode(), style: {
+                            ...!isInteractive ? styles.toggleActive : styles.toggleInactive
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(MousePointer, {
+                                style: styles.iconSmall
+                            }),
+                            "Edit"
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("button", {
+                        type: "button",
+                        onClick: ()=>!isInteractive && togglePreviewMode(),
+                        style: {
                             ...styles.toggleButton,
-                            ...(isInteractive ? styles.toggleActive : styles.toggleInactive),
-                        }, children: [_jsx(MousePointerClick, { style: styles.iconSmall }), "Interactive"] })] })), showPreviewDarkModeToggle && onPreviewDarkModeChange && (_jsx(PreviewModeToggle, { isDarkMode: previewDarkMode, onToggle: onPreviewDarkModeChange, disabled: isSaving })), lastSaved && !saveError && (_jsxs("span", { style: styles.statusText, children: [_jsx(Check, { style: { width: '12px', height: '12px', flexShrink: 0 } }), "Saved ", lastSaved.toLocaleTimeString()] })), hasUnsavedChanges && !saveError && (_jsx("span", { style: styles.unsavedText, children: "Unsaved" })), saveError && (_jsxs("button", { type: "button", onClick: () => { }, style: styles.errorButton, children: [_jsx(AlertTriangle, { style: { width: '16px', height: '16px', color: 'var(--theme-error-500)', flexShrink: 0 } }), "Error"] })), saveError && (_jsx("div", { style: styles.modalOverlay, onClick: onDismissError, children: _jsxs("div", { style: styles.modalContainer, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: styles.modalHeader, children: [_jsx("div", { style: styles.modalIconWrapper, children: _jsx(AlertTriangle, { style: { width: '20px', height: '20px', color: 'var(--theme-error-600)' } }) }), _jsxs("div", { children: [_jsx("h3", { style: styles.modalTitle, children: "Save Failed" }), _jsx("p", { style: styles.modalSubtitle, children: "Unable to save your changes" })] })] }), _jsx("div", { style: styles.modalBody, children: _jsx("p", { style: styles.modalBodyText, children: saveError }) }), _jsx("div", { style: styles.modalFooter, children: _jsx("button", { type: "button", onClick: onDismissError, style: { ...styles.buttonBase, ...styles.buttonPrimary }, children: "Close" }) })] }) })), showPreviewButton && onOpenPreview && (_jsxs("button", { type: "button", onClick: onOpenPreview, disabled: isSaving, style: {
+                            ...isInteractive ? styles.toggleActive : styles.toggleInactive
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(MousePointerClick, {
+                                style: styles.iconSmall
+                            }),
+                            "Interactive"
+                        ]
+                    })
+                ]
+            }),
+            showPreviewDarkModeToggle && onPreviewDarkModeChange && /*#__PURE__*/ _jsx(PreviewModeToggle, {
+                isDarkMode: previewDarkMode,
+                onToggle: onPreviewDarkModeChange,
+                disabled: isSaving
+            }),
+            lastSaved && !saveError && /*#__PURE__*/ _jsxs("span", {
+                style: styles.statusText,
+                children: [
+                    /*#__PURE__*/ _jsx(Check, {
+                        style: {
+                            width: '12px',
+                            height: '12px',
+                            flexShrink: 0
+                        }
+                    }),
+                    "Saved ",
+                    lastSaved.toLocaleTimeString()
+                ]
+            }),
+            hasUnsavedChanges && !saveError && /*#__PURE__*/ _jsx("span", {
+                style: styles.unsavedText,
+                children: "Unsaved"
+            }),
+            saveError && /*#__PURE__*/ _jsxs("button", {
+                type: "button",
+                onClick: ()=>{},
+                style: styles.errorButton,
+                children: [
+                    /*#__PURE__*/ _jsx(AlertTriangle, {
+                        style: {
+                            width: '16px',
+                            height: '16px',
+                            color: 'var(--theme-error-500)',
+                            flexShrink: 0
+                        }
+                    }),
+                    "Error"
+                ]
+            }),
+            saveError && /*#__PURE__*/ _jsx("div", {
+                style: styles.modalOverlay,
+                onClick: onDismissError,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    style: styles.modalContainer,
+                    onClick: (e)=>e.stopPropagation(),
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: styles.modalHeader,
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    style: styles.modalIconWrapper,
+                                    children: /*#__PURE__*/ _jsx(AlertTriangle, {
+                                        style: {
+                                            width: '20px',
+                                            height: '20px',
+                                            color: 'var(--theme-error-600)'
+                                        }
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    children: [
+                                        /*#__PURE__*/ _jsx("h3", {
+                                            style: styles.modalTitle,
+                                            children: "Save Failed"
+                                        }),
+                                        /*#__PURE__*/ _jsx("p", {
+                                            style: styles.modalSubtitle,
+                                            children: "Unable to save your changes"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            style: styles.modalBody,
+                            children: /*#__PURE__*/ _jsx("p", {
+                                style: styles.modalBodyText,
+                                children: saveError
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            style: styles.modalFooter,
+                            children: /*#__PURE__*/ _jsx("button", {
+                                type: "button",
+                                onClick: onDismissError,
+                                style: {
+                                    ...styles.buttonBase,
+                                    ...styles.buttonPrimary
+                                },
+                                children: "Close"
+                            })
+                        })
+                    ]
+                })
+            }),
+            showPreviewButton && onOpenPreview && /*#__PURE__*/ _jsxs("button", {
+                type: "button",
+                onClick: onOpenPreview,
+                disabled: isSaving,
+                style: {
                     ...styles.buttonBase,
                     ...styles.buttonPrimary,
-                    ...(isSaving ? styles.buttonDisabled : {}),
-                }, children: [_jsx(Eye, { style: styles.icon }), "Preview"] })), showViewPage && (_jsxs("button", { type: "button", onClick: onPreview, style: { ...styles.buttonBase, ...styles.buttonSecondary }, children: [_jsx(ExternalLink, { style: styles.icon }), "View"] })), showVersionHistory && pageId && (_jsx(VersionHistory, { pageId: pageId, apiEndpoint: apiEndpoint, disabled: isSaving })), showSaveDraft && (_jsxs("button", { type: "button", onClick: handleSaveClick, disabled: isSaving || !hasUnsavedChanges, style: {
+                    ...isSaving ? styles.buttonDisabled : {}
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Eye, {
+                        style: styles.icon
+                    }),
+                    "Preview"
+                ]
+            }),
+            showViewPage && /*#__PURE__*/ _jsxs("button", {
+                type: "button",
+                onClick: onPreview,
+                style: {
+                    ...styles.buttonBase,
+                    ...styles.buttonSecondary
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(ExternalLink, {
+                        style: styles.icon
+                    }),
+                    "View"
+                ]
+            }),
+            showVersionHistory && pageId && /*#__PURE__*/ _jsx(VersionHistory, {
+                pageId: pageId,
+                apiEndpoint: apiEndpoint,
+                disabled: isSaving
+            }),
+            showSaveDraft && /*#__PURE__*/ _jsxs("button", {
+                type: "button",
+                onClick: handleSaveClick,
+                disabled: isSaving || !hasUnsavedChanges,
+                style: {
                     ...styles.buttonBase,
                     ...styles.buttonSecondary,
-                    ...((isSaving || !hasUnsavedChanges) ? styles.buttonDisabled : {}),
-                }, children: [isSaving ? (_jsx(Loader2, { style: { ...styles.icon, animation: 'spin 1s linear infinite' } })) : (_jsx(Save, { style: styles.icon })), "Save"] })), onPublish && (_jsxs("button", { type: "button", onClick: handlePublishClick, disabled: isSaving, style: {
+                    ...isSaving || !hasUnsavedChanges ? styles.buttonDisabled : {}
+                },
+                children: [
+                    isSaving ? /*#__PURE__*/ _jsx(Loader2, {
+                        style: {
+                            ...styles.icon,
+                            animation: 'spin 1s linear infinite'
+                        }
+                    }) : /*#__PURE__*/ _jsx(Save, {
+                        style: styles.icon
+                    }),
+                    "Save"
+                ]
+            }),
+            onPublish && /*#__PURE__*/ _jsxs("button", {
+                type: "button",
+                onClick: handlePublishClick,
+                disabled: isSaving,
+                style: {
                     ...styles.buttonBase,
                     ...styles.buttonPrimary,
-                    ...(isSaving ? styles.buttonDisabled : {}),
-                }, children: [isSaving ? (_jsx(Loader2, { style: { ...styles.icon, animation: 'spin 1s linear infinite' } })) : (_jsx(Upload, { style: styles.icon })), "Publish"] })), onUnpublish && documentStatus === 'published' && (_jsx("button", { type: "button", onClick: onUnpublish, disabled: isSaving, style: {
+                    ...isSaving ? styles.buttonDisabled : {}
+                },
+                children: [
+                    isSaving ? /*#__PURE__*/ _jsx(Loader2, {
+                        style: {
+                            ...styles.icon,
+                            animation: 'spin 1s linear infinite'
+                        }
+                    }) : /*#__PURE__*/ _jsx(Upload, {
+                        style: styles.icon
+                    }),
+                    "Publish"
+                ]
+            }),
+            onUnpublish && documentStatus === 'published' && /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                onClick: onUnpublish,
+                disabled: isSaving,
+                style: {
                     ...styles.linkButton,
-                    ...(isSaving ? { opacity: 0.5, cursor: 'not-allowed' } : {}),
-                }, children: "Unpublish" })), actionsEnd, !onPublish && children] }));
+                    ...isSaving ? {
+                        opacity: 0.5,
+                        cursor: 'not-allowed'
+                    } : {}
+                },
+                children: "Unpublish"
+            }),
+            actionsEnd,
+            !onPublish && children
+        ]
+    });
 });
+
 //# sourceMappingURL=HeaderActions.js.map

package/dist/editor/components/HeaderActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderActions.js","sourceRoot":"","sources":["../../../src/editor/components/HeaderActions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/editor/components/HeaderActions.tsx"],"sourcesContent":["'use client'\n\nimport { memo, useCallback, type ReactNode, type CSSProperties } from 'react'\nimport { createUsePuck, type Data } from '@puckeditor/core'\nimport {\n  ArrowLeft,\n  Save,\n  ExternalLink,\n  Loader2,\n  Check,\n  MousePointerClick,\n  MousePointer,\n  Upload,\n  X,\n  AlertTriangle,\n  Eye,\n} from 'lucide-react'\nimport { VersionHistory } from './VersionHistory.js'\nimport { PreviewModeToggle } from './PreviewModeToggle.js'\nimport { VERSION } from '../../version.js'\n\n// Create usePuck hook for accessing editor state\nconst usePuck = createUsePuck()\n\nexport interface HeaderActionsProps {\n  /**\n   * Default Puck header actions (undo/redo, publish button)\n   */\n  children: ReactNode\n  /**\n   * Handler for back button click\n   */\n  onBack: () => void\n  /**\n   * Handler for preview button click\n   */\n  onPreview: () => void\n  /**\n   * Handler for save button click\n   */\n  onSave: (data: Data) => void\n  /**\n   * Handler for publish button click (optional, uses default Puck publish if not provided)\n   */\n  onPublish?: (data: Data) => void\n  /**\n   * Handler for unpublish button click (reverts to draft)\n   */\n  onUnpublish?: () => void\n  /**\n   * Whether a save operation is in progress\n   */\n  isSaving: boolean\n  /**\n   * Whether there are unsaved changes\n   */\n  hasUnsavedChanges: boolean\n  /**\n   * Last saved timestamp\n   */\n  lastSaved: Date | null\n  /**\n   * Document status from Payload (_status field)\n   * Shows visual indicator for draft vs published\n   */\n  documentStatus?: 'draft' | 'published'\n  /**\n   * Whether the document has ever been published (initially or during this session)\n   * Used to show \"Unpublished Changes\" vs \"Draft\" badge\n   */\n  wasPublished?: boolean\n  /**\n   * Custom actions to render at the start of the header\n   */\n  actionsStart?: ReactNode\n  /**\n   * Custom actions to render at the end of the header (before publish)\n   */\n  actionsEnd?: ReactNode\n  /**\n   * Whether to show the save draft button\n   * @default true\n   */\n  showSaveDraft?: boolean\n  /**\n   * Whether to show the view page button\n   * @default true\n   */\n  showViewPage?: boolean\n  /**\n   * Whether to show the interactive mode toggle\n   * @default false\n   * @deprecated Use the Preview button instead\n   */\n  showInteractiveToggle?: boolean\n  /**\n   * Whether to show the preview button\n   * @default true\n   */\n  showPreviewButton?: boolean\n  /**\n   * Handler for opening the preview modal\n   */\n  onOpenPreview?: () => void\n  /**\n   * Whether to show the version history button in the header\n   * @default true\n   * @deprecated Version history has moved to the plugin rail. This prop will be removed in a future version.\n   */\n  showVersionHistory?: boolean\n  /**\n   * Page ID for version history (required if showVersionHistory is true)\n   */\n  pageId?: string\n  /**\n   * API endpoint base path for version history\n   * @default '/api/puck/pages'\n   */\n  apiEndpoint?: string\n  /**\n   * Error message to display (e.g., validation errors)\n   */\n  saveError?: string | null\n  /**\n   * Handler to dismiss the error message\n   */\n  onDismissError?: () => void\n\n  // Preview dark mode toggle props\n\n  /**\n   * Whether to show the preview dark mode toggle\n   * @default false\n   */\n  showPreviewDarkModeToggle?: boolean\n  /**\n   * Current state of preview dark mode\n   */\n  previewDarkMode?: boolean\n  /**\n   * Handler for toggling preview dark mode\n   */\n  onPreviewDarkModeChange?: (isDarkMode: boolean) => void\n}\n\n// Shared styles\nconst styles = {\n  buttonBase: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n    fontSize: '14px',\n    fontWeight: 500,\n    borderRadius: '6px',\n    transition: 'background-color 0.15s, border-color 0.15s',\n    cursor: 'pointer',\n    border: 'none',\n  } as CSSProperties,\n  buttonSecondary: {\n    padding: '6px 12px',\n    backgroundColor: 'var(--theme-bg)',\n    color: 'var(--theme-elevation-700)',\n    border: '1px solid var(--theme-elevation-200)',\n  } as CSSProperties,\n  buttonPrimary: {\n    padding: '6px 12px',\n    backgroundColor: 'var(--theme-elevation-900)',\n    color: 'var(--theme-bg)',\n    border: '1px solid var(--theme-elevation-900)',\n  } as CSSProperties,\n  buttonDisabled: {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  } as CSSProperties,\n  icon: {\n    width: '16px',\n    height: '16px',\n    marginRight: '4px',\n    flexShrink: 0,\n  } as CSSProperties,\n  iconSmall: {\n    width: '14px',\n    height: '14px',\n  } as CSSProperties,\n  badge: {\n    padding: '4px 10px',\n    borderRadius: '9999px',\n    fontSize: '12px',\n    fontWeight: 500,\n    whiteSpace: 'nowrap',\n  } as CSSProperties,\n  badgePublished: {\n    backgroundColor: 'var(--theme-success-100)',\n    color: 'var(--theme-success-700)',\n    border: '1px solid var(--theme-success-200)',\n  } as CSSProperties,\n  badgeUnpublished: {\n    backgroundColor: 'var(--theme-warning-100)',\n    color: 'var(--theme-warning-700)',\n    border: '1px solid var(--theme-warning-200)',\n  } as CSSProperties,\n  badgeDraft: {\n    backgroundColor: 'var(--theme-elevation-100)',\n    color: 'var(--theme-elevation-600)',\n    border: '1px solid var(--theme-elevation-200)',\n  } as CSSProperties,\n  statusText: {\n    fontSize: '12px',\n    color: 'var(--theme-elevation-500)',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '4px',\n    whiteSpace: 'nowrap',\n  } as CSSProperties,\n  unsavedText: {\n    fontSize: '12px',\n    color: 'var(--theme-warning-600)',\n    fontWeight: 500,\n    whiteSpace: 'nowrap',\n  } as CSSProperties,\n  versionText: {\n    fontSize: '10px',\n    color: 'var(--theme-elevation-400)',\n    fontFamily: 'monospace',\n  } as CSSProperties,\n  linkButton: {\n    background: 'none',\n    border: 'none',\n    padding: '4px 8px',\n    fontSize: '12px',\n    color: 'var(--theme-elevation-500)',\n    cursor: 'pointer',\n    textDecoration: 'underline',\n    textUnderlineOffset: '2px',\n  } as CSSProperties,\n  errorButton: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '6px',\n    padding: '6px 10px',\n    backgroundColor: 'var(--theme-error-50)',\n    border: '1px solid var(--theme-error-200)',\n    borderRadius: '6px',\n    color: 'var(--theme-error-700)',\n    fontSize: '12px',\n    fontWeight: 500,\n    cursor: 'pointer',\n  } as CSSProperties,\n  modalOverlay: {\n    position: 'fixed',\n    inset: 0,\n    zIndex: 9999,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  } as CSSProperties,\n  modalContainer: {\n    backgroundColor: 'var(--theme-bg)',\n    borderRadius: '8px',\n    boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',\n    maxWidth: '448px',\n    width: '100%',\n    margin: '0 16px',\n    overflow: 'hidden',\n  } as CSSProperties,\n  modalHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '12px',\n    padding: '16px 20px',\n    borderBottom: '1px solid var(--theme-elevation-150)',\n    backgroundColor: 'var(--theme-error-50)',\n  } as CSSProperties,\n  modalIconWrapper: {\n    flexShrink: 0,\n    width: '40px',\n    height: '40px',\n    borderRadius: '50%',\n    backgroundColor: 'var(--theme-error-100)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  } as CSSProperties,\n  modalTitle: {\n    fontSize: '16px',\n    fontWeight: 600,\n    color: 'var(--theme-elevation-900)',\n    margin: 0,\n  } as CSSProperties,\n  modalSubtitle: {\n    fontSize: '14px',\n    color: 'var(--theme-elevation-500)',\n    margin: 0,\n  } as CSSProperties,\n  modalBody: {\n    padding: '16px 20px',\n  } as CSSProperties,\n  modalBodyText: {\n    fontSize: '14px',\n    color: 'var(--theme-elevation-700)',\n    margin: 0,\n  } as CSSProperties,\n  modalFooter: {\n    padding: '16px 20px',\n    backgroundColor: 'var(--theme-elevation-50)',\n    borderTop: '1px solid var(--theme-elevation-150)',\n    display: 'flex',\n    justifyContent: 'flex-end',\n  } as CSSProperties,\n  toggleContainer: {\n    display: 'flex',\n    gap: '4px',\n  } as CSSProperties,\n  toggleButton: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '4px',\n    fontSize: '12px',\n    fontWeight: 500,\n    borderRadius: '4px',\n    transition: 'background-color 0.15s',\n    padding: '6px 10px',\n    cursor: 'pointer',\n  } as CSSProperties,\n  toggleActive: {\n    backgroundColor: 'var(--theme-elevation-900)',\n    color: 'var(--theme-bg)',\n    border: '1px solid var(--theme-elevation-900)',\n  } as CSSProperties,\n  toggleInactive: {\n    backgroundColor: 'var(--theme-elevation-100)',\n    color: 'var(--theme-elevation-500)',\n    border: '1px solid var(--theme-elevation-200)',\n  } as CSSProperties,\n}\n\n/**\n * Custom header actions component for the Puck editor\n *\n * Provides standard actions: Back, Edit/Interactive toggle, View Page, Save Draft\n * Also displays save status and last saved time.\n */\nexport const HeaderActions = memo(function HeaderActions({\n  children,\n  onBack,\n  onPreview,\n  onSave,\n  onPublish,\n  onUnpublish,\n  isSaving,\n  hasUnsavedChanges,\n  lastSaved,\n  documentStatus,\n  wasPublished,\n  actionsStart,\n  actionsEnd,\n  showSaveDraft = true,\n  showViewPage = true,\n  showInteractiveToggle = false,\n  showPreviewButton = true,\n  onOpenPreview,\n  showVersionHistory = true,\n  pageId,\n  apiEndpoint = '/api/puck/pages',\n  saveError,\n  onDismissError,\n  showPreviewDarkModeToggle = false,\n  previewDarkMode = false,\n  onPreviewDarkModeChange,\n}: HeaderActionsProps) {\n  const appState = usePuck((s) => s.appState)\n  const dispatch = usePuck((s) => s.dispatch)\n\n  const isInteractive = appState.ui.previewMode === 'interactive'\n\n  const togglePreviewMode = useCallback(() => {\n    dispatch({\n      type: 'setUi',\n      ui: {\n        previewMode: isInteractive ? 'edit' : 'interactive',\n      },\n    })\n  }, [dispatch, isInteractive])\n\n  const handleSaveClick = useCallback(() => {\n    onSave(appState.data)\n  }, [onSave, appState.data])\n\n  const handlePublishClick = useCallback(() => {\n    if (onPublish) {\n      onPublish(appState.data)\n    }\n  }, [onPublish, appState.data])\n\n  return (\n    <>\n      {/* Custom actions at start */}\n      {actionsStart}\n\n      {/* Back button */}\n      <button\n        type=\"button\"\n        onClick={onBack}\n        style={{ ...styles.buttonBase, ...styles.buttonSecondary }}\n      >\n        <ArrowLeft style={styles.icon} />\n        Back\n      </button>\n\n      {/* Version indicator for debugging */}\n      <span style={styles.versionText}>v{VERSION}</span>\n\n      {/* Document status badge */}\n      {documentStatus && (() => {\n        const isPublished = documentStatus === 'published'\n        const hasUnpublishedChanges = documentStatus === 'draft' && wasPublished\n\n        let badgeLabel: string\n        let badgeStyle: CSSProperties\n\n        if (isPublished) {\n          badgeLabel = 'Published'\n          badgeStyle = { ...styles.badge, ...styles.badgePublished }\n        } else if (hasUnpublishedChanges) {\n          badgeLabel = 'Unpublished Changes'\n          badgeStyle = { ...styles.badge, ...styles.badgeUnpublished }\n        } else {\n          badgeLabel = 'Draft'\n          badgeStyle = { ...styles.badge, ...styles.badgeDraft }\n        }\n\n        return <span style={badgeStyle}>{badgeLabel}</span>\n      })()}\n\n      {/* Interactive mode toggle */}\n      {showInteractiveToggle && (\n        <div style={styles.toggleContainer}>\n          <button\n            type=\"button\"\n            onClick={() => isInteractive && togglePreviewMode()}\n            style={{\n              ...styles.toggleButton,\n              ...(!isInteractive ? styles.toggleActive : styles.toggleInactive),\n            }}\n          >\n            <MousePointer style={styles.iconSmall} />\n            Edit\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => !isInteractive && togglePreviewMode()}\n            style={{\n              ...styles.toggleButton,\n              ...(isInteractive ? styles.toggleActive : styles.toggleInactive),\n            }}\n          >\n            <MousePointerClick style={styles.iconSmall} />\n            Interactive\n          </button>\n        </div>\n      )}\n\n      {/* Preview dark mode toggle */}\n      {showPreviewDarkModeToggle && onPreviewDarkModeChange && (\n        <PreviewModeToggle\n          isDarkMode={previewDarkMode}\n          onToggle={onPreviewDarkModeChange}\n          disabled={isSaving}\n        />\n      )}\n\n      {/* Status indicators */}\n      {lastSaved && !saveError && (\n        <span style={styles.statusText}>\n          <Check style={{ width: '12px', height: '12px', flexShrink: 0 }} />\n          Saved {lastSaved.toLocaleTimeString()}\n        </span>\n      )}\n      {hasUnsavedChanges && !saveError && (\n        <span style={styles.unsavedText}>Unsaved</span>\n      )}\n\n      {/* Error indicator in header - clicking opens modal */}\n      {saveError && (\n        <button\n          type=\"button\"\n          onClick={() => {}}\n          style={styles.errorButton}\n        >\n          <AlertTriangle style={{ width: '16px', height: '16px', color: 'var(--theme-error-500)', flexShrink: 0 }} />\n          Error\n        </button>\n      )}\n\n      {/* Error Modal */}\n      {saveError && (\n        <div\n          style={styles.modalOverlay}\n          onClick={onDismissError}\n        >\n          <div\n            style={styles.modalContainer}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {/* Modal Header */}\n            <div style={styles.modalHeader}>\n              <div style={styles.modalIconWrapper}>\n                <AlertTriangle style={{ width: '20px', height: '20px', color: 'var(--theme-error-600)' }} />\n              </div>\n              <div>\n                <h3 style={styles.modalTitle}>Save Failed</h3>\n                <p style={styles.modalSubtitle}>Unable to save your changes</p>\n              </div>\n            </div>\n\n            {/* Modal Body */}\n            <div style={styles.modalBody}>\n              <p style={styles.modalBodyText}>{saveError}</p>\n            </div>\n\n            {/* Modal Footer */}\n            <div style={styles.modalFooter}>\n              <button\n                type=\"button\"\n                onClick={onDismissError}\n                style={{ ...styles.buttonBase, ...styles.buttonPrimary }}\n              >\n                Close\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Preview modal button */}\n      {showPreviewButton && onOpenPreview && (\n        <button\n          type=\"button\"\n          onClick={onOpenPreview}\n          disabled={isSaving}\n          style={{\n            ...styles.buttonBase,\n            ...styles.buttonPrimary,\n            ...(isSaving ? styles.buttonDisabled : {}),\n          }}\n        >\n          <Eye style={styles.icon} />\n          Preview\n        </button>\n      )}\n\n      {/* View published page in new tab */}\n      {showViewPage && (\n        <button\n          type=\"button\"\n          onClick={onPreview}\n          style={{ ...styles.buttonBase, ...styles.buttonSecondary }}\n        >\n          <ExternalLink style={styles.icon} />\n          View\n        </button>\n      )}\n\n      {/* Version History */}\n      {showVersionHistory && pageId && (\n        <VersionHistory\n          pageId={pageId}\n          apiEndpoint={apiEndpoint}\n          disabled={isSaving}\n        />\n      )}\n\n      {/* Save Draft button */}\n      {showSaveDraft && (\n        <button\n          type=\"button\"\n          onClick={handleSaveClick}\n          disabled={isSaving || !hasUnsavedChanges}\n          style={{\n            ...styles.buttonBase,\n            ...styles.buttonSecondary,\n            ...((isSaving || !hasUnsavedChanges) ? styles.buttonDisabled : {}),\n          }}\n        >\n          {isSaving ? (\n            <Loader2 style={{ ...styles.icon, animation: 'spin 1s linear infinite' }} />\n          ) : (\n            <Save style={styles.icon} />\n          )}\n          Save\n        </button>\n      )}\n\n      {/* Custom publish button if handler provided */}\n      {onPublish && (\n        <button\n          type=\"button\"\n          onClick={handlePublishClick}\n          disabled={isSaving}\n          style={{\n            ...styles.buttonBase,\n            ...styles.buttonPrimary,\n            ...(isSaving ? styles.buttonDisabled : {}),\n          }}\n        >\n          {isSaving ? (\n            <Loader2 style={{ ...styles.icon, animation: 'spin 1s linear infinite' }} />\n          ) : (\n            <Upload style={styles.icon} />\n          )}\n          Publish\n        </button>\n      )}\n\n      {/* Unpublish link (only shown when document is published) */}\n      {onUnpublish && documentStatus === 'published' && (\n        <button\n          type=\"button\"\n          onClick={onUnpublish}\n          disabled={isSaving}\n          style={{\n            ...styles.linkButton,\n            ...(isSaving ? { opacity: 0.5, cursor: 'not-allowed' } : {}),\n          }}\n        >\n          Unpublish\n        </button>\n      )}\n\n      {/* Custom actions at end */}\n      {actionsEnd}\n\n      {/* Default Puck actions (undo/redo, publish button if no custom handler) */}\n      {!onPublish && children}\n    </>\n  )\n})\n"],"names":["memo","useCallback","createUsePuck","ArrowLeft","Save","ExternalLink","Loader2","Check","MousePointerClick","MousePointer","Upload","AlertTriangle","Eye","VersionHistory","PreviewModeToggle","VERSION","usePuck","styles","buttonBase","display","alignItems","whiteSpace","fontSize","fontWeight","borderRadius","transition","cursor","border","buttonSecondary","padding","backgroundColor","color","buttonPrimary","buttonDisabled","opacity","icon","width","height","marginRight","flexShrink","iconSmall","badge","badgePublished","badgeUnpublished","badgeDraft","statusText","gap","unsavedText","versionText","fontFamily","linkButton","background","textDecoration","textUnderlineOffset","errorButton","modalOverlay","position","inset","zIndex","justifyContent","modalContainer","boxShadow","maxWidth","margin","overflow","modalHeader","borderBottom","modalIconWrapper","modalTitle","modalSubtitle","modalBody","modalBodyText","modalFooter","borderTop","toggleContainer","toggleButton","toggleActive","toggleInactive","HeaderActions","children","onBack","onPreview","onSave","onPublish","onUnpublish","isSaving","hasUnsavedChanges","lastSaved","documentStatus","wasPublished","actionsStart","actionsEnd","showSaveDraft","showViewPage","showInteractiveToggle","showPreviewButton","onOpenPreview","showVersionHistory","pageId","apiEndpoint","saveError","onDismissError","showPreviewDarkModeToggle","previewDarkMode","onPreviewDarkModeChange","appState","s","dispatch","isInteractive","ui","previewMode","togglePreviewMode","type","handleSaveClick","data","handlePublishClick","button","onClick","style","span","isPublished","hasUnpublishedChanges","badgeLabel","badgeStyle","div","isDarkMode","onToggle","disabled","toLocaleTimeString","e","stopPropagation","h3","p","animation"],"mappings":"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"}

package/dist/editor/components/IframeWrapper.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode, type ComponentType } from 'react';
-import type { LayoutDefinition } from '../../layouts';
+import type { LayoutDefinition } from '../../layouts/index.js';
 /**
  * Context for preview dark mode state.
  * - `null` = not inside the editor (use DOM-based theme detection)