Upgrade SDK to React Native 0.79.2 and Add Support for Expo SDK 53 (#1147)

Author: subhankarmaiti

.eslintrc.js

@@ -1 +1,3 @@
 *.pbxproj -text
+# specific for windows script files
+*.bat text eol=crlf

.gitattributes

@@ -28,6 +28,7 @@ DerivedData
 *.ipa
 *.xcuserstate
 project.xcworkspace
+**/.xcode.env.local
 
 # Android/IJ
 #
@@ -67,6 +68,15 @@ buck-out/
 \.buckd/
 android/app/libs
 android/keystores/debug.keystore
+.kotlin/
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
 
 # Expo
 .expo/
@@ -77,6 +87,10 @@ android/keystores/debug.keystore
 # generated by bob
 lib/
 
+# React Native Codegen
+ios/generated
+android/generated
+
 # Other
 dist/
 out/

.gitignore

@@ -0,0 +1 @@
+npm run precommit

.husky/pre-commit

@@ -7,16 +7,6 @@ ignore:
         reason: No fix available
         expires: 2025-05-12T09:15:05.191Z
         created: 2025-02-02T05:47:18.380Z
-  SNYK-JS-BABELHELPERS-9397697:
-    - '*':
-        reason: This issue is temporarily ignored while we evaluate alternative dependencies or wait for an update from Expo/Metro.
-        expires: 2025-05-12T09:15:05.191Z
-        created: 2025-03-12T09:15:05.191Z
-  SNYK-JS-IMAGESIZE-9634164:
-    - '*':
-        reason: This issue is temporarily ignored untill there is a new release of react native fixed this issue.
-        expires: 2025-05-12T09:15:05.191Z
-        created: 2025-04-07T09:15:05.191Z
   snyk:lic:npm:lightningcss-win32-x64-msvc:MPL-2.0:
     - '*':
         reason: This issue is temporarily ignored while we evaluate alternative dependencies or wait for an update from Expo/Metro.

.snyk

@@ -3,8 +3,8 @@ nmHoistingLimits: workspaces
 
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: "@yarnpkg/plugin-interactive-tools"
+    spec: '@yarnpkg/plugin-interactive-tools'
   - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: "@yarnpkg/plugin-workspace-tools"
+    spec: '@yarnpkg/plugin-workspace-tools'
 
 yarnPath: .yarn/releases/yarn-3.6.1.cjs

.yarnrc.yml

@@ -10,7 +10,7 @@ Pod::Spec.new do |s|
   s.homepage     = package['repository']['baseUrl']
   s.license      = package['license']
   s.authors      = package['author']
-  s.platforms    = { :ios => '13.0' }
+  s.platforms    = { :ios => min_ios_version_supported }
   s.source       = { :git => 'https://github.com/auth0/react-native-auth0.git', :tag => "v#{s.version}" }
 
   s.source_files = 'ios/**/*.{h,m,mm,swift}'

A0Auth0.podspec

@@ -190,12 +190,11 @@ const auth0 = new Auth0({
   clientId: 'YOUR_AUTH0_CLIENT_ID',
   headers: {
     'Accept-Language': 'fr-CA',
-    'X-Tracking-Id': 'user-tracking-id-123'
-  }
+    'X-Tracking-Id': 'user-tracking-id-123',
+  },
 });
 ```
 
-
 #### Using custom headers with Auth0Provider component
 
 If you're using the hooks-based approach with Auth0Provider, you can provide headers during initialization:
@@ -209,31 +208,31 @@ import { Auth0Provider } from 'react-native-auth0';
   clientId={'YOUR_CLIENT_ID'}
   headers={{
     'Accept-Language': 'fr-CA',
-    'X-App-Version': '1.2.3'
+    'X-App-Version': '1.2.3',
   }}
 >
   <App />
-</Auth0Provider>
+</Auth0Provider>;
 ```
 
-
 #### Set request-specific headers
 
 You can also provide headers for specific API calls, which will override global headers with the same name:
 
 ```js
 // For specific authentication requests
-auth0.auth.passwordRealm({
-  username: 'info@auth0.com',
-  password: 'password',
-  realm: 'myconnection',
-  headers: {
-    'X-Custom-Header': 'request-specific-value',
-    'X-Request-ID': 'unique-request-id-456'
-  }
-})
-.then(console.log)
-.catch(console.error);
+auth0.auth
+  .passwordRealm({
+    username: 'info@auth0.com',
+    password: 'password',
+    realm: 'myconnection',
+    headers: {
+      'X-Custom-Header': 'request-specific-value',
+      'X-Request-ID': 'unique-request-id-456',
+    },
+  })
+  .then(console.log)
+  .catch(console.error);
 ```
 
 ## Management API (Users)

EXAMPLES.md

@@ -353,8 +353,8 @@ import { Auth0Provider } from 'react-native-auth0';
 
 const App = () => {
   return (
-    <Auth0Provider 
-      domain="YOUR_AUTH0_DOMAIN" 
+    <Auth0Provider
+      domain="YOUR_AUTH0_DOMAIN"
       clientId="YOUR_AUTH0_CLIENT_ID"
       headers={{ 'X-Custom-Header': 'custom-value' }}
     >
@@ -390,9 +390,10 @@ const auth0 = new Auth0({
   clientId: 'YOUR_AUTH0_CLIENT_ID',
   headers: {
     'X-Custom-Header': 'custom-value',
-  }
+  },
 });
 ```
+
 </details>
 
 Then import the hook into a component where you want to get access to the properties and methods for integrating with Auth0:

README.md

@@ -1,4 +1,4 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
+  presets: ['module:@react-native/babel-preset'],
   sourceMaps: true,
 };