@vouchfor/embeds 0.0.0-experiment.df12bef → 0.0.0-experiment.e7e20dd
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/embeds.js +979 -1453
- package/dist/es/embeds.js.map +1 -1
- package/dist/es/src/components/DialogEmbed/DialogOverlay.d.ts +20 -0
- package/dist/es/src/components/DialogEmbed/DialogPortal.d.ts +36 -0
- package/dist/es/src/components/DialogEmbed/index.d.ts +38 -0
- package/dist/es/src/components/PlayerEmbed/controllers/event-forwarder.d.ts +15 -0
- package/dist/es/src/components/{Embed → PlayerEmbed}/controllers/fetcher.d.ts +5 -4
- package/dist/es/src/components/{Embed/controllers/tracking.d.ts → PlayerEmbed/controllers/tracking/index.d.ts} +14 -11
- package/dist/es/src/components/PlayerEmbed/controllers/tracking/utils.d.ts +17 -0
- package/dist/es/src/components/{Embed → PlayerEmbed}/index.d.ts +28 -21
- package/dist/es/src/components/PlayerEmbed/tests/data.d.ts +3 -0
- package/dist/es/src/index.d.ts +2 -1
- package/dist/iife/dialog-embed/embed.iife.js +1750 -0
- package/dist/iife/dialog-embed/embed.iife.js.map +1 -0
- package/dist/iife/embeds.iife.js +662 -457
- package/dist/iife/embeds.iife.js.map +1 -1
- package/dist/iife/player-embed/embed.iife.js +1612 -0
- package/dist/iife/player-embed/embed.iife.js.map +1 -0
- package/package.json +43 -31
- package/src/components/DialogEmbed/Dialog.stories.ts +91 -0
- package/src/components/DialogEmbed/DialogOverlay.ts +131 -0
- package/src/components/DialogEmbed/DialogPortal.ts +126 -0
- package/src/components/DialogEmbed/index.ts +97 -0
- package/src/components/{Embed/Embed.stories.ts → PlayerEmbed/PlayerEmbed.stories.ts} +26 -14
- package/src/components/{Embed → PlayerEmbed}/controllers/event-forwarder.ts +6 -5
- package/src/components/{Embed → PlayerEmbed}/controllers/fetcher.ts +33 -14
- package/src/components/{Embed/controllers/tracking.ts → PlayerEmbed/controllers/tracking/index.ts} +47 -115
- package/src/components/PlayerEmbed/controllers/tracking/utils.ts +95 -0
- package/src/components/{Embed → PlayerEmbed}/index.ts +71 -27
- package/src/components/PlayerEmbed/tests/PlayerEmbed.spec.ts +80 -0
- package/src/components/PlayerEmbed/tests/data.ts +183 -0
- package/src/index.ts +2 -1
| @@ -0,0 +1,17 @@ | |
| 1 | 
            +
            import type { TrackingPayload } from '.';
         | 
| 2 | 
            +
            import type { Vouch } from '@vouchfor/video-utils';
         | 
| 3 | 
            +
            import type { Environment } from '../../../../utils/env';
         | 
| 4 | 
            +
            declare function getUids(env: Environment): {
         | 
| 5 | 
            +
                client: null;
         | 
| 6 | 
            +
                tab: null;
         | 
| 7 | 
            +
                request: string;
         | 
| 8 | 
            +
                visitor?: undefined;
         | 
| 9 | 
            +
            } | {
         | 
| 10 | 
            +
                client: string;
         | 
| 11 | 
            +
                tab: string;
         | 
| 12 | 
            +
                request: string;
         | 
| 13 | 
            +
                visitor: string;
         | 
| 14 | 
            +
            };
         | 
| 15 | 
            +
            declare function findVouchId(payload?: TrackingPayload, vouch?: Vouch): string | null | undefined;
         | 
| 16 | 
            +
            declare function getReportingMetadata(source?: string): any;
         | 
| 17 | 
            +
            export { getUids, findVouchId, getReportingMetadata };
         | 
| @@ -2,34 +2,39 @@ import { LitElement } from 'lit'; | |
| 2 2 | 
             
            import type { Scene, Scenes, TemplateInstance } from '@vouchfor/canvas-video';
         | 
| 3 3 | 
             
            import type { MediaPlayer, MediaPlayerProps } from '@vouchfor/media-player';
         | 
| 4 4 | 
             
            import type { Environment } from '../../utils/env';
         | 
| 5 | 
            -
             | 
| 5 | 
            +
            import '@vouchfor/media-player';
         | 
| 6 | 
            +
            type PlayerEmbedProps = Pick<MediaPlayerProps, 'data' | 'aspectRatio' | 'preload' | 'autoplay' | 'controls'> & {
         | 
| 6 7 | 
             
                env: Environment;
         | 
| 7 8 | 
             
                apiKey: string;
         | 
| 8 9 | 
             
                disableTracking?: boolean;
         | 
| 9 10 | 
             
                trackingSource?: string;
         | 
| 10 11 | 
             
                vouchId?: string;
         | 
| 11 12 | 
             
                templateId?: string;
         | 
| 13 | 
            +
                questions?: number[];
         | 
| 12 14 | 
             
            };
         | 
| 13 | 
            -
            declare class  | 
| 14 | 
            -
                 | 
| 15 | 
            -
                data:  | 
| 16 | 
            -
                vouchId:  | 
| 17 | 
            -
                templateId:  | 
| 18 | 
            -
                 | 
| 19 | 
            -
                 | 
| 20 | 
            -
                 | 
| 21 | 
            -
                 | 
| 22 | 
            -
                 | 
| 23 | 
            -
                 | 
| 24 | 
            -
                 | 
| 25 | 
            -
                 | 
| 15 | 
            +
            declare class PlayerEmbed extends LitElement {
         | 
| 16 | 
            +
                static styles: import("lit").CSSResult[];
         | 
| 17 | 
            +
                data: PlayerEmbedProps['data'];
         | 
| 18 | 
            +
                vouchId: PlayerEmbedProps['vouchId'];
         | 
| 19 | 
            +
                templateId: PlayerEmbedProps['templateId'];
         | 
| 20 | 
            +
                questions: PlayerEmbedProps['questions'];
         | 
| 21 | 
            +
                env: PlayerEmbedProps['env'];
         | 
| 22 | 
            +
                apiKey: PlayerEmbedProps['apiKey'];
         | 
| 23 | 
            +
                disableTracking: PlayerEmbedProps['disableTracking'];
         | 
| 24 | 
            +
                trackingSource: PlayerEmbedProps['trackingSource'];
         | 
| 25 | 
            +
                controls: PlayerEmbedProps['controls'];
         | 
| 26 | 
            +
                preload: PlayerEmbedProps['preload'];
         | 
| 27 | 
            +
                autoplay: PlayerEmbedProps['autoplay'];
         | 
| 28 | 
            +
                aspectRatio: PlayerEmbedProps['aspectRatio'];
         | 
| 26 29 | 
             
                private eventController;
         | 
| 27 30 | 
             
                private _fetcherController;
         | 
| 28 31 | 
             
                private _trackingController;
         | 
| 29 | 
            -
                vouch:  | 
| 32 | 
            +
                vouch: PlayerEmbedProps['data'];
         | 
| 30 33 | 
             
                template: TemplateInstance | undefined;
         | 
| 31 34 | 
             
                get fetching(): boolean;
         | 
| 35 | 
            +
                private _mediaPlayerRef;
         | 
| 32 36 | 
             
                get waiting(): boolean | undefined;
         | 
| 37 | 
            +
                get initialised(): Promise<boolean> | undefined;
         | 
| 33 38 | 
             
                get seeking(): boolean | undefined;
         | 
| 34 39 | 
             
                get paused(): boolean | undefined;
         | 
| 35 40 | 
             
                get captions(): boolean | undefined;
         | 
| @@ -46,22 +51,24 @@ declare class Embed extends LitElement { | |
| 46 51 | 
             
                get scene(): Scene | null;
         | 
| 47 52 | 
             
                get scenes(): Scene[];
         | 
| 48 53 | 
             
                get sceneConfig(): Scenes | null;
         | 
| 49 | 
            -
                get videoState(): import("@vouchfor/media-player | 
| 54 | 
            +
                get videoState(): import("@vouchfor/media-player").VideoStateMap | undefined;
         | 
| 50 55 | 
             
                get mediaPlayer(): MediaPlayer | undefined;
         | 
| 51 56 | 
             
                play(): void;
         | 
| 52 57 | 
             
                pause(): void;
         | 
| 58 | 
            +
                reset(time?: number, play?: boolean): void;
         | 
| 53 59 | 
             
                setScene(index: number): void;
         | 
| 54 | 
            -
                 | 
| 60 | 
            +
                private _renderStyles;
         | 
| 61 | 
            +
                render(): import("lit-html").TemplateResult<1>;
         | 
| 55 62 | 
             
            }
         | 
| 56 63 | 
             
            declare global {
         | 
| 57 64 | 
             
                interface HTMLElementTagNameMap {
         | 
| 58 | 
            -
                    'vouch-embed':  | 
| 65 | 
            +
                    'vouch-embed-player': PlayerEmbed;
         | 
| 59 66 | 
             
                }
         | 
| 60 67 | 
             
                namespace JSX {
         | 
| 61 68 | 
             
                    interface IntrinsicElements {
         | 
| 62 | 
            -
                        'vouch-embed':  | 
| 69 | 
            +
                        'vouch-embed-player': PlayerEmbed;
         | 
| 63 70 | 
             
                    }
         | 
| 64 71 | 
             
                }
         | 
| 65 72 | 
             
            }
         | 
| 66 | 
            -
            export {  | 
| 67 | 
            -
            export type {  | 
| 73 | 
            +
            export { PlayerEmbed };
         | 
| 74 | 
            +
            export type { PlayerEmbedProps };
         | 
    
        package/dist/es/src/index.d.ts
    CHANGED
    
    | @@ -1 +1,2 @@ | |
| 1 | 
            -
            export {  | 
| 1 | 
            +
            export { PlayerEmbed } from './components/PlayerEmbed';
         | 
| 2 | 
            +
            export { DialogEmbed } from './components/DialogEmbed';
         |