@vouchfor/embeds 0.0.0-experiment.8c5a3f8 → 0.0.0-experiment.8cafed9

package/dist/iife/dialog-embed/src/components/DialogEmbed/DialogOverlay.d.ts

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

package/dist/iife/dialog-embed/src/components/DialogEmbed/DialogPortal.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import type { DialogEmbedProps } from '.';
+import './DialogOverlay';
+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-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vouch-embed-dialog-portal': DialogPortal;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'vouch-embed-dialog-portal': DialogPortal;
+        }
+    }
+}
+export { DialogPortal };

package/dist/iife/dialog-embed/src/components/DialogEmbed/index.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+import type { PlayerEmbedProps } from '../PlayerEmbed';
+import '../PlayerEmbed';
+import './DialogPortal';
+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-html").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/iife/dialog-embed/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/iife/dialog-embed/src/components/PlayerEmbed/controllers/fetcher.d.ts

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

package/dist/iife/dialog-embed/src/components/PlayerEmbed/controllers/tracking/index.d.ts

@@ -0,0 +1,36 @@
+import type { PlayerEmbed } from '../..';
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+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: PlayerEmbedHost;
+    private _batchedEvents;
+    private _hasPlayed;
+    private _hasLoaded;
+    private _answersViewed;
+    private _streamStartTime;
+    private _streamLatestTime;
+    private _currentlyPlayingVideo;
+    constructor(host: PlayerEmbedHost);
+    private _createTrackingEvent;
+    private _sendTrackingEvent;
+    private _streamEnded;
+    private _handleVouchLoaded;
+    private _handlePlay;
+    private _handleVideoPlay;
+    private _handleVideoTimeUpdate;
+    private _handleVideoPause;
+    private _pageUnloading;
+    private _handleVisibilityChange;
+    private _handlePageHide;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+export { TrackingController };
+export type { TrackingEvent, TrackingPayload };

package/dist/iife/dialog-embed/src/components/PlayerEmbed/controllers/tracking/utils.d.ts

@@ -0,0 +1,17 @@
+import type { TrackingPayload } from '.';
+import type { Vouch } from '@vouchfor/video-utils';
+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/iife/dialog-embed/src/components/PlayerEmbed/index.d.ts

@@ -0,0 +1,74 @@
+import { LitElement } from 'lit';
+import type { Scene, Scenes, TemplateInstance } from '@vouchfor/canvas-video';
+import type { MediaPlayer, MediaPlayerProps } from '@vouchfor/media-player';
+import type { Environment } from '../../utils/env';
+import '@vouchfor/media-player';
+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 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: 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;
+    get fullscreen(): boolean | undefined;
+    get duration(): number | undefined;
+    set currentTime(value: number);
+    get currentTime(): number;
+    set playbackRate(value: number);
+    get playbackRate(): number;
+    set volume(value: number);
+    get volume(): number;
+    set muted(value: boolean);
+    get muted(): boolean;
+    get scene(): Scene | null;
+    get scenes(): Scene[];
+    get sceneConfig(): Scenes | null;
+    get videoState(): import("@vouchfor/media-player").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-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vouch-embed-player': PlayerEmbed;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'vouch-embed-player': PlayerEmbed;
+        }
+    }
+}
+export { PlayerEmbed };
+export type { PlayerEmbedProps };

package/dist/iife/dialog-embed/src/components/PlayerEmbed/tests/data.d.ts

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

package/dist/iife/dialog-embed/src/index.d.ts

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

package/dist/iife/dialog-embed/src/utils/env.d.ts

@@ -0,0 +1,12 @@
+type Environment = 'local' | 'dev' | 'staging' | 'prod';
+type GetEnvUrlsReturn = {
+    videoUrl: string;
+    publicApiUrl: string;
+    embedApiUrl: string;
+};
+declare const devEmbedApiUrl = "https://embed-dev.vouchfor.com/v2";
+declare const stagingEmbedApiUrl = "https://embed-staging.vouchfor.com/v2";
+declare const prodEmbedApiUrl = "https://embed.vouchfor.com/v2";
+declare function getEnvUrls(env: Environment): GetEnvUrlsReturn;
+export { devEmbedApiUrl, stagingEmbedApiUrl, prodEmbedApiUrl, getEnvUrls };
+export type { Environment };

package/dist/iife/dialog-embed/src/utils/events.d.ts

@@ -0,0 +1,2 @@
+declare function forwardEvent(type: string, fromElement: HTMLElement, toElement: HTMLElement): () => void;
+export { forwardEvent };