@applicaster/zapp-react-native-utils 12.0.0-rc.1 → 12.0.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-utils",
-  "version": "12.0.0-rc.1",
+  "version": "12.0.0-rc.2",
   "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": "12.0.0-rc.1",
+    "@applicaster/applicaster-types": "12.0.0-rc.2",
     "buffer": "^5.2.1",
     "camelize": "^1.0.0",
     "create-react-context": "^0.2.3",

package/reactHooks/useListenEventBusEvent.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { DeviceEventEmitter, NativeModules, Platform } from "react-native";
+import { PushTopicManager } from "@applicaster/zapp-react-native-bridge/PushNotifications/PushTopicManager";
+
+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(() => {
+    let sub;
+
+    // TODO: remove after implementing ReactNativeEventBusBridge on iOS
+    if (Platform.OS === "android") {
+      // subscribe to DeviceEventEmitter using subsciption ID
+      sub = DeviceEventEmitter.addListener(
+        subscriptionID,
+        handler
+      );
+
+      // ask native to start routing these events to RN
+      ReactNativeEventBusBridge.subscribe(subscriptionID, { [source]: events });
+    }
+
+    // getting tags right after subscription
+    PushTopicManager.getInstance().prepareTags();
+
+    return () => {
+      ReactNativeEventBusBridge?.unsubscribe?.(subscriptionID); // ask EventBus to stop routing these events to RN
+      sub?.remove?.(); // stop listening to DeviceEventEmitter
+    };
+  }, []);
+};