@openfort/react-native 0.0.2 → 0.0.3

package/dist/Iframe.js

@@ -1,6 +1,5 @@
-import React from 'react';
-import { useEffect, useRef, useState } from "react";
-import { View } from "react-native";
+import React, { useEffect, useRef, useState } from 'react';
+import { Platform, Text, View } from "react-native";
 import WebView from "react-native-webview";
 const debugInjectedCode = `
   console.log = function(...message) {
@@ -18,6 +17,8 @@ const debugInjectedCode = `
 const injectedCode = `
   window.parent = {};
   window.parent.postMessage = (msg) =>  {console.log("---", msg); window.ReactNativeWebView.postMessage(JSON.stringify(msg))}
+
+  window.isAndroid = ${Platform.OS === 'android' ? 'true' : 'false'};
 `;
 export default function Iframe({ customUri, debug, debugVisible }) {
     const webViewRef = useRef(null);
@@ -25,14 +26,21 @@ export default function Iframe({ customUri, debug, debugVisible }) {
     const fnCallbackRef = useRef(null); // Ref to store the callback
     const [loaded, setLoaded] = useState(false);
     useEffect(() => {
-        global.openfortListener = (fn) => {
+        if (!global.openfort)
+            throw new Error("Openfort SDK not initialized. Please make sure to add `import '@openfort/react-native/polyfills';` at the top of you app before using the SDK.");
+        global.openfort.iframeListener = (fn) => {
             fnCallbackRef.current = fn; // Store the callback in the ref
         };
-        global.openfortPostMessage = (message) => {
-            webViewRef?.current?.postMessage(JSON.stringify(message));
+        global.openfort.iframePostMessage = (message) => {
+            setLoaded(true);
+            if (!webViewRef.current) {
+                if (debug)
+                    console.log("WebView is not initialized, trying to send message:", message);
+                return;
+            }
             if (debug)
                 console.log("[Send message to web view]", message);
-            setLoaded(true);
+            webViewRef.current.postMessage(JSON.stringify(message));
         };
     }, [webViewRef?.current]);
     const handleMessage = (event) => {
@@ -68,5 +76,9 @@ export default function Iframe({ customUri, debug, debugVisible }) {
     }
     const uriWithParams = finalUri.toString();
     return (React.createElement(View, { style: { flex: debugVisible ? 1 : 0 } },
+        debugVisible &&
+            React.createElement(Text, null,
+                "Debug: ",
+                uriWithParams),
         React.createElement(WebView, { ref: webViewRef, source: { uri: uriWithParams }, onMessage: handleMessage, injectedJavaScript: injectedCode + (debug ? debugInjectedCode : "") })));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfort/react-native",
   "main": "dist/index.js",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "license": "MIT",
   "scripts": {
     "build": "rimraf dist && tsc",
@@ -18,18 +18,17 @@
     "react-native-get-random-values": "^1.11.0",
     "react-native-mmkv": "^3.2.0",
     "react-native-randombytes": "^3.6.1",
-    "react-native-webview": "13.12.5",
+    "react-native-webview": "^13.13.5",
     "text-encoding": "^0.7.0",
     "uuid": "^11.1.0"
   },
   "peerDependencies": {
-    "@openfort/openfort-js": "^0.8.31",
+    "@openfort/openfort-js": "^0.8.42",
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
-    "@openfort/openfort-js": "^0.8.31",
     "@types/jsrsasign": "^10.5.15",
     "@types/react": "~18.3.12",
     "@types/react-test-renderer": "^18.3.0",

package/polyfills/index.ts

@@ -70,7 +70,8 @@ const localStorage: Storage = {
 global.localStorage = localStorage;
 global.sessionStorage = localStorage;
 
-global.JWK_UTILS = {
+global.openfort = {}
+global.openfort.jwk = {
   getKey: KEYUTIL.getKey,
   parse: KJUR.jws.JWS.parse,
   verifyJWT: KJUR.jws.JWS.verifyJWT,