update yarn to 3.6.0 + update dependencies and devDependencies

Author: gcd

.yarn/releases/yarn-3.2.3.cjs

@@ -4,4 +4,4 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
     spec: "@yarnpkg/plugin-interactive-tools"
 
-yarnPath: .yarn/releases/yarn-3.2.3.cjs
+yarnPath: .yarn/releases/yarn-3.6.0.cjs

.yarn/releases/yarn-3.6.0.cjs

@@ -1,16 +1,16 @@
-import React from 'react'
+import React from 'react';
 import {
   StyleSheet,
   View,
   Text,
   Button,
   ActivityIndicator,
   StatusBar,
-} from 'react-native'
+} from 'react-native';
 
-import { CLIENT_ID, CLIENT_SECRET, REDIRECT_URL } from './config'
+import {CLIENT_ID, CLIENT_SECRET, REDIRECT_URL} from './config';
 
-import LinkedInModal, { LinkedInToken } from './src/'
+import LinkedInModal, {LinkedInToken} from './src/';
 
 const styles = StyleSheet.create({
   container: {
@@ -58,7 +58,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'flex-start',
   },
-})
+});
 
 interface State {
   access_token?: string
@@ -84,20 +84,20 @@ export default class AppContainer extends React.Component<{}, State> {
   }
 
   getUser = async (data: LinkedInToken) => {
-    const { access_token, authentication_code } = data
+    const {access_token, authentication_code} = data;
     if (!authentication_code) {
-      this.setState({ refreshing: true })
+      this.setState({refreshing: true});
 
       const response = await fetch('https://api.linkedin.com/v2/me', {
         method: 'GET',
         headers: {
           Authorization: 'Bearer ' + access_token,
         },
-      })
-      const payload = await response.json()
-      this.setState({ ...payload, refreshing: false })
+      });
+      const payload = await response.json();
+      this.setState({...payload, refreshing: false});
     } else {
-      alert(`authentication_code = ${authentication_code}`)
+      alert(`authentication_code = ${authentication_code}`);
     }
   }
 
@@ -112,20 +112,20 @@ export default class AppContainer extends React.Component<{}, State> {
           <Text style={styles.value}>{value}</Text>
         </View>
       </View>
-    ) : null
+    ) : null;
   }
 
   signOut = () => {
-    this.setState({ refreshing: true })
+    this.setState({refreshing: true});
     this.modal.current
       ?.logoutAsync()
       .then(() =>
         this.setState({ localizedFirstName: undefined, refreshing: false }),
-      )
+      );
   }
 
   render() {
-    const { refreshing, localizedFirstName } = this.state
+    const {refreshing, localizedFirstName} = this.state;
     return (
       <View style={styles.container}>
         <View style={styles.linkedInContainer}>
@@ -153,6 +153,6 @@ export default class AppContainer extends React.Component<{}, State> {
           </>
         )}
       </View>
-    )
+    );
   }
 }

.yarnrc.yml

@@ -1,6 +1,6 @@
-import 'react-native'
-import React from 'react'
-import renderer from 'react-test-renderer'
+import 'react-native';
+import React from 'react';
+import renderer from 'react-test-renderer';
 import LinkedInModal, {
   cleanUrlString,
   getCodeAndStateFromUrl,
@@ -12,7 +12,7 @@ import LinkedInModal, {
   fetchToken,
   logError,
   onLoadStart,
-} from '../src'
+} from '../src';
 
 // jest.mock('WebView', () => 'WebView')
 
@@ -42,39 +42,39 @@ it('<LinkedInModal /> render correctly', () => {
         areaTouchText={{bottom: 10, left: 10, right: 10, top: 10}}
       />,
     )
-    .toJSON()
-  expect(tree).toMatchSnapshot()
+    .toJSON();
+  expect(tree).toMatchSnapshot();
 })
 
 it('cleanUrlString', () => {
   expect(cleanUrlString('https://xaviercarpentier.com#!')).toBe(
     'https://xaviercarpentier.com',
-  )
+  );
   expect(cleanUrlString('https://xaviercarpentier.com')).toBe(
     'https://xaviercarpentier.com',
-  )
+  );
 })
 
 it('getCodeAndStateFromUrl', () => {
   expect(
     getCodeAndStateFromUrl('https://xaviercarpentier.com?code=code&state=1234'),
-  ).toMatchObject({ code: 'code', state: '1234' })
+  ).toMatchObject({ code: 'code', state: '1234' });
 })
 
 it('isErrorUrl', () => {
   expect(
     isErrorUrl(
       'https://xaviercarpentier.com?error=error&error_description=error_description',
     ),
-  ).toBe(true)
+  ).toBe(true);
 })
 
 it('getErrorFromUrl', () => {
   expect(
     getErrorFromUrl(
       'https://xaviercarpentier.com?error=error&error_description=error_description',
     ),
-  ).toMatchObject({ error: 'error', error_description: 'error_description' })
+  ).toMatchObject({error: 'error', error_description: 'error_description'});
 })
 
 it('transformError', () => {
@@ -86,7 +86,7 @@ it('transformError', () => {
   ).toMatchObject({
     type: 'error',
     message: 'error_description',
-  })
+  });
 })
 
 it('getAuthorizationUrl', () => {
@@ -102,7 +102,7 @@ it('getAuthorizationUrl', () => {
       'client_id=clientID&redirect_uri=https%3A%2F%2Fxaviercarpentier.com&' +
       'response_type=code&scope=r_basicprofile%20r_emailaddress&' +
       'state=authState',
-  )
+  );
 })
 
 it('getPayloadForToken', () => {
@@ -117,19 +117,19 @@ it('getPayloadForToken', () => {
     'client_id=clientID&client_secret=clientSecret&' +
       'code=code&grant_type=authorization_code&' +
       'redirect_uri=https%3A%2F%2Fxaviercarpentier.com',
-  )
+  );
 })
 
 it('fetchToken', async () => {
   const token = await fetchToken('payload')
   expect(token).toMatchObject({
     access_token: 'access_token',
     expires_in: 'expires_in',
-  })
+  });
 })
 
 it('logError', async () => {
-  logError({ type: 'test_error', message: 'test error' })
+  logError({type: 'test_error', message: 'test error'});
 })
 
 it('onLoadStart error', async () => {
@@ -156,7 +156,7 @@ it('onLoadStart success', async () => {
     () => {},
     () => new Promise(resolve => resolve({})),
     true,
-  )
+  );
 })
 
 it('onLoadStart error code & state', async () => {
@@ -171,5 +171,5 @@ it('onLoadStart error code & state', async () => {
       }),
     () => {},
     () => new Promise(resolve => resolve({})),
-  )
+  );
 })

App.tsx

@@ -1,6 +1,6 @@
 {
   "name": "@gcou/react-native-linkedin",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "main": "lib/index.tsx",
   "description": "React-Native LinkedIn, a simple LinkedIn login library for React-Native with WebView and Modal - compatibility with RN 0.69",
   "repository": {
@@ -29,36 +29,36 @@
     "linkedin"
   ],
   "dependencies": {
-    "deprecated-react-native-prop-types": "^2.3.0",
+    "deprecated-react-native-prop-types": "^4.1.0",
     "expo-random": "^12.3.0",
-    "query-string": "7.1.1",
-    "ramda": "0.28.0",
+    "query-string": "8.1.0",
+    "ramda": "0.29.0",
     "react-native-get-random-values": "^1.8.0",
     "uuid": "9.0.0"
   },
   "devDependencies": {
-    "@types/jest": "29.0.3",
-    "@types/ramda": "^0.28.15",
-    "@types/react": "~18.0.21",
-    "@types/react-native": "~0.70.3",
-    "@types/uuid": "^8.3.4",
-    "babel-jest": "29.0.3",
-    "babel-preset-expo": "^9.2.0",
+    "@types/jest": "29.5.2",
+    "@types/ramda": "^0.29.2",
+    "@types/react": "~18.0.38",
+    "@types/react-native": "~0.70.14",
+    "@types/uuid": "^9.0.2",
+    "babel-jest": "29.5.0",
+    "babel-preset-expo": "^9.5.0",
     "babel-preset-react-native": "^4.0.1",
-    "expo": "^46.0.10",
-    "jest-expo": "^46.0.1",
+    "expo": "^46.0.21",
+    "jest-expo": "^46.0.2",
     "json": "^11.0.0",
     "react": "18.2.0",
-    "react-native": "0.70.1",
-    "react-native-webview": "11.23.1",
+    "react-native": "0.70.10",
+    "react-native-webview": "13.2.2",
     "react-test-renderer": "18.2.0",
     "tslint": "6.1.3",
     "tslint-config-prettier": "1.18.0",
-    "typescript": "~4.8.3"
+    "typescript": "~5.1.5"
   },
   "peerDependencies": {
-    "react": "*",
-    "react-native": "*",
+    "react": ">=16.0.0",
+    "react-native": ">=0.70.0",
     "react-native-webview": "*"
   },
   "jest": {
@@ -80,5 +80,5 @@
   "directories": {
     "lib": "lib"
   },
-  "packageManager": "yarn@3.2.3"
+  "packageManager": "yarn@3.6.0"
 }

__tests__/LinkedInModal.test.tsx

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 /* eslint-disable */
-const pkg = require('../package.json')
+import pkg from '../package.json'
 
 console.log(pkg.version)
 process.exit()

package.json

@@ -2,8 +2,8 @@
 
 /* eslint-disable */
 
-const semver = require('semver')
-const pkg = require('../package.json')
+import semver from 'semver'
+import pkg from '../package.json'
 
 const incType = process.argv[2]
 if (