@quintype/native-components 2.29.8-beta.0 → 2.29.9

package/package.json

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

package/src/components/AudioPlayer/index.js

@@ -1,7 +1,7 @@
 import React, { memo } from "react";
 import PropTypes from "prop-types";
 import { useProgress, usePlaybackState, State } from "react-native-track-player";
-import { TouchableOpacity, ActivityIndicator, View, useWindowDimensions } from "react-native";
+import { TouchableOpacity, ActivityIndicator, View, ViewPropTypes, useWindowDimensions } from "react-native";
 import Icon from "react-native-vector-icons/AntDesign";
 import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
 import { playerStyles } from "./styles";
@@ -135,6 +135,7 @@ ControlButton.propTypes = {
 };
 
 PlayerBase.propTypes = {
+  style: ViewPropTypes.style,
   onTogglePlayback: PropTypes.func.isRequired,
   testID: PropTypes.string,
 };

package/src/components/BackNavigator/index.js

@@ -5,6 +5,7 @@ import {
   StyleSheet,
   TouchableOpacity,
   View,
+  ViewPropTypes,
 } from 'react-native';
 import Icon from 'react-native-vector-icons/AntDesign';
 import { COMP_GENERAL_CONSTANTS } from '../../constants/component-constants/general-constants/constants';
@@ -69,6 +70,9 @@ export const BackNavigator = (props) => {
 
 BackNavigator.propTypes = {
   title: PropTypes.string,
+  style: ViewPropTypes.style,
+  container: ViewPropTypes.style,
+  titleStyle: ViewPropTypes.style,
   testID: PropTypes.string,
   onPress: PropTypes.func.isRequired,
 };

package/src/components/Button/index.js

@@ -3,7 +3,8 @@ import React, { useContext } from "react";
 import {
   StyleSheet,
   TouchableOpacity,
-  View
+  View,
+  ViewPropTypes,
 } from "react-native";
 import { COMP_GENERAL_CONSTANTS } from "../../constants/component-constants/general-constants/constants";
 import { AppTheme } from "../../utils";
@@ -36,5 +37,7 @@ export const Button = (props) => {
 Button.propTypes = {
   icon: PropTypes.element,
   text: PropTypes.string,
-  onPress: PropTypes.func
+  onPress: PropTypes.func,
+  style: ViewPropTypes.style,
+  textStyle: ViewPropTypes.style,
 };

package/src/components/Header/index.js

@@ -3,7 +3,8 @@ import React, { useContext } from "react";
 import {
   StyleSheet,
   TouchableOpacity,
-  View
+  View,
+  ViewPropTypes,
 } from "react-native";
 
 import { COMP_GENERAL_CONSTANTS } from "../../constants/component-constants";
@@ -45,6 +46,7 @@ Header.propTypes = {
   rightComponent: PropTypes.element,
   leftComponent: PropTypes.element,
   logoComponent: PropTypes.element,
+  style: ViewPropTypes.style,
   logoComponentStyle: PropTypes.object,
   onPress: PropTypes.func,
   noBorder: PropTypes.bool,

package/src/components/IconText/index.js

@@ -4,6 +4,7 @@ import {
   StyleSheet,
   TouchableOpacity,
   View,
+  ViewPropTypes,
 } from "react-native";
 import Icon from "react-native-vector-icons/FontAwesome";
 import { COMP_GENERAL_CONSTANTS } from "../../constants/component-constants/general-constants/constants";
@@ -79,6 +80,8 @@ IconText.propTypes = {
   iconSize: PropTypes.number,
   onPress: PropTypes.func,
   disabled: PropTypes.bool,
+  iconStyle: ViewPropTypes.style,
+  labelStyle: ViewPropTypes.style,
 };
 
 export { IconText };

package/src/components/RadioButton/index.js

@@ -3,7 +3,8 @@ import React, { useContext } from "react";
 import {
   StyleSheet,
   TouchableOpacity,
-  View
+  View,
+  ViewPropTypes,
 } from "react-native";
 import { AppTheme } from "../../utils";
 import { radioButtonStyles } from "./styles";
@@ -40,4 +41,6 @@ export const RadioButton = ({
 RadioButton.propTypes = {
   onPress: PropTypes.func.isRequired,
   isChecked: PropTypes.bool,
+  circleStyle: ViewPropTypes.style,
+  checkedCircleStyle: ViewPropTypes.style,
 };

package/src/components/Search/index.js

@@ -2,7 +2,7 @@ import React, {
   useEffect, useRef, useContext, useState,
 } from 'react';
 import {
-  View, TextInput, StyleSheet, TouchableOpacity,
+  View, TextInput, StyleSheet, ViewPropTypes, TouchableOpacity,
 } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import PropTypes from 'prop-types';
@@ -78,6 +78,8 @@ Search.propTypes = {
     addListener: PropTypes.func,
   }),
   icon: PropTypes.element,
+  style: ViewPropTypes.style,
+  inputStyle: ViewPropTypes.style,
   onEnter: PropTypes.func,
   testID: PropTypes.string,
 };

package/src/components/Story/index.js

@@ -18,7 +18,7 @@ import { Player } from '../AudioPlayer';
 import TrackPlayer, { usePlaybackState, Capability, State, useProgress } from "react-native-track-player";
 import MaterialIcon from "react-native-vector-icons/MaterialCommunityIcons";
 import {Comments} from '../Comments'
-
+import { isDetox } from 'react-native-is-detox';
 import Modal from 'react-native-modal';
 import { SCREEN_LIST } from '../../../../../../src/constants/screen-mapping';
 import { COMP_GENERAL_CONSTANTS } from '../../constants/component-constants';
@@ -160,8 +160,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 progress = useProgress();
+  const progress = useProgress(progressInterval);
   const [isFinishedPlaying, setFinishedPlaying] = useState(false);
 
 
@@ -240,6 +241,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);