@vouchfor/embeds 1.4.0 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vouchfor/embeds",
-  "version": "1.4.0",
+  "version": "2.0.1",
   "license": "MIT",
   "author": "Aaron Williams",
   "main": "dist/es/embeds.js",
@@ -18,6 +18,9 @@
     "tag": "latest",
     "access": "public"
   },
+  "engines": {
+    "node": ">=18.18.0"
+  },
   "scripts": {
     "build": "rm -rf dist && tsc && yarn build:self",
     "build:deps": "yarn --cwd ../media-player build",
@@ -42,45 +45,46 @@
   "dependencies": {
     "@a11y/focus-trap": "^1.0.5",
     "@lit/task": "^1.0.0",
-    "@vouchfor/media-player": "^2.3.0",
+    "@vouchfor/canvas-video": "^8.0.0",
+    "@vouchfor/media-player": "^3.0.1",
     "uuid": "^9.0.1"
   },
   "peerDependencies": {
-    "lit": "^3.1.0"
+    "lit": "^3.1.2"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4-fix.0",
-    "@open-wc/testing": "^3.2.0",
-    "@storybook/addon-essentials": "^7.4.5",
-    "@storybook/addon-links": "^7.4.5",
-    "@storybook/blocks": "^7.4.5",
-    "@storybook/web-components": "^7.4.5",
-    "@storybook/web-components-vite": "^7.4.5",
-    "@types/mocha": "^10.0.1",
-    "@vouchfor/eslint-config": "^1.0.0",
-    "@vouchfor/prettier-config": "^1.0.0",
-    "@web/dev-server-esbuild": "^0.4.1",
-    "@web/test-runner": "^0.17.1",
-    "@web/test-runner-browserstack": "^0.6.1",
-    "@web/test-runner-mocha": "^0.8.1",
-    "@web/test-runner-playwright": "^0.10.1",
-    "dotenv": "^16.3.1",
-    "eslint": "^8.50.0",
-    "eslint-plugin-import": "^2.28.1",
+    "@open-wc/testing": "^4.0.0",
+    "@storybook/addon-essentials": "^8.0.4",
+    "@storybook/addon-links": "^8.0.4",
+    "@storybook/blocks": "^8.0.4",
+    "@storybook/web-components": "^8.0.4",
+    "@storybook/web-components-vite": "^8.0.4",
+    "@svgr/core": "^8.1.0",
+    "@types/flat": "^5.0.5",
+    "@types/mocha": "^10.0.6",
+    "@vouchfor/eslint-config": "^1.0.1",
+    "@vouchfor/prettier-config": "^1.0.1",
+    "@vouchfor/video-utils": "^1.0.1",
+    "@web/dev-server-esbuild": "^1.0.2",
+    "@web/test-runner": "^0.18.1",
+    "@web/test-runner-browserstack": "^0.7.1",
+    "@web/test-runner-mocha": "^0.9.0",
+    "@web/test-runner-playwright": "^0.11.0",
     "glob": "^10.3.10",
-    "lint-staged": "^14.0.1",
-    "lit": "^3.1.0",
+    "lint-staged": "^15.2.2",
+    "lit": "^3.1.2",
     "lodash": "^4.17.21",
-    "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup-plugin-internal": "^1.0.4",
+    "rollup-plugin-tla": "^0.0.2",
     "sinon": "^17.0.1",
-    "storybook": "^7.4.5",
-    "typescript": "^5.1.3",
-    "vite": "^4.4.9",
-    "vite-plugin-commonjs": "^0.10.0",
-    "vite-plugin-dts": "^3.6.0",
-    "web-component-analyzer": "^1.1.7"
+    "storybook": "^8.0.4",
+    "svgson": "^5.3.1",
+    "typescript": "^5.4.3",
+    "vite": "^5.2.2",
+    "vite-plugin-commonjs": "^0.10.1",
+    "vite-plugin-dts": "^3.7.3",
+    "web-component-analyzer": "^2.0.0"
   }
 }

package/src/components/PlayerEmbed/PlayerEmbed.stories.ts

@@ -58,7 +58,21 @@ const Player: Story = {
     questions: [],
     aspectRatio: 0,
     preload: 'none',
-    autoplay: false
+    autoplay: false,
+    controls: [
+      'progress',
+      'play-large',
+      'navigation',
+      'play',
+      'volume',
+      'current-time',
+      'duration',
+      'speed',
+      'captions',
+      'fullscreen',
+      'preview',
+      'languages'
+    ]
   },
   argTypes: {
     env: {

package/src/components/PlayerEmbed/controllers/tracking/utils.ts

@@ -2,7 +2,7 @@ import { TEMPLATE_VERSION } from '@vouchfor/canvas-video';
 import { v4 as uuidv4 } from 'uuid';
 
 import type { TrackingPayload } from '.';
-import type { Vouch } from '@vouchfor/media-player';
+import type { Vouch } from '@vouchfor/video-utils';
 import type { Environment } from '~/utils/env';
 
 import packageJson from '~/../package.json';

package/src/components/PlayerEmbed/tests/data.ts

@@ -1,4 +1,4 @@
-import type { Vouch } from '@vouchfor/media-player';
+import type { Vouch } from '@vouchfor/video-utils';
 
 /* eslint-disable max-lines */
 const data = {
@@ -39,14 +39,14 @@ const data = {
             thumbnail:
               'https://d2rxhdlm2q91uk.cloudfront.net/TVik9uTMgE/6JQEIPeStt/5c66bb3a-ed68-41a0-a601-a49865104418/5c66bb3a-ed68-41a0-a601-a49865104418_poster.0000001.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnJ4aGRsbTJxOTF1ay5jbG91ZGZyb250Lm5ldC9UVmlrOXVUTWdFLyoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMTYzMjM0Mjl9fX1dfQ__&Key-Pair-Id=K2SWKOH0FA5F6M&Signature=SGA54MFpy4jaqKJHKEuxRfjk-~NBFAh1tdW9Y6uYJwc0LFjDDgX1sraerSyohmVhj~-QVIrglY5BvglDIhrFcLJWGTkgj4vhyLprk1a7EDckv0HBgp-k1ZKvoDtt3wBOzrL4GicfXBkuMpIu5jv5MY3xemlJj2a6V~h65XJuLO4u-xS~McH6rS3mRxoNl4GcYUVm4upre1DGQx-5Suy6Ateoxl6xxoF8kg5EL02KxkIGiRpwXJTvVmUuVF0rpBj-IE40MfmhLBQ1NNSXiqb3-HjpkKwhYPvB5APVh23mzGmqJ0P3jbr2F1cU4Jvlqsjb6GVP61wGOz9ITeWPZkOy8A__'
           },
-          client: {
-            id: '03540d70-1c75-4867-a235-bac842ed6ce4',
-            name: 'Not Supplied',
-            logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
-          },
           contact: {
             id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
-            name: 'Aaron Williams'
+            name: 'Aaron Williams',
+            client: {
+              id: '03540d70-1c75-4867-a235-bac842ed6ce4',
+              name: 'Not Supplied',
+              logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
+            }
           },
           captions: {
             current:
@@ -83,14 +83,14 @@ const data = {
             thumbnail:
               'https://d2rxhdlm2q91uk.cloudfront.net/TVik9uTMgE/6JQEIPeStt/5c66bb3a-ed68-41a0-a601-a49865104418/5c66bb3a-ed68-41a0-a601-a49865104418_poster.0000001.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnJ4aGRsbTJxOTF1ay5jbG91ZGZyb250Lm5ldC9UVmlrOXVUTWdFLyoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMTYzMjM0Mjl9fX1dfQ__&Key-Pair-Id=K2SWKOH0FA5F6M&Signature=SGA54MFpy4jaqKJHKEuxRfjk-~NBFAh1tdW9Y6uYJwc0LFjDDgX1sraerSyohmVhj~-QVIrglY5BvglDIhrFcLJWGTkgj4vhyLprk1a7EDckv0HBgp-k1ZKvoDtt3wBOzrL4GicfXBkuMpIu5jv5MY3xemlJj2a6V~h65XJuLO4u-xS~McH6rS3mRxoNl4GcYUVm4upre1DGQx-5Suy6Ateoxl6xxoF8kg5EL02KxkIGiRpwXJTvVmUuVF0rpBj-IE40MfmhLBQ1NNSXiqb3-HjpkKwhYPvB5APVh23mzGmqJ0P3jbr2F1cU4Jvlqsjb6GVP61wGOz9ITeWPZkOy8A__'
           },
-          client: {
-            id: '03540d70-1c75-4867-a235-bac842ed6ce4',
-            logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
-          },
           contact: {
             id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
             name: 'Aaron Williams',
-            roleTitle: 'Software Engineer'
+            roleTitle: 'Software Engineer',
+            client: {
+              id: '03540d70-1c75-4867-a235-bac842ed6ce4',
+              logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
+            }
           },
           captions: {
             current:
@@ -121,15 +121,15 @@ const data = {
             thumbnail:
               'https://d2rxhdlm2q91uk.cloudfront.net/TVik9uTMgE/6JQEIPeStt/e77c81a7-f6ef-4eae-91fc-b620d092d8d6/e77c81a7-f6ef-4eae-91fc-b620d092d8d6_poster.0000001.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnJ4aGRsbTJxOTF1ay5jbG91ZGZyb250Lm5ldC9UVmlrOXVUTWdFLyoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMTYzMjM0Mjl9fX1dfQ__&Key-Pair-Id=K2SWKOH0FA5F6M&Signature=SGA54MFpy4jaqKJHKEuxRfjk-~NBFAh1tdW9Y6uYJwc0LFjDDgX1sraerSyohmVhj~-QVIrglY5BvglDIhrFcLJWGTkgj4vhyLprk1a7EDckv0HBgp-k1ZKvoDtt3wBOzrL4GicfXBkuMpIu5jv5MY3xemlJj2a6V~h65XJuLO4u-xS~McH6rS3mRxoNl4GcYUVm4upre1DGQx-5Suy6Ateoxl6xxoF8kg5EL02KxkIGiRpwXJTvVmUuVF0rpBj-IE40MfmhLBQ1NNSXiqb3-HjpkKwhYPvB5APVh23mzGmqJ0P3jbr2F1cU4Jvlqsjb6GVP61wGOz9ITeWPZkOy8A__'
           },
-          client: {
-            id: '03540d70-1c75-4867-a235-bac842ed6ce4',
-            name: 'Vouch',
-            logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
-          },
           contact: {
             id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
             name: 'Aaron Williams',
-            roleTitle: 'Software Engineer'
+            roleTitle: 'Software Engineer',
+            client: {
+              id: '03540d70-1c75-4867-a235-bac842ed6ce4',
+              name: 'Vouch',
+              logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
+            }
           },
           captions: {
             current:
@@ -160,15 +160,15 @@ const data = {
             thumbnail:
               'https://d2rxhdlm2q91uk.cloudfront.net/TVik9uTMgE/6JQEIPeStt/39fd188d-a4dc-43b9-bac8-32fd71bfbc90/39fd188d-a4dc-43b9-bac8-32fd71bfbc90_poster.0000001.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnJ4aGRsbTJxOTF1ay5jbG91ZGZyb250Lm5ldC9UVmlrOXVUTWdFLyoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMTYzMjM0Mjl9fX1dfQ__&Key-Pair-Id=K2SWKOH0FA5F6M&Signature=SGA54MFpy4jaqKJHKEuxRfjk-~NBFAh1tdW9Y6uYJwc0LFjDDgX1sraerSyohmVhj~-QVIrglY5BvglDIhrFcLJWGTkgj4vhyLprk1a7EDckv0HBgp-k1ZKvoDtt3wBOzrL4GicfXBkuMpIu5jv5MY3xemlJj2a6V~h65XJuLO4u-xS~McH6rS3mRxoNl4GcYUVm4upre1DGQx-5Suy6Ateoxl6xxoF8kg5EL02KxkIGiRpwXJTvVmUuVF0rpBj-IE40MfmhLBQ1NNSXiqb3-HjpkKwhYPvB5APVh23mzGmqJ0P3jbr2F1cU4Jvlqsjb6GVP61wGOz9ITeWPZkOy8A__'
           },
-          client: {
-            id: '03540d70-1c75-4867-a235-bac842ed6ce4',
-            name: 'Vouch',
-            logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
-          },
           contact: {
             id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
             name: 'Aaron Williams',
-            roleTitle: 'Software Engineer'
+            roleTitle: 'Software Engineer',
+            client: {
+              id: '03540d70-1c75-4867-a235-bac842ed6ce4',
+              name: 'Vouch',
+              logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
+            }
           },
           captions: {
             current: