@quintype/native-components 2.20.26-beta.0 → 2.20.26-beta.1

package/README.md

@@ -4,7 +4,26 @@
 
 `$ npm install @quintype/native-components --save`
 
-### Linking
+## Creating and installing a beta version 
+
+### Publishing a version with beta tag:
+1. Add, commit and push beta changes on a new branch.
+2. Run `npm i --legacy-peer-deps` (Using **node@16.19.0**, **npm@8.19.3**) 
+3. Run `npm cache clean --force` in case the above command fails.
+4. Create a tag by running `npm version 2.21.0-beta.0` (add **\`-beta.*iteration*\`** (where ***iteration*** can just be incremented (+1) for subsequent beta-versions on the same development branch)
+5. Publish the tag by running `npm publish --tag beta`
+6. Make sure to commit and push the new beta versioning changes.
+
+### Installing a version with beta tag on host app:
+npm install @quintype/native-components@beta
+
+### Note:
+- `prePublishOnly` script that was in use before is incompatible with recent node/npm versions. Hence `standard-version-release.sh` is not used.
+- Revert `"version"` changes from `package.json` before creating PR (for merging to `master`).
+- Access all versions [here](https://www.npmjs.com/package/@quintype/native-components?activeTab=versions).
+
+
+## Linking
 
 This library has both js only as well as native components. Please check the instructions for the respective components for more details.
 

package/jest-setup.js

@@ -2,11 +2,6 @@ jest.mock('@react-navigation/native', () => ({
   useNavigation: () => jest.fn(),
 }));
 
-jest.mock('rn-fetch-blob', () => ({
-  DocumentDir: () => { },
-  polyfill: () => { },
-}));
-
 jest.mock('react-native-device-info', () => ({
   DocumentDir: () => { },
   polyfill: () => { },

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.20.26-beta.0",
+  "version": "2.20.26-beta.1",
   "description": "",
   "main": "src/index.js",
   "scripts": {
     "test": "jest --detectOpenHandles",
     "lint": "npx eslint './src/**/*.{js,jsx}'",
-    "lint:ci": "npx eslint $(git diff --pretty='' --diff-filter=d --name-only origin/master..HEAD -- '*.js' '*.jsx') ./start.js",
-    "prepublishOnly": "./bin-dev-scripts/standard-version-release.sh"
+    "lint:ci": "npx eslint $(git diff --pretty='' --diff-filter=d --name-only origin/master..HEAD -- '*.js' '*.jsx') ./start.js"
   },
   "dependencies": {
     "atob": "^2.1.2",
@@ -20,18 +19,17 @@
     "react-native-fast-image": "8.3.2",
     "react-native-image-pan-zoom": "^2.1.12",
     "react-native-lightbox": "0.8.1",
-    "react-native-pdf": "^5.1.4",
     "react-native-render-html": "^4.2.3",
-    "react-native-share": "^8.1.0",
-    "rn-fetch-blob": "^0.10.16"
+    "react-native-share": "^8.1.0"
   },
   "peerDependencies": {
-    "@react-navigation/native": ">=5.7.3",
+    "@react-navigation/native": ">=6.1.17",
     "lodash": ">=4.17.20",
     "react": ">=17.0.2",
     "react-native": ">=0.67.5",
     "react-native-fast-image": ">=8.3.2",
-    "react-native-pdf": ">=6.2.0",
+    "react-native-pdf": ">=6.7.4",
+    "react-native-blob-util": ">=6.7.4",
     "react-native-webview": ">=11.0.0",
     "rn-fetch-blob": ">=0.12.0",
     "react-native-vector-icons": "^10.0.0",
@@ -41,7 +39,6 @@
     "@babel/core": "^7.11.1",
     "@babel/runtime": "^7.11.2",
     "@react-native-community/eslint-config": "^2.0.0",
-    "@react-navigation/native": "^5.7.1",
     "@testing-library/jest-native": "^3.4.3",
     "@testing-library/react-native": "^7.1.0",
     "babel-jest": "^26.3.0",
@@ -54,10 +51,9 @@
     "husky": "^4.2.5",
     "jest": "^26.4.0",
     "metro-react-native-babel-preset": "^0.62.0",
-    "react": "17.0.2",
-    "react-native": "0.67.4",
+    "react": "18.2.0",
+    "react-native": "0.71.17",
     "react-native-device-info": "^5.6.5",
-    "react-native-gesture-handler": "^1.9.0",
     "react-native-svg": "^12.3.0",
     "react-navigation-hooks": "^1.1.0",
     "react-test-renderer": "16.13.1"
@@ -66,7 +62,6 @@
     "preset": "react-native",
     "setupFilesAfterEnv": [
       "./jest-setup.js",
-      "./node_modules/react-native-gesture-handler/jestSetup.js",
       "@testing-library/jest-native/extend-expect"
     ],
     "moduleNameMapper": {

package/src/components/References/index.js

@@ -1,8 +1,7 @@
 import { get } from 'lodash';
 import PropTypes from 'prop-types';
 import React, { useContext } from 'react';
-import { Linking, View } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
+import { Linking, View, TouchableOpacity } from 'react-native';
 import { AppTheme } from '../../utils';
 import { Text } from '../Text';
 import { styles } from './styles';

package/src/components/Story/index.js

@@ -147,16 +147,13 @@ export const Story = ({
   getAd,
   showWall,
   userObjectLength,
-  numberOfVisibleStoryCard
+  numberOfVisibleStoryCard,
+  linkedStories
 }) => {
   const { theme } = useContext(AppTheme);
   const { COLORS, FONT_SIZE, locale, DARK_MODE } = theme;
   const styles = storyStyles(COLORS, FONT_SIZE);
-
-  const {
-    cards = [],
-    'linked-stories': linkedStories,
-  } = mutateDataBeforeAccess(story, storyHasAccess, numberOfVisibleStoryCard);
+  const cards = story?.cards ?? [];
 
   const firstVideoElement = story['story-template'] === STORY_TYPES.VIDEO_STORY
     ? getFirstVideoElement(cards)
@@ -185,17 +182,6 @@ export const Story = ({
     return null;
   };
 
-  useEffect(() => {
-    checkStoryAccess(story);
-  }, []);
-
-  useEffect(()=>{
-    if(userObjectLength){
-      checkStoryAccess(story);
-    }
-  },[userObjectLength])
-
-
   const GradientView = () => {
     return (
       <LinearGradient

package/src/components/Story/styles.js

@@ -38,9 +38,6 @@ export const storyStyles = (COLORS, FONT_SIZE) => StyleSheet.create({
     fontSize: FONT_SIZE.title,
   },
   overlay:{
-    // backgroundColor:'red',
-    // position:'absolute',
-    // bottom:100,
     marginTop:-220
   }
 });

package/src/components/StoryImage/index.js

@@ -1,7 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { useContext } from 'react';
-import { View } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
+import { View, TouchableOpacity } from 'react-native';
 import { ShareIcon } from '../../Icons/ShareIcon';
 import { AppTheme, getScreenPercentageWidth, stripHTML } from '../../utils';
 import { Text } from '../index';

package/src/components/StorySlideshow/index.js

@@ -1,7 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { useContext, useRef, useState } from 'react';
-import { TouchableOpacity, View } from 'react-native';
-import { FlatList } from 'react-native-gesture-handler';
+import { TouchableOpacity, View, FlatList } from 'react-native';
 import Icon from 'react-native-vector-icons/AntDesign';
 import { AppTheme } from '../../utils';
 import { SlideshowStoryCard } from '../SlideshowStoryCard';

package/src/components/Table/index.js

@@ -1,7 +1,6 @@
 import React, { useContext } from 'react';
-import { View } from 'react-native';
+import { View , ScrollView } from 'react-native';
 import get from 'lodash/get';
-import { ScrollView } from 'react-native-gesture-handler';
 import { formatData } from '../../utils/tableUtils';
 import { tableStyles } from './styles';
 import { Text } from '../index';

package/src/utils/story.js

@@ -43,7 +43,6 @@ export const getFirstVideoElement = (cards) => cards
   ) || {};
 
 export const mutateDataBeforeAccess = (item, storyHasAccess, visibleCardCountForBlockedStories) => {
-  console.log('risi - visibleCardCountForBlockedStories', visibleCardCountForBlockedStories)
   if (isStoryFree(item) === 0 || storyHasAccess === 'granted') {
     return item;
   }