@bluepic/embed 0.4.0-next.142 → 0.4.0-next.143

package/dist/components/TemplateEditor/BxTemplateEditor.vue.d.ts

@@ -1,4 +1,4 @@
-import { FieldsBridge, Studio, Template } from '@bluepic/types';
+import { BluepicField, FieldsBridge, Studio, Template } from '@bluepic/types';
 import { VNode } from 'vue';
 import { type AssetProxyConfig } from '../../util/assetProxy';
 import { z } from '@hono/zod-openapi';
@@ -7,6 +7,7 @@ import 'swiper/css/navigation';
 import 'swiper/css/pagination';
 import 'swiper/css/scrollbar';
 import type { ExportAnalyticsSink } from '../../util/analytics';
+import { nextTick } from 'vue';
 type __VLS_Props = {
     bxCoreVersion?: string;
     /** Override the sandbox host (defaults to sandbox.bluepic.io). e.g. sandbox.bluepic.eu */
@@ -23,6 +24,11 @@ type __VLS_Props = {
     showBackBtn: boolean;
     branding: boolean;
     exportOptions: z.infer<typeof Studio.campaignConfigSchema>['export'];
+    /**
+     * Campaign field-hints config (`config.hints`). Opt-in: absent — which is
+     * every campaign predating the feature — means no hint overlay at all.
+     */
+    hints?: z.infer<typeof Studio.campaignConfigSchema>['hints'];
     apiBaseUrl: string;
     env: 'prod' | 'dev';
     templateId: string;
@@ -114,7 +120,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         zoomAndPan: boolean;
         watermark: boolean;
         accessibilityDescription?: string;
-    }> & Readonly<{}>, {
+        fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        hintsRevealed?: boolean;
+    }> & Readonly<{
+        "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+    }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
             y: number;
@@ -510,7 +520,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $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<{
             transform: import("@zoompinch/core").Transform;
@@ -693,7 +703,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $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<{
             transform: import("@zoompinch/core").Transform;
@@ -764,7 +774,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             };
         }) | 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, {
+        "focus-field": (args_0: BluepicField) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -788,7 +800,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         zoomAndPan: boolean;
         watermark: boolean;
         accessibilityDescription?: string;
-    }> & Readonly<{}>, {
+        fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        hintsRevealed?: boolean;
+    }> & Readonly<{
+        "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+    }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
             y: number;
@@ -1184,7 +1200,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $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<{
             transform: import("@zoompinch/core").Transform;
@@ -1367,7 +1383,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $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<{
             transform: import("@zoompinch/core").Transform;
@@ -1455,7 +1471,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         zoomAndPan: boolean;
         watermark: boolean;
         accessibilityDescription?: string;
-    }> & Readonly<{}>, {
+        fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        hintsRevealed?: boolean;
+    }> & Readonly<{
+        "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+    }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
             y: number;
@@ -1851,7 +1871,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $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<{
             transform: import("@zoompinch/core").Transform;
@@ -2034,7 +2054,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $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<{
             transform: import("@zoompinch/core").Transform;
@@ -2105,7 +2125,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             };
         }) | 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, {
+        "focus-field": (args_0: BluepicField) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -2129,7 +2151,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         zoomAndPan: boolean;
         watermark: boolean;
         accessibilityDescription?: string;
-    }> & Readonly<{}>, {
+        fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        hintsRevealed?: boolean;
+    }> & Readonly<{
+        "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+    }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
             y: number;
@@ -2525,7 +2551,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $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<{
             transform: import("@zoompinch/core").Transform;
@@ -2708,7 +2734,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $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<{
             transform: import("@zoompinch/core").Transform;

package/dist/components/TemplateEditor/FieldHintsLayer.vue.d.ts

@@ -0,0 +1,34 @@
+import type { BluepicField } from '@bluepic/types';
+import type { FieldHitbox } from '../../util/fieldHints';
+type __VLS_Props = {
+    hitboxes: FieldHitbox[];
+    /**
+     * zoompinch's slot function. Takes CANVAS-pixel coordinates — and since the
+     * live template is sized to `serial.width × serial.height` (exactly as
+     * bx-studio sizes its SerialWrapper), those are serial coordinates. The
+     * canvas dimensions are still threaded through below rather than assumed,
+     * because the `serialWidth`/`serialHeight` prop path can render without a
+     * serial at all.
+     */
+    composePoint: (x: number, y: number) => [number, number];
+    canvasWidth: number;
+    canvasHeight: number;
+    serialWidth: number;
+    serialHeight: number;
+    /**
+     * Not read — a reactivity dependency. `composePoint` is a plain function
+     * closing over zoompinch's engine state, so nothing about calling it tells
+     * Vue to recompute when the user pans. Naming the live transform as a prop
+     * is what re-runs `placed` on every gesture frame.
+     */
+    transform: unknown;
+    /** On multi-frame templates, only the focused frame's hints are shown. */
+    activeFrameIndex?: number;
+    revealed: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-field": (args_0: BluepicField) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/TemplateEditor/TemplateView.vue.d.ts

@@ -1,6 +1,7 @@
 import { Transform } from '@zoompinch/vue';
 import { Ref } from 'vue';
-import { Template } from '@bluepic/types';
+import { BluepicField, Template } from '@bluepic/types';
+import type { FieldHitbox } from '../../util/fieldHints';
 import type { AssetProxyConfig } from '../../util/assetProxy';
 type __VLS_Props = {
     bxCoreVersion?: string;
@@ -27,6 +28,10 @@ type __VLS_Props = {
      * reflects the currently rendered graphic.
      */
     accessibilityDescription?: string;
+    /** Derived field-hint targets in serial coordinates. Empty = no overlay. */
+    fieldHitboxes?: FieldHitbox[];
+    /** Whether the hint overlay is currently shown (hover on desktop, tap on mobile). */
+    hintsRevealed?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
     currentlyFocusedFrame: import("vue").ComputedRef<{
@@ -678,5 +683,9 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
         };
     }) | undefined>;
     isMultiFrame: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-field": (args_0: BluepicField) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/embed/embed.d.ts

@@ -24,6 +24,9 @@ export declare class BluepicEmbed extends EventTarget {
             readonly showBackBtn: boolean;
             readonly branding: boolean;
             readonly exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+            readonly hints?: {
+                enabled: boolean;
+            } | undefined;
             readonly apiBaseUrl: string;
             readonly env: "prod" | "dev";
             readonly templateId: string;
@@ -93,6 +96,7 @@ export declare class BluepicEmbed extends EventTarget {
             showBackBtn: boolean;
             branding: boolean;
             exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+            hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
             apiBaseUrl: string;
             env: "prod" | "dev";
             templateId: string;
@@ -152,7 +156,11 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+            }> & Readonly<{
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -802,7 +810,9 @@ 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, {
+                "focus-field": (args_0: Template.Fields.BluepicField) => any;
+            }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -826,7 +836,11 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+            }> & Readonly<{
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -1493,7 +1507,11 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+            }> & Readonly<{
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -2143,7 +2161,9 @@ 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, {
+                "focus-field": (args_0: Template.Fields.BluepicField) => any;
+            }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -2167,7 +2187,11 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+            }> & Readonly<{
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -2887,6 +2911,7 @@ export declare class BluepicEmbed extends EventTarget {
         showBackBtn: boolean;
         branding: boolean;
         exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+        hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
         apiBaseUrl: string;
         env: "prod" | "dev";
         templateId: string;
@@ -2946,7 +2971,11 @@ export declare class BluepicEmbed extends EventTarget {
             zoomAndPan: boolean;
             watermark: boolean;
             accessibilityDescription?: string;
-        }> & Readonly<{}>, {
+            fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            hintsRevealed?: boolean;
+        }> & Readonly<{
+            "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+        }>, {
             currentlyFocusedFrame: import("vue").ComputedRef<{
                 x: number;
                 y: number;
@@ -3596,7 +3625,9 @@ 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, {
+            "focus-field": (args_0: Template.Fields.BluepicField) => any;
+        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3620,7 +3651,11 @@ export declare class BluepicEmbed extends EventTarget {
             zoomAndPan: boolean;
             watermark: boolean;
             accessibilityDescription?: string;
-        }> & Readonly<{}>, {
+            fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            hintsRevealed?: boolean;
+        }> & Readonly<{
+            "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+        }>, {
             currentlyFocusedFrame: import("vue").ComputedRef<{
                 x: number;
                 y: number;
@@ -4293,6 +4328,9 @@ export declare class BluepicEmbed extends EventTarget {
             readonly showBackBtn: boolean;
             readonly branding: boolean;
             readonly exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+            readonly hints?: {
+                enabled: boolean;
+            } | undefined;
             readonly apiBaseUrl: string;
             readonly env: "prod" | "dev";
             readonly templateId: string;
@@ -4362,6 +4400,7 @@ export declare class BluepicEmbed extends EventTarget {
             showBackBtn: boolean;
             branding: boolean;
             exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+            hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
             apiBaseUrl: string;
             env: "prod" | "dev";
             templateId: string;
@@ -4421,7 +4460,11 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+            }> & Readonly<{
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -5071,7 +5114,9 @@ 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, {
+                "focus-field": (args_0: Template.Fields.BluepicField) => any;
+            }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -5095,7 +5140,11 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+            }> & Readonly<{
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -5762,7 +5811,11 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+            }> & Readonly<{
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -6412,7 +6465,9 @@ 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, {
+                "focus-field": (args_0: Template.Fields.BluepicField) => any;
+            }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -6436,7 +6491,11 @@ export declare class BluepicEmbed extends EventTarget {
                 zoomAndPan: boolean;
                 watermark: boolean;
                 accessibilityDescription?: string;
-            }> & Readonly<{}>, {
+                fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                hintsRevealed?: boolean;
+            }> & Readonly<{
+                "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+            }>, {
                 currentlyFocusedFrame: import("vue").ComputedRef<{
                     x: number;
                     y: number;
@@ -7156,6 +7215,7 @@ export declare class BluepicEmbed extends EventTarget {
         showBackBtn: boolean;
         branding: boolean;
         exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
+        hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
         apiBaseUrl: string;
         env: "prod" | "dev";
         templateId: string;
@@ -7215,7 +7275,11 @@ export declare class BluepicEmbed extends EventTarget {
             zoomAndPan: boolean;
             watermark: boolean;
             accessibilityDescription?: string;
-        }> & Readonly<{}>, {
+            fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            hintsRevealed?: boolean;
+        }> & Readonly<{
+            "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+        }>, {
             currentlyFocusedFrame: import("vue").ComputedRef<{
                 x: number;
                 y: number;
@@ -7865,7 +7929,9 @@ 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, {
+            "focus-field": (args_0: Template.Fields.BluepicField) => any;
+        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -7889,7 +7955,11 @@ export declare class BluepicEmbed extends EventTarget {
             zoomAndPan: boolean;
             watermark: boolean;
             accessibilityDescription?: string;
-        }> & Readonly<{}>, {
+            fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            hintsRevealed?: boolean;
+        }> & Readonly<{
+            "onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
+        }>, {
             currentlyFocusedFrame: import("vue").ComputedRef<{
                 x: number;
                 y: number;
@@ -8684,6 +8754,7 @@ export declare class BluepicEmbed extends EventTarget {
         } | null;
         emailCampaign: Record<string, any> | null;
         thumbnail: string | null;
+        thumbnailPending: boolean;
         createdAt: string;
         updatedAt: string;
         pinnedBy: string[];
@@ -8820,6 +8891,7 @@ export declare class BluepicEmbed extends EventTarget {
         } | null;
         emailCampaign: Record<string, any> | null;
         thumbnail: string | null;
+        thumbnailPending: boolean;
         createdAt: string;
         updatedAt: string;
         pinnedBy: string[];