@gnosispay/pse-react-native 1.0.2 → 1.0.3

package/README.md

@@ -47,7 +47,7 @@ export default function PaymentScreen() {
 
   const config = {
     appId: "your-app-id",
-    authToken: "users-gnosispay-api-token",
+    gnosisPayApiAuthToken: "users-gnosispay-api-token",
     cardToken: "users-card-token",
     webViewUrl: "https://pse-backend.v2.gnosispay.com/native-webview",
   };
@@ -104,7 +104,7 @@ export default function PaymentScreen() {
 ```tsx
 interface PSEConfig {
   appId: string; // Your application identifier
-  authToken: string; // Authentication token
+  gnosisPayApiAuthToken: string; // Authentication token
   cardToken: string; // Card-specific token
   webViewUrl?: string; // Full URL where your PSE iframe is hosted
 }
@@ -174,7 +174,7 @@ const handleError = (error: string) => {
 ```tsx
 const config = {
   appId: "your-prod-app-id",
-  authToken: "your-prod-auth-token",
+  gnosisPayApiAuthToken: "your-prod-auth-token",
   cardToken: "your-prod-card-token",
   webViewUrl: "https://pse-backend.v2.gnosispay.com/native-webview",
 };
@@ -185,7 +185,7 @@ const config = {
 ```tsx
 const config = {
   appId: "your-staging-app-id",
-  authToken: "your-staging-auth-token",
+  gnosisPayApiAuthToken: "your-staging-auth-token",
   cardToken: "your-staging-card-token",
   webViewUrl: "https://pse-backend-staging.v2.gnosispay.com/native-webview",
 };
@@ -247,7 +247,7 @@ This compiles the TypeScript source files and generates the distribution files i
 
 **Authentication errors:**
 
-- Double-check your appId, authToken, and cardToken
+- Double-check your appId, gnosisPayApiAuthToken, and cardToken
 - Verify tokens haven't expired
 - Contact your PSE provider for token validation
 

package/lib/PSEWebView.js

@@ -18,8 +18,9 @@ const PSEWebView = forwardRef(({ config, onError, onMessage, onLoad, style, test
         // Send parameters to webview after it loads
         const params = {
             appId: config.appId.trim(),
-            authToken: config.authToken.trim(),
+            gnosisPayApiAuthToken: config.gnosisPayApiAuthToken.trim(),
             cardToken: config.cardToken.trim(),
+            elementType: config.elementType,
         };
         const message = JSON.stringify(params);
         webViewRef.current?.postMessage(message);

package/lib/PSEWebView.tsx

@@ -23,8 +23,9 @@ const PSEWebView = forwardRef<PSEWebViewRef, PSEWebViewProps>(
       // Send parameters to webview after it loads
       const params = {
         appId: config.appId.trim(),
-        authToken: config.authToken.trim(),
+        gnosisPayApiAuthToken: config.gnosisPayApiAuthToken.trim(),
         cardToken: config.cardToken.trim(),
+        elementType: config.elementType,
       };
 
       const message = JSON.stringify(params);

package/lib/types.d.ts

@@ -1,8 +1,10 @@
+import type { ElementType } from "@gnosispay/pse-sdk";
 export interface PSEConfig {
     appId: string;
-    authToken: string;
+    gnosisPayApiAuthToken: string;
     cardToken: string;
     webViewUrl?: string;
+    elementType: ElementType;
 }
 export interface PSEWebViewProps {
     config: PSEConfig;

package/lib/types.ts

@@ -1,8 +1,11 @@
+import type { ElementType } from "@gnosispay/pse-sdk";
+
 export interface PSEConfig {
   appId: string;
-  authToken: string;
+  gnosisPayApiAuthToken: string;
   cardToken: string;
   webViewUrl?: string;
+  elementType: ElementType;
 }
 
 export interface PSEWebViewProps {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gnosispay/pse-react-native",
   "main": "lib/index.js",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "types": "lib/index.d.ts",
   "files": [
     "lib/",
@@ -36,6 +36,7 @@
   },
   "dependencies": {
     "@expo/vector-icons": "^14.1.0",
+    "@gnosispay/pse-sdk": "^1.2.2",
     "@react-navigation/bottom-tabs": "^7.3.10",
     "@react-navigation/elements": "^2.3.8",
     "@react-navigation/native": "^7.1.6",
@@ -52,21 +53,21 @@
     "expo-symbols": "~0.4.5",
     "expo-system-ui": "~5.0.10",
     "expo-web-browser": "~14.2.0",
-    "react": "19.0.0",
+    "react": ">=18.0.0",
     "react-dom": "19.0.0",
-    "react-native": "0.79.5",
+    "react-native": ">=0.70.0",
     "react-native-gesture-handler": "~2.24.0",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
     "react-native-screens": "~4.11.1",
     "react-native-web": "~0.20.0",
-    "react-native-webview": "13.13.5"
+    "react-native-webview": ">=13.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@types/react": "~19.0.10",
-    "typescript": "~5.8.3",
     "eslint": "^9.25.0",
-    "eslint-config-expo": "~9.2.0"
+    "eslint-config-expo": "~9.2.0",
+    "typescript": "~5.8.3"
   }
 }