@vouchfor/embeds 1.3.2 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. package/dist/es/embeds.js +1138 -11
  2. package/dist/es/embeds.js.map +1 -1
  3. package/dist/es/src/components/DialogEmbed/DialogOverlay.d.ts +2 -1
  4. package/dist/es/src/components/DialogEmbed/DialogPortal.d.ts +2 -1
  5. package/dist/es/src/components/DialogEmbed/index.d.ts +3 -1
  6. package/dist/es/src/components/PlayerEmbed/controllers/tracking/utils.d.ts +1 -1
  7. package/dist/es/src/components/PlayerEmbed/index.d.ts +3 -2
  8. package/dist/es/src/components/PlayerEmbed/tests/data.d.ts +1 -1
  9. package/dist/iife/dialog-embed/embed.iife.js +363 -334
  10. package/dist/iife/dialog-embed/embed.iife.js.map +1 -1
  11. package/dist/iife/embeds.iife.js +362 -333
  12. package/dist/iife/embeds.iife.js.map +1 -1
  13. package/dist/iife/player-embed/embed.iife.js +346 -317
  14. package/dist/iife/player-embed/embed.iife.js.map +1 -1
  15. package/package.json +34 -30
  16. package/src/components/PlayerEmbed/controllers/tracking/utils.ts +1 -1
  17. package/src/components/PlayerEmbed/tests/data.ts +1 -1
  18. package/dist/es/browser-1b4c09f1.js +0 -733
  19. package/dist/es/browser-1b4c09f1.js.map +0 -1
  20. package/dist/es/index-37e10211.js +0 -4599
  21. package/dist/es/index-37e10211.js.map +0 -1
  22. package/dist/iife/dialog-embed/browser-aef6773c.js +0 -433
  23. package/dist/iife/dialog-embed/browser-aef6773c.js.map +0 -1
  24. package/dist/iife/dialog-embed/embed.js +0 -5
  25. package/dist/iife/dialog-embed/embed.js.map +0 -1
  26. package/dist/iife/dialog-embed/index-98ee90b7.js +0 -27151
  27. package/dist/iife/dialog-embed/index-98ee90b7.js.map +0 -1
  28. package/dist/iife/dialog-embed/src/components/DialogEmbed/DialogOverlay.d.ts +0 -19
  29. package/dist/iife/dialog-embed/src/components/DialogEmbed/DialogPortal.d.ts +0 -35
  30. package/dist/iife/dialog-embed/src/components/DialogEmbed/index.d.ts +0 -36
  31. package/dist/iife/dialog-embed/src/components/PlayerEmbed/controllers/event-forwarder.d.ts +0 -15
  32. package/dist/iife/dialog-embed/src/components/PlayerEmbed/controllers/fetcher.d.ts +0 -14
  33. package/dist/iife/dialog-embed/src/components/PlayerEmbed/controllers/tracking/index.d.ts +0 -36
  34. package/dist/iife/dialog-embed/src/components/PlayerEmbed/controllers/tracking/utils.d.ts +0 -17
  35. package/dist/iife/dialog-embed/src/components/PlayerEmbed/index.d.ts +0 -73
  36. package/dist/iife/dialog-embed/src/components/PlayerEmbed/tests/data.d.ts +0 -3
  37. package/dist/iife/dialog-embed/src/index.d.ts +0 -2
  38. package/dist/iife/dialog-embed/src/utils/env.d.ts +0 -12
  39. package/dist/iife/dialog-embed/src/utils/events.d.ts +0 -2
  40. package/dist/iife/player-embed/browser-3fc50faa.js +0 -433
  41. package/dist/iife/player-embed/browser-3fc50faa.js.map +0 -1
  42. package/dist/iife/player-embed/embed.js +0 -5
  43. package/dist/iife/player-embed/embed.js.map +0 -1
  44. package/dist/iife/player-embed/index-ec0750d4.js +0 -26706
  45. package/dist/iife/player-embed/index-ec0750d4.js.map +0 -1
  46. package/dist/iife/player-embed/src/components/DialogEmbed/DialogOverlay.d.ts +0 -19
  47. package/dist/iife/player-embed/src/components/DialogEmbed/DialogPortal.d.ts +0 -35
  48. package/dist/iife/player-embed/src/components/DialogEmbed/index.d.ts +0 -36
  49. package/dist/iife/player-embed/src/components/PlayerEmbed/controllers/event-forwarder.d.ts +0 -15
  50. package/dist/iife/player-embed/src/components/PlayerEmbed/controllers/fetcher.d.ts +0 -14
  51. package/dist/iife/player-embed/src/components/PlayerEmbed/controllers/tracking/index.d.ts +0 -36
  52. package/dist/iife/player-embed/src/components/PlayerEmbed/controllers/tracking/utils.d.ts +0 -17
  53. package/dist/iife/player-embed/src/components/PlayerEmbed/index.d.ts +0 -73
  54. package/dist/iife/player-embed/src/components/PlayerEmbed/tests/data.d.ts +0 -3
  55. package/dist/iife/player-embed/src/index.d.ts +0 -2
  56. package/dist/iife/player-embed/src/utils/env.d.ts +0 -12
  57. package/dist/iife/player-embed/src/utils/events.d.ts +0 -2
@@ -1,19 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import type { DialogEmbedProps } from '.';
3
- declare class DialogOverlay extends LitElement {
4
- static styles: import("lit").CSSResult[];
5
- open: boolean;
6
- aspectRatio: DialogEmbedProps['aspectRatio'];
7
- render(): import("lit").TemplateResult<1>;
8
- }
9
- declare global {
10
- interface HTMLElementTagNameMap {
11
- 'vouch-embed-dialog-overlay': DialogOverlay;
12
- }
13
- namespace JSX {
14
- interface IntrinsicElements {
15
- 'vouch-embed-dialog-overlay': DialogOverlay;
16
- }
17
- }
18
- }
19
- export { DialogOverlay };
@@ -1,35 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import type { DialogEmbedProps } from '.';
3
- declare class DialogPortal extends LitElement {
4
- vouchId: DialogEmbedProps['vouchId'];
5
- templateId: DialogEmbedProps['templateId'];
6
- questions: DialogEmbedProps['questions'];
7
- env: DialogEmbedProps['env'];
8
- apiKey: DialogEmbedProps['apiKey'];
9
- disableTracking: DialogEmbedProps['disableTracking'];
10
- trackingSource: DialogEmbedProps['trackingSource'];
11
- controls: DialogEmbedProps['controls'];
12
- preload: DialogEmbedProps['preload'];
13
- disableAutoplay: DialogEmbedProps['disableAutoplay'];
14
- aspectRatio: DialogEmbedProps['aspectRatio'];
15
- private _mediaPlayerRef;
16
- open: boolean;
17
- private _handleToggle;
18
- private _handleClose;
19
- private _handleDocumentKeyUp;
20
- connectedCallback(): void;
21
- disconnectedCallback(): void;
22
- protected createRenderRoot(): HTMLElement | DocumentFragment;
23
- render(): import("lit").TemplateResult<1>;
24
- }
25
- declare global {
26
- interface HTMLElementTagNameMap {
27
- 'vouch-embed-dialog-portal': DialogPortal;
28
- }
29
- namespace JSX {
30
- interface IntrinsicElements {
31
- 'vouch-embed-dialog-portal': DialogPortal;
32
- }
33
- }
34
- }
35
- export { DialogPortal };
@@ -1,36 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import type { PlayerEmbedProps } from '../PlayerEmbed';
3
- type DialogEmbedProps = Omit<PlayerEmbedProps, 'data'> & {
4
- disableAutoplay?: boolean;
5
- };
6
- declare class DialogEmbed extends LitElement {
7
- static styles: import("lit").CSSResult[];
8
- vouchId: DialogEmbedProps['vouchId'];
9
- templateId: DialogEmbedProps['templateId'];
10
- questions: DialogEmbedProps['questions'];
11
- env: DialogEmbedProps['env'];
12
- apiKey: DialogEmbedProps['apiKey'];
13
- disableTracking: DialogEmbedProps['disableTracking'];
14
- trackingSource: DialogEmbedProps['trackingSource'];
15
- controls: DialogEmbedProps['controls'];
16
- preload: DialogEmbedProps['preload'];
17
- disableAutoplay: DialogEmbedProps['disableAutoplay'];
18
- aspectRatio: DialogEmbedProps['aspectRatio'];
19
- private _id;
20
- private _handleRootClick;
21
- connectedCallback(): void;
22
- disconnectedCallback(): void;
23
- render(): import("lit").TemplateResult<1>;
24
- }
25
- declare global {
26
- interface HTMLElementTagNameMap {
27
- 'vouch-embed-dialog': DialogEmbed;
28
- }
29
- namespace JSX {
30
- interface IntrinsicElements {
31
- 'vouch-embed-dialog': DialogEmbed;
32
- }
33
- }
34
- }
35
- export { DialogEmbed };
36
- export type { DialogEmbedProps };
@@ -1,15 +0,0 @@
1
- import type { PlayerEmbed } from '..';
2
- import type { ReactiveController, ReactiveControllerHost } from 'lit';
3
- import type { DirectiveResult } from 'lit/directive.js';
4
- type PlayerEmbedHost = ReactiveControllerHost & PlayerEmbed;
5
- declare class EventForwardController implements ReactiveController {
6
- host: PlayerEmbedHost;
7
- private _events;
8
- private _cleanup;
9
- private _forwardElementRef;
10
- constructor(host: PlayerEmbedHost, events: string[]);
11
- register(): DirectiveResult;
12
- hostConnected(): void;
13
- hostDisconnected(): void;
14
- }
15
- export { EventForwardController };
@@ -1,14 +0,0 @@
1
- import type { PlayerEmbed } from '..';
2
- import type { ReactiveControllerHost } from 'lit';
3
- type PlayerEmbedHost = ReactiveControllerHost & PlayerEmbed;
4
- declare class FetcherController {
5
- host: PlayerEmbedHost;
6
- private _fetching;
7
- private _vouch;
8
- set fetching(value: boolean);
9
- get fetching(): boolean;
10
- private getVouch;
11
- private getTemplate;
12
- constructor(host: PlayerEmbedHost);
13
- }
14
- export { FetcherController };
@@ -1,36 +0,0 @@
1
- import type { PlayerEmbed } from '../..';
2
- import type { ReactiveController, ReactiveControllerHost } from 'lit';
3
- type PlayerEmbedHost = ReactiveControllerHost & PlayerEmbed;
4
- type TrackingEvent = 'VOUCH_LOADED' | 'VOUCH_RESPONSE_VIEWED' | 'VIDEO_PLAYED' | 'VIDEO_STREAMED';
5
- type TrackingPayload = {
6
- vouchId?: string;
7
- answerId?: string;
8
- streamStart?: number;
9
- streamEnd?: number;
10
- };
11
- declare class TrackingController implements ReactiveController {
12
- host: PlayerEmbedHost;
13
- private _batchedEvents;
14
- private _hasPlayed;
15
- private _hasLoaded;
16
- private _answersViewed;
17
- private _streamStartTime;
18
- private _streamLatestTime;
19
- private _currentlyPlayingVideo;
20
- constructor(host: PlayerEmbedHost);
21
- private _createTrackingEvent;
22
- private _sendTrackingEvent;
23
- private _streamEnded;
24
- private _handleVouchLoaded;
25
- private _handlePlay;
26
- private _handleVideoPlay;
27
- private _handleVideoTimeUpdate;
28
- private _handleVideoPause;
29
- private _pageUnloading;
30
- private _handleVisibilityChange;
31
- private _handlePageHide;
32
- hostConnected(): void;
33
- hostDisconnected(): void;
34
- }
35
- export { TrackingController };
36
- export type { TrackingEvent, TrackingPayload };
@@ -1,17 +0,0 @@
1
- import type { TrackingPayload } from '.';
2
- import type { Vouch } from '@vouchfor/media-player';
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 };
@@ -1,73 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import type { Scene, Scenes, TemplateInstance } from '@vouchfor/canvas-video';
3
- import type { MediaPlayer, MediaPlayerProps } from '@vouchfor/media-player';
4
- import type { Environment } from '../../utils/env';
5
- type PlayerEmbedProps = Pick<MediaPlayerProps, 'data' | 'aspectRatio' | 'preload' | 'autoplay' | 'controls'> & {
6
- env: Environment;
7
- apiKey: string;
8
- disableTracking?: boolean;
9
- trackingSource?: string;
10
- vouchId?: string;
11
- templateId?: string;
12
- questions?: number[];
13
- };
14
- declare class PlayerEmbed extends LitElement {
15
- static styles: import("lit").CSSResult[];
16
- data: PlayerEmbedProps['data'];
17
- vouchId: PlayerEmbedProps['vouchId'];
18
- templateId: PlayerEmbedProps['templateId'];
19
- questions: PlayerEmbedProps['questions'];
20
- env: PlayerEmbedProps['env'];
21
- apiKey: PlayerEmbedProps['apiKey'];
22
- disableTracking: PlayerEmbedProps['disableTracking'];
23
- trackingSource: PlayerEmbedProps['trackingSource'];
24
- controls: PlayerEmbedProps['controls'];
25
- preload: PlayerEmbedProps['preload'];
26
- autoplay: PlayerEmbedProps['autoplay'];
27
- aspectRatio: PlayerEmbedProps['aspectRatio'];
28
- private eventController;
29
- private _fetcherController;
30
- private _trackingController;
31
- vouch: PlayerEmbedProps['data'];
32
- template: TemplateInstance | undefined;
33
- get fetching(): boolean;
34
- private _mediaPlayerRef;
35
- get waiting(): boolean | undefined;
36
- get initialised(): Promise<boolean> | undefined;
37
- get seeking(): boolean | undefined;
38
- get paused(): boolean | undefined;
39
- get captions(): boolean | undefined;
40
- get fullscreen(): boolean | undefined;
41
- get duration(): number | undefined;
42
- set currentTime(value: number);
43
- get currentTime(): number;
44
- set playbackRate(value: number);
45
- get playbackRate(): number;
46
- set volume(value: number);
47
- get volume(): number;
48
- set muted(value: boolean);
49
- get muted(): boolean;
50
- get scene(): Scene | null;
51
- get scenes(): Scene[];
52
- get sceneConfig(): Scenes | null;
53
- get videoState(): import("@vouchfor/media-player/dist/src/components/MediaPlayer/controllers/scenes").VideoStateMap | undefined;
54
- get mediaPlayer(): MediaPlayer | undefined;
55
- play(): void;
56
- pause(): void;
57
- reset(time?: number, play?: boolean): void;
58
- setScene(index: number): void;
59
- private _renderStyles;
60
- render(): import("lit").TemplateResult<1>;
61
- }
62
- declare global {
63
- interface HTMLElementTagNameMap {
64
- 'vouch-embed-player': PlayerEmbed;
65
- }
66
- namespace JSX {
67
- interface IntrinsicElements {
68
- 'vouch-embed-player': PlayerEmbed;
69
- }
70
- }
71
- }
72
- export { PlayerEmbed };
73
- export type { PlayerEmbedProps };
@@ -1,3 +0,0 @@
1
- import type { Vouch } from '@vouchfor/media-player';
2
- declare const data: Vouch;
3
- export { data };
@@ -1,2 +0,0 @@
1
- export { PlayerEmbed } from './components/PlayerEmbed';
2
- export { DialogEmbed } from './components/DialogEmbed';
@@ -1,12 +0,0 @@
1
- type Environment = 'local' | 'dev' | 'staging' | 'prod';
2
- type GetEnvUrlsReturn = {
3
- videoUrl: string;
4
- publicApiUrl: string;
5
- embedApiUrl: string;
6
- };
7
- declare const devEmbedApiUrl = "https://embed-dev.vouchfor.com/v2";
8
- declare const stagingEmbedApiUrl = "https://embed-staging.vouchfor.com/v2";
9
- declare const prodEmbedApiUrl = "https://embed.vouchfor.com/v2";
10
- declare function getEnvUrls(env: Environment): GetEnvUrlsReturn;
11
- export { devEmbedApiUrl, stagingEmbedApiUrl, prodEmbedApiUrl, getEnvUrls };
12
- export type { Environment };
@@ -1,2 +0,0 @@
1
- declare function forwardEvent(type: string, fromElement: HTMLElement, toElement: HTMLElement): () => void;
2
- export { forwardEvent };