@sendbird/uikit-utils 2.3.0 → 2.4.1

package/lib/module/shared/regex.js.map

@@ -1 +1 @@
-{"version":3,"names":["require","shim","urlRegexStrict","urlRegexRough","phoneRegex","emailRegex","newLineRegex","createMentionTemplateRegex","trigger","RegExp","replaceWithRegex","text","regex","replacer","keyPrefix","matches","matchAll","founds","map","value","start","index","end","length","groups","matchIndex","items","cursor","forEach","restText","pop","head","slice","mid","match","tail","push","replaceUrlAsComponents","originText","strict","imageExtRegex","audioExtRegex","videoExtRegex","getFileType","extOrType","indexOf","type","split","getFileExtension","filePath","idx","lastIndexOf","toLowerCase","normalizeFileName","fileName","extension"],"sources":["regex.ts"],"sourcesContent":["// For iOS 12 backwards compatibility\nrequire('string.prototype.matchall').shim();\n\nexport const urlRegexStrict =\n  /(https?:\\/\\/|www\\.)[-a-zA-Z0-9@:%._+~#=]{1,256}\\.(xn--)?[a-z0-9-]{2,20}\\b([-a-zA-Z0-9@:%_+[\\],.~#?&/=]*[-a-zA-Z0-9@:%_+\\]~#?&/=])*/g;\nexport const urlRegexRough =\n  /(https?:\\/\\/|www\\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/g;\nexport const phoneRegex = /[+]?[(]?[0-9]{3}[)]?[-\\s.]?[0-9]{3}[-\\s.]?[0-9]{4,7}/;\nexport const emailRegex = /\\S+@\\S+\\.\\S+/;\nexport const newLineRegex = /\\r\\n|\\r|\\n/g;\n\nexport const createMentionTemplateRegex = (trigger: string) => new RegExp(`(${trigger}[{])(.*?)([}])`, 'g');\n\n// const cases = [\n//   {\n//     type: 'urlStrict',\n//     regex: urlRegexStrict,\n//   },\n//   {\n//     type: 'urlRough',\n//     regex: urlRegexStrict,\n//   },\n//   {\n//     type: 'email',\n//     regex: emailRegex,\n//   },\n//   {\n//     type: 'phone',\n//     regex: urlRegexStrict,\n//   },\n// ];\n\nexport const replaceWithRegex = <T>(\n  text: string,\n  regex: RegExp,\n  replacer: (params: {\n    match: string;\n    groups: string[];\n    matchIndex: number | undefined;\n    index: number;\n    keyPrefix: string;\n  }) => T,\n  keyPrefix: string,\n) => {\n  const matches = [...text.matchAll(regex)];\n  const founds = matches.map((value) => {\n    const text = value[0];\n    const start = value.index ?? 0;\n    const end = start + text.length;\n    return { text, start, end, groups: value, matchIndex: value.index };\n  });\n\n  const items: Array<T | string> = [text];\n  let cursor = 0;\n  founds.forEach(({ text, start, end, groups, matchIndex }, index) => {\n    const restText = items.pop() as string;\n    const head = restText.slice(0, start - cursor);\n    const mid = replacer({ match: text, groups, matchIndex, index, keyPrefix });\n    const tail = restText.slice(end - cursor);\n    items.push(head, mid, tail);\n    cursor = end;\n  });\n  return items;\n};\n\nexport const replaceUrlAsComponents = <T>(originText: string, replacer: (url: string) => T, strict?: boolean) => {\n  const matches = [...originText.matchAll(strict ? urlRegexStrict : urlRegexRough)];\n  const founds = matches.map((value) => {\n    const text = value[0];\n    const start = value.index ?? 0;\n    const end = start + text.length;\n    return { text, start, end };\n  });\n\n  const items: Array<string | T> = [originText];\n  let cursor = 0;\n  founds.forEach(({ text, start, end }) => {\n    const restText = items.pop() as string;\n    const head = restText.slice(0, start - cursor);\n    const mid = replacer(text);\n    const tail = restText.slice(end - cursor);\n    items.push(head, mid, tail);\n    cursor = end;\n  });\n  return items;\n};\n\nexport const imageExtRegex = /jpeg|jpg|png|webp|gif/i;\nexport const audioExtRegex = /3gp|aac|aax|act|aiff|flac|gsm|m4a|m4b|m4p|tta|wma|mp3|webm|wav/i;\nexport const videoExtRegex = /mov|vod|mp4|avi/i;\nexport const getFileType = (extOrType: string) => {\n  if (extOrType.indexOf('/') > -1) {\n    const type = extOrType.split('/')[0];\n    if (type === 'video') return 'video';\n    if (type === 'audio') return 'audio';\n    if (type === 'image') return 'image';\n    return 'file';\n  }\n\n  if (extOrType.match(imageExtRegex)) return 'image';\n  if (extOrType.match(audioExtRegex)) return 'audio';\n  if (extOrType.match(videoExtRegex)) return 'video';\n  return 'file';\n};\nexport function getFileExtension(filePath: string) {\n  const idx = filePath.lastIndexOf('.');\n  if (idx === -1) return '';\n  return filePath.slice(idx - filePath.length).toLowerCase();\n}\nexport function normalizeFileName(fileName: string, extension: string) {\n  if (fileName.indexOf(extension) > -1) {\n    return fileName;\n  } else {\n    if (extension.indexOf('.') === 0) {\n      return `${fileName}${extension}`;\n    } else {\n      return `${fileName}.${extension}`;\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["require","shim","urlRegexStrict","urlRegexRough","phoneRegex","emailRegex","newLineRegex","createMentionTemplateRegex","trigger","RegExp","replaceWithRegex","text","regex","replacer","keyPrefix","matches","matchAll","founds","map","value","start","index","end","length","groups","matchIndex","items","cursor","forEach","restText","pop","head","slice","mid","match","tail","push","replaceUrlAsComponents","originText","strict"],"sources":["regex.ts"],"sourcesContent":["// For iOS 12 backwards compatibility\nrequire('string.prototype.matchall').shim();\n\nexport const urlRegexStrict =\n  /(https?:\\/\\/|www\\.)[-a-zA-Z0-9@:%._+~#=]{1,256}\\.(xn--)?[a-z0-9-]{2,20}\\b([-a-zA-Z0-9@:%_+[\\],.~#?&/=]*[-a-zA-Z0-9@:%_+\\]~#?&/=])*/g;\nexport const urlRegexRough =\n  /(https?:\\/\\/|www\\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/g;\nexport const phoneRegex = /[+]?[(]?[0-9]{3}[)]?[-\\s.]?[0-9]{3}[-\\s.]?[0-9]{4,7}/;\nexport const emailRegex = /\\S+@\\S+\\.\\S+/;\nexport const newLineRegex = /\\r\\n|\\r|\\n/g;\n\nexport const createMentionTemplateRegex = (trigger: string) => new RegExp(`(${trigger}[{])(.*?)([}])`, 'g');\n\n// const cases = [\n//   {\n//     type: 'urlStrict',\n//     regex: urlRegexStrict,\n//   },\n//   {\n//     type: 'urlRough',\n//     regex: urlRegexStrict,\n//   },\n//   {\n//     type: 'email',\n//     regex: emailRegex,\n//   },\n//   {\n//     type: 'phone',\n//     regex: urlRegexStrict,\n//   },\n// ];\n\nexport const replaceWithRegex = <T>(\n  text: string,\n  regex: RegExp,\n  replacer: (params: {\n    match: string;\n    groups: string[];\n    matchIndex: number | undefined;\n    index: number;\n    keyPrefix: string;\n  }) => T,\n  keyPrefix: string,\n) => {\n  const matches = [...text.matchAll(regex)];\n  const founds = matches.map((value) => {\n    const text = value[0];\n    const start = value.index ?? 0;\n    const end = start + text.length;\n    return { text, start, end, groups: value, matchIndex: value.index };\n  });\n\n  const items: Array<T | string> = [text];\n  let cursor = 0;\n  founds.forEach(({ text, start, end, groups, matchIndex }, index) => {\n    const restText = items.pop() as string;\n    const head = restText.slice(0, start - cursor);\n    const mid = replacer({ match: text, groups, matchIndex, index, keyPrefix });\n    const tail = restText.slice(end - cursor);\n    items.push(head, mid, tail);\n    cursor = end;\n  });\n  return items;\n};\n\nexport const replaceUrlAsComponents = <T>(originText: string, replacer: (url: string) => T, strict?: boolean) => {\n  const matches = [...originText.matchAll(strict ? urlRegexStrict : urlRegexRough)];\n  const founds = matches.map((value) => {\n    const text = value[0];\n    const start = value.index ?? 0;\n    const end = start + text.length;\n    return { text, start, end };\n  });\n\n  const items: Array<string | T> = [originText];\n  let cursor = 0;\n  founds.forEach(({ text, start, end }) => {\n    const restText = items.pop() as string;\n    const head = restText.slice(0, start - cursor);\n    const mid = replacer(text);\n    const tail = restText.slice(end - cursor);\n    items.push(head, mid, tail);\n    cursor = end;\n  });\n  return items;\n};\n"],"mappings":"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"}

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\n\nimport type SendbirdChat from '@sendbird/chat';\nimport type {\n  BaseChannel,\n  Emoji,\n  EmojiCategory,\n  EmojiContainer,\n  RestrictedUser,\n  SendbirdError as SBError,\n  User,\n  UserUpdateParams,\n} from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCollection,\n  GroupChannelCreateParams,\n  GroupChannelListQuery,\n  GroupChannelModule,\n  GroupChannelUpdateParams,\n  Member,\n  MessageCollection,\n} from '@sendbird/chat/groupChannel';\nimport type { ModuleNamespaces, SendableMessage } from '@sendbird/chat/lib/__definition';\nimport type {\n  AdminMessage,\n  BaseMessage,\n  FileMessage,\n  FileMessageCreateParams,\n  FileMessageUpdateParams,\n  PreviousMessageListQuery,\n  Reaction,\n  UserMessage,\n  UserMessageCreateParams,\n  UserMessageUpdateParams,\n} from '@sendbird/chat/message';\nimport type { OpenChannel, OpenChannelModule } from '@sendbird/chat/openChannel';\n\nexport type FilterByValueType<T extends object, Type> = {\n  [K in keyof T as T[K] extends Type ? K : never]: T[K];\n};\n\nexport type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (k: infer I) => void\n  ? I\n  : never;\n\nexport type OmittedValues<T, K extends keyof T> = Omit<T, K>[keyof Omit<T, K>];\n\nexport type PartialDeep<T> = T extends object\n  ? T extends Function\n    ? T\n    : {\n        [P in keyof T]?: PartialDeep<T[P]>;\n      }\n  : T;\n\nexport type PartialNullable<T> = {\n  [P in keyof T]?: T[P] | null;\n};\n\nexport type Optional<T> = T | undefined;\n\nexport type ContextValue<T extends React.Context<any>> = T extends React.Context<infer V> ? V : never;\n\nexport interface UserStruct {\n  userId: string;\n}\n\nexport type SendbirdChatSDK = SendbirdChat & ModuleNamespaces<[GroupChannelModule, OpenChannelModule]>;\nexport type SendbirdMessage = BaseMessage | FileMessage | UserMessage | AdminMessage | SendableMessage;\nexport type SendbirdChannel = BaseChannel | GroupChannel | OpenChannel;\nexport type SendbirdUserMessage = UserMessage;\nexport type SendbirdFileMessage = FileMessage;\nexport type SendbirdAdminMessage = AdminMessage;\nexport type SendbirdBaseMessage = BaseMessage;\nexport type SendbirdSendableMessage = SendableMessage;\nexport type SendbirdFileMessageCreateParams = FileMessageCreateParams;\nexport type SendbirdFileMessageUpdateParams = FileMessageUpdateParams;\nexport type SendbirdUserMessageCreateParams = UserMessageCreateParams;\nexport type SendbirdUserMessageUpdateParams = UserMessageUpdateParams;\nexport type SendbirdGroupChannelCreateParams = GroupChannelCreateParams;\nexport type SendbirdGroupChannelUpdateParams = GroupChannelUpdateParams;\nexport type SendbirdUserUpdateParams = UserUpdateParams;\nexport type SendbirdUser = User;\nexport type SendbirdRestrictedUser = RestrictedUser;\nexport type SendbirdMember = Member;\nexport type SendbirdGroupChannel = GroupChannel;\nexport type SendbirdBaseChannel = BaseChannel;\nexport type SendbirdOpenChannel = OpenChannel;\n\nexport type SendbirdReaction = Reaction;\nexport type SendbirdEmoji = Emoji;\nexport type SendbirdEmojiCategory = EmojiCategory;\nexport type SendbirdEmojiContainer = EmojiContainer;\n\nexport type SendbirdGroupChannelCollection = GroupChannelCollection;\nexport type SendbirdGroupChannelListQuery = GroupChannelListQuery;\nexport type SendbirdMessageCollection = MessageCollection;\nexport type SendbirdPreviousMessageListQuery = PreviousMessageListQuery;\n\nexport type SendbirdError = SBError;\n\nexport interface SendbirdDataPayload {\n  app_id: string;\n  audience_type: string;\n  category: string;\n  channel: {\n    channel_unread_message_count: number;\n    channel_url: string;\n    custom_type: string;\n    name: string;\n  };\n  channel_type: string;\n  created_at: number;\n  custom_type: string;\n  files: NotificationFiles[];\n  mentioned_users: NotificationMentionedUsers[];\n  message: string;\n  message_id: number;\n  push_sound: string;\n  push_title: null;\n  recipient: {\n    id: string;\n    name: string;\n    push_template: string;\n  };\n  sender?: {\n    id: string;\n    name: string;\n    profile_url: string;\n    require_auth_for_profile_image: boolean;\n  };\n  sqs_ts: number;\n  translations: NotificationTranslations;\n  type: 'ADMM' | 'MESG' | 'FILE' | string;\n  unread_message_count: number;\n}\nexport interface NotificationFiles {\n  type: string;\n  url: string;\n  name: string;\n  size: number;\n  require_auth: boolean;\n}\n\nexport interface NotificationTranslations {}\nexport interface NotificationMentionedUsers {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\n\nimport type SendbirdChat from '@sendbird/chat';\nimport type {\n  BaseChannel,\n  Emoji,\n  EmojiCategory,\n  EmojiContainer,\n  Participant,\n  RestrictedUser,\n  SendbirdError as SBError,\n  User,\n  UserUpdateParams,\n} from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCollection,\n  GroupChannelCreateParams,\n  GroupChannelListQuery,\n  GroupChannelModule,\n  GroupChannelUpdateParams,\n  Member,\n  MessageCollection,\n} from '@sendbird/chat/groupChannel';\nimport type {\n  ModuleNamespaces,\n  OpenChannelCreateParams,\n  OpenChannelUpdateParams,\n  SendableMessage,\n} from '@sendbird/chat/lib/__definition';\nimport type {\n  AdminMessage,\n  BaseMessage,\n  FileMessage,\n  FileMessageCreateParams,\n  FileMessageUpdateParams,\n  PreviousMessageListQuery,\n  Reaction,\n  UserMessage,\n  UserMessageCreateParams,\n  UserMessageUpdateParams,\n} from '@sendbird/chat/message';\nimport type { OpenChannel, OpenChannelListQuery, OpenChannelModule } from '@sendbird/chat/openChannel';\n\nexport type FilterByValueType<T extends object, Type> = {\n  [K in keyof T as T[K] extends Type ? K : never]: T[K];\n};\n\nexport type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (k: infer I) => void\n  ? I\n  : never;\n\nexport type OmittedValues<T, K extends keyof T> = Omit<T, K>[keyof Omit<T, K>];\n\nexport type PartialDeep<T> = T extends object\n  ? T extends Function\n    ? T\n    : {\n        [P in keyof T]?: PartialDeep<T[P]>;\n      }\n  : T;\n\nexport type PartialNullable<T> = {\n  [P in keyof T]?: T[P] | null;\n};\n\nexport type Optional<T> = T | undefined;\n\nexport type ContextValue<T extends React.Context<any>> = T extends React.Context<infer V> ? V : never;\n\nexport type OnBeforeHandler<T> = (params: T) => T | Promise<T>;\n\nexport interface UserStruct {\n  userId: string;\n}\n\nexport type SendbirdChatSDK = SendbirdChat & ModuleNamespaces<[GroupChannelModule, OpenChannelModule]>;\nexport type SendbirdMessage = BaseMessage | FileMessage | UserMessage | AdminMessage | SendableMessage;\nexport type SendbirdChannel = BaseChannel | GroupChannel | OpenChannel;\nexport type SendbirdUserMessage = UserMessage;\nexport type SendbirdFileMessage = FileMessage;\nexport type SendbirdAdminMessage = AdminMessage;\nexport type SendbirdBaseMessage = BaseMessage;\nexport type SendbirdSendableMessage = SendableMessage;\nexport type SendbirdFileMessageCreateParams = FileMessageCreateParams;\nexport type SendbirdFileMessageUpdateParams = FileMessageUpdateParams;\nexport type SendbirdUserMessageCreateParams = UserMessageCreateParams;\nexport type SendbirdUserMessageUpdateParams = UserMessageUpdateParams;\n\nexport type SendbirdGroupChannelCreateParams = GroupChannelCreateParams;\nexport type SendbirdGroupChannelUpdateParams = GroupChannelUpdateParams;\nexport type SendbirdOpenChannelCreateParams = OpenChannelCreateParams;\nexport type SendbirdOpenChannelUpdateParams = OpenChannelUpdateParams;\n\nexport type SendbirdUserUpdateParams = UserUpdateParams;\nexport type SendbirdUser = User;\nexport type SendbirdRestrictedUser = RestrictedUser;\nexport type SendbirdMember = Member;\nexport type SendbirdParticipant = Participant;\n\nexport type SendbirdGroupChannel = GroupChannel;\nexport type SendbirdBaseChannel = BaseChannel;\nexport type SendbirdOpenChannel = OpenChannel;\n\nexport type SendbirdReaction = Reaction;\nexport type SendbirdEmoji = Emoji;\nexport type SendbirdEmojiCategory = EmojiCategory;\nexport type SendbirdEmojiContainer = EmojiContainer;\n\nexport type SendbirdGroupChannelCollection = GroupChannelCollection;\nexport type SendbirdGroupChannelListQuery = GroupChannelListQuery;\nexport type SendbirdOpenChannelListQuery = OpenChannelListQuery;\nexport type SendbirdMessageCollection = MessageCollection;\nexport type SendbirdPreviousMessageListQuery = PreviousMessageListQuery;\n\nexport type SendbirdError = SBError;\n\nexport interface SendbirdDataPayload {\n  app_id: string;\n  audience_type: string;\n  category: string;\n  channel: {\n    channel_unread_message_count: number;\n    channel_url: string;\n    custom_type: string;\n    name: string;\n  };\n  channel_type: string;\n  created_at: number;\n  custom_type: string;\n  files: NotificationFiles[];\n  mentioned_users: NotificationMentionedUsers[];\n  message: string;\n  message_id: number;\n  push_sound: string;\n  push_title: null;\n  recipient: {\n    id: string;\n    name: string;\n    push_template: string;\n  };\n  sender?: {\n    id: string;\n    name: string;\n    profile_url: string;\n    require_auth_for_profile_image: boolean;\n  };\n  sqs_ts: number;\n  translations: NotificationTranslations;\n  type: 'ADMM' | 'MESG' | 'FILE' | string;\n  unread_message_count: number;\n}\nexport interface NotificationFiles {\n  type: string;\n  url: string;\n  name: string;\n  size: number;\n  require_auth: boolean;\n}\n\nexport interface NotificationTranslations {}\nexport interface NotificationMentionedUsers {}\n"],"mappings":""}

package/lib/module/ui-format/openChannel.js

@@ -0,0 +1,10 @@
+export const getOpenChannelTitle = function (channel) {
+  let DEFAULT_CHANNEL_NAME = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Open Channel';
+  const trimmedChannelName = channel.name.trim();
+  if (trimmedChannelName === '') return DEFAULT_CHANNEL_NAME;
+  return trimmedChannelName;
+};
+export const getOpenChannelParticipants = channel => {
+  return `${channel.participantCount} participants`;
+};
+//# sourceMappingURL=openChannel.js.map

package/lib/module/ui-format/openChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getOpenChannelTitle","channel","DEFAULT_CHANNEL_NAME","trimmedChannelName","name","trim","getOpenChannelParticipants","participantCount"],"sources":["openChannel.ts"],"sourcesContent":["import type { SendbirdOpenChannel } from '../types';\n\nexport const getOpenChannelTitle = (channel: SendbirdOpenChannel, DEFAULT_CHANNEL_NAME = 'Open Channel') => {\n  const trimmedChannelName = channel.name.trim();\n  if (trimmedChannelName === '') return DEFAULT_CHANNEL_NAME;\n  return trimmedChannelName;\n};\n\nexport const getOpenChannelParticipants = (channel: SendbirdOpenChannel) => {\n  return `${channel.participantCount} participants`;\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAmB,GAAG,UAACC,OAAD,EAAyE;EAAA,IAA1CC,oBAA0C,uEAAnB,cAAmB;EAC1G,MAAMC,kBAAkB,GAAGF,OAAO,CAACG,IAAR,CAAaC,IAAb,EAA3B;EACA,IAAIF,kBAAkB,KAAK,EAA3B,EAA+B,OAAOD,oBAAP;EAC/B,OAAOC,kBAAP;AACD,CAJM;AAMP,OAAO,MAAMG,0BAA0B,GAAIL,OAAD,IAAkC;EAC1E,OAAQ,GAAEA,OAAO,CAACM,gBAAiB,eAAnC;AACD,CAFM"}

package/lib/typescript/src/hooks/index.d.ts

@@ -2,6 +2,7 @@ import type { DependencyList } from 'react';
 type Destructor = () => void;
 type AsyncEffectCallback = () => void | Destructor | Promise<void> | Promise<Destructor>;
 export declare const useUniqId: (key: string) => number;
+export declare const useUniqHandlerId: (name: string) => string;
 export declare const useForceUpdate: () => () => void;
 export declare const useAsyncEffect: (asyncEffect: AsyncEffectCallback, deps?: DependencyList) => void;
 export declare const useAsyncLayoutEffect: (asyncEffect: AsyncEffectCallback, deps?: DependencyList) => void;
@@ -9,4 +10,6 @@ export declare const useIIFE: <T>(callback: () => T) => T;
 export declare const useIsMountedRef: () => import("react").MutableRefObject<boolean>;
 export declare const useIsFirstMount: () => boolean;
 export declare const useFreshCallback: <T extends (...args: any[]) => any>(callback: T) => T;
+export declare const useDebounceEffect: (action: () => void, delay: number, deps?: DependencyList) => void;
+export declare const usePartialState: <S>(initialState: S) => [S & Partial<S>, import("react").Dispatch<Partial<S>>];
 export {};

package/lib/typescript/src/index.d.ts

@@ -1,12 +1,13 @@
 export { Logger } from './shared/logger';
 export { default as arrayToMap, arrayToMapWithGetter } from './shared/arrayToMap';
-export { createPubSub } from './shared/pubsub';
-export { urlRegexStrict, urlRegexRough, newLineRegex, audioExtRegex, videoExtRegex, imageExtRegex, getFileType, getFileExtension, replaceUrlAsComponents, normalizeFileName, emailRegex, phoneRegex, replaceWithRegex, createMentionTemplateRegex, } from './shared/regex';
-export { BufferedRequest } from './shared/bufferedRequest';
+export * from './shared/regex';
+export * from './shared/bufferedRequest';
+export * from './shared/file';
 export * from './shared';
 export * from './hooks';
 export * from './hooks/react-native';
 export * from './ui-format/groupChannel';
+export * from './ui-format/openChannel';
 export * from './ui-format/common';
 export * from './sendbird/channel';
 export * from './sendbird/message';
@@ -16,11 +17,15 @@ export declare const NOOP: () => void;
 export declare const ASYNC_NOOP: () => Promise<undefined>;
 export declare const PASS: <T>(val: T) => T;
 export declare const toMegabyte: (byte: number) => number;
-export declare const isFunction: <T>(param?: T | undefined) => param is NonNullable<T>;
+export declare const isFunction: (param?: unknown) => param is Function;
+export declare function ifThenOr<T>(cond: boolean, then: T): T | undefined;
+export declare function ifThenOr<T, V>(cond: boolean, then: T, or: V): T | V;
 export declare const SBErrorCode: {
     NON_AUTHORIZED: number;
+    CHANNEL_NOT_FOUND_SERVER: number;
+    CHANNEL_NOT_FOUND_SDK: number;
 };
 export declare const SBErrorMessage: {
     ACL: string;
 };
-export type { UserStruct, FilterByValueType, UnionToIntersection, OmittedValues, PartialDeep, Optional, ContextValue, SendbirdMessage, SendbirdChatSDK, SendbirdChannel, SendbirdBaseChannel, SendbirdGroupChannel, SendbirdOpenChannel, SendbirdUser, SendbirdMember, SendbirdBaseMessage, SendbirdUserMessage, SendbirdFileMessage, SendbirdAdminMessage, SendbirdGroupChannelCreateParams, SendbirdFileMessageCreateParams, SendbirdUserMessageCreateParams, SendbirdError, SendbirdMessageCollection, SendbirdGroupChannelCollection, NotificationFiles, NotificationMentionedUsers, NotificationTranslations, PartialNullable, SendbirdDataPayload, SendbirdPreviousMessageListQuery, SendbirdSendableMessage, SendbirdGroupChannelListQuery, SendbirdGroupChannelUpdateParams, SendbirdUserMessageUpdateParams, SendbirdFileMessageUpdateParams, SendbirdUserUpdateParams, SendbirdRestrictedUser, SendbirdReaction, SendbirdEmojiContainer, SendbirdEmoji, SendbirdEmojiCategory, } from './types';
+export type { UserStruct, FilterByValueType, UnionToIntersection, OmittedValues, PartialDeep, Optional, ContextValue, OnBeforeHandler, SendbirdMessage, SendbirdChatSDK, SendbirdChannel, SendbirdBaseChannel, SendbirdGroupChannel, SendbirdOpenChannel, SendbirdUser, SendbirdMember, SendbirdBaseMessage, SendbirdUserMessage, SendbirdFileMessage, SendbirdAdminMessage, SendbirdGroupChannelCreateParams, SendbirdFileMessageCreateParams, SendbirdUserMessageCreateParams, SendbirdError, SendbirdMessageCollection, SendbirdGroupChannelCollection, NotificationFiles, NotificationMentionedUsers, NotificationTranslations, PartialNullable, SendbirdDataPayload, SendbirdPreviousMessageListQuery, SendbirdSendableMessage, SendbirdOpenChannelListQuery, SendbirdGroupChannelListQuery, SendbirdGroupChannelUpdateParams, SendbirdUserMessageUpdateParams, SendbirdFileMessageUpdateParams, SendbirdUserUpdateParams, SendbirdRestrictedUser, SendbirdReaction, SendbirdEmojiContainer, SendbirdEmoji, SendbirdEmojiCategory, SendbirdOpenChannelUpdateParams, SendbirdOpenChannelCreateParams, SendbirdParticipant, } from './types';

package/lib/typescript/src/sendbird/channel.d.ts

@@ -1,4 +1,4 @@
-import type { SendbirdBaseChannel, SendbirdChannel, SendbirdGroupChannel, SendbirdOpenChannel } from '../types';
+import type { SendbirdBaseChannel, SendbirdChannel, SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdOpenChannel } from '../types';
 /**
  * Diff utils for channel
  * @param {SendbirdBaseChannel} [a]
@@ -11,6 +11,11 @@ export declare const getGroupChannelChatAvailableState: (channel: SendbirdGroupC
     frozen: boolean;
     muted: boolean;
 };
+export declare const getOpenChannelChatAvailableState: (channel: SendbirdOpenChannel, userId: string) => Promise<{
+    disabled: boolean;
+    frozen: boolean;
+    muted: boolean;
+}>;
 export declare const confirmAndMarkAsRead: (channels: SendbirdBaseChannel[]) => Promise<void>;
 export declare const confirmAndMarkAsDelivered: (channels: SendbirdBaseChannel[]) => Promise<void>;
 export declare function isDefaultCoverImage(coverUrl: string): boolean;
@@ -18,3 +23,7 @@ export declare function getMembersExcludeMe(channel: SendbirdGroupChannel, curre
 export declare function getGroupChannels(channels: SendbirdChannel[]): SendbirdGroupChannel[];
 export declare function getOpenChannels(channels: SendbirdChannel[]): SendbirdOpenChannel[];
 export declare function getChannelUniqId(channel: SendbirdChannel): string;
+export declare function getDefaultGroupChannelCreateParams(params: {
+    invitedUserIds: string[];
+    currentUserId?: string;
+}): SendbirdGroupChannelCreateParams;

package/lib/typescript/src/sendbird/message.d.ts

@@ -20,4 +20,7 @@ export declare function isSendbirdNotification(dataPayload?: {
 export declare function parseSendbirdNotification(dataPayload: RawSendbirdDataPayload): SendbirdDataPayload;
 export declare function shouldRenderReaction(channel: SendbirdBaseChannel, reactionEnabled: boolean): boolean;
 export declare function getReactionCount(reaction: SendbirdReaction): number;
+type MessageType = 'user' | 'admin' | 'file' | 'unknown' | `user.${'opengraph'}` | `file.${'image' | 'video' | 'audio'}`;
+export declare function getFileTypeFromMessage(message: SendbirdFileMessage): "video" | "audio" | "image" | "file";
+export declare function getMessageType(message: SendbirdMessage): MessageType;
 export {};

package/lib/typescript/src/sendbird/user.d.ts

@@ -2,6 +2,4 @@ import type { Role } from '@sendbird/chat';
 import type { UserStruct } from '../types';
 export declare function ifOperator<T>(role: Role, then: T): T | undefined;
 export declare function ifOperator<T, V>(role: Role, then: T, or: V): T | V;
-export declare function ifMuted<T>(muted: boolean, then: T): T | undefined;
-export declare function ifMuted<T, V>(muted: boolean, then: T, or: V): T | V;
 export declare function getUserUniqId<T extends UserStruct>(user: T): string;

package/lib/typescript/src/shared/file.d.ts

@@ -0,0 +1,68 @@
+export declare const imageExtRegex: RegExp;
+export declare const audioExtRegex: RegExp;
+export declare const videoExtRegex: RegExp;
+export declare const getFileType: (extOrType: string) => "video" | "audio" | "image" | "file";
+/**
+ * Calculates the downscaled size of an image while preserving its aspect ratio.
+ *
+ * @param {Object} origin - The original size object with `width` and `height` properties.
+ * @param {Object} resizing - The resizing object with optional `width` and `height` properties.
+ * @returns {Object} - A new size object with the downscaled `width` and `height` properties.
+ * @example
+ * ```ts
+ *   getDownscaleSize({ width: 1200, height: 800 }, { width: 600 }); // returns { width: 600, height: 400 }
+ * ```
+ */
+type Size = {
+    width: number;
+    height: number;
+};
+export declare function getDownscaleSize(origin: Size, resizing: Partial<Size>): {
+    width: number;
+    height: number;
+};
+/**
+ * Normalize a file name by ensuring it has the given extension, if it doesn't already.
+ *
+ * @param {string} fileName - The file name to normalize.
+ * @param {string} extension - The desired extension, without a leading period.
+ * @returns {string} - The normalized file name, with the extension.
+ */
+export declare function normalizeFileName(fileName: string, extension: string): string;
+/**
+ * Parses a MIME type string into its components.
+ *
+ * @param mimeType - The MIME type string to parse.
+ * @returns An object containing the type, subtype, and parameters of the MIME type.
+ */
+type MimeType = {
+    type: string;
+    subtype: string;
+    parameters: Record<string, string>;
+};
+export declare function parseMimeType(mimeType: string): MimeType;
+/**
+ * Returns the file extension based on the MIME type.
+ *
+ * @param {string | null | undefined} mimeType - The MIME type to look up.
+ * @returns {string} - The file extension for the given MIME type, or an empty string if no matching file extension was found.
+ */
+export declare function getFileExtensionFromMime(mimeType?: string | null): string;
+/**
+ * Returns the MIME type based on the file extension.
+ *
+ * @param {string | null | undefined} ext - The file extension to look up.
+ * @returns {string} - The MIME type for the given file extension, or an empty string if no matching MIME type was found.
+ */
+export declare function getMimeFromFileExtension(ext?: string | null): string;
+/**
+ * Returns the file extension of a file path.
+ *
+ * @param {string} filePath - The file path to extract the extension from.
+ * @returns {string} - The file extension, or an empty string if the file path does not have an extension.
+ */
+export declare function getFileExtension(filePath: string): string;
+export declare function getFileExtensionFromUri(uri: string): Promise<string | null>;
+export declare function isImage(filePath: string, mimeType?: string): boolean;
+export declare function shouldCompressImage(mime: string, compressionEnabled?: boolean): boolean;
+export {};

package/lib/typescript/src/shared/index.d.ts

@@ -11,16 +11,16 @@ export declare function replace(str: string, start: number, end: number, text: s
  * */
 export declare function conditionChaining<T, V>(conditions: T[], values: V[]): V;
 /**
- * Calculates the downscale size.
- * */
-type Size = {
-    width: number;
-    height: number;
-};
-export declare function getDownscaleSize(origin: Size, resizing: Partial<Size>): {
-    width: number;
-    height: number;
-};
-export declare function isImage(filePath: string, mimeType?: string): boolean;
-export declare function shouldCompressImage(filePath: string, compressionEnabled?: boolean): boolean;
-export {};
+ * Returns a new object with only the specified keys from the input object.
+ *
+ * @param {Object} obj - The input object to pick keys from.
+ * @param {Array<string>} keys - An array of keys to pick from the input object.
+ * @returns {Object} - A new object containing only the specified keys from the input object.
+ * @example
+ * ```ts
+ *   pick({ a: 1, b: '2', c: true }, ['a', 'c']); // returns { a: 1, c: true }
+ * ```
+ */
+export declare function pick<T extends {
+    [key: string]: unknown;
+}, Keys extends keyof T>(obj: T, keys: Keys[]): { [key in Keys]: T[key]; };

package/lib/typescript/src/shared/regex.d.ts

@@ -12,9 +12,3 @@ export declare const replaceWithRegex: <T>(text: string, regex: RegExp, replacer
     keyPrefix: string;
 }) => T, keyPrefix: string) => (string | T)[];
 export declare const replaceUrlAsComponents: <T>(originText: string, replacer: (url: string) => T, strict?: boolean) => (string | T)[];
-export declare const imageExtRegex: RegExp;
-export declare const audioExtRegex: RegExp;
-export declare const videoExtRegex: RegExp;
-export declare const getFileType: (extOrType: string) => "video" | "audio" | "image" | "file";
-export declare function getFileExtension(filePath: string): string;
-export declare function normalizeFileName(fileName: string, extension: string): string;

package/lib/typescript/src/types.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
 import type SendbirdChat from '@sendbird/chat';
-import type { BaseChannel, Emoji, EmojiCategory, EmojiContainer, RestrictedUser, SendbirdError as SBError, User, UserUpdateParams } from '@sendbird/chat';
+import type { BaseChannel, Emoji, EmojiCategory, EmojiContainer, Participant, RestrictedUser, SendbirdError as SBError, User, UserUpdateParams } from '@sendbird/chat';
 import type { GroupChannel, GroupChannelCollection, GroupChannelCreateParams, GroupChannelListQuery, GroupChannelModule, GroupChannelUpdateParams, Member, MessageCollection } from '@sendbird/chat/groupChannel';
-import type { ModuleNamespaces, SendableMessage } from '@sendbird/chat/lib/__definition';
+import type { ModuleNamespaces, OpenChannelCreateParams, OpenChannelUpdateParams, SendableMessage } from '@sendbird/chat/lib/__definition';
 import type { AdminMessage, BaseMessage, FileMessage, FileMessageCreateParams, FileMessageUpdateParams, PreviousMessageListQuery, Reaction, UserMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
-import type { OpenChannel, OpenChannelModule } from '@sendbird/chat/openChannel';
+import type { OpenChannel, OpenChannelListQuery, OpenChannelModule } from '@sendbird/chat/openChannel';
 export type FilterByValueType<T extends object, Type> = {
     [K in keyof T as T[K] extends Type ? K : never]: T[K];
 };
@@ -18,6 +18,7 @@ export type PartialNullable<T> = {
 };
 export type Optional<T> = T | undefined;
 export type ContextValue<T extends React.Context<any>> = T extends React.Context<infer V> ? V : never;
+export type OnBeforeHandler<T> = (params: T) => T | Promise<T>;
 export interface UserStruct {
     userId: string;
 }
@@ -35,10 +36,13 @@ export type SendbirdUserMessageCreateParams = UserMessageCreateParams;
 export type SendbirdUserMessageUpdateParams = UserMessageUpdateParams;
 export type SendbirdGroupChannelCreateParams = GroupChannelCreateParams;
 export type SendbirdGroupChannelUpdateParams = GroupChannelUpdateParams;
+export type SendbirdOpenChannelCreateParams = OpenChannelCreateParams;
+export type SendbirdOpenChannelUpdateParams = OpenChannelUpdateParams;
 export type SendbirdUserUpdateParams = UserUpdateParams;
 export type SendbirdUser = User;
 export type SendbirdRestrictedUser = RestrictedUser;
 export type SendbirdMember = Member;
+export type SendbirdParticipant = Participant;
 export type SendbirdGroupChannel = GroupChannel;
 export type SendbirdBaseChannel = BaseChannel;
 export type SendbirdOpenChannel = OpenChannel;
@@ -48,6 +52,7 @@ export type SendbirdEmojiCategory = EmojiCategory;
 export type SendbirdEmojiContainer = EmojiContainer;
 export type SendbirdGroupChannelCollection = GroupChannelCollection;
 export type SendbirdGroupChannelListQuery = GroupChannelListQuery;
+export type SendbirdOpenChannelListQuery = OpenChannelListQuery;
 export type SendbirdMessageCollection = MessageCollection;
 export type SendbirdPreviousMessageListQuery = PreviousMessageListQuery;
 export type SendbirdError = SBError;

package/lib/typescript/src/ui-format/openChannel.d.ts

@@ -0,0 +1,3 @@
+import type { SendbirdOpenChannel } from '../types';
+export declare const getOpenChannelTitle: (channel: SendbirdOpenChannel, DEFAULT_CHANNEL_NAME?: string) => string;
+export declare const getOpenChannelParticipants: (channel: SendbirdOpenChannel) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-utils",
-  "version": "2.3.0",
+  "version": "2.4.1",
   "description": "UIKit utilities",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -45,12 +45,12 @@
     "@types/react": "*",
     "@types/react-native": "*",
     "react": "17.0.2",
-    "react-native": "0.67.4",
+    "react-native": "0.67.5",
     "react-native-builder-bob": "^0.18.0",
     "typescript": "4.9.4"
   },
   "peerDependencies": {
-    "@sendbird/chat": "^4.0.13",
+    "@sendbird/chat": "^4.3.0",
     "react": ">=16.13.1"
   },
   "peerDependenciesMeta": {
@@ -77,5 +77,5 @@
     "readmeFile": "./README.md",
     "displayName": "@sendbird/uikit-utils"
   },
-  "gitHead": "a9bf41fd7919436db99f6cc3bacd0f8d791b7729"
+  "gitHead": "9ba7a005c941a3edd5b0f78d88d8cd1df6c280fc"
 }

package/src/hooks/index.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { DependencyList } from 'react';
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useReducer, useRef, useState } from 'react';
 
 type Destructor = () => void;
 type AsyncEffectCallback = () => void | Destructor | Promise<void> | Promise<Destructor>;
@@ -13,6 +13,11 @@ export const useUniqId = (key: string) => {
   })[0];
 };
 
+export const useUniqHandlerId = (name: string) => {
+  const id = useUniqId(name);
+  return `${name}_${id}`;
+};
+
 export const useForceUpdate = () => {
   const [, updater] = useState(0);
   return useCallback(() => updater((prev) => prev + 1), []);
@@ -72,3 +77,28 @@ export const useFreshCallback = <T extends (...args: any[]) => any>(callback: T)
   ref.current = callback;
   return useCallback(((...args) => ref.current(...args)) as T, []);
 };
+
+export const useDebounceEffect = (action: () => void, delay: number, deps: DependencyList = []) => {
+  const timeoutRef = useRef<NodeJS.Timeout>();
+
+  useEffect(() => {
+    timeoutRef.current = setTimeout(async () => {
+      try {
+        await action();
+      } finally {
+        timeoutRef.current = undefined;
+      }
+    }, delay);
+
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+      }
+    };
+  }, [delay, ...deps]);
+};
+
+export const usePartialState = <S>(initialState: S) => {
+  return useReducer((prev: S, state: Partial<S>) => ({ ...prev, ...state }), initialState);
+};

package/src/hooks/react-native.ts

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { AppState, AppStateEvent, AppStateStatus } from 'react-native';
 import { EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
 
@@ -22,13 +22,11 @@ export const useSafeAreaPadding = <
   edges: T[],
 ): Result => {
   const safeAreaInsets = useSafeAreaInsets();
-  return useMemo(() => {
-    return edges.reduce((map, edge) => {
-      const paddingKey = edgePaddingMap[edge];
-      map[paddingKey] = safeAreaInsets[edge];
-      return map;
-    }, {} as { [key in EdgePaddingMap[T]]: EdgeInsets[T] });
-  }, edges) as Result;
+  return edges.reduce((map, edge) => {
+    const paddingKey = edgePaddingMap[edge];
+    map[paddingKey] = safeAreaInsets[edge];
+    return map;
+  }, {} as { [key in EdgePaddingMap[T]]: EdgeInsets[T] }) as Result;
 };
 
 type AppStateListener = (status: AppStateStatus) => void;

package/src/index.ts

@@ -1,29 +1,14 @@
 export { Logger } from './shared/logger';
 export { default as arrayToMap, arrayToMapWithGetter } from './shared/arrayToMap';
-export { createPubSub } from './shared/pubsub';
-export {
-  urlRegexStrict,
-  urlRegexRough,
-  newLineRegex,
-  audioExtRegex,
-  videoExtRegex,
-  imageExtRegex,
-  getFileType,
-  getFileExtension,
-  replaceUrlAsComponents,
-  normalizeFileName,
-  emailRegex,
-  phoneRegex,
-  replaceWithRegex,
-  createMentionTemplateRegex,
-} from './shared/regex';
-export { BufferedRequest } from './shared/bufferedRequest';
-
+export * from './shared/regex';
+export * from './shared/bufferedRequest';
+export * from './shared/file';
 export * from './shared';
 
 export * from './hooks';
 export * from './hooks/react-native';
 export * from './ui-format/groupChannel';
+export * from './ui-format/openChannel';
 export * from './ui-format/common';
 export * from './sendbird/channel';
 export * from './sendbird/message';
@@ -34,9 +19,19 @@ export const NOOP: () => void = () => void 0;
 export const ASYNC_NOOP = async () => void 0;
 export const PASS = <T>(val: T) => val;
 export const toMegabyte = (byte: number) => byte / 1024 / 1024;
-export const isFunction = <T>(param?: T): param is NonNullable<T> => typeof param === 'function';
+export const isFunction = (param?: unknown): param is Function => typeof param === 'function';
+
+export function ifThenOr<T>(cond: boolean, then: T): T | undefined;
+export function ifThenOr<T, V>(cond: boolean, then: T, or: V): T | V;
+export function ifThenOr(cond: boolean, then: unknown, or?: unknown) {
+  if (cond) return then;
+  return or;
+}
+
 export const SBErrorCode = {
   NON_AUTHORIZED: 400108,
+  CHANNEL_NOT_FOUND_SERVER: 400201,
+  CHANNEL_NOT_FOUND_SDK: 900500,
 };
 export const SBErrorMessage = {
   ACL:
@@ -54,6 +49,7 @@ export type {
   PartialDeep,
   Optional,
   ContextValue,
+  OnBeforeHandler,
   SendbirdMessage,
   SendbirdChatSDK,
   SendbirdChannel,
@@ -79,6 +75,7 @@ export type {
   SendbirdDataPayload,
   SendbirdPreviousMessageListQuery,
   SendbirdSendableMessage,
+  SendbirdOpenChannelListQuery,
   SendbirdGroupChannelListQuery,
   SendbirdGroupChannelUpdateParams,
   SendbirdUserMessageUpdateParams,
@@ -89,4 +86,7 @@ export type {
   SendbirdEmojiContainer,
   SendbirdEmoji,
   SendbirdEmojiCategory,
+  SendbirdOpenChannelUpdateParams,
+  SendbirdOpenChannelCreateParams,
+  SendbirdParticipant,
 } from './types';

package/src/sendbird/channel.ts

@@ -1,5 +1,11 @@
 import { BufferedRequest } from '../shared/bufferedRequest';
-import type { SendbirdBaseChannel, SendbirdChannel, SendbirdGroupChannel, SendbirdOpenChannel } from '../types';
+import type {
+  SendbirdBaseChannel,
+  SendbirdChannel,
+  SendbirdGroupChannel,
+  SendbirdGroupChannelCreateParams,
+  SendbirdOpenChannel,
+} from '../types';
 
 /**
  * Diff utils for channel
@@ -13,12 +19,21 @@ export function isDifferentChannel<T extends SendbirdBaseChannel>(a?: T, b?: T):
 }
 
 export const getGroupChannelChatAvailableState = (channel: SendbirdGroupChannel) => {
-  const frozen = channel.isFrozen && channel.myRole !== 'operator';
+  const isOperator = channel.myRole === 'operator';
+  const frozen = channel.isFrozen && !isOperator;
   const muted = channel.myMutedState === 'muted';
   const disabled = frozen || muted;
   return { disabled, frozen, muted };
 };
 
+export const getOpenChannelChatAvailableState = async (channel: SendbirdOpenChannel, userId: string) => {
+  const isOperator = channel.isOperator(userId);
+  const frozen = channel.isFrozen && !isOperator;
+  const muted = (await channel.getMyMutedInfo()).isMuted;
+  const disabled = frozen || muted;
+  return { disabled, frozen, muted };
+};
+
 export const confirmAndMarkAsRead = async (channels: SendbirdBaseChannel[]) => {
   channels
     .filter((it): it is SendbirdGroupChannel => it.isGroupChannel() && it.unreadMessageCount > 0)
@@ -50,3 +65,19 @@ export function getOpenChannels(channels: SendbirdChannel[]): SendbirdOpenChanne
 export function getChannelUniqId(channel: SendbirdChannel) {
   return channel.url;
 }
+
+export function getDefaultGroupChannelCreateParams(params: {
+  invitedUserIds: string[];
+  currentUserId?: string;
+}): SendbirdGroupChannelCreateParams {
+  const createParams: SendbirdGroupChannelCreateParams = {
+    name: '',
+    coverUrl: '',
+    isDistinct: false,
+    invitedUserIds: params.invitedUserIds,
+  };
+
+  if (params.currentUserId) createParams.operatorUserIds = [params.currentUserId];
+
+  return createParams;
+}

package/src/sendbird/message.ts

@@ -1,3 +1,4 @@
+import { getFileExtension, getFileType } from '../shared/file';
 import type {
   SendbirdBaseChannel,
   SendbirdBaseMessage,
@@ -114,9 +115,61 @@ export function parseSendbirdNotification(dataPayload: RawSendbirdDataPayload):
 }
 
 export function shouldRenderReaction(channel: SendbirdBaseChannel, reactionEnabled: boolean) {
-  return channel.isGroupChannel() && !channel.isBroadcast && !channel.isSuper && reactionEnabled;
+  if (channel.isOpenChannel()) {
+    return false;
+  }
+
+  if (channel.isGroupChannel()) {
+    if (channel.isBroadcast) return false;
+    if (channel.isSuper) return false;
+  }
+
+  return reactionEnabled;
 }
 
 export function getReactionCount(reaction: SendbirdReaction) {
   return reaction.userIds.length;
 }
+
+type MessageType =
+  | 'user'
+  | 'admin'
+  | 'file'
+  | 'unknown'
+  | `user.${'opengraph'}`
+  | `file.${'image' | 'video' | 'audio'}`;
+
+export function getFileTypeFromMessage(message: SendbirdFileMessage) {
+  return getFileType(message.type || getFileExtension(message.name));
+}
+
+export function getMessageType(message: SendbirdMessage): MessageType {
+  if (message.isAdminMessage()) {
+    return 'admin';
+  }
+
+  if (message.isUserMessage()) {
+    if (message.ogMetaData) {
+      return 'user.opengraph';
+    }
+    return 'user';
+  }
+
+  if (message.isFileMessage()) {
+    const fileType = getFileTypeFromMessage(message);
+    switch (fileType) {
+      case 'image':
+      case 'video': {
+        return `file.${fileType}`;
+      }
+      case 'audio': {
+        return `file.${fileType}`;
+      }
+      default: {
+        return 'file';
+      }
+    }
+  }
+
+  return 'unknown';
+}