@quintype/native-components 2.28.4 → 2.28.5-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.28.4",
+  "version": "2.28.5-beta.0",
   "description": "",
   "main": "src/index.js",
   "scripts": {
@@ -9,6 +9,7 @@
     "lint:ci": "npx eslint $(git diff --pretty='' --diff-filter=d --name-only origin/master..HEAD -- '*.js' '*.jsx') ./start.js"
   },
   "dependencies": {
+    "@react-native-community/slider": "^4.5.3",
     "atob": "^2.1.2",
     "base-64": "^1.0.0",
     "date-fns": "^2.15.0",
@@ -16,24 +17,25 @@
     "prop-types": "15.7.2",
     "quintype-js": "1.2.1",
     "react-htmltext": "^0.40.2",
-    "react-native-fast-image": "8.3.2",
+    "react-native-fast-image": ">=8.3.2",
     "react-native-image-pan-zoom": "^2.1.12",
     "react-native-lightbox": "0.8.1",
     "react-native-render-html": "^4.2.3",
     "react-native-share": "^10.2.0",
-    "react-native-star-rating-widget": "^1.7.3"
+    "react-native-star-rating-widget": "^1.7.3",
+    "react-native-track-player": "^4.1.1"
   },
   "peerDependencies": {
     "@react-navigation/native": ">=6.1.17",
     "lodash": ">=4.17.20",
     "react": ">=17.0.2",
     "react-native": ">=0.67.5",
+    "react-native-blob-util": ">=6.7.4",
     "react-native-fast-image": ">=8.3.2",
+    "react-native-linear-gradient": "^2.8.3",
     "react-native-pdf": ">=6.7.4",
-    "react-native-blob-util": ">=6.7.4",
-    "react-native-webview": ">=11.0.0",
     "react-native-vector-icons": "^10.0.0",
-    "react-native-linear-gradient": "^2.8.3"
+    "react-native-webview": ">=11.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.11.1",

package/src/components/AuthorRow/index.js

@@ -24,6 +24,7 @@ export const AuthorRow = ({
   return (
     <View style={styles.authorRow}>
       {authors?.map((author) => {
+        const avatarUrl = author?.['avatar-s3-key'] ? `${cdn}/${author?.['avatar-s3-key']}` :  author?.['avatar-url'] ?? null;
         if (!author.name) {
           return null;
         }
@@ -33,10 +34,10 @@ export const AuthorRow = ({
               style={styles.imageBlock}
               testID={COMP_CONTENT_CONSTANTS.authorImage}
             >
-              {author?.['avatar-s3-key'] ? (
+              {avatarUrl ? (
                 <ResponsiveImage
                   source={{
-                    uri: `${cdn}/${author?.['avatar-s3-key']}`,
+                    uri: avatarUrl,
                   }}
                   style={styles.avatarImage}
                   imageWidth={50}

package/src/components/ResponsiveImage/index.js

@@ -29,10 +29,6 @@ const ResponsiveImageBase = (props) => {
       borderRadius: 12,
       overflow: "hidden",
     },
-    props.imageWidth && {
-      width: props.imageWidth,
-      height: (props.imageWidth * 9) / 16,
-    },
   ])
 
   const flattenedImageStyle = StyleSheet.flatten([
@@ -100,8 +96,8 @@ const ResponsiveImageBase = (props) => {
         style={flattenedImageStyle}
         source={sourceURI}
         resizeMode={FastImage.resizeMode.contain}
-        {...props}
         onLoad={()=>setPlaceholder(false)}
+        {...props}
       />
     )
   }