@magmamath/students-features 1.3.23-rc.2 → 1.3.23-rc.21

package/src/features/voice/playing/model/VoicePlayer.model.ts

@@ -1,29 +1,27 @@
-import { attach, createEffect, createEvent, restore } from 'effector'
-import { VoiceTranscriptionsCollection } from './VoiceTranscriptionsCollection'
+import { createEvent, restore } from 'effector'
+import { TranscriptionsCollection } from './TranscriptionsCollection'
 import { VoiceFileDownloaderModel } from './VoiceFileDownloader.model'
-import { VoiceTranscriptionsDropdownModel } from './VoiceTranscriptionsDropdown.model'
+import { DropdownModel } from './Dropdown.model'
+import { TranslationModel } from './Translation.model'
 import { AnswerAudio, VoicePlayerApi, VoiceTranscriptionItem } from '../../types'
-import { PlayerModel, PlayerState } from './Player.model'
-import { TranscriptionsDownloaderModel } from './TranscriptionsDownloaderModel'
+import { PlayerModel } from './Player.model'
+import { TranscriptionsDownloaderModel } from './TranscriptionsDownloader.model'
+import { PlaybackController } from './PlaybackController'
 
-type VoiceTranscriptionsPlayerModelParams = {
+type VoicePlayerModelParams = {
   api: VoicePlayerApi
   audios?: AnswerAudio[]
 }
-type TogglePlayPauseParams = {
-  attemptNumber: number
-  playerState: PlayerState
-}
 
 export class VoicePlayerModel {
-  public readonly collection = new VoiceTranscriptionsCollection()
-  public readonly downloader = new VoiceFileDownloaderModel()
-  public readonly dropdown = new VoiceTranscriptionsDropdownModel()
+  public readonly collection = new TranscriptionsCollection()
+  public readonly dropdown = new DropdownModel()
   public readonly playerModel = new PlayerModel()
+  public readonly downloader: VoiceFileDownloaderModel
+  public readonly translation: TranslationModel
   public readonly loader: TranscriptionsDownloaderModel
   public readonly api: VoicePlayerApi
-  private currentPlayingAttempt: number | null = null
-  private shouldPreventPlayback = false
+  private readonly playback: PlaybackController
 
   public readonly setCurrentAttempt = createEvent<number | null>()
   public readonly reset = createEvent()
@@ -32,33 +30,21 @@ export class VoicePlayerModel {
   public readonly $playerState = this.playerModel.$playerState
 
   public readonly pauseAudio = this.playerModel.pause
+  public readonly seekAudio = this.playerModel.seek
 
-  public readonly stopAudio = () => {
-    this.shouldPreventPlayback = true
-    this.abortAllDownloads()
-    this.playerModel.stop()
-    this.currentPlayingAttempt = null
-    this.setCurrentAttempt(null)
-  }
-
-  public readonly resetPlayer = () => {
-    this.shouldPreventPlayback = true
-    this.releaseCollectionResources()
-    this.playerModel.stop()
-    this.currentPlayingAttempt = null
-    this.setCurrentAttempt(null)
-    this.collection.clear()
-  }
+  public readonly togglePlayPause: PlaybackController['togglePlayPause']
 
-  constructor(params: VoiceTranscriptionsPlayerModelParams) {
+  constructor(params: VoicePlayerModelParams) {
     this.api = params.api
+    this.downloader = new VoiceFileDownloaderModel(params.api)
     this.loader = new TranscriptionsDownloaderModel(this.collection, params.api)
-    this.downloader.setApi(params.api)
-
-    this.playerModel.playbackFinished.watch(() => {
-      this.currentPlayingAttempt = null
-      this.setCurrentAttempt(null)
+    this.translation = new TranslationModel(this.collection, params.api)
+    this.playback = new PlaybackController({
+      collection: this.collection,
+      player: this.playerModel,
+      downloader: this.downloader,
     })
+    this.togglePlayPause = this.playback.togglePlayPause
 
     if (params.audios) {
       this.initializeCollectionFromAudios(params.audios)
@@ -67,158 +53,28 @@ export class VoicePlayerModel {
     this.playerModel.setupAudioMode()
   }
 
-  public initializeWithAudios(answerAudio: AnswerAudio[]) {
-    this.loader.setTranscriptsLoaded(false)
-    this.collection.clear()
-    this.initializeCollectionFromAudios(answerAudio)
+  public readonly stopAudio = () => {
+    this.playback.halt()
   }
 
-  private initializeCollectionFromAudios(audios: AnswerAudio[]) {
-    if (!audios) {
-      console.warn('VoicePlayerModel: audios is not provided')
-      return
-    }
-    audios.forEach((audio, index) => {
-      const attemptNumber = index + 1
-      if (!audio.audioFileId) {
-        console.warn('VoicePlayerModel: audioFileId is missing for audio', audio)
-        return
-      }
-      this.collection.add(attemptNumber, {
-        attemptNumber,
-        audioFileId: audio.audioFileId,
-        _id: audio._id,
-        hasDrawing: !!audio.drawing,
-      })
-    })
+  public readonly preloadAudio = (attemptNumber?: number) => {
+    const target = attemptNumber ?? this.$currentAttempt.getState()
+    if (target === null) return
+    return this.playback.preloadAudio(target)
   }
 
-  private releaseCollectionResources() {
-    this.collection.getAll().forEach((item) => {
-      if (item.controller) {
-        this.downloader.abortDownload(item.controller)
-      }
-      if (item.audioUri?.startsWith('blob:')) {
-        try {
-          URL.revokeObjectURL(item.audioUri)
-        } catch (e) {}
-      }
-    })
+  public readonly resetPlayer = () => {
+    this.playback.releaseResources()
+    this.playback.halt()
+    this.collection.clear()
+    this.translation.clearCache()
   }
 
-  private abortAllDownloads() {
-    this.collection.getAll().forEach((item) => {
-      if (item.controller && item.audioLoading) {
-        this.downloader.abortDownload(item.controller)
-        this.collection.update(item.attemptNumber, {
-          audioLoading: false,
-          controller: undefined,
-          audioDownloadPromise: undefined,
-        })
-      }
-    })
+  public initializeWithAudios(answerAudio: AnswerAudio[]) {
+    this.collection.clear()
+    this.initializeCollectionFromAudios(answerAudio)
   }
 
-  private readonly handlePlayAttempt = createEffect(async (attemptNumber: number) => {
-    this.shouldPreventPlayback = false
-    const item = this.collection.get(attemptNumber)
-    if (!item) return
-
-    if (this.currentPlayingAttempt !== null && this.currentPlayingAttempt !== attemptNumber) {
-      this.abortAllDownloads()
-    }
-
-    if (this.collection.hasAudio(attemptNumber)) {
-      this.playAudioFx(attemptNumber)
-      return
-    }
-
-    try {
-      this.playerModel.setPlayerState(PlayerState.LOADING)
-      const { collectionItem, downloadPromise } = await this.downloader.download({
-        audioFileId: item.audioFileId,
-        attemptNumber,
-      })
-
-      if (this.shouldPreventPlayback) {
-        collectionItem.controller?.abort()
-        return
-      }
-
-      this.collection.update(attemptNumber, collectionItem)
-
-      const result = await downloadPromise
-
-      if (this.shouldPreventPlayback) {
-        if (result.uri?.startsWith('blob:')) {
-          URL.revokeObjectURL(result.uri)
-        }
-        return
-      }
-
-      this.collection.update(attemptNumber, {
-        audioUri: result.uri,
-        audioLoading: false,
-        audioError: undefined,
-        controller: undefined,
-        audioDownloadPromise: undefined,
-      })
-
-      this.playerModel.setPlayerState(PlayerState.IDLE)
-      this.playAudioFx(attemptNumber)
-    } catch (error) {
-      console.error('Audio download error:', error)
-      if (error instanceof Error && error.name === 'AbortError') {
-        this.playerModel.setPlayerState(PlayerState.IDLE)
-        return
-      }
-
-      this.collection.update(attemptNumber, {
-        audioLoading: false,
-        audioError: error instanceof Error ? error.message : 'Failed to download audio',
-        controller: undefined,
-        audioDownloadPromise: undefined,
-      })
-    }
-  })
-
-  private playAudioFx = createEffect(async (attemptNumber: number) => {
-    if (this.shouldPreventPlayback) return
-
-    const item = this.collection.get(attemptNumber)
-    if (!item?.audioUri) {
-      console.warn('No audio URI available for attempt:', attemptNumber)
-      return
-    }
-
-    try {
-      if (this.currentPlayingAttempt !== null && this.currentPlayingAttempt !== attemptNumber) {
-        this.playerModel.player?.remove()
-      }
-
-      if (this.currentPlayingAttempt === attemptNumber && this.playerModel.player?.playing) {
-        this.playerModel.pause()
-        return
-      }
-
-      if (this.currentPlayingAttempt === attemptNumber && !this.playerModel.player?.playing) {
-        this.playerModel.resume()
-        return
-      }
-
-      this.currentPlayingAttempt = attemptNumber
-      this.setCurrentAttempt(attemptNumber)
-      await this.playerModel.play(item.audioUri)
-    } catch (error) {
-      console.error('Error playing audio:', error)
-      this.playerModel.setPlayerState(PlayerState.IDLE)
-
-      this.collection.update(attemptNumber, {
-        audioError: error instanceof Error ? error.message : 'Failed to play audio',
-      })
-    }
-  })
-
   public isAudioLoading(attemptNumber: number): boolean {
     return this.collection.get(attemptNumber)?.audioLoading || false
   }
@@ -232,24 +88,31 @@ export class VoicePlayerModel {
   }
 
   public cleanup() {
-    this.releaseCollectionResources()
+    this.playback.releaseResources()
     this.collection.clear()
-    this.currentPlayingAttempt = null
     this.reset()
-    this.loader.reset()
     this.dropdown.reset()
+    this.translation.reset()
     this.playerModel.release()
   }
 
-  public togglePlayPause = attach({
-    source: this.playerModel.$playerState,
-    mapParams: (attemptNumber: number, playerState) => ({ attemptNumber, playerState }),
-    effect: createEffect(({ attemptNumber, playerState }: TogglePlayPauseParams) => {
-      if (this.currentPlayingAttempt === attemptNumber && playerState === PlayerState.PLAYING) {
-        this.pauseAudio()
-      } else {
-        this.handlePlayAttempt(attemptNumber)
+  private initializeCollectionFromAudios(audios: AnswerAudio[]) {
+    if (!audios) {
+      console.warn('VoicePlayerModel: audios is not provided')
+      return
+    }
+    audios.forEach((audio, index) => {
+      const attemptNumber = index + 1
+      if (!audio.audioFileId) {
+        console.warn('VoicePlayerModel: audioFileId is missing for audio', audio)
+        return
       }
-    }),
-  })
+      this.collection.add(attemptNumber, {
+        attemptNumber,
+        audioFileId: audio.audioFileId,
+        _id: audio._id,
+        hasDrawing: !!audio.drawing,
+      })
+    })
+  }
 }

package/src/features/voice/types.ts

@@ -2,6 +2,12 @@ import { WithAbortSignal } from 'src/types/common.types'
 import { getAvailableInputs } from './helpers'
 import { VoiceRecordModel } from './recording/model/VoiceRecord.model'
 import { AxiosResponse } from 'axios'
+import type {
+  GoogleTranslateProps as GoogleTranslatePayload,
+  GoogleTranslateResponse,
+} from '../translation/providers/google.types'
+
+export type { GoogleTranslatePayload, GoogleTranslateResponse }
 
 export type VoiceRecordNotificationTypes = {
   success: (message: string) => void
@@ -57,6 +63,7 @@ export type VoiceRecorderApi = {
 type TranscriptionStatus = 'pending' | 'completed' | 'failed'
 export type AudioTranscriptResponse = {
   text: string
+  language: string
   status: TranscriptionStatus
 }
 
@@ -66,6 +73,7 @@ export type VoicePlayerApi = {
     audioFileId: string,
     options?: { signal?: AbortSignal },
   ) => Promise<AxiosResponse<Blob>>
+  translateText: (payload: GoogleTranslatePayload) => Promise<GoogleTranslateResponse>
 }
 
 export type VoiceTranscriptionItem = {
@@ -73,6 +81,7 @@ export type VoiceTranscriptionItem = {
   audioFileId: string
   _id: string
   transcript?: string
+  transcriptLanguage?: string
   transcriptLoading?: boolean
   transcriptError?: string
   audioUri?: string
@@ -92,3 +101,4 @@ export enum VoiceTranscriptionVariant {
   SMALL = 'small',
   LARGE = 'large',
 }
+

package/src/index.ts

@@ -14,3 +14,4 @@ export * from './shared/icons'
 export * from './features/voice'
 export * from './features/featureUsage'
 export * from './features/uiMode'
+export * from './features/translation'

package/dist/commonjs/features/voice/playing/components/VoiceTranscriptionsDropdown.js

@@ -1,251 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VoiceTranscriptionsDropdown = void 0;
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _effectorReact = require("effector-react");
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _types = require("../../types.js");
-var _useVoiceTranscriptionsDropdown = require("../hooks/useVoiceTranscriptionsDropdown.js");
-var _index = require("../model/index.js");
-var _VoiceTranscriptionsDropdownItem = require("./VoiceTranscriptionsDropdownItem.js");
-var _constants = require("../../constants.js");
-var _i18n = require("../../../../i18n/i18n.js");
-var _PlayButton = require("../../../../shared/components/PlayButton.js");
-var _helpers = require("../../helpers.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const AnimatedTouchableOpacity = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.TouchableOpacity);
-const VoiceTranscriptionsDropdown = ({
-  style,
-  model,
-  answers,
-  attemptOffset,
-  onAttemptOffsetChange,
-  attemptsCount,
-  problemId,
-  variant = _types.VoiceTranscriptionVariant.SMALL
-}) => {
-  const [attempts, setAttempts] = (0, _react.useState)([]);
-  const scrollRef = (0, _react.useRef)(null);
-  const scrollViewRef = (0, _react.useRef)(null);
-  const itemLayoutsRef = (0, _react.useRef)(new Map());
-  const answersRef = (0, _react.useRef)(answers);
-  answersRef.current = answers;
-  const t = (0, _i18n.useText)();
-  const [currentAttempt, transcriptsLoaded, playerState, isDropdownExpanded] = (0, _effectorReact.useUnit)([model.$currentAttempt, model.loader.$transcriptsLoaded, model.$playerState, model.dropdown.$isExpanded]);
-  const activeAttempt = (0, _helpers.getActiveAttempt)(attemptOffset, attemptsCount);
-  const answersKey = (0, _react.useMemo)(() => answers.map(a => `${a._id}:${a.audioFileId ?? ''}`).join(','), [answers]);
-  const hasActiveTranscript = activeAttempt !== null && answers?.[activeAttempt - 1]?.audioFileId !== undefined;
-  const playButtonState = {
-    isActive: playerState !== _index.PlayerState.IDLE,
-    isLoading: playerState === _index.PlayerState.LOADING,
-    status: (0, _helpers.getAudioStatus)(playerState)
-  };
-  const {
-    listAnimatedStyle,
-    iconAnimatedStyle,
-    onListLayout
-  } = (0, _useVoiceTranscriptionsDropdown.useVoiceTranscriptionsDropdown)(model.dropdown);
-  const handleItemLayout = (0, _react.useCallback)((id, event) => {
-    itemLayoutsRef.current.set(id, event.nativeEvent.layout.y);
-  }, []);
-  const scrollToAttempt = (0, _react.useCallback)(attemptNumber => {
-    if (_reactNativeUi.IS_WEB) {
-      const item = attempts.find(item => item.attemptNumber === attemptNumber);
-      if (item) {
-        const y = itemLayoutsRef.current.get(item._id);
-        if (y !== undefined) {
-          scrollViewRef.current?.scrollTo({
-            y,
-            animated: true
-          });
-        }
-      }
-      return;
-    }
-    const index = attempts.findIndex(item => item.attemptNumber === attemptNumber);
-    if (index !== -1) {
-      scrollRef.current?.scrollToIndex({
-        index,
-        animated: true,
-        viewPosition: 0
-      });
-    }
-  }, [attempts]);
-  const handleItemToggle = (0, _react.useCallback)(attempt => {
-    if (onAttemptOffsetChange && attemptsCount !== undefined) {
-      onAttemptOffsetChange(attemptsCount - attempt);
-    }
-  }, [onAttemptOffsetChange, attemptsCount]);
-  const handlePlayPress = (0, _react.useCallback)(() => {
-    if (activeAttempt) {
-      model.togglePlayPause(activeAttempt);
-    }
-  }, [model, activeAttempt]);
-  const handleScrollToIndexFailed = (0, _react.useCallback)(info => {
-    setTimeout(() => {
-      scrollRef.current?.scrollToIndex({
-        index: info.index,
-        animated: true,
-        viewPosition: 0
-      });
-    }, 100);
-  }, []);
-  (0, _react.useEffect)(() => {
-    model.reinitializePlayer();
-    return () => model.cleanup();
-  }, [model]);
-  (0, _react.useEffect)(() => {
-    const isLastAttemptsWithoutDrowing = !answers[answers.length - 1].drawing;
-    if (answers.length > 0 && isLastAttemptsWithoutDrowing) {
-      model.dropdown.setExpanded(true);
-    } else {
-      model.dropdown.setExpanded(false);
-    }
-    model.resetPlayer();
-  }, [problemId]);
-  (0, _react.useEffect)(() => {
-    if (answersRef.current.some(answer => answer.audioFileId)) {
-      model.initializeWithAudios(answersRef.current);
-      model.loader.loadAllTranscripts();
-    }
-  }, [model, answersKey]);
-  (0, _react.useEffect)(() => {
-    model.stopAudio();
-  }, [activeAttempt]);
-  (0, _react.useEffect)(() => {
-    const allAttempts = model.getAllAttempts();
-    setAttempts(allAttempts);
-  }, [answersKey, transcriptsLoaded, currentAttempt, model]);
-  (0, _react.useEffect)(() => {
-    if (isDropdownExpanded && activeAttempt !== null) {
-      setTimeout(() => {
-        scrollToAttempt(activeAttempt);
-      }, 500);
-    }
-  }, [isDropdownExpanded, answersKey]);
-  const renderItem = (0, _react.useCallback)(({
-    item
-  }) => {
-    const isLoading = model.loader.isTranscriptLoading(item.attemptNumber);
-    const transcript = model.loader.getTranscript(item.attemptNumber);
-    const isActive = activeAttempt === item.attemptNumber;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_VoiceTranscriptionsDropdownItem.VoiceTranscriptionsDropdownItem, {
-      isLoading: isActive && isLoading,
-      attempt: item.attemptNumber,
-      content: transcript && transcript !== _constants.NO_AUDIO_BE_MESSAGE ? transcript : t('voice.transcriptNotAvailable'),
-      isActive: isActive,
-      onToggle: handleItemToggle,
-      scrollToAttempt: scrollToAttempt
-    });
-  }, [model, activeAttempt, t, handleItemToggle, scrollToAttempt]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
-    style: [styles.container, style],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.header,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-        style: styles.title,
-        variant: "h7",
-        children: t('voice.transcriptions')
-      }), hasActiveTranscript && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-        entering: _reactNativeReanimated.FadeIn.duration(120),
-        exiting: _reactNativeReanimated.FadeOut.duration(120),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayButton.PlayButton, {
-          state: playButtonState,
-          onPress: handlePlayPress,
-          activityIndicatorColor: _reactNativeUi.COLORS.NEUTRAL_1
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [listAnimatedStyle, {
-        overflow: 'hidden'
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        onLayout: onListLayout,
-        style: styles.listContainer,
-        children: _reactNativeUi.IS_WEB ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ScrollableListScrollView, {
-          bounces: false,
-          ref: scrollViewRef,
-          hideShadow: true,
-          style: styles.list,
-          contentContainerStyle: styles.listContent,
-          children: attempts.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            onLayout: e => handleItemLayout(item._id, e),
-            children: renderItem({
-              item
-            })
-          }, item._id))
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ScrollableList, {
-          bounces: false,
-          ref: scrollRef,
-          hideShadow: true,
-          data: attempts,
-          keyExtractor: item => item._id,
-          onScrollToIndexFailed: handleScrollToIndexFailed,
-          renderItem: renderItem,
-          contentContainerStyle: styles.listContent
-        })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedTouchableOpacity, {
-      style: [styles.expandButton, iconAnimatedStyle],
-      onPress: () => model.dropdown.toggleExpand(),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretDownIcon, {
-        size: 22
-      })
-    })]
-  });
-};
-exports.VoiceTranscriptionsDropdown = VoiceTranscriptionsDropdown;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    position: 'absolute',
-    top: 56,
-    left: 8,
-    width: 222,
-    maxHeight: 405,
-    minHeight: 51,
-    padding: 4,
-    boxShadow: '0px 1px 3px 0px rgba(51, 51, 51, 0.25)',
-    borderRadius: 12,
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
-    overflow: 'hidden'
-  },
-  // hugeContainer: {
-  //   width: '98%',
-  //   height: '100%',
-  // },
-  header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    padding: 4,
-    marginBottom: 4,
-    height: 32
-  },
-  title: {
-    color: _reactNativeUi.COLORS.NEUTRAL_9,
-    marginLeft: 4
-  },
-  list: {
-    flex: 1
-  },
-  expandButton: {
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  listContainer: {
-    position: 'absolute',
-    maxHeight: _constants.DROPDOWN_MAX_CONTENT_HEIGHT,
-    width: '100%'
-  },
-  listContent: {
-    paddingHorizontal: 4
-  }
-});
-//# sourceMappingURL=VoiceTranscriptionsDropdown.js.map

package/dist/commonjs/features/voice/playing/components/VoiceTranscriptionsDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeUi","require","_effectorReact","_react","_interopRequireWildcard","_reactNative","_reactNativeReanimated","_types","_useVoiceTranscriptionsDropdown","_index","_VoiceTranscriptionsDropdownItem","_constants","_i18n","_PlayButton","_helpers","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimatedTouchableOpacity","Animated","createAnimatedComponent","TouchableOpacity","VoiceTranscriptionsDropdown","style","model","answers","attemptOffset","onAttemptOffsetChange","attemptsCount","problemId","variant","VoiceTranscriptionVariant","SMALL","attempts","setAttempts","useState","scrollRef","useRef","scrollViewRef","itemLayoutsRef","Map","answersRef","current","useText","currentAttempt","transcriptsLoaded","playerState","isDropdownExpanded","useUnit","$currentAttempt","loader","$transcriptsLoaded","$playerState","dropdown","$isExpanded","activeAttempt","getActiveAttempt","answersKey","useMemo","map","_id","audioFileId","join","hasActiveTranscript","undefined","playButtonState","isActive","PlayerState","IDLE","isLoading","LOADING","status","getAudioStatus","listAnimatedStyle","iconAnimatedStyle","onListLayout","useVoiceTranscriptionsDropdown","handleItemLayout","useCallback","id","event","nativeEvent","layout","y","scrollToAttempt","attemptNumber","IS_WEB","item","find","scrollTo","animated","index","findIndex","scrollToIndex","viewPosition","handleItemToggle","attempt","handlePlayPress","togglePlayPause","handleScrollToIndexFailed","info","setTimeout","useEffect","reinitializePlayer","cleanup","isLastAttemptsWithoutDrowing","length","drawing","setExpanded","resetPlayer","some","answer","initializeWithAudios","loadAllTranscripts","stopAudio","allAttempts","getAllAttempts","renderItem","isTranscriptLoading","transcript","getTranscript","jsx","VoiceTranscriptionsDropdownItem","content","NO_AUDIO_BE_MESSAGE","onToggle","jsxs","View","styles","container","children","header","Typography","title","entering","FadeIn","duration","exiting","FadeOut","PlayButton","state","onPress","activityIndicatorColor","COLORS","NEUTRAL_1","overflow","onLayout","listContainer","ScrollableListScrollView","bounces","ref","hideShadow","list","contentContainerStyle","listContent","ScrollableList","data","keyExtractor","onScrollToIndexFailed","expandButton","toggleExpand","CaretDownIcon","size","exports","StyleSheet","create","position","top","left","width","maxHeight","minHeight","padding","boxShadow","borderRadius","backgroundColor","flexDirection","justifyContent","alignItems","marginBottom","height","color","NEUTRAL_9","marginLeft","flex","DROPDOWN_MAX_CONTENT_HEIGHT","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/components/VoiceTranscriptionsDropdown.tsx"],"mappings":"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","ignoreList":[]}