@vouchfor/embeds 0.0.0-experiment.a63622c → 0.0.0-experiment.a8aff5d

package/dist/es/src/components/DialogEmbed/DialogOverlay.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import type { DialogEmbedProps } from '.';
+declare class DialogOverlay extends LitElement {
+    static styles: import("lit").CSSResult[];
+    open: boolean;
+    aspectRatio: DialogEmbedProps['aspectRatio'];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vouch-embed-dialog-overlay': DialogOverlay;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'vouch-embed-dialog-overlay': DialogOverlay;
+        }
+    }
+}
+export { DialogOverlay };

package/dist/es/src/components/DialogEmbed/DialogPortal.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+import type { DialogEmbedProps } from '.';
+declare class DialogPortal extends LitElement {
+    vouchId: DialogEmbedProps['vouchId'];
+    templateId: DialogEmbedProps['templateId'];
+    questions: DialogEmbedProps['questions'];
+    env: DialogEmbedProps['env'];
+    apiKey: DialogEmbedProps['apiKey'];
+    disableTracking: DialogEmbedProps['disableTracking'];
+    trackingSource: DialogEmbedProps['trackingSource'];
+    controls: DialogEmbedProps['controls'];
+    preload: DialogEmbedProps['preload'];
+    disableAutoplay: DialogEmbedProps['disableAutoplay'];
+    aspectRatio: DialogEmbedProps['aspectRatio'];
+    private _mediaPlayerRef;
+    open: boolean;
+    private _handleToggle;
+    private _handleClose;
+    private _handleDocumentKeyUp;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vouch-embed-dialog-portal': DialogPortal;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'vouch-embed-dialog-portal': DialogPortal;
+        }
+    }
+}
+export { DialogPortal };

package/dist/es/src/components/DialogEmbed/index.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import type { PlayerEmbedProps } from '../PlayerEmbed';
+type DialogEmbedProps = Omit<PlayerEmbedProps, 'data'> & {
+    disableAutoplay?: boolean;
+};
+declare class DialogEmbed extends LitElement {
+    static styles: import("lit").CSSResult[];
+    vouchId: DialogEmbedProps['vouchId'];
+    templateId: DialogEmbedProps['templateId'];
+    questions: DialogEmbedProps['questions'];
+    env: DialogEmbedProps['env'];
+    apiKey: DialogEmbedProps['apiKey'];
+    disableTracking: DialogEmbedProps['disableTracking'];
+    trackingSource: DialogEmbedProps['trackingSource'];
+    controls: DialogEmbedProps['controls'];
+    preload: DialogEmbedProps['preload'];
+    disableAutoplay: DialogEmbedProps['disableAutoplay'];
+    aspectRatio: DialogEmbedProps['aspectRatio'];
+    private _id;
+    private _handleRootClick;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vouch-embed-dialog': DialogEmbed;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'vouch-embed-dialog': DialogEmbed;
+        }
+    }
+}
+export { DialogEmbed };
+export type { DialogEmbedProps };

package/dist/es/src/components/PlayerEmbed/controllers/event-forwarder.d.ts

@@ -0,0 +1,15 @@
+import type { PlayerEmbed } from '..';
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { DirectiveResult } from 'lit/directive.js';
+type PlayerEmbedHost = ReactiveControllerHost & PlayerEmbed;
+declare class EventForwardController implements ReactiveController {
+    host: PlayerEmbedHost;
+    private _events;
+    private _cleanup;
+    private _forwardElementRef;
+    constructor(host: PlayerEmbedHost, events: string[]);
+    register(): DirectiveResult;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+export { EventForwardController };

package/dist/es/src/components/{Embed → PlayerEmbed}/controllers/fetcher.d.ts

@@ -1,13 +1,14 @@
-import type { Embed } from '..';
+import type { PlayerEmbed } from '..';
 import type { ReactiveControllerHost } from 'lit';
-type EmbedHost = ReactiveControllerHost & Embed;
+type PlayerEmbedHost = ReactiveControllerHost & PlayerEmbed;
 declare class FetcherController {
-    host: EmbedHost;
+    host: PlayerEmbedHost;
     private _fetching;
+    private _vouch;
     set fetching(value: boolean);
     get fetching(): boolean;
     private getVouch;
     private getTemplate;
-    constructor(host: EmbedHost);
+    constructor(host: PlayerEmbedHost);
 }
 export { FetcherController };

package/dist/es/src/components/{Embed/controllers/tracking.d.ts → PlayerEmbed/controllers/tracking/index.d.ts}

@@ -1,22 +1,24 @@
-import type { Embed } from '..';
+import type { PlayerEmbed } from '../..';
 import type { ReactiveController, ReactiveControllerHost } from 'lit';
-type EmbedHost = ReactiveControllerHost & Embed;
+type PlayerEmbedHost = ReactiveControllerHost & PlayerEmbed;
+type TrackingEvent = 'VOUCH_LOADED' | 'VOUCH_RESPONSE_VIEWED' | 'VIDEO_PLAYED' | 'VIDEO_STREAMED';
+type TrackingPayload = {
+    vouchId?: string;
+    answerId?: string;
+    streamStart?: number;
+    streamEnd?: number;
+};
 declare class TrackingController implements ReactiveController {
-    host: EmbedHost;
-    private _tabId;
-    private _clientId;
-    private _visitorId;
+    host: PlayerEmbedHost;
+    private _batchedEvents;
     private _hasPlayed;
     private _hasLoaded;
     private _answersViewed;
     private _streamStartTime;
     private _streamLatestTime;
     private _currentlyPlayingVideo;
-    constructor(host: EmbedHost);
-    private _findVouchId;
-    private _createVisitor;
-    private _getUids;
-    private _getReportingMetadata;
+    constructor(host: PlayerEmbedHost);
+    private _createTrackingEvent;
     private _sendTrackingEvent;
     private _streamEnded;
     private _handleVouchLoaded;
@@ -24,8 +26,11 @@ declare class TrackingController implements ReactiveController {
     private _handleVideoPlay;
     private _handleVideoTimeUpdate;
     private _handleVideoPause;
+    private _pageUnloading;
     private _handleVisibilityChange;
+    private _handlePageHide;
     hostConnected(): void;
     hostDisconnected(): void;
 }
 export { TrackingController };
+export type { TrackingEvent, TrackingPayload };

package/dist/es/src/components/PlayerEmbed/controllers/tracking/utils.d.ts

@@ -0,0 +1,17 @@
+import type { TrackingPayload } from '.';
+import type { Vouch } from '@vouchfor/media-player';
+import type { Environment } from '../../../../utils/env';
+declare function getUids(env: Environment): {
+    client: null;
+    tab: null;
+    request: string;
+    visitor?: undefined;
+} | {
+    client: string;
+    tab: string;
+    request: string;
+    visitor: string;
+};
+declare function findVouchId(payload?: TrackingPayload, vouch?: Vouch): string | null | undefined;
+declare function getReportingMetadata(source?: string): any;
+export { getUids, findVouchId, getReportingMetadata };

package/dist/es/src/components/{Embed → PlayerEmbed}/index.d.ts

@@ -1,35 +1,39 @@
 import { LitElement } from 'lit';
-import type { Scene, TemplateInstance } from '@vouchfor/canvas-video';
+import type { Scene, Scenes, TemplateInstance } from '@vouchfor/canvas-video';
 import type { MediaPlayer, MediaPlayerProps } from '@vouchfor/media-player';
 import type { Environment } from '../../utils/env';
-type EmbedProps = Pick<MediaPlayerProps, 'data' | 'aspectRatio' | 'preload' | 'autoplay' | 'controls'> & {
+type PlayerEmbedProps = Pick<MediaPlayerProps, 'data' | 'aspectRatio' | 'preload' | 'autoplay' | 'controls'> & {
     env: Environment;
     apiKey: string;
     disableTracking?: boolean;
     trackingSource?: string;
     vouchId?: string;
     templateId?: string;
+    questions?: number[];
 };
-declare class Embed extends LitElement {
-    private _mediaPlayerRef;
-    data: EmbedProps['data'];
-    vouchId: EmbedProps['vouchId'];
-    templateId: EmbedProps['templateId'];
-    env: EmbedProps['env'];
-    apiKey: EmbedProps['apiKey'];
-    disableTracking: EmbedProps['disableTracking'];
-    trackingSource: EmbedProps['trackingSource'];
-    controls: EmbedProps['controls'];
-    preload: EmbedProps['preload'];
-    autoplay: EmbedProps['autoplay'];
-    aspectRatio: EmbedProps['aspectRatio'];
+declare class PlayerEmbed extends LitElement {
+    static styles: import("lit").CSSResult[];
+    data: PlayerEmbedProps['data'];
+    vouchId: PlayerEmbedProps['vouchId'];
+    templateId: PlayerEmbedProps['templateId'];
+    questions: PlayerEmbedProps['questions'];
+    env: PlayerEmbedProps['env'];
+    apiKey: PlayerEmbedProps['apiKey'];
+    disableTracking: PlayerEmbedProps['disableTracking'];
+    trackingSource: PlayerEmbedProps['trackingSource'];
+    controls: PlayerEmbedProps['controls'];
+    preload: PlayerEmbedProps['preload'];
+    autoplay: PlayerEmbedProps['autoplay'];
+    aspectRatio: PlayerEmbedProps['aspectRatio'];
     private eventController;
     private _fetcherController;
     private _trackingController;
-    vouch: EmbedProps['data'];
+    vouch: PlayerEmbedProps['data'];
     template: TemplateInstance | undefined;
     get fetching(): boolean;
+    private _mediaPlayerRef;
     get waiting(): boolean | undefined;
+    get initialised(): Promise<boolean> | undefined;
     get seeking(): boolean | undefined;
     get paused(): boolean | undefined;
     get captions(): boolean | undefined;
@@ -45,22 +49,25 @@ declare class Embed extends LitElement {
     get muted(): boolean;
     get scene(): Scene | null;
     get scenes(): Scene[];
+    get sceneConfig(): Scenes | null;
     get videoState(): import("@vouchfor/media-player/dist/src/components/MediaPlayer/controllers/scenes").VideoStateMap | undefined;
     get mediaPlayer(): MediaPlayer | undefined;
     play(): void;
     pause(): void;
+    reset(time?: number, play?: boolean): void;
     setScene(index: number): void;
+    private _renderStyles;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'vouch-embed': Embed;
+        'vouch-embed-player': PlayerEmbed;
     }
     namespace JSX {
         interface IntrinsicElements {
-            'vouch-embed': Embed;
+            'vouch-embed-player': PlayerEmbed;
         }
     }
 }
-export { Embed };
-export type { EmbedProps };
+export { PlayerEmbed };
+export type { PlayerEmbedProps };

package/dist/es/src/components/PlayerEmbed/tests/data.d.ts

@@ -0,0 +1,3 @@
+import type { Vouch } from '@vouchfor/media-player';
+declare const data: Vouch;
+export { data };

package/dist/es/src/index.d.ts

@@ -1 +1,2 @@
-export { Embed } from './components/Embed';
+export { PlayerEmbed } from './components/PlayerEmbed';
+export { DialogEmbed } from './components/DialogEmbed';