@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/editor/components/PreviewModal.js

@@ -5,26 +5,31 @@ import { useState, useCallback, memo, useEffect, useMemo } from 'react';
  * Editor-only props that should be stripped from data before preview rendering.
  * These props are used for editor/panel synchronization and shouldn't affect
  * how content renders in the preview.
- */
-const EDITOR_ONLY_PROPS = ['editorPreviewFilter'];
+ */ const EDITOR_ONLY_PROPS = [
+    'editorPreviewFilter'
+];
 /**
  * Removes editor-only props from Puck data content items.
  * This ensures the preview renders as it would on the frontend,
  * without editor-specific state interfering.
- */
-function stripEditorOnlyProps(data) {
+ */ function stripEditorOnlyProps(data) {
     return {
         ...data,
-        content: data.content.map((item) => {
-            const cleanedProps = { ...item.props };
-            for (const prop of EDITOR_ONLY_PROPS) {
+        content: data.content.map((item)=>{
+            const cleanedProps = {
+                ...item.props
+            };
+            for (const prop of EDITOR_ONLY_PROPS){
                 delete cleanedProps[prop];
             }
-            return { ...item, props: cleanedProps };
-        }),
+            return {
+                ...item,
+                props: cleanedProps
+            };
+        })
     };
 }
-import { X, ExternalLink, AlertTriangle, } from 'lucide-react';
+import { X, ExternalLink, AlertTriangle } from 'lucide-react';
 import { PageRenderer } from '../../render/PageRenderer.js';
 // Styles
 const styles = {
@@ -32,7 +37,7 @@ const styles = {
         position: 'fixed',
         inset: 0,
         zIndex: 9990,
-        backgroundColor: 'var(--theme-bg)',
+        backgroundColor: 'var(--theme-bg)'
     },
     controlPanel: {
         position: 'fixed',
@@ -43,7 +48,7 @@ const styles = {
         display: 'flex',
         flexDirection: 'column',
         gap: '8px',
-        alignItems: 'flex-end',
+        alignItems: 'flex-end'
     },
     controlCard: {
         backgroundColor: 'var(--theme-bg)',
@@ -53,7 +58,7 @@ const styles = {
         padding: '8px',
         display: 'flex',
         flexDirection: 'column',
-        gap: '4px',
+        gap: '4px'
     },
     closeButton: {
         display: 'flex',
@@ -67,7 +72,7 @@ const styles = {
         borderRadius: '6px',
         transition: 'background-color 0.15s',
         border: 'none',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     viewButton: {
         display: 'flex',
@@ -80,7 +85,7 @@ const styles = {
         borderRadius: '6px',
         transition: 'background-color 0.15s, color 0.15s',
         border: 'none',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     unsavedBadge: {
         backgroundColor: 'var(--theme-warning-100)',
@@ -89,19 +94,19 @@ const styles = {
         borderRadius: '9999px',
         fontSize: '12px',
         fontWeight: 500,
-        boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+        boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)'
     },
     content: {
         height: '100%',
         overflow: 'auto',
-        backgroundColor: 'var(--theme-bg)',
+        backgroundColor: 'var(--theme-bg)'
     },
     emptyState: {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         height: '100%',
-        color: 'var(--theme-elevation-500)',
+        color: 'var(--theme-elevation-500)'
     },
     // Navigation dialog styles
     dialogOverlay: {
@@ -111,7 +116,7 @@ const styles = {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)'
     },
     dialogContainer: {
         backgroundColor: 'var(--theme-bg)',
@@ -120,7 +125,7 @@ const styles = {
         maxWidth: '448px',
         width: '100%',
         margin: '0 16px',
-        overflow: 'hidden',
+        overflow: 'hidden'
     },
     dialogHeader: {
         display: 'flex',
@@ -128,7 +133,7 @@ const styles = {
         gap: '12px',
         padding: '16px 20px',
         borderBottom: '1px solid var(--theme-elevation-200)',
-        backgroundColor: 'var(--theme-warning-50)',
+        backgroundColor: 'var(--theme-warning-50)'
     },
     dialogIconWrapper: {
         flexShrink: 0,
@@ -138,27 +143,27 @@ const styles = {
         backgroundColor: 'var(--theme-warning-100)',
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'center',
+        justifyContent: 'center'
     },
     dialogTitle: {
         fontSize: '16px',
         fontWeight: 600,
         color: 'var(--theme-elevation-900)',
-        margin: 0,
+        margin: 0
     },
     dialogSubtitle: {
         fontSize: '14px',
         color: 'var(--theme-elevation-500)',
-        margin: 0,
+        margin: 0
     },
     dialogBody: {
-        padding: '16px 20px',
+        padding: '16px 20px'
     },
     dialogBodyText: {
         fontSize: '14px',
         color: 'var(--theme-elevation-700)',
         margin: 0,
-        marginBottom: '8px',
+        marginBottom: '8px'
     },
     dialogUrl: {
         fontSize: '14px',
@@ -167,13 +172,13 @@ const styles = {
         padding: '8px 12px',
         borderRadius: '4px',
         color: 'var(--theme-elevation-800)',
-        wordBreak: 'break-all',
+        wordBreak: 'break-all'
     },
     dialogWarning: {
         fontSize: '14px',
         color: 'var(--theme-warning-600)',
         marginTop: '12px',
-        fontWeight: 500,
+        fontWeight: 500
     },
     dialogFooter: {
         padding: '16px 20px',
@@ -181,7 +186,7 @@ const styles = {
         borderTop: '1px solid var(--theme-elevation-200)',
         display: 'flex',
         flexDirection: 'column',
-        gap: '8px',
+        gap: '8px'
     },
     buttonSecondary: {
         padding: '8px 16px',
@@ -192,7 +197,7 @@ const styles = {
         border: '1px solid var(--theme-elevation-300)',
         borderRadius: '6px',
         transition: 'background-color 0.15s',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonPrimary: {
         padding: '8px 16px',
@@ -203,7 +208,7 @@ const styles = {
         border: 'none',
         borderRadius: '6px',
         transition: 'background-color 0.15s',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonDanger: {
         padding: '8px 16px',
@@ -214,16 +219,16 @@ const styles = {
         border: '1px solid var(--theme-error-200)',
         borderRadius: '6px',
         transition: 'background-color 0.15s',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonDisabled: {
         opacity: 0.5,
-        cursor: 'not-allowed',
+        cursor: 'not-allowed'
     },
     icon: {
         width: '16px',
-        height: '16px',
-    },
+        height: '16px'
+    }
 };
 /**
  * Full-screen preview modal with client-side rendering
@@ -236,24 +241,24 @@ const styles = {
  * - Shows current editor state (including unsaved changes)
  * - Interactive elements (accordions, hover states) still work
  * - Links show confirmation dialog before navigating
- */
-export const PreviewModal = memo(function PreviewModal({ isOpen, onClose, data, pageTitle, onOpenInNewTab, layouts, hasUnsavedChanges = false, onSave, isSaving = false, editorStylesheets, editorCss, config, }) {
+ */ export const PreviewModal = /*#__PURE__*/ memo(function PreviewModal({ isOpen, onClose, data, pageTitle, onOpenInNewTab, layouts, hasUnsavedChanges = false, onSave, isSaving = false, editorStylesheets, editorCss, config }) {
     // Strip editor-only props from data to ensure preview renders like frontend
-    const cleanedData = useMemo(() => {
+    const cleanedData = useMemo(()=>{
         return data ? stripEditorOnlyProps(data) : null;
-    }, [data]);
+    }, [
+        data
+    ]);
     // Navigation confirmation state
     const [pendingNavigation, setPendingNavigation] = useState(null);
     const [isNavigating, setIsNavigating] = useState(false);
     const [viewButtonHovered, setViewButtonHovered] = useState(false);
     // Inject stylesheets into document head when modal is open
-    useEffect(() => {
-        if (!isOpen)
-            return;
+    useEffect(()=>{
+        if (!isOpen) return;
         const injectedElements = [];
         // Inject external stylesheets
         if (editorStylesheets && editorStylesheets.length > 0) {
-            editorStylesheets.forEach((href, index) => {
+            editorStylesheets.forEach((href, index)=>{
                 const linkId = `puck-preview-stylesheet-${index}`;
                 if (!document.getElementById(linkId)) {
                     const link = document.createElement('link');
@@ -277,29 +282,35 @@ export const PreviewModal = memo(function PreviewModal({ isOpen, onClose, data,
             }
         }
         // Cleanup: remove injected elements when modal closes
-        return () => {
-            injectedElements.forEach((el) => el.remove());
+        return ()=>{
+            injectedElements.forEach((el)=>el.remove());
         };
-    }, [isOpen, editorStylesheets, editorCss]);
+    }, [
+        isOpen,
+        editorStylesheets,
+        editorCss
+    ]);
     // Handle escape key
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        const handleEscape = (e) => {
+    useEffect(()=>{
+        if (!isOpen) return;
+        const handleEscape = (e)=>{
             if (e.key === 'Escape') {
                 if (pendingNavigation) {
                     setPendingNavigation(null);
-                }
-                else {
+                } else {
                     onClose();
                 }
             }
         };
         document.addEventListener('keydown', handleEscape);
-        return () => document.removeEventListener('keydown', handleEscape);
-    }, [isOpen, pendingNavigation, onClose]);
+        return ()=>document.removeEventListener('keydown', handleEscape);
+    }, [
+        isOpen,
+        pendingNavigation,
+        onClose
+    ]);
     // Intercept link clicks
-    const handleContentClick = useCallback((e) => {
+    const handleContentClick = useCallback((e)=>{
         const target = e.target;
         const anchor = target.closest('a');
         if (anchor) {
@@ -317,44 +328,189 @@ export const PreviewModal = memo(function PreviewModal({ isOpen, onClose, data,
         }
     }, []);
     // Handle navigation after confirmation
-    const handleNavigate = useCallback((saveFirst) => {
-        if (!pendingNavigation)
-            return;
-        const navigate = () => {
+    const handleNavigate = useCallback((saveFirst)=>{
+        if (!pendingNavigation) return;
+        const navigate = ()=>{
             setIsNavigating(true);
             onClose();
             window.location.href = pendingNavigation;
         };
         if (saveFirst && onSave) {
-            onSave().then(navigate).catch(() => {
+            onSave().then(navigate).catch(()=>{
                 setIsNavigating(false);
             });
-        }
-        else {
+        } else {
             navigate();
         }
-    }, [pendingNavigation, onClose, onSave]);
+    }, [
+        pendingNavigation,
+        onClose,
+        onSave
+    ]);
     // Cancel navigation
-    const handleCancelNavigation = useCallback(() => {
+    const handleCancelNavigation = useCallback(()=>{
         setPendingNavigation(null);
     }, []);
-    if (!isOpen)
-        return null;
-    return (_jsxs("div", { style: styles.overlay, children: [_jsxs("div", { style: styles.controlPanel, children: [_jsxs("div", { style: styles.controlCard, children: [_jsxs("button", { type: "button", onClick: onClose, style: styles.closeButton, title: "Close preview (Esc)", children: [_jsx(X, { style: styles.icon }), "Close Preview"] }), onOpenInNewTab && (_jsxs("button", { type: "button", onClick: onOpenInNewTab, style: {
+    if (!isOpen) return null;
+    return /*#__PURE__*/ _jsxs("div", {
+        style: styles.overlay,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                style: styles.controlPanel,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: styles.controlCard,
+                        children: [
+                            /*#__PURE__*/ _jsxs("button", {
+                                type: "button",
+                                onClick: onClose,
+                                style: styles.closeButton,
+                                title: "Close preview (Esc)",
+                                children: [
+                                    /*#__PURE__*/ _jsx(X, {
+                                        style: styles.icon
+                                    }),
+                                    "Close Preview"
+                                ]
+                            }),
+                            onOpenInNewTab && /*#__PURE__*/ _jsxs("button", {
+                                type: "button",
+                                onClick: onOpenInNewTab,
+                                style: {
                                     ...styles.viewButton,
-                                    ...(viewButtonHovered ? {
+                                    ...viewButtonHovered ? {
                                         backgroundColor: 'var(--theme-elevation-100)',
-                                        color: 'var(--theme-elevation-900)',
-                                    } : {}),
-                                }, onMouseEnter: () => setViewButtonHovered(true), onMouseLeave: () => setViewButtonHovered(false), title: "Open published page in new tab", children: [_jsx(ExternalLink, { style: styles.icon }), "View Page"] }))] }), hasUnsavedChanges && (_jsx("div", { style: styles.unsavedBadge, children: "Unsaved changes" }))] }), _jsx("div", { style: styles.content, onClickCapture: handleContentClick, children: cleanedData ? (_jsx(PageRenderer, { data: cleanedData, layouts: layouts, config: config })) : (_jsx("div", { style: styles.emptyState, children: "No content to preview" })) }), pendingNavigation && (_jsx("div", { style: styles.dialogOverlay, children: _jsxs("div", { style: styles.dialogContainer, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: styles.dialogHeader, children: [_jsx("div", { style: styles.dialogIconWrapper, children: _jsx(AlertTriangle, { style: { width: '20px', height: '20px', color: 'var(--theme-warning-600)' } }) }), _jsxs("div", { children: [_jsx("h3", { style: styles.dialogTitle, children: "Navigate away?" }), _jsx("p", { style: styles.dialogSubtitle, children: "This will close the preview" })] })] }), _jsxs("div", { style: styles.dialogBody, children: [_jsx("p", { style: styles.dialogBodyText, children: "You're about to navigate to:" }), _jsx("p", { style: styles.dialogUrl, children: pendingNavigation }), hasUnsavedChanges && (_jsx("p", { style: styles.dialogWarning, children: "You have unsaved changes that will be lost." }))] }), _jsx("div", { style: styles.dialogFooter, children: _jsxs("div", { style: { display: 'flex', gap: '8px', justifyContent: 'flex-end', flexWrap: 'wrap' }, children: [_jsx("button", { type: "button", onClick: handleCancelNavigation, disabled: isNavigating || isSaving, style: {
+                                        color: 'var(--theme-elevation-900)'
+                                    } : {}
+                                },
+                                onMouseEnter: ()=>setViewButtonHovered(true),
+                                onMouseLeave: ()=>setViewButtonHovered(false),
+                                title: "Open published page in new tab",
+                                children: [
+                                    /*#__PURE__*/ _jsx(ExternalLink, {
+                                        style: styles.icon
+                                    }),
+                                    "View Page"
+                                ]
+                            })
+                        ]
+                    }),
+                    hasUnsavedChanges && /*#__PURE__*/ _jsx("div", {
+                        style: styles.unsavedBadge,
+                        children: "Unsaved changes"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: styles.content,
+                onClickCapture: handleContentClick,
+                children: cleanedData ? /*#__PURE__*/ _jsx(PageRenderer, {
+                    data: cleanedData,
+                    layouts: layouts,
+                    config: config
+                }) : /*#__PURE__*/ _jsx("div", {
+                    style: styles.emptyState,
+                    children: "No content to preview"
+                })
+            }),
+            pendingNavigation && /*#__PURE__*/ _jsx("div", {
+                style: styles.dialogOverlay,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    style: styles.dialogContainer,
+                    onClick: (e)=>e.stopPropagation(),
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: styles.dialogHeader,
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    style: styles.dialogIconWrapper,
+                                    children: /*#__PURE__*/ _jsx(AlertTriangle, {
+                                        style: {
+                                            width: '20px',
+                                            height: '20px',
+                                            color: 'var(--theme-warning-600)'
+                                        }
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    children: [
+                                        /*#__PURE__*/ _jsx("h3", {
+                                            style: styles.dialogTitle,
+                                            children: "Navigate away?"
+                                        }),
+                                        /*#__PURE__*/ _jsx("p", {
+                                            style: styles.dialogSubtitle,
+                                            children: "This will close the preview"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            style: styles.dialogBody,
+                            children: [
+                                /*#__PURE__*/ _jsx("p", {
+                                    style: styles.dialogBodyText,
+                                    children: "You're about to navigate to:"
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    style: styles.dialogUrl,
+                                    children: pendingNavigation
+                                }),
+                                hasUnsavedChanges && /*#__PURE__*/ _jsx("p", {
+                                    style: styles.dialogWarning,
+                                    children: "You have unsaved changes that will be lost."
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            style: styles.dialogFooter,
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                style: {
+                                    display: 'flex',
+                                    gap: '8px',
+                                    justifyContent: 'flex-end',
+                                    flexWrap: 'wrap'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx("button", {
+                                        type: "button",
+                                        onClick: handleCancelNavigation,
+                                        disabled: isNavigating || isSaving,
+                                        style: {
                                             ...styles.buttonSecondary,
-                                            ...((isNavigating || isSaving) ? styles.buttonDisabled : {}),
-                                        }, children: "Cancel" }), hasUnsavedChanges && onSave && (_jsx("button", { type: "button", onClick: () => handleNavigate(true), disabled: isNavigating || isSaving, style: {
+                                            ...isNavigating || isSaving ? styles.buttonDisabled : {}
+                                        },
+                                        children: "Cancel"
+                                    }),
+                                    hasUnsavedChanges && onSave && /*#__PURE__*/ _jsx("button", {
+                                        type: "button",
+                                        onClick: ()=>handleNavigate(true),
+                                        disabled: isNavigating || isSaving,
+                                        style: {
                                             ...styles.buttonPrimary,
-                                            ...((isNavigating || isSaving) ? styles.buttonDisabled : {}),
-                                        }, children: isSaving ? 'Saving...' : 'Save & Navigate' })), _jsx("button", { type: "button", onClick: () => handleNavigate(false), disabled: isNavigating || isSaving, style: {
-                                            ...(hasUnsavedChanges ? styles.buttonDanger : styles.buttonPrimary),
-                                            ...((isNavigating || isSaving) ? styles.buttonDisabled : {}),
-                                        }, children: isNavigating ? 'Navigating...' : hasUnsavedChanges ? 'Navigate without saving' : 'Navigate' })] }) })] }) }))] }));
+                                            ...isNavigating || isSaving ? styles.buttonDisabled : {}
+                                        },
+                                        children: isSaving ? 'Saving...' : 'Save & Navigate'
+                                    }),
+                                    /*#__PURE__*/ _jsx("button", {
+                                        type: "button",
+                                        onClick: ()=>handleNavigate(false),
+                                        disabled: isNavigating || isSaving,
+                                        style: {
+                                            ...hasUnsavedChanges ? styles.buttonDanger : styles.buttonPrimary,
+                                            ...isNavigating || isSaving ? styles.buttonDisabled : {}
+                                        },
+                                        children: isNavigating ? 'Navigating...' : hasUnsavedChanges ? 'Navigate without saving' : 'Navigate'
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 });
+
 //# sourceMappingURL=PreviewModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PreviewModal.js","sourceRoot":"","sources":["../../../src/editor/components/PreviewModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/editor/components/PreviewModal.tsx"],"sourcesContent":["'use client'\n\nimport { useState, useCallback, memo, useEffect, useMemo, type MouseEvent, type CSSProperties } from 'react'\nimport type { Data as PuckData, Config as PuckConfig } from '@puckeditor/core'\n\n/**\n * Editor-only props that should be stripped from data before preview rendering.\n * These props are used for editor/panel synchronization and shouldn't affect\n * how content renders in the preview.\n */\nconst EDITOR_ONLY_PROPS = ['editorPreviewFilter'] as const\n\n/**\n * Removes editor-only props from Puck data content items.\n * This ensures the preview renders as it would on the frontend,\n * without editor-specific state interfering.\n */\nfunction stripEditorOnlyProps(data: PuckData): PuckData {\n  return {\n    ...data,\n    content: data.content.map((item) => {\n      const cleanedProps = { ...item.props }\n      for (const prop of EDITOR_ONLY_PROPS) {\n        delete cleanedProps[prop]\n      }\n      return { ...item, props: cleanedProps }\n    }),\n  }\n}\nimport {\n  X,\n  ExternalLink,\n  AlertTriangle,\n} from 'lucide-react'\nimport { PageRenderer } from '../../render/PageRenderer.js'\nimport type { LayoutDefinition } from '../../layouts/index.js'\n\nexport interface PreviewModalProps {\n  /**\n   * Whether the modal is open\n   */\n  isOpen: boolean\n  /**\n   * Handler for closing the modal\n   */\n  onClose: () => void\n  /**\n   * Puck data to render in the preview\n   */\n  data: PuckData | null\n  /**\n   * Page title for the modal header\n   */\n  pageTitle?: string\n  /**\n   * Handler for opening the page in a new tab\n   */\n  onOpenInNewTab?: () => void\n  /**\n   * Available layouts for rendering\n   */\n  layouts?: LayoutDefinition[]\n  /**\n   * Whether there are unsaved changes in the editor\n   */\n  hasUnsavedChanges?: boolean\n  /**\n   * Handler to save the current data before navigating\n   */\n  onSave?: () => Promise<void>\n  /**\n   * Whether a save is in progress\n   */\n  isSaving?: boolean\n  /**\n   * Stylesheet URLs to inject into the preview\n   */\n  editorStylesheets?: string[]\n  /**\n   * Raw CSS to inject into the preview\n   */\n  editorCss?: string\n  /**\n   * Puck configuration with components for rendering.\n   * Required for custom components to render correctly in the preview.\n   */\n  config?: PuckConfig\n}\n\n// Styles\nconst styles = {\n  overlay: {\n    position: 'fixed',\n    inset: 0,\n    zIndex: 9990,\n    backgroundColor: 'var(--theme-bg)',\n  } as CSSProperties,\n  controlPanel: {\n    position: 'fixed',\n    top: '50%',\n    right: '16px',\n    transform: 'translateY(-50%)',\n    zIndex: 9998,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '8px',\n    alignItems: 'flex-end',\n  } as CSSProperties,\n  controlCard: {\n    backgroundColor: 'var(--theme-bg)',\n    borderRadius: '8px',\n    boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n    border: '1px solid var(--theme-elevation-200)',\n    padding: '8px',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '4px',\n  } as CSSProperties,\n  closeButton: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '8px 12px',\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-bg)',\n    backgroundColor: 'var(--theme-elevation-900)',\n    borderRadius: '6px',\n    transition: 'background-color 0.15s',\n    border: 'none',\n    cursor: 'pointer',\n  } as CSSProperties,\n  viewButton: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '8px 12px',\n    fontSize: '14px',\n    color: 'var(--theme-elevation-600)',\n    backgroundColor: 'transparent',\n    borderRadius: '6px',\n    transition: 'background-color 0.15s, color 0.15s',\n    border: 'none',\n    cursor: 'pointer',\n  } as CSSProperties,\n  unsavedBadge: {\n    backgroundColor: 'var(--theme-warning-100)',\n    color: 'var(--theme-warning-700)',\n    padding: '6px 12px',\n    borderRadius: '9999px',\n    fontSize: '12px',\n    fontWeight: 500,\n    boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  } as CSSProperties,\n  content: {\n    height: '100%',\n    overflow: 'auto',\n    backgroundColor: 'var(--theme-bg)',\n  } as CSSProperties,\n  emptyState: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    color: 'var(--theme-elevation-500)',\n  } as CSSProperties,\n  // Navigation dialog styles\n  dialogOverlay: {\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  dialogContainer: {\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  dialogHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '12px',\n    padding: '16px 20px',\n    borderBottom: '1px solid var(--theme-elevation-200)',\n    backgroundColor: 'var(--theme-warning-50)',\n  } as CSSProperties,\n  dialogIconWrapper: {\n    flexShrink: 0,\n    width: '40px',\n    height: '40px',\n    borderRadius: '50%',\n    backgroundColor: 'var(--theme-warning-100)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  } as CSSProperties,\n  dialogTitle: {\n    fontSize: '16px',\n    fontWeight: 600,\n    color: 'var(--theme-elevation-900)',\n    margin: 0,\n  } as CSSProperties,\n  dialogSubtitle: {\n    fontSize: '14px',\n    color: 'var(--theme-elevation-500)',\n    margin: 0,\n  } as CSSProperties,\n  dialogBody: {\n    padding: '16px 20px',\n  } as CSSProperties,\n  dialogBodyText: {\n    fontSize: '14px',\n    color: 'var(--theme-elevation-700)',\n    margin: 0,\n    marginBottom: '8px',\n  } as CSSProperties,\n  dialogUrl: {\n    fontSize: '14px',\n    fontFamily: 'monospace',\n    backgroundColor: 'var(--theme-elevation-100)',\n    padding: '8px 12px',\n    borderRadius: '4px',\n    color: 'var(--theme-elevation-800)',\n    wordBreak: 'break-all',\n  } as CSSProperties,\n  dialogWarning: {\n    fontSize: '14px',\n    color: 'var(--theme-warning-600)',\n    marginTop: '12px',\n    fontWeight: 500,\n  } as CSSProperties,\n  dialogFooter: {\n    padding: '16px 20px',\n    backgroundColor: 'var(--theme-elevation-50)',\n    borderTop: '1px solid var(--theme-elevation-200)',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '8px',\n  } as CSSProperties,\n  buttonSecondary: {\n    padding: '8px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-elevation-700)',\n    backgroundColor: 'var(--theme-bg)',\n    border: '1px solid var(--theme-elevation-300)',\n    borderRadius: '6px',\n    transition: 'background-color 0.15s',\n    cursor: 'pointer',\n  } as CSSProperties,\n  buttonPrimary: {\n    padding: '8px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-bg)',\n    backgroundColor: 'var(--theme-elevation-900)',\n    border: 'none',\n    borderRadius: '6px',\n    transition: 'background-color 0.15s',\n    cursor: 'pointer',\n  } as CSSProperties,\n  buttonDanger: {\n    padding: '8px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-error-700)',\n    backgroundColor: 'var(--theme-error-50)',\n    border: '1px solid var(--theme-error-200)',\n    borderRadius: '6px',\n    transition: 'background-color 0.15s',\n    cursor: 'pointer',\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  } as CSSProperties,\n}\n\n/**\n * Full-screen preview modal with client-side rendering\n *\n * Renders the current editor data directly using PageRenderer.\n * Links prompt for confirmation before navigating (with option to save first).\n *\n * Features:\n * - Zero consumer setup required\n * - Shows current editor state (including unsaved changes)\n * - Interactive elements (accordions, hover states) still work\n * - Links show confirmation dialog before navigating\n */\nexport const PreviewModal = memo(function PreviewModal({\n  isOpen,\n  onClose,\n  data,\n  pageTitle,\n  onOpenInNewTab,\n  layouts,\n  hasUnsavedChanges = false,\n  onSave,\n  isSaving = false,\n  editorStylesheets,\n  editorCss,\n  config,\n}: PreviewModalProps) {\n  // Strip editor-only props from data to ensure preview renders like frontend\n  const cleanedData = useMemo(() => {\n    return data ? stripEditorOnlyProps(data) : null\n  }, [data])\n\n  // Navigation confirmation state\n  const [pendingNavigation, setPendingNavigation] = useState<string | null>(null)\n  const [isNavigating, setIsNavigating] = useState(false)\n  const [viewButtonHovered, setViewButtonHovered] = useState(false)\n\n  // Inject stylesheets into document head when modal is open\n  useEffect(() => {\n    if (!isOpen) return\n\n    const injectedElements: HTMLElement[] = []\n\n    // Inject external stylesheets\n    if (editorStylesheets && editorStylesheets.length > 0) {\n      editorStylesheets.forEach((href, index) => {\n        const linkId = `puck-preview-stylesheet-${index}`\n        if (!document.getElementById(linkId)) {\n          const link = document.createElement('link')\n          link.id = linkId\n          link.rel = 'stylesheet'\n          link.href = href\n          document.head.appendChild(link)\n          injectedElements.push(link)\n        }\n      })\n    }\n\n    // Inject custom CSS\n    if (editorCss) {\n      const styleId = 'puck-preview-custom-css'\n      if (!document.getElementById(styleId)) {\n        const style = document.createElement('style')\n        style.id = styleId\n        style.textContent = editorCss\n        document.head.appendChild(style)\n        injectedElements.push(style)\n      }\n    }\n\n    // Cleanup: remove injected elements when modal closes\n    return () => {\n      injectedElements.forEach((el) => el.remove())\n    }\n  }, [isOpen, editorStylesheets, editorCss])\n\n  // Handle escape key\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        if (pendingNavigation) {\n          setPendingNavigation(null)\n        } else {\n          onClose()\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleEscape)\n    return () => document.removeEventListener('keydown', handleEscape)\n  }, [isOpen, pendingNavigation, onClose])\n\n  // Intercept link clicks\n  const handleContentClick = useCallback((e: MouseEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement\n    const anchor = target.closest('a')\n\n    if (anchor) {\n      const href = anchor.getAttribute('href')\n\n      // Allow hash-only links (scroll to section on same page)\n      if (href?.startsWith('#') && !href.includes('/')) {\n        return\n      }\n\n      // Block navigation and show confirmation\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (href) {\n        setPendingNavigation(href)\n      }\n    }\n  }, [])\n\n  // Handle navigation after confirmation\n  const handleNavigate = useCallback((saveFirst: boolean) => {\n    if (!pendingNavigation) return\n\n    const navigate = () => {\n      setIsNavigating(true)\n      onClose()\n      window.location.href = pendingNavigation\n    }\n\n    if (saveFirst && onSave) {\n      onSave().then(navigate).catch(() => {\n        setIsNavigating(false)\n      })\n    } else {\n      navigate()\n    }\n  }, [pendingNavigation, onClose, onSave])\n\n  // Cancel navigation\n  const handleCancelNavigation = useCallback(() => {\n    setPendingNavigation(null)\n  }, [])\n\n  if (!isOpen) return null\n\n  return (\n    <div style={styles.overlay}>\n      {/* Floating control panel */}\n      <div style={styles.controlPanel}>\n        <div style={styles.controlCard}>\n          {/* Close button */}\n          <button\n            type=\"button\"\n            onClick={onClose}\n            style={styles.closeButton}\n            title=\"Close preview (Esc)\"\n          >\n            <X style={styles.icon} />\n            Close Preview\n          </button>\n\n          {/* View page button */}\n          {onOpenInNewTab && (\n            <button\n              type=\"button\"\n              onClick={onOpenInNewTab}\n              style={{\n                ...styles.viewButton,\n                ...(viewButtonHovered ? {\n                  backgroundColor: 'var(--theme-elevation-100)',\n                  color: 'var(--theme-elevation-900)',\n                } : {}),\n              }}\n              onMouseEnter={() => setViewButtonHovered(true)}\n              onMouseLeave={() => setViewButtonHovered(false)}\n              title=\"Open published page in new tab\"\n            >\n              <ExternalLink style={styles.icon} />\n              View Page\n            </button>\n          )}\n        </div>\n\n        {/* Status badge */}\n        {hasUnsavedChanges && (\n          <div style={styles.unsavedBadge}>\n            Unsaved changes\n          </div>\n        )}\n      </div>\n\n      {/* Preview content */}\n      <div\n        style={styles.content}\n        onClickCapture={handleContentClick}\n      >\n        {cleanedData ? (\n          <PageRenderer data={cleanedData} layouts={layouts} config={config} />\n        ) : (\n          <div style={styles.emptyState}>\n            No content to preview\n          </div>\n        )}\n      </div>\n\n      {/* Navigation confirmation dialog */}\n      {pendingNavigation && (\n        <div style={styles.dialogOverlay}>\n          <div\n            style={styles.dialogContainer}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {/* Header */}\n            <div style={styles.dialogHeader}>\n              <div style={styles.dialogIconWrapper}>\n                <AlertTriangle style={{ width: '20px', height: '20px', color: 'var(--theme-warning-600)' }} />\n              </div>\n              <div>\n                <h3 style={styles.dialogTitle}>Navigate away?</h3>\n                <p style={styles.dialogSubtitle}>This will close the preview</p>\n              </div>\n            </div>\n\n            {/* Body */}\n            <div style={styles.dialogBody}>\n              <p style={styles.dialogBodyText}>\n                You&apos;re about to navigate to:\n              </p>\n              <p style={styles.dialogUrl}>\n                {pendingNavigation}\n              </p>\n              {hasUnsavedChanges && (\n                <p style={styles.dialogWarning}>\n                  You have unsaved changes that will be lost.\n                </p>\n              )}\n            </div>\n\n            {/* Footer */}\n            <div style={styles.dialogFooter}>\n              <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end', flexWrap: 'wrap' }}>\n                <button\n                  type=\"button\"\n                  onClick={handleCancelNavigation}\n                  disabled={isNavigating || isSaving}\n                  style={{\n                    ...styles.buttonSecondary,\n                    ...((isNavigating || isSaving) ? styles.buttonDisabled : {}),\n                  }}\n                >\n                  Cancel\n                </button>\n                {hasUnsavedChanges && onSave && (\n                  <button\n                    type=\"button\"\n                    onClick={() => handleNavigate(true)}\n                    disabled={isNavigating || isSaving}\n                    style={{\n                      ...styles.buttonPrimary,\n                      ...((isNavigating || isSaving) ? styles.buttonDisabled : {}),\n                    }}\n                  >\n                    {isSaving ? 'Saving...' : 'Save & Navigate'}\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  onClick={() => handleNavigate(false)}\n                  disabled={isNavigating || isSaving}\n                  style={{\n                    ...(hasUnsavedChanges ? styles.buttonDanger : styles.buttonPrimary),\n                    ...((isNavigating || isSaving) ? styles.buttonDisabled : {}),\n                  }}\n                >\n                  {isNavigating ? 'Navigating...' : hasUnsavedChanges ? 'Navigate without saving' : 'Navigate'}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n"],"names":["useState","useCallback","memo","useEffect","useMemo","EDITOR_ONLY_PROPS","stripEditorOnlyProps","data","content","map","item","cleanedProps","props","prop","X","ExternalLink","AlertTriangle","PageRenderer","styles","overlay","position","inset","zIndex","backgroundColor","controlPanel","top","right","transform","display","flexDirection","gap","alignItems","controlCard","borderRadius","boxShadow","border","padding","closeButton","fontSize","fontWeight","color","transition","cursor","viewButton","unsavedBadge","height","overflow","emptyState","justifyContent","dialogOverlay","dialogContainer","maxWidth","width","margin","dialogHeader","borderBottom","dialogIconWrapper","flexShrink","dialogTitle","dialogSubtitle","dialogBody","dialogBodyText","marginBottom","dialogUrl","fontFamily","wordBreak","dialogWarning","marginTop","dialogFooter","borderTop","buttonSecondary","buttonPrimary","buttonDanger","buttonDisabled","opacity","icon","PreviewModal","isOpen","onClose","pageTitle","onOpenInNewTab","layouts","hasUnsavedChanges","onSave","isSaving","editorStylesheets","editorCss","config","cleanedData","pendingNavigation","setPendingNavigation","isNavigating","setIsNavigating","viewButtonHovered","setViewButtonHovered","injectedElements","length","forEach","href","index","linkId","document","getElementById","link","createElement","id","rel","head","appendChild","push","styleId","style","textContent","el","remove","handleEscape","e","key","addEventListener","removeEventListener","handleContentClick","target","anchor","closest","getAttribute","startsWith","includes","preventDefault","stopPropagation","handleNavigate","saveFirst","navigate","window","location","then","catch","handleCancelNavigation","div","button","type","onClick","title","onMouseEnter","onMouseLeave","onClickCapture","h3","p","flexWrap","disabled"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,EAAEC,WAAW,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAA6C,QAAO;AAG5G;;;;CAIC,GACD,MAAMC,oBAAoB;IAAC;CAAsB;AAEjD;;;;CAIC,GACD,SAASC,qBAAqBC,IAAc;IAC1C,OAAO;QACL,GAAGA,IAAI;QACPC,SAASD,KAAKC,OAAO,CAACC,GAAG,CAAC,CAACC;YACzB,MAAMC,eAAe;gBAAE,GAAGD,KAAKE,KAAK;YAAC;YACrC,KAAK,MAAMC,QAAQR,kBAAmB;gBACpC,OAAOM,YAAY,CAACE,KAAK;YAC3B;YACA,OAAO;gBAAE,GAAGH,IAAI;gBAAEE,OAAOD;YAAa;QACxC;IACF;AACF;AACA,SACEG,CAAC,EACDC,YAAY,EACZC,aAAa,QACR,eAAc;AACrB,SAASC,YAAY,QAAQ,+BAA8B;AAuD3D,SAAS;AACT,MAAMC,SAAS;IACbC,SAAS;QACPC,UAAU;QACVC,OAAO;QACPC,QAAQ;QACRC,iBAAiB;IACnB;IACAC,cAAc;QACZJ,UAAU;QACVK,KAAK;QACLC,OAAO;QACPC,WAAW;QACXL,QAAQ;QACRM,SAAS;QACTC,eAAe;QACfC,KAAK;QACLC,YAAY;IACd;IACAC,aAAa;QACXT,iBAAiB;QACjBU,cAAc;QACdC,WAAW;QACXC,QAAQ;QACRC,SAAS;QACTR,SAAS;QACTC,eAAe;QACfC,KAAK;IACP;IACAO,aAAa;QACXT,SAAS;QACTG,YAAY;QACZD,KAAK;QACLM,SAAS;QACTE,UAAU;QACVC,YAAY;QACZC,OAAO;QACPjB,iBAAiB;QACjBU,cAAc;QACdQ,YAAY;QACZN,QAAQ;QACRO,QAAQ;IACV;IACAC,YAAY;QACVf,SAAS;QACTG,YAAY;QACZD,KAAK;QACLM,SAAS;QACTE,UAAU;QACVE,OAAO;QACPjB,iBAAiB;QACjBU,cAAc;QACdQ,YAAY;QACZN,QAAQ;QACRO,QAAQ;IACV;IACAE,cAAc;QACZrB,iBAAiB;QACjBiB,OAAO;QACPJ,SAAS;QACTH,cAAc;QACdK,UAAU;QACVC,YAAY;QACZL,WAAW;IACb;IACA1B,SAAS;QACPqC,QAAQ;QACRC,UAAU;QACVvB,iBAAiB;IACnB;IACAwB,YAAY;QACVnB,SAAS;QACTG,YAAY;QACZiB,gBAAgB;QAChBH,QAAQ;QACRL,OAAO;IACT;IACA,2BAA2B;IAC3BS,eAAe;QACb7B,UAAU;QACVC,OAAO;QACPC,QAAQ;QACRM,SAAS;QACTG,YAAY;QACZiB,gBAAgB;QAChBzB,iBAAiB;IACnB;IACA2B,iBAAiB;QACf3B,iBAAiB;QACjBU,cAAc;QACdC,WAAW;QACXiB,UAAU;QACVC,OAAO;QACPC,QAAQ;QACRP,UAAU;IACZ;IACAQ,cAAc;QACZ1B,SAAS;QACTG,YAAY;QACZD,KAAK;QACLM,SAAS;QACTmB,cAAc;QACdhC,iBAAiB;IACnB;IACAiC,mBAAmB;QACjBC,YAAY;QACZL,OAAO;QACPP,QAAQ;QACRZ,cAAc;QACdV,iBAAiB;QACjBK,SAAS;QACTG,YAAY;QACZiB,gBAAgB;IAClB;IACAU,aAAa;QACXpB,UAAU;QACVC,YAAY;QACZC,OAAO;QACPa,QAAQ;IACV;IACAM,gBAAgB;QACdrB,UAAU;QACVE,OAAO;QACPa,QAAQ;IACV;IACAO,YAAY;QACVxB,SAAS;IACX;IACAyB,gBAAgB;QACdvB,UAAU;QACVE,OAAO;QACPa,QAAQ;QACRS,cAAc;IAChB;IACAC,WAAW;QACTzB,UAAU;QACV0B,YAAY;QACZzC,iBAAiB;QACjBa,SAAS;QACTH,cAAc;QACdO,OAAO;QACPyB,WAAW;IACb;IACAC,eAAe;QACb5B,UAAU;QACVE,OAAO;QACP2B,WAAW;QACX5B,YAAY;IACd;IACA6B,cAAc;QACZhC,SAAS;QACTb,iBAAiB;QACjB8C,WAAW;QACXzC,SAAS;QACTC,eAAe;QACfC,KAAK;IACP;IACAwC,iBAAiB;QACflC,SAAS;QACTE,UAAU;QACVC,YAAY;QACZC,OAAO;QACPjB,iBAAiB;QACjBY,QAAQ;QACRF,cAAc;QACdQ,YAAY;QACZC,QAAQ;IACV;IACA6B,eAAe;QACbnC,SAAS;QACTE,UAAU;QACVC,YAAY;QACZC,OAAO;QACPjB,iBAAiB;QACjBY,QAAQ;QACRF,cAAc;QACdQ,YAAY;QACZC,QAAQ;IACV;IACA8B,cAAc;QACZpC,SAAS;QACTE,UAAU;QACVC,YAAY;QACZC,OAAO;QACPjB,iBAAiB;QACjBY,QAAQ;QACRF,cAAc;QACdQ,YAAY;QACZC,QAAQ;IACV;IACA+B,gBAAgB;QACdC,SAAS;QACThC,QAAQ;IACV;IACAiC,MAAM;QACJvB,OAAO;QACPP,QAAQ;IACV;AACF;AAEA;;;;;;;;;;;CAWC,GACD,OAAO,MAAM+B,6BAAe1E,KAAK,SAAS0E,aAAa,EACrDC,MAAM,EACNC,OAAO,EACPvE,IAAI,EACJwE,SAAS,EACTC,cAAc,EACdC,OAAO,EACPC,oBAAoB,KAAK,EACzBC,MAAM,EACNC,WAAW,KAAK,EAChBC,iBAAiB,EACjBC,SAAS,EACTC,MAAM,EACY;IAClB,4EAA4E;IAC5E,MAAMC,cAAcpF,QAAQ;QAC1B,OAAOG,OAAOD,qBAAqBC,QAAQ;IAC7C,GAAG;QAACA;KAAK;IAET,gCAAgC;IAChC,MAAM,CAACkF,mBAAmBC,qBAAqB,GAAG1F,SAAwB;IAC1E,MAAM,CAAC2F,cAAcC,gBAAgB,GAAG5F,SAAS;IACjD,MAAM,CAAC6F,mBAAmBC,qBAAqB,GAAG9F,SAAS;IAE3D,2DAA2D;IAC3DG,UAAU;QACR,IAAI,CAAC0E,QAAQ;QAEb,MAAMkB,mBAAkC,EAAE;QAE1C,8BAA8B;QAC9B,IAAIV,qBAAqBA,kBAAkBW,MAAM,GAAG,GAAG;YACrDX,kBAAkBY,OAAO,CAAC,CAACC,MAAMC;gBAC/B,MAAMC,SAAS,CAAC,wBAAwB,EAAED,OAAO;gBACjD,IAAI,CAACE,SAASC,cAAc,CAACF,SAAS;oBACpC,MAAMG,OAAOF,SAASG,aAAa,CAAC;oBACpCD,KAAKE,EAAE,GAAGL;oBACVG,KAAKG,GAAG,GAAG;oBACXH,KAAKL,IAAI,GAAGA;oBACZG,SAASM,IAAI,CAACC,WAAW,CAACL;oBAC1BR,iBAAiBc,IAAI,CAACN;gBACxB;YACF;QACF;QAEA,oBAAoB;QACpB,IAAIjB,WAAW;YACb,MAAMwB,UAAU;YAChB,IAAI,CAACT,SAASC,cAAc,CAACQ,UAAU;gBACrC,MAAMC,QAAQV,SAASG,aAAa,CAAC;gBACrCO,MAAMN,EAAE,GAAGK;gBACXC,MAAMC,WAAW,GAAG1B;gBACpBe,SAASM,IAAI,CAACC,WAAW,CAACG;gBAC1BhB,iBAAiBc,IAAI,CAACE;YACxB;QACF;QAEA,sDAAsD;QACtD,OAAO;YACLhB,iBAAiBE,OAAO,CAAC,CAACgB,KAAOA,GAAGC,MAAM;QAC5C;IACF,GAAG;QAACrC;QAAQQ;QAAmBC;KAAU;IAEzC,oBAAoB;IACpBnF,UAAU;QACR,IAAI,CAAC0E,QAAQ;QAEb,MAAMsC,eAAe,CAACC;YACpB,IAAIA,EAAEC,GAAG,KAAK,UAAU;gBACtB,IAAI5B,mBAAmB;oBACrBC,qBAAqB;gBACvB,OAAO;oBACLZ;gBACF;YACF;QACF;QAEAuB,SAASiB,gBAAgB,CAAC,WAAWH;QACrC,OAAO,IAAMd,SAASkB,mBAAmB,CAAC,WAAWJ;IACvD,GAAG;QAACtC;QAAQY;QAAmBX;KAAQ;IAEvC,wBAAwB;IACxB,MAAM0C,qBAAqBvH,YAAY,CAACmH;QACtC,MAAMK,SAASL,EAAEK,MAAM;QACvB,MAAMC,SAASD,OAAOE,OAAO,CAAC;QAE9B,IAAID,QAAQ;YACV,MAAMxB,OAAOwB,OAAOE,YAAY,CAAC;YAEjC,yDAAyD;YACzD,IAAI1B,MAAM2B,WAAW,QAAQ,CAAC3B,KAAK4B,QAAQ,CAAC,MAAM;gBAChD;YACF;YAEA,yCAAyC;YACzCV,EAAEW,cAAc;YAChBX,EAAEY,eAAe;YAEjB,IAAI9B,MAAM;gBACRR,qBAAqBQ;YACvB;QACF;IACF,GAAG,EAAE;IAEL,uCAAuC;IACvC,MAAM+B,iBAAiBhI,YAAY,CAACiI;QAClC,IAAI,CAACzC,mBAAmB;QAExB,MAAM0C,WAAW;YACfvC,gBAAgB;YAChBd;YACAsD,OAAOC,QAAQ,CAACnC,IAAI,GAAGT;QACzB;QAEA,IAAIyC,aAAa/C,QAAQ;YACvBA,SAASmD,IAAI,CAACH,UAAUI,KAAK,CAAC;gBAC5B3C,gBAAgB;YAClB;QACF,OAAO;YACLuC;QACF;IACF,GAAG;QAAC1C;QAAmBX;QAASK;KAAO;IAEvC,oBAAoB;IACpB,MAAMqD,yBAAyBvI,YAAY;QACzCyF,qBAAqB;IACvB,GAAG,EAAE;IAEL,IAAI,CAACb,QAAQ,OAAO;IAEpB,qBACE,MAAC4D;QAAI1B,OAAO7F,OAAOC,OAAO;;0BAExB,MAACsH;gBAAI1B,OAAO7F,OAAOM,YAAY;;kCAC7B,MAACiH;wBAAI1B,OAAO7F,OAAOc,WAAW;;0CAE5B,MAAC0G;gCACCC,MAAK;gCACLC,SAAS9D;gCACTiC,OAAO7F,OAAOmB,WAAW;gCACzBwG,OAAM;;kDAEN,KAAC/H;wCAAEiG,OAAO7F,OAAOyD,IAAI;;oCAAI;;;4BAK1BK,gCACC,MAAC0D;gCACCC,MAAK;gCACLC,SAAS5D;gCACT+B,OAAO;oCACL,GAAG7F,OAAOyB,UAAU;oCACpB,GAAIkD,oBAAoB;wCACtBtE,iBAAiB;wCACjBiB,OAAO;oCACT,IAAI,CAAC,CAAC;gCACR;gCACAsG,cAAc,IAAMhD,qBAAqB;gCACzCiD,cAAc,IAAMjD,qBAAqB;gCACzC+C,OAAM;;kDAEN,KAAC9H;wCAAagG,OAAO7F,OAAOyD,IAAI;;oCAAI;;;;;oBAOzCO,mCACC,KAACuD;wBAAI1B,OAAO7F,OAAO0B,YAAY;kCAAE;;;;0BAOrC,KAAC6F;gBACC1B,OAAO7F,OAAOV,OAAO;gBACrBwI,gBAAgBxB;0BAEfhC,4BACC,KAACvE;oBAAaV,MAAMiF;oBAAaP,SAASA;oBAASM,QAAQA;mCAE3D,KAACkD;oBAAI1B,OAAO7F,OAAO6B,UAAU;8BAAE;;;YAOlC0C,mCACC,KAACgD;gBAAI1B,OAAO7F,OAAO+B,aAAa;0BAC9B,cAAA,MAACwF;oBACC1B,OAAO7F,OAAOgC,eAAe;oBAC7B0F,SAAS,CAACxB,IAAMA,EAAEY,eAAe;;sCAGjC,MAACS;4BAAI1B,OAAO7F,OAAOoC,YAAY;;8CAC7B,KAACmF;oCAAI1B,OAAO7F,OAAOsC,iBAAiB;8CAClC,cAAA,KAACxC;wCAAc+F,OAAO;4CAAE3D,OAAO;4CAAQP,QAAQ;4CAAQL,OAAO;wCAA2B;;;8CAE3F,MAACiG;;sDACC,KAACQ;4CAAGlC,OAAO7F,OAAOwC,WAAW;sDAAE;;sDAC/B,KAACwF;4CAAEnC,OAAO7F,OAAOyC,cAAc;sDAAE;;;;;;sCAKrC,MAAC8E;4BAAI1B,OAAO7F,OAAO0C,UAAU;;8CAC3B,KAACsF;oCAAEnC,OAAO7F,OAAO2C,cAAc;8CAAE;;8CAGjC,KAACqF;oCAAEnC,OAAO7F,OAAO6C,SAAS;8CACvB0B;;gCAEFP,mCACC,KAACgE;oCAAEnC,OAAO7F,OAAOgD,aAAa;8CAAE;;;;sCAOpC,KAACuE;4BAAI1B,OAAO7F,OAAOkD,YAAY;sCAC7B,cAAA,MAACqE;gCAAI1B,OAAO;oCAAEnF,SAAS;oCAAQE,KAAK;oCAAOkB,gBAAgB;oCAAYmG,UAAU;gCAAO;;kDACtF,KAACT;wCACCC,MAAK;wCACLC,SAASJ;wCACTY,UAAUzD,gBAAgBP;wCAC1B2B,OAAO;4CACL,GAAG7F,OAAOoD,eAAe;4CACzB,GAAI,AAACqB,gBAAgBP,WAAYlE,OAAOuD,cAAc,GAAG,CAAC,CAAC;wCAC7D;kDACD;;oCAGAS,qBAAqBC,wBACpB,KAACuD;wCACCC,MAAK;wCACLC,SAAS,IAAMX,eAAe;wCAC9BmB,UAAUzD,gBAAgBP;wCAC1B2B,OAAO;4CACL,GAAG7F,OAAOqD,aAAa;4CACvB,GAAI,AAACoB,gBAAgBP,WAAYlE,OAAOuD,cAAc,GAAG,CAAC,CAAC;wCAC7D;kDAECW,WAAW,cAAc;;kDAG9B,KAACsD;wCACCC,MAAK;wCACLC,SAAS,IAAMX,eAAe;wCAC9BmB,UAAUzD,gBAAgBP;wCAC1B2B,OAAO;4CACL,GAAI7B,oBAAoBhE,OAAOsD,YAAY,GAAGtD,OAAOqD,aAAa;4CAClE,GAAI,AAACoB,gBAAgBP,WAAYlE,OAAOuD,cAAc,GAAG,CAAC,CAAC;wCAC7D;kDAECkB,eAAe,kBAAkBT,oBAAoB,4BAA4B;;;;;;;;;;AASpG,GAAE"}