@quintype/native-components 2.29.3 → 2.29.4-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.29.3",
+  "version": "2.29.4-beta.1",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/components/Story/index.js

@@ -20,7 +20,7 @@ import Icon from 'react-native-vector-icons/AntDesign';
 import TrackPlayer, { usePlaybackState, Capability, State, AppKilledPlaybackBehavior, useProgress } from "react-native-track-player";
 import MaterialIcon from "react-native-vector-icons/MaterialCommunityIcons";
 import FontAwesomeIcon from "react-native-vector-icons/FontAwesome";
-import { isDetoxSync } from 'react-native-is-detox';
+import { isDetox } from 'react-native-is-detox';
 
 import Modal from 'react-native-modal';
 
@@ -162,9 +162,9 @@ export const Story = ({
   const cards = story?.cards ?? [];
   const [showModal, setShowModal] = useState(false);
   const [audioRate, setAudioRate] = useState(1);
+  const [progressInterval, setProgressInterval] = useState(undefined);
   const playbackState = usePlaybackState();
-  const isDetox = isDetoxSync();
-  const progress = useProgress(isDetox ? 2000 : undefined);
+  const progress = useProgress(progressInterval);
   const [isFinishedPlaying, setFinishedPlaying] = useState(false);
 
 
@@ -243,6 +243,14 @@ export const Story = ({
     return async() => await TrackPlayer.pause();
   }, []);
 
+  useEffect(() => {
+    const checkDetox = async () => {
+      const isRunningInDetox = await isDetox();
+      setProgressInterval(isRunningInDetox ? 2000 : undefined);
+    };
+    checkDetox();
+  }, []);
+
   useEffect(()=>{
     if(progress?.duration < progress.position + 1 && progress.position !== 0){
       setFinishedPlaying(true);