@bluepic/embed 0.6.10 → 0.6.12

package/dist/embed/embed.d.ts

@@ -12619,6 +12619,9 @@ export declare class BluepicEmbed extends EventTarget {
     stripeEnv: Ref<"dev" | "prod", "dev" | "prod">;
     bxThemeStyleVars: Ref<Partial<z.infer<typeof EmbedV2.customStyleSchema>>>;
     id: string;
+    private app?;
+    private destroyed;
+    private onClose?;
     constructor(elementOrSelector: string | HTMLElement, campaignId: number | string, opts?: {
         templateId?: string;
         initData?: {
@@ -12633,8 +12636,15 @@ export declare class BluepicEmbed extends EventTarget {
         customThemeVars?: Partial<z.infer<typeof EmbedV2.customStyleSchema>> | ThemeInput;
         bearerToken?: string;
         password?: string;
+        /**
+         * Show a close button in the editor's toolbar, right of Export, and call
+         * this when it is pressed. Used by `openPopup` (the popup has no header).
+         */
+        onClose?: () => void;
     });
     private loadCampaign;
+    /** Unmount the editor and free the element (e.g. when its popup closes). */
+    destroy(): void;
     private mount;
     setVariable(key: string, value: unknown): void;
     setData(dataset: {

package/dist/embed/popup.d.ts

@@ -0,0 +1,40 @@
+import { type PopupCreationOptions } from '../components/directives/usePopup';
+import { BluepicEmbed } from './embed';
+/**
+ * `Bluepic.openPopup(…)` — the campaign editor in a bx-popup on the HOST page.
+ *
+ * Built for "after ticket purchase": the ticket shop's confirmation page runs
+ * this with the buyer's data in the shop's own merge tags, and the visitor gets
+ * their design pre-filled without leaving the page:
+ *
+ *   Bluepic.openPopup({
+ *     campaignId: "3903425802407936",
+ *     data: { NAME: "{{first_name}} {{last_name}}", COMPANY: "{{company}}" },
+ *   });
+ *
+ * Nothing new underneath: the popup is the library's own `createPopup` (a
+ * `frame` by default), and its content is the SAME `BluepicEmbed` editor the
+ * `.bluepic-embed` snippet mounts. `data` is its `initData` — field values by
+ * binding key, exactly like `data-init-data`.
+ */
+export type OpenPopupOptions = {
+    campaignId: number | string;
+    /** Open this template; default: the campaign's first. */
+    templateId?: string;
+    /** Pre-filled field values by binding key. */
+    data?: Record<string, unknown>;
+    theme?: 'light' | 'dark' | 'auto';
+    apiBaseUrl?: string;
+    stripeEnv?: 'dev' | 'prod';
+    /** Popup type of the library's popup system. Default `frame`. */
+    type?: PopupCreationOptions['type'];
+    title?: string;
+    /** Called after the popup closed. */
+    onClose?: () => void;
+};
+export type BluepicPopupHandle = {
+    close: () => void;
+    /** The editor, once mounted (it mounts with the popup). */
+    readonly embed: BluepicEmbed | undefined;
+};
+export declare function openPopup(options: OpenPopupOptions): BluepicPopupHandle;