@quintype/native-components 2.29.4 → 2.29.6

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",
+  "version": "2.29.6",
   "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();
@@ -67,10 +68,11 @@ const PlayerBase = (props) => {
               onTogglePlayback();
             }}
             FONT_SIZE={FONT_SIZE}
+            testID={COMP_GENERAL_CONSTANTS.ttsPlayButton}
           />
         );
       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 +91,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 +117,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

@@ -23,6 +23,7 @@ import FontAwesomeIcon from "react-native-vector-icons/FontAwesome";
 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}`;
@@ -94,7 +95,7 @@ const getStoryCards = (
 
     {source.length > (storyType === STORY_TYPES.VIDEO_STORY ? 2 : 1)
       && isMiddleIndexOfArray(index, source)
-      && getAd(true)}
+      && getAd(true, "body")}
     {/* ^ Requesting mid-content-ad if there are > 1 card
       (> 2 cards in case of video story since the 1st card gets rendered in header). */}
 
@@ -107,7 +108,7 @@ const getStoryCards = (
           {cards.length === 1
             && source.length > (storyType === STORY_TYPES.VIDEO_STORY ? 2 : 1)
             && isMiddleIndexOfArray(index, source)
-            && getAd(true)}
+            && getAd(true, "body")}
           {/* ^ In the case of a story having just 1 card,
             requesting mid-content-Ad if there are > 1 story-elements in that card
             (> 2 story-elements in case of video story since the 1st story-element gets rendered in header). */}
@@ -394,6 +395,7 @@ export const Story = ({
           setShowPlayer(true)
           await togglePlayback()
         }}
+        testID={COMP_GENERAL_CONSTANTS.openTtsPlayer}
         style={styles.ttsStoryButtonStyle}
       >
           <MaterialIcon name='account-voice' size={FONT_SIZE.h2} color={COLORS.BRAND_BLACK}/>
@@ -417,7 +419,7 @@ export const Story = ({
           </View>))}
 
 
-      {getAd()}
+      {getAd(false, "header")}
 
       {getStoryCards(
         cards,
@@ -463,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,13 @@ 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',
+  openTtsPlayer: 'COMP_OPEN_TTS_PLAYER',
+  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',
+  ttsPlayButton: 'COMP_TTS_PLAY_BUTTON'
 };