stream-chat-react-native-core 6.6.8-beta.3 → 6.6.8-beta.5

package/src/hooks/useSyncClientEvents.ts

@@ -0,0 +1,69 @@
+import { useCallback } from 'react';
+
+import type { Channel, EventTypes, StreamChat } from 'stream-chat';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+
+import { DefaultStreamChatGenerics } from '../types/types';
+
+const noop = () => {};
+
+export function useSyncClientEventsToChannel<
+  StreamChatGenerics extends DefaultStreamChatGenerics,
+  O,
+>(_: {
+  channel: Channel<StreamChatGenerics>;
+  client: StreamChat<StreamChatGenerics>;
+  selector: (channel: Channel<StreamChatGenerics>, client: StreamChat<StreamChatGenerics>) => O;
+  stateChangeEventKeys?: EventTypes[];
+}): O;
+export function useSyncClientEventsToChannel<
+  StreamChatGenerics extends DefaultStreamChatGenerics,
+  O,
+>(_: {
+  selector: (channel: Channel<StreamChatGenerics>, client: StreamChat<StreamChatGenerics>) => O;
+  channel?: Channel<StreamChatGenerics> | undefined;
+  client?: StreamChat<StreamChatGenerics> | undefined;
+  stateChangeEventKeys?: EventTypes[];
+}): O | undefined;
+export function useSyncClientEventsToChannel<
+  StreamChatGenerics extends DefaultStreamChatGenerics,
+  O,
+>({
+  channel,
+  client,
+  selector,
+  stateChangeEventKeys = ['all'],
+}: {
+  selector: (channel: Channel<StreamChatGenerics>, client: StreamChat<StreamChatGenerics>) => O;
+  channel?: Channel<StreamChatGenerics> | undefined;
+  client?: StreamChat<StreamChatGenerics>;
+  stateChangeEventKeys?: EventTypes[];
+}): O | undefined {
+  const subscribe = useCallback(
+    (onStoreChange: (value: O) => void) => {
+      if (!client || !channel) {
+        return noop;
+      }
+
+      const subscriptions = stateChangeEventKeys.map((et) =>
+        client.on(et, () => {
+          onStoreChange(selector(channel, client));
+        }),
+      );
+
+      return () => subscriptions.forEach((subscription) => subscription.unsubscribe());
+    },
+    [channel, client, selector, stateChangeEventKeys],
+  );
+
+  const getSnapshot = useCallback(() => {
+    if (!client || !channel) {
+      return undefined;
+    }
+
+    const originalSnapshot = selector(channel, client);
+    return originalSnapshot;
+  }, [channel, client, selector]);
+
+  return useSyncExternalStore(subscribe, getSnapshot);
+}

package/src/hooks/useTranslatedMessage.ts

@@ -10,9 +10,7 @@ export const useTranslatedMessage = <
 >(
   message?: MessageResponse<StreamChatGenerics> | FormatMessageResponse<StreamChatGenerics>,
 ) => {
-  const { userLanguage: translationContextUserLanguage } = useTranslationContext();
-
-  const userLanguage = translationContextUserLanguage;
+  const { userLanguage } = useTranslationContext();
 
   const translationKey: TranslationKey = `${userLanguage}_text`;
 

package/src/store/apis/queries/selectMessagesForChannels.ts

@@ -30,7 +30,7 @@ export const selectMessagesForChannels = async (
         *,
         ROW_NUMBER() OVER (
           PARTITION BY cid
-          ORDER BY cast(strftime('%s', createdAt) AS INTEGER) ASC
+          ORDER BY cast(strftime('%s', createdAt) AS INTEGER) DESC
         ) RowNum
       FROM messages
       WHERE cid in (${questionMarks})
@@ -38,7 +38,8 @@ export const selectMessagesForChannels = async (
     LEFT JOIN
       users b
     ON b.id = a.userId
-    WHERE RowNum < 200`,
+    WHERE RowNum < 200
+    ORDER BY cast(strftime('%s', a.createdAt) AS INTEGER) ASC`,
     cids,
   );
 

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "6.6.8-beta.3"
+  "version": "6.6.8-beta.5"
 }

package/lib/commonjs/components/ChannelList/hooks/useSelectedChannelState.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_shim","noop","useSelectedChannelState","_ref","channel","selector","_ref$stateChangeEvent","stateChangeEventKeys","subscribe","useCallback","onStoreChange","subscriptions","map","et","on","forEach","subscription","unsubscribe","getSnapshot","undefined","useSyncExternalStore"],"sourceRoot":"../../../../../src","sources":["components/ChannelList/hooks/useSelectedChannelState.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAA,EAAS,CAAC,CAAC;AAkBd,SAASC,uBAAuBA,CAAAC,IAAA,EAQrB;EAAA,IAPhBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,qBAAA,GAAAH,IAAA,CACRI,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,CAAC,KAAK,CAAC,GAAAA,qBAAA;EAM9B,IAAME,SAAS,GAAG,IAAAC,kBAAW,EAC3B,UAACC,aAAiC,EAAK;IACrC,IAAI,CAACN,OAAO,EAAE;MACZ,OAAOH,IAAI;IACb;IAEA,IAAMU,aAAa,GAAGJ,oBAAoB,CAACK,GAAG,CAAC,UAACC,EAAE;MAAA,OAChDT,OAAO,CAACU,EAAE,CAACD,EAAE,EAAE,YAAM;QACnBH,aAAa,CAACL,QAAQ,CAACD,OAAO,CAAC,CAAC;MAClC,CAAC,CAAC;IAAA,CACJ,CAAC;IAED,OAAO;MAAA,OAAMO,aAAa,CAACI,OAAO,CAAC,UAACC,YAAY;QAAA,OAAKA,YAAY,CAACC,WAAW,CAAC,CAAC;MAAA,EAAC;IAAA;EAClF,CAAC,EACD,CAACb,OAAO,EAAEC,QAAQ,EAAEE,oBAAoB,CAC1C,CAAC;EAED,IAAMW,WAAW,GAAG,IAAAT,kBAAW,EAAC,YAAM;IACpC,IAAI,CAACL,OAAO,EAAE;MACZ,OAAOe,SAAS;IAClB;IAEA,OAAOd,QAAQ,CAACD,OAAO,CAAC;EAC1B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEvB,OAAO,IAAAe,0BAAoB,EAACZ,SAAS,EAAEU,WAAW,CAAC;AACrD","ignoreList":[]}

package/lib/module/components/ChannelList/hooks/useSelectedChannelState.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_shim","noop","useSelectedChannelState","_ref","channel","selector","_ref$stateChangeEvent","stateChangeEventKeys","subscribe","useCallback","onStoreChange","subscriptions","map","et","on","forEach","subscription","unsubscribe","getSnapshot","undefined","useSyncExternalStore"],"sourceRoot":"../../../../../src","sources":["components/ChannelList/hooks/useSelectedChannelState.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAA,EAAS,CAAC,CAAC;AAkBd,SAASC,uBAAuBA,CAAAC,IAAA,EAQrB;EAAA,IAPhBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,qBAAA,GAAAH,IAAA,CACRI,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,CAAC,KAAK,CAAC,GAAAA,qBAAA;EAM9B,IAAME,SAAS,GAAG,IAAAC,kBAAW,EAC3B,UAACC,aAAiC,EAAK;IACrC,IAAI,CAACN,OAAO,EAAE;MACZ,OAAOH,IAAI;IACb;IAEA,IAAMU,aAAa,GAAGJ,oBAAoB,CAACK,GAAG,CAAC,UAACC,EAAE;MAAA,OAChDT,OAAO,CAACU,EAAE,CAACD,EAAE,EAAE,YAAM;QACnBH,aAAa,CAACL,QAAQ,CAACD,OAAO,CAAC,CAAC;MAClC,CAAC,CAAC;IAAA,CACJ,CAAC;IAED,OAAO;MAAA,OAAMO,aAAa,CAACI,OAAO,CAAC,UAACC,YAAY;QAAA,OAAKA,YAAY,CAACC,WAAW,CAAC,CAAC;MAAA,EAAC;IAAA;EAClF,CAAC,EACD,CAACb,OAAO,EAAEC,QAAQ,EAAEE,oBAAoB,CAC1C,CAAC;EAED,IAAMW,WAAW,GAAG,IAAAT,kBAAW,EAAC,YAAM;IACpC,IAAI,CAACL,OAAO,EAAE;MACZ,OAAOe,SAAS;IAClB;IAEA,OAAOd,QAAQ,CAACD,OAAO,CAAC;EAC1B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEvB,OAAO,IAAAe,0BAAoB,EAACZ,SAAS,EAAEU,WAAW,CAAC;AACrD","ignoreList":[]}

package/lib/typescript/components/ChannelList/hooks/useSelectedChannelState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectedChannelState.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChannelList/hooks/useSelectedChannelState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAIjE,wBAAgB,uBAAuB,CACrC,kBAAkB,SAAS,yBAAyB,EACpD,CAAC,EACD,CAAC,EAAE;IACH,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtD,oBAAoB,CAAC,EAAE,UAAU,EAAE,CAAC;CACrC,GAAG,CAAC,CAAC;AACN,wBAAgB,uBAAuB,CACrC,kBAAkB,SAAS,yBAAyB,EACpD,CAAC,EACD,CAAC,EAAE;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAAC;IAClD,oBAAoB,CAAC,EAAE,UAAU,EAAE,CAAC;CACrC,GAAG,CAAC,GAAG,SAAS,CAAC"}