pagepilot-visual-editor 1.0.28 → 1.0.30

package/dist/host-stubs/modules/tour/injectTourIntoPage.d.ts

@@ -0,0 +1,20 @@
+export declare const stripAhdIntegration: (html: string) => string;
+/** Returns the exact AHD integration block from a chunk of HTML, or '' if absent. */
+export declare const extractAhdIntegrationBlock: (html: string) => string;
+export declare const buildAhdIntegrationSnippet: (tenantId: string, slug: string) => string;
+export declare const injectAhdIntegration: (html: string, slug: string, tenantId?: string) => string;
+type LinkedPageSources = {
+    tourData?: any;
+    record?: any;
+    searchParams?: URLSearchParams | null;
+};
+/**
+ * Resolves the linked page's slug and id from tour data, record, and URL search params
+ * (in that order). When `mode === 'remove'`, strips the AHD integration block from the
+ * linked page's first section. Otherwise (re)injects it.
+ */
+export declare function injectPageGuideIntoLinkedPage(tourId: string | undefined, sources: LinkedPageSources, mode?: 'inject' | 'remove'): Promise<void>;
+/** Strips the AHD integration block from every section of the linked page. */
+export declare const removeTourFromPage: (pageSlug: string, pageId?: string) => Promise<void>;
+export declare const injectTourIntoPage: (pageSlug: string, _tourId?: string, pageId?: string) => Promise<void>;
+export {};

package/dist/host-stubs/style/icons.d.ts

@@ -0,0 +1,57 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const BrowserIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const RedoIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const UndoIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const GridDotsOuter: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const BracketsIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const ClipBoardIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const ListIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const CodeIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const DotsGridIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const RollerBrushIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const AlignLeftIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const AlignCenterIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const AlignRightIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const AlignJustifyIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

package/dist/host-stubs/utils/dateFormats.d.ts

@@ -0,0 +1 @@
+export * from '../../render-core/dateFormats';

package/dist/host-stubs/view/branding/brandDefaultFont.d.ts

@@ -1,3 +1,5 @@
-export declare const DEFAULT_BRAND_FONT_KEY = "INTER";
+import { BrandTypography, BrandTypographyLevel, DEFAULT_BRAND_FONT_KEY } from './styles/types';
+export { DEFAULT_BRAND_FONT_KEY };
 export declare function resolveRootFontFamily(rootFontFamily?: string | null): string;
 export declare function getBrandDefaultFontFamily(): string;
+export declare function getBrandTypographyLevel(_tag: keyof BrandTypography): BrandTypographyLevel;

package/dist/host-stubs/view/branding/styles/BrandIcons.d.ts

@@ -0,0 +1,9 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const InfoCircleIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const StopIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

package/dist/host-stubs/view/branding/styles/types.d.ts

@@ -0,0 +1,76 @@
+export type BrandColor = {
+    id: string;
+    name: string;
+    color: string;
+};
+export type BrandFontWeight = '400' | '500' | '600' | '700';
+export type BrandFont = {
+    id: string;
+    name: string;
+    fontFamily: string;
+    weight: BrandFontWeight;
+    color: string;
+    fontSize?: number | null;
+};
+export type BrandLink = {
+    id: string;
+    url: string;
+};
+export type BrandButtonHover = {
+    enabled: boolean;
+    backgroundColor?: string | null;
+    textColor?: string | null;
+};
+export type BrandButtonBorder = {
+    enabled: boolean;
+    color?: string | null;
+    width?: number | null;
+};
+export type BrandButton = {
+    primaryColor: string;
+    textColor: string;
+    width: number | null;
+    padding: number | null;
+    fontFamily: string;
+    fontSize: number | null;
+    cornerRadius: number | null;
+    hover: BrandButtonHover;
+    border: BrandButtonBorder;
+};
+export type BrandAsset = {
+    url: string;
+    name: string;
+};
+export declare const DEFAULT_BRAND_FONT_KEY = "INTER";
+export type BrandTypographyLevel = {
+    fontSize: number | null;
+    fontSizeTablet?: number | null;
+    fontSizeMobile?: number | null;
+    color: string | null;
+};
+export type BrandTypography = {
+    h1: BrandTypographyLevel;
+    h2: BrandTypographyLevel;
+    h3: BrandTypographyLevel;
+    h4: BrandTypographyLevel;
+    h5: BrandTypographyLevel;
+    h6: BrandTypographyLevel;
+    p: BrandTypographyLevel;
+};
+export type BrandingConfig = {
+    colors: BrandColor[];
+    backgroundColors: BrandColor[];
+    fonts: BrandFont[];
+    defaultFontFamily: string;
+    typography: BrandTypography;
+    links: BrandLink[];
+    button: BrandButton;
+    organizationLogo?: BrandAsset | null;
+    favicon?: BrandAsset | null;
+    showBranding?: boolean;
+};
+export declare const EMPTY_BUTTON: BrandButton;
+export declare const EMPTY_TYPOGRAPHY_LEVEL: BrandTypographyLevel;
+export declare const EMPTY_TYPOGRAPHY: BrandTypography;
+export declare const DEFAULT_BRANDING: BrandingConfig;
+export declare const isButtonEmpty: (b: BrandButton) => boolean;

package/dist/host-stubs/view/configurations/ConfigurationIcons.d.ts

@@ -0,0 +1,9 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const InfoCircleIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const MagicWandIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

package/dist/host-stubs/view/demo/DemoIcons.d.ts

@@ -0,0 +1,9 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const TabletIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const DesktopIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

package/dist/host-stubs/view/images/Icons.d.ts

@@ -647,3 +647,9 @@ export declare const ImagePlusIcon: {
     (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
     muiName: string;
 };
+export declare const TimerBlockIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBarIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageLiveIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

package/dist/host-stubs/view/media/MediaGalleryDialog/types.d.ts

@@ -0,0 +1,47 @@
+export type MediaType = 'video' | 'image' | 'both';
+export interface MediaGalleryDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onFilesSelected: (files: any[]) => void;
+    fetcher?: () => void;
+    mediaType?: MediaType;
+    multiSelect?: boolean;
+}
+export interface MediaItem {
+    _id: string | number;
+    title?: string;
+    size: number;
+    createdAt: string;
+    description?: string;
+    fileName: string;
+    thumbnailUrl: string;
+    url?: string;
+}
+export interface FileUploadData {
+    id: string;
+    name: string;
+    sizeInBytes: number;
+    publicUrl: string | null;
+    privateUrl: string;
+    downloadUrl: string;
+    new: boolean;
+}
+export interface FileCredentials {
+    uploadCredentials: {
+        url: string;
+        fields?: Record<string, string>;
+        publicUrl?: string;
+    };
+    downloadUrl: string;
+    privateUrl: string;
+}
+export interface EditModalState {
+    isOpen: boolean;
+    item: MediaItem | null;
+    mode: 'name' | 'image' | '';
+    fileName: string;
+    imageUrl: string;
+    uploading: boolean;
+    selectedFile: File | null;
+    previewUrl: string;
+}

package/dist/host-stubs/view/media/MediaGalleryDialog/utils/fileUtils.d.ts

@@ -0,0 +1,3 @@
+export declare const extractExtensionFrom: (filename: string) => string | null;
+export declare const extractIdFromUrl: (url: string) => string;
+export declare const formatSizeKB: (sizeInBytes: number) => number;

package/dist/host-stubs/view/media/MediaGalleryDialog/utils/mediaTypes.d.ts

@@ -0,0 +1,9 @@
+import { MediaType } from '../types';
+export declare const VIDEO_EXTENSIONS: string[];
+export declare const IMAGE_EXTENSIONS: string[];
+export declare const VIDEO_MIME_TYPES: string[];
+export declare const IMAGE_MIME_TYPES: string[];
+export declare const isVideoFile: (filename: string) => boolean;
+export declare const isImageFile: (filename: string) => boolean;
+export declare const getAcceptedTypes: (mediaType?: MediaType) => string[];
+export declare const matchesMediaType: (fileName: string, mediaType?: MediaType) => boolean;

package/dist/host-stubs/view/media/MediaGalleryDialog.d.ts

@@ -1,2 +1,12 @@
-declare const MediaGalleryDialog: any;
-export default MediaGalleryDialog;
+import { MediaItem } from './MediaGalleryDialog/types';
+type MediaType = 'image' | 'video' | 'both' | string;
+export interface MediaGalleryDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onFilesSelected: (files: MediaItem[]) => void;
+    mediaType?: MediaType;
+    multiSelect?: boolean;
+    [key: string]: unknown;
+}
+export default function MediaGalleryDialog({ isOpen, onClose, onFilesSelected, mediaType, multiSelect, }: MediaGalleryDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/host-stubs/view/media/styles/MediaIcons.d.ts

@@ -0,0 +1,13 @@
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export declare const CloudUploadIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const NoImagesIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};
+export declare const IconLibraryIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    muiName: string;
+};

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

@@ -0,0 +1,5 @@
+interface ConfettiProps {
+    zIndex?: number;
+}
+export default function Confetti(_props?: ConfettiProps): any;
+export {};

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

@@ -0,0 +1,2 @@
+declare const PagePilotLoader: () => import("react/jsx-runtime").JSX.Element;
+export default PagePilotLoader;

package/dist/host-stubs/view/shared/UpgradeDialog/UpgradeDialogContext.d.ts

@@ -0,0 +1 @@
+export { useUpgradeDialog } from '../../../../editor-sample/App/InspectorDrawer/VariablesPanel/upgradeDialog';

package/dist/host-stubs/view/shared/common/CopyToClipboard.d.ts

@@ -0,0 +1,7 @@
+type CopyToClipboardProps = {
+    content: string;
+    contentName?: string;
+    fontSize?: number;
+};
+export default function CopyToClipboard({ content, contentName, fontSize, }: CopyToClipboardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/host-stubs/view/shared/editors/MdxEditor.d.ts

@@ -0,0 +1,8 @@
+export interface EditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    readOnly?: boolean;
+    placeholder?: string;
+}
+declare const MdxEditor: ({ value, onChange, readOnly, placeholder }: EditorProps) => import("react/jsx-runtime").JSX.Element;
+export default MdxEditor;

package/dist/host-stubs/view/shared/editors/QuillEditor.d.ts

@@ -0,0 +1,3 @@
+import { EditorProps } from './types';
+declare const QuillEditor: ({ value, onChange, readOnly, placeholder }: EditorProps) => import("react/jsx-runtime").JSX.Element;
+export default QuillEditor;

package/dist/host-stubs/view/shared/editors/sanitize.d.ts

@@ -0,0 +1,4 @@
+export declare function normalizeTables(html: string): string;
+export declare function sanitizePastedHtml(html: string): string;
+export declare function sanitizeAndNormalize(html: string): string;
+export declare function renderMarkdownToHtml(markdown: string): string;

package/dist/host-stubs/view/shared/editors/types.d.ts

@@ -0,0 +1,7 @@
+export type EditorType = 'summernote' | 'quill';
+export interface EditorProps {
+    value: string;
+    onChange: (html: string, rawSource?: string) => void;
+    readOnly?: boolean;
+    placeholder?: string;
+}

package/dist/host-stubs/view/shared/media/TemplatePreviewMedia.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+export declare const isVideoName: (name?: string) => boolean;
+export declare const isVideoAsset: (asset?: {
+    name?: string;
+    downloadUrl?: string;
+    publicUrl?: string;
+}) => boolean;
+/**
+ * Pick the preview asset for a template. The `image[0]` slot holds whichever
+ * media the author uploaded — MediaUploader writes both images and videos into
+ * this single array so the record model stays uniform.
+ */
+export declare const resolveTemplatePreviewAsset: (template?: any) => any | null;
+type Props = {
+    src?: string;
+    name?: string;
+    alt?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    width?: number | string;
+    height?: number | string;
+    autoPlay?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    onClick?: React.MouseEventHandler;
+    onLoad?: React.ReactEventHandler<HTMLImageElement | HTMLVideoElement>;
+};
+declare const TemplatePreviewMedia: React.FC<Props>;
+export default TemplatePreviewMedia;

package/dist/host-stubs/view/shared/modals/ConfigureDialog.d.ts

@@ -0,0 +1,7 @@
+export interface ConfigureDialogProps {
+    open?: boolean;
+    onClose?: () => void;
+    [key: string]: unknown;
+}
+declare const ConfigureDialog: (_props: ConfigureDialogProps) => any;
+export default ConfigureDialog;

package/dist/host-stubs/view/shared/modals/ManageTemplateModal.d.ts

@@ -0,0 +1,5 @@
+declare const ManageTemplateModalContainer: ({ open, onClose }: {
+    open: boolean;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ManageTemplateModalContainer;

package/dist/host-stubs/view/shared/speech/index.d.ts

@@ -0,0 +1,17 @@
+export type SpeechApi = {
+    supported: boolean;
+    listening: boolean;
+    interim: string;
+    toggle: () => void;
+};
+export declare function useSpeechRecognition(_onResult: (text: string) => void, _active?: boolean): SpeechApi;
+export declare const SpeechInterimBubble: (_props: {
+    listening: boolean;
+    interim: string;
+    [key: string]: unknown;
+}) => any;
+export declare const MicIcon: (_props: {
+    size?: number;
+    className?: string;
+    style?: unknown;
+}) => any;

package/dist/host-stubs/view/shared/styles/Table.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledCellContainer: 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 declare const StyledCellValue: 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" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "fontSize" | "fontFamily" | "fontWeight" | "fontStyle" | "textAlign" | "marginBottom" | "width" | "height" | "borderRadius" | "borderColor" | "gap" | "p" | "color" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "px" | "boxShadow" | "overflow" | "variant" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledCopyIconContainer: 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>, {}, {}>;

package/dist/host-stubs/view/template/form/TemplateFormModal.d.ts

@@ -0,0 +1,10 @@
+export interface TemplateFormModalProps {
+    type?: string;
+    open?: boolean;
+    onClose?: () => void;
+    record?: unknown;
+    onSuccess?: (...args: unknown[]) => void;
+    [key: string]: unknown;
+}
+declare const TemplateFormModal: (_props: TemplateFormModalProps) => any;
+export default TemplateFormModal;

package/dist/host-stubs/view/template/form/fields/types.d.ts

@@ -0,0 +1,7 @@
+export declare const codeSx: {
+    readonly px: 0.5;
+    readonly py: 0.1;
+    readonly borderRadius: 0.75;
+    readonly bgcolor: "action.hover";
+    readonly fontSize: "0.85em";
+};