pagepilot-visual-editor 1.0.41 → 1.0.43

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

@@ -28,6 +28,13 @@ export declare function VariableBoundClickArea({ bound, value, fieldId, children
 export declare function VariableLinkIcon({ value }: {
     value: string;
 }): import("react/jsx-runtime").JSX.Element;
+/**
+ * Label badge shown when the selected block's `prop` had its variable replaced
+ * by a literal value. Clicking it offers restoring the original token.
+ */
+export declare function TokenOverrideBadge({ prop }: {
+    prop: string;
+}): import("react/jsx-runtime").JSX.Element;
 /**
  * Text hint shown under a locked, variable-bound input — jumps to the variable.
  * Pass `fieldId` when the variable is known directly (e.g. a repeatable block's

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/helpers/sanitizeAgainstSchema.d.ts

@@ -4,8 +4,10 @@ import { z } from 'zod';
  * `safeParse`. That means a single stale/invalid field anywhere in the object
  * fails validation for the entire object, silently dropping whatever field the
  * user just touched along with it. This walks a failed `z.object()` (recursing
- * into nested `z.object()` shapes, e.g. `props`/`style`) and drops only the
- * keys that individually fail their own schema, so a legitimate edit isn't
- * blocked by an unrelated poisoned field elsewhere on the same block.
+ * into nested `z.object()` shapes, e.g. `props`/`style`, including ones wrapped
+ * in optional/nullable) and drops only the keys that individually fail their
+ * own schema, so a legitimate edit isn't blocked by an unrelated poisoned field
+ * elsewhere on the same block.
  */
 export declare function sanitizeAgainstSchema<T extends z.ZodTypeAny>(schema: T, value: unknown): unknown;
+export declare function safeParseSanitized<T extends z.ZodTypeAny>(schema: T, value: unknown): ReturnType<T['safeParse']>;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/variableEditActions.d.ts

@@ -26,6 +26,8 @@ export declare const getValueVariableTargets: (value: string, blockId: string |
  * against each other within the dialog.
  */
 export declare function validateVariableIds(targets: VariableEditTarget[], nextIds: string[]): (VariableIdError | null)[];
+/** Puts a block prop's token back, restoring its variable if it was unlinked. */
+export declare function revertTokenOverride(blockId: string, prop: string): void;
 /** Renames every changed key, as ONE undo step. */
 export declare function renameVariables(targets: VariableEditTarget[], nextIds: string[]): void;
 /** Turns every target back into plain text, as ONE undo step. */

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

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

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

@@ -0,0 +1 @@
+export declare function useClearHoverOnCanvasScroll(): void;

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

@@ -4,7 +4,6 @@ interface UseDragSelectionProps {
     pageHtml?: string | null;
     activeStepIndex?: number;
     panelRef: React.RefObject<HTMLDivElement>;
-    document: any;
     setDocument: (doc: any) => void;
     setPanelPosition: (position: {
         top: string;
@@ -12,7 +11,7 @@ interface UseDragSelectionProps {
     }) => void;
     setSelectionBox: (box: SelectionBox | null) => void;
 }
-export declare const useDragSelection: ({ backgroundImage, pageHtml, activeStepIndex, panelRef, document, setDocument, setPanelPosition, setSelectionBox, }: UseDragSelectionProps) => {
+export declare const useDragSelection: ({ backgroundImage, pageHtml, activeStepIndex, panelRef, setDocument, setPanelPosition, setSelectionBox, }: UseDragSelectionProps) => {
     isDragging: boolean;
     handleMouseDown: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     handleMouseMove: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;

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

@@ -1,3 +1,4 @@
+import { useDocumentPruned } from '../../../../render-core/stubs/editorContext.tsx';
 type UseSaveHandlerReturn = {
     onShowHtml: (type: 'live' | 'draft' | null, options?: {
         injectTabsScrollSyncScript?: boolean;
@@ -20,5 +21,5 @@ type RecordType = {
     }>;
     [key: string]: any;
 };
-declare const useSaveHandler: (record?: RecordType, activeSectionIndex?: number) => UseSaveHandlerReturn;
+declare const useSaveHandler: (record?: RecordType, activeSectionIndex?: number, documentOverride?: ReturnType<typeof useDocumentPruned> | null) => UseSaveHandlerReturn;
 export default useSaveHandler;

package/dist/editor-sample/documents/blocks/helpers/EditorChildrenIds/AddBlockMenu/DividerButton.styles.d.ts

@@ -0,0 +1,4 @@
+import { SxProps, Theme } from '@mui/material';
+export declare const DIVIDER_BUTTON_TOP_OFFSET = 12;
+export declare const pageTourDividerButtonSx: (theme: Theme) => SxProps<Theme>;
+export declare const dividerButtonSx: (theme: Theme) => SxProps<Theme>;

package/dist/editor-sample/documents/blocks/helpers/block-wrappers/EditorBlockWrapper.styles.d.ts

@@ -0,0 +1,2 @@
+import { SxProps, Theme } from '@mui/material';
+export declare const blockWrapperSx: (theme: Theme) => SxProps<Theme>;

package/dist/editor-sample/documents/blocks/helpers/block-wrappers/TuneMenu.d.ts

@@ -1,5 +1,7 @@
+import { default as React } from 'react';
 type Props = {
     blockId: string;
 };
-export default function TuneMenu({ blockId }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function TuneMenu({ blockId }: Props): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof TuneMenu>;
+export default _default;

package/dist/editor-sample/documents/blocks/helpers/block-wrappers/TuneMenu.styles.d.ts

@@ -2,11 +2,7 @@ import { SxProps, Theme } from '@mui/material';
 export declare const TUNE_MENU_HEIGHT = 44;
 export declare const TUNE_MENU_Z_INDEX = 1200;
 export declare const pillSx: (theme: Theme) => SxProps<Theme>;
-export declare const pillPositionedSx: (theme: Theme, position: {
-    top: number;
-    left: number;
-}) => SxProps<Theme>;
-export declare const pillHiddenSx: (theme: Theme) => SxProps<Theme>;
+export declare const pillPositionedSx: (theme: Theme) => SxProps<Theme>;
 export declare const iconButtonSx: (theme: Theme) => SxProps<Theme>;
 export declare const dangerIconButtonSx: (theme: Theme) => SxProps<Theme>;
 export declare const dividerSx: (theme: Theme) => SxProps<Theme>;

package/dist/editor-sample/documents/editor/canvasScrollActivity.d.ts

@@ -0,0 +1,5 @@
+export declare const CANVAS_SCROLLING_ATTR = "data-canvas-scrolling";
+type Listener = (scrolling: boolean) => void;
+export declare function isCanvasScrolling(): boolean;
+export declare function subscribeCanvasScroll(fn: Listener): () => void;
+export {};

package/dist/editor-sample/documents/editor/core.d.ts

@@ -2153,6 +2153,205 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
             "bottom-center": "bottom-center";
         }>>>;
     }, z.core.$strip>;
+    PagePilotLayout: z.ZodObject<{
+        lang: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        skipLink: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            enabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            text: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+            backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+            textColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+            borderRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            paddingX: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            paddingY: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            marginX: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            marginY: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            position: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+                "top-left": "top-left";
+                "top-center": "top-center";
+                "top-right": "top-right";
+            }>>>;
+            displayMode: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+                "focus-only": "focus-only";
+                "always-visible": "always-visible";
+            }>>>;
+        }, z.core.$strip>>>;
+        accessibilityTools: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            enabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            position: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+                "top-left": "top-left";
+                "top-right": "top-right";
+                "bottom-right": "bottom-right";
+                "bottom-left": "bottom-left";
+            }>>>;
+            features: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+                contrast: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+                invert: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+                saturation: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+                highlightLinks: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+                textSize: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+                textSpacing: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+                lineHeight: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+                hideImages: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+                bigCursor: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+                reset: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            }, z.core.$strip>>>;
+        }, z.core.$strip>>>;
+        formFields: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            name: z.ZodString;
+            type: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+            value: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>>>;
+        maxWidth: z.ZodDefault<z.ZodString>;
+        maxHeight: z.ZodDefault<z.ZodString>;
+        backdropColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+        borderColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+            topLeft: z.ZodNumber;
+            topRight: z.ZodNumber;
+            bottomRight: z.ZodNumber;
+            bottomLeft: z.ZodNumber;
+        }, z.core.$strip>]>>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        maxWidthTablet: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        maxWidthMobile: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        maxHeightTablet: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        maxHeightMobile: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        paddingTablet: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        paddingMobile: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        marginTablet: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        marginMobile: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        canvasColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+        textColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        hostTheme: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            light: "light";
+            follow: "follow";
+        }>>>;
+        fontFamily: z.ZodOptional<z.ZodNullable<z.ZodEnum<{
+            MODERN_SANS: "MODERN_SANS";
+            BOOK_SANS: "BOOK_SANS";
+            ORGANIC_SANS: "ORGANIC_SANS";
+            GEOMETRIC_SANS: "GEOMETRIC_SANS";
+            HEAVY_SANS: "HEAVY_SANS";
+            ROUNDED_SANS: "ROUNDED_SANS";
+            MODERN_SERIF: "MODERN_SERIF";
+            BOOK_SERIF: "BOOK_SERIF";
+            MONOSPACE: "MONOSPACE";
+            ROBOTO: "ROBOTO";
+            OPEN_SANS: "OPEN_SANS";
+            LATO: "LATO";
+            POPPINS: "POPPINS";
+            INTER: "INTER";
+            MONTSERRAT: "MONTSERRAT";
+            RALEWAY: "RALEWAY";
+            NUNITO: "NUNITO";
+            PLAYFAIR_DISPLAY: "PLAYFAIR_DISPLAY";
+            MERRIWEATHER: "MERRIWEATHER";
+            PT_SANS: "PT_SANS";
+            OSWALD: "OSWALD";
+            SOURCE_SANS_PRO: "SOURCE_SANS_PRO";
+            RUBIK: "RUBIK";
+            WORK_SANS: "WORK_SANS";
+            NOTO_SANS: "NOTO_SANS";
+            DANCING_SCRIPT: "DANCING_SCRIPT";
+            PACIFICO: "PACIFICO";
+            LOBSTER: "LOBSTER";
+            BEBAS_NEUE: "BEBAS_NEUE";
+        }>>>;
+        childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+        top: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+        left: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+        borderWidth: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        boxShadow: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+            offsetX: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            offsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            blur: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            spread: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            inset: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
+        backgroundImage: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+        backgroundSize: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        backgroundRepeat: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            repeat: "repeat";
+            "no-repeat": "no-repeat";
+        }>>>;
+        canvasWidth: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+        canvasHeight: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+        highlightStyle: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+            opacity: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>;
+            borderColor: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+            borderWidth: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>;
+            borderRadius: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>;
+        }, z.core.$strip>>>;
+        behaviour: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            position: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+                top: "top";
+                bottom: "bottom";
+                right: "right";
+                left: "left";
+                center: "center";
+                "top-left": "top-left";
+                "top-right": "top-right";
+                "bottom-right": "bottom-right";
+                "bottom-left": "bottom-left";
+            }>>>;
+            isCaret: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+            selector: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+        }, z.core.$loose>>>;
+        linkHref: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+        showCtaBtn: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+        ctaButtonBgColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+        ctaButtonText: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+        ctaButtonTextColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+        ctaNavigationLink: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+        ctaButtonPosition: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+            center: "center";
+            "top-left": "top-left";
+            "top-center": "top-center";
+            "top-right": "top-right";
+            "bottom-right": "bottom-right";
+            "bottom-left": "bottom-left";
+            "bottom-center": "bottom-center";
+        }>>>;
+    }, z.core.$strip>;
     Spacer: any;
     SkipLink: z.ZodObject<{
         style: z.ZodNullable<z.ZodOptional<z.ZodObject<{

package/dist/editor-sample/documents/editor/templateVariables.d.ts

@@ -213,6 +213,12 @@ export declare function resolveEditableTokenField(rawText: string, blockId: stri
 export declare function dropStaleMenuRepeatFields(document: TEditorConfiguration | null | undefined, fields: TemplateFormField[]): TemplateFormField[];
 export declare function pruneOrphanFormFields(document: TEditorConfiguration | null | undefined, fields: TemplateFormField[] | null | undefined): TemplateFormField[];
 export declare function getTextFieldsForType(type: string | undefined): string[] | undefined;
+/**
+ * Remember the `{{token}}` a block prop held when an edit replaces it with a
+ * literal value, under `data.tokenOverrides[prop]`, so the sidebar can flag the
+ * override and revert it. Binding the prop to a token again clears the entry.
+ */
+export declare function trackTokenOverrides(type: string, prevData: any, nextData: any): any;
 export declare function getTemplateForms(document: TEditorConfiguration | null | undefined): TemplateFormField[];
 export declare function applyVariables(input: string | null | undefined, fields: TemplateFormField[] | null | undefined, rowContext?: TemplateArrayRow | null): string;
 /**

package/dist/editor-sample/utils/rafThrottle.d.ts

@@ -0,0 +1,4 @@
+export type RafThrottled = (() => void) & {
+    cancel: () => void;
+};
+export declare function rafThrottle(fn: () => void): RafThrottled;

package/dist/email-builder-core/blocks/EmailLayout/layoutType.d.ts

@@ -0,0 +1,5 @@
+export declare const PAGE_PILOT_LAYOUT_TYPE: "PagePilotLayout";
+export declare const LEGACY_LAYOUT_TYPE: "EmailLayout";
+export declare const LAYOUT_BLOCK_TYPES: ReadonlySet<string>;
+export declare function isLayoutType(type: unknown): boolean;
+export declare function normalizeLayoutType<T>(doc: T): T;