@magmamath/students-features 0.9.113 → 0.9.114-rc.1

package/dist/commonjs/features/voice/model/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RecorderModel", {
+  enumerable: true,
+  get: function () {
+    return _RecorderModel.RecorderModel;
+  }
+});
+Object.defineProperty(exports, "UploaderModel", {
+  enumerable: true,
+  get: function () {
+    return _UploaderModel.UploaderModel;
+  }
+});
+Object.defineProperty(exports, "VoicePlayerModel", {
+  enumerable: true,
+  get: function () {
+    return _VoicePlayerModel.VoicePlayerModel;
+  }
+});
+Object.defineProperty(exports, "VoiceRecordModel", {
+  enumerable: true,
+  get: function () {
+    return _VoiceRecordModel.VoiceRecordModel;
+  }
+});
+Object.defineProperty(exports, "VoiceRecordsCollection", {
+  enumerable: true,
+  get: function () {
+    return _VoiceRecordCollection.VoiceRecordsCollection;
+  }
+});
+Object.defineProperty(exports, "VoiceTranscriptionsCollection", {
+  enumerable: true,
+  get: function () {
+    return _VoiceTranscriptionsCollection.VoiceTranscriptionsCollection;
+  }
+});
+Object.defineProperty(exports, "VoiceTranscriptionsDownloaderModel", {
+  enumerable: true,
+  get: function () {
+    return _VoiceTranscriptionsDownloaderModel.VoiceTranscriptionsDownloaderModel;
+  }
+});
+Object.defineProperty(exports, "VoiceTranscriptionsDropdownModel", {
+  enumerable: true,
+  get: function () {
+    return _VoiceTranscriptionsDropdownModel.VoiceTranscriptionsDropdownModel;
+  }
+});
+Object.defineProperty(exports, "VoiceTranscriptionsPlayerModel", {
+  enumerable: true,
+  get: function () {
+    return _VoicePlayerModel.VoicePlayerModel;
+  }
+});
+var _VoiceRecordModel = require("../recording/model/VoiceRecord.model.js");
+var _VoiceRecordCollection = require("../recording/model/VoiceRecordCollection.js");
+var _RecorderModel = require("../recording/model/Recorder.model.js");
+var _UploaderModel = require("../recording/model/Uploader.model.js");
+var _VoicePlayerModel = require("../playing/model/VoicePlayer.model.js");
+var _VoiceTranscriptionsCollection = require("../playing/model/VoiceTranscriptionsCollection.js");
+var _VoiceTranscriptionsDownloaderModel = require("../playing/model/VoiceTranscriptionsDownloader.model.js");
+var _VoiceTranscriptionsDropdownModel = require("../playing/model/VoiceTranscriptionsDropdown.model.js");
+//# sourceMappingURL=index.js.map

package/dist/commonjs/features/voice/model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_VoiceRecordModel","require","_VoiceRecordCollection","_RecorderModel","_UploaderModel","_VoicePlayerModel","_VoiceTranscriptionsCollection","_VoiceTranscriptionsDownloaderModel","_VoiceTranscriptionsDropdownModel"],"sourceRoot":"../../../../../src","sources":["features/voice/model/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAGA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,8BAAA,GAAAL,OAAA;AAEA,IAAAM,mCAAA,GAAAN,OAAA;AAEA,IAAAO,iCAAA,GAAAP,OAAA","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoiceIcon = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const VoiceIcon = ({
+  style
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    entering: _reactNativeReanimated.FadeIn.duration(250),
+    style: [styles.container, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.iconContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.MicrophoneIcon, {
+        color: _reactNativeUi.COLORS.NEUTRAL_5
+      })
+    })
+  });
+};
+exports.VoiceIcon = VoiceIcon;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  iconContainer: {
+    maxHeight: 124,
+    height: '80%',
+    aspectRatio: 1,
+    alignSelf: 'center',
+    padding: 24,
+    borderWidth: 4,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    borderRadius: 400,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=VoiceIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VoiceIcon","style","jsx","View","entering","FadeIn","duration","styles","container","children","iconContainer","MicrophoneIcon","color","COLORS","NEUTRAL_5","exports","StyleSheet","create","flex","justifyContent","alignItems","maxHeight","height","aspectRatio","alignSelf","padding","borderWidth","borderColor","borderRadius"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/components/VoiceIcon.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,208 @@
+"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 _useVoiceTranscriptionsDropdown = require("../hooks/useVoiceTranscriptionsDropdown.js");
+var _index = require("../model/index.js");
+var _VoiceTranscriptionsDropdownItem = require("./VoiceTranscriptionsDropdownItem.js");
+var _constants = require("../../constants.js");
+var _index2 = require("../../../../shared/translation/index.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
+}) => {
+  const scrollRef = (0, _react.useRef)(null);
+  const t = (0, _index2.useText)();
+  const [currentAttempt, transcriptsLoaded, playerState] = (0, _effectorReact.useUnit)([model.$currentAttempt, model.$transcriptsLoaded, model.$playerState]);
+  const [attempts, setAttempts] = (0, _react.useState)([]);
+  const activeAttempt = (0, _helpers.getActiveAttempt)(attemptOffset, attemptsCount);
+  const answersKey = answers.map(a => `${a._id}:${a.audioFileId ?? ''}`).join(',');
+  const answersRef = (0, _react.useRef)(answers);
+  answersRef.current = answers;
+  const {
+    listAnimatedStyle,
+    iconAnimatedStyle,
+    onListLayout
+  } = (0, _useVoiceTranscriptionsDropdown.useVoiceTranscriptionsDropdown)(model.dropdown);
+  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 scrollToAttempt = (0, _react.useCallback)(attemptNumber => {
+    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)(() => {
+    if (answersRef.current.some(answer => answer.audioFileId)) {
+      model.initializeWithAudios(answersRef.current);
+      model.loadAllTranscripts();
+    }
+  }, [model, answersKey]);
+  (0, _react.useEffect)(() => {
+    if (answers.length > 0 && !answers.find(answer => answer.drawing)) {
+      model.dropdown.setExpanded(true);
+    }
+    model.stopAudio();
+  }, [attemptOffset]);
+  (0, _react.useEffect)(() => {
+    const allAttempts = model.getAllAttempts();
+    const validAttempts = allAttempts.filter(item => typeof item.attemptNumber === 'number' && !isNaN(item.attemptNumber));
+    setAttempts(validAttempts);
+  }, [answersKey, transcriptsLoaded, currentAttempt, model]);
+  (0, _react.useEffect)(() => {
+    if (activeAttempt !== null) {
+      scrollToAttempt(activeAttempt);
+    }
+  }, [activeAttempt, hasActiveTranscript, scrollToAttempt, model]);
+  const renderItem = (0, _react.useCallback)(({
+    item
+  }) => {
+    const isLoading = model.isTranscriptLoading(item.attemptNumber);
+    const transcript = model.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: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ScrollableList, {
+          bounces: false,
+          ref: scrollRef,
+          hideShadow: true,
+          data: attempts,
+          keyExtractor: item => item._id,
+          onScrollToIndexFailed: handleScrollToIndexFailed,
+          renderItem: renderItem,
+          style: _reactNativeUi.IS_WEB && styles.list,
+          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'
+  },
+  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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeUi","require","_effectorReact","_react","_interopRequireWildcard","_reactNative","_reactNativeReanimated","_useVoiceTranscriptionsDropdown","_index","_VoiceTranscriptionsDropdownItem","_constants","_index2","_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","scrollRef","useRef","useText","currentAttempt","transcriptsLoaded","playerState","useUnit","$currentAttempt","$transcriptsLoaded","$playerState","attempts","setAttempts","useState","activeAttempt","getActiveAttempt","answersKey","map","_id","audioFileId","join","answersRef","current","listAnimatedStyle","iconAnimatedStyle","onListLayout","useVoiceTranscriptionsDropdown","dropdown","hasActiveTranscript","undefined","playButtonState","isActive","PlayerState","IDLE","isLoading","LOADING","status","getAudioStatus","scrollToAttempt","useCallback","attemptNumber","index","findIndex","item","scrollToIndex","animated","viewPosition","handleItemToggle","attempt","handlePlayPress","togglePlayPause","handleScrollToIndexFailed","info","setTimeout","useEffect","reinitializePlayer","cleanup","some","answer","initializeWithAudios","loadAllTranscripts","length","find","drawing","setExpanded","stopAudio","allAttempts","getAllAttempts","validAttempts","filter","isNaN","renderItem","isTranscriptLoading","transcript","getTranscript","jsx","VoiceTranscriptionsDropdownItem","content","NO_AUDIO_BE_MESSAGE","onToggle","jsxs","View","styles","container","children","header","Typography","title","variant","entering","FadeIn","duration","exiting","FadeOut","PlayButton","state","onPress","activityIndicatorColor","COLORS","NEUTRAL_1","overflow","onLayout","listContainer","ScrollableList","bounces","ref","hideShadow","data","keyExtractor","onScrollToIndexFailed","IS_WEB","list","contentContainerStyle","listContent","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":[]}

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

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoiceTranscriptionsDropdownItem = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useVoiceTranscriptionsDropdownItemAnimation = require("../hooks/useVoiceTranscriptionsDropdownItemAnimation.js");
+var _index = require("../../../../shared/translation/index.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 VoiceTranscriptionsDropdownItem = exports.VoiceTranscriptionsDropdownItem = /*#__PURE__*/(0, _react.memo)(({
+  attempt,
+  content,
+  isActive,
+  isLoading,
+  onToggle,
+  scrollToAttempt
+}) => {
+  const t = (0, _index.useText)();
+  const {
+    contentAnimatedStyle,
+    onLayout,
+    progress
+  } = (0, _useVoiceTranscriptionsDropdownItemAnimation.useVoiceTranscriptionsDropdownItemAnimation)(isActive);
+  const handleScrollToAttempt = (0, _react.useCallback)(attemptNumber => {
+    setTimeout(() => {
+      scrollToAttempt(attemptNumber);
+    }, 300);
+  }, [scrollToAttempt]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => progress.value, progress => {
+    if (progress === 1 && isActive) {
+      (0, _reactNativeReanimated.runOnJS)(handleScrollToAttempt)(attempt);
+    }
+  }, [progress, attempt, isActive]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      disabled: isActive,
+      style: styles.itemHeader,
+      onPress: () => onToggle(attempt),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+        onPress: () => !isActive && onToggle(attempt),
+        size: _reactNativeUi.ButtonSize.SMALL,
+        variant: _reactNativeUi.ButtonVariant.TERTIARY,
+        style: {
+          text: {
+            textTransform: 'uppercase',
+            color: isActive ? _reactNativeUi.COLORS.NEUTRAL_9 : _reactNativeUi.COLORS.NEUTRAL_7
+          }
+        },
+        children: t('voice.attempt', {
+          number: String(attempt)
+        })
+      })
+    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.loaderContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Loader, {
+        size: _reactNativeUi.LoaderSize.SMALL,
+        color: _reactNativeUi.LoaderColor.BLUE
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: contentAnimatedStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        onLayout: onLayout,
+        style: styles.contentWrapper,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: "h8",
+          style: [styles.itemContent, {
+            color: isActive ? _reactNativeUi.COLORS.NEUTRAL_9 : _reactNativeUi.COLORS.NEUTRAL_7
+          }],
+          children: content
+        })
+      })
+    })]
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    borderTopWidth: 1,
+    borderColor: _reactNativeUi.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/commonjs/features/voice/playing/components/VoiceTranscriptionsDropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeUi","_reactNativeReanimated","_useVoiceTranscriptionsDropdownItemAnimation","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VoiceTranscriptionsDropdownItem","exports","memo","attempt","content","isActive","isLoading","onToggle","scrollToAttempt","useText","contentAnimatedStyle","onLayout","progress","useVoiceTranscriptionsDropdownItemAnimation","handleScrollToAttempt","useCallback","attemptNumber","setTimeout","useAnimatedReaction","value","runOnJS","jsxs","View","style","styles","container","children","jsx","Pressable","disabled","itemHeader","onPress","Button","size","ButtonSize","SMALL","variant","ButtonVariant","TERTIARY","text","textTransform","color","COLORS","NEUTRAL_9","NEUTRAL_7","number","String","loaderContainer","Loader","LoaderSize","LoaderColor","BLUE","contentWrapper","Typography","itemContent","StyleSheet","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/commonjs/features/voice/playing/hooks/useVoiceTranscriptionsDropdown.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useVoiceTranscriptionsDropdown = void 0;
+var _react = require("react");
+var _effectorReact = require("effector-react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("../../constants.js");
+const useVoiceTranscriptionsDropdown = model => {
+  const isExpanded = (0, _effectorReact.useUnit)(model.$isExpanded);
+  const contentHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animationProgress = (0, _reactNativeReanimated.useSharedValue)(isExpanded ? 1 : 0);
+  const onListLayout = event => {
+    const measuredHeight = event.nativeEvent.layout.height;
+    if (measuredHeight > 0) {
+      contentHeight.value = measuredHeight;
+    }
+  };
+  const listAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const height = (0, _reactNativeReanimated.interpolate)(animationProgress.value, [0, 1], [0, contentHeight.value || _constants.DROPDOWN_MAX_CONTENT_HEIGHT]);
+    const opacity = (0, _reactNativeReanimated.interpolate)(animationProgress.value, [0, 0.3, 1], [0, 0, 1]);
+    return {
+      height,
+      opacity
+    };
+  }, [animationProgress, contentHeight]);
+  const iconAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const rotation = (0, _reactNativeReanimated.interpolate)(animationProgress.value, [0, 1], [0, 180]);
+    return {
+      transform: [{
+        rotate: `${rotation}deg`
+      }]
+    };
+  }, [animationProgress]);
+  (0, _react.useEffect)(() => {
+    animationProgress.value = (0, _reactNativeReanimated.withTiming)(isExpanded ? 1 : 0, {
+      duration: 300
+    });
+  }, [isExpanded, animationProgress]);
+  return {
+    isExpanded,
+    listAnimatedStyle,
+    iconAnimatedStyle,
+    onListLayout
+  };
+};
+exports.useVoiceTranscriptionsDropdown = useVoiceTranscriptionsDropdown;
+//# sourceMappingURL=useVoiceTranscriptionsDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_effectorReact","_reactNativeReanimated","_constants","useVoiceTranscriptionsDropdown","model","isExpanded","useUnit","$isExpanded","contentHeight","useSharedValue","animationProgress","onListLayout","event","measuredHeight","nativeEvent","layout","height","value","listAnimatedStyle","useAnimatedStyle","interpolate","DROPDOWN_MAX_CONTENT_HEIGHT","opacity","iconAnimatedStyle","rotation","transform","rotate","useEffect","withTiming","duration","exports"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/hooks/useVoiceTranscriptionsDropdown.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAGO,MAAMI,8BAA8B,GAAIC,KAAuC,IAAK;EACzF,MAAMC,UAAU,GAAG,IAAAC,sBAAO,EAACF,KAAK,CAACG,WAAW,CAAC;EAE7C,MAAMC,aAAa,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACvC,MAAMC,iBAAiB,GAAG,IAAAD,qCAAc,EAACJ,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;EAE5D,MAAMM,YAAY,GAAIC,KAAwB,IAAK;IACjD,MAAMC,cAAc,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACC,MAAM;IACtD,IAAIH,cAAc,GAAG,CAAC,EAAE;MACtBL,aAAa,CAACS,KAAK,GAAGJ,cAAc;IACtC;EACF,CAAC;EAED,MAAMK,iBAAiB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC/C,MAAMH,MAAM,GAAG,IAAAI,kCAAW,EACxBV,iBAAiB,CAACO,KAAK,EACvB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAET,aAAa,CAACS,KAAK,IAAII,sCAA2B,CACxD,CAAC;IAED,MAAMC,OAAO,GAAG,IAAAF,kCAAW,EAACV,iBAAiB,CAACO,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5E,OAAO;MACLD,MAAM;MACNM;IACF,CAAC;EACH,CAAC,EAAE,CAACZ,iBAAiB,EAAEF,aAAa,CAAC,CAAC;EAEtC,MAAMe,iBAAiB,GAAG,IAAAJ,uCAAgB,EAAC,MAAM;IAC/C,MAAMK,QAAQ,GAAG,IAAAJ,kCAAW,EAACV,iBAAiB,CAACO,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEvE,OAAO;MACLQ,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE,GAAGF,QAAQ;MAAM,CAAC;IAC1C,CAAC;EACH,CAAC,EAAE,CAACd,iBAAiB,CAAC,CAAC;EAEvB,IAAAiB,gBAAS,EAAC,MAAM;IACdjB,iBAAiB,CAACO,KAAK,GAAG,IAAAW,iCAAU,EAACvB,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE;MAAEwB,QAAQ,EAAE;IAAI,CAAC,CAAC;EAC7E,CAAC,EAAE,CAACxB,UAAU,EAAEK,iBAAiB,CAAC,CAAC;EAEnC,OAAO;IACLL,UAAU;IACVa,iBAAiB;IACjBK,iBAAiB;IACjBZ;EACF,CAAC;AACH,CAAC;AAAAmB,OAAA,CAAA3B,8BAAA,GAAAA,8BAAA","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useVoiceTranscriptionsDropdownItemAnimation = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+const useVoiceTranscriptionsDropdownItemAnimation = isExpanded => {
+  const height = (0, _reactNativeReanimated.useSharedValue)(0);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(isExpanded ? 1 : 0);
+  (0, _react.useEffect)(() => {
+    progress.value = (0, _reactNativeReanimated.withTiming)(isExpanded ? 1 : 0);
+  }, [isExpanded, progress]);
+  const derivedHeight = (0, _reactNativeReanimated.useDerivedValue)(() => height.value * progress.value, [height, progress]);
+  const contentAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const opacity = (0, _reactNativeReanimated.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
+  };
+};
+exports.useVoiceTranscriptionsDropdownItemAnimation = useVoiceTranscriptionsDropdownItemAnimation;
+//# sourceMappingURL=useVoiceTranscriptionsDropdownItemAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","useVoiceTranscriptionsDropdownItemAnimation","isExpanded","height","useSharedValue","progress","useEffect","value","withTiming","derivedHeight","useDerivedValue","contentAnimatedStyle","useAnimatedStyle","opacity","interpolate","overflow","onLayout","event","nativeEvent","layout","exports"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/hooks/useVoiceTranscriptionsDropdownItemAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAQO,MAAME,2CAA2C,GAAIC,UAAmB,IAAK;EAClF,MAAMC,MAAM,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAChC,MAAMC,QAAQ,GAAG,IAAAD,qCAAc,EAACF,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;EAEnD,IAAAI,gBAAS,EAAC,MAAM;IACdD,QAAQ,CAACE,KAAK,GAAG,IAAAC,iCAAU,EAACN,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;EACjD,CAAC,EAAE,CAACA,UAAU,EAAEG,QAAQ,CAAC,CAAC;EAE1B,MAAMI,aAAa,GAAG,IAAAC,sCAAe,EAAC,MAAMP,MAAM,CAACI,KAAK,GAAGF,QAAQ,CAACE,KAAK,EAAE,CAACJ,MAAM,EAAEE,QAAQ,CAAC,CAAC;EAE9F,MAAMM,oBAAoB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAClD,MAAMC,OAAO,GAAG,IAAAC,kCAAW,EAACT,QAAQ,CAACE,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnE,OAAO;MACLJ,MAAM,EAAEM,aAAa,CAACF,KAAK;MAC3BM,OAAO;MACPE,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC,EAAE,CAACV,QAAQ,EAAEI,aAAa,CAAC,CAAC;EAE7B,MAAMO,QAAQ,GAAIC,KAAwB,IAAK;IAC7Cd,MAAM,CAACI,KAAK,GAAGU,KAAK,CAACC,WAAW,CAACC,MAAM,CAAChB,MAAM;EAChD,CAAC;EAED,OAAO;IACLQ,oBAAoB;IACpBK,QAAQ;IACRX;EACF,CAAC;AACH,CAAC;AAAAe,OAAA,CAAAnB,2CAAA,GAAAA,2CAAA","ignoreList":[]}