@dynamic-labs/react-native-extension 2.1.0-alpha.21 → 2.1.0-alpha.23

package/index.js

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useRef, useEffect, useCallback, useState } from 'react';
 import { WebView as WebView$1 } from 'react-native-webview';
 import { parseMessageTransportData, createRequestChannel } from '@dynamic-labs/message-transport';
 import { Logger } from '@dynamic-labs/logger';
@@ -6,7 +6,7 @@ import { StyleSheet } from 'react-native';
 import { jsx } from 'react/jsx-runtime';
 import { createPasskey, PasskeyStamper } from '@turnkey/react-native-passkey-stamper';
 
-var version$1 = "2.1.0-alpha.21";
+var version$1 = "2.1.0-alpha.23";
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1094,12 +1094,22 @@ $$8({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
 
 const logger = new Logger('react-native-extension');
 
+const useIsMounted = () => {
+  const isMountedRef = useRef(true);
+  useEffect(() => () => {
+    isMountedRef.current = false;
+  }, []);
+  return useCallback(() => isMountedRef.current, [isMountedRef]);
+};
+
 const useMessageTransportWebViewBridge = (core, webViewRef) => {
+  const canBroadcastMessages = useIsMounted();
   /**
    * Receive a message from the webview and forward it to the client
    * message transport
    */
   const onMessageHandler = event => {
+    if (!canBroadcastMessages()) return;
     let parsedData = null;
     try {
       parsedData = JSON.parse(event.nativeEvent.data);
@@ -1124,6 +1134,7 @@ const useMessageTransportWebViewBridge = (core, webViewRef) => {
    */
   useEffect(() => {
     const sendMessageToWebView = message => {
+      if (!canBroadcastMessages()) return;
       /**
        * Only forward messages to the webview
        * that where created by the client/host
@@ -1136,7 +1147,7 @@ const useMessageTransportWebViewBridge = (core, webViewRef) => {
     return () => {
       core.messageTransport.off(sendMessageToWebView);
     };
-  }, [core.messageTransport, webViewRef]);
+  }, [core.messageTransport, webViewRef, canBroadcastMessages]);
   return {
     onMessageHandler
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/react-native-extension",
-  "version": "2.1.0-alpha.21",
+  "version": "2.1.0-alpha.23",
   "main": "./index.js",
   "module": "./index.js",
   "types": "./src/index.d.ts",
@@ -14,14 +14,14 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@dynamic-labs/message-transport": "2.1.0-alpha.21",
-    "@dynamic-labs/logger": "2.1.0-alpha.21",
+    "@dynamic-labs/message-transport": "2.1.0-alpha.23",
+    "@dynamic-labs/logger": "2.1.0-alpha.23",
     "@turnkey/react-native-passkey-stamper": "0.2.5"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-native": "^0.73.6",
     "react-native-webview": "^13.6.4",
-    "@dynamic-labs/client": "2.1.0-alpha.21"
+    "@dynamic-labs/client": "2.1.0-alpha.23"
   }
 }

package/src/lib/hooks/useIsMounted/index.d.ts

@@ -0,0 +1 @@
+export { useIsMounted } from './useIsMounted';

package/src/lib/hooks/useIsMounted/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare const useIsMounted: () => () => boolean;