stream-chat-react-native-core 10.0.0-rc.4 → 10.0.0

package/src/store/mappers/mapStorableToPoll.ts

@@ -13,6 +13,7 @@ export const mapStorableToPoll = (pollRow: TableRow<'poll'>): PollResponseData =
     created_by,
     created_by_id,
     description,
+    description_i18n,
     enforce_unique_vote,
     id,
     is_closed,
@@ -20,6 +21,7 @@ export const mapStorableToPoll = (pollRow: TableRow<'poll'>): PollResponseData =
     latest_votes_by_option,
     max_votes_allowed,
     name,
+    name_i18n,
     options,
     own_votes,
     updated_at,
@@ -37,6 +39,7 @@ export const mapStorableToPoll = (pollRow: TableRow<'poll'>): PollResponseData =
     created_by_id,
     custom: {},
     description: description ?? '',
+    description_i18n: description_i18n ? (JSON.parse(description_i18n) ?? undefined) : undefined,
     enforce_unique_vote,
     id,
     is_closed,
@@ -44,6 +47,7 @@ export const mapStorableToPoll = (pollRow: TableRow<'poll'>): PollResponseData =
     latest_votes_by_option: JSON.parse(latest_votes_by_option),
     max_votes_allowed,
     name,
+    name_i18n: name_i18n ? (JSON.parse(name_i18n) ?? undefined) : undefined,
     options: JSON.parse(options),
     own_votes: own_votes ? JSON.parse(own_votes) : [],
     updated_at: mapStorableToRequiredTimestamp(updated_at),

package/src/store/schema.ts

@@ -225,6 +225,7 @@ export const tables: Tables = {
       created_by: 'TEXT',
       created_by_id: 'TEXT',
       description: 'TEXT',
+      description_i18n: 'TEXT',
       enforce_unique_vote: 'BOOLEAN DEFAULT FALSE',
       id: 'TEXT NOT NULL',
       is_closed: 'BOOLEAN DEFAULT FALSE',
@@ -232,6 +233,7 @@ export const tables: Tables = {
       latest_votes_by_option: 'TEXT',
       max_votes_allowed: 'INTEGER DEFAULT 1',
       name: 'TEXT',
+      name_i18n: 'TEXT',
       options: 'TEXT',
       own_votes: 'TEXT',
       updated_at: 'INTEGER',
@@ -462,7 +464,9 @@ export type Schema = {
     allow_answers?: boolean;
     allow_user_suggested_options?: boolean;
     description?: string;
+    description_i18n?: string;
     is_closed?: boolean;
+    name_i18n?: string;
     own_votes?: string;
     voting_visibility?: string;
   };

package/src/types/stream-chat-common-custom-data.d.ts

@@ -3,7 +3,6 @@ import 'stream-chat';
 import {
   DefaultAttachmentData,
   DefaultChannelData,
-  DefaultCommandData,
   DefaultEventData,
   DefaultMemberData,
   DefaultMessageData,
@@ -21,8 +20,6 @@ declare module 'stream-chat' {
 
   interface CustomChannelData extends DefaultChannelData {}
 
-  interface CustomCommandData extends DefaultCommandData {}
-
   interface CustomEventData extends DefaultEventData {}
 
   interface CustomMemberData extends DefaultMemberData {}

package/src/types/types.ts

@@ -60,11 +60,6 @@ export interface DefaultChannelData {
   name?: string;
 }
 
-export interface DefaultCommandData {
-  flag: unknown;
-  imgur: unknown;
-}
-
 /* eslint-disable @typescript-eslint/no-empty-object-type */
 
 export interface DefaultEventData {}

package/src/utils/__tests__/utils.test.ts

@@ -1,4 +1,45 @@
-import { formatMsToMinSec, getUrlWithoutParams } from '../utils';
+import { formatMsToMinSec, getInitialsFromName, getUrlWithoutParams } from '../utils';
+
+describe('getInitialsFromName', () => {
+  it('should return the uppercased first letter of the first two words', () => {
+    expect(getInitialsFromName('ivan sekovanikj')).toBe('IS');
+    expect(getInitialsFromName('  Jane   Mary Doe ')).toBe('JM');
+    expect(getInitialsFromName('Jane Mary Doe', 3)).toBe('JMD');
+    expect(getInitialsFromName('Jane')).toBe('J');
+  });
+
+  it('should return an empty string for empty or blank names', () => {
+    expect(getInitialsFromName('')).toBe('');
+    expect(getInitialsFromName('   ')).toBe('');
+  });
+
+  it('should keep characters outside the Basic Multilingual Plane intact', () => {
+    expect(getInitialsFromName('😀 Smiley')).toBe('😀S');
+    expect(getInitialsFromName('𝒜lice Bob')).toBe('𝒜B');
+  });
+
+  it('should keep emoji sequences intact', () => {
+    expect(getInitialsFromName('👍🏽 Thumb')).toBe('👍🏽T');
+    expect(getInitialsFromName('🇺🇸 Flag')).toBe('🇺🇸F');
+    expect(getInitialsFromName('🇺🇸🇬🇧 Flags')).toBe('🇺🇸F');
+    expect(getInitialsFromName('👨‍👩‍👧 Family')).toBe('👨‍👩‍👧F');
+    expect(getInitialsFromName('❤️ Heart')).toBe('❤️H');
+    expect(getInitialsFromName('🏴󠁧󠁢󠁥󠁮󠁧󠁿 England')).toBe('🏴󠁧󠁢󠁥󠁮󠁧󠁿E');
+  });
+
+  it('should bound the length of a pathological emoji sequence', () => {
+    const initials = getInitialsFromName(`${'👨‍👩‍👧'.repeat(2000)} x`);
+
+    expect(initials.length).toBeLessThanOrEqual(33);
+    expect(initials.endsWith('X')).toBe(true);
+  });
+
+  it('should take the first code unit of words that do not start with an emoji', () => {
+    expect(getInitialsFromName('Иван Петров')).toBe('ИП');
+    expect(getInitialsFromName('大学 同学')).toBe('大同');
+    expect(getInitialsFromName('1️⃣ One')).toBe('1O');
+  });
+});
 
 describe('getUrlWithoutParams', () => {
   const testUrlMap: Record<string, string> = {

package/src/utils/i18n/__tests__/getTranslatedText.test.ts

@@ -0,0 +1,17 @@
+import { getTranslatedText } from '../getTranslatedText';
+
+describe('getTranslatedText', () => {
+  const i18n = { de_text: 'Wie geht es?', language: 'en' };
+
+  it('returns the translation into the given language', () => {
+    expect(getTranslatedText(i18n, 'de')).toBe('Wie geht es?');
+  });
+
+  it('returns undefined when there is no translation into the given language', () => {
+    expect(getTranslatedText(i18n, 'fr')).toBeUndefined();
+  });
+
+  it('returns undefined when the text has no translations', () => {
+    expect(getTranslatedText(undefined, 'de')).toBeUndefined();
+  });
+});

package/src/utils/i18n/getTranslatedText.ts

@@ -0,0 +1,10 @@
+/**
+ * Returns the translation of a text into `language`, or undefined if there is none.
+ *
+ * The UI language can be any registered string, while `i18n` only carries the languages the
+ * auto-translation endpoint supports, so an unsupported language returns undefined.
+ */
+export const getTranslatedText = (
+  i18n: Record<string, string> | undefined,
+  language: string,
+): string | undefined => i18n?.[`${language}_text`];

package/src/utils/utils.ts

@@ -313,6 +313,55 @@ export const checkQuotedMessageEquality = (
   return quotedMessageEqual;
 };
 
+const ZERO_WIDTH_JOINER = 0x200d;
+// The longest real emoji sequences are ~15 code units, this only bounds pathological input.
+const MAX_EMOJI_LENGTH = 32;
+// Emoji start with a high surrogate or sit in the BMP symbol blocks (e.g. ❤ U+2764). Kept as
+// one-character strings so a word's first character can be compared without `charCodeAt`.
+const SYMBOLS_START = String.fromCharCode(0x2000);
+const SYMBOLS_END = String.fromCharCode(0x2bff);
+const HIGH_SURROGATE_START = String.fromCharCode(0xd800);
+const HIGH_SURROGATE_END = String.fromCharCode(0xdbff);
+
+const isRegionalIndicator = (codePoint: number) => codePoint >= 0x1f1e6 && codePoint <= 0x1f1ff;
+
+// Code points that attach to the preceding emoji instead of starting a new character.
+const isEmojiModifier = (codePoint: number) =>
+  (codePoint >= 0xfe00 && codePoint <= 0xfe0f) || // variation selectors
+  (codePoint >= 0x1f3fb && codePoint <= 0x1f3ff) || // skin tone modifiers
+  (codePoint >= 0xe0020 && codePoint <= 0xe007f); // tags, used by subdivision flags
+
+const codePointLength = (codePoint: number) => (codePoint > 0xffff ? 2 : 1);
+
+/**
+ * Returns the first character of a string that starts with an emoji, keeping skin tones, flags
+ * and ZWJ sequences intact. Hermes has no `Intl.Segmenter`, so the common cases are covered with
+ * explicit code point ranges.
+ */
+const getFirstEmoji = (text: string) => {
+  const first = text.codePointAt(0) as number;
+  let end = codePointLength(first);
+
+  if (isRegionalIndicator(first)) {
+    const next = text.codePointAt(end);
+    if (next !== undefined && isRegionalIndicator(next)) {
+      end += 2;
+    }
+  }
+  while (end < text.length && end < MAX_EMOJI_LENGTH) {
+    const codePoint = text.codePointAt(end) as number;
+    if (isEmojiModifier(codePoint)) {
+      end += codePointLength(codePoint);
+    } else if (codePoint === ZERO_WIDTH_JOINER && end + 1 < text.length) {
+      end += 1 + codePointLength(text.codePointAt(end + 1) as number);
+    } else {
+      break;
+    }
+  }
+
+  return text.slice(0, end);
+};
+
 /**
  * Returns the uppercase first letters of the first words of a name.
  *
@@ -328,7 +377,14 @@ export const getInitialsFromName = (name: string, numberOfInitials: number = 2)
   return trimmed
     .split(/\s+/)
     .slice(0, numberOfInitials)
-    .map((n) => n.charAt(0).toUpperCase())
+    .map((n) => {
+      const first = n.charAt(0);
+      // Plain names take the same `charAt(0)` path as before; only possible emoji do more work.
+      const mayBeEmoji =
+        first >= SYMBOLS_START &&
+        (first <= SYMBOLS_END || (first >= HIGH_SURROGATE_START && first <= HIGH_SURROGATE_END));
+      return (mayBeEmoji ? getFirstEmoji(n) : first).toUpperCase();
+    })
     .join('');
 };
 

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "10.0.0-rc.4"
+  "version": "10.0.0"
 }

package/lib/commonjs/utils/setupCommandUIMiddlewares.js

@@ -1,37 +0,0 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setupCommandUIMiddlewares = void 0;
-var _streamChat = require("stream-chat");
-var setupCommandUIMiddlewares = messageComposer => {
-  messageComposer.compositionMiddlewareExecutor.insert({
-    middleware: [(0, _streamChat.createCommandInjectionMiddleware)(messageComposer)],
-    position: {
-      after: 'stream-io/message-composer-middleware/attachments'
-    },
-    unique: true
-  });
-  messageComposer.draftCompositionMiddlewareExecutor.insert({
-    middleware: [(0, _streamChat.createDraftCommandInjectionMiddleware)(messageComposer)],
-    position: {
-      after: 'stream-io/message-composer-middleware/draft-attachments'
-    },
-    unique: true
-  });
-  messageComposer.textComposer.middlewareExecutor.insert({
-    middleware: [(0, _streamChat.createActiveCommandGuardMiddleware)()],
-    position: {
-      before: 'stream-io/text-composer/commands-middleware'
-    },
-    unique: true
-  });
-  messageComposer.textComposer.middlewareExecutor.insert({
-    middleware: [(0, _streamChat.createCommandStringExtractionMiddleware)()],
-    position: {
-      after: 'stream-io/text-composer/commands-middleware'
-    },
-    unique: true
-  });
-};
-exports.setupCommandUIMiddlewares = setupCommandUIMiddlewares;
-//# sourceMappingURL=setupCommandUIMiddlewares.js.map

package/lib/commonjs/utils/setupCommandUIMiddlewares.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_streamChat","require","setupCommandUIMiddlewares","messageComposer","compositionMiddlewareExecutor","insert","middleware","createCommandInjectionMiddleware","position","after","unique","draftCompositionMiddlewareExecutor","createDraftCommandInjectionMiddleware","textComposer","middlewareExecutor","createActiveCommandGuardMiddleware","before","createCommandStringExtractionMiddleware","exports"],"sourceRoot":"../../../src","sources":["utils/setupCommandUIMiddlewares.ts"],"mappings":";;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AASO,IAAMC,yBAAyB,GAAIC,eAAgC,IAAK;EAC7EA,eAAe,CAACC,6BAA6B,CAACC,MAAM,CAAC;IACnDC,UAAU,EAAE,CAAC,IAAAC,4CAAgC,EAACJ,eAAe,CAAC,CAAC;IAC/DK,QAAQ,EAAE;MAAEC,KAAK,EAAE;IAAoD,CAAC;IACxEC,MAAM,EAAE;EACV,CAAC,CAAC;EAEFP,eAAe,CAACQ,kCAAkC,CAACN,MAAM,CAAC;IACxDC,UAAU,EAAE,CAAC,IAAAM,iDAAqC,EAACT,eAAe,CAAC,CAAC;IACpEK,QAAQ,EAAE;MAAEC,KAAK,EAAE;IAA0D,CAAC;IAC9EC,MAAM,EAAE;EACV,CAAC,CAAC;EAEFP,eAAe,CAACU,YAAY,CAACC,kBAAkB,CAACT,MAAM,CAAC;IACrDC,UAAU,EAAE,CAAC,IAAAS,8CAAkC,EAAC,CAAC,CAA2B;IAC5EP,QAAQ,EAAE;MAAEQ,MAAM,EAAE;IAA8C,CAAC;IACnEN,MAAM,EAAE;EACV,CAAC,CAAC;EAEFP,eAAe,CAACU,YAAY,CAACC,kBAAkB,CAACT,MAAM,CAAC;IACrDC,UAAU,EAAE,CAAC,IAAAW,mDAAuC,EAAC,CAAC,CAA2B;IACjFT,QAAQ,EAAE;MAAEC,KAAK,EAAE;IAA8C,CAAC;IAClEC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC;AAACQ,OAAA,CAAAhB,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/lib/module/utils/setupCommandUIMiddlewares.js

@@ -1,37 +0,0 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setupCommandUIMiddlewares = void 0;
-var _streamChat = require("stream-chat");
-var setupCommandUIMiddlewares = messageComposer => {
-  messageComposer.compositionMiddlewareExecutor.insert({
-    middleware: [(0, _streamChat.createCommandInjectionMiddleware)(messageComposer)],
-    position: {
-      after: 'stream-io/message-composer-middleware/attachments'
-    },
-    unique: true
-  });
-  messageComposer.draftCompositionMiddlewareExecutor.insert({
-    middleware: [(0, _streamChat.createDraftCommandInjectionMiddleware)(messageComposer)],
-    position: {
-      after: 'stream-io/message-composer-middleware/draft-attachments'
-    },
-    unique: true
-  });
-  messageComposer.textComposer.middlewareExecutor.insert({
-    middleware: [(0, _streamChat.createActiveCommandGuardMiddleware)()],
-    position: {
-      before: 'stream-io/text-composer/commands-middleware'
-    },
-    unique: true
-  });
-  messageComposer.textComposer.middlewareExecutor.insert({
-    middleware: [(0, _streamChat.createCommandStringExtractionMiddleware)()],
-    position: {
-      after: 'stream-io/text-composer/commands-middleware'
-    },
-    unique: true
-  });
-};
-exports.setupCommandUIMiddlewares = setupCommandUIMiddlewares;
-//# sourceMappingURL=setupCommandUIMiddlewares.js.map

package/lib/module/utils/setupCommandUIMiddlewares.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_streamChat","require","setupCommandUIMiddlewares","messageComposer","compositionMiddlewareExecutor","insert","middleware","createCommandInjectionMiddleware","position","after","unique","draftCompositionMiddlewareExecutor","createDraftCommandInjectionMiddleware","textComposer","middlewareExecutor","createActiveCommandGuardMiddleware","before","createCommandStringExtractionMiddleware","exports"],"sourceRoot":"../../../src","sources":["utils/setupCommandUIMiddlewares.ts"],"mappings":";;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AASO,IAAMC,yBAAyB,GAAIC,eAAgC,IAAK;EAC7EA,eAAe,CAACC,6BAA6B,CAACC,MAAM,CAAC;IACnDC,UAAU,EAAE,CAAC,IAAAC,4CAAgC,EAACJ,eAAe,CAAC,CAAC;IAC/DK,QAAQ,EAAE;MAAEC,KAAK,EAAE;IAAoD,CAAC;IACxEC,MAAM,EAAE;EACV,CAAC,CAAC;EAEFP,eAAe,CAACQ,kCAAkC,CAACN,MAAM,CAAC;IACxDC,UAAU,EAAE,CAAC,IAAAM,iDAAqC,EAACT,eAAe,CAAC,CAAC;IACpEK,QAAQ,EAAE;MAAEC,KAAK,EAAE;IAA0D,CAAC;IAC9EC,MAAM,EAAE;EACV,CAAC,CAAC;EAEFP,eAAe,CAACU,YAAY,CAACC,kBAAkB,CAACT,MAAM,CAAC;IACrDC,UAAU,EAAE,CAAC,IAAAS,8CAAkC,EAAC,CAAC,CAA2B;IAC5EP,QAAQ,EAAE;MAAEQ,MAAM,EAAE;IAA8C,CAAC;IACnEN,MAAM,EAAE;EACV,CAAC,CAAC;EAEFP,eAAe,CAACU,YAAY,CAACC,kBAAkB,CAACT,MAAM,CAAC;IACrDC,UAAU,EAAE,CAAC,IAAAW,mDAAuC,EAAC,CAAC,CAA2B;IACjFT,QAAQ,EAAE;MAAEC,KAAK,EAAE;IAA8C,CAAC;IAClEC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC;AAACQ,OAAA,CAAAhB,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/lib/typescript/utils/setupCommandUIMiddlewares.d.ts

@@ -1,3 +0,0 @@
-import { MessageComposer } from 'stream-chat';
-export declare const setupCommandUIMiddlewares: (messageComposer: MessageComposer) => void;
-//# sourceMappingURL=setupCommandUIMiddlewares.d.ts.map

package/lib/typescript/utils/setupCommandUIMiddlewares.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupCommandUIMiddlewares.d.ts","sourceRoot":"","sources":["../../../src/utils/setupCommandUIMiddlewares.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,eAAe,EAEhB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,yBAAyB,GAAI,iBAAiB,eAAe,SAwBzE,CAAC"}

package/src/utils/__tests__/setupCommandUIMiddlewares.test.ts

@@ -1,49 +0,0 @@
-import type { MessageComposer } from 'stream-chat';
-
-import { initiateClientWithChannels } from '../../mock-builders/api/initiateClientWithChannels';
-import { setupCommandUIMiddlewares } from '../setupCommandUIMiddlewares';
-
-const countMiddleware = (composer: MessageComposer) => {
-  const count = (middleware: ReadonlyArray<{ id: string }>, id: string) =>
-    middleware.filter((md) => md.id === id).length;
-
-  return {
-    composition: count(
-      composer.compositionMiddlewareExecutor.installedMiddleware,
-      'stream-io/message-composer-middleware/command-string-injection',
-    ),
-    draftComposition: count(
-      composer.draftCompositionMiddlewareExecutor.installedMiddleware,
-      'stream-io/message-composer-middleware/draft-command-string-injection',
-    ),
-    textActiveCommandGuard: count(
-      composer.textComposer.middlewareExecutor.installedMiddleware,
-      'stream-io/text-composer/active-command-guard',
-    ),
-    textCommandStringExtraction: count(
-      composer.textComposer.middlewareExecutor.installedMiddleware,
-      'stream-io/text-composer/command-string-extraction',
-    ),
-  };
-};
-
-describe('setupCommandUIMiddlewares', () => {
-  it('inserts each command middleware once, however often it runs on the same composer', async () => {
-    const {
-      channels: [channel],
-    } = await initiateClientWithChannels();
-    const composer = channel.messageComposer;
-
-    // The `messageComposer` setup function re-runs on every config change and re-subscription.
-    setupCommandUIMiddlewares(composer);
-    setupCommandUIMiddlewares(composer);
-    setupCommandUIMiddlewares(composer);
-
-    expect(countMiddleware(composer)).toEqual({
-      composition: 1,
-      draftComposition: 1,
-      textActiveCommandGuard: 1,
-      textCommandStringExtraction: 1,
-    });
-  });
-});

package/src/utils/setupCommandUIMiddlewares.ts

@@ -1,34 +0,0 @@
-import {
-  createActiveCommandGuardMiddleware,
-  createCommandInjectionMiddleware,
-  createCommandStringExtractionMiddleware,
-  createDraftCommandInjectionMiddleware,
-  MessageComposer,
-  TextComposerMiddleware,
-} from 'stream-chat';
-
-export const setupCommandUIMiddlewares = (messageComposer: MessageComposer) => {
-  messageComposer.compositionMiddlewareExecutor.insert({
-    middleware: [createCommandInjectionMiddleware(messageComposer)],
-    position: { after: 'stream-io/message-composer-middleware/attachments' },
-    unique: true,
-  });
-
-  messageComposer.draftCompositionMiddlewareExecutor.insert({
-    middleware: [createDraftCommandInjectionMiddleware(messageComposer)],
-    position: { after: 'stream-io/message-composer-middleware/draft-attachments' },
-    unique: true,
-  });
-
-  messageComposer.textComposer.middlewareExecutor.insert({
-    middleware: [createActiveCommandGuardMiddleware() as TextComposerMiddleware],
-    position: { before: 'stream-io/text-composer/commands-middleware' },
-    unique: true,
-  });
-
-  messageComposer.textComposer.middlewareExecutor.insert({
-    middleware: [createCommandStringExtractionMiddleware() as TextComposerMiddleware],
-    position: { after: 'stream-io/text-composer/commands-middleware' },
-    unique: true,
-  });
-};