@vouchfor/embeds-legacy 0.0.0-experiment.978cfad → 0.0.0-experiment.99aa8a4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vouchfor/embeds-legacy",
-  "version": "0.0.0-experiment.978cfad",
+  "version": "0.0.0-experiment.99aa8a4",
   "license": "MIT",
   "author": "Aaron Williams",
   "main": "dist/es/embeds-legacy.js",
@@ -44,8 +44,8 @@
   "dependencies": {
     "@a11y/focus-trap": "^1.0.5",
     "@lit/task": "^1.0.2",
-    "@vouchfor/canvas-video-legacy": "0.0.0-experiment.978cfad",
-    "@vouchfor/media-player-legacy": "0.0.0-experiment.978cfad",
+    "@vouchfor/canvas-video-legacy": "0.0.0-experiment.99aa8a4",
+    "@vouchfor/media-player-legacy": "0.0.0-experiment.99aa8a4",
     "uuid": "^9.0.1"
   },
   "peerDependencies": {
@@ -64,7 +64,7 @@
     "@types/mocha": "^10.0.10",
     "@vouchfor/eslint-config": "^1.0.5",
     "@vouchfor/prettier-config": "^1.0.1",
-    "@vouchfor/video-utils-legacy": "0.0.0-experiment.978cfad",
+    "@vouchfor/video-utils-legacy": "0.0.0-experiment.99aa8a4",
     "@web/dev-server-esbuild": "^1.0.4",
     "@web/test-runner": "^0.20.1",
     "@web/test-runner-browserstack": "^0.8.0",

package/src/components/PlayerEmbed/index.ts

@@ -1,3 +1,4 @@
+import { resolveDefaultLanguage } from '@vouchfor/media-player-legacy';
 import { css, html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
@@ -11,13 +12,11 @@ import type { Environment } from '~/utils/env';
 import { EventForwardController } from './controllers/event-forwarder';
 import { FetcherController } from './controllers/fetcher';
 import { TrackingController } from './controllers/tracking';
+import { getEnvUrls } from '~/utils/env';
 
 import '@vouchfor/media-player-legacy';
 
-type PlayerEmbedProps = Pick<
-  MediaPlayerProps,
-  'data' | 'aspectRatio' | 'language' | 'preload' | 'autoplay' | 'controls'
-> & {
+type PlayerEmbedProps = Pick<MediaPlayerProps, 'data' | 'aspectRatio' | 'preload' | 'autoplay' | 'controls'> & {
   env: Environment;
   apiKey: string;
   disableTracking?: boolean;
@@ -53,7 +52,6 @@ class PlayerEmbed extends LitElement {
   @property({ type: String }) preload: PlayerEmbedProps['preload'] = 'auto';
   @property({ type: Boolean }) autoplay: PlayerEmbedProps['autoplay'] = false;
   @property({ type: Number }) aspectRatio: PlayerEmbedProps['aspectRatio'] = 0;
-  @property({ type: String }) language?: MediaPlayerProps['language'];
   @property({ type: String }) senderId?: PlayerEmbedProps['senderId'];
 
   private eventController = new EventForwardController(this, [
@@ -242,9 +240,12 @@ class PlayerEmbed extends LitElement {
         ?loading=${this.fetching}
         .data=${this.vouch}
         .template=${this.template}
+        .translateBaseUrl=${getEnvUrls(this.env).translateApiUrl}
+        .defaultLanguage=${this.vouch?.questions?.items?.[0]?.answer?.transcription?.language
+          ? resolveDefaultLanguage(this.vouch.questions.items[0].answer.transcription.language)
+          : undefined}
         aspectRatio=${ifDefined(this.aspectRatio)}
         preload=${ifDefined(this.preload)}
-        language=${ifDefined(this.language)}
         .controls=${this.controls}
       ></vmp-legacy-media-player>
     `;

package/src/utils/env.ts

@@ -4,6 +4,7 @@ type GetEnvUrlsReturn = {
   videoUrl: string;
   publicApiUrl: string;
   embedApiUrl: string;
+  translateApiUrl: string;
 };
 
 const devVideoUrl = 'https://d2rxhdlm2q91uk.cloudfront.net';
@@ -19,6 +20,10 @@ const devEmbedApiUrl = 'https://embed-dev.vouchfor.com/v2';
 const stagingEmbedApiUrl = 'https://embed-staging.vouchfor.com/v2';
 const prodEmbedApiUrl = 'https://embed.vouchfor.com/v2';
 
+const devTranslateApiUrl = 'https://public-dev.vouchfor.com';
+const stagingTranslateApiUrl = 'https://public-staging.vouchfor.com';
+const prodTranslateApiUrl = 'https://public.vouchfor.com';
+
 // We are handling the case where env is an unknown string so the ts error is a lie
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
@@ -31,7 +36,8 @@ function getEnvUrls(env: Environment): GetEnvUrlsReturn {
     return {
       videoUrl: devVideoUrl,
       publicApiUrl: devPublicApiUrl,
-      embedApiUrl: localEmbedApiUrl
+      embedApiUrl: localEmbedApiUrl,
+      translateApiUrl: devTranslateApiUrl
     };
   }
 
@@ -39,7 +45,8 @@ function getEnvUrls(env: Environment): GetEnvUrlsReturn {
     return {
       videoUrl: devVideoUrl,
       publicApiUrl: devPublicApiUrl,
-      embedApiUrl: devEmbedApiUrl
+      embedApiUrl: devEmbedApiUrl,
+      translateApiUrl: devTranslateApiUrl
     };
   }
 
@@ -47,7 +54,8 @@ function getEnvUrls(env: Environment): GetEnvUrlsReturn {
     return {
       videoUrl: stagingVideoUrl,
       publicApiUrl: stagingPublicApiUrl,
-      embedApiUrl: stagingEmbedApiUrl
+      embedApiUrl: stagingEmbedApiUrl,
+      translateApiUrl: stagingTranslateApiUrl
     };
   }
 
@@ -55,7 +63,8 @@ function getEnvUrls(env: Environment): GetEnvUrlsReturn {
     return {
       videoUrl: prodVideoUrl,
       publicApiUrl: prodPublicApiUrl,
-      embedApiUrl: prodEmbedApiUrl
+      embedApiUrl: prodEmbedApiUrl,
+      translateApiUrl: prodTranslateApiUrl
     };
   }
 }