pagepilot-visual-editor 1.0.4 → 1.0.6

package/dist/email-builder-core/blocks/Timer/TimerPropsSchema.d.ts

@@ -0,0 +1,38 @@
+import { z } from 'zod';
+export declare const TimerPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        textColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        accentColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString, 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;
+            right: z.ZodNumber;
+            bottom: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        layout: z.ZodDefault<z.ZodEnum<{
+            digitalFlip: "digitalFlip";
+            circularProgress: "circularProgress";
+            textInline: "textInline";
+        }>>;
+        targetDate: z.ZodDefault<z.ZodString>;
+        showLabels: z.ZodDefault<z.ZodBoolean>;
+        expiredBehavior: z.ZodDefault<z.ZodEnum<{
+            hide: "hide";
+            showMessage: "showMessage";
+            showZeros: "showZeros";
+        }>>;
+        expiredMessage: z.ZodDefault<z.ZodString>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type TimerProps = z.infer<typeof TimerPropsSchema>;
+export default TimerPropsSchema;

package/dist/email-builder-core/blocks/Timer/TimerReader.d.ts

@@ -0,0 +1,2 @@
+import { TimerProps } from './TimerPropsSchema';
+export default function TimerReader({ style, props }: TimerProps): import("react/jsx-runtime").JSX.Element;

package/dist/email-builder-core/blocks/Timer/variants/CircularProgressView.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    showLabels: boolean;
+    accentColor?: string | null;
+    textColor?: string | null;
+};
+export default function CircularProgressView({ days, hours, minutes, seconds, showLabels, accentColor, textColor, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/email-builder-core/blocks/Timer/variants/DigitalFlipView.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    showLabels: boolean;
+    accentColor?: string | null;
+    textColor?: string | null;
+};
+export default function DigitalFlipView({ days, hours, minutes, seconds, showLabels, accentColor, textColor }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/email-builder-core/blocks/Timer/variants/TextInlineView.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    showLabels: boolean;
+    accentColor?: string | null;
+    textColor?: string | null;
+};
+export default function TextInlineView({ days, hours, minutes, seconds, showLabels, accentColor, textColor }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/email-builder-core/blocks/responsiveBreakpoints.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Single source of truth for responsive breakpoints across ALL blocks + the
+ * editor + the preview iframe. Every block's `@media` CSS, the editor's device
+ * swap widths (DEVICE_VIEWPORT_WIDTH), and the Preview dialog iframe width MUST
+ * use these — otherwise the editor canvas, Preview, and the live page disagree
+ * about when "tablet" / "mobile" kicks in and layouts look different in each.
+ *
+ * Values match DEVICE_VIEWPORT_WIDTH in
+ * editor-sample/src/documents/blocks/helpers/responsiveStyle.ts.
+ */
+export declare const BREAKPOINT_TABLET_MAX = 1024;
+export declare const BREAKPOINT_MOBILE_MAX = 640;
+/** `@media (max-width: …)` prelude for each breakpoint. */
+export declare const MEDIA_TABLET = "@media (max-width: 1024px)";
+export declare const MEDIA_MOBILE = "@media (max-width: 640px)";
+/**
+ * Tablet band ONLY — excludes mobile widths.
+ *
+ * Per-device OVERRIDE slices inherit from DESKTOP, not from each other: editing
+ * the Tablet tab writes `responsive.tablet`, and Mobile (with no slice of its
+ * own for that field) still shows the desktop value — that's what both the
+ * sidebar and `resolveBlockDataForDevice` do.
+ *
+ * A plain `max-width: 1024px` rule contradicts that: it also matches 640px and
+ * below, so a tablet-only override would visually leak onto mobile. Bounding it
+ * below at the mobile breakpoint keeps the CSS agreeing with the editor.
+ *
+ * Use this for OVERRIDE rules. Keep plain MEDIA_TABLET for rules that are
+ * genuinely meant to cascade down to mobile (a block's own built-in layout CSS,
+ * where mobile then re-overrides in its own @media block).
+ */
+export declare const MEDIA_TABLET_ONLY = "@media (min-width: 641px) and (max-width: 1024px)";

package/dist/host-stubs/modules/_hostListShim.d.ts

@@ -0,0 +1,18 @@
+export declare const noopListSelectors: {
+    selectRows: any;
+    selectCount: any;
+    selectLoading: any;
+    selectErrorMessage: any;
+    selectHasRows: any;
+};
+export declare const noopListActions: {
+    doFetch: (_filter?: any) => {
+        type: string;
+    };
+    doReset: () => {
+        type: string;
+    };
+    doMarkDirty: () => {
+        type: string;
+    };
+};

package/dist/host-stubs/modules/appBannerV2/list/appBannerListActions.d.ts

@@ -0,0 +1 @@
+export { noopListActions as default } from '../../_hostListShim';

package/dist/host-stubs/modules/appBannerV2/list/appBannerListSelectors.d.ts

@@ -0,0 +1 @@
+export { noopListSelectors as default } from '../../_hostListShim';

package/dist/host-stubs/modules/demo/list/demoListActions.d.ts

@@ -0,0 +1 @@
+export { noopListActions as default } from '../../_hostListShim';

package/dist/host-stubs/modules/demo/list/demoListSelectors.d.ts

@@ -0,0 +1 @@
+export { noopListSelectors as default } from '../../_hostListShim';

package/dist/host-stubs/modules/faqGroup/list/faqGroupListActions.d.ts

@@ -0,0 +1 @@
+export { noopListActions as default } from '../../_hostListShim';

package/dist/host-stubs/modules/faqGroup/list/faqGroupListSelectors.d.ts

@@ -0,0 +1 @@
+export { noopListSelectors as default } from '../../_hostListShim';

package/dist/host-stubs/modules/forms/formsService.d.ts

@@ -0,0 +1,9 @@
+declare const FormsService: {
+    list: () => Promise<{
+        rows: any[];
+        count: number;
+    }>;
+    find: () => Promise<any>;
+    getViewUrl: (_id: string) => string;
+};
+export default FormsService;

package/dist/host-stubs/modules/menu/list/menuListActions.d.ts

@@ -0,0 +1 @@
+export { noopListActions as default } from '../../_hostListShim';

package/dist/host-stubs/modules/menu/list/menuListSelectors.d.ts

@@ -0,0 +1 @@
+export { noopListSelectors as default } from '../../_hostListShim';

package/dist/host-stubs/modules/store.d.ts

@@ -0,0 +1,3 @@
+export type AppDispatch = (action: unknown) => void;
+declare const getStore: () => any;
+export default getStore;

package/dist/host-stubs/react-redux.d.ts

@@ -0,0 +1,3 @@
+export declare const useSelector: <T = any>(_selector: unknown) => T;
+export declare const useDispatch: <D = (action: unknown) => void>() => D;
+export type AppDispatch = (action: unknown) => void;

package/dist/host-stubs/style/menu.styled.d.ts

@@ -1,15 +1,73 @@
-declare const __passthrough: any;
-export default __passthrough;
-export declare const addTabButtonSx: any;
-export declare const menuItemHrefFieldSx: any;
-export declare const menuSidebarSelectSx: any;
-export declare const menuEditorEmptyState: any;
-export declare const menuNav: any;
-export declare const menuSlot: any;
-export declare const menuList: any;
-export declare const menuListItem: any;
-export declare const menuLink: any;
-export declare const menuIcon: any;
-export declare const menuChildrenWrapper: any;
-export declare const menuToggleInput: any;
-export declare const menuBurgerLabel: any;
+import { CSSProperties } from 'react';
+export declare const menuEditorEmptyState: CSSProperties;
+type BlockPadding = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+} | null | undefined;
+export declare const menuNav: (backgroundColor: string, position: string, hasSlots?: boolean, blockPadding?: BlockPadding) => CSSProperties;
+export declare const menuSlot: (align: "start" | "center" | "end", isCenter?: boolean) => CSSProperties;
+export declare const menuList: (orientation: string, level: number, gap: string) => CSSProperties;
+export declare const menuListItem: CSSProperties;
+export declare const menuLink: (showIcons: boolean, hasIcon: boolean, textColor: string, fontSize: string, fontWeight: string, padding: string, fontFamily?: string) => CSSProperties;
+export declare const menuIcon: (iconSize: string) => CSSProperties;
+export declare const menuChildrenWrapper: (level: number) => CSSProperties;
+export declare const menuToggleInput: CSSProperties;
+export declare const menuBurgerLabel: (textColor: string) => CSSProperties;
+export declare const menuItemHrefFieldSx: {
+    readonly width: "100%";
+    readonly '& .MuiOutlinedInput-root': {
+        readonly backgroundColor: "#F5F5F5";
+        readonly borderRadius: "4px";
+    };
+    readonly '& .MuiOutlinedInput-notchedOutline': {
+        readonly border: "none";
+    };
+    readonly '&:hover .MuiOutlinedInput-notchedOutline': {
+        readonly border: "none";
+    };
+    readonly '& .Mui-focused .MuiOutlinedInput-notchedOutline': {
+        readonly border: "none";
+    };
+    readonly '& .MuiOutlinedInput-input': {
+        readonly padding: "8px 10px";
+        readonly fontSize: 14;
+    };
+};
+export declare const menuSidebarSelectSx: {
+    readonly backgroundColor: "transparent";
+    readonly borderRadius: "4px";
+    readonly px: 0.5;
+    readonly py: 0.5;
+    readonly '& .MuiOutlinedInput-notchedOutline': {
+        readonly border: "none";
+    };
+    readonly '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+        readonly border: "none";
+    };
+    readonly '&:hover .MuiOutlinedInput-notchedOutline': {
+        readonly border: "none";
+    };
+    readonly '& .MuiSelect-select': {
+        readonly paddingY: 0.5;
+        readonly paddingX: 0.5;
+    };
+};
+export declare const addTabButtonSx: {
+    readonly mt: 1.5;
+    readonly py: 0.75;
+    readonly border: "1px dashed #C9C9C9";
+    readonly borderRadius: "6px";
+    readonly cursor: "pointer";
+    readonly color: "text.secondary";
+    readonly fontSize: 12;
+    readonly fontWeight: 500;
+    readonly gap: 0.5;
+    readonly '&:hover': {
+        readonly borderColor: "primary.main";
+        readonly color: "primary.main";
+    };
+    readonly transition: "color 0.15s, border-color 0.15s";
+};
+export {};

package/dist/host-stubs/tanstack-react-query.d.ts

@@ -0,0 +1,9 @@
+export interface UseQueryResult<TData = any> {
+    data: TData | undefined;
+    isLoading: boolean;
+    isError: boolean;
+    isSuccess: boolean;
+    error: Error | null;
+    refetch: () => Promise<void>;
+}
+export declare function useQuery<TData = any>(_options: any): UseQueryResult<TData>;

package/dist/host-stubs/view/shared/htmlSanitize.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Sanitize pasted HTML into something safe to drop into a contentEditable.
+ *
+ * Pipeline:
+ *   1. Strip Microsoft-Office / Google-Docs cruft from the raw string.
+ *   2. Parse, drop script/style/meta/etc., unwrap Word `<b style="...:normal">`
+ *      wrappers, drop empty styleless spans.
+ *   3. Convert `<p class="MsoListParagraph">` to `<li>` and group them in `<ul>`.
+ *   4. Walk the tree: unwrap disallowed tags, strip attributes/styles down to
+ *      the allowlists, collapse redundant `<span><span>...</span></span>`,
+ *      remove empty wrappers.
+ *   5. Wrap loose top-level inline content in `<p>`.
+ *   6. Collapse runs of NBSPs.
+ */
+export declare function sanitizePastedHtml(html: string): string;