@playkit-js/transcript 3.7.12 → 3.7.13-canary.0-1df2d96

package/package.json

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

package/src/components/caption/caption.tsx

@@ -25,6 +25,7 @@ export interface CaptionProps {
   navigationInstruction?: string;
   timeLabel?: string;
   setTextToRead: (textToRead: string, delay?: number) => void;
+  protectCaptionCopy: boolean;
 }
 
 interface ExtendedCaptionProps extends CaptionProps {
@@ -132,13 +133,15 @@ export class Caption extends Component<ExtendedCaptionProps> {
   };
 
   private _renderText = (text: string) => {
-    const {activeSearchIndex, searchLength, indexMap} = this.props;
+    const {activeSearchIndex, searchLength, indexMap, protectCaptionCopy} = this.props;
     const indexArray = this.indexArray;
     if (text?.length === 0) {
       return null;
     }
+    // no-copy is a global class, no-copy-detached is a CSS module class for detached mode protection
+    const captionSpanClasses = protectCaptionCopy ? `${styles.captionSpan} no-copy ${styles.noCopyDetached}` : styles.captionSpan;
     return (
-      <span className={`${styles.captionSpan} no-copy ${styles.noCopyDetached}`}>
+      <span className={captionSpanClasses}>
         {indexMap
           ? indexArray.map((el: string, index: number) => {
               const preSelected = index === 0 ? text.substring(0, indexMap[el]) : '';

package/src/components/caption-list/captionList.tsx

@@ -13,6 +13,7 @@ export interface CaptionProps {
   scrollTo(el: HTMLElement): void;
   scrollToSearchMatch(el: HTMLElement): void;
   videoDuration: number;
+  protectCaptionCopy: boolean;
 }
 
 export interface Props {
@@ -124,6 +125,7 @@ export class CaptionList extends Component<Props> {
       shouldScrollToSearchMatch: this._getShouldScrollToSearchMatch(id),
       isAutoScrollEnabled,
       searchCaption: this.props.searchMap[id],
+      protectCaptionCopy: captionProps.protectCaptionCopy,
       ...this._getSearchProps(id)
     };
     return newCaptionProps;

package/src/components/transcript/transcript.tsx

@@ -82,6 +82,7 @@ export interface TranscriptProps {
   player: any;
   onOverlayOpen?: () => void;
   onOverlayClose?: () => void;
+  protectCaptionCopy: boolean;
 }
 
 interface TranscriptState {
@@ -455,7 +456,7 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
   };
 
   private _renderTranscript = () => {
-    const {captions, hasError, onRetryLoad, showTime, videoDuration, highlightedMap} = this.props;
+    const {captions, hasError, onRetryLoad, showTime, videoDuration, highlightedMap, protectCaptionCopy} = this.props;
     const {isAutoScrollEnabled, searchMap, activeSearchIndex, searchLength} = this.state;
 
     if (hasError) {
@@ -479,7 +480,8 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
       searchLength,
       scrollTo: this._scrollTo,
       scrollToSearchMatch: this._scrollToSearchMatch,
-      videoDuration
+      videoDuration,
+      protectCaptionCopy
     };
 
     return (

package/src/transcript-plugin.tsx

@@ -38,7 +38,8 @@ export class TranscriptPlugin extends KalturaPlayer.core.BasePlugin {
     searchDebounceTimeout: 250,
     searchNextPrevDebounceTimeout: 100,
     downloadDisabled: false,
-    printDisabled: false
+    printDisabled: false,
+    protectCaptionCopy: true
   };
   private _activeCaptionMapId: string = '';
   private _activeCuePointsMap: HighlightedMap = {};
@@ -308,7 +309,8 @@ export class TranscriptPlugin extends KalturaPlayer.core.BasePlugin {
       searchDebounceTimeout,
       searchNextPrevDebounceTimeout,
       downloadDisabled,
-      printDisabled
+      printDisabled,
+      protectCaptionCopy
     } = this.config;
     this._transcriptPanel = this.sidePanelsManager!.add({
       label: 'Transcript',
@@ -353,6 +355,7 @@ export class TranscriptPlugin extends KalturaPlayer.core.BasePlugin {
             player={this.player}
             onOverlayOpen={() => this.sidePanelsManager?.deactivateItem(this._transcriptPanel)}
             onOverlayClose={() => this.sidePanelsManager?.activateItem(this._transcriptPanel)}
+            protectCaptionCopy={getConfigValue(protectCaptionCopy, isBoolean, true)}
           />
         ) as any;
       },

package/src/types/transcript-config.ts

@@ -8,4 +8,5 @@ export interface TranscriptConfig {
   downloadDisabled: boolean; // disable download menu
   printDisabled: boolean; // disable print menu
   expandMode: string; // over or pushing the player
+  protectCaptionCopy: boolean; // enable/disable copy protection for caption text (default: true)
 }