@amityco/ts-sdk-react-native 6.30.3-cae094b.0 → 6.30.4-48268a5.0

package/src/channelRepository/events/onChannelMemberRoleRemoved.ts

@@ -4,35 +4,39 @@ import { createEventSubscriber } from '~/core/events';
 
 import { prepareChannelPayload } from '../utils';
 
-/**
- * ```js
- * import { onChannelMemberRoleRemoved } from '@amityco/ts-sdk-react-native'
- * const dispose = onChannelMemberRoleRemoved((channel, member) => {
- *   // ...
- * })
- * ```
- *
- * Fired when any {@link Amity.channelUsers} 's role has been deleted to any {@link Amity.Channel}
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Channel Events
- */
+type CallbackFn = (channel: Amity.InternalChannel, member: Amity.Membership<'channel'>) => void;
+const callbacks: CallbackFn[] = [];
+let mainDisposer: (() => void) | null = null;
+
+const dispose = (cb: CallbackFn) => {
+  const index = callbacks.indexOf(cb);
+  if (index > -1) {
+    callbacks.splice(index, 1);
+  }
+  if (callbacks.length === 0) {
+    mainDisposer?.();
+  }
+};
+
 export const onChannelMemberRoleRemoved = (
   callback: (channel: Amity.InternalChannel, member: Amity.Membership<'channel'>) => void,
 ): Amity.Unsubscriber => {
-  const client = getActiveClient();
+  if (callbacks.length === 0) {
+    const client = getActiveClient();
+
+    const filter = async (payload: Amity.ProcessedChannelPayload) => {
+      const { channels, channelUsers } = payload;
+      callback(channels[0], channelUsers.find(channelUser => channelUser.membership === 'member')!);
+    };
 
-  const filter = async (payload: Amity.ProcessedChannelPayload) => {
-    const { channels, channelUsers } = payload;
-    callback(channels[0], channelUsers.find(channelUser => channelUser.membership === 'member')!);
-  };
+    mainDisposer = createEventSubscriber(
+      client,
+      'onChannelMemberRoleRemoved',
+      'local.channel-moderator.role-removed',
+      filter,
+    );
+  }
 
-  return createEventSubscriber(
-    client,
-    'onChannelMemberRoleRemoved',
-    'local.channel-moderator.role-removed',
-    filter,
-  );
+  callbacks.push(callback);
+  return () => dispose(callback);
 };

package/src/channelRepository/events/onChannelMemberUnbanned.ts

@@ -5,33 +5,41 @@ import { ingestInCache } from '~/cache/api/ingestInCache';
 
 import { prepareChannelPayload } from '../utils';
 
-/**
- * ```js
- * import { onChannelMemberUnbanned } from '@amityco/ts-sdk-react-native'
- * const dispose = onChannelMemberUnbanned((channel, member) => {
- *   // ...
- * })
- * ```
- *
- * Fired when any {@link Amity.InternalUser} has been unbanned from any {@link Amity.Channel}
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Channel Events
- */
+type CallbackFn = (channel: Amity.InternalChannel, member: Amity.Membership<'channel'>) => void;
+const callbacks: CallbackFn[] = [];
+let mainDisposer: (() => void) | null = null;
+
+const dispose = (cb: CallbackFn) => {
+  const index = callbacks.indexOf(cb);
+  if (index > -1) {
+    callbacks.splice(index, 1);
+  }
+  if (callbacks.length === 0) {
+    mainDisposer?.();
+  }
+};
+
 export const onChannelMemberUnbanned = (
   callback: (channel: Amity.InternalChannel, member: Amity.Membership<'channel'>) => void,
 ) => {
-  const client = getActiveClient();
+  if (callbacks.length === 0) {
+    const client = getActiveClient();
 
-  const filter = async (payload: Amity.ChannelMembershipPayload) => {
-    const preparedPayload = await prepareChannelPayload(payload);
-    const { channels, channelUsers } = preparedPayload;
+    const filter = async (payload: Amity.ChannelMembershipPayload) => {
+      const preparedPayload = await prepareChannelPayload(payload);
+      const { channels, channelUsers } = preparedPayload;
 
-    ingestInCache(preparedPayload);
-    callback(channels[0], channelUsers.find(cu => cu.membership === 'none')!);
-  };
+      ingestInCache(preparedPayload);
+      callbacks.forEach(cb => cb(channels[0], channelUsers.find(cu => cu.membership === 'none')!));
+    };
 
-  return createEventSubscriber(client, 'onChannelMemberUnbanned', 'channel.unbanned', filter);
+    mainDisposer = createEventSubscriber(
+      client,
+      'onChannelMemberUnbanned',
+      'channel.unbanned',
+      filter,
+    );
+  }
+  callbacks.push(callback);
+  return () => dispose(callback);
 };

package/src/channelRepository/events/onChannelMuted.ts

@@ -5,30 +5,34 @@ import { ingestInCache } from '~/cache/api/ingestInCache';
 
 import { prepareChannelPayload } from '../utils';
 
-/**
- * ```js
- * import { onChannelMuted } from '@amityco/ts-sdk-react-native'
- * const dispose = onChannelMuted(channel => {
- *   // ...
- * })
- * ```
- *
- * Fired when any {@link Amity.Channel} have been muted
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Channel Events
- */
+type CallbackFn = Amity.Listener<Amity.InternalChannel>;
+const callbacks: CallbackFn[] = [];
+let mainDisposer: (() => void) | null = null;
+
+const dispose = (cb: CallbackFn) => {
+  const index = callbacks.indexOf(cb);
+  if (index > -1) {
+    callbacks.splice(index, 1);
+  }
+  if (callbacks.length === 0) {
+    mainDisposer?.();
+  }
+};
+
 export const onChannelMuted = (callback: Amity.Listener<Amity.InternalChannel>) => {
-  const client = getActiveClient();
+  if (callbacks.length === 0) {
+    const client = getActiveClient();
+
+    const filter = async (payload: Amity.ChannelPayload) => {
+      const data = await prepareChannelPayload(payload);
 
-  const filter = async (payload: Amity.ChannelPayload) => {
-    const data = await prepareChannelPayload(payload);
+      ingestInCache(data);
+      callbacks.forEach(cb => cb(data.channels[0]));
+    };
 
-    ingestInCache(data);
-    callback(data.channels[0]);
-  };
+    mainDisposer = createEventSubscriber(client, 'onChannelMuted', 'channel.setMuted', filter);
+  }
 
-  return createEventSubscriber(client, 'onChannelMuted', 'channel.setMuted', filter);
+  callbacks.push(callback);
+  return () => dispose(callback);
 };

package/src/channelRepository/events/onChannelUpdated.ts

@@ -4,39 +4,42 @@ import { ingestInCache } from '~/cache/api/ingestInCache';
 
 import { prepareChannelPayload } from '../utils';
 
-/**
- * ```js
- * import { onChannelUpdated } from '@amityco/ts-sdk-react-native'
- * const dispose = onChannelUpdated(channel => {
- *   // ...
- * })
- * ```
- *
- * Fired when any {@link Amity.Channel} have been updated
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Channel Events
- */
+type CallbackFn = Amity.Listener<Amity.InternalChannel>;
+const callbacks: CallbackFn[] = [];
+const mainDisposers: (() => void)[] = [];
+
+const dispose = (cb: CallbackFn) => {
+  const index = callbacks.indexOf(cb);
+  if (index > -1) {
+    callbacks.splice(index, 1);
+  }
+  if (callbacks.length === 0) {
+    mainDisposers.forEach(fn => fn());
+  }
+};
+
 export const onChannelUpdated = (callback: Amity.Listener<Amity.InternalChannel>) => {
   const client = getActiveClient();
 
-  const filter = async (payload: Amity.ChannelPayload) => {
-    const data = await prepareChannelPayload(payload);
+  if (callbacks.length === 0) {
+    const filter = async (payload: Amity.ChannelPayload) => {
+      const data = await prepareChannelPayload(payload);
+
+      ingestInCache(data);
+      callbacks.forEach(cb => cb(data.channels[0]));
+    };
 
-    ingestInCache(data);
-    callback(data.channels[0]);
-  };
+    mainDisposers.push(
+      createEventSubscriber(client, 'onChannelUpdated', 'channel.updated', filter),
+    );
 
-  const disposers = [
-    createEventSubscriber(client, 'onChannelUpdated', 'channel.updated', filter),
-    createEventSubscriber(client, 'onChannelUpdated', 'local.channel.updated', payload =>
-      callback(payload.channels[0]),
-    ),
-  ];
+    mainDisposers.push(
+      createEventSubscriber(client, 'onChannelUpdated', 'local.channel.updated', payload =>
+        callbacks.forEach(cb => cb(payload.channels[0])),
+      ),
+    );
+  }
 
-  return () => {
-    disposers.forEach(fn => fn());
-  };
+  callbacks.push(callback);
+  return () => dispose(callback);
 };