feat: add img preset to upperBarManager (#45)

### Description of the Changes

add `Img` preset to `upperBarManager` service.

### CheckLists

- [ ] changes have been done against master branch, and PR does not
conflict
- [ ] new unit / functional tests have been added (whenever applicable)
- [ ] test are passing in local environment
- [ ] Travis tests are passing (or test results are not worse than on
master branch :))
- [ ] Docs have been updated

package.json

@@ -48,7 +48,7 @@
     "@babel/preset-env": "^7.17.10",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
-    "@playkit-js/kaltura-player-js": "canary",
+    "@playkit-js/kaltura-player-js": "3.17.0-canary.0-634f42e",
     "@playkit-js/playkit-js-ui": "canary",
     "@types/chai": "^4.3.3",
     "@types/mocha": "^9.1.1",

src/services/upper-bar-manager/upper-bar-manager.tsx

@@ -69,7 +69,7 @@ export class UpperBarManager {
   private injectDisplayedBarComponentWrapper(iconsOrder: IconsOrder): void {
     this.player.ui.addComponent({
       label: 'Right-Upper-Bar-Wrapper',
-      presets: [ReservedPresetNames.Playback, ReservedPresetNames.Live],
+      presets: [ReservedPresetNames.Playback, ReservedPresetNames.Live, ReservedPresetNames.Img],
       area: ReservedPresetAreas.TopBarRightControls,
       get: () => {
         return <DisplayedBar ref={this.displayedBarComponentRef} getControls={(): IconModel[] => this.getControls(iconsOrder)} />;

yarn.lock

@@ -1155,37 +1155,47 @@
     classnames "^2.3.2"
     linkify-it "^4.0.1"
 
-"@playkit-js/kaltura-player-js@canary":
-  version "3.14.3-canary.0-9dfd3f3"
-  resolved "https://registry.yarnpkg.com/@playkit-js/kaltura-player-js/-/kaltura-player-js-3.14.3-canary.0-9dfd3f3.tgz#f02fa8f023a1a512f50a4fd3d6896feb84a24f47"
-  integrity sha512-kb+7/8FaIbqUy6xFLxJ2pdZjcQWRCh/G+j6UMCi/LuxMEPBhghbZsqML5sm6wLpQX/i9LNrU2zPmXsdFKtNB9g==
+"@playkit-js/kaltura-player-js@3.17.0-canary.0-634f42e":
+  version "3.17.0-canary.0-634f42e"
+  resolved "https://registry.yarnpkg.com/@playkit-js/kaltura-player-js/-/kaltura-player-js-3.17.0-canary.0-634f42e.tgz#c273243eab632c864bd1778371d009b48613bdd8"
+  integrity sha512-rjM63IyI5aVlzqId1F4UCWtaYCdVRcs7k8KluFOAI/CIVaFslpHts3EpaDCUAJEWmjA1Mdhl6yaUUZ/awtQ0Ug==
   dependencies:
     "@babel/polyfill" "^7.0.0"
-    "@playkit-js/playkit-js" "^0.82.3-canary.0-f0d3180"
-    "@playkit-js/playkit-js-dash" "^1.34.1-canary.0-9422826"
-    "@playkit-js/playkit-js-hls" "^1.32.3-canary.0-5a35881"
-    "@playkit-js/playkit-js-providers" "^2.39.3-canary.0-e04b57d"
-    "@playkit-js/playkit-js-ui" "^0.77.2-canary.0-ee0e6eb"
+    "@playkit-js/playkit-js" "0.84.0-canary.0-b0adedc"
+    "@playkit-js/playkit-js-dash" "1.35.1-canary.0-24c5f50"
+    "@playkit-js/playkit-js-hls" "1.33.0-canary.0-3bc79e3"
+    "@playkit-js/playkit-js-providers" "2.40.0-canary.0-8ec30df"
+    "@playkit-js/playkit-js-ui" "0.78.0-canary.0-4abfdb2"
     "@types/preact-i18n" "^2.3.1"
-    hls.js "1.3.5"
+    hls.js "1.4.11"
     intersection-observer "^0.12.0"
     proxy-polyfill "^0.3.0"
-    shaka-player "4.3.5"
+    shaka-player "4.4.2"
 
-"@playkit-js/playkit-js-dash@^1.34.1-canary.0-9422826":
-  version "1.34.1"
-  resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js-dash/-/playkit-js-dash-1.34.1.tgz#c57bab1c6c15336834601cc36fde5e5a93e7ec7b"
-  integrity sha512-oxRBuWJE4pTvYoH4qleMD3yDUXi2bt/D+9bUhrmsMPtYIfCUccYvNHKL3+YJwy9FjLBvHXmpYK91VDDRQrYf1Q==
+"@playkit-js/playkit-js-dash@1.35.1-canary.0-24c5f50":
+  version "1.35.1-canary.0-24c5f50"
+  resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js-dash/-/playkit-js-dash-1.35.1-canary.0-24c5f50.tgz#568047fcb99b07e9c4230c7ab2baac42a22f94c2"
+  integrity sha512-dYE+URMt1sJjXQJvjfRqMO04YyspW9FBbA8tBsGXd9QhQu0Mdo79j4chIu0uo5fptLqQ6McpWIM4gVC1P2Nkrw==
 
-"@playkit-js/playkit-js-hls@^1.32.3-canary.0-5a35881":
-  version "1.32.3"
-  resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js-hls/-/playkit-js-hls-1.32.3.tgz#285667bfbe6117e060502ab1d69b0f03d28e45f1"
-  integrity sha512-wwqCZQ1B3IGISYi0Lp91eGayvo3eMwoVcFssMKwdh19JBUS2r/nRkd+NQl1ozqqUGQRwD9hwdPnOiKkwzressw==
+"@playkit-js/playkit-js-hls@1.33.0-canary.0-3bc79e3":
+  version "1.33.0-canary.0-3bc79e3"
+  resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js-hls/-/playkit-js-hls-1.33.0-canary.0-3bc79e3.tgz#6ca088084d970b461d2bc6fa3790afb6f76f1048"
+  integrity sha512-ZNKJlSK2hZ+p2UGuXurBQxssqnygoPeWZh/a5Lxj0dkVMm0z0WpF3LPcfUvdrR2zJhKrFvAxRP+mrGK8puEGEw==
 
-"@playkit-js/playkit-js-providers@^2.39.3-canary.0-e04b57d":
-  version "2.39.3-canary.0-e04b57d"
-  resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js-providers/-/playkit-js-providers-2.39.3-canary.0-e04b57d.tgz#055ba43c3f2f3b4c2fa0c72e8263ae8262226db3"
-  integrity sha512-d6EOT3YUyTP7V1u2roQNoPTY+kToHEkW8jo5+9cfOPLi0Cl7TtJ/loZls9KL4iVse4wIJK1WicpLf2xorYwLUw==
+"@playkit-js/[email protected]":
+  version "2.40.0-canary.0-8ec30df"
+  resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js-providers/-/playkit-js-providers-2.40.0-canary.0-8ec30df.tgz#9656a3bb601fcdc2955d985fae920c5efc61590c"
+  integrity sha512-8RvTmN3NTlyQ09ut7FkrQCU/Lu5FuL77Vf4iEdsuH31Klnwdihmlv9HQbpxSA+JqeBFQx0NiA+sjxkmhWYZofw==
+
+"@playkit-js/[email protected]":
+  version "0.78.0-canary.0-4abfdb2"
+  resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js-ui/-/playkit-js-ui-0.78.0-canary.0-4abfdb2.tgz#7f628d4c5e52ade68815abb4e6c1f03edcc4b69d"
+  integrity sha512-ZT8tu3jQ+8OR/F/2+lsBCDEJ66itjp2tX65VFNtiC/3chxMgctyJa5BLuCMrgpElpDZieRs+t4hYuRZbr+RUJQ==
+  dependencies:
+    preact "^10.3.4"
+    preact-i18n "^2.0.0-preactx.2"
+    react-redux "^7.2.0"
+    redux "^4.0.5"
 
 "@playkit-js/playkit-js-ui@^0.77.1":
   version "0.77.1"
@@ -1197,7 +1207,7 @@
     react-redux "^7.2.0"
     redux "^4.0.5"
 
-"@playkit-js/playkit-js-ui@^0.77.2-canary.0-ee0e6eb", "@playkit-js/playkit-js-ui@canary":
+"@playkit-js/playkit-js-ui@canary":
   version "0.77.2-canary.0-ee0e6eb"
   resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js-ui/-/playkit-js-ui-0.77.2-canary.0-ee0e6eb.tgz#e39ca4c16b8588e58d72b919092dff9f01900ef5"
   integrity sha512-5uA7W1mhi7YGoZY7NhDr9WgXNxVmQOz0BON8WJIbBKGBtDQAERxefIUFQIK7jvBsH8Y4G0F0wcGbzovPOGLAbw==
@@ -1207,10 +1217,10 @@
     react-redux "^7.2.0"
     redux "^4.0.5"
 
-"@playkit-js/playkit-js@^0.82.3-canary.0-f0d3180":
-  version "0.82.3-canary.0-f0d3180"
-  resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js/-/playkit-js-0.82.3-canary.0-f0d3180.tgz#bd976cf382a38797a6c025d6bf654a62b1a8c086"
-  integrity sha512-3co6fH/2F3uOkxC1+3Of40fubl7qwzPa5zGwa8QSczwwNFnoovHVXi1MnNsTSvKmt7FJxFS+Lw+SzVknhSZhZA==
+"@playkit-js/playkit-js@0.84.0-canary.0-b0adedc":
+  version "0.84.0-canary.0-b0adedc"
+  resolved "https://registry.yarnpkg.com/@playkit-js/playkit-js/-/playkit-js-0.84.0-canary.0-b0adedc.tgz#b3de4a000e68b6ac964315b830254fcecf6f0eba"
+  integrity sha512-2SyZN/WmbLqVMuEGtmpxlmRDgR5bPujJL/2TtKuFbndAR4Kl0d6+7ABNme8T33Aixup/nQ9psUTqSEhRNR1Gig==
   dependencies:
     js-logger "^1.6.0"
     ua-parser-js "1.0.2"
@@ -3886,10 +3896,10 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-hls.js@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/hls.js/-/hls.js-1.3.5.tgz#0e8b0799ecf2feb7ba199f5e95f35ba9552e04f4"
-  integrity sha512-uybAvKS6uDe0MnWNEPnO0krWVr+8m2R0hJ/viql8H3MVK+itq8gGQuIYoFHL3rECkIpNH98Lw8YuuWMKZxp3Ew==
+hls.js@1.4.11:
+  version "1.4.11"
+  resolved "https://registry.yarnpkg.com/hls.js/-/hls.js-1.4.11.tgz#6ca2d7ab56f2725f27bb5f2e3c7982c6ec287118"
+  integrity sha512-rhPSUMACcIBbcUnwWnIcRgGXqJJt0xBRxvhzl99XpGHtnnLKjbczmmBmUuQueAQcbL3SdN7D5peAObR18VrhvQ==
 
 hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
   version "3.3.2"
@@ -6167,10 +6177,10 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
   integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
 
-shaka-player@4.3.5:
-  version "4.3.5"
-  resolved "https://registry.yarnpkg.com/shaka-player/-/shaka-player-4.3.5.tgz#304d60ad867fb7a0780b850b32a9614296b842db"
-  integrity sha512-WkqvHm8QHOsQ71d/qoc2Wa6Z5rBrG3Zgsc6ho9I9e8Xwa0io+MeREgqBuG0z6qoXK55sTImipFhDoERrkmDdUg==
+shaka-player@4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/shaka-player/-/shaka-player-4.4.2.tgz#df5e49a698d6bb85e0c9bf7d729563d31a79ff24"
+  integrity sha512-sDw4wmRIw920f/JzA4XHGzEBq/ywYqgeEeSbUJIgJS8xNPcwWbaUuXJXFbPAVMLJoj9co2PrX20qTWTUSpDADg==
   dependencies:
     eme-encryption-scheme-polyfill "^2.1.1"