@bluepic/embed 0.4.0-next.99 → 0.5.1

package/dist/embed/embed.d.ts

@@ -1,6 +1,7 @@
 import { nextTick, Ref } from 'vue';
 import { FieldsBridge, Studio, Template, EmbedV2 } from '@bluepic/types';
 import { z } from 'zod';
+import { type ThemeInput } from '../theme';
 export type PublicCampaignConfigOutput = z.infer<typeof Studio.publicCampaignConfigOutputSchema>;
 export declare class BluepicEmbed extends EventTarget {
     private element;
@@ -15,6 +16,7 @@ export declare class BluepicEmbed extends EventTarget {
             readonly assetProxy?: import("@bluepic/raster/svg").AssetProxyConfig | undefined;
             readonly serial?: Template.Serial | undefined;
             readonly preview?: string | undefined;
+            readonly personalizedPreviewSrc?: string | null | undefined;
             readonly serialWidth?: number | undefined;
             readonly serialHeight?: number | undefined;
             readonly layout?: "mobile" | "desktop" | undefined;
@@ -22,42 +24,14 @@ export declare class BluepicEmbed extends EventTarget {
             readonly bridge: FieldsBridge;
             readonly showBackBtn: boolean;
             readonly branding: boolean;
-            readonly exportOptions: z.infer<z.ZodObject<{
-                bluepicBranding: z.ZodBoolean;
-                layout: z.ZodEnum<{
-                    stack: "stack";
-                    gallery: "gallery";
-                    "selection:horizontal": "selection:horizontal";
-                    "selection:vertical": "selection:vertical";
-                }>;
-                logo: z.ZodOptional<z.ZodString>;
-                title: z.ZodOptional<z.ZodString>;
-                allowPanAndZoom: z.ZodBoolean;
-                customStyle: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                sortByCategories: z.ZodBoolean;
-                captions: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                categories: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                export: z.ZodObject<{
-                    linkedInOAuth: z.ZodBoolean;
-                    trackLinks: z.ZodOptional<z.ZodBoolean>;
-                    socialConnections: z.ZodObject<{
-                        instagram: z.ZodOptional<z.ZodBoolean>;
-                        facebook: z.ZodOptional<z.ZodBoolean>;
-                        linkedin: z.ZodOptional<z.ZodBoolean>;
-                        mail: z.ZodOptional<z.ZodBoolean>;
-                        whatsapp: z.ZodOptional<z.ZodBoolean>;
-                        x: z.ZodOptional<z.ZodBoolean>;
-                    }, z.core.$strip>;
-                    actionalConnections: z.ZodObject<{
-                        download: z.ZodOptional<z.ZodBoolean>;
-                        webhook: z.ZodOptional<z.ZodString>;
-                        redirect: z.ZodOptional<z.ZodString>;
-                    }, z.core.$strip>;
-                }, z.core.$strip>;
-            }, z.core.$strip>>;
+            readonly exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+            readonly hints?: {
+                enabled: boolean;
+            } | undefined;
             readonly apiBaseUrl: string;
             readonly env: "prod" | "dev";
             readonly templateId: string;
+            readonly canvasId?: string | undefined;
             readonly campaignId?: number | undefined;
             readonly name: string;
             readonly captions?: {
@@ -75,8 +49,8 @@ export declare class BluepicEmbed extends EventTarget {
             readonly nativeGifEmbedding?: boolean | undefined;
             readonly remoteVideoRenderBaseUrl: string;
             readonly enforceServerSideRendering: boolean;
-            readonly enforceFallbackService: boolean;
             readonly enforceVideoServerSideRendering: boolean;
+            readonly svgLoadWaitDelay?: number | undefined;
             readonly liveViewOffsetDesktop?: {
                 top: number;
                 right: number;
@@ -90,10 +64,17 @@ export declare class BluepicEmbed extends EventTarget {
                 left: number;
             } | undefined;
             readonly analytics?: import("../main").ExportAnalyticsSink | undefined;
+            readonly editMode?: "single" | "batch" | "all" | undefined;
+            readonly videoBatchMaxSize?: number | undefined;
+            readonly orgSlug?: string | undefined;
+            readonly templateAlias?: string | null | undefined;
+            readonly urlRenderBaseUrl?: string | undefined;
+            readonly batchRows?: import("../util/batch/useBatchRows").BatchRow[] | undefined;
             readonly "onUpdate:data"?: ((args_0: {
                 [k: string]: unknown;
             }) => any) | undefined;
             readonly onBack?: (() => any) | undefined;
+            readonly "onUpdate:batchRows"?: ((args_0: import("../util/batch/useBatchRows").BatchRow[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: import("vue").Attrs;
         $refs: {
@@ -107,7 +88,7 @@ export declare class BluepicEmbed extends EventTarget {
         $host: Element | null;
         $emit: ((event: "update:data", args_0: {
             [k: string]: unknown;
-        }) => void) & ((event: "back") => void);
+        }) => void) & ((event: "back") => void) & ((event: "update:batchRows", args_0: import("../util/batch/useBatchRows").BatchRow[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
             bxCoreVersion?: string;
@@ -115,6 +96,7 @@ export declare class BluepicEmbed extends EventTarget {
             assetProxy?: import("@bluepic/raster/svg").AssetProxyConfig;
             serial?: Template.Serial;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             serialWidth?: number;
             serialHeight?: number;
             layout?: "mobile" | "desktop";
@@ -122,42 +104,12 @@ export declare class BluepicEmbed extends EventTarget {
             bridge: FieldsBridge;
             showBackBtn: boolean;
             branding: boolean;
-            exportOptions: z.infer<z.ZodObject<{
-                bluepicBranding: z.ZodBoolean;
-                layout: z.ZodEnum<{
-                    stack: "stack";
-                    gallery: "gallery";
-                    "selection:horizontal": "selection:horizontal";
-                    "selection:vertical": "selection:vertical";
-                }>;
-                logo: z.ZodOptional<z.ZodString>;
-                title: z.ZodOptional<z.ZodString>;
-                allowPanAndZoom: z.ZodBoolean;
-                customStyle: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                sortByCategories: z.ZodBoolean;
-                captions: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                categories: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                export: z.ZodObject<{
-                    linkedInOAuth: z.ZodBoolean;
-                    trackLinks: z.ZodOptional<z.ZodBoolean>;
-                    socialConnections: z.ZodObject<{
-                        instagram: z.ZodOptional<z.ZodBoolean>;
-                        facebook: z.ZodOptional<z.ZodBoolean>;
-                        linkedin: z.ZodOptional<z.ZodBoolean>;
-                        mail: z.ZodOptional<z.ZodBoolean>;
-                        whatsapp: z.ZodOptional<z.ZodBoolean>;
-                        x: z.ZodOptional<z.ZodBoolean>;
-                    }, z.core.$strip>;
-                    actionalConnections: z.ZodObject<{
-                        download: z.ZodOptional<z.ZodBoolean>;
-                        webhook: z.ZodOptional<z.ZodString>;
-                        redirect: z.ZodOptional<z.ZodString>;
-                    }, z.core.$strip>;
-                }, z.core.$strip>;
-            }, z.core.$strip>>;
+            exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+            hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
             apiBaseUrl: string;
             env: "prod" | "dev";
             templateId: string;
+            canvasId?: string;
             campaignId?: number;
             name: string;
             captions?: {
@@ -175,8 +127,8 @@ export declare class BluepicEmbed extends EventTarget {
             nativeGifEmbedding?: boolean;
             remoteVideoRenderBaseUrl: string;
             enforceServerSideRendering: boolean;
-            enforceFallbackService: boolean;
             enforceVideoServerSideRendering: boolean;
+            svgLoadWaitDelay?: number;
             liveViewOffsetDesktop?: {
                 top: number;
                 right: number;
@@ -190,11 +142,18 @@ export declare class BluepicEmbed extends EventTarget {
                 left: number;
             };
             analytics?: import("../main").ExportAnalyticsSink;
+            editMode?: "single" | "batch" | "all";
+            videoBatchMaxSize?: number;
+            orgSlug?: string;
+            templateAlias?: string | null;
+            urlRenderBaseUrl?: string;
+            batchRows?: import("../util/batch/useBatchRows").BatchRow[];
         }> & Readonly<{
             "onUpdate:data"?: ((args_0: {
                 [k: string]: unknown;
             }) => any) | undefined;
             onBack?: (() => any) | undefined;
+            "onUpdate:batchRows"?: ((args_0: import("../util/batch/useBatchRows").BatchRow[]) => any) | undefined;
         }>, {
             templateViewRef: Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
                 bxCoreVersion?: string;
@@ -204,6 +163,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 offset: {
                     top: number;
                     right: number;
@@ -213,7 +173,35 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+                textState?: import("../util/fieldHints").CanvasTextState;
+                editingElementId?: string;
+            }> & Readonly<{
+                "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+                "onSelect-start"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-move"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-end"?: (() => any) | undefined;
+                "onHandle-grab"?: ((args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any) | undefined;
+                "onSelect-word"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -232,6 +220,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -258,6 +247,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -272,6 +262,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -303,6 +294,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -329,6 +321,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -343,6 +336,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -359,6 +353,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -385,6 +380,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -399,6 +395,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -430,6 +427,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -456,6 +454,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -470,6 +469,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -863,7 +863,31 @@ export declare class BluepicEmbed extends EventTarget {
                     };
                 }) | undefined>;
                 isMultiFrame: import("vue").ComputedRef<boolean>;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "activate-field": (args_0: Template.Fields.BluepicField) => any;
+                "focus-field": (args_0: Template.Fields.BluepicField) => any;
+                "hover-field": (args_0: Template.Fields.BluepicField | undefined) => any;
+                "select-start": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+                "select-move": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+                "select-end": () => any;
+                "handle-grab": (args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any;
+                "select-word": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+            }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -878,6 +902,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 offset: {
                     top: number;
                     right: number;
@@ -887,7 +912,35 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+                textState?: import("../util/fieldHints").CanvasTextState;
+                editingElementId?: string;
+            }> & Readonly<{
+                "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+                "onSelect-start"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-move"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-end"?: (() => any) | undefined;
+                "onHandle-grab"?: ((args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any) | undefined;
+                "onSelect-word"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -906,6 +959,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -932,6 +986,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -946,6 +1001,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -977,6 +1033,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -1003,6 +1060,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1017,6 +1075,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -1033,6 +1092,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -1059,6 +1119,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1073,6 +1134,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -1104,6 +1166,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -1130,6 +1193,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1144,6 +1208,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -1545,6 +1610,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 offset: {
                     top: number;
                     right: number;
@@ -1554,7 +1620,35 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+                textState?: import("../util/fieldHints").CanvasTextState;
+                editingElementId?: string;
+            }> & Readonly<{
+                "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+                "onSelect-start"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-move"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-end"?: (() => any) | undefined;
+                "onHandle-grab"?: ((args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any) | undefined;
+                "onSelect-word"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -1573,6 +1667,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -1599,6 +1694,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1613,6 +1709,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -1644,6 +1741,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -1670,6 +1768,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1684,6 +1783,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -1700,6 +1800,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -1726,6 +1827,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1740,6 +1842,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -1771,6 +1874,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -1797,6 +1901,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1811,6 +1916,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -2204,7 +2310,31 @@ export declare class BluepicEmbed extends EventTarget {
                     };
                 }) | undefined>;
                 isMultiFrame: import("vue").ComputedRef<boolean>;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "activate-field": (args_0: Template.Fields.BluepicField) => any;
+                "focus-field": (args_0: Template.Fields.BluepicField) => any;
+                "hover-field": (args_0: Template.Fields.BluepicField | undefined) => any;
+                "select-start": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+                "select-move": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+                "select-end": () => any;
+                "handle-grab": (args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any;
+                "select-word": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+            }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -2219,6 +2349,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 offset: {
                     top: number;
                     right: number;
@@ -2228,7 +2359,35 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+                textState?: import("../util/fieldHints").CanvasTextState;
+                editingElementId?: string;
+            }> & Readonly<{
+                "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+                "onSelect-start"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-move"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-end"?: (() => any) | undefined;
+                "onHandle-grab"?: ((args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any) | undefined;
+                "onSelect-word"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -2247,6 +2406,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -2273,6 +2433,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -2287,6 +2448,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -2318,6 +2480,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -2344,6 +2507,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -2358,6 +2522,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -2374,6 +2539,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -2400,6 +2566,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -2414,6 +2581,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -2445,6 +2613,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -2471,6 +2640,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -2485,6 +2655,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -2884,8 +3055,11 @@ export declare class BluepicEmbed extends EventTarget {
                 [k: string]: unknown;
             }) => any;
             back: () => any;
+            "update:batchRows": (args_0: import("../util/batch/useBatchRows").BatchRow[]) => any;
         }, string, {
             zoomAndPan: boolean;
+            editMode: "single" | "batch" | "all";
+            videoBatchMaxSize: number;
             preCacheLocalRendering: boolean;
             liveViewOffsetDesktop: {
                 top: number;
@@ -2921,6 +3095,8 @@ export declare class BluepicEmbed extends EventTarget {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{
         zoomAndPan: boolean;
+        editMode: "single" | "batch" | "all";
+        videoBatchMaxSize: number;
         preCacheLocalRendering: boolean;
         liveViewOffsetDesktop: {
             top: number;
@@ -2940,6 +3116,7 @@ export declare class BluepicEmbed extends EventTarget {
         assetProxy?: import("@bluepic/raster/svg").AssetProxyConfig;
         serial?: Template.Serial;
         preview?: string;
+        personalizedPreviewSrc?: string | null;
         serialWidth?: number;
         serialHeight?: number;
         layout?: "mobile" | "desktop";
@@ -2947,42 +3124,12 @@ export declare class BluepicEmbed extends EventTarget {
         bridge: FieldsBridge;
         showBackBtn: boolean;
         branding: boolean;
-        exportOptions: z.infer<z.ZodObject<{
-            bluepicBranding: z.ZodBoolean;
-            layout: z.ZodEnum<{
-                stack: "stack";
-                gallery: "gallery";
-                "selection:horizontal": "selection:horizontal";
-                "selection:vertical": "selection:vertical";
-            }>;
-            logo: z.ZodOptional<z.ZodString>;
-            title: z.ZodOptional<z.ZodString>;
-            allowPanAndZoom: z.ZodBoolean;
-            customStyle: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-            sortByCategories: z.ZodBoolean;
-            captions: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-            categories: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-            export: z.ZodObject<{
-                linkedInOAuth: z.ZodBoolean;
-                trackLinks: z.ZodOptional<z.ZodBoolean>;
-                socialConnections: z.ZodObject<{
-                    instagram: z.ZodOptional<z.ZodBoolean>;
-                    facebook: z.ZodOptional<z.ZodBoolean>;
-                    linkedin: z.ZodOptional<z.ZodBoolean>;
-                    mail: z.ZodOptional<z.ZodBoolean>;
-                    whatsapp: z.ZodOptional<z.ZodBoolean>;
-                    x: z.ZodOptional<z.ZodBoolean>;
-                }, z.core.$strip>;
-                actionalConnections: z.ZodObject<{
-                    download: z.ZodOptional<z.ZodBoolean>;
-                    webhook: z.ZodOptional<z.ZodString>;
-                    redirect: z.ZodOptional<z.ZodString>;
-                }, z.core.$strip>;
-            }, z.core.$strip>;
-        }, z.core.$strip>>;
+        exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+        hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
         apiBaseUrl: string;
         env: "prod" | "dev";
         templateId: string;
+        canvasId?: string;
         campaignId?: number;
         name: string;
         captions?: {
@@ -3000,8 +3147,8 @@ export declare class BluepicEmbed extends EventTarget {
         nativeGifEmbedding?: boolean;
         remoteVideoRenderBaseUrl: string;
         enforceServerSideRendering: boolean;
-        enforceFallbackService: boolean;
         enforceVideoServerSideRendering: boolean;
+        svgLoadWaitDelay?: number;
         liveViewOffsetDesktop?: {
             top: number;
             right: number;
@@ -3015,12 +3162,19 @@ export declare class BluepicEmbed extends EventTarget {
             left: number;
         };
         analytics?: import("../main").ExportAnalyticsSink;
+        editMode?: "single" | "batch" | "all";
+        videoBatchMaxSize?: number;
+        orgSlug?: string;
+        templateAlias?: string | null;
+        urlRenderBaseUrl?: string;
+        batchRows?: import("../util/batch/useBatchRows").BatchRow[];
     }> & Readonly<{
         "onUpdate:data"?: ((args_0: {
             [k: string]: unknown;
         }) => any) | undefined;
         onBack?: (() => any) | undefined;
-    }>, "templateViewRef" | ("zoomAndPan" | "preCacheLocalRendering" | "liveViewOffsetDesktop" | "liveViewOffsetMobile")> & {
+        "onUpdate:batchRows"?: ((args_0: import("../util/batch/useBatchRows").BatchRow[]) => any) | undefined;
+    }>, "templateViewRef" | ("zoomAndPan" | "editMode" | "videoBatchMaxSize" | "preCacheLocalRendering" | "liveViewOffsetDesktop" | "liveViewOffsetMobile")> & {
         templateViewRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             bxCoreVersion?: string;
             cloudflarePagesHostname?: string;
@@ -3029,6 +3183,7 @@ export declare class BluepicEmbed extends EventTarget {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             offset: {
                 top: number;
                 right: number;
@@ -3038,7 +3193,35 @@ export declare class BluepicEmbed extends EventTarget {
             zoomAndPan: boolean;
             watermark: boolean;
             accessibilityDescription?: string;
-        }> & Readonly<{}>, {
+            fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            hintsRevealed?: boolean;
+            textState?: import("../util/fieldHints").CanvasTextState;
+            editingElementId?: string;
+        }> & Readonly<{
+            "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+            "onSelect-start"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+            "onSelect-move"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+            "onSelect-end"?: (() => any) | undefined;
+            "onHandle-grab"?: ((args_0: {
+                handle: import("../util/fieldHints").SelectionHandle;
+                point: {
+                    x: number;
+                    y: number;
+                };
+            }) => any) | undefined;
+            "onSelect-word"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+        }>, {
             currentlyFocusedFrame: import("vue").ComputedRef<{
                 x: number;
                 y: number;
@@ -3057,6 +3240,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -3083,6 +3267,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -3097,6 +3282,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -3128,6 +3314,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -3154,6 +3341,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -3168,6 +3356,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -3184,6 +3373,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -3210,6 +3400,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -3224,6 +3415,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -3255,6 +3447,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -3281,6 +3474,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -3295,6 +3489,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -3688,7 +3883,31 @@ export declare class BluepicEmbed extends EventTarget {
                 };
             }) | undefined>;
             isMultiFrame: import("vue").ComputedRef<boolean>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "activate-field": (args_0: Template.Fields.BluepicField) => any;
+            "focus-field": (args_0: Template.Fields.BluepicField) => any;
+            "hover-field": (args_0: Template.Fields.BluepicField | undefined) => any;
+            "select-start": (args_0: {
+                x: number;
+                y: number;
+            }) => any;
+            "select-move": (args_0: {
+                x: number;
+                y: number;
+            }) => any;
+            "select-end": () => any;
+            "handle-grab": (args_0: {
+                handle: import("../util/fieldHints").SelectionHandle;
+                point: {
+                    x: number;
+                    y: number;
+                };
+            }) => any;
+            "select-word": (args_0: {
+                x: number;
+                y: number;
+            }) => any;
+        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3703,6 +3922,7 @@ export declare class BluepicEmbed extends EventTarget {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             offset: {
                 top: number;
                 right: number;
@@ -3712,7 +3932,35 @@ export declare class BluepicEmbed extends EventTarget {
             zoomAndPan: boolean;
             watermark: boolean;
             accessibilityDescription?: string;
-        }> & Readonly<{}>, {
+            fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            hintsRevealed?: boolean;
+            textState?: import("../util/fieldHints").CanvasTextState;
+            editingElementId?: string;
+        }> & Readonly<{
+            "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+            "onSelect-start"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+            "onSelect-move"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+            "onSelect-end"?: (() => any) | undefined;
+            "onHandle-grab"?: ((args_0: {
+                handle: import("../util/fieldHints").SelectionHandle;
+                point: {
+                    x: number;
+                    y: number;
+                };
+            }) => any) | undefined;
+            "onSelect-word"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+        }>, {
             currentlyFocusedFrame: import("vue").ComputedRef<{
                 x: number;
                 y: number;
@@ -3731,6 +3979,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -3757,6 +4006,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -3771,6 +4021,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -3802,6 +4053,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -3828,6 +4080,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -3842,6 +4095,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -3858,6 +4112,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -3884,6 +4139,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -3898,6 +4154,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -3929,6 +4186,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -3955,6 +4213,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -3969,6 +4228,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -4377,6 +4637,7 @@ export declare class BluepicEmbed extends EventTarget {
             readonly assetProxy?: import("@bluepic/raster/svg").AssetProxyConfig | undefined;
             readonly serial?: Template.Serial | undefined;
             readonly preview?: string | undefined;
+            readonly personalizedPreviewSrc?: string | null | undefined;
             readonly serialWidth?: number | undefined;
             readonly serialHeight?: number | undefined;
             readonly layout?: "mobile" | "desktop" | undefined;
@@ -4384,42 +4645,14 @@ export declare class BluepicEmbed extends EventTarget {
             readonly bridge: FieldsBridge;
             readonly showBackBtn: boolean;
             readonly branding: boolean;
-            readonly exportOptions: z.infer<z.ZodObject<{
-                bluepicBranding: z.ZodBoolean;
-                layout: z.ZodEnum<{
-                    stack: "stack";
-                    gallery: "gallery";
-                    "selection:horizontal": "selection:horizontal";
-                    "selection:vertical": "selection:vertical";
-                }>;
-                logo: z.ZodOptional<z.ZodString>;
-                title: z.ZodOptional<z.ZodString>;
-                allowPanAndZoom: z.ZodBoolean;
-                customStyle: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                sortByCategories: z.ZodBoolean;
-                captions: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                categories: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                export: z.ZodObject<{
-                    linkedInOAuth: z.ZodBoolean;
-                    trackLinks: z.ZodOptional<z.ZodBoolean>;
-                    socialConnections: z.ZodObject<{
-                        instagram: z.ZodOptional<z.ZodBoolean>;
-                        facebook: z.ZodOptional<z.ZodBoolean>;
-                        linkedin: z.ZodOptional<z.ZodBoolean>;
-                        mail: z.ZodOptional<z.ZodBoolean>;
-                        whatsapp: z.ZodOptional<z.ZodBoolean>;
-                        x: z.ZodOptional<z.ZodBoolean>;
-                    }, z.core.$strip>;
-                    actionalConnections: z.ZodObject<{
-                        download: z.ZodOptional<z.ZodBoolean>;
-                        webhook: z.ZodOptional<z.ZodString>;
-                        redirect: z.ZodOptional<z.ZodString>;
-                    }, z.core.$strip>;
-                }, z.core.$strip>;
-            }, z.core.$strip>>;
+            readonly exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+            readonly hints?: {
+                enabled: boolean;
+            } | undefined;
             readonly apiBaseUrl: string;
             readonly env: "prod" | "dev";
             readonly templateId: string;
+            readonly canvasId?: string | undefined;
             readonly campaignId?: number | undefined;
             readonly name: string;
             readonly captions?: {
@@ -4437,8 +4670,8 @@ export declare class BluepicEmbed extends EventTarget {
             readonly nativeGifEmbedding?: boolean | undefined;
             readonly remoteVideoRenderBaseUrl: string;
             readonly enforceServerSideRendering: boolean;
-            readonly enforceFallbackService: boolean;
             readonly enforceVideoServerSideRendering: boolean;
+            readonly svgLoadWaitDelay?: number | undefined;
             readonly liveViewOffsetDesktop?: {
                 top: number;
                 right: number;
@@ -4452,10 +4685,17 @@ export declare class BluepicEmbed extends EventTarget {
                 left: number;
             } | undefined;
             readonly analytics?: import("../main").ExportAnalyticsSink | undefined;
+            readonly editMode?: "single" | "batch" | "all" | undefined;
+            readonly videoBatchMaxSize?: number | undefined;
+            readonly orgSlug?: string | undefined;
+            readonly templateAlias?: string | null | undefined;
+            readonly urlRenderBaseUrl?: string | undefined;
+            readonly batchRows?: import("../util/batch/useBatchRows").BatchRow[] | undefined;
             readonly "onUpdate:data"?: ((args_0: {
                 [k: string]: unknown;
             }) => any) | undefined;
             readonly onBack?: (() => any) | undefined;
+            readonly "onUpdate:batchRows"?: ((args_0: import("../util/batch/useBatchRows").BatchRow[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: import("vue").Attrs;
         $refs: {
@@ -4469,7 +4709,7 @@ export declare class BluepicEmbed extends EventTarget {
         $host: Element | null;
         $emit: ((event: "update:data", args_0: {
             [k: string]: unknown;
-        }) => void) & ((event: "back") => void);
+        }) => void) & ((event: "back") => void) & ((event: "update:batchRows", args_0: import("../util/batch/useBatchRows").BatchRow[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
             bxCoreVersion?: string;
@@ -4477,6 +4717,7 @@ export declare class BluepicEmbed extends EventTarget {
             assetProxy?: import("@bluepic/raster/svg").AssetProxyConfig;
             serial?: Template.Serial;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             serialWidth?: number;
             serialHeight?: number;
             layout?: "mobile" | "desktop";
@@ -4484,42 +4725,12 @@ export declare class BluepicEmbed extends EventTarget {
             bridge: FieldsBridge;
             showBackBtn: boolean;
             branding: boolean;
-            exportOptions: z.infer<z.ZodObject<{
-                bluepicBranding: z.ZodBoolean;
-                layout: z.ZodEnum<{
-                    stack: "stack";
-                    gallery: "gallery";
-                    "selection:horizontal": "selection:horizontal";
-                    "selection:vertical": "selection:vertical";
-                }>;
-                logo: z.ZodOptional<z.ZodString>;
-                title: z.ZodOptional<z.ZodString>;
-                allowPanAndZoom: z.ZodBoolean;
-                customStyle: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                sortByCategories: z.ZodBoolean;
-                captions: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                categories: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-                export: z.ZodObject<{
-                    linkedInOAuth: z.ZodBoolean;
-                    trackLinks: z.ZodOptional<z.ZodBoolean>;
-                    socialConnections: z.ZodObject<{
-                        instagram: z.ZodOptional<z.ZodBoolean>;
-                        facebook: z.ZodOptional<z.ZodBoolean>;
-                        linkedin: z.ZodOptional<z.ZodBoolean>;
-                        mail: z.ZodOptional<z.ZodBoolean>;
-                        whatsapp: z.ZodOptional<z.ZodBoolean>;
-                        x: z.ZodOptional<z.ZodBoolean>;
-                    }, z.core.$strip>;
-                    actionalConnections: z.ZodObject<{
-                        download: z.ZodOptional<z.ZodBoolean>;
-                        webhook: z.ZodOptional<z.ZodString>;
-                        redirect: z.ZodOptional<z.ZodString>;
-                    }, z.core.$strip>;
-                }, z.core.$strip>;
-            }, z.core.$strip>>;
+            exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+            hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
             apiBaseUrl: string;
             env: "prod" | "dev";
             templateId: string;
+            canvasId?: string;
             campaignId?: number;
             name: string;
             captions?: {
@@ -4537,8 +4748,8 @@ export declare class BluepicEmbed extends EventTarget {
             nativeGifEmbedding?: boolean;
             remoteVideoRenderBaseUrl: string;
             enforceServerSideRendering: boolean;
-            enforceFallbackService: boolean;
             enforceVideoServerSideRendering: boolean;
+            svgLoadWaitDelay?: number;
             liveViewOffsetDesktop?: {
                 top: number;
                 right: number;
@@ -4552,11 +4763,18 @@ export declare class BluepicEmbed extends EventTarget {
                 left: number;
             };
             analytics?: import("../main").ExportAnalyticsSink;
+            editMode?: "single" | "batch" | "all";
+            videoBatchMaxSize?: number;
+            orgSlug?: string;
+            templateAlias?: string | null;
+            urlRenderBaseUrl?: string;
+            batchRows?: import("../util/batch/useBatchRows").BatchRow[];
         }> & Readonly<{
             "onUpdate:data"?: ((args_0: {
                 [k: string]: unknown;
             }) => any) | undefined;
             onBack?: (() => any) | undefined;
+            "onUpdate:batchRows"?: ((args_0: import("../util/batch/useBatchRows").BatchRow[]) => any) | undefined;
         }>, {
             templateViewRef: Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
                 bxCoreVersion?: string;
@@ -4566,6 +4784,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 offset: {
                     top: number;
                     right: number;
@@ -4575,7 +4794,35 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+                textState?: import("../util/fieldHints").CanvasTextState;
+                editingElementId?: string;
+            }> & Readonly<{
+                "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+                "onSelect-start"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-move"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-end"?: (() => any) | undefined;
+                "onHandle-grab"?: ((args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any) | undefined;
+                "onSelect-word"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -4594,6 +4841,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -4620,6 +4868,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -4634,6 +4883,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -4665,6 +4915,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -4691,6 +4942,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -4705,6 +4957,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -4721,6 +4974,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -4747,6 +5001,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -4761,6 +5016,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -4792,6 +5048,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -4818,6 +5075,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -4832,6 +5090,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -5225,7 +5484,31 @@ export declare class BluepicEmbed extends EventTarget {
                     };
                 }) | undefined>;
                 isMultiFrame: import("vue").ComputedRef<boolean>;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "activate-field": (args_0: Template.Fields.BluepicField) => any;
+                "focus-field": (args_0: Template.Fields.BluepicField) => any;
+                "hover-field": (args_0: Template.Fields.BluepicField | undefined) => any;
+                "select-start": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+                "select-move": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+                "select-end": () => any;
+                "handle-grab": (args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any;
+                "select-word": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+            }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -5240,6 +5523,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 offset: {
                     top: number;
                     right: number;
@@ -5249,7 +5533,35 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+                textState?: import("../util/fieldHints").CanvasTextState;
+                editingElementId?: string;
+            }> & Readonly<{
+                "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+                "onSelect-start"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-move"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-end"?: (() => any) | undefined;
+                "onHandle-grab"?: ((args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any) | undefined;
+                "onSelect-word"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -5268,6 +5580,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -5294,6 +5607,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -5308,6 +5622,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -5339,6 +5654,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -5365,6 +5681,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -5379,6 +5696,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -5395,6 +5713,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -5421,6 +5740,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -5435,6 +5755,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -5466,6 +5787,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -5492,6 +5814,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -5506,6 +5829,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -5907,6 +6231,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 offset: {
                     top: number;
                     right: number;
@@ -5916,7 +6241,35 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+                textState?: import("../util/fieldHints").CanvasTextState;
+                editingElementId?: string;
+            }> & Readonly<{
+                "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+                "onSelect-start"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-move"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-end"?: (() => any) | undefined;
+                "onHandle-grab"?: ((args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any) | undefined;
+                "onSelect-word"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -5935,6 +6288,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -5961,6 +6315,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -5975,6 +6330,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -6006,6 +6362,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -6032,6 +6389,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -6046,6 +6404,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -6062,6 +6421,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -6088,6 +6448,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -6102,6 +6463,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -6133,6 +6495,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -6159,6 +6522,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -6173,6 +6537,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -6566,7 +6931,31 @@ export declare class BluepicEmbed extends EventTarget {
                     };
                 }) | undefined>;
                 isMultiFrame: import("vue").ComputedRef<boolean>;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "activate-field": (args_0: Template.Fields.BluepicField) => any;
+                "focus-field": (args_0: Template.Fields.BluepicField) => any;
+                "hover-field": (args_0: Template.Fields.BluepicField | undefined) => any;
+                "select-start": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+                "select-move": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+                "select-end": () => any;
+                "handle-grab": (args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any;
+                "select-word": (args_0: {
+                    x: number;
+                    y: number;
+                }) => any;
+            }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -6581,6 +6970,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 offset: {
                     top: number;
                     right: number;
@@ -6590,7 +6980,35 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+                textState?: import("../util/fieldHints").CanvasTextState;
+                editingElementId?: string;
+            }> & Readonly<{
+                "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+                "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+                "onSelect-start"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-move"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+                "onSelect-end"?: (() => any) | undefined;
+                "onHandle-grab"?: ((args_0: {
+                    handle: import("../util/fieldHints").SelectionHandle;
+                    point: {
+                        x: number;
+                        y: number;
+                    };
+                }) => any) | undefined;
+                "onSelect-word"?: ((args_0: {
+                    x: number;
+                    y: number;
+                }) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -6609,6 +7027,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -6635,6 +7054,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -6649,6 +7069,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -6680,6 +7101,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -6706,6 +7128,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -6720,6 +7143,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -6736,6 +7160,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -6762,6 +7187,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -6776,6 +7202,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -6807,6 +7234,7 @@ export declare class BluepicEmbed extends EventTarget {
                     serialWidth?: number;
                     serialHeight?: number;
                     preview?: string;
+                    personalizedPreviewSrc?: string | null;
                     data?: {
                         [k: string]: unknown;
                     };
@@ -6833,6 +7261,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "blob";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<Blob>;
                         (options: {
                             type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -6847,6 +7276,7 @@ export declare class BluepicEmbed extends EventTarget {
                             watermark: boolean;
                             resultType: "canvas";
                             externalCanvas: HTMLCanvasElement | null;
+                            svgLoadWaitDelay?: number;
                         }): Promise<HTMLCanvasElement>;
                     };
                     aspectRatio: import("vue").ComputedRef<number>;
@@ -7246,8 +7676,11 @@ export declare class BluepicEmbed extends EventTarget {
                 [k: string]: unknown;
             }) => any;
             back: () => any;
+            "update:batchRows": (args_0: import("../util/batch/useBatchRows").BatchRow[]) => any;
         }, string, {
             zoomAndPan: boolean;
+            editMode: "single" | "batch" | "all";
+            videoBatchMaxSize: number;
             preCacheLocalRendering: boolean;
             liveViewOffsetDesktop: {
                 top: number;
@@ -7283,6 +7716,8 @@ export declare class BluepicEmbed extends EventTarget {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{
         zoomAndPan: boolean;
+        editMode: "single" | "batch" | "all";
+        videoBatchMaxSize: number;
         preCacheLocalRendering: boolean;
         liveViewOffsetDesktop: {
             top: number;
@@ -7302,6 +7737,7 @@ export declare class BluepicEmbed extends EventTarget {
         assetProxy?: import("@bluepic/raster/svg").AssetProxyConfig;
         serial?: Template.Serial;
         preview?: string;
+        personalizedPreviewSrc?: string | null;
         serialWidth?: number;
         serialHeight?: number;
         layout?: "mobile" | "desktop";
@@ -7309,42 +7745,12 @@ export declare class BluepicEmbed extends EventTarget {
         bridge: FieldsBridge;
         showBackBtn: boolean;
         branding: boolean;
-        exportOptions: z.infer<z.ZodObject<{
-            bluepicBranding: z.ZodBoolean;
-            layout: z.ZodEnum<{
-                stack: "stack";
-                gallery: "gallery";
-                "selection:horizontal": "selection:horizontal";
-                "selection:vertical": "selection:vertical";
-            }>;
-            logo: z.ZodOptional<z.ZodString>;
-            title: z.ZodOptional<z.ZodString>;
-            allowPanAndZoom: z.ZodBoolean;
-            customStyle: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-            sortByCategories: z.ZodBoolean;
-            captions: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-            categories: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-            export: z.ZodObject<{
-                linkedInOAuth: z.ZodBoolean;
-                trackLinks: z.ZodOptional<z.ZodBoolean>;
-                socialConnections: z.ZodObject<{
-                    instagram: z.ZodOptional<z.ZodBoolean>;
-                    facebook: z.ZodOptional<z.ZodBoolean>;
-                    linkedin: z.ZodOptional<z.ZodBoolean>;
-                    mail: z.ZodOptional<z.ZodBoolean>;
-                    whatsapp: z.ZodOptional<z.ZodBoolean>;
-                    x: z.ZodOptional<z.ZodBoolean>;
-                }, z.core.$strip>;
-                actionalConnections: z.ZodObject<{
-                    download: z.ZodOptional<z.ZodBoolean>;
-                    webhook: z.ZodOptional<z.ZodString>;
-                    redirect: z.ZodOptional<z.ZodString>;
-                }, z.core.$strip>;
-            }, z.core.$strip>;
-        }, z.core.$strip>>;
+        exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+        hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
         apiBaseUrl: string;
         env: "prod" | "dev";
         templateId: string;
+        canvasId?: string;
         campaignId?: number;
         name: string;
         captions?: {
@@ -7362,8 +7768,8 @@ export declare class BluepicEmbed extends EventTarget {
         nativeGifEmbedding?: boolean;
         remoteVideoRenderBaseUrl: string;
         enforceServerSideRendering: boolean;
-        enforceFallbackService: boolean;
         enforceVideoServerSideRendering: boolean;
+        svgLoadWaitDelay?: number;
         liveViewOffsetDesktop?: {
             top: number;
             right: number;
@@ -7377,12 +7783,19 @@ export declare class BluepicEmbed extends EventTarget {
             left: number;
         };
         analytics?: import("../main").ExportAnalyticsSink;
+        editMode?: "single" | "batch" | "all";
+        videoBatchMaxSize?: number;
+        orgSlug?: string;
+        templateAlias?: string | null;
+        urlRenderBaseUrl?: string;
+        batchRows?: import("../util/batch/useBatchRows").BatchRow[];
     }> & Readonly<{
         "onUpdate:data"?: ((args_0: {
             [k: string]: unknown;
         }) => any) | undefined;
         onBack?: (() => any) | undefined;
-    }>, "templateViewRef" | ("zoomAndPan" | "preCacheLocalRendering" | "liveViewOffsetDesktop" | "liveViewOffsetMobile")> & {
+        "onUpdate:batchRows"?: ((args_0: import("../util/batch/useBatchRows").BatchRow[]) => any) | undefined;
+    }>, "templateViewRef" | ("zoomAndPan" | "editMode" | "videoBatchMaxSize" | "preCacheLocalRendering" | "liveViewOffsetDesktop" | "liveViewOffsetMobile")> & {
         templateViewRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             bxCoreVersion?: string;
             cloudflarePagesHostname?: string;
@@ -7391,6 +7804,7 @@ export declare class BluepicEmbed extends EventTarget {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             offset: {
                 top: number;
                 right: number;
@@ -7400,7 +7814,35 @@ export declare class BluepicEmbed extends EventTarget {
             zoomAndPan: boolean;
             watermark: boolean;
             accessibilityDescription?: string;
-        }> & Readonly<{}>, {
+            fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            hintsRevealed?: boolean;
+            textState?: import("../util/fieldHints").CanvasTextState;
+            editingElementId?: string;
+        }> & Readonly<{
+            "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+            "onSelect-start"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+            "onSelect-move"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+            "onSelect-end"?: (() => any) | undefined;
+            "onHandle-grab"?: ((args_0: {
+                handle: import("../util/fieldHints").SelectionHandle;
+                point: {
+                    x: number;
+                    y: number;
+                };
+            }) => any) | undefined;
+            "onSelect-word"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+        }>, {
             currentlyFocusedFrame: import("vue").ComputedRef<{
                 x: number;
                 y: number;
@@ -7419,6 +7861,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -7445,6 +7888,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -7459,6 +7903,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -7490,6 +7935,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -7516,6 +7962,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -7530,6 +7977,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -7546,6 +7994,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -7572,6 +8021,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -7586,6 +8036,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -7617,6 +8068,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -7643,6 +8095,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -7657,6 +8110,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -8050,7 +8504,31 @@ export declare class BluepicEmbed extends EventTarget {
                 };
             }) | undefined>;
             isMultiFrame: import("vue").ComputedRef<boolean>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "activate-field": (args_0: Template.Fields.BluepicField) => any;
+            "focus-field": (args_0: Template.Fields.BluepicField) => any;
+            "hover-field": (args_0: Template.Fields.BluepicField | undefined) => any;
+            "select-start": (args_0: {
+                x: number;
+                y: number;
+            }) => any;
+            "select-move": (args_0: {
+                x: number;
+                y: number;
+            }) => any;
+            "select-end": () => any;
+            "handle-grab": (args_0: {
+                handle: import("../util/fieldHints").SelectionHandle;
+                point: {
+                    x: number;
+                    y: number;
+                };
+            }) => any;
+            "select-word": (args_0: {
+                x: number;
+                y: number;
+            }) => any;
+        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -8065,6 +8543,7 @@ export declare class BluepicEmbed extends EventTarget {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             offset: {
                 top: number;
                 right: number;
@@ -8074,7 +8553,35 @@ export declare class BluepicEmbed extends EventTarget {
             zoomAndPan: boolean;
             watermark: boolean;
             accessibilityDescription?: string;
-        }> & Readonly<{}>, {
+            fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            hintsRevealed?: boolean;
+            textState?: import("../util/fieldHints").CanvasTextState;
+            editingElementId?: string;
+        }> & Readonly<{
+            "onActivate-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            "onHover-field"?: ((args_0: Template.Fields.BluepicField | undefined) => any) | undefined;
+            "onSelect-start"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+            "onSelect-move"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+            "onSelect-end"?: (() => any) | undefined;
+            "onHandle-grab"?: ((args_0: {
+                handle: import("../util/fieldHints").SelectionHandle;
+                point: {
+                    x: number;
+                    y: number;
+                };
+            }) => any) | undefined;
+            "onSelect-word"?: ((args_0: {
+                x: number;
+                y: number;
+            }) => any) | undefined;
+        }>, {
             currentlyFocusedFrame: import("vue").ComputedRef<{
                 x: number;
                 y: number;
@@ -8093,6 +8600,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -8119,6 +8627,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -8133,6 +8642,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -8164,6 +8674,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -8190,6 +8701,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -8204,6 +8716,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -8220,6 +8733,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -8246,6 +8760,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -8260,6 +8775,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -8291,6 +8807,7 @@ export declare class BluepicEmbed extends EventTarget {
                 serialWidth?: number;
                 serialHeight?: number;
                 preview?: string;
+                personalizedPreviewSrc?: string | null;
                 data?: {
                     [k: string]: unknown;
                 };
@@ -8317,6 +8834,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "blob";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<Blob>;
                     (options: {
                         type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -8331,6 +8849,7 @@ export declare class BluepicEmbed extends EventTarget {
                         watermark: boolean;
                         resultType: "canvas";
                         externalCanvas: HTMLCanvasElement | null;
+                        svgLoadWaitDelay?: number;
                     }): Promise<HTMLCanvasElement>;
                 };
                 aspectRatio: import("vue").ComputedRef<number>;
@@ -8741,7 +9260,283 @@ export declare class BluepicEmbed extends EventTarget {
     serial: Ref<Template.Serial | undefined, Template.Serial | undefined>;
     preview: Ref<string | undefined, string | undefined>;
     templateName: Ref<string, string>;
-    campaign: Ref<any, any>;
+    campaign: Ref<{
+        id: number;
+        uid: string;
+        userId: string;
+        orgId: number | null;
+        name: string;
+        type: "template" | "email" | "batch" | "widget" | "team" | "web";
+        active: boolean;
+        private: boolean;
+        password: string | null;
+        customSlug: string | null;
+        customDomain: string | null;
+        exportActions: {
+            trigger: "user-gesture" | "onupdate";
+            label: string;
+            download: boolean;
+            renderFormat?: "svg" | "none" | "png" | "jpeg" | "pdf" | "gif" | "idml" | undefined;
+            successMessage?: string | undefined;
+            webhook?: string | undefined;
+            redirect?: string | undefined;
+        }[];
+        templates: string[];
+        config: {
+            bluepicBranding: boolean;
+            layout: "gallery" | "stack" | "selection:horizontal" | "selection:vertical";
+            allowPanAndZoom: boolean;
+            sortByCategories: boolean;
+            export: {
+                linkedInOAuth: boolean;
+                socialConnections: {
+                    instagram?: boolean | undefined;
+                    facebook?: boolean | undefined;
+                    linkedin?: boolean | undefined;
+                    mail?: boolean | undefined;
+                    whatsapp?: boolean | undefined;
+                    x?: boolean | undefined;
+                };
+                actionalConnections: {
+                    download?: boolean | undefined;
+                    webhook?: string | undefined;
+                    redirect?: string | undefined;
+                };
+                trackLinks?: boolean | undefined;
+                redactLogging?: boolean | undefined;
+            };
+            editMode?: "all" | "batch" | "single" | undefined;
+            logo?: string | undefined;
+            title?: string | undefined;
+            hints?: {
+                enabled: boolean;
+            } | undefined;
+            theme?: {
+                version: 2;
+                preset?: "light" | "dark" | undefined;
+                surface?: string | undefined;
+                primary?: string | undefined;
+                contrast?: "normal" | "high" | undefined;
+                radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
+                font?: {
+                    size?: number | undefined;
+                } | undefined;
+                fonts?: {
+                    ui?: {
+                        name: string;
+                        src?: string | undefined;
+                    } | undefined;
+                    heading?: {
+                        name: string;
+                        src?: string | undefined;
+                    } | undefined;
+                } | undefined;
+                tint?: number | undefined;
+                overrides?: Record<string, string> | undefined;
+                customStyle?: Record<string, string> | undefined;
+                presetId?: string | undefined;
+            } | undefined;
+            customStyle?: Record<string, string> | undefined;
+            captions?: Record<string, string> | undefined;
+            categories?: {
+                label: string;
+                items: string[];
+            }[] | undefined;
+        };
+        landingPage: {
+            headerTitle?: string | undefined;
+            headerColor?: string | undefined;
+            headerImage?: string | undefined;
+            headerHtml?: string | undefined;
+            backgroundColor?: string | undefined;
+            backgroundImage?: string | undefined;
+            bodyTitle?: string | undefined;
+            bodySubtitle?: string | undefined;
+            bodyHtml?: string | undefined;
+            headerTitleStyle?: {
+                color?: string | undefined;
+                font?: {
+                    name: string;
+                    src?: string | undefined;
+                } | undefined;
+                fontWeight?: "300" | "800" | "600" | "400" | "500" | "700" | undefined;
+                fontStyle?: "italic" | "normal" | undefined;
+                textAlign?: "center" | "left" | "right" | undefined;
+            } | undefined;
+            bodyTitleStyle?: {
+                color?: string | undefined;
+                font?: {
+                    name: string;
+                    src?: string | undefined;
+                } | undefined;
+                fontWeight?: "300" | "800" | "600" | "400" | "500" | "700" | undefined;
+                fontStyle?: "italic" | "normal" | undefined;
+                textAlign?: "center" | "left" | "right" | undefined;
+            } | undefined;
+            bodySubtitleStyle?: {
+                color?: string | undefined;
+                font?: {
+                    name: string;
+                    src?: string | undefined;
+                } | undefined;
+                fontWeight?: "300" | "800" | "600" | "400" | "500" | "700" | undefined;
+                fontStyle?: "italic" | "normal" | undefined;
+                textAlign?: "center" | "left" | "right" | undefined;
+            } | undefined;
+            customPrivacy?: string | undefined;
+            customImprint?: string | undefined;
+            pageLayout?: "scroll" | "flex" | undefined;
+        } | null;
+        emailCampaign: Record<string, any> | null;
+        thumbnail: string | null;
+        thumbnailPending: boolean;
+        createdAt: string;
+        updatedAt: string;
+        pinnedBy: string[];
+        assets?: {
+            assetId: string;
+            title?: string | null | undefined;
+            description?: string | null | undefined;
+        }[] | undefined;
+    } | undefined, {
+        id: number;
+        uid: string;
+        userId: string;
+        orgId: number | null;
+        name: string;
+        type: "template" | "email" | "batch" | "widget" | "team" | "web";
+        active: boolean;
+        private: boolean;
+        password: string | null;
+        customSlug: string | null;
+        customDomain: string | null;
+        exportActions: {
+            trigger: "user-gesture" | "onupdate";
+            label: string;
+            download: boolean;
+            renderFormat?: "svg" | "none" | "png" | "jpeg" | "pdf" | "gif" | "idml" | undefined;
+            successMessage?: string | undefined;
+            webhook?: string | undefined;
+            redirect?: string | undefined;
+        }[];
+        templates: string[];
+        config: {
+            bluepicBranding: boolean;
+            layout: "gallery" | "stack" | "selection:horizontal" | "selection:vertical";
+            allowPanAndZoom: boolean;
+            sortByCategories: boolean;
+            export: {
+                linkedInOAuth: boolean;
+                socialConnections: {
+                    instagram?: boolean | undefined;
+                    facebook?: boolean | undefined;
+                    linkedin?: boolean | undefined;
+                    mail?: boolean | undefined;
+                    whatsapp?: boolean | undefined;
+                    x?: boolean | undefined;
+                };
+                actionalConnections: {
+                    download?: boolean | undefined;
+                    webhook?: string | undefined;
+                    redirect?: string | undefined;
+                };
+                trackLinks?: boolean | undefined;
+                redactLogging?: boolean | undefined;
+            };
+            editMode?: "all" | "batch" | "single" | undefined;
+            logo?: string | undefined;
+            title?: string | undefined;
+            hints?: {
+                enabled: boolean;
+            } | undefined;
+            theme?: {
+                version: 2;
+                preset?: "light" | "dark" | undefined;
+                surface?: string | undefined;
+                primary?: string | undefined;
+                contrast?: "normal" | "high" | undefined;
+                radius?: "none" | "sm" | "md" | "lg" | "full" | undefined;
+                font?: {
+                    size?: number | undefined;
+                } | undefined;
+                fonts?: {
+                    ui?: {
+                        name: string;
+                        src?: string | undefined;
+                    } | undefined;
+                    heading?: {
+                        name: string;
+                        src?: string | undefined;
+                    } | undefined;
+                } | undefined;
+                tint?: number | undefined;
+                overrides?: Record<string, string> | undefined;
+                customStyle?: Record<string, string> | undefined;
+                presetId?: string | undefined;
+            } | undefined;
+            customStyle?: Record<string, string> | undefined;
+            captions?: Record<string, string> | undefined;
+            categories?: {
+                label: string;
+                items: string[];
+            }[] | undefined;
+        };
+        landingPage: {
+            headerTitle?: string | undefined;
+            headerColor?: string | undefined;
+            headerImage?: string | undefined;
+            headerHtml?: string | undefined;
+            backgroundColor?: string | undefined;
+            backgroundImage?: string | undefined;
+            bodyTitle?: string | undefined;
+            bodySubtitle?: string | undefined;
+            bodyHtml?: string | undefined;
+            headerTitleStyle?: {
+                color?: string | undefined;
+                font?: {
+                    name: string;
+                    src?: string | undefined;
+                } | undefined;
+                fontWeight?: "300" | "800" | "600" | "400" | "500" | "700" | undefined;
+                fontStyle?: "italic" | "normal" | undefined;
+                textAlign?: "center" | "left" | "right" | undefined;
+            } | undefined;
+            bodyTitleStyle?: {
+                color?: string | undefined;
+                font?: {
+                    name: string;
+                    src?: string | undefined;
+                } | undefined;
+                fontWeight?: "300" | "800" | "600" | "400" | "500" | "700" | undefined;
+                fontStyle?: "italic" | "normal" | undefined;
+                textAlign?: "center" | "left" | "right" | undefined;
+            } | undefined;
+            bodySubtitleStyle?: {
+                color?: string | undefined;
+                font?: {
+                    name: string;
+                    src?: string | undefined;
+                } | undefined;
+                fontWeight?: "300" | "800" | "600" | "400" | "500" | "700" | undefined;
+                fontStyle?: "italic" | "normal" | undefined;
+                textAlign?: "center" | "left" | "right" | undefined;
+            } | undefined;
+            customPrivacy?: string | undefined;
+            customImprint?: string | undefined;
+            pageLayout?: "scroll" | "flex" | undefined;
+        } | null;
+        emailCampaign: Record<string, any> | null;
+        thumbnail: string | null;
+        thumbnailPending: boolean;
+        createdAt: string;
+        updatedAt: string;
+        pinnedBy: string[];
+        assets?: {
+            assetId: string;
+            title?: string | null | undefined;
+            description?: string | null | undefined;
+        }[] | undefined;
+    } | undefined>;
     bxCoreVersion: Ref<string | undefined, string | undefined>;
     allowPanAndZoom: Ref<boolean, boolean>;
     branding: Ref<boolean, boolean>;
@@ -8758,7 +9553,8 @@ export declare class BluepicEmbed extends EventTarget {
         bxCoreVersion?: string;
         stripeEnv?: 'dev' | 'prod';
         theme?: 'light' | 'dark' | 'auto';
-        customThemeVars?: Partial<z.infer<typeof EmbedV2.customStyleSchema>>;
+        /** Legacy variable overrides, or a theme-v2 `ThemeInput` (`{ version: 2, surface, primary, … }`). */
+        customThemeVars?: Partial<z.infer<typeof EmbedV2.customStyleSchema>> | ThemeInput;
         bearerToken?: string;
         password?: string;
     });