@quintype/native-components 2.29.4-beta.0 → 2.29.4-beta.2

package/bin-dev-scripts/standard-version-release.sh

@@ -1,15 +1,15 @@
 #!/bin/bash -e
 
-npm install
-git diff --quiet
+# npm install
+# git diff --quiet
 
-BRANCH=$(git symbolic-ref --short HEAD)
+# BRANCH=$(git symbolic-ref --short HEAD)
 
-if [ "$BRANCH" == 'master' ]
-then
-  npx standard-version
-else
-  npx standard-version --prerelease "$(git symbolic-ref --short HEAD | sed s:/:-:g )" --skip.changelog=true
-fi
+# if [ "$BRANCH" == 'master' ]
+# then
+#   npx standard-version
+# else
+#   npx standard-version --prerelease "$(git symbolic-ref --short HEAD | sed s:/:-:g )" --skip.changelog=true
+# fi
 
-git push --follow-tags origin "$BRANCH"
+# git push --follow-tags origin "$BRANCH"

package/package.json

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

package/src/components/AudioPlayer/index.js

@@ -9,6 +9,7 @@ import Slider from "@react-native-community/slider";
 import { AppTheme } from "../../utils";
 import { useContext } from "react";
 import {  Text } from '../index';
+import { COMP_GENERAL_CONSTANTS } from "../../constants/component-constants";
 
 const ProgressBar = (props) => {
   const screenDimensions = useWindowDimensions();
@@ -70,7 +71,7 @@ const PlayerBase = (props) => {
           />
         );
       default:
-        return <ControlButton iconName={"playcircleo"} onPress={onTogglePlayback} FONT_SIZE={FONT_SIZE}/>;
+        return <ControlButton testID={COMP_GENERAL_CONSTANTS.ttsPauseButton} iconName={"playcircleo"} onPress={onTogglePlayback} FONT_SIZE={FONT_SIZE}/>;
     }
   };
 
@@ -89,13 +90,14 @@ const PlayerBase = (props) => {
           {translate("Listen to this article")}
         </Text>
         <View style={playerControlStyle}>
-          <TouchableOpacity style={{ marginHorizontal: 10 }} onPress={() => rewindOrForward("rewind")}>
-            <MaterialCommunityIcons color={COLORS.BRAND_BLACK} name={"rewind-10"} size={FONT_SIZE.title} />
+          <TouchableOpacity testID={COMP_GENERAL_CONSTANTS.ttsRewindButton} style={{ marginHorizontal: 10 }} onPress={() => rewindOrForward("rewind")}>
+            <MaterialCommunityIcons color={COLORS.BRAND_BLACK} name={"rewind-10"} size={FONT_SIZE.title}/>
           </TouchableOpacity>
-          <TouchableOpacity style={{ marginHorizontal: 10 }} onPress={() => rewindOrForward("forward")}>
+          <TouchableOpacity testID={COMP_GENERAL_CONSTANTS.ttsForwardButton} style={{ marginHorizontal: 10 }} onPress={() => rewindOrForward("forward")} >
             <MaterialCommunityIcons color={COLORS.BRAND_BLACK} name={"fast-forward-10"} size={FONT_SIZE.title} />
           </TouchableOpacity>
           <TouchableOpacity
+          testID={COMP_GENERAL_CONSTANTS.ttsPlayBackSpeed}
             style={playbackSpeedText}
             onPress={() => props.setShowModal(true)}
           >
@@ -114,6 +116,7 @@ const PlayerBase = (props) => {
         </View>
         <ProgressBar seekTo={seekTo} />
         <MaterialCommunityIcons
+        testID={COMP_GENERAL_CONSTANTS.ttsPlayerCloseButton}
           color={COLORS.BRAND_BLACK}
           onPress={()=>closeButtonHandler()}
           size={FONT_SIZE.title}

package/src/components/Story/index.js

@@ -20,9 +20,10 @@ 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';
+import { COMP_GENERAL_CONSTANTS } from '../../constants/component-constants';
 
 const getLiveBlogTimeStamp = (card, DATE_FORMAT, story, styles, locale) => {
   const slug = `?cardId=${card.id}`;
@@ -162,9 +163,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(2000);
+  const progress = useProgress(progressInterval);
   const [isFinishedPlaying, setFinishedPlaying] = useState(false);
 
 
@@ -243,6 +244,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);
@@ -386,6 +395,7 @@ export const Story = ({
           setShowPlayer(true)
           await togglePlayback()
         }}
+        testID={COMP_GENERAL_CONSTANTS.ttsPlayButton}
         style={styles.ttsStoryButtonStyle}
       >
           <MaterialIcon name='account-voice' size={FONT_SIZE.h2} color={COLORS.BRAND_BLACK}/>
@@ -455,7 +465,7 @@ export const Story = ({
           <View style={[Modalstyles.modalContent, styles.modalBackgound]}>
             <View style={Modalstyles.header}>
               <Text style={[Modalstyles.title, styles.textStyle]}>{translate("Playback Speed")}</Text>
-              <TouchableOpacity onPress={() => setShowModal(false)}>
+              <TouchableOpacity testID={COMP_GENERAL_CONSTANTS.ttsModalCloseButton} onPress={() => setShowModal(false)}>
                 <MaterialIcon name="close" size={25} color={styles?.textStyle?.color} />
               </TouchableOpacity>
             </View>

package/src/constants/component-constants/general-constants/constants.js

@@ -21,5 +21,12 @@ export const COMP_GENERAL_CONSTANTS = {
   headerLogoTouch: 'COMP_GENERAL_HEADER_LOGO_TOUCH',
   radioButtonTouch: 'COMP_GENERAL_RADIO',
   shareButtonTouch: 'COMP_GENERAL_SHARE',
-  closeButtonTouch : 'COMP_CLOSE_BTN_TOUCH'
+  closeButtonTouch : 'COMP_CLOSE_BTN_TOUCH',
+  ttsPlayButton: 'COMP_TTS_PLAY_BUTTON',
+  ttsPlayerCloseButton: 'COMP_TTS_PLAYER_CLOSE_BUTTON',
+  ttsRewindButton: 'COMP_TTS_REWIND_BUTTON',
+  ttsForwardButton: 'COMP_TTS_FORWARD_BUTTON',
+  ttsPlayBackSpeed: 'COMP_TTS_PLAYBACK_SPEED',
+  ttsModalCloseButton: 'COMP_TTS_MODAL_CLOSE_BUTTON',
+  ttsPauseButton: 'COMP_TTS_PAUSE_BUTTON'
 };