@playkit-js/transcript 3.5.7 → 3.5.8-canary.0-6be5a59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playkit-js/transcript",
-  "version": "3.5.7",
+  "version": "3.5.8-canary.0-6be5a59",
   "main": "dist/playkit-transcript.js",
   "license": "AGPL-3.0",
   "private": false,

package/src/index.ts

@@ -1,4 +1,4 @@
-import {TranscriptPlugin} from './transcript-plugin';
+import { pluginName, TranscriptPlugin } from "./transcript-plugin";
 
 declare var __VERSION__: string;
 declare var __NAME__: string;
@@ -9,6 +9,4 @@ const NAME = __NAME__;
 export {TranscriptPlugin as Plugin};
 export {VERSION, NAME};
 
-const pluginName: string = 'playkit-js-transcript';
-
 KalturaPlayer.core.registerPlugin(pluginName, TranscriptPlugin);

package/src/transcript-plugin.tsx

@@ -10,6 +10,8 @@ import {Transcript} from './components/transcript';
 import {getConfigValue, isBoolean, makePlainText, prepareCuePoint} from './utils';
 import {TranscriptConfig, PluginStates, HighlightedMap, CuePointData, ItemTypes, CuePoint} from './types';
 
+export const pluginName: string = 'playkit-js-transcript';
+
 const {SidePanelModes, SidePanelPositions, ReservedPresetNames, ReservedPresetAreas} = ui;
 const {withText, Text} = KalturaPlayer.ui.preacti18n;
 const {get} = ObjectUtils;
@@ -267,8 +269,14 @@ export class TranscriptPlugin extends KalturaPlayer.core.BasePlugin {
       showTranscript: <Text id="transcript.show_plugin">Show Transcript</Text>,
       hideTranscript: <Text id="transcript.hide_plugin">Hide Transcript</Text>
     };
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     this._transcriptIcon = this.upperBarManager!.add({
-      label: 'Transcript',
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      displayName: 'Transcript',
+      ariaLabel: 'Transcript',
+      order: 30,
       svgIcon: {path: icons.PLUGIN_ICON, viewBox: `0 0 ${icons.BigSize} ${icons.BigSize}`},
       onClick: this._handleClickOnPluginIcon as () => void,
       component: withText(translates)((props: {showTranscript: string; hideTranscript: string}) => {
@@ -277,7 +285,7 @@ export class TranscriptPlugin extends KalturaPlayer.core.BasePlugin {
         return (
           <PluginButton
             isActive={isActive}
-            id="transcript-icon"
+            id={pluginName}
             label={label}
             icon={icons.PLUGIN_ICON}
             dataTestId="transcript_pluginButton"