@magmamath/students-features 0.11.0-rc.9 → 1.0.1

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

@@ -0,0 +1,212 @@
+"use strict";
+
+import { Typography, ScrollableList, CaretDownIcon, COLORS, IS_WEB } from '@magmamath/react-native-ui';
+import { useUnit } from 'effector-react';
+import React, { useRef, useEffect, useState, useCallback, useMemo } from 'react';
+import { TouchableOpacity, View, StyleSheet } from 'react-native';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { useVoiceTranscriptionsDropdown } from "../hooks/useVoiceTranscriptionsDropdown.js";
+import { PlayerState } from "../model/index.js";
+import { VoiceTranscriptionsDropdownItem } from "./VoiceTranscriptionsDropdownItem.js";
+import { DROPDOWN_MAX_CONTENT_HEIGHT, NO_AUDIO_BE_MESSAGE } from "../../constants.js";
+import { useText } from "../../../../shared/translation/index.js";
+import { PlayButton } from "../../../../shared/components/PlayButton.js";
+import { getActiveAttempt, getAudioStatus } from "../../helpers.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
+export const VoiceTranscriptionsDropdown = ({
+  style,
+  model,
+  answers,
+  attemptOffset,
+  onAttemptOffsetChange,
+  attemptsCount,
+  problemId
+}) => {
+  const [attempts, setAttempts] = useState([]);
+  const scrollRef = useRef(null);
+  const answersRef = useRef(answers);
+  answersRef.current = answers;
+  const t = useText();
+  const [currentAttempt, transcriptsLoaded, playerState, isDropdownExpanded] = useUnit([model.$currentAttempt, model.loader.$transcriptsLoaded, model.$playerState, model.dropdown.$isExpanded]);
+  const activeAttempt = getActiveAttempt(attemptOffset, attemptsCount);
+  const answersKey = useMemo(() => answers.map(a => `${a._id}:${a.audioFileId ?? ''}`).join(','), [answers]);
+  const hasActiveTranscript = activeAttempt !== null && answers?.[activeAttempt - 1]?.audioFileId !== undefined;
+  const playButtonState = {
+    isActive: playerState !== PlayerState.IDLE,
+    isLoading: playerState === PlayerState.LOADING,
+    status: getAudioStatus(playerState)
+  };
+  const {
+    listAnimatedStyle,
+    iconAnimatedStyle,
+    onListLayout
+  } = useVoiceTranscriptionsDropdown(model.dropdown);
+  const scrollToAttempt = useCallback(attemptNumber => {
+    const index = attempts.findIndex(item => item.attemptNumber === attemptNumber);
+    if (index !== -1) {
+      scrollRef.current?.scrollToIndex({
+        index,
+        animated: true,
+        viewPosition: 0
+      });
+    }
+  }, [attempts]);
+  const handleItemToggle = useCallback(attempt => {
+    if (onAttemptOffsetChange && attemptsCount !== undefined) {
+      onAttemptOffsetChange(attemptsCount - attempt);
+    }
+  }, [onAttemptOffsetChange, attemptsCount]);
+  const handlePlayPress = useCallback(() => {
+    if (activeAttempt) {
+      model.togglePlayPause(activeAttempt);
+    }
+  }, [model, activeAttempt]);
+  const handleScrollToIndexFailed = useCallback(info => {
+    setTimeout(() => {
+      scrollRef.current?.scrollToIndex({
+        index: info.index,
+        animated: true,
+        viewPosition: 0
+      });
+    }, 100);
+  }, []);
+  useEffect(() => {
+    model.reinitializePlayer();
+    return () => model.cleanup();
+  }, [model]);
+  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]);
+  useEffect(() => {
+    if (answersRef.current.some(answer => answer.audioFileId)) {
+      model.initializeWithAudios(answersRef.current);
+      model.loader.loadAllTranscripts();
+    }
+  }, [model, answersKey]);
+  useEffect(() => {
+    model.stopAudio();
+  }, [activeAttempt]);
+  useEffect(() => {
+    const allAttempts = model.getAllAttempts();
+    setAttempts(allAttempts);
+  }, [answersKey, transcriptsLoaded, currentAttempt, model]);
+  useEffect(() => {
+    if (isDropdownExpanded && activeAttempt !== null) {
+      setTimeout(() => {
+        scrollToAttempt(activeAttempt);
+      }, 500);
+    }
+  }, [isDropdownExpanded, answersKey]);
+  const renderItem = useCallback(({
+    item
+  }) => {
+    const isLoading = model.loader.isTranscriptLoading(item.attemptNumber);
+    const transcript = model.loader.getTranscript(item.attemptNumber);
+    const isActive = activeAttempt === item.attemptNumber;
+    return /*#__PURE__*/_jsx(VoiceTranscriptionsDropdownItem, {
+      isLoading: isActive && isLoading,
+      attempt: item.attemptNumber,
+      content: transcript && transcript !== NO_AUDIO_BE_MESSAGE ? transcript : t('voice.transcriptNotAvailable'),
+      isActive: isActive,
+      onToggle: handleItemToggle,
+      scrollToAttempt: scrollToAttempt
+    });
+  }, [model, activeAttempt, t, handleItemToggle, scrollToAttempt]);
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.container, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        style: styles.title,
+        variant: "h7",
+        children: t('voice.transcriptions')
+      }), hasActiveTranscript && /*#__PURE__*/_jsx(Animated.View, {
+        entering: FadeIn.duration(120),
+        exiting: FadeOut.duration(120),
+        children: /*#__PURE__*/_jsx(PlayButton, {
+          state: playButtonState,
+          onPress: handlePlayPress,
+          activityIndicatorColor: COLORS.NEUTRAL_1
+        })
+      })]
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [listAnimatedStyle, {
+        overflow: 'hidden'
+      }],
+      children: /*#__PURE__*/_jsx(View, {
+        onLayout: onListLayout,
+        style: styles.listContainer,
+        children: /*#__PURE__*/_jsx(ScrollableList, {
+          bounces: false,
+          ref: scrollRef,
+          hideShadow: true,
+          data: attempts,
+          keyExtractor: item => item._id,
+          onScrollToIndexFailed: handleScrollToIndexFailed,
+          renderItem: renderItem,
+          style: IS_WEB && styles.list,
+          contentContainerStyle: styles.listContent
+          //for some resons on web FlatList doesn't render last items in huge list, so we need to render them all at once
+          ,
+          initialNumToRender: IS_WEB ? 20 : undefined
+        })
+      })
+    }), /*#__PURE__*/_jsx(AnimatedTouchableOpacity, {
+      style: [styles.expandButton, iconAnimatedStyle],
+      onPress: () => model.dropdown.toggleExpand(),
+      children: /*#__PURE__*/_jsx(CaretDownIcon, {
+        size: 22
+      })
+    })]
+  });
+};
+const styles = 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: COLORS.NEUTRAL_1,
+    overflow: 'hidden'
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 4,
+    marginBottom: 4,
+    height: 32
+  },
+  title: {
+    color: COLORS.NEUTRAL_9,
+    marginLeft: 4
+  },
+  list: {
+    flex: 1
+  },
+  expandButton: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  listContainer: {
+    position: 'absolute',
+    maxHeight: DROPDOWN_MAX_CONTENT_HEIGHT,
+    width: '100%'
+  },
+  listContent: {
+    paddingHorizontal: 4
+  }
+});
+//# sourceMappingURL=VoiceTranscriptionsDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Typography","ScrollableList","CaretDownIcon","COLORS","IS_WEB","useUnit","React","useRef","useEffect","useState","useCallback","useMemo","TouchableOpacity","View","StyleSheet","Animated","FadeIn","FadeOut","useVoiceTranscriptionsDropdown","PlayerState","VoiceTranscriptionsDropdownItem","DROPDOWN_MAX_CONTENT_HEIGHT","NO_AUDIO_BE_MESSAGE","useText","PlayButton","getActiveAttempt","getAudioStatus","jsx","_jsx","jsxs","_jsxs","AnimatedTouchableOpacity","createAnimatedComponent","VoiceTranscriptionsDropdown","style","model","answers","attemptOffset","onAttemptOffsetChange","attemptsCount","problemId","attempts","setAttempts","scrollRef","answersRef","current","t","currentAttempt","transcriptsLoaded","playerState","isDropdownExpanded","$currentAttempt","loader","$transcriptsLoaded","$playerState","dropdown","$isExpanded","activeAttempt","answersKey","map","a","_id","audioFileId","join","hasActiveTranscript","undefined","playButtonState","isActive","IDLE","isLoading","LOADING","status","listAnimatedStyle","iconAnimatedStyle","onListLayout","scrollToAttempt","attemptNumber","index","findIndex","item","scrollToIndex","animated","viewPosition","handleItemToggle","attempt","handlePlayPress","togglePlayPause","handleScrollToIndexFailed","info","setTimeout","reinitializePlayer","cleanup","isLastAttemptsWithoutDrowing","length","drawing","setExpanded","resetPlayer","some","answer","initializeWithAudios","loadAllTranscripts","stopAudio","allAttempts","getAllAttempts","renderItem","isTranscriptLoading","transcript","getTranscript","content","onToggle","styles","container","children","header","title","variant","entering","duration","exiting","state","onPress","activityIndicatorColor","NEUTRAL_1","overflow","onLayout","listContainer","bounces","ref","hideShadow","data","keyExtractor","onScrollToIndexFailed","list","contentContainerStyle","listContent","initialNumToRender","expandButton","toggleExpand","size","create","position","top","left","width","maxHeight","minHeight","padding","boxShadow","borderRadius","backgroundColor","flexDirection","justifyContent","alignItems","marginBottom","height","color","NEUTRAL_9","marginLeft","flex","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/components/VoiceTranscriptionsDropdown.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,cAAc,EACdC,aAAa,EACbC,MAAM,EACNC,MAAM,QACD,4BAA4B;AACnC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,KAAK,IAAIC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAChF,SAASC,gBAAgB,EAAkCC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACjG,OAAOC,QAAQ,IAAIC,MAAM,EAAEC,OAAO,QAAQ,yBAAyB;AAEnE,SAASC,8BAA8B,QAAQ,4CAAyC;AACxF,SAA2BC,WAAW,QAAQ,mBAAU;AACxD,SAASC,+BAA+B,QAAQ,sCAAmC;AACnF,SAASC,2BAA2B,EAAEC,mBAAmB,QAAQ,oBAAiB;AAClF,SAASC,OAAO,QAAQ,yCAAgC;AACxD,SAASC,UAAU,QAAQ,6CAA0C;AACrE,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhE,MAAMC,wBAAwB,GAAGhB,QAAQ,CAACiB,uBAAuB,CAACpB,gBAAgB,CAAC;AAYnF,OAAO,MAAMqB,2BAA2B,GAAGA,CAAC;EAC1CC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,aAAa;EACbC,qBAAqB;EACrBC,aAAa;EACbC;AACgC,CAAC,KAAK;EACtC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGjC,QAAQ,CAA2B,EAAE,CAAC;EAEtE,MAAMkC,SAAS,GAAGpC,MAAM,CAAkB,IAAI,CAAC;EAC/C,MAAMqC,UAAU,GAAGrC,MAAM,CAAC6B,OAAO,CAAC;EAClCQ,UAAU,CAACC,OAAO,GAAGT,OAAO;EAE5B,MAAMU,CAAC,GAAGvB,OAAO,CAAC,CAAC;EAEnB,MAAM,CAACwB,cAAc,EAAEC,iBAAiB,EAAEC,WAAW,EAAEC,kBAAkB,CAAC,GAAG7C,OAAO,CAAC,CACnF8B,KAAK,CAACgB,eAAe,EACrBhB,KAAK,CAACiB,MAAM,CAACC,kBAAkB,EAC/BlB,KAAK,CAACmB,YAAY,EAClBnB,KAAK,CAACoB,QAAQ,CAACC,WAAW,CAC3B,CAAC;EAEF,MAAMC,aAAa,GAAGhC,gBAAgB,CAACY,aAAa,EAAEE,aAAa,CAAC;EAEpE,MAAMmB,UAAU,GAAG/C,OAAO,CACxB,MAAMyB,OAAO,CAACuB,GAAG,CAAEC,CAAC,IAAK,GAAGA,CAAC,CAACC,GAAG,IAAID,CAAC,CAACE,WAAW,IAAI,EAAE,EAAE,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,EACrE,CAAC3B,OAAO,CACV,CAAC;EAED,MAAM4B,mBAAmB,GACvBP,aAAa,KAAK,IAAI,IAAIrB,OAAO,GAAGqB,aAAa,GAAG,CAAC,CAAC,EAAEK,WAAW,KAAKG,SAAS;EAEnF,MAAMC,eAAe,GAAG;IACtBC,QAAQ,EAAElB,WAAW,KAAK9B,WAAW,CAACiD,IAAI;IAC1CC,SAAS,EAAEpB,WAAW,KAAK9B,WAAW,CAACmD,OAAO;IAC9CC,MAAM,EAAE7C,cAAc,CAACuB,WAAW;EACpC,CAAC;EAED,MAAM;IAAEuB,iBAAiB;IAAEC,iBAAiB;IAAEC;EAAa,CAAC,GAAGxD,8BAA8B,CAC3FiB,KAAK,CAACoB,QACR,CAAC;EAED,MAAMoB,eAAe,GAAGjE,WAAW,CAChCkE,aAAqB,IAAK;IACzB,MAAMC,KAAK,GAAGpC,QAAQ,CAACqC,SAAS,CAAEC,IAAI,IAAKA,IAAI,CAACH,aAAa,KAAKA,aAAa,CAAC;IAChF,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;MAChBlC,SAAS,CAACE,OAAO,EAAEmC,aAAa,CAAC;QAAEH,KAAK;QAAEI,QAAQ,EAAE,IAAI;QAAEC,YAAY,EAAE;MAAE,CAAC,CAAC;IAC9E;EACF,CAAC,EACD,CAACzC,QAAQ,CACX,CAAC;EAED,MAAM0C,gBAAgB,GAAGzE,WAAW,CACjC0E,OAAe,IAAK;IACnB,IAAI9C,qBAAqB,IAAIC,aAAa,KAAK0B,SAAS,EAAE;MACxD3B,qBAAqB,CAACC,aAAa,GAAG6C,OAAO,CAAC;IAChD;EACF,CAAC,EACD,CAAC9C,qBAAqB,EAAEC,aAAa,CACvC,CAAC;EAED,MAAM8C,eAAe,GAAG3E,WAAW,CAAC,MAAM;IACxC,IAAI+C,aAAa,EAAE;MACjBtB,KAAK,CAACmD,eAAe,CAAC7B,aAAa,CAAC;IACtC;EACF,CAAC,EAAE,CAACtB,KAAK,EAAEsB,aAAa,CAAC,CAAC;EAE1B,MAAM8B,yBAAyB,GAAG7E,WAAW,CAAE8E,IAAuB,IAAK;IACzEC,UAAU,CAAC,MAAM;MACf9C,SAAS,CAACE,OAAO,EAAEmC,aAAa,CAAC;QAAEH,KAAK,EAAEW,IAAI,CAACX,KAAK;QAAEI,QAAQ,EAAE,IAAI;QAAEC,YAAY,EAAE;MAAE,CAAC,CAAC;IAC1F,CAAC,EAAE,GAAG,CAAC;EACT,CAAC,EAAE,EAAE,CAAC;EAEN1E,SAAS,CAAC,MAAM;IACd2B,KAAK,CAACuD,kBAAkB,CAAC,CAAC;IAC1B,OAAO,MAAMvD,KAAK,CAACwD,OAAO,CAAC,CAAC;EAC9B,CAAC,EAAE,CAACxD,KAAK,CAAC,CAAC;EAEX3B,SAAS,CAAC,MAAM;IACd,MAAMoF,4BAA4B,GAAG,CAACxD,OAAO,CAACA,OAAO,CAACyD,MAAM,GAAG,CAAC,CAAC,CAACC,OAAO;IACzE,IAAI1D,OAAO,CAACyD,MAAM,GAAG,CAAC,IAAID,4BAA4B,EAAE;MACtDzD,KAAK,CAACoB,QAAQ,CAACwC,WAAW,CAAC,IAAI,CAAC;IAClC,CAAC,MAAM;MACL5D,KAAK,CAACoB,QAAQ,CAACwC,WAAW,CAAC,KAAK,CAAC;IACnC;IAEA5D,KAAK,CAAC6D,WAAW,CAAC,CAAC;EACrB,CAAC,EAAE,CAACxD,SAAS,CAAC,CAAC;EAEfhC,SAAS,CAAC,MAAM;IACd,IAAIoC,UAAU,CAACC,OAAO,CAACoD,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACpC,WAAW,CAAC,EAAE;MAC3D3B,KAAK,CAACgE,oBAAoB,CAACvD,UAAU,CAACC,OAAO,CAAC;MAC9CV,KAAK,CAACiB,MAAM,CAACgD,kBAAkB,CAAC,CAAC;IACnC;EACF,CAAC,EAAE,CAACjE,KAAK,EAAEuB,UAAU,CAAC,CAAC;EAEvBlD,SAAS,CAAC,MAAM;IACd2B,KAAK,CAACkE,SAAS,CAAC,CAAC;EACnB,CAAC,EAAE,CAAC5C,aAAa,CAAC,CAAC;EAEnBjD,SAAS,CAAC,MAAM;IACd,MAAM8F,WAAW,GAAGnE,KAAK,CAACoE,cAAc,CAAC,CAAC;IAC1C7D,WAAW,CAAC4D,WAAW,CAAC;EAC1B,CAAC,EAAE,CAAC5C,UAAU,EAAEV,iBAAiB,EAAED,cAAc,EAAEZ,KAAK,CAAC,CAAC;EAE1D3B,SAAS,CAAC,MAAM;IACd,IAAI0C,kBAAkB,IAAIO,aAAa,KAAK,IAAI,EAAE;MAChDgC,UAAU,CAAC,MAAM;QACfd,eAAe,CAAClB,aAAa,CAAC;MAChC,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC,EAAE,CAACP,kBAAkB,EAAEQ,UAAU,CAAC,CAAC;EAEpC,MAAM8C,UAAU,GAAG9F,WAAW,CAC5B,CAAC;IAAEqE;EAAuC,CAAC,KAAK;IAC9C,MAAMV,SAAS,GAAGlC,KAAK,CAACiB,MAAM,CAACqD,mBAAmB,CAAC1B,IAAI,CAACH,aAAa,CAAC;IACtE,MAAM8B,UAAU,GAAGvE,KAAK,CAACiB,MAAM,CAACuD,aAAa,CAAC5B,IAAI,CAACH,aAAa,CAAC;IACjE,MAAMT,QAAQ,GAAGV,aAAa,KAAKsB,IAAI,CAACH,aAAa;IAErD,oBACEhD,IAAA,CAACR,+BAA+B;MAC9BiD,SAAS,EAAEF,QAAQ,IAAIE,SAAU;MACjCe,OAAO,EAAEL,IAAI,CAACH,aAAc;MAC5BgC,OAAO,EACLF,UAAU,IAAIA,UAAU,KAAKpF,mBAAmB,GAC5CoF,UAAU,GACV5D,CAAC,CAAC,8BAA8B,CACrC;MACDqB,QAAQ,EAAEA,QAAS;MACnB0C,QAAQ,EAAE1B,gBAAiB;MAC3BR,eAAe,EAAEA;IAAgB,CAClC,CAAC;EAEN,CAAC,EACD,CAACxC,KAAK,EAAEsB,aAAa,EAAEX,CAAC,EAAEqC,gBAAgB,EAAER,eAAe,CAC7D,CAAC;EAED,oBACE7C,KAAA,CAACf,QAAQ,CAACF,IAAI;IAACqB,KAAK,EAAE,CAAC4E,MAAM,CAACC,SAAS,EAAE7E,KAAK,CAAE;IAAA8E,QAAA,gBAC9ClF,KAAA,CAACjB,IAAI;MAACqB,KAAK,EAAE4E,MAAM,CAACG,MAAO;MAAAD,QAAA,gBACzBpF,IAAA,CAAC5B,UAAU;QAACkC,KAAK,EAAE4E,MAAM,CAACI,KAAM;QAACC,OAAO,EAAC,IAAI;QAAAH,QAAA,EAC1ClE,CAAC,CAAC,sBAAsB;MAAC,CAChB,CAAC,EACZkB,mBAAmB,iBAClBpC,IAAA,CAACb,QAAQ,CAACF,IAAI;QAACuG,QAAQ,EAAEpG,MAAM,CAACqG,QAAQ,CAAC,GAAG,CAAE;QAACC,OAAO,EAAErG,OAAO,CAACoG,QAAQ,CAAC,GAAG,CAAE;QAAAL,QAAA,eAC5EpF,IAAA,CAACJ,UAAU;UACT+F,KAAK,EAAErD,eAAgB;UACvBsD,OAAO,EAAEnC,eAAgB;UACzBoC,sBAAsB,EAAEtH,MAAM,CAACuH;QAAU,CAC1C;MAAC,CACW,CAChB;IAAA,CACG,CAAC,eAEP9F,IAAA,CAACb,QAAQ,CAACF,IAAI;MAACqB,KAAK,EAAE,CAACsC,iBAAiB,EAAE;QAAEmD,QAAQ,EAAE;MAAS,CAAC,CAAE;MAAAX,QAAA,eAChEpF,IAAA,CAACf,IAAI;QAAC+G,QAAQ,EAAElD,YAAa;QAACxC,KAAK,EAAE4E,MAAM,CAACe,aAAc;QAAAb,QAAA,eACxDpF,IAAA,CAAC3B,cAAc;UACb6H,OAAO,EAAE,KAAM;UACfC,GAAG,EAAEpF,SAAU;UACfqF,UAAU;UACVC,IAAI,EAAExF,QAAS;UACfyF,YAAY,EAAGnD,IAAI,IAAKA,IAAI,CAAClB,GAAI;UACjCsE,qBAAqB,EAAE5C,yBAA0B;UACjDiB,UAAU,EAAEA,UAAW;UACvBtE,KAAK,EAAE9B,MAAM,IAAI0G,MAAM,CAACsB,IAAK;UAC7BC,qBAAqB,EAAEvB,MAAM,CAACwB;UAC9B;UAAA;UACAC,kBAAkB,EAAEnI,MAAM,GAAG,EAAE,GAAG6D;QAAU,CAC7C;MAAC,CACE;IAAC,CACM,CAAC,eAEhBrC,IAAA,CAACG,wBAAwB;MACvBG,KAAK,EAAE,CAAC4E,MAAM,CAAC0B,YAAY,EAAE/D,iBAAiB,CAAE;MAChD+C,OAAO,EAAEA,CAAA,KAAMrF,KAAK,CAACoB,QAAQ,CAACkF,YAAY,CAAC,CAAE;MAAAzB,QAAA,eAE7CpF,IAAA,CAAC1B,aAAa;QAACwI,IAAI,EAAE;MAAG,CAAE;IAAC,CACH,CAAC;EAAA,CACd,CAAC;AAEpB,CAAC;AAED,MAAM5B,MAAM,GAAGhG,UAAU,CAAC6H,MAAM,CAAC;EAC/B5B,SAAS,EAAE;IACT6B,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,GAAG;IACVC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,EAAE;IACbC,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,wCAAwC;IACnDC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAElJ,MAAM,CAACuH,SAAS;IACjCC,QAAQ,EAAE;EACZ,CAAC;EACDV,MAAM,EAAE;IACNqC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBN,OAAO,EAAE,CAAC;IACVO,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE;EACV,CAAC;EACDxC,KAAK,EAAE;IACLyC,KAAK,EAAExJ,MAAM,CAACyJ,SAAS;IACvBC,UAAU,EAAE;EACd,CAAC;EACDzB,IAAI,EAAE;IAAE0B,IAAI,EAAE;EAAE,CAAC;EACjBtB,YAAY,EAAE;IACZe,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACD3B,aAAa,EAAE;IACbe,QAAQ,EAAE,UAAU;IACpBI,SAAS,EAAE3H,2BAA2B;IACtC0H,KAAK,EAAE;EACT,CAAC;EACDT,WAAW,EAAE;IACXyB,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/voice/playing/components/VoiceTranscriptionsDropdownItem.js

@@ -0,0 +1,103 @@
+"use strict";
+
+import { Pressable, StyleSheet, View } from 'react-native';
+import React, { memo, useCallback, useRef } from 'react';
+import { Button, ButtonSize, ButtonVariant, COLORS, Loader, LoaderColor, LoaderSize, Typography } from '@magmamath/react-native-ui';
+import Animated, { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
+import { useVoiceTranscriptionsDropdownItemAnimation } from "../hooks/useVoiceTranscriptionsDropdownItemAnimation.js";
+import { useText } from "../../../../shared/translation/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const VoiceTranscriptionsDropdownItem = /*#__PURE__*/memo(({
+  attempt,
+  content,
+  isActive,
+  isLoading,
+  onToggle,
+  scrollToAttempt
+}) => {
+  const t = useText();
+  const isActiveRef = useRef(isActive);
+  isActiveRef.current = isActive;
+  const {
+    contentAnimatedStyle,
+    onLayout,
+    progress
+  } = useVoiceTranscriptionsDropdownItemAnimation(isActive);
+  const handleScrollToAttempt = useCallback(attemptNumber => {
+    if (!isActiveRef.current) return;
+    scrollToAttempt(attemptNumber);
+  }, [scrollToAttempt]);
+  useAnimatedReaction(() => progress.value, progress => {
+    if (progress === 1 && isActive) {
+      runOnJS(handleScrollToAttempt)(attempt);
+    }
+  }, [progress, attempt, isActive]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      disabled: isActive,
+      style: styles.itemHeader,
+      onPress: () => onToggle(attempt),
+      children: /*#__PURE__*/_jsx(Button, {
+        onPress: () => !isActive && onToggle(attempt),
+        size: ButtonSize.SMALL,
+        variant: ButtonVariant.TERTIARY,
+        style: {
+          text: {
+            textTransform: 'uppercase',
+            color: isActive ? COLORS.NEUTRAL_9 : COLORS.NEUTRAL_7
+          }
+        },
+        children: t('voice.attempt', {
+          number: String(attempt)
+        })
+      })
+    }), isLoading ? /*#__PURE__*/_jsx(View, {
+      style: styles.loaderContainer,
+      children: /*#__PURE__*/_jsx(Loader, {
+        size: LoaderSize.SMALL,
+        color: LoaderColor.BLUE
+      })
+    }) : /*#__PURE__*/_jsx(Animated.View, {
+      style: contentAnimatedStyle,
+      children: /*#__PURE__*/_jsx(View, {
+        onLayout: onLayout,
+        style: styles.contentWrapper,
+        children: /*#__PURE__*/_jsx(Typography, {
+          variant: "h8",
+          style: [styles.itemContent, {
+            color: isActive ? COLORS.NEUTRAL_9 : COLORS.NEUTRAL_7
+          }],
+          children: content
+        })
+      })
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    borderTopWidth: 1,
+    borderColor: COLORS.NEUTRAL_3
+  },
+  itemHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    width: '100%',
+    paddingVertical: 8
+  },
+  itemContent: {
+    paddingHorizontal: 8
+  },
+  contentWrapper: {
+    width: '100%',
+    position: 'absolute'
+  },
+  loaderContainer: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingTop: 4,
+    paddingBottom: 8
+  }
+});
+//# sourceMappingURL=VoiceTranscriptionsDropdownItem.js.map

package/dist/module/features/voice/playing/components/VoiceTranscriptionsDropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","View","React","memo","useCallback","useRef","Button","ButtonSize","ButtonVariant","COLORS","Loader","LoaderColor","LoaderSize","Typography","Animated","runOnJS","useAnimatedReaction","useVoiceTranscriptionsDropdownItemAnimation","useText","jsx","_jsx","jsxs","_jsxs","VoiceTranscriptionsDropdownItem","attempt","content","isActive","isLoading","onToggle","scrollToAttempt","t","isActiveRef","current","contentAnimatedStyle","onLayout","progress","handleScrollToAttempt","attemptNumber","value","style","styles","container","children","disabled","itemHeader","onPress","size","SMALL","variant","TERTIARY","text","textTransform","color","NEUTRAL_9","NEUTRAL_7","number","String","loaderContainer","BLUE","contentWrapper","itemContent","create","borderTopWidth","borderColor","NEUTRAL_3","flexDirection","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","position","paddingTop","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/components/VoiceTranscriptionsDropdownItem.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/voice/playing/hooks/useVoiceTranscriptionsDropdown.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { useUnit } from 'effector-react';
+import { useAnimatedStyle, useSharedValue, withTiming, interpolate } from 'react-native-reanimated';
+import { DROPDOWN_MAX_CONTENT_HEIGHT } from "../../constants.js";
+export const useVoiceTranscriptionsDropdown = model => {
+  const isExpanded = useUnit(model.$isExpanded);
+  const contentHeight = useSharedValue(0);
+  const animationProgress = useSharedValue(isExpanded ? 1 : 0);
+  const onListLayout = event => {
+    const measuredHeight = event.nativeEvent.layout.height;
+    if (measuredHeight > 0) {
+      contentHeight.value = measuredHeight;
+    }
+  };
+  const listAnimatedStyle = useAnimatedStyle(() => {
+    const height = interpolate(animationProgress.value, [0, 1], [0, contentHeight.value || DROPDOWN_MAX_CONTENT_HEIGHT]);
+    const opacity = interpolate(animationProgress.value, [0, 0.3, 1], [0, 0, 1]);
+    return {
+      height,
+      opacity
+    };
+  }, [animationProgress, contentHeight]);
+  const iconAnimatedStyle = useAnimatedStyle(() => {
+    const rotation = interpolate(animationProgress.value, [0, 1], [0, 180]);
+    return {
+      transform: [{
+        rotate: `${rotation}deg`
+      }]
+    };
+  }, [animationProgress]);
+  useEffect(() => {
+    animationProgress.value = withTiming(isExpanded ? 1 : 0, {
+      duration: 300
+    });
+  }, [isExpanded, animationProgress]);
+  return {
+    isExpanded,
+    listAnimatedStyle,
+    iconAnimatedStyle,
+    onListLayout
+  };
+};
+//# sourceMappingURL=useVoiceTranscriptionsDropdown.js.map

package/dist/module/features/voice/playing/hooks/useVoiceTranscriptionsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useUnit","useAnimatedStyle","useSharedValue","withTiming","interpolate","DROPDOWN_MAX_CONTENT_HEIGHT","useVoiceTranscriptionsDropdown","model","isExpanded","$isExpanded","contentHeight","animationProgress","onListLayout","event","measuredHeight","nativeEvent","layout","height","value","listAnimatedStyle","opacity","iconAnimatedStyle","rotation","transform","rotate","duration"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/hooks/useVoiceTranscriptionsDropdown.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,EAAEC,WAAW,QAAQ,yBAAyB;AAEnG,SAASC,2BAA2B,QAAQ,oBAAiB;AAG7D,OAAO,MAAMC,8BAA8B,GAAIC,KAAuC,IAAK;EACzF,MAAMC,UAAU,GAAGR,OAAO,CAACO,KAAK,CAACE,WAAW,CAAC;EAE7C,MAAMC,aAAa,GAAGR,cAAc,CAAC,CAAC,CAAC;EACvC,MAAMS,iBAAiB,GAAGT,cAAc,CAACM,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;EAE5D,MAAMI,YAAY,GAAIC,KAAwB,IAAK;IACjD,MAAMC,cAAc,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACC,MAAM;IACtD,IAAIH,cAAc,GAAG,CAAC,EAAE;MACtBJ,aAAa,CAACQ,KAAK,GAAGJ,cAAc;IACtC;EACF,CAAC;EAED,MAAMK,iBAAiB,GAAGlB,gBAAgB,CAAC,MAAM;IAC/C,MAAMgB,MAAM,GAAGb,WAAW,CACxBO,iBAAiB,CAACO,KAAK,EACvB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAER,aAAa,CAACQ,KAAK,IAAIb,2BAA2B,CACxD,CAAC;IAED,MAAMe,OAAO,GAAGhB,WAAW,CAACO,iBAAiB,CAACO,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5E,OAAO;MACLD,MAAM;MACNG;IACF,CAAC;EACH,CAAC,EAAE,CAACT,iBAAiB,EAAED,aAAa,CAAC,CAAC;EAEtC,MAAMW,iBAAiB,GAAGpB,gBAAgB,CAAC,MAAM;IAC/C,MAAMqB,QAAQ,GAAGlB,WAAW,CAACO,iBAAiB,CAACO,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEvE,OAAO;MACLK,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE,GAAGF,QAAQ;MAAM,CAAC;IAC1C,CAAC;EACH,CAAC,EAAE,CAACX,iBAAiB,CAAC,CAAC;EAEvBZ,SAAS,CAAC,MAAM;IACdY,iBAAiB,CAACO,KAAK,GAAGf,UAAU,CAACK,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE;MAAEiB,QAAQ,EAAE;IAAI,CAAC,CAAC;EAC7E,CAAC,EAAE,CAACjB,UAAU,EAAEG,iBAAiB,CAAC,CAAC;EAEnC,OAAO;IACLH,UAAU;IACVW,iBAAiB;IACjBE,iBAAiB;IACjBT;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/features/voice/playing/hooks/useVoiceTranscriptionsDropdownItemAnimation.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { useSharedValue, withTiming, useDerivedValue, useAnimatedStyle, interpolate } from 'react-native-reanimated';
+export const useVoiceTranscriptionsDropdownItemAnimation = isExpanded => {
+  const height = useSharedValue(0);
+  const progress = useSharedValue(isExpanded ? 1 : 0);
+  useEffect(() => {
+    progress.value = withTiming(isExpanded ? 1 : 0);
+  }, [isExpanded, progress]);
+  const derivedHeight = useDerivedValue(() => height.value * progress.value, [height, progress]);
+  const contentAnimatedStyle = useAnimatedStyle(() => {
+    const opacity = interpolate(progress.value, [0, 0.3, 1], [0, 0, 1]);
+    return {
+      height: derivedHeight.value,
+      opacity,
+      overflow: 'hidden'
+    };
+  }, [progress, derivedHeight]);
+  const onLayout = event => {
+    height.value = event.nativeEvent.layout.height;
+  };
+  return {
+    contentAnimatedStyle,
+    onLayout,
+    progress
+  };
+};
+//# sourceMappingURL=useVoiceTranscriptionsDropdownItemAnimation.js.map

package/dist/module/features/voice/playing/hooks/useVoiceTranscriptionsDropdownItemAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useSharedValue","withTiming","useDerivedValue","useAnimatedStyle","interpolate","useVoiceTranscriptionsDropdownItemAnimation","isExpanded","height","progress","value","derivedHeight","contentAnimatedStyle","opacity","overflow","onLayout","event","nativeEvent","layout"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/hooks/useVoiceTranscriptionsDropdownItemAnimation.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SACEC,cAAc,EACdC,UAAU,EACVC,eAAe,EACfC,gBAAgB,EAChBC,WAAW,QACN,yBAAyB;AAEhC,OAAO,MAAMC,2CAA2C,GAAIC,UAAmB,IAAK;EAClF,MAAMC,MAAM,GAAGP,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMQ,QAAQ,GAAGR,cAAc,CAACM,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;EAEnDP,SAAS,CAAC,MAAM;IACdS,QAAQ,CAACC,KAAK,GAAGR,UAAU,CAACK,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;EACjD,CAAC,EAAE,CAACA,UAAU,EAAEE,QAAQ,CAAC,CAAC;EAE1B,MAAME,aAAa,GAAGR,eAAe,CAAC,MAAMK,MAAM,CAACE,KAAK,GAAGD,QAAQ,CAACC,KAAK,EAAE,CAACF,MAAM,EAAEC,QAAQ,CAAC,CAAC;EAE9F,MAAMG,oBAAoB,GAAGR,gBAAgB,CAAC,MAAM;IAClD,MAAMS,OAAO,GAAGR,WAAW,CAACI,QAAQ,CAACC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnE,OAAO;MACLF,MAAM,EAAEG,aAAa,CAACD,KAAK;MAC3BG,OAAO;MACPC,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC,EAAE,CAACL,QAAQ,EAAEE,aAAa,CAAC,CAAC;EAE7B,MAAMI,QAAQ,GAAIC,KAAwB,IAAK;IAC7CR,MAAM,CAACE,KAAK,GAAGM,KAAK,CAACC,WAAW,CAACC,MAAM,CAACV,MAAM;EAChD,CAAC;EAED,OAAO;IACLI,oBAAoB;IACpBG,QAAQ;IACRN;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/features/voice/playing/model/Player.model.js

@@ -0,0 +1,93 @@
+"use strict";
+
+import { createEffect, createEvent, restore } from 'effector';
+import { createAudioPlayer, setAudioModeAsync } from 'expo-audio';
+export let PlayerState = /*#__PURE__*/function (PlayerState) {
+  PlayerState["PLAYING"] = "playing";
+  PlayerState["PAUSED"] = "paused";
+  PlayerState["LOADING"] = "loading";
+  PlayerState["IDLE"] = "idle";
+  return PlayerState;
+}({});
+export class PlayerModel {
+  player = createAudioPlayer();
+  stopped = false;
+  reset = createEvent();
+  setPlayerState = createEvent();
+  playbackFinished = createEvent();
+  $playerState = restore(this.setPlayerState, PlayerState.IDLE).reset(this.reset);
+  setupAudioMode = createEffect(async () => {
+    await setAudioModeAsync({
+      playsInSilentMode: true,
+      shouldPlayInBackground: false,
+      interruptionMode: 'doNotMix'
+    });
+  });
+  pause = createEffect(() => {
+    if (this.player) {
+      this.player.pause();
+      this.setPlayerState(PlayerState.PAUSED);
+    } else {
+      console.warn('Cannot pause: audio player not initialized');
+    }
+  });
+  stop = createEffect(() => {
+    this.stopped = true;
+    if (this.player) {
+      this.player.replace('');
+      this.setPlayerState(PlayerState.IDLE);
+    } else {
+      console.warn('Cannot stop: audio player not initialized');
+    }
+  });
+  resume = createEffect(() => {
+    if (this.player) {
+      this.player.play();
+      this.setPlayerState(PlayerState.PLAYING);
+    } else {
+      console.warn('Cannot resume: audio player not initialized');
+    }
+  });
+  play = createEffect(async uri => {
+    if (!this.player) {
+      console.warn('Audio player not initialized');
+      return;
+    }
+    this.stopped = false;
+    this.player.replace(uri);
+    const waitForLoad = () => {
+      if (this.stopped) return;
+      if (this.player && this.player.isLoaded) {
+        const unsubscribe = this.player.addListener('playbackStatusUpdate', status => {
+          if (status.didJustFinish) {
+            this.playbackFinished();
+            unsubscribe?.remove?.();
+            this.setPlayerState(PlayerState.IDLE);
+          }
+        });
+        this.player.play();
+        this.setPlayerState(PlayerState.PLAYING);
+      } else {
+        setTimeout(waitForLoad, 10);
+      }
+    };
+    waitForLoad();
+  });
+  reinitialize() {
+    if (!this.player) {
+      this.player = createAudioPlayer();
+    }
+  }
+  release() {
+    if (this.player) {
+      try {
+        this.stop();
+        this.player.remove();
+      } catch (error) {}
+      this.player.release();
+      this.player = null;
+    }
+    this.reset();
+  }
+}
+//# sourceMappingURL=Player.model.js.map

package/dist/module/features/voice/playing/model/Player.model.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createEvent","restore","createAudioPlayer","setAudioModeAsync","PlayerState","PlayerModel","player","stopped","reset","setPlayerState","playbackFinished","$playerState","IDLE","setupAudioMode","playsInSilentMode","shouldPlayInBackground","interruptionMode","pause","PAUSED","console","warn","stop","replace","resume","play","PLAYING","uri","waitForLoad","isLoaded","unsubscribe","addListener","status","didJustFinish","remove","setTimeout","reinitialize","release","error"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/model/Player.model.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/voice/playing/model/TranscriptionsDownloaderModel.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import { createEffect, createEvent, restore } from 'effector';
+import { NO_AUDIO_BE_MESSAGE, TRANSCRIPT_MAX_RETRIES, TRANSCRIPT_RETRY_INTERVAL_MS } from "../../constants.js";
+export class TranscriptionsDownloaderModel {
+  setTranscriptsLoaded = createEvent();
+  reset = createEvent();
+  $transcriptsLoaded = restore(this.setTranscriptsLoaded, false).reset(this.reset);
+  constructor(collection, api) {
+    this.collection = collection;
+    this.api = api;
+  }
+  async fetchTranscriptWithRetry(audioFileId) {
+    for (let attempt = 0; attempt < TRANSCRIPT_MAX_RETRIES; attempt++) {
+      const response = await this.api.getAudioFileTranscript(audioFileId);
+      if (response.status === 'completed') {
+        return response.text;
+      }
+      if (response.status === 'failed') {
+        return NO_AUDIO_BE_MESSAGE;
+      }
+      if (attempt < TRANSCRIPT_MAX_RETRIES - 1) {
+        await new Promise(resolve => setTimeout(resolve, TRANSCRIPT_RETRY_INTERVAL_MS));
+      }
+    }
+    return NO_AUDIO_BE_MESSAGE;
+  }
+  loadAllTranscripts = createEffect(async () => {
+    const attempts = this.collection.getAll();
+    const transcriptPromises = attempts.map(async item => {
+      if (this.collection.hasTranscript(item.attemptNumber)) {
+        return;
+      }
+      this.collection.update(item.attemptNumber, {
+        transcriptLoading: true
+      });
+      try {
+        const text = await this.fetchTranscriptWithRetry(item.audioFileId);
+        this.collection.update(item.attemptNumber, {
+          transcript: text,
+          transcriptLoading: false,
+          transcriptError: undefined
+        });
+      } catch (error) {
+        this.collection.update(item.attemptNumber, {
+          transcriptLoading: false,
+          transcriptError: error instanceof Error ? error.message : 'Failed to load transcript'
+        });
+      }
+    });
+    await Promise.all(transcriptPromises);
+    this.setTranscriptsLoaded(true);
+  });
+  getTranscript(attemptNumber) {
+    return this.collection.get(attemptNumber)?.transcript;
+  }
+  isTranscriptLoading(attemptNumber) {
+    return this.collection.get(attemptNumber)?.transcriptLoading || false;
+  }
+}
+//# sourceMappingURL=TranscriptionsDownloaderModel.js.map

package/dist/module/features/voice/playing/model/TranscriptionsDownloaderModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createEvent","restore","NO_AUDIO_BE_MESSAGE","TRANSCRIPT_MAX_RETRIES","TRANSCRIPT_RETRY_INTERVAL_MS","TranscriptionsDownloaderModel","setTranscriptsLoaded","reset","$transcriptsLoaded","constructor","collection","api","fetchTranscriptWithRetry","audioFileId","attempt","response","getAudioFileTranscript","status","text","Promise","resolve","setTimeout","loadAllTranscripts","attempts","getAll","transcriptPromises","map","item","hasTranscript","attemptNumber","update","transcriptLoading","transcript","transcriptError","undefined","error","Error","message","all","getTranscript","get","isTranscriptLoading"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/model/TranscriptionsDownloaderModel.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/voice/playing/model/VoiceFileDownloader.model.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { createEffect } from 'effector';
+import { downloadAudioFileRequestGenerator } from "../../helpers.js";
+export class VoiceFileDownloaderModel {
+  setApi = api => {
+    this.api = api;
+  };
+  download = createEffect(async ({
+    audioFileId,
+    attemptNumber
+  }) => {
+    const {
+      downloadAudio,
+      controller
+    } = downloadAudioFileRequestGenerator(audioFileId, this.api);
+    const downloadPromise = downloadAudio();
+    const collectionItem = {
+      attemptNumber,
+      audioFileId,
+      audioLoading: true,
+      audioDownloadPromise: downloadPromise,
+      controller
+    };
+    return {
+      collectionItem,
+      downloadPromise
+    };
+  });
+  abortDownload = controller => {
+    controller?.abort();
+  };
+}
+//# sourceMappingURL=VoiceFileDownloader.model.js.map

package/dist/module/features/voice/playing/model/VoiceFileDownloader.model.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","downloadAudioFileRequestGenerator","VoiceFileDownloaderModel","setApi","api","download","audioFileId","attemptNumber","downloadAudio","controller","downloadPromise","collectionItem","audioLoading","audioDownloadPromise","abortDownload","abort"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/model/VoiceFileDownloader.model.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,UAAU;AAEvC,SAASC,iCAAiC,QAAQ,kBAAe;AAYjE,OAAO,MAAMC,wBAAwB,CAAC;EAGpBC,MAAM,GAAIC,GAAmB,IAAK;IAChD,IAAI,CAACA,GAAG,GAAGA,GAAG;EAChB,CAAC;EAEeC,QAAQ,GAAGL,YAAY,CACrC,OAAO;IAAEM,WAAW;IAAEC;EAA8B,CAAC,KAA8B;IACjF,MAAM;MAAEC,aAAa;MAAEC;IAAW,CAAC,GAAGR,iCAAiC,CAACK,WAAW,EAAE,IAAI,CAACF,GAAG,CAAC;IAC9F,MAAMM,eAAe,GAAGF,aAAa,CAAC,CAAC;IAEvC,MAAMG,cAA+C,GAAG;MACtDJ,aAAa;MACbD,WAAW;MACXM,YAAY,EAAE,IAAI;MAClBC,oBAAoB,EAAEH,eAAe;MACrCD;IACF,CAAC;IAED,OAAO;MAAEE,cAAc;MAAED;IAAgB,CAAC;EAC5C,CACF,CAAC;EAEeI,aAAa,GAAIL,UAA4B,IAAK;IAChEA,UAAU,EAAEM,KAAK,CAAC,CAAC;EACrB,CAAC;AACH","ignoreList":[]}