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

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

@@ -0,0 +1,208 @@
+"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] = useUnit([model.$currentAttempt, model.loader.$transcriptsLoaded, model.$playerState]);
+  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();
+    const validAttempts = allAttempts.filter(item => typeof item.attemptNumber === 'number');
+    setAttempts(validAttempts);
+  }, [answersKey, transcriptsLoaded, currentAttempt, model]);
+  useEffect(() => {
+    if (activeAttempt !== null) {
+      scrollToAttempt(activeAttempt);
+    }
+  }, [activeAttempt, hasActiveTranscript, scrollToAttempt, model]);
+  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
+        })
+      })
+    }), /*#__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","$currentAttempt","loader","$transcriptsLoaded","$playerState","activeAttempt","answersKey","map","a","_id","audioFileId","join","hasActiveTranscript","undefined","playButtonState","isActive","IDLE","isLoading","LOADING","status","listAnimatedStyle","iconAnimatedStyle","onListLayout","dropdown","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","validAttempts","filter","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","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,CAAC,GAAG5C,OAAO,CAAC,CAC/D8B,KAAK,CAACe,eAAe,EACrBf,KAAK,CAACgB,MAAM,CAACC,kBAAkB,EAC/BjB,KAAK,CAACkB,YAAY,CACnB,CAAC;EAEF,MAAMC,aAAa,GAAG7B,gBAAgB,CAACY,aAAa,EAAEE,aAAa,CAAC;EAEpE,MAAMgB,UAAU,GAAG5C,OAAO,CACxB,MAAMyB,OAAO,CAACoB,GAAG,CAAEC,CAAC,IAAK,GAAGA,CAAC,CAACC,GAAG,IAAID,CAAC,CAACE,WAAW,IAAI,EAAE,EAAE,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,EACrE,CAACxB,OAAO,CACV,CAAC;EACD,MAAMyB,mBAAmB,GACvBP,aAAa,KAAK,IAAI,IAAIlB,OAAO,GAAGkB,aAAa,GAAG,CAAC,CAAC,EAAEK,WAAW,KAAKG,SAAS;EAEnF,MAAMC,eAAe,GAAG;IACtBC,QAAQ,EAAEf,WAAW,KAAK9B,WAAW,CAAC8C,IAAI;IAC1CC,SAAS,EAAEjB,WAAW,KAAK9B,WAAW,CAACgD,OAAO;IAC9CC,MAAM,EAAE1C,cAAc,CAACuB,WAAW;EACpC,CAAC;EAED,MAAM;IAAEoB,iBAAiB;IAAEC,iBAAiB;IAAEC;EAAa,CAAC,GAAGrD,8BAA8B,CAC3FiB,KAAK,CAACqC,QACR,CAAC;EAED,MAAMC,eAAe,GAAG/D,WAAW,CAChCgE,aAAqB,IAAK;IACzB,MAAMC,KAAK,GAAGlC,QAAQ,CAACmC,SAAS,CAAEC,IAAI,IAAKA,IAAI,CAACH,aAAa,KAAKA,aAAa,CAAC;IAChF,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;MAChBhC,SAAS,CAACE,OAAO,EAAEiC,aAAa,CAAC;QAAEH,KAAK;QAAEI,QAAQ,EAAE,IAAI;QAAEC,YAAY,EAAE;MAAE,CAAC,CAAC;IAC9E;EACF,CAAC,EACD,CAACvC,QAAQ,CACX,CAAC;EAED,MAAMwC,gBAAgB,GAAGvE,WAAW,CACjCwE,OAAe,IAAK;IACnB,IAAI5C,qBAAqB,IAAIC,aAAa,KAAKuB,SAAS,EAAE;MACxDxB,qBAAqB,CAACC,aAAa,GAAG2C,OAAO,CAAC;IAChD;EACF,CAAC,EACD,CAAC5C,qBAAqB,EAAEC,aAAa,CACvC,CAAC;EAED,MAAM4C,eAAe,GAAGzE,WAAW,CAAC,MAAM;IACxC,IAAI4C,aAAa,EAAE;MACjBnB,KAAK,CAACiD,eAAe,CAAC9B,aAAa,CAAC;IACtC;EACF,CAAC,EAAE,CAACnB,KAAK,EAAEmB,aAAa,CAAC,CAAC;EAE1B,MAAM+B,yBAAyB,GAAG3E,WAAW,CAAE4E,IAAuB,IAAK;IACzEC,UAAU,CAAC,MAAM;MACf5C,SAAS,CAACE,OAAO,EAAEiC,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;EAENxE,SAAS,CAAC,MAAM;IACd2B,KAAK,CAACqD,kBAAkB,CAAC,CAAC;IAC1B,OAAO,MAAMrD,KAAK,CAACsD,OAAO,CAAC,CAAC;EAC9B,CAAC,EAAE,CAACtD,KAAK,CAAC,CAAC;EAEX3B,SAAS,CAAC,MAAM;IACd,MAAMkF,4BAA4B,GAAG,CAACtD,OAAO,CAACA,OAAO,CAACuD,MAAM,GAAG,CAAC,CAAC,CAACC,OAAO;IACzE,IAAIxD,OAAO,CAACuD,MAAM,GAAG,CAAC,IAAID,4BAA4B,EAAE;MACtDvD,KAAK,CAACqC,QAAQ,CAACqB,WAAW,CAAC,IAAI,CAAC;IAClC,CAAC,MAAM;MACL1D,KAAK,CAACqC,QAAQ,CAACqB,WAAW,CAAC,KAAK,CAAC;IACnC;IAEA1D,KAAK,CAAC2D,WAAW,CAAC,CAAC;EACrB,CAAC,EAAE,CAACtD,SAAS,CAAC,CAAC;EAEfhC,SAAS,CAAC,MAAM;IACd,IAAIoC,UAAU,CAACC,OAAO,CAACkD,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACrC,WAAW,CAAC,EAAE;MAC3DxB,KAAK,CAAC8D,oBAAoB,CAACrD,UAAU,CAACC,OAAO,CAAC;MAC9CV,KAAK,CAACgB,MAAM,CAAC+C,kBAAkB,CAAC,CAAC;IACnC;EACF,CAAC,EAAE,CAAC/D,KAAK,EAAEoB,UAAU,CAAC,CAAC;EAEvB/C,SAAS,CAAC,MAAM;IACd2B,KAAK,CAACgE,SAAS,CAAC,CAAC;EACnB,CAAC,EAAE,CAAC7C,aAAa,CAAC,CAAC;EAEnB9C,SAAS,CAAC,MAAM;IACd,MAAM4F,WAAW,GAAGjE,KAAK,CAACkE,cAAc,CAAC,CAAC;IAC1C,MAAMC,aAAa,GAAGF,WAAW,CAACG,MAAM,CAAE1B,IAAI,IAAK,OAAOA,IAAI,CAACH,aAAa,KAAK,QAAQ,CAAC;IAC1FhC,WAAW,CAAC4D,aAAa,CAAC;EAC5B,CAAC,EAAE,CAAC/C,UAAU,EAAEP,iBAAiB,EAAED,cAAc,EAAEZ,KAAK,CAAC,CAAC;EAE1D3B,SAAS,CAAC,MAAM;IACd,IAAI8C,aAAa,KAAK,IAAI,EAAE;MAC1BmB,eAAe,CAACnB,aAAa,CAAC;IAChC;EACF,CAAC,EAAE,CAACA,aAAa,EAAEO,mBAAmB,EAAEY,eAAe,EAAEtC,KAAK,CAAC,CAAC;EAEhE,MAAMqE,UAAU,GAAG9F,WAAW,CAC5B,CAAC;IAAEmE;EAAuC,CAAC,KAAK;IAC9C,MAAMX,SAAS,GAAG/B,KAAK,CAACgB,MAAM,CAACsD,mBAAmB,CAAC5B,IAAI,CAACH,aAAa,CAAC;IACtE,MAAMgC,UAAU,GAAGvE,KAAK,CAACgB,MAAM,CAACwD,aAAa,CAAC9B,IAAI,CAACH,aAAa,CAAC;IACjE,MAAMV,QAAQ,GAAGV,aAAa,KAAKuB,IAAI,CAACH,aAAa;IAErD,oBACE9C,IAAA,CAACR,+BAA+B;MAC9B8C,SAAS,EAAEF,QAAQ,IAAIE,SAAU;MACjCgB,OAAO,EAAEL,IAAI,CAACH,aAAc;MAC5BkC,OAAO,EACLF,UAAU,IAAIA,UAAU,KAAKpF,mBAAmB,GAC5CoF,UAAU,GACV5D,CAAC,CAAC,8BAA8B,CACrC;MACDkB,QAAQ,EAAEA,QAAS;MACnB6C,QAAQ,EAAE5B,gBAAiB;MAC3BR,eAAe,EAAEA;IAAgB,CAClC,CAAC;EAEN,CAAC,EACD,CAACtC,KAAK,EAAEmB,aAAa,EAAER,CAAC,EAAEmC,gBAAgB,EAAER,eAAe,CAC7D,CAAC;EAED,oBACE3C,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,EACZe,mBAAmB,iBAClBjC,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,EAAExD,eAAgB;UACvByD,OAAO,EAAErC,eAAgB;UACzBsC,sBAAsB,EAAEtH,MAAM,CAACuH;QAAU,CAC1C;MAAC,CACW,CAChB;IAAA,CACG,CAAC,eAEP9F,IAAA,CAACb,QAAQ,CAACF,IAAI;MAACqB,KAAK,EAAE,CAACmC,iBAAiB,EAAE;QAAEsD,QAAQ,EAAE;MAAS,CAAC,CAAE;MAAAX,QAAA,eAChEpF,IAAA,CAACf,IAAI;QAAC+G,QAAQ,EAAErD,YAAa;QAACrC,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,EAAGrD,IAAI,IAAKA,IAAI,CAACnB,GAAI;UACjCyE,qBAAqB,EAAE9C,yBAA0B;UACjDmB,UAAU,EAAEA,UAAW;UACvBtE,KAAK,EAAE9B,MAAM,IAAI0G,MAAM,CAACsB,IAAK;UAC7BC,qBAAqB,EAAEvB,MAAM,CAACwB;QAAY,CAC3C;MAAC,CACE;IAAC,CACM,CAAC,eAEhB1G,IAAA,CAACG,wBAAwB;MACvBG,KAAK,EAAE,CAAC4E,MAAM,CAACyB,YAAY,EAAEjE,iBAAiB,CAAE;MAChDkD,OAAO,EAAEA,CAAA,KAAMrF,KAAK,CAACqC,QAAQ,CAACgE,YAAY,CAAC,CAAE;MAAAxB,QAAA,eAE7CpF,IAAA,CAAC1B,aAAa;QAACuI,IAAI,EAAE;MAAG,CAAE;IAAC,CACH,CAAC;EAAA,CACd,CAAC;AAEpB,CAAC;AAED,MAAM3B,MAAM,GAAGhG,UAAU,CAAC4H,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,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,EAAEjJ,MAAM,CAACuH,SAAS;IACjCC,QAAQ,EAAE;EACZ,CAAC;EACDV,MAAM,EAAE;IACNoC,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;EACDvC,KAAK,EAAE;IACLwC,KAAK,EAAEvJ,MAAM,CAACwJ,SAAS;IACvBC,UAAU,EAAE;EACd,CAAC;EACDxB,IAAI,EAAE;IAAEyB,IAAI,EAAE;EAAE,CAAC;EACjBtB,YAAY,EAAE;IACZe,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACD1B,aAAa,EAAE;IACbc,QAAQ,EAAE,UAAU;IACpBI,SAAS,EAAE1H,2BAA2B;IACtCyH,KAAK,EAAE;EACT,CAAC;EACDR,WAAW,EAAE;IACXwB,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,102 @@
+"use strict";
+
+import { Pressable, StyleSheet, View } from 'react-native';
+import React, { memo, useCallback } 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 {
+    contentAnimatedStyle,
+    onLayout,
+    progress
+  } = useVoiceTranscriptionsDropdownItemAnimation(isActive);
+  const handleScrollToAttempt = useCallback(attemptNumber => {
+    setTimeout(() => {
+      scrollToAttempt(attemptNumber);
+    }, 300);
+  }, [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","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","contentAnimatedStyle","onLayout","progress","handleScrollToAttempt","attemptNumber","setTimeout","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":[]}