@applicaster/zapp-react-native-utils 11.1.0 → 12.0.0-alpha.9453522405

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-utils",
-  "version": "11.1.0",
+  "version": "12.0.0-alpha.9453522405",
   "description": "Applicaster Zapp React Native utilities package",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "11.1.0",
+    "@applicaster/applicaster-types": "12.0.0-alpha.9453522405",
     "buffer": "^5.2.1",
     "camelize": "^1.0.0",
     "create-react-context": "^0.2.3",

package/reactHooks/useListenEventBusEvent.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { DeviceEventEmitter, NativeModules, Platform } from "react-native";
+
+const { ReactNativeEventBusBridge } = NativeModules;
+
+export const useListenEventBusEvent = (
+  subscriptionID: string, // subsciption ID to manage it, will be used as a event name for DeviceEventEmitter
+  source: string,
+  events: string[],
+  handler: (event) => void
+) => {
+  React.useEffect(() => {
+    if (Platform.OS === "android") {
+      // subscribe to DeviceEventEmitter using subsciption ID
+      const sub = DeviceEventEmitter.addListener(
+        subscriptionID,
+        handler
+      );
+
+      // ask native to start routing these events to RN
+      ReactNativeEventBusBridge.subscribe(subscriptionID, { [source]: events });
+
+      return () => {
+        ReactNativeEventBusBridge.unsubscribe(subscriptionID); // ask EventBus to stop routing these events to RN
+        sub.remove(); // stop listening to DeviceEventEmitter
+      };
+    }
+  }, [subscriptionID, source, events, handler]);
+};