@sendbird/uikit-react-native 2.0.3 → 2.2.0

package/src/libs/MentionManager.tsx

@@ -0,0 +1,240 @@
+import React from 'react';
+
+import { Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';
+import type { SendbirdFileMessage, SendbirdUser, SendbirdUserMessage } from '@sendbird/uikit-utils';
+import { createMentionTemplateRegex, replaceWithRegex } from '@sendbird/uikit-utils';
+
+import type { MentionedUser, Range } from '../types';
+import type { MentionConfigInterface } from './MentionConfig';
+
+class MentionManager {
+  private _invalidStartsKeywords: string[];
+  private _templateRegex: RegExp;
+
+  constructor(public config: MentionConfigInterface, public mentionEnabled: boolean) {
+    this._invalidStartsKeywords = [this.config.trigger, this.config.delimiter];
+    this._templateRegex = createMentionTemplateRegex(this.config.trigger);
+  }
+
+  public rangeHelpers = {
+    inRangeUnderOver(start: number, num: number, end: number) {
+      return start < num && num < end;
+    },
+    inRangeUnderMore(start: number, num: number, end: number) {
+      return start < num && num <= end;
+    },
+    inRangeLessOver(start: number, num: number, end: number) {
+      return start <= num && num < end;
+    },
+    inRangeLessMore(start: number, num: number, end: number) {
+      return start <= num && num <= end;
+    },
+    overlaps(a: Range, b: Range, compare: 'underOver' | 'underMore' | 'lessOver' | 'lessMore' = 'underOver') {
+      const inRange = {
+        underOver: this.inRangeUnderOver,
+        underMore: this.inRangeUnderMore,
+        lessOver: this.inRangeLessOver,
+        lessMore: this.inRangeLessMore,
+      }[compare];
+
+      return inRange(a.start, b.start, a.end) || inRange(a.start, b.end, a.end);
+    },
+  };
+
+  public get templateRegex() {
+    return this._templateRegex;
+  }
+
+  public getSearchString = (text: string, selectionIndex: number) => {
+    const lastSpan = text.slice(0, selectionIndex).split(this.config.delimiter).pop() ?? '';
+    const triggerIdx = lastSpan.indexOf(this.config.trigger);
+    const mentionSpan = triggerIdx === -1 ? lastSpan : lastSpan.slice(triggerIdx);
+    const searchString = mentionSpan.slice(this.config.trigger.length);
+
+    return {
+      searchString,
+      isTriggered: () => mentionSpan.startsWith(this.config.trigger),
+      isValidSearchString: () => this._invalidStartsKeywords.every((it) => !searchString.startsWith(it)),
+    };
+  };
+
+  /**
+   * @description Reconcile the range by offset in the mentioned users
+   * */
+  public reconcileRangeOfMentionedUsers = (offset: number, selectionIndex: number, mentionedUsers: MentionedUser[]) => {
+    return mentionedUsers.map((it) => {
+      // Changes only on the right text of selection.
+      if (selectionIndex <= it.range.start) {
+        return {
+          ...it,
+          range: {
+            start: it.range.start + offset,
+            end: it.range.end + offset,
+          },
+        };
+      }
+
+      return it;
+    });
+  };
+
+  /**
+   * @description Remove users who in a range
+   * */
+  public removeMentionedUsersInSelection = (selection: Range, mentionedUsers: MentionedUser[]) => {
+    let lastSelection = 0;
+    let removedOffset = 0;
+    const filtered = mentionedUsers.filter((it) => {
+      const shouldRemove = this.rangeHelpers.overlaps(selection, it.range, 'lessMore');
+      if (shouldRemove) {
+        lastSelection = Math.max(lastSelection, it.range.end);
+        removedOffset -= it.range.end - it.range.start;
+      }
+      return !shouldRemove;
+    });
+
+    return { filtered, lastSelection, removedOffset };
+  };
+
+  public getSearchStringRangeInText = (selectionIndex: number, searchString: string): Range => {
+    return {
+      start: selectionIndex - searchString.length - this.config.trigger.length,
+      end: selectionIndex,
+    };
+  };
+
+  /**
+   * @description User to @{user.id} template format
+   * */
+  public asMentionedMessageTemplate = (user: SendbirdUser, delimiter = false) => {
+    return `${this.config.trigger}{${user.userId}}` + (delimiter ? this.config.delimiter : '');
+  };
+
+  /**
+   * @description User to @user.nickname text format
+   * */
+  public asMentionedMessageText = (user: SendbirdUser, delimiter = false) => {
+    return `${this.config.trigger}${user.nickname}` + (delimiter ? this.config.delimiter : '');
+  };
+
+  /**
+   * @description Bold @user.nickname
+   * */
+  public textToMentionedComponents = (text: string, mentionedUsers: MentionedUser[]) => {
+    if (!this.mentionEnabled || mentionedUsers.length === 0) return text;
+
+    const { leftText, components } = mentionedUsers
+      .sort((a, b) => b.range.start - a.range.start)
+      .reduce(
+        ({ leftText, components }, curr, currentIndex) => {
+          const leftSpan = leftText.slice(0, curr.range.start);
+          const mentionSpan = leftText.slice(curr.range.start, curr.range.end);
+          const rightSpan = leftText.slice(curr.range.end);
+
+          return {
+            leftText: leftSpan,
+            components: [
+              <Text key={mentionSpan + currentIndex} style={styles.mentionedText}>
+                {mentionSpan}
+              </Text>,
+              rightSpan,
+              ...components,
+            ],
+          };
+        },
+        { leftText: text, components: [] as (string | JSX.Element)[] },
+      );
+
+    return [leftText, ...components];
+  };
+
+  public textToMentionedMessageTemplate = (text: string, mentionedUsers: MentionedUser[]) => {
+    if (!this.mentionEnabled) return text;
+
+    const { leftText, strings } = mentionedUsers
+      .sort((a, b) => b.range.start - a.range.start)
+      .reduce(
+        ({ leftText, strings }, curr) => {
+          const leftSpan = leftText.slice(0, curr.range.start);
+          const templateSpan = this.asMentionedMessageTemplate(curr.user);
+          const rightSpan = leftText.slice(curr.range.end);
+
+          return {
+            leftText: leftSpan,
+            strings: [templateSpan, rightSpan, ...strings],
+          };
+        },
+        { leftText: text, strings: [] as string[] },
+      );
+
+    return [leftText, ...strings].join('');
+  };
+
+  /**
+   * @description Convert @{user.id} template to @user.nickname text and MentionedUser[] array.
+   * */
+  public templateToTextAndMentionedUsers = (template: string, mentionedUsers: SendbirdUser[]) => {
+    const actualMentionedUsers: MentionedUser[] = [];
+
+    let offsetToMove = 0;
+    const mentionedText = replaceWithRegex(
+      template,
+      this.templateRegex,
+      ({ match, matchIndex, groups }) => {
+        const user = mentionedUsers.find((it) => it.userId === groups[2]);
+        if (user && typeof matchIndex === 'number') {
+          const userIdSpan = match;
+          const userNicknameSpan = this.asMentionedMessageText(user);
+
+          const offsetAfterConverted = userNicknameSpan.length - userIdSpan.length;
+
+          const originalRange: Range = {
+            start: matchIndex,
+            end: matchIndex + userIdSpan.length,
+          };
+
+          const convertedRange: Range = {
+            start: Math.max(0, originalRange.start + offsetToMove),
+            end: originalRange.end + offsetToMove + offsetAfterConverted,
+          };
+
+          offsetToMove += offsetAfterConverted;
+
+          actualMentionedUsers.push({ range: convertedRange, user });
+          return userNicknameSpan;
+        }
+        return match;
+      },
+      '',
+    ).join('');
+
+    return {
+      mentionedText,
+      mentionedUsers: actualMentionedUsers,
+    };
+  };
+
+  public shouldUseMentionedMessageTemplate = (
+    message?: SendbirdUserMessage | SendbirdFileMessage,
+  ): message is RequiredSpecific<
+    SendbirdUserMessage | SendbirdFileMessage,
+    'mentionedMessageTemplate' | 'mentionedUsers' | 'mentionedUserIds' | 'mentionType'
+  > => {
+    return Boolean(
+      this.mentionEnabled &&
+        message?.mentionedMessageTemplate &&
+        message?.mentionedUsers &&
+        message?.mentionedUsers.length > 0,
+    );
+  };
+}
+
+type RequiredSpecific<T, K extends keyof T> = T & {
+  [P in K]-?: T[P];
+};
+
+const styles = createStyleSheet({
+  mentionedText: { fontWeight: 'bold' },
+});
+
+export default MentionManager;

package/src/localization/StringSet.type.ts

@@ -4,15 +4,16 @@ import type {
   PartialDeep,
   SendbirdFileMessage,
   SendbirdGroupChannel,
+  SendbirdMember,
   SendbirdMessage,
   SendbirdUser,
 } from '@sendbird/uikit-utils';
 import {
-  dateSeparator,
+  getDateSeparatorFormat,
   getGroupChannelLastMessage,
   getGroupChannelPreviewTime,
   getGroupChannelTitle,
-  messageTime,
+  getMessageTimeFormat,
 } from '@sendbird/uikit-utils';
 
 /**
@@ -39,9 +40,13 @@ export interface StringSet {
     /** GroupChannel > Input */
     INPUT_PLACEHOLDER_ACTIVE: string;
     INPUT_PLACEHOLDER_DISABLED: string;
+    INPUT_PLACEHOLDER_MUTED: string;
     INPUT_EDIT_OK: string;
     INPUT_EDIT_CANCEL: string;
 
+    /** GroupChannel > Suggested mention list */
+    MENTION_LIMITED: (mentionLimit: number) => string;
+
     /** GroupChannel > Dialog > Message */
     DIALOG_MESSAGE_COPY: string;
     DIALOG_MESSAGE_EDIT: string;
@@ -66,9 +71,13 @@ export interface StringSet {
     HEADER_RIGHT: string;
 
     /** GroupChannelSettings > Menu */
-    MENU_NOTIFICATION: string;
+    MENU_MODERATION: string;
     MENU_MEMBERS: string;
     MENU_LEAVE_CHANNEL: string;
+    MENU_NOTIFICATION: string;
+    MENU_NOTIFICATION_LABEL_ON: string;
+    MENU_NOTIFICATION_LABEL_OFF: string;
+    MENU_NOTIFICATION_LABEL_MENTION_ONLY: string;
 
     /** GroupChannelSettings > Dialog */
     DIALOG_CHANGE_NAME: string;
@@ -81,6 +90,43 @@ export interface StringSet {
     DIALOG_CHANGE_IMAGE_MENU_CAMERA: string;
     DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: string;
   };
+  GROUP_CHANNEL_NOTIFICATIONS: {
+    /** GroupChannelNotifications > Header */
+    HEADER_TITLE: string;
+
+    /** GroupChannelNotifications > Menu */
+    MENU_NOTIFICATIONS: string;
+    MENU_NOTIFICATIONS_DESC: string;
+    MENU_NOTIFICATIONS_OPTION_ALL: string;
+    MENU_NOTIFICATIONS_OPTION_MENTION_ONLY: string;
+  };
+  GROUP_CHANNEL_MODERATION: {
+    /** GroupChannelModeration > Header */
+    HEADER_TITLE: string;
+
+    /** GroupChannelModeration > Menu */
+    MENU_OPERATORS: string;
+    MENU_MUTED_MEMBERS: string;
+    MENU_BANNED_USERS: string;
+    MENU_FREEZE_CHANNEL: string;
+  };
+  GROUP_CHANNEL_OPERATORS: {
+    /** GroupChannelOperators > Header */
+    HEADER_TITLE: string;
+  };
+  GROUP_CHANNEL_REGISTER_OPERATOR: {
+    /** GroupChannelRegisterOperator > Header */
+    HEADER_TITLE: string;
+    HEADER_RIGHT: (params: { selectedUsers: Array<SendbirdMember> }) => string;
+  };
+  GROUP_CHANNEL_MUTED_MEMBERS: {
+    /** GroupChannelMutedMembers > Header */
+    HEADER_TITLE: string;
+  };
+  GROUP_CHANNEL_BANNED_USERS: {
+    /** GroupChannelBannedUsers > Header */
+    HEADER_TITLE: string;
+  };
   GROUP_CHANNEL_LIST: {
     /** GroupChannelList > Header */
     HEADER_TITLE: string;
@@ -106,14 +152,10 @@ export interface StringSet {
     /** GroupChannelMembers > Header */
     HEADER_TITLE: string;
 
-    /** GroupChannelMembers > UserBar */
+    /** @deprecated Please use in LABELS **/
     USER_BAR_ME_POSTFIX: string;
+    /** @deprecated Please use in LABELS **/
     USER_BAR_OPERATOR: string;
-
-    /** GroupChannelMembers > Dialog */
-    DIALOG_USER_DISMISS_OPERATOR: string;
-    DIALOG_USER_MUTE: string;
-    DIALOG_USER_BAN: string;
   };
   GROUP_CHANNEL_INVITE: {
     /** GroupChannelInvite > Header */
@@ -130,13 +172,23 @@ export interface StringSet {
     USER_NO_NAME: string;
     CHANNEL_NO_MEMBERS: string;
     TYPING_INDICATOR_TYPINGS: (users: SendbirdUser[]) => string | undefined;
+
+    USER_BAR_ME_POSTFIX: string;
+    USER_BAR_OPERATOR: string;
+
+    REGISTER_AS_OPERATOR: string;
+    UNREGISTER_OPERATOR: string;
+    MUTE: string;
+    UNMUTE: string;
+    BAN: string;
+    UNBAN: string;
   };
   FILE_VIEWER: {
     TITLE: (message: SendbirdFileMessage) => string;
     SUBTITLE: (message: SendbirdFileMessage) => string;
   };
   PLACEHOLDER: {
-    NO_BANNED_MEMBERS: string;
+    NO_BANNED_USERS: string;
     NO_USERS: string;
     NO_CHANNELS: string;
     NO_MESSAGES: string;
@@ -174,6 +226,11 @@ export interface StringSet {
     TURN_OFF_NOTIFICATIONS_ERROR: string;
     LEAVE_CHANNEL_ERROR: string;
   };
+  PROFILE_CARD: {
+    BUTTON_MESSAGE: string;
+    BODY_LABEL: string;
+    BODY: (user: SendbirdUser | SendbirdMember) => string;
+  };
 }
 
 type StringSetCreateOptions = {
@@ -196,20 +253,23 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       HEADER_TITLE: (currentUserId, channel) =>
         getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),
       LIST_BANNER_FROZEN: 'Channel is frozen',
-      LIST_DATE_SEPARATOR: (date, locale) => dateSeparator(date, locale ?? dateLocale),
+      LIST_DATE_SEPARATOR: (date, locale) => getDateSeparatorFormat(date, locale ?? dateLocale),
       LIST_BUTTON_NEW_MSG: (newMessages) => `${newMessages.length} new messages`,
 
-      MESSAGE_BUBBLE_TIME: (message, locale) => messageTime(new Date(message.createdAt), locale ?? dateLocale),
+      MESSAGE_BUBBLE_TIME: (message, locale) => getMessageTimeFormat(new Date(message.createdAt), locale ?? dateLocale),
       MESSAGE_BUBBLE_FILE_TITLE: (message) => message.name,
       MESSAGE_BUBBLE_EDITED_POSTFIX: ' (edited)',
       MESSAGE_BUBBLE_UNKNOWN_TITLE: () => '(Unknown message type)',
       MESSAGE_BUBBLE_UNKNOWN_DESC: () => 'Cannot read this message.',
 
       INPUT_PLACEHOLDER_ACTIVE: 'Enter message',
-      INPUT_PLACEHOLDER_DISABLED: 'Chat is unavailable in this channel',
+      INPUT_PLACEHOLDER_DISABLED: 'Chat not available in this channel.',
+      INPUT_PLACEHOLDER_MUTED: "You're muted by the operator.",
       INPUT_EDIT_OK: 'Save',
       INPUT_EDIT_CANCEL: 'Cancel',
 
+      MENTION_LIMITED: (mentionLimit) => `You can have up to ${mentionLimit} mentions per message.`,
+
       DIALOG_MESSAGE_COPY: 'Copy',
       DIALOG_MESSAGE_EDIT: 'Edit',
       DIALOG_MESSAGE_SAVE: 'Save',
@@ -228,9 +288,13 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
     GROUP_CHANNEL_SETTINGS: {
       HEADER_TITLE: 'Channel information',
       HEADER_RIGHT: 'Edit',
-      MENU_NOTIFICATION: 'Notifications',
+      MENU_MODERATION: 'Moderation',
       MENU_MEMBERS: 'Members',
       MENU_LEAVE_CHANNEL: 'Leave channel',
+      MENU_NOTIFICATION: 'Notifications',
+      MENU_NOTIFICATION_LABEL_ON: 'On',
+      MENU_NOTIFICATION_LABEL_OFF: 'Off',
+      MENU_NOTIFICATION_LABEL_MENTION_ONLY: 'Mentions only',
       DIALOG_CHANGE_NAME: 'Change channel name',
       DIALOG_CHANGE_NAME_PROMPT_TITLE: 'Change channel name',
       DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER: 'Enter name',
@@ -242,6 +306,44 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: 'Choose photo',
       ...overrides?.GROUP_CHANNEL_SETTINGS,
     },
+    GROUP_CHANNEL_NOTIFICATIONS: {
+      HEADER_TITLE: 'Notifications',
+      MENU_NOTIFICATIONS: 'Notifications',
+      MENU_NOTIFICATIONS_DESC:
+        'Turn on push notifications if you wish to be notified when messages are delivered to this channel.',
+      MENU_NOTIFICATIONS_OPTION_ALL: 'All new messages',
+      MENU_NOTIFICATIONS_OPTION_MENTION_ONLY: 'Mentions only',
+      ...overrides?.GROUP_CHANNEL_NOTIFICATIONS,
+    },
+    GROUP_CHANNEL_MODERATION: {
+      HEADER_TITLE: 'Moderation',
+      MENU_OPERATORS: 'Operators',
+      MENU_MUTED_MEMBERS: 'Muted members',
+      MENU_BANNED_USERS: 'Banned users',
+      MENU_FREEZE_CHANNEL: 'Freeze channel',
+      ...overrides?.GROUP_CHANNEL_MODERATION,
+    },
+    GROUP_CHANNEL_OPERATORS: {
+      HEADER_TITLE: 'Operators',
+      ...overrides?.GROUP_CHANNEL_OPERATORS,
+    },
+    GROUP_CHANNEL_REGISTER_OPERATOR: {
+      HEADER_TITLE: 'Set as operators',
+      HEADER_RIGHT: ({ selectedUsers }) => {
+        const len = selectedUsers.length;
+        if (len === 0) return 'Add';
+        return `Add (${len})`;
+      },
+      ...overrides?.GROUP_CHANNEL_OPERATORS,
+    },
+    GROUP_CHANNEL_MUTED_MEMBERS: {
+      HEADER_TITLE: 'Muted members',
+      ...overrides?.GROUP_CHANNEL_MUTED_MEMBERS,
+    },
+    GROUP_CHANNEL_BANNED_USERS: {
+      HEADER_TITLE: 'Banned users',
+      ...overrides?.GROUP_CHANNEL_BANNED_USERS,
+    },
     GROUP_CHANNEL_LIST: {
       HEADER_TITLE: 'Channels',
       CHANNEL_PREVIEW_TITLE: (currentUserId, channel) =>
@@ -264,11 +366,10 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
     },
     GROUP_CHANNEL_MEMBERS: {
       HEADER_TITLE: 'Members',
+      /** @deprecated Please use in LABELS **/
       USER_BAR_ME_POSTFIX: ' (You)',
+      /** @deprecated Please use in LABELS **/
       USER_BAR_OPERATOR: 'Operator',
-      DIALOG_USER_DISMISS_OPERATOR: 'Dismiss operator',
-      DIALOG_USER_MUTE: 'Mute',
-      DIALOG_USER_BAN: 'Ban',
       ...overrides?.GROUP_CHANNEL_MEMBERS,
     },
     GROUP_CHANNEL_CREATE: {
@@ -299,14 +400,22 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
         if (users.length === 2) return `${userNames.join(' and ')} are typing...`;
         return 'Several people are typing...';
       },
+      USER_BAR_ME_POSTFIX: ' (You)',
+      USER_BAR_OPERATOR: 'Operator',
+      REGISTER_AS_OPERATOR: 'Register as operator',
+      UNREGISTER_OPERATOR: 'Unregister operator',
+      MUTE: 'Mute',
+      UNMUTE: 'Unmute',
+      BAN: 'Ban',
+      UNBAN: 'Unban',
       ...overrides?.LABELS,
     },
     FILE_VIEWER: {
       TITLE: (message) => message.sender?.nickname || USER_NO_NAME,
-      SUBTITLE: (message) => messageTime(new Date(message.createdAt), dateLocale),
+      SUBTITLE: (message) => getMessageTimeFormat(new Date(message.createdAt), dateLocale),
     },
     PLACEHOLDER: {
-      NO_BANNED_MEMBERS: 'No banned members',
+      NO_BANNED_USERS: 'No banned users',
       NO_USERS: 'No users',
       NO_CHANNELS: 'No channels',
       NO_MESSAGES: 'No messages',
@@ -321,11 +430,11 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
     },
     DIALOG: {
       ALERT_DEFAULT_OK: 'OK',
-      ALERT_PERMISSIONS_TITLE: 'Allow permission',
+      ALERT_PERMISSIONS_TITLE: 'Allow access?',
       ALERT_PERMISSIONS_MESSAGE: (permission, appName = 'Application') => {
-        return `${appName} need permission to access your ${permission}. Go to Settings to allow access`;
+        return `${appName} need permission to access your ${permission}.`;
       },
-      ALERT_PERMISSIONS_OK: 'SETTINGS',
+      ALERT_PERMISSIONS_OK: 'Go to settings',
       PROMPT_DEFAULT_OK: 'Submit',
       PROMPT_DEFAULT_CANCEL: 'Cancel',
       PROMPT_DEFAULT_PLACEHOLDER: 'Enter',
@@ -348,5 +457,11 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       LEAVE_CHANNEL_ERROR: "Couldn't leave channel.",
       ...overrides?.TOAST,
     },
+    PROFILE_CARD: {
+      BUTTON_MESSAGE: 'Message',
+      BODY_LABEL: 'User ID',
+      BODY: (user) => user.userId,
+      ...overrides?.PROFILE_CARD,
+    },
   };
 };

package/src/platform/createFileService.native.ts

@@ -1,4 +1,4 @@
-import type CameraRoll from '@react-native-community/cameraroll';
+import type { CameraRoll } from '@react-native-camera-roll/camera-roll';
 import { Platform } from 'react-native';
 import type * as DocumentPicker from 'react-native-document-picker';
 import type * as FileAccess from 'react-native-file-access';

package/src/types.ts

@@ -1,5 +1,7 @@
 import type { ErrorInfo, ReactNode } from 'react';
 
+import type { SendbirdUser } from '@sendbird/uikit-utils';
+
 export type KeyValuePairGet = [string, string | null];
 export type KeyValuePairSet = [string, string];
 export interface LocalCacheStorage {
@@ -16,3 +18,13 @@ export interface LocalCacheStorage {
 export type ErrorBoundaryProps = { error: Error; errorInfo: ErrorInfo; reset: () => void };
 
 export type CommonComponent<P = {}> = (props: P & { children?: ReactNode }) => null | JSX.Element; //ReactNode;
+
+export type MentionedUser = {
+  range: Range;
+  user: SendbirdUser;
+};
+
+export type Range = {
+  start: number;
+  end: number;
+};

package/src/utils/common.ts

@@ -0,0 +1,8 @@
+import { Linking } from 'react-native';
+
+import { Logger } from '@sendbird/uikit-utils';
+
+export const openUrl = (url: string) => {
+  const targetUrl = url.startsWith('http') ? url : 'https://' + url;
+  Linking.openURL(targetUrl).catch((err) => Logger.warn('Cannot open url', err));
+};

package/src/version.ts

@@ -1,2 +1,2 @@
-const VERSION = '2.0.3';
+const VERSION = '2.2.0';
 export default VERSION;

package/lib/commonjs/contexts/Localization.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LocalizationContext","React","createContext","LocalizationProvider","children","stringSet","STRINGS"],"sources":["Localization.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { StringSet } from '../localization/StringSet.type';\n\ntype Props = React.PropsWithChildren<{\n  stringSet: StringSet;\n}>;\n\nexport type LocalizationContextType = {\n  STRINGS: StringSet;\n};\n\nexport const LocalizationContext = React.createContext<LocalizationContextType | null>(null);\nexport const LocalizationProvider = ({ children, stringSet }: Props) => {\n  return <LocalizationContext.Provider value={{ STRINGS: stringSet }}>{children}</LocalizationContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA;;;;AAYO,MAAMA,mBAAmB,gBAAGC,cAAA,CAAMC,aAAN,CAAoD,IAApD,CAA5B;;;;AACA,MAAMC,oBAAoB,GAAG,QAAoC;EAAA,IAAnC;IAAEC,QAAF;IAAYC;EAAZ,CAAmC;EACtE,oBAAO,6BAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAE;MAAEC,OAAO,EAAED;IAAX;EAArC,GAA8DD,QAA9D,CAAP;AACD,CAFM"}

package/lib/commonjs/contexts/PlatformService.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PlatformServiceContext","React","createContext","PlatformServiceProvider","children","fileService","clipboardService","notificationService","mediaService"],"sources":["PlatformService.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {\n  ClipboardServiceInterface,\n  FileServiceInterface,\n  MediaServiceInterface,\n  NotificationServiceInterface,\n} from '../platform/types';\n\ntype Props = React.PropsWithChildren<{\n  fileService: FileServiceInterface;\n  clipboardService: ClipboardServiceInterface;\n  notificationService: NotificationServiceInterface;\n  mediaService?: MediaServiceInterface;\n}>;\n\nexport const PlatformServiceContext = React.createContext<Props | null>(null);\nexport const PlatformServiceProvider = ({\n  children,\n  fileService,\n  clipboardService,\n  notificationService,\n  mediaService,\n}: Props) => {\n  return (\n    <PlatformServiceContext.Provider value={{ fileService, clipboardService, notificationService, mediaService }}>\n      {children}\n    </PlatformServiceContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;;;AAgBO,MAAMA,sBAAsB,gBAAGC,cAAA,CAAMC,aAAN,CAAkC,IAAlC,CAA/B;;;;AACA,MAAMC,uBAAuB,GAAG,QAM1B;EAAA,IAN2B;IACtCC,QADsC;IAEtCC,WAFsC;IAGtCC,gBAHsC;IAItCC,mBAJsC;IAKtCC;EALsC,CAM3B;EACX,oBACE,6BAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAE;MAAEH,WAAF;MAAeC,gBAAf;MAAiCC,mBAAjC;MAAsDC;IAAtD;EAAxC,GACGJ,QADH,CADF;AAKD,CAZM"}

package/lib/commonjs/contexts/SendbirdChat.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SendbirdChatContext","React","createContext","SendbirdChatProvider","children","sdkInstance","enableAutoPushTokenRegistration","enableChannelListMessageReceiptStatus","enableChannelListTypingIndicator","currentUser","_setCurrentUser","useState","forceUpdate","useForceUpdate","appFeatures","useAppFeatures","setCurrentUser","useCallback","user","updateCurrentUserInfo","nickname","profile","Error","params","profileUrl","profileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","confirmAndMarkAsDelivered","useEffect","listener","status","connectionState","setForegroundState","setBackgroundState","subscriber","AppState","addEventListener","remove","value","sdk","features","autoPushTokenRegistrationEnabled","channelListTypingIndicatorEnabled","channelListMessageReceiptStatusEnabled"],"sources":["SendbirdChat.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nimport { useAppFeatures } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserUpdateParams,\n} from '@sendbird/uikit-utils';\nimport { confirmAndMarkAsDelivered, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../platform/types';\n\ntype Props = React.PropsWithChildren<{\n  sdkInstance: SendbirdChatSDK;\n\n  enableAutoPushTokenRegistration: boolean;\n  enableChannelListTypingIndicator: boolean;\n  enableChannelListMessageReceiptStatus: boolean;\n}>;\n\ntype Context = {\n  sdk: SendbirdChatSDK;\n  currentUser?: SendbirdUser;\n  setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;\n\n  // helper functions\n  updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;\n  markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;\n\n  features: {\n    // UIKit features\n    autoPushTokenRegistrationEnabled: boolean;\n    channelListTypingIndicatorEnabled: boolean;\n    channelListMessageReceiptStatusEnabled: boolean;\n\n    // Sendbird application features\n    deliveryReceiptEnabled: boolean;\n    broadcastChannelEnabled: boolean;\n    superGroupChannelEnabled: boolean;\n    reactionEnabled: boolean;\n  };\n};\n\nexport const SendbirdChatContext = React.createContext<Context | null>(null);\nexport const SendbirdChatProvider = ({\n  children,\n  sdkInstance,\n  enableAutoPushTokenRegistration,\n  enableChannelListMessageReceiptStatus,\n  enableChannelListTypingIndicator,\n}: Props) => {\n  const [currentUser, _setCurrentUser] = useState<SendbirdUser>();\n  const forceUpdate = useForceUpdate();\n  const appFeatures = useAppFeatures(sdkInstance);\n\n  const setCurrentUser: Context['setCurrentUser'] = useCallback((user) => {\n    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser\n    _setCurrentUser(user);\n    forceUpdate();\n  }, []);\n\n  const updateCurrentUserInfo: Context['updateCurrentUserInfo'] = useCallback(\n    async (nickname, profile) => {\n      let user = currentUser;\n\n      if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');\n\n      const params: SendbirdUserUpdateParams = { nickname };\n\n      if (typeof profile === 'string') {\n        params.profileUrl = profile;\n      } else if (typeof profile === 'object') {\n        params.profileImage = profile;\n      } else {\n        throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);\n      }\n\n      user = await sdkInstance.updateCurrentUserInfo(params);\n\n      setCurrentUser(user);\n      return user;\n    },\n    [sdkInstance, currentUser, setCurrentUser],\n  );\n\n  const markAsDeliveredWithChannel: Context['markAsDeliveredWithChannel'] = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (appFeatures.deliveryReceiptEnabled) confirmAndMarkAsDelivered([channel]);\n    },\n    [sdkInstance, appFeatures.deliveryReceiptEnabled],\n  );\n\n  useEffect(() => {\n    const listener = (status: AppStateStatus) => {\n      // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';\n      if (status === 'active') sdkInstance.connectionState === 'CLOSED' && sdkInstance.setForegroundState();\n      else if (status === 'background') sdkInstance.connectionState === 'OPEN' && sdkInstance.setBackgroundState();\n    };\n\n    const subscriber = AppState.addEventListener('change', listener);\n    return () => subscriber.remove();\n  }, [sdkInstance]);\n\n  const value: Context = {\n    sdk: sdkInstance,\n    currentUser,\n    setCurrentUser,\n\n    updateCurrentUserInfo,\n    markAsDeliveredWithChannel,\n\n    features: {\n      ...appFeatures,\n      autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,\n      channelListTypingIndicatorEnabled: enableChannelListTypingIndicator,\n      channelListMessageReceiptStatusEnabled: enableChannelListMessageReceiptStatus,\n    },\n  };\n\n  return <SendbirdChatContext.Provider value={value}>{children}</SendbirdChatContext.Provider>;\n};\n"],"mappings":"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"}

package/lib/module/contexts/Localization.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","LocalizationContext","createContext","LocalizationProvider","children","stringSet","STRINGS"],"sources":["Localization.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { StringSet } from '../localization/StringSet.type';\n\ntype Props = React.PropsWithChildren<{\n  stringSet: StringSet;\n}>;\n\nexport type LocalizationContextType = {\n  STRINGS: StringSet;\n};\n\nexport const LocalizationContext = React.createContext<LocalizationContextType | null>(null);\nexport const LocalizationProvider = ({ children, stringSet }: Props) => {\n  return <LocalizationContext.Provider value={{ STRINGS: stringSet }}>{children}</LocalizationContext.Provider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAYA,OAAO,MAAMC,mBAAmB,gBAAGD,KAAK,CAACE,aAAN,CAAoD,IAApD,CAA5B;AACP,OAAO,MAAMC,oBAAoB,GAAG,QAAoC;EAAA,IAAnC;IAAEC,QAAF;IAAYC;EAAZ,CAAmC;EACtE,oBAAO,oBAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAE;MAAEC,OAAO,EAAED;IAAX;EAArC,GAA8DD,QAA9D,CAAP;AACD,CAFM"}

package/lib/module/contexts/PlatformService.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","PlatformServiceContext","createContext","PlatformServiceProvider","children","fileService","clipboardService","notificationService","mediaService"],"sources":["PlatformService.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {\n  ClipboardServiceInterface,\n  FileServiceInterface,\n  MediaServiceInterface,\n  NotificationServiceInterface,\n} from '../platform/types';\n\ntype Props = React.PropsWithChildren<{\n  fileService: FileServiceInterface;\n  clipboardService: ClipboardServiceInterface;\n  notificationService: NotificationServiceInterface;\n  mediaService?: MediaServiceInterface;\n}>;\n\nexport const PlatformServiceContext = React.createContext<Props | null>(null);\nexport const PlatformServiceProvider = ({\n  children,\n  fileService,\n  clipboardService,\n  notificationService,\n  mediaService,\n}: Props) => {\n  return (\n    <PlatformServiceContext.Provider value={{ fileService, clipboardService, notificationService, mediaService }}>\n      {children}\n    </PlatformServiceContext.Provider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAgBA,OAAO,MAAMC,sBAAsB,gBAAGD,KAAK,CAACE,aAAN,CAAkC,IAAlC,CAA/B;AACP,OAAO,MAAMC,uBAAuB,GAAG,QAM1B;EAAA,IAN2B;IACtCC,QADsC;IAEtCC,WAFsC;IAGtCC,gBAHsC;IAItCC,mBAJsC;IAKtCC;EALsC,CAM3B;EACX,oBACE,oBAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAE;MAAEH,WAAF;MAAeC,gBAAf;MAAiCC,mBAAjC;MAAsDC;IAAtD;EAAxC,GACGJ,QADH,CADF;AAKD,CAZM"}

package/lib/module/contexts/SendbirdChat.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","AppState","useAppFeatures","confirmAndMarkAsDelivered","useForceUpdate","SendbirdChatContext","createContext","SendbirdChatProvider","children","sdkInstance","enableAutoPushTokenRegistration","enableChannelListMessageReceiptStatus","enableChannelListTypingIndicator","currentUser","_setCurrentUser","forceUpdate","appFeatures","setCurrentUser","user","updateCurrentUserInfo","nickname","profile","Error","params","profileUrl","profileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","listener","status","connectionState","setForegroundState","setBackgroundState","subscriber","addEventListener","remove","value","sdk","features","autoPushTokenRegistrationEnabled","channelListTypingIndicatorEnabled","channelListMessageReceiptStatusEnabled"],"sources":["SendbirdChat.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nimport { useAppFeatures } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserUpdateParams,\n} from '@sendbird/uikit-utils';\nimport { confirmAndMarkAsDelivered, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../platform/types';\n\ntype Props = React.PropsWithChildren<{\n  sdkInstance: SendbirdChatSDK;\n\n  enableAutoPushTokenRegistration: boolean;\n  enableChannelListTypingIndicator: boolean;\n  enableChannelListMessageReceiptStatus: boolean;\n}>;\n\ntype Context = {\n  sdk: SendbirdChatSDK;\n  currentUser?: SendbirdUser;\n  setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;\n\n  // helper functions\n  updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;\n  markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;\n\n  features: {\n    // UIKit features\n    autoPushTokenRegistrationEnabled: boolean;\n    channelListTypingIndicatorEnabled: boolean;\n    channelListMessageReceiptStatusEnabled: boolean;\n\n    // Sendbird application features\n    deliveryReceiptEnabled: boolean;\n    broadcastChannelEnabled: boolean;\n    superGroupChannelEnabled: boolean;\n    reactionEnabled: boolean;\n  };\n};\n\nexport const SendbirdChatContext = React.createContext<Context | null>(null);\nexport const SendbirdChatProvider = ({\n  children,\n  sdkInstance,\n  enableAutoPushTokenRegistration,\n  enableChannelListMessageReceiptStatus,\n  enableChannelListTypingIndicator,\n}: Props) => {\n  const [currentUser, _setCurrentUser] = useState<SendbirdUser>();\n  const forceUpdate = useForceUpdate();\n  const appFeatures = useAppFeatures(sdkInstance);\n\n  const setCurrentUser: Context['setCurrentUser'] = useCallback((user) => {\n    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser\n    _setCurrentUser(user);\n    forceUpdate();\n  }, []);\n\n  const updateCurrentUserInfo: Context['updateCurrentUserInfo'] = useCallback(\n    async (nickname, profile) => {\n      let user = currentUser;\n\n      if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');\n\n      const params: SendbirdUserUpdateParams = { nickname };\n\n      if (typeof profile === 'string') {\n        params.profileUrl = profile;\n      } else if (typeof profile === 'object') {\n        params.profileImage = profile;\n      } else {\n        throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);\n      }\n\n      user = await sdkInstance.updateCurrentUserInfo(params);\n\n      setCurrentUser(user);\n      return user;\n    },\n    [sdkInstance, currentUser, setCurrentUser],\n  );\n\n  const markAsDeliveredWithChannel: Context['markAsDeliveredWithChannel'] = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (appFeatures.deliveryReceiptEnabled) confirmAndMarkAsDelivered([channel]);\n    },\n    [sdkInstance, appFeatures.deliveryReceiptEnabled],\n  );\n\n  useEffect(() => {\n    const listener = (status: AppStateStatus) => {\n      // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';\n      if (status === 'active') sdkInstance.connectionState === 'CLOSED' && sdkInstance.setForegroundState();\n      else if (status === 'background') sdkInstance.connectionState === 'OPEN' && sdkInstance.setBackgroundState();\n    };\n\n    const subscriber = AppState.addEventListener('change', listener);\n    return () => subscriber.remove();\n  }, [sdkInstance]);\n\n  const value: Context = {\n    sdk: sdkInstance,\n    currentUser,\n    setCurrentUser,\n\n    updateCurrentUserInfo,\n    markAsDeliveredWithChannel,\n\n    features: {\n      ...appFeatures,\n      autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,\n      channelListTypingIndicatorEnabled: enableChannelListTypingIndicator,\n      channelListMessageReceiptStatusEnabled: enableChannelListMessageReceiptStatus,\n    },\n  };\n\n  return <SendbirdChatContext.Provider value={value}>{children}</SendbirdChatContext.Provider>;\n};\n"],"mappings":"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"}