Fix rn bare example

Author: yashovardhan

demo/rn-bare-example/App.tsx

@@ -25,14 +25,14 @@ const redirectUrl = `${scheme}://auth`;
 // IMP END - Whitelist bundle ID
 
 // IMP START - Dashboard Registration
-const clientId = "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ"; // get from https://dashboard.web3auth.io
+const clientId = "BCfIbiMcEwBkmyNxwn-DcYIfUU4QrpQgyOZZTNi5f_ygWMS1g_dNcuxylwDkIbVNhDtn7dAs-aMUhX0dtAYhvWk"; // get from https://dashboard.web3auth.io
 // IMP END - Dashboard Registration
 
 // IMP START - SDK Initialization
 const chainConfig = {
   chainNamespace: ChainNamespace.EIP155,
   chainId: "0xaa36a7",
-  rpcTarget: "https://1rpc.io/sepolia",
+  rpcTarget: `https://api.web3auth.io/infura-service/v1/0xaa36a7/${clientId}`,
   // Avoid using public rpcTarget in production.
   // Use services like Infura, Quicknode etc
   displayName: "Ethereum Sepolia Testnet",
@@ -49,7 +49,7 @@ const privateKeyProvider = new EthereumPrivateKeyProvider({
   },
 });
 
-const PIMLICO_API_KEY = "YOUR_PIMLICO_API_KEY";
+const PIMLICO_API_KEY = "pim_WDBELWbZeo9guUAr7HNFaF";
 
 export const getDefaultBundlerUrl = (chainId: string): string => {
   return `https://api.pimlico.io/v2/${Number(chainId)}/rpc?apikey=${PIMLICO_API_KEY}`;
@@ -166,7 +166,7 @@ export default function App() {
 
       setConsole("Logging in");
       // IMP START - Login
-      await web3auth.login({
+      await web3auth.connectTo({
         authConnection: AUTH_CONNECTION.EMAIL_PASSWORDLESS,
         extraLoginOptions: {
           login_hint: email,

demo/rn-bare-example/babel.config.js

@@ -1,3 +1,4 @@
 module.exports = {
   presets: ['module:@react-native/babel-preset'],
+  plugins: ['@babel/plugin-transform-export-namespace-from'],
 };

demo/rn-bare-example/globals.js

@@ -1,18 +1,63 @@
 global.Buffer = require("buffer").Buffer;
 
-import { install } from "react-native-quick-crypto";
+// Pure base64 implementation (no Buffer.from)
+const base64Chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
 
-install();
+global.btoa =
+  global.btoa ||
+  function (str) {
+    let result = "";
+    for (let i = 0; i < str.length; i += 3) {
+      const a = str.charCodeAt(i);
+      const b = i + 1 < str.length ? str.charCodeAt(i + 1) : 0;
+      const c = i + 2 < str.length ? str.charCodeAt(i + 2) : 0;
+      result += base64Chars[a >> 2];
+      result += base64Chars[((a & 3) << 4) | (b >> 4)];
+      result += i + 1 < str.length ? base64Chars[((b & 15) << 2) | (c >> 6)] : "=";
+      result += i + 2 < str.length ? base64Chars[c & 63] : "=";
+    }
+    return result;
+  };
+
+global.atob =
+  global.atob ||
+  function (str) {
+    str = str.replace(/=+$/, "");
+    let result = "";
+    for (let i = 0; i < str.length; i += 4) {
+      const a = base64Chars.indexOf(str[i]);
+      const b = base64Chars.indexOf(str[i + 1]);
+      const c = base64Chars.indexOf(str[i + 2]);
+      const d = base64Chars.indexOf(str[i + 3]);
+      result += String.fromCharCode((a << 2) | (b >> 4));
+      if (c !== -1) result += String.fromCharCode(((b & 15) << 4) | (c >> 2));
+      if (d !== -1) result += String.fromCharCode(((c & 3) << 6) | d);
+    }
+    return result;
+  };
 
-// Needed so that 'stream-http' chooses the right default protocol.
-global.location = {
-    protocol: "file:",
+global.base64FromArrayBuffer = function (buf) {
+  const bytes = new Uint8Array(buf);
+  let binary = "";
+  for (let i = 0; i < bytes.length; i++) {
+    binary += String.fromCharCode(bytes[i]);
+  }
+  return global.btoa(binary);
 };
 
-global.process.version = "v16.0.0";
-if (!global.process.version) {
-    global.process = require("process");
-    console.log({ process: global.process });
-}
+global.base64ToArrayBuffer = function (base64) {
+  const binary = global.atob(base64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) {
+    bytes[i] = binary.charCodeAt(i);
+  }
+  return bytes.buffer;
+};
 
-process.browser = true;
+import { install } from "react-native-quick-crypto";
+
+install();
+
+global.location = { protocol: "file:" };
+global.process.version = "v16.0.0";
+process.browser = true;

demo/rn-bare-example/ios/Podfile.lock

@@ -963,7 +963,9 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - react-native-quick-crypto (0.7.5):
+  - react-native-quick-base64 (2.2.2):
+    - React-Core
+  - react-native-quick-crypto (0.7.17):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1255,6 +1257,7 @@ DEPENDENCIES:
   - React-Mapbuffer (from `../node_modules/react-native/ReactCommon`)
   - react-native-encrypted-storage (from `../node_modules/react-native-encrypted-storage`)
   - react-native-mmkv-storage (from `../node_modules/react-native-mmkv-storage`)
+  - react-native-quick-base64 (from `../node_modules/react-native-quick-base64`)
   - react-native-quick-crypto (from `../node_modules/react-native-quick-crypto`)
   - "react-native-web-browser (from `../node_modules/@toruslabs/react-native-web-browser`)"
   - React-nativeconfig (from `../node_modules/react-native/ReactCommon`)
@@ -1355,6 +1358,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-encrypted-storage"
   react-native-mmkv-storage:
     :path: "../node_modules/react-native-mmkv-storage"
+  react-native-quick-base64:
+    :path: "../node_modules/react-native-quick-base64"
   react-native-quick-crypto:
     :path: "../node_modules/react-native-quick-crypto"
   react-native-web-browser:
@@ -1444,7 +1449,8 @@ SPEC CHECKSUMS:
   React-Mapbuffer: bf56147c9775491e53122a94c423ac201417e326
   react-native-encrypted-storage: db300a3f2f0aba1e818417c1c0a6be549038deb7
   react-native-mmkv-storage: 9e84e8d0cc66402128d01a642022de0145303491
-  react-native-quick-crypto: 7085e4e4607e7e8fa57f4193f994d5262d351e45
+  react-native-quick-base64: ad4ef249fdf5a82670fd3d606e7a596f16c945c8
+  react-native-quick-crypto: b2557b7d51ac87172cd40477122b59e2585eedd7
   react-native-web-browser: 087b454e1e94b58b40ba73f54251d77486144d19
   React-nativeconfig: 9f223cd321823afdecf59ed00861ab2d69ee0fc1
   React-NativeModulesApple: ff7efaff7098639db5631236cfd91d60abff04c0
@@ -1470,8 +1476,8 @@ SPEC CHECKSUMS:
   React-utils: 4476b7fcbbd95cfd002f3e778616155241d86e31
   ReactCommon: ecad995f26e0d1e24061f60f4e5d74782f003f12
   SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d
-  Yoga: ae3c32c514802d30f687a04a6a35b348506d411f
+  Yoga: 2f71ecf38d934aecb366e686278102a51679c308
 
 PODFILE CHECKSUM: 3dac9911479fab8b2375358eac35d220bf61e989
 
-COCOAPODS: 1.16.2
+COCOAPODS: 1.15.2

demo/rn-bare-example/metro.config.js

@@ -16,6 +16,7 @@ const config = {
             stream: require.resolve("readable-stream"),
         },
         sourceExts: [...defaultConfig.resolver.sourceExts, 'svg'],
+        unstable_enablePackageExports: true,
     },
 };