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

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

@@ -0,0 +1,201 @@
+"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 } 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
+}) => {
+  const scrollRef = useRef(null);
+  const t = useText();
+  const [currentAttempt, transcriptsLoaded, playerState] = useUnit([model.$currentAttempt, model.$transcriptsLoaded, model.$playerState]);
+  const [attempts, setAttempts] = useState([]);
+  const activeAttempt = getActiveAttempt(attemptOffset, attemptsCount);
+  const answersKey = answers.map(a => `${a._id}:${a.audioFileId ?? ''}`).join(',');
+  const answersRef = useRef(answers);
+  answersRef.current = answers;
+  const {
+    listAnimatedStyle,
+    iconAnimatedStyle,
+    onListLayout
+  } = useVoiceTranscriptionsDropdown(model.dropdown);
+  const hasActiveTranscript = activeAttempt !== null && answers?.[activeAttempt - 1]?.audioFileId !== undefined;
+  const playButtonState = {
+    isActive: playerState !== PlayerState.IDLE,
+    isLoading: playerState === PlayerState.LOADING,
+    status: getAudioStatus(playerState)
+  };
+  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(() => {
+    if (answersRef.current.some(answer => answer.audioFileId)) {
+      model.initializeWithAudios(answersRef.current);
+      model.loadAllTranscripts();
+    }
+  }, [model, answersKey]);
+  useEffect(() => {
+    if (answers.length > 0 && !answers.find(answer => answer.drawing)) {
+      model.dropdown.setExpanded(true);
+    }
+    model.stopAudio();
+  }, [attemptOffset]);
+  useEffect(() => {
+    const allAttempts = model.getAllAttempts();
+    const validAttempts = allAttempts.filter(item => typeof item.attemptNumber === 'number' && !isNaN(item.attemptNumber));
+    setAttempts(validAttempts);
+  }, [answersKey, transcriptsLoaded, currentAttempt, model]);
+  useEffect(() => {
+    if (activeAttempt !== null) {
+      scrollToAttempt(activeAttempt);
+    }
+  }, [activeAttempt, hasActiveTranscript, scrollToAttempt, model]);
+  const renderItem = useCallback(({
+    item
+  }) => {
+    const isLoading = model.isTranscriptLoading(item.attemptNumber);
+    const transcript = model.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","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","scrollRef","t","currentAttempt","transcriptsLoaded","playerState","$currentAttempt","$transcriptsLoaded","$playerState","attempts","setAttempts","activeAttempt","answersKey","map","a","_id","audioFileId","join","answersRef","current","listAnimatedStyle","iconAnimatedStyle","onListLayout","dropdown","hasActiveTranscript","undefined","playButtonState","isActive","IDLE","isLoading","LOADING","status","scrollToAttempt","attemptNumber","index","findIndex","item","scrollToIndex","animated","viewPosition","handleItemToggle","attempt","handlePlayPress","togglePlayPause","handleScrollToIndexFailed","info","setTimeout","reinitializePlayer","cleanup","some","answer","initializeWithAudios","loadAllTranscripts","length","find","drawing","setExpanded","stopAudio","allAttempts","getAllAttempts","validAttempts","filter","isNaN","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":"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","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,82 @@
+"use strict";
+
+import { createEffect, createEvent, restore } from 'effector';
+import { createAudioPlayer } 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();
+  reset = createEvent();
+  setPlayerState = createEvent();
+  playbackFinished = createEvent();
+  $playerState = restore(this.setPlayerState, PlayerState.IDLE).reset(this.reset);
+  pause = createEffect(() => {
+    if (this.player) {
+      this.player.pause();
+      this.setPlayerState(PlayerState.PAUSED);
+    } else {
+      console.warn('Cannot pause: audio player not initialized');
+    }
+  });
+  stop = createEffect(() => {
+    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.player.replace(uri);
+    const waitForLoad = () => {
+      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","PlayerState","PlayerModel","player","reset","setPlayerState","playbackFinished","$playerState","IDLE","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":[]}