@playkit-js/transcript 3.5.15 → 3.5.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playkit-js/transcript",
-  "version": "3.5.15",
+  "version": "3.5.16",
   "main": "dist/playkit-transcript.js",
   "license": "AGPL-3.0",
   "private": false,

package/src/components/transcript/transcript.tsx

@@ -56,6 +56,7 @@ export interface TranscriptProps {
   smallScreen?: boolean;
   expandMode?: string;
   dispatcher: (name: string, payload?: any) => void;
+  activeCaptionLanguage: string;
 }
 
 interface TranscriptState {
@@ -107,13 +108,15 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
   };
 
   componentDidUpdate(previousProps: Readonly<TranscriptProps>, previousState: Readonly<TranscriptState>): void {
-    const {captions} = this.props;
+    const {captions, activeCaptionLanguage} = this.props;
     const {search} = this.state;
     if (previousProps.captions !== captions) {
-      this.setState({search: '', isAutoScrollEnabled: true});
+      // clear search value only if active caption language was switched, otherwise keep previous value
+      this.setState({search: previousProps.activeCaptionLanguage !== activeCaptionLanguage ? '' : previousState.search, isAutoScrollEnabled: true});
     }
 
-    if (previousState.search !== search) {
+    if (previousState.search !== search || (previousProps.captions !== captions && previousProps.activeCaptionLanguage === activeCaptionLanguage)) {
+      // trigger search in case search value has changed, or new captions were added for the same language (preventSeek use-case)
       this._debounced.findSearchMatches();
     }
 

package/src/transcript-plugin.tsx

@@ -271,6 +271,7 @@ export class TranscriptPlugin extends KalturaPlayer.core.BasePlugin {
             printDisabled={getConfigValue(printDisabled, isBoolean, false)}
             onPrint={this._handlePrint}
             dispatcher={(eventType, payload) => this.dispatchEvent(eventType, payload)}
+            activeCaptionLanguage={this._activeCaptionMapId}
           /> as any
         );
       },