pagepilot-visual-editor 1.0.2

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/helpers/inputs/raw/RawSliderInput.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type SliderInputProps = {
+    iconLabel: React.JSX.Element;
+    step?: number;
+    marks?: boolean;
+    units: string;
+    min?: number;
+    max?: number;
+    value: number;
+    setValue: (v: number) => void;
+};
+export default function RawSliderInput({ iconLabel, value, setValue, units, ...props }: SliderInputProps): React.JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/helpers/style-inputs/MultiStylePropertyPanel.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { TStyle } from '../../../../../../documents/blocks/helpers/TStyle';
+type MultiStylePropertyPanelProps = {
+    names: (keyof TStyle)[];
+    value: TStyle | undefined | null;
+    onChange: (style: TStyle) => void;
+};
+export default function MultiStylePropertyPanel({ names, value, onChange }: MultiStylePropertyPanelProps): React.JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/helpers/style-inputs/SingleStylePropertyPanel.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { TStyle } from '../../../../../../documents/blocks/helpers/TStyle';
+type StylePropertyPanelProps = {
+    name: keyof TStyle;
+    value: TStyle;
+    onChange: (style: TStyle) => void;
+};
+export default function SingleStylePropertyPanel({ name, value, onChange, }: StylePropertyPanelProps): React.JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/EditorBehavior.d.ts

@@ -0,0 +1,21 @@
+export declare const INSPECTOR_DRAWER_WIDTH = 413;
+export declare const StyledRightPanel: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export interface EditorPanelToggles {
+    style?: boolean;
+    layout?: boolean;
+    inspect?: boolean;
+    layers?: boolean;
+}
+interface EditorBehaviorProps {
+    record: any;
+    onTogglePreview: () => void;
+    activeStepIndex: number;
+    onBackgroundChange: any;
+    onUpdateRecord?: (record: any) => void;
+    onSaveChanges?: () => Promise<boolean>;
+    onNavigateBranding?: () => void;
+    /** Toggle visibility of the four side panels. Defaults to all enabled. */
+    panels?: EditorPanelToggles;
+}
+declare const EditorBehavior: ({ record, activeStepIndex, onBackgroundChange, onUpdateRecord, panels, }: EditorBehaviorProps) => import("react").JSX.Element;
+export default EditorBehavior;

package/dist/editor-sample/App/InspectorDrawer/LayersPanel.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export default function LayersPanel(): React.JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/LayersPanelStyles.d.ts

@@ -0,0 +1,27 @@
+import { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/material';
+export declare const PanelRoot: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const PanelHeader: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const PanelContent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const HeaderBox: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "fontSize" | "fontFamily" | "fontWeight" | "textAlign" | "padding" | "style" | "borderRadius" | "borderColor" | "width" | "borderTop" | "border" | "flex" | "children" | "className" | "color" | "position" | "lineHeight" | "fontStyle" | "p" | "align" | "bgcolor" | "height" | "display" | "overflow" | "marginBottom" | "gap" | "paddingX" | "paddingY" | "maxWidth" | "maxHeight" | "margin" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "typography" | "displayPrint" | "classes" | "sx" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const ClipboardBar: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const ActionSpan: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "fullWidth" | "size" | "action" | "children" | "className" | "href" | "color" | "disabled" | "tabIndex" | "loading" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon" | "variant"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const connectorVLineSx: (depth: number, isLast: boolean, INDENT: number) => SxProps<Theme>;
+export declare const connectorHLineSx: (depth: number, INDENT: number) => SxProps<Theme>;
+export declare const rowSx: (depth: number, INDENT: number, isSelected: boolean, dropPos: "before" | "after" | "inside" | null) => SxProps<Theme>;
+export declare const dragHandleSx: (isSelected: boolean) => SxProps<Theme>;
+export declare const toggleWrapperSx: SxProps<Theme>;
+export declare const toggleBtnSx: SxProps<Theme>;
+export declare const leafDotSx: SxProps<Theme>;
+export declare const blockIconWrapSx: (hidden: boolean) => SxProps<Theme>;
+export declare const labelRowSx: SxProps<Theme>;
+export declare const blockTypeLabelSx: (isSelected: boolean, hidden: boolean) => SxProps<Theme>;
+export declare const hiddenChipWrapSx: SxProps<Theme>;
+export declare const hiddenChipTextSx: SxProps<Theme>;
+export declare const actionGroupSx: SxProps<Theme>;
+export declare const visibilityBtnSx: (hidden: boolean) => SxProps<Theme>;
+export declare const copyBtnSx: SxProps<Theme>;
+export declare const pasteBtnSx: (hasCopied: boolean) => SxProps<Theme>;
+export declare const deleteBtnSx: SxProps<Theme>;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/BlocksPanel.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const BlocksPanel: React.FC;
+export default BlocksPanel;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/icons/index.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SvgIconProps } from '@mui/material/SvgIcon';
+declare const ContainerIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const GridIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const ImageIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const TextIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const ButtonIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const HtmlIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const VideoIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const DividerIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const AvatarIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const SpacerIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const HeadingIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const StepperIcon: (props?: SvgIconProps) => React.JSX.Element;
+declare const DragIcon: (props?: SvgIconProps) => React.JSX.Element;
+export { ContainerIcon, GridIcon, ImageIcon, TextIcon, ButtonIcon, HtmlIcon, VideoIcon, DividerIcon, DragIcon, HeadingIcon, StepperIcon, AvatarIcon, SpacerIcon, };

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/index.d.ts

@@ -0,0 +1,6 @@
+interface LayoutPanelProps {
+    record?: any;
+    onUpdateRecord?: (record: any) => void;
+}
+declare const LayoutPanel: (_props: LayoutPanelProps) => import("react").JSX.Element;
+export default LayoutPanel;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/templateHelpers.d.ts

@@ -0,0 +1 @@
+export declare const generateBlockId: () => string;

package/dist/editor-sample/App/InspectorDrawer/StylesPanel.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export default function StylesPanel({ record, isTypeDemo, onBackgroundChange }: {
+    record: any;
+    isTypeDemo: any;
+    onBackgroundChange: any;
+}): React.JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/hooks/useScalarFieldInput.d.ts

@@ -0,0 +1,23 @@
+import { TextFieldProps } from '@mui/material';
+import { TemplateScalarType } from '../../../documents/editor/templateVariables';
+export declare function useScalarFieldInput(type: TemplateScalarType, onChange: (value: string) => void, onPaperBackground: boolean): {
+    sx: {
+        mt: number;
+        mb: number;
+        "& .MuiOutlinedInput-root": {
+            borderRadius: number;
+        };
+    } | {
+        mt: number;
+        '& .MuiOutlinedInput-root': {
+            backgroundColor: string;
+            borderRadius: number;
+        };
+        mb: number;
+    };
+    typeProps: Partial<TextFieldProps>;
+    galleryOpen: boolean;
+    openGallery: () => void;
+    closeGallery: () => void;
+    onGallerySelect: (media: any[]) => void;
+};

package/dist/editor-sample/App/InspectorDrawer/icons/index.d.ts

@@ -0,0 +1,53 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const ContainerIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const ColumnsIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const GridIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const TextIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const HeadingIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const ImageIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const ButtonIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const VideoIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const AvatarIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const DividerIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const SpacerIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const StepperIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};
+export declare const AccordionIcon: {
+    (props: SvgIconProps): import("react").JSX.Element;
+    muiName: string;
+};

package/dist/editor-sample/App/InspectorDrawer/index.d.ts

@@ -0,0 +1,16 @@
+import { EditorPanelToggles } from './EditorBehavior';
+export declare const INSPECTOR_DRAWER_WIDTH = 413;
+interface InspectorDrawerProps {
+    record: any;
+    onTogglePreview: () => void;
+    activeStepIndex: number;
+    onBackgroundChange: (image: string) => void;
+    onUpdateRecord?: (record: any) => void;
+    onSaveChanges?: () => Promise<boolean>;
+    isExternalSection?: boolean;
+    onNavigateBranding?: () => void;
+    /** Toggle visibility of the four side panels. */
+    panels?: EditorPanelToggles;
+}
+export default function InspectorDrawer({ record, onTogglePreview, activeStepIndex, onBackgroundChange, onUpdateRecord, onSaveChanges, isExternalSection, onNavigateBranding, panels, }: InspectorDrawerProps): import("react").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/layerClipboard.d.ts

@@ -0,0 +1,7 @@
+export type CopiedLayer = {
+    rootBlockId: string;
+    blocks: Record<string, any>;
+};
+export declare function isFullPageDocument(value: unknown): boolean;
+export declare function asCopiedLayer(value: unknown): CopiedLayer | null;
+export declare function readCopiedLayer(clipboardText: string | null, inMemory: unknown): CopiedLayer | null;

package/dist/editor-sample/App/InspectorDrawer/useLayerNode.d.ts

@@ -0,0 +1,35 @@
+import { DropPosition } from '../../documents/blocks/helpers/documentUtils';
+export declare function getChildrenIds(block: any): string[];
+export declare function collectSubtree(doc: Record<string, any>, rootId: string): {
+    rootBlockId: string;
+    blocks: Record<string, any>;
+};
+export declare function insertAfterBlock(doc: Record<string, any>, afterId: string, newId: string): Record<string, any> | null;
+interface UseLayerNodeOptions {
+    blockId: string;
+    selectedBlockId: string | null;
+}
+export declare function useLayerNode({ blockId, selectedBlockId }: UseLayerNodeOptions): {
+    block: any;
+    childIds: string[];
+    hasChildren: boolean;
+    isSelected: boolean;
+    canNest: boolean;
+    hidden: boolean;
+    hasCopied: boolean;
+    expanded: boolean;
+    setExpanded: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    dropPos: DropPosition;
+    handleDragStart: (e: React.DragEvent) => void;
+    handleDragOver: (e: React.DragEvent) => void;
+    handleDragLeave: (e: React.DragEvent) => void;
+    handleDrop: (e: React.DragEvent) => void;
+    handleSelect: (e: React.MouseEvent) => void;
+    handleDoubleClick: (e: React.MouseEvent) => void;
+    handleToggle: (e: React.MouseEvent) => void;
+    handleToggleHidden: (e: React.MouseEvent) => void;
+    handleDelete: (e: React.MouseEvent) => void;
+    handleCopyLayer: (e: React.MouseEvent) => Promise<void>;
+    handlePasteAfterLayer: (e: React.MouseEvent) => Promise<void>;
+};
+export {};

package/dist/editor-sample/App/TemplatePanel/HtmlPanel.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export default function HtmlPanel(): React.JSX.Element;

package/dist/editor-sample/App/TemplatePanel/JsonPanel.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export default function JsonPanel(): React.JSX.Element;

package/dist/editor-sample/App/TemplatePanel/helper/HighlightedCodePanel.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type TextEditorPanelProps = {
+    type: 'json' | 'html' | 'javascript';
+    value: string;
+};
+export default function HighlightedCodePanel({ type, value }: TextEditorPanelProps): React.JSX.Element;
+export {};

package/dist/editor-sample/App/TemplatePanel/helper/highlighters.d.ts

@@ -0,0 +1,2 @@
+export declare function html(value: string): Promise<string>;
+export declare function json(value: string): Promise<string>;

package/dist/editor-sample/App/TemplatePanel/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useDragSelection } from './useDragSelection';
+export { usePanelPositioning } from './usePanelPositioning';
+export { useMainBoxStyles } from './useMainBoxStyles';

package/dist/editor-sample/App/TemplatePanel/hooks/useDragSelection.d.ts

@@ -0,0 +1,23 @@
+import { SelectionBox } from '../types';
+interface UseDragSelectionProps {
+    backgroundImage?: string | null;
+    pageHtml?: string | null;
+    activeStepIndex?: number;
+    panelRef: React.RefObject<HTMLDivElement>;
+    document: any;
+    setDocument: (doc: any) => void;
+    setPanelPosition: (position: {
+        top: string;
+        left: string;
+    }) => void;
+    setSelectionBox: (box: SelectionBox | null) => void;
+}
+export declare const useDragSelection: ({ backgroundImage, pageHtml, activeStepIndex, panelRef, document, setDocument, setPanelPosition, setSelectionBox, }: UseDragSelectionProps) => {
+    isDragging: boolean;
+    handleMouseDown: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleMouseMove: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleMouseUp: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => Promise<void>;
+    handleMouseLeave: () => void;
+    getDragRectangle: () => SelectionBox | null;
+};
+export {};

package/dist/editor-sample/App/TemplatePanel/hooks/useMainBoxStyles.d.ts

@@ -0,0 +1,12 @@
+import { SxProps } from '@mui/material';
+import { PageTypes } from '../../hooks/constants';
+interface GetMainBoxSxProps {
+    pageType: PageTypes | undefined;
+    backgroundImage?: string | null;
+    pageHtml?: string | null;
+    isPreviewOpen: boolean;
+    selectedScreenSize: string;
+    layoutData: any;
+}
+export declare const useMainBoxStyles: ({ pageType, backgroundImage, pageHtml, isPreviewOpen, selectedScreenSize, layoutData, }: GetMainBoxSxProps) => SxProps;
+export {};

package/dist/editor-sample/App/TemplatePanel/hooks/usePanelPositioning.d.ts

@@ -0,0 +1,25 @@
+import { SelectionBox } from '../types';
+interface UsePanelPositioningProps {
+    layoutData: any;
+    document: any;
+    backgroundImage?: string | null;
+    pageHtml?: string | null;
+    panelRef: React.RefObject<HTMLDivElement>;
+    setPanelPosition: (position: {
+        top: string;
+        left: string;
+    }) => void;
+    setSelectionBox: (box: SelectionBox | null) => void;
+    onPositioned?: (v: boolean) => void;
+    activeStepIndex?: number;
+    /**
+     * Bumped each time the page-backdrop iframe finishes (re)loading / re-measuring.
+     * Used to re-run positioning once the iframe's `#ahd-...` elements have real
+     * bounds; without this the first-render panel + selection box snap to the
+     * scrollWidth/scrollHeight of an empty iframe and drift relative to the
+     * actual target element.
+     */
+    iframeReadyTick?: number;
+}
+export declare const usePanelPositioning: ({ layoutData, document, backgroundImage, pageHtml, panelRef, setPanelPosition, setSelectionBox, onPositioned, activeStepIndex, iframeReadyTick, }: UsePanelPositioningProps) => void;
+export {};

package/dist/editor-sample/App/TemplatePanel/index.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { PageSection } from '../shared/pageSections';
+interface TemplatePanelProps {
+    record: any;
+    isPreviewOpen: boolean;
+    activeStepIndex: number;
+    fetchTooltip: () => void;
+    backgroundImage?: string | null | undefined;
+    pageHtml?: string | null;
+    isPageHtmlFetching?: boolean;
+    loading: boolean;
+    activeSection?: PageSection;
+    activeSectionIndex?: number;
+    onAddSection?: () => void;
+}
+export default function TemplatePanel({ record, isPreviewOpen, activeStepIndex, fetchTooltip, backgroundImage, pageHtml, isPageHtmlFetching, loading, activeSectionIndex, onAddSection, }: TemplatePanelProps): React.JSX.Element;
+export {};

package/dist/editor-sample/App/TemplatePanel/pageGuide/AhdMarkerLayer.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { AhdMarker } from './useAhdMarkers';
+/** Z-indexes used by the page-tour editor overlay. Exported so siblings stay consistent. */
+export declare const PAGE_GUIDE_Z: {
+    readonly dim: 995;
+    readonly markerRect: 996;
+    readonly selectionBox: 997;
+    readonly dragRect: 998;
+    readonly ctaLayer: 1000;
+    readonly badge: 1050;
+    readonly panel: 1100;
+};
+type Props = {
+    markers: AhdMarker[];
+    onPick: (marker: AhdMarker) => void;
+};
+/** Renders the clickable marker rectangles + `+` badges over the page backdrop. */
+export default function AhdMarkerLayer({ markers, onPick }: Props): React.JSX.Element;
+export {};

package/dist/editor-sample/App/TemplatePanel/pageGuide/elementBounds.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Helpers for reading the on-screen bounds of elements inside the page-backdrop iframe.
+ *
+ * Newer saved pages wrap each block in a real `<div id="ahd-..." class="ahd-block-wrapper">`.
+ * Older pages still use `display:contents` wrappers whose own rect is 0×0 — for those we
+ * fall back to the wrapper's first child. Callers never need to know which layout is in play.
+ */
+export type Bounds = {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+/** Returns the element's own rect, or its first child's rect if the element is layout-less. */
+export declare function getVisibleRect(el: Element | null): DOMRect | null;
+/** Convert an iframe-viewport rect into its host container's content-coordinate bounds. */
+export declare function rectToContainerBounds(iframe: HTMLIFrameElement, rect: DOMRect): Bounds;
+/** Shortcut: element bounds expressed in the outer container's content coordinates. */
+export declare function getContainerBounds(iframe: HTMLIFrameElement, el: Element | null): Bounds | null;
+/**
+ * Walk up from a node to the nearest ancestor whose `id` starts with `ahd-`. Stops at `root`.
+ * Used by both the click-pick handlers and the drag-snap handler.
+ */
+export declare function findAhdAncestor(el: Element | null, root: Element | null): HTMLElement | null;

package/dist/editor-sample/App/TemplatePanel/pageGuide/iframeSrcDoc.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Builds the `srcDoc` HTML for the iframe that shows the saved page as the page-tour
+ * editor backdrop. Strips anything that would execute the live tour on top of the preview
+ * (our injected integration block, stray <script>/<noscript> tags).
+ */
+export declare function buildIframeSrcDoc(pageHtml: string): string;

package/dist/editor-sample/App/TemplatePanel/pageGuide/useAhdMarkers.d.ts

@@ -0,0 +1,28 @@
+import { SelectionBox } from '../types';
+export type AhdMarker = {
+    id: string;
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+};
+type Options = {
+    /** Ref to the scroll container (iframe's offsetParent). */
+    getScrollContainer: () => HTMLElement | null;
+    /** Whether the page-tour UI is active (pageHtml truthy). */
+    enabled: boolean;
+    /** Index of the currently edited step (written to the selectors array on pick). */
+    activeStepIndex: number;
+    /** Setter for the green selection rectangle. */
+    setSelectionBox: (box: SelectionBox | null) => void;
+};
+/**
+ * Encapsulates everything needed to show + interact with the element-id markers
+ * (blue dashed rectangles + `+` badges) that sit on top of the page-backdrop iframe.
+ */
+export declare function useAhdMarkers({ getScrollContainer, enabled, activeStepIndex, setSelectionBox, }: Options): {
+    markers: AhdMarker[];
+    measure: (iframeArg?: HTMLIFrameElement | null) => void;
+    pick: (marker: AhdMarker) => void;
+};
+export {};

package/dist/editor-sample/App/TemplatePanel/types.d.ts

@@ -0,0 +1,36 @@
+export interface Position {
+    left: number;
+    top: number;
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface SelectionBox {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface SpaceAvailability {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    canFitTop: boolean;
+    canFitBottom: boolean;
+    canFitLeft: boolean;
+    canFitRight: boolean;
+    canFitTopLeft: boolean;
+    canFitTopRight: boolean;
+    canFitBottomLeft: boolean;
+    canFitBottomRight: boolean;
+}
+export interface PositionWithPriority extends Position {
+    priority: number;
+}
+export interface DragState {
+    isDragging: boolean;
+    dragStart: Point | null;
+    dragEnd: Point | null;
+}

package/dist/editor-sample/App/TemplatePanel/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './positioningUtils';

package/dist/editor-sample/App/TemplatePanel/utils/positioningUtils.d.ts

@@ -0,0 +1,16 @@
+import { Position, SelectionBox, SpaceAvailability } from '../types';
+export declare const normalizeCssSize: (value: any) => string | undefined;
+export declare const calculateGap: (containerWidth: number, containerHeight: number) => number;
+export declare const detectCornerPosition: (selectionBox: SelectionBox, containerWidth: number, containerHeight: number, threshold?: number) => string | null;
+export declare const checkOverlap: (panelLeft: number, panelTop: number, panelWidth: number, panelHeight: number, selectionLeft: number, selectionTop: number, selectionWidth: number, selectionHeight: number) => boolean;
+export declare const calculateSpaceAvailability: (selectionBox: SelectionBox, containerWidth: number, containerHeight: number, panelWidth: number, panelHeight: number, gap: number) => SpaceAvailability;
+export declare const determinePreferredPosition: (behaviourPosition: string, selectionBox: SelectionBox, containerWidth: number, containerHeight: number, spaceAvailability: SpaceAvailability) => string;
+export declare const calculatePositionByStrategy: (position: string, selectionBox: SelectionBox, panelWidth: number, panelHeight: number, gap: number) => Position;
+export declare const findBestNonOverlappingPosition: (selectionBox: SelectionBox, panelWidth: number, panelHeight: number, containerWidth: number, containerHeight: number, gap: number, spaceAvailability: SpaceAvailability, allowClamped: boolean) => (Position & {
+    name: string;
+}) | null;
+export declare const determineFinalPosition: (preferredPosition: string, spaceAvailability: SpaceAvailability) => string;
+export declare const calculatePanelPosition: (selectionBox: SelectionBox, panelWidth: number, panelHeight: number, containerWidth: number, containerHeight: number, behaviourPosition: string) => {
+    position: Position;
+    finalPosition: string;
+};

package/dist/editor-sample/App/hooks/constants.d.ts

@@ -0,0 +1,10 @@
+export declare enum PageTypes {
+    Tooltip = "tooltip",
+    Tour = "tour",
+    Page = "page",
+    Demo = "demo",
+    Appbanner = "app-banner",
+    Faq = "faq",
+    Menu = "menu",
+    Template = "template"
+}

package/dist/editor-sample/App/hooks/page/menuHrefBaselines.d.ts

@@ -0,0 +1,10 @@
+type MenuItem = {
+    id?: string;
+    href?: string;
+    children?: MenuItem[];
+};
+export declare const seedMenuHrefBaselineIfMissing: (menuId: string, items: MenuItem[] | null | undefined) => void;
+export declare const refreshMenuHrefBaseline: (menuId: string, items: MenuItem[]) => void;
+export declare const hasLocalMenuHrefEdits: (menuId: string, items: MenuItem[] | null | undefined) => boolean;
+export declare const clearMenuHrefBaselines: () => void;
+export {};

package/dist/editor-sample/App/hooks/page/saveMenuHrefEdits.d.ts

@@ -0,0 +1 @@
+export declare const saveMenuHrefEdits: (_doc: Record<string, any>) => Promise<void>;

package/dist/editor-sample/App/hooks/page/useSaveHandler.d.ts

@@ -0,0 +1,21 @@
+type UseSaveHandlerReturn = {
+    onShowHtml: (type: 'live' | 'draft' | null, options?: {
+        injectTabsScrollSyncScript?: boolean;
+        injectCarouselScript?: boolean;
+        schedule?: {
+            startDate?: Date | null;
+            endDate?: Date | null;
+        };
+    }) => Promise<any>;
+    loading: boolean | undefined;
+};
+type RecordType = {
+    title?: string;
+    content?: string;
+    sections: Array<{
+        id: string;
+    }>;
+    [key: string]: any;
+};
+declare const useSaveHandler: (record?: RecordType, activeSectionIndex?: number) => UseSaveHandlerReturn;
+export default useSaveHandler;

package/dist/editor-sample/App/hooks/useGetPageType.d.ts

@@ -0,0 +1,3 @@
+import { PageTypes } from './constants';
+declare const useGetPageType: () => PageTypes.Tooltip | PageTypes.Tour | PageTypes.Page | PageTypes.Demo | PageTypes.Appbanner | PageTypes.Faq | PageTypes.Template;
+export default useGetPageType;

package/dist/editor-sample/App/hooks/usePreviewScreen.d.ts

@@ -0,0 +1,8 @@
+declare const usePreviewScreen: () => {
+    isPreviewOpen: boolean;
+    onTogglePreview: () => void;
+    isCodeOpen: boolean;
+    onToggleCode: () => void;
+    enteredFromPreview: boolean;
+};
+export default usePreviewScreen;

package/dist/editor-sample/App/shared/AddSectionDialog.d.ts

@@ -0,0 +1,12 @@
+import { PageSectionType, SectionDraft } from './pageSections';
+type Props = {
+    open: any;
+    onClose: () => void;
+    onAdd: (section: SectionDraft) => void;
+    initialValues?: {
+        title: string;
+        sectionType: PageSectionType;
+    };
+};
+declare const AddSectionDialog: ({ open, onClose, onAdd, initialValues }: Props) => import("react").JSX.Element;
+export default AddSectionDialog;

package/dist/editor-sample/App/shared/PagePreviewFrame.d.ts

@@ -0,0 +1,16 @@
+import { TReaderDocument } from '../../../email-builder-core/index.ts';
+export declare function ensureFullHtmlDocument(html: string): string;
+export declare function getBodyMarkup(html: string): string;
+/**
+ * Renders a page document (or pre-rendered HTML) inside an iframe that
+ * auto-sizes to its content height. A ResizeObserver measures the content's
+ * natural layout at the iframe's current width (so the page's own @media
+ * queries fire correctly) and sets the iframe height to exactly fit — meaning
+ * the iframe never shows its own scrollbar and never leaves blank space below
+ * short content. The surrounding container is responsible for any scrolling.
+ */
+export declare function PagePreviewFrame({ savedContent, document, }: {
+    savedContent?: string | null;
+    document: TReaderDocument;
+}): import("react").JSX.Element;
+export default PagePreviewFrame;