@circle-fin/w3s-pw-react-native-sdk 1.1.7 → 2.0.0

package/ios/UIView+Extension.swift

@@ -1,18 +1,20 @@
-// Copyright (c) 2024, Circle Internet Financial, LTD. All rights reserved.
-//
-// SPDX-License-Identifier: Apache-2.0
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-//     http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
+/*
+ * Copyright 2025 Circle Internet Group, Inc. All rights reserved.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
 import UIKit
 
@@ -32,10 +34,15 @@ extension UIView {
         func gradientColor(bounds: CGRect, gradientLayer: CAGradientLayer) -> UIColor? {
             guard bounds.width != 0, bounds.height != 0 else { return nil }
             UIGraphicsBeginImageContext(gradientLayer.bounds.size)
-            gradientLayer.render(in: UIGraphicsGetCurrentContext()!)
+            guard let context = UIGraphicsGetCurrentContext() else {
+                UIGraphicsEndImageContext()
+                return nil
+            }
+            gradientLayer.render(in: context)
             let image = UIGraphicsGetImageFromCurrentImageContext()
             UIGraphicsEndImageContext()
-            return UIColor(patternImage: image!)
+            guard let image = image else { return nil }
+            return UIColor(patternImage: image)
         }
 
         DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {

package/package.json

@@ -1,152 +1,106 @@
 {
   "name": "@circle-fin/w3s-pw-react-native-sdk",
-  "version": "1.1.7",
+  "version": "2.0.0",
+  "packageManager": "yarn@1.22.22",
   "description": "React Native SDK for Circle Programmable Wallet",
-  "main": "lib/commonjs/index",
-  "module": "lib/module/index",
-  "types": "lib/typescript/src/index.d.ts",
-  "react-native": "src/index",
-  "source": "src/index",
+  "main": "build/index.js",
+  "source": "src/index.ts",
+  "types": "build/index.d.ts",
   "files": [
-    "src",
-    "lib",
-    "android",
+    "build",
+    "android/src",
+    "android/build.gradle",
     "ios",
-    "*.podspec",
-    "COPYRIGHT",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
+    "plugins",
+    "src",
+    "expo-module.config.json",
+    "app.json",
+    "README.md",
+    "BARE_REACT_NATIVE_GUIDE.md",
+    "!**/__test__",
     "!**/__tests__",
-    "!**/__fixtures__",
     "!**/__mocks__",
-    "!**/.*"
+    "!**/*.test.ts",
+    "!**/*.test.tsx",
+    "!android/build/",
+    "!android/.gradle/",
+    "!**/*.class"
   ],
   "scripts": {
-    "example": "yarn workspace @circle-fin/w3s-pw-react-native-sdk-example",
-    "test": "jest",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
-    "prepare": "bob build",
-    "pod-install-new": "RCT_NEW_ARCH_ENABLED=1 bundle exec pod install",
-    "publish:sdk": "npm publish --registry https://registry.npmjs.org/"
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "test:ci": "jest --ci --watchAll=false --runInBand --passWithNoTests",
+    "prepare": "expo-module prepare",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module",
+    "open:ios": "xed example/ios",
+    "open:android": "open -a \"Android Studio\" example/android",
+    "android": "expo run:android",
+    "ios": "expo run:ios",
+    "lint:raw": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "check:type": "tsc --noEmit",
+    "publish:sdk": "npm publish --registry https://npm.pkg.github.com/"
   },
   "keywords": [
+    "react-native",
+    "expo",
+    "@circle-fin/w3s-pw-react-native-sdk",
     "circle",
     "circle.com",
     "usdc",
     "euroc",
     "stablecoins",
     "programmable wallets",
-    "react-native",
     "rn",
     "ios",
     "android"
   ],
-  "author": "Circle Internet Financial, LTD.",
-  "license": "Apache-2.0",
+  "repository": "https://github.com/circlefin/w3s-react-native-sdk.git",
   "bugs": {
-    "url": "https://github.com/circlefin/w3s-react-native-sdk/issues"
+    "url": "https://github.com/circlefin/w3s-react-native-sdk.git/issues"
   },
-  "homepage": "https://github.com/circlefin/w3s-react-native-sdk#readme",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
+  "author": "Circle Internet Financial, LTD.",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/circlefin/w3s-react-native-sdk.git #readme",
   "devDependencies": {
-    "@commitlint/config-conventional": "^17.0.2",
-    "@evilmartians/lefthook": "^1.5.0",
-    "@react-native-community/cli": "^18.0.0",
-    "@react-native/eslint-config": "0.79.3",
-    "@types/jest": "^29.5.13",
-    "@types/react": "^19.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.30.5",
-    "@typescript-eslint/parser": "^5.30.5",
-    "commitlint": "^17.0.2",
-    "del-cli": "^5.0.0",
-    "eslint": "^8.19.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.30.1",
-    "jest": "^29.6.3",
-    "pod-install": "^0.1.0",
-    "prettier": "2.8.8",
-    "react": "19.0.0",
+    "@babel/core": "^7.28.5",
+    "@expo/config-plugins": "~10.1.2",
+    "@types/jest": "^30.0.0",
+    "@types/react": "~19.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "eslint": "^9.26.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-native": "^5.0.0",
+    "expo": "~53.0.12",
+    "expo-module-scripts": "^4.1.6",
+    "expo-modules-core": "~2.4.2",
+    "jest": "^29.7.0",
+    "prettier": "^3.6.2",
+    "react": "^19.2.0",
     "react-native": "0.79.3",
-    "react-native-builder-bob": "^0.20.0",
-    "turbo": "^1.10.7",
-    "typedoc": "^0.25.4",
-    "typescript": "^5.0.4"
-  },
-  "resolutions": {
-    "@types/react": "^18.2.0"
+    "react-test-renderer": "^19.2.0",
+    "ts-jest": "^29.4.5",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
+    "expo": "*",
+    "expo-modules-core": "*",
     "react": "*",
     "react-native": "*"
   },
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@react-native",
-      "prettier"
-    ],
-    "rules": {
-      "prettier/prettier": [
-        "error",
-        {
-          "quoteProps": "consistent",
-          "singleQuote": true,
-          "tabWidth": 2,
-          "trailingComma": "es5",
-          "useTabs": false
-        }
-      ]
+  "peerDependenciesMeta": {
+    "expo": {
+      "optional": true
     }
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ],
-  "prettier": {
-    "quoteProps": "consistent",
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "useTabs": false
-  },
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "lib",
-    "targets": [
-      "commonjs",
-      "module",
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json"
-        }
-      ]
-    ]
-  },
-  "codegenConfig": {
-    "name": "RNProgrammablewalletRnSdkSpec",
-    "type": "modules",
-    "jsSrcsDir": "src"
   }
 }

package/plugins/apple-signin-entitlements.js

@@ -0,0 +1,16 @@
+const { withEntitlementsPlist } = require('@expo/config-plugins')
+
+/**
+ * Config plugin to ensure Apple Sign In entitlements are set
+ */
+const withAppleSignInEntitlements = config => {
+  return withEntitlementsPlist(config, config => {
+    // Add Apple Sign In capability
+    config.modResults['com.apple.developer.applesignin'] = ['Default']
+
+    console.log('✅ Apple Sign In entitlements configured')
+    return config
+  })
+}
+
+module.exports = withAppleSignInEntitlements

package/plugins/infoplist-config.js

@@ -0,0 +1,77 @@
+const { withInfoPlist } = require('@expo/config-plugins')
+
+/**
+ * Config plugin to set Info.plist values for Circle SDK
+ * Reads values from environment variables or options
+ */
+const withInfoPlistConfig = (config, options = {}) => {
+  return withInfoPlist(config, config => {
+    const infoPlist = config.modResults
+
+    // Initialize CFBundleURLTypes if not exists
+    if (!infoPlist.CFBundleURLTypes) {
+      infoPlist.CFBundleURLTypes = []
+    }
+
+    // Facebook configuration
+    const facebookAppId = options.facebookAppId || process.env.IOS_FACEBOOK_APP_ID
+    if (facebookAppId) {
+      infoPlist.FacebookAppID = facebookAppId
+
+      // Add Facebook URL Scheme: fb{app-id}
+      const facebookUrlScheme = `fb${facebookAppId}`
+      const hasFacebookScheme = infoPlist.CFBundleURLTypes.some(urlType =>
+        urlType.CFBundleURLSchemes?.includes(facebookUrlScheme)
+      )
+
+      if (!hasFacebookScheme) {
+        infoPlist.CFBundleURLTypes.push({
+          CFBundleURLSchemes: [facebookUrlScheme]
+        })
+        console.log(`✅ Added Facebook URL Scheme: ${facebookUrlScheme}`)
+      }
+    }
+
+    if (options.facebookClientToken || process.env.IOS_FACEBOOK_CLIENT_TOKEN) {
+      infoPlist.FacebookClientToken =
+        options.facebookClientToken || process.env.IOS_FACEBOOK_CLIENT_TOKEN
+    }
+    if (options.facebookDisplayName || process.env.IOS_FACEBOOK_DISPLAY_NAME) {
+      infoPlist.FacebookDisplayName =
+        options.facebookDisplayName || process.env.IOS_FACEBOOK_DISPLAY_NAME
+    }
+
+    // Google configuration
+    const googleClientId = options.googleClientId || process.env.IOS_GOOGLE_CLIENT_ID
+    if (googleClientId) {
+      infoPlist.GIDClientID = googleClientId
+
+      // Add Google Reversed Client ID URL Scheme
+      // Convert: "123-abc.apps.googleusercontent.com" -> "com.googleusercontent.apps.123-abc"
+      const reversedClientId = googleClientId.split('.').reverse().join('.')
+
+      // Check if Google URL scheme already exists
+      const hasGoogleScheme = infoPlist.CFBundleURLTypes.some(urlType =>
+        urlType.CFBundleURLSchemes?.includes(reversedClientId)
+      )
+
+      if (!hasGoogleScheme) {
+        infoPlist.CFBundleURLTypes.push({
+          CFBundleURLSchemes: [reversedClientId]
+        })
+        console.log(`✅ Added Google Reversed Client ID URL Scheme: ${reversedClientId}`)
+      }
+    }
+
+    // Apple Sign In - No URL Scheme needed
+    // Apple Sign In uses entitlements only (handled by apple-signin-entitlements plugin)
+
+    // Face ID configuration (hard coded)
+    infoPlist.NSFaceIDUsageDescription = 'Enable Biometrics PIN'
+
+    console.log('✅ Info.plist configuration updated')
+    return config
+  })
+}
+
+module.exports = withInfoPlistConfig

package/plugins/infoplist-config.md

@@ -0,0 +1,72 @@
+# Info.plist Config Plugin
+
+Config plugin to automatically set Info.plist values for Circle SDK, including Facebook and Google OAuth configuration.
+
+## Features
+
+- Automatically set Facebook App ID, Client Token, and Display Name
+- Configure Google Client ID
+- Set Face ID usage description
+- Support both environment variables and direct configuration
+
+## Usage
+
+### 1. Configure in app.json
+
+```json
+{
+  "expo": {
+    "plugins": ["../plugins/infoplist-config"]
+  }
+}
+```
+
+### 2. Set environment variables in .env
+
+```bash
+IOS_FACEBOOK_APP_ID=your_facebook_app_id
+IOS_FACEBOOK_CLIENT_TOKEN=your_facebook_client_token
+IOS_FACEBOOK_DISPLAY_NAME=your_app_name
+IOS_GOOGLE_CLIENT_ID=your_google_ios_client_id
+```
+
+### 3. Or pass options directly in app.json
+
+```json
+{
+  "expo": {
+    "plugins": [
+      [
+        "../plugins/infoplist-config",
+        {
+          "facebookAppId": "YOUR_APP_ID",
+          "facebookClientToken": "YOUR_CLIENT_TOKEN",
+          "facebookDisplayName": "YOUR_APP_NAME",
+          "googleClientId": "YOUR_GOOGLE_CLIENT_ID"
+        }
+      ]
+    ]
+  }
+}
+```
+
+### 4. Run prebuild
+
+```bash
+npm run prebuild
+```
+
+## Configuration Options
+
+| Option                | Environment Variable        | Description               |
+| --------------------- | --------------------------- | ------------------------- |
+| `facebookAppId`       | `IOS_FACEBOOK_APP_ID`       | Facebook App ID           |
+| `facebookClientToken` | `IOS_FACEBOOK_CLIENT_TOKEN` | Facebook Client Token     |
+| `facebookDisplayName` | `IOS_FACEBOOK_DISPLAY_NAME` | Facebook App Display Name |
+| `googleClientId`      | `IOS_GOOGLE_CLIENT_ID`      | Google iOS Client ID      |
+
+## Notes
+
+- Environment variables take precedence over options
+- All options are optional
+- Face ID description is hard coded as "Enable Biometrics PIN"

package/plugins/podfile-modifier.js

@@ -0,0 +1,84 @@
+const { withDangerousMod } = require('@expo/config-plugins')
+const fs = require('fs/promises')
+const path = require('path')
+
+/**
+ * Simple Podfile modifier plugin for Circle SDK
+ */
+const withPodfileModifier = (config, options = {}) => {
+  return withDangerousMod(config, [
+    'ios',
+    async config => {
+      const podfilePath = path.join(
+        config.modRequest.platformProjectRoot,
+        'Podfile',
+      )
+
+      try {
+        let content = await fs.readFile(podfilePath, 'utf8')
+
+        // Add Circle sources if not exists
+        if (!content.includes('github.com/circlefin/w3s-ios-sdk.git')) {
+          content =
+            `source 'https://github.com/circlefin/w3s-ios-sdk.git'\n` + content
+        }
+        if (!content.includes('github.com/CocoaPods/Specs.git')) {
+          content =
+            `source 'https://github.com/CocoaPods/Specs.git'\n` + content
+        }
+
+        // Add static frameworks with dynamic exceptions configuration
+        if (!content.includes('dynamic_frameworks')) {
+          const frameworksConfig = `
+  # Dynamic frameworks configuration
+  dynamic_frameworks = ['GoogleSignIn', 'FBSDKLoginKit', 'AppAuth', 'GTMAppAuth', 'GTMSessionFetcher']
+
+  pre_install do |installer|
+    installer.pod_targets.each do |target|
+      if dynamic_frameworks.include?(target.name)
+        def target.build_type
+          Pod::BuildType.dynamic_framework
+        end
+      end
+    end
+  end`
+
+          // Insert after target declaration
+          content = content.replace(
+            /(target ['"][^'"]*['"] do)/,
+            `$1${frameworksConfig}`,
+          )
+
+          // Find the last use_frameworks! line and add our static override after it
+          const useFrameworksRegex = /use_frameworks!.*\n/g
+          let lastMatch
+          let match
+          while ((match = useFrameworksRegex.exec(content)) !== null) {
+            lastMatch = match
+          }
+
+          if (lastMatch) {
+            const position = lastMatch.index + lastMatch[0].length
+            content =
+              content.slice(0, position) +
+              '  # Override to use static frameworks (added by Circle SDK plugin)\n' +
+              '  use_frameworks! :linkage => :static\n' +
+              content.slice(position)
+          }
+        }
+
+        await fs.writeFile(podfilePath, content, 'utf8')
+        console.log('✅ Podfile automatically modified')
+      } catch (error) {
+        if (error.code !== 'ENOENT') {
+          throw error
+        }
+        // Podfile doesn't exist, skip modification
+      }
+
+      return config
+    },
+  ])
+}
+
+module.exports = withPodfileModifier

package/plugins/podfile-modifier.md

@@ -0,0 +1,33 @@
+# Podfile Modifier Plugin
+
+Simple Expo plugin for automatically modifying Podfile during prebuild for Circle SDK.
+
+## Features
+
+- Automatically add Circle iOS SDK source
+- Configure dynamic frameworks (GoogleSignIn, FBSDKLoginKit, AppAuth, GTMAppAuth, GTMSessionFetcher)
+- Add pre_install configuration
+
+## Usage
+
+### 1. Configure in app.json
+
+```json
+{
+  "expo": {
+    "plugins": ["../plugins/podfile-modifier"]
+  }
+}
+```
+
+### 2. Run prebuild
+
+```bash
+npx expo prebuild --platform ios
+```
+
+## Notes
+
+- Plugin automatically detects and avoids duplicate modifications
+- Configuration is automatically applied on each prebuild
+- Ensure plugin path is correct relative to app.json