@pinwheel/react-native-pinwheel 3.2.0-rc.5 → 3.2.0-rc.6

package/README.md

@@ -2,37 +2,6 @@
 
 Pinwheel SDK for React Native
 
-## Running The Example App Locally
-
-You may want to run the example app locally to get started.
-
-#### Dependencies
-
-- Node 16.7.0 (check with `node -v` and upgrade versions using `nvm` if needed)
-- iPhone 14 simulator (open your Simulator app and check the available versions)
-- iOS 16 running on the simulator (open your Simulator app and check the available versions)
-- `pod` version 1.11.3 (check with `pod --version`)
-- Add your pinwheel secret to `example/env.js` (create this file) with `export default "<YOUR PINWHEEL SECRET>"`.
-
-#### Directions
-
-- `npm run dev`
-
-#### Troubleshooting
-
-###### An error was encountered processing the command (domain=com.apple.CoreSimulator.SimError, code=405)
-- Click Apple > About This Mac > Storage > Manage > Developer
-- Delete Xcode cache
-- Delete Project Build and indexes
-
-###### Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65
-- Try downloading Xcode 14.2 from https://developer.apple.com/download/all/?q=xcode
-
-###### Failed to locate 'git', requesting installation of command line developer tools
-For this or other errors related to command line developer tools:
-- Make sure you have Command Line Tools for Xcode 14.2 installed
-- Open Xcode > Click Xcode in the app menu > Settings > Locations > Command Line Tools dropdown and set the correct location 
-
 ## Installation
 
 1. Install Pinwheel React Native SDK
@@ -41,6 +10,20 @@ For this or other errors related to command line developer tools:
 $ npm install --save @pinwheel/react-native-pinwheel
 ```
 
+## Configuration
+Some platform integrations may require camera access for verification purposes. Ensure the necessary permissions are configured in your project:
+
+**Android:** Add the following permission to your `AndroidManifest.xml`:
+```
+<uses-permission android:name="android.permission.CAMERA" />
+```
+
+**iOS:** Add the following key and description to your `Info.plist`:
+```
+<key>NSCameraUsageDescription</key>
+<string>We need access to your camera for verification purposes.</string>
+```
+
 ## Usage
 
 ### Link Token
@@ -117,3 +100,34 @@ Callback for all significant events that happen during the modal flow. See all p
 | Type     | Required |
 | -------- | -------- |
 | function | No       |
+
+## Running The Example App Locally
+
+You may want to run the example app locally to get started.
+
+#### Dependencies
+
+- Node 16.7.0 (check with `node -v` and upgrade versions using `nvm` if needed)
+- iPhone 14 simulator (open your Simulator app and check the available versions)
+- iOS 16 running on the simulator (open your Simulator app and check the available versions)
+- `pod` version 1.11.3 (check with `pod --version`)
+- Add your pinwheel secret to `example/env.js` (create this file) with `export default "<YOUR PINWHEEL SECRET>"`.
+
+#### Directions
+
+- `npm run dev`
+
+#### Troubleshooting
+
+###### An error was encountered processing the command (domain=com.apple.CoreSimulator.SimError, code=405)
+- Click Apple > About This Mac > Storage > Manage > Developer
+- Delete Xcode cache
+- Delete Project Build and indexes
+
+###### Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65
+- Try downloading Xcode 14.2 from https://developer.apple.com/download/all/?q=xcode
+
+###### Failed to locate 'git', requesting installation of command line developer tools
+For this or other errors related to command line developer tools:
+- Make sure you have Command Line Tools for Xcode 14.2 installed
+- Open Xcode > Click Xcode in the app menu > Settings > Locations > Command Line Tools dropdown and set the correct location 

package/android/src/main/java/com/rtnpinwheel/Pinwheel.kt

@@ -48,7 +48,7 @@ class Pinwheel : FrameLayout {
   private fun createFragment() {
     Handler(Looper.getMainLooper()).post {
       this.token?.let {
-        val pinwheelFragment = PinwheelFragment.newInstance(it, "react native", "3.2.0-rc.5")
+        val pinwheelFragment = PinwheelFragment.newInstance(it, "react native", "3.2.0")
         pinwheelEventListener?.let { listener ->
           pinwheelFragment.pinwheelEventListener = listener
         }
@@ -77,13 +77,15 @@ class Pinwheel : FrameLayout {
   }
 
   fun setupLayoutSizing() {
+    val left = this.left
+    val top = this.top
     val width = this.width
     val height = this.height
     this.measure(
       View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.EXACTLY),
       View.MeasureSpec.makeMeasureSpec(height, View.MeasureSpec.EXACTLY))
 
-    this.layout(0, 0, width, height)
+    this.layout(left, top, left + width, top + height)
   }
 
   override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinwheel/react-native-pinwheel",
-  "version": "3.2.0-rc.5",
+  "version": "3.2.0-rc.6",
   "type": "module",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/Pinwheel.tsx

@@ -1,9 +1,14 @@
 import React, { useEffect, useCallback } from 'react';
-import { SafeAreaView } from 'react-native';
+import { SafeAreaView, StyleSheet } from 'react-native';
 const RTNPinwheel = require('./RTNPinwheelNativeComponent').default;
 import { PinwheelEvents } from './PinwheelEvents';
 import { LinkOptions } from './client-events/client';
 
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});
 const Pinwheel = ({
   linkToken,
   onLogin,
@@ -66,13 +71,8 @@ const Pinwheel = ({
   }, [eventsListener]);
 
   return (
-    <SafeAreaView style={{ width: '100%', height: '100%' }}>
-      {linkToken && (
-        <RTNPinwheel
-          style={{ width: '100%', height: '100%' }}
-          token={linkToken}
-        />
-      )}
+    <SafeAreaView style={styles.container}>
+      {linkToken && <RTNPinwheel style={{ flex: 1 }} token={linkToken} />}
     </SafeAreaView>
   );
 };