@sendbird/uikit-react 3.5.0-rc.0 → 3.5.0

package/cjs/tokenize-2aa0f876.js

@@ -0,0 +1,164 @@
+'use strict';
+
+var index = require('./index-5231fde8.js');
+
+const USER_MENTION_PREFIX = '@';
+
+const TOKEN_TYPES = {
+  string: 'string',
+  mention: 'mention',
+  url: 'url',
+  undetermined: 'undetermined'
+};
+
+function getUserMentionRegex(mentionedUsers, templatePrefix_) {
+  const templatePrefix = templatePrefix_ || USER_MENTION_PREFIX;
+  return RegExp(`(${mentionedUsers.map(u => {
+    const userId = u.userId.replace(
+    // If user.id includes these patterns, need to convert it into an escaped one
+    /([.*+?^${}()|[\]\\])/g, '\\$1');
+    /**
+     * //{ And //} are also for escaping
+     * because curly braces `{}` are metacharacters in regular expressions used to specify repetition
+     */
+    return `${templatePrefix}\\{${userId}\\}`;
+  }).join('|')})`, 'g');
+}
+function identifyMentions(_ref) {
+  let {
+    tokens,
+    mentionedUsers = [],
+    templatePrefix = USER_MENTION_PREFIX
+  } = _ref;
+  if (!(mentionedUsers !== null && mentionedUsers !== void 0 && mentionedUsers.length)) {
+    return tokens;
+  }
+  const userMentionRegex = getUserMentionRegex(mentionedUsers, templatePrefix);
+  const results = tokens.map(token => {
+    // if the token is not undetermined, return it as is
+    // is kinda unnecessary with TS, but just in case
+    if (token.type !== TOKEN_TYPES.undetermined) {
+      return token;
+    }
+    const {
+      value
+    } = token;
+    const parts = value.split(userMentionRegex);
+    const tokens = parts.map(part => {
+      if (part.match(userMentionRegex)) {
+        const matchedUser = mentionedUsers.find(user => `@{${user === null || user === void 0 ? void 0 : user.userId}}` === part);
+        const nickname = (matchedUser === null || matchedUser === void 0 ? void 0 : matchedUser.nickname) || '(No name)';
+        return {
+          value: nickname,
+          type: TOKEN_TYPES.mention,
+          userId: matchedUser === null || matchedUser === void 0 ? void 0 : matchedUser.userId
+        };
+      } else {
+        return {
+          value: part,
+          type: TOKEN_TYPES.undetermined
+        };
+      }
+    });
+    return tokens;
+  }).flat();
+  return results;
+}
+function identifyUrlsAndStrings(token) {
+  const results = token.map(token => {
+    if (token.type !== TOKEN_TYPES.undetermined) {
+      return token;
+    }
+    const {
+      value = ''
+    } = token;
+    const parts = value.split(' ');
+    const tokens = parts.map(part => {
+      if (index.isUrl(part)) {
+        return {
+          value: part,
+          type: TOKEN_TYPES.url
+        };
+      } else {
+        return {
+          value: part,
+          type: TOKEN_TYPES.string
+        };
+      }
+    });
+    return tokens;
+  }).flat();
+  return results;
+}
+function combineNearbyStrings(tokens) {
+  const results = tokens.reduce((acc, token) => {
+    const lastToken = acc[acc.length - 1];
+    if ((lastToken === null || lastToken === void 0 ? void 0 : lastToken.type) === TOKEN_TYPES.string && token.type === TOKEN_TYPES.string) {
+      lastToken.value = `${lastToken.value} ${token.value}`;
+      return acc;
+    }
+    return [...acc, token];
+  }, []);
+  return results;
+}
+
+/**
+ * Converts text into set of rich tokens
+ */
+function tokenizeMessage(_ref2) {
+  let {
+    messageText,
+    mentionedUsers = [],
+    templatePrefix = USER_MENTION_PREFIX
+  } = _ref2;
+  // mention can be squeezed-in(no-space-between) with other mentions and urls
+  // if no users are mentioned, return the messageText as a single token
+  const partialResult = [{
+    type: TOKEN_TYPES.undetermined,
+    value: messageText
+  }];
+
+  // order is important because we want to identify mentions first
+  // identifyMentions will return a token with type mention or undetermined
+  const partialWithMentions = identifyMentions({
+    tokens: partialResult,
+    mentionedUsers,
+    templatePrefix
+  });
+  const partialsWithUrlsAndMentions = identifyUrlsAndStrings(partialWithMentions);
+  const result = combineNearbyStrings(partialsWithUrlsAndMentions);
+  return result;
+}
+
+/**
+ * Don't need to use this util in DOM element since the white spaces will be kept as is,
+ * but will need if the text is wrapped \w React.Fragement or </>
+ * @link https://sendbird.slack.com/archives/GPGHESTL3/p1681180484341369
+ * Or!!! -> convert any space or tab in leading/trailing to nbsp
+ * to preserve the leading & trailing white spaces
+ */
+function getWhiteSpacePreservedText(text) {
+  const NON_BREAKING_SPACE = '\u00A0';
+  // Split the input string into lines
+  const lines = text.split('\n');
+
+  // Process each line and convert leading and trailing white spaces to "\u00A0"
+  const processedLines = lines.map(line => {
+    var _line$match, _line$match2;
+    const leadingWhitespace = ((_line$match = line.match(/^\s*/)) === null || _line$match === void 0 ? void 0 : _line$match[0]) || '';
+    const trailingWhitespace = ((_line$match2 = line.match(/\s*$/)) === null || _line$match2 === void 0 ? void 0 : _line$match2[0]) || '';
+    const convertedLeadingWhitespace = leadingWhitespace.replace(/ /g, NON_BREAKING_SPACE);
+    const convertedTrailingWhitespace = trailingWhitespace.replace(/ /g, NON_BREAKING_SPACE);
+    return convertedLeadingWhitespace + line.trim() + convertedTrailingWhitespace;
+  });
+
+  // Combine the processed lines into a new string with "\n"
+  const result = processedLines.join('\n');
+  return result;
+}
+
+exports.TOKEN_TYPES = TOKEN_TYPES;
+exports.USER_MENTION_PREFIX = USER_MENTION_PREFIX;
+exports.getWhiteSpacePreservedText = getWhiteSpacePreservedText;
+exports.tokenizeMessage = tokenizeMessage;
+//# sourceMappingURL=tokenize-2aa0f876.js.map

package/cjs/tokenize-2aa0f876.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenize-2aa0f876.js","sources":["../../src/modules/Message/consts.ts","../../src/modules/Message/utils/tokens/types.ts","../../src/modules/Message/utils/tokens/tokenize.ts"],"sourcesContent":["export const USER_MENTION_PREFIX = '@';\n","import { User } from '@sendbird/chat';\nimport { ObjectValues } from '../../../../utils/typeHelpers/objectValues';\n\nexport const TOKEN_TYPES = {\n  string: 'string',\n  mention: 'mention',\n  url: 'url',\n  undetermined: 'undetermined',\n} as const;\n\nexport type TokenType = ObjectValues<typeof TOKEN_TYPES>;\n\nexport type StringToken = {\n  type: typeof TOKEN_TYPES.string;\n  value: string;\n};\n\nexport type MentionToken = {\n  type: TokenType;\n  value: string;\n  userId: string;\n};\n\nexport type UrlToken = {\n  type: typeof TOKEN_TYPES.url;\n  value: string;\n};\n\nexport type UndeterminedToken = {\n  type: typeof TOKEN_TYPES.undetermined;\n  value: string;\n};\n\nexport type Token = StringToken | MentionToken | UrlToken | UndeterminedToken;\n\nexport type TokenParams = {\n  messageText: string;\n  mentionedUsers?: User[];\n  templatePrefix?: string;\n};\n\nexport type IdentifyMentionsType = {\n  tokens: UndeterminedToken[];\n  mentionedUsers: User[];\n  templatePrefix: string;\n};\n","import { User } from '@sendbird/chat';\nimport { USER_MENTION_PREFIX } from '../../consts';\nimport { IdentifyMentionsType, MentionToken, Token, TOKEN_TYPES, TokenParams, UndeterminedToken } from './types';\nimport { isUrl } from '../../../../utils';\n\nexport function getUserMentionRegex(mentionedUsers: User[], templatePrefix_: string): RegExp {\n  const templatePrefix = templatePrefix_ || USER_MENTION_PREFIX;\n\n  return RegExp(`(${mentionedUsers.map(u => {\n    const userId = u.userId.replace(\n      // If user.id includes these patterns, need to convert it into an escaped one\n      /([.*+?^${}()|[\\]\\\\])/g,\n      '\\\\$1');\n      /**\n       * //{ And //} are also for escaping\n       * because curly braces `{}` are metacharacters in regular expressions used to specify repetition\n       */\n    return `${templatePrefix}\\\\{${userId}\\\\}`;\n  }).join('|')})`, 'g');\n}\n\nexport function identifyMentions({\n  tokens,\n  mentionedUsers = [],\n  templatePrefix = USER_MENTION_PREFIX,\n}: IdentifyMentionsType): (MentionToken | UndeterminedToken)[] {\n  if (!mentionedUsers?.length) {\n    return tokens;\n  }\n  const userMentionRegex = getUserMentionRegex(mentionedUsers, templatePrefix);\n  const results: (UndeterminedToken | MentionToken)[] = tokens.map((token) => {\n    // if the token is not undetermined, return it as is\n    // is kinda unnecessary with TS, but just in case\n    if (token.type !== TOKEN_TYPES.undetermined) {\n      return token;\n    }\n    const { value } = token;\n    const parts = value.split(userMentionRegex);\n\n    const tokens = parts.map((part) => {\n      if (part.match(userMentionRegex)) {\n        const matchedUser = mentionedUsers.find((user) => `@{${user?.userId}}` === part);\n        const nickname = matchedUser?.nickname || '(No name)';\n        return { value: nickname, type: TOKEN_TYPES.mention, userId: matchedUser?.userId };\n      } else {\n        return { value: part, type: TOKEN_TYPES.undetermined };\n      }\n    });\n    return tokens;\n  }).flat();\n  return results;\n}\n\nexport function identifyUrlsAndStrings(token: Token[]): Token[] {\n  const results: Token[] = token.map((token) => {\n    if (token.type !== TOKEN_TYPES.undetermined) {\n      return token;\n    }\n    const { value = '' } = token;\n    const parts = value.split(' ');\n    const tokens = parts.map((part) => {\n      if (isUrl(part)) {\n        return { value: part, type: TOKEN_TYPES.url };\n      } else {\n        return { value: part, type: TOKEN_TYPES.string };\n      }\n    });\n    return tokens;\n  }).flat();\n\n  return results;\n}\n\nexport function combineNearbyStrings(tokens: Token[]): Token[] {\n  const results: Token[] = tokens.reduce((acc, token) => {\n    const lastToken = acc[acc.length - 1];\n    if (lastToken?.type === TOKEN_TYPES.string && token.type === TOKEN_TYPES.string) {\n      lastToken.value = `${lastToken.value} ${token.value}`;\n      return acc;\n    }\n    return [...acc, token];\n  }, []);\n  return results;\n}\n\n/**\n * Converts text into set of rich tokens\n */\nexport function tokenizeMessage({\n  messageText,\n  mentionedUsers = [],\n  templatePrefix = USER_MENTION_PREFIX,\n}: TokenParams): Token[] {\n  // mention can be squeezed-in(no-space-between) with other mentions and urls\n  // if no users are mentioned, return the messageText as a single token\n  const partialResult = [{\n    type: TOKEN_TYPES.undetermined,\n    value: messageText,\n  }];\n\n  // order is important because we want to identify mentions first\n  // identifyMentions will return a token with type mention or undetermined\n  const partialWithMentions = identifyMentions({\n    tokens: partialResult,\n    mentionedUsers,\n    templatePrefix,\n  });\n  const partialsWithUrlsAndMentions = identifyUrlsAndStrings(partialWithMentions);\n  const result = combineNearbyStrings(partialsWithUrlsAndMentions);\n\n  return result;\n}\n\n/**\n * Don't need to use this util in DOM element since the white spaces will be kept as is,\n * but will need if the text is wrapped \\w React.Fragement or </>\n * @link https://sendbird.slack.com/archives/GPGHESTL3/p1681180484341369\n * Or!!! -> convert any space or tab in leading/trailing to nbsp\n * to preserve the leading & trailing white spaces\n */\nexport function getWhiteSpacePreservedText(text: string): string {\n  const NON_BREAKING_SPACE = '\\u00A0';\n  // Split the input string into lines\n  const lines = text.split('\\n');\n\n  // Process each line and convert leading and trailing white spaces to \"\\u00A0\"\n  const processedLines = lines.map((line) => {\n    const leadingWhitespace = line.match(/^\\s*/)?.[0] || '';\n    const trailingWhitespace = line.match(/\\s*$/)?.[0] || '';\n\n    const convertedLeadingWhitespace = leadingWhitespace.replace(/ /g, NON_BREAKING_SPACE);\n    const convertedTrailingWhitespace = trailingWhitespace.replace(/ /g, NON_BREAKING_SPACE);\n\n    return convertedLeadingWhitespace + line.trim() + convertedTrailingWhitespace;\n  });\n\n  // Combine the processed lines into a new string with \"\\n\"\n  const result = processedLines.join('\\n');\n\n  return result;\n}\n"],"names":["USER_MENTION_PREFIX","TOKEN_TYPES","string","mention","url","undetermined","getUserMentionRegex","mentionedUsers","templatePrefix_","templatePrefix","RegExp","map","u","userId","replace","join","identifyMentions","_ref","tokens","length","userMentionRegex","results","token","type","value","parts","split","part","match","matchedUser","find","user","nickname","flat","identifyUrlsAndStrings","isUrl","combineNearbyStrings","reduce","acc","lastToken","tokenizeMessage","_ref2","messageText","partialResult","partialWithMentions","partialsWithUrlsAndMentions","result","getWhiteSpacePreservedText","text","NON_BREAKING_SPACE","lines","processedLines","line","_line$match","_line$match2","leadingWhitespace","trailingWhitespace","convertedLeadingWhitespace","convertedTrailingWhitespace","trim"],"mappings":"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"}

package/cjs/topics-b384e6b3.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const PUBSUB_TOPICS = {
+  // Group Channel
+  USER_UPDATED: 'USER_UPDATED',
+  SEND_MESSAGE_START: 'SEND_MESSAGE_START',
+  SEND_USER_MESSAGE: 'SEND_USER_MESSAGE',
+  SEND_FILE_MESSAGE: 'SEND_FILE_MESSAGE',
+  UPDATE_USER_MESSAGE: 'UPDATE_USER_MESSAGE',
+  DELETE_MESSAGE: 'DELETE_MESSAGE',
+  LEAVE_CHANNEL: 'LEAVE_CHANNEL',
+  CREATE_CHANNEL: 'CREATE_CHANNEL',
+  // Open Channel
+  UPDATE_OPEN_CHANNEL: 'UPDATE_OPEN_CHANNEL'
+};
+
+exports.PUBSUB_TOPICS = PUBSUB_TOPICS;
+//# sourceMappingURL=topics-b384e6b3.js.map

package/cjs/topics-b384e6b3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"topics-b384e6b3.js","sources":["../../src/lib/pubSub/topics.ts"],"sourcesContent":["import { ObjectValues } from '../../utils/typeHelpers/objectValues';\n\nexport const PUBSUB_TOPICS = {\n  // Group Channel\n  USER_UPDATED: 'USER_UPDATED',\n  SEND_MESSAGE_START: 'SEND_MESSAGE_START',\n  SEND_USER_MESSAGE: 'SEND_USER_MESSAGE',\n  SEND_FILE_MESSAGE: 'SEND_FILE_MESSAGE',\n  UPDATE_USER_MESSAGE: 'UPDATE_USER_MESSAGE',\n  DELETE_MESSAGE: 'DELETE_MESSAGE',\n  LEAVE_CHANNEL: 'LEAVE_CHANNEL',\n  CREATE_CHANNEL: 'CREATE_CHANNEL',\n  // Open Channel\n  UPDATE_OPEN_CHANNEL: 'UPDATE_OPEN_CHANNEL',\n} as const;\nexport type pubSubTopic = ObjectValues<typeof PUBSUB_TOPICS>;\n\nexport default PUBSUB_TOPICS;\n"],"names":["PUBSUB_TOPICS","USER_UPDATED","SEND_MESSAGE_START","SEND_USER_MESSAGE","SEND_FILE_MESSAGE","UPDATE_USER_MESSAGE","DELETE_MESSAGE","LEAVE_CHANNEL","CREATE_CHANNEL","UPDATE_OPEN_CHANNEL"],"mappings":";;AAEO,MAAMA,aAAa,GAAG;AAC3B;AACAC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,cAAc,EAAE,gBAAgB;AAChC;AACAC,EAAAA,mBAAmB,EAAE,qBAAA;AACvB;;;;"}

package/cjs/types-e0b77c8c.js

@@ -0,0 +1,17 @@
+'use strict';
+
+// note to SDK team:
+// using enum inside .d.ts won’t work for jest, but const enum will work.
+const Role = {
+  OPERATOR: 'operator',
+  NONE: 'none'
+};
+
+// type getUpdateFileMessage = (
+//   channel: GroupChannel | OpenChannel,
+//   messageId: string | number,
+//   params: FileMessageUpdateParams,
+// ) => Promise<FileMessage>;
+
+exports.Role = Role;
+//# sourceMappingURL=types-e0b77c8c.js.map

package/cjs/types-e0b77c8c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-e0b77c8c.js","sources":["../../src/lib/types.ts"],"sourcesContent":["import type SendbirdChat from '@sendbird/chat';\nimport type { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\nimport type {\n  OpenChannel,\n  OpenChannelCreateParams,\n  SendbirdOpenChat,\n} from '@sendbird/chat/openChannel';\nimport type {\n  AdminMessage,\n  FileMessage,\n  FileMessageCreateParams,\n  UserMessage,\n  UserMessageCreateParams,\n  UserMessageUpdateParams,\n} from '@sendbird/chat/message';\n\nimport type SendBirdTypes from '../types';\nimport { UikitMessageHandler } from './selectors';\nimport { Logger } from './SendbirdState';\nimport { ReplyType } from 'SendbirdUIKitGlobal';\nimport { MarkAsReadSchedulerType } from './hooks/useMarkAsReadScheduler';\nimport { MarkAsDeliveredSchedulerType } from './hooks/useMarkAsDeliveredScheduler';\n\nimport { SBUConfig } from '@sendbird/uikit-tools';\n\n// note to SDK team:\n// using enum inside .d.ts won’t work for jest, but const enum will work.\nexport const Role = {\n  OPERATOR: 'operator',\n  NONE: 'none',\n} as const;\n\nexport interface SendBirdProviderProps {\n  userId: string;\n  appId: string;\n  accessToken?: string;\n  children?: React.ReactElement;\n  theme?: 'light' | 'dark';\n  nickname?: string;\n  profileUrl?: string;\n  dateLocale?: Locale;\n  disableUserProfile?: boolean;\n  disableMarkAsDelivered?: boolean;\n  renderUserProfile?: (props: SendBirdTypes.RenderUserProfileProps) => React.ReactElement;\n  allowProfileEdit?: boolean;\n  userListQuery?(): SendBirdTypes.UserListQuery;\n  config?: SendBirdTypes.SendBirdProviderConfig;\n  stringSet?: Record<string, string>;\n  colorSet?: Record<string, string>;\n  isMentionEnabled?: boolean;\n  isVoiceMessageEnabled?: boolean;\n  voiceRecord?: {\n    maxRecordingTime: number;\n    minRecordingTime: number;\n  };\n  imageCompression?: {\n    compressionRate?: number,\n    resizingWidth?: number | string,\n    resizingHeight?: number | string,\n  };\n  isTypingIndicatorEnabledOnChannelList?: boolean;\n  isMessageReceiptStatusEnabledOnChannelList?: boolean;\n}\n\nexport interface SendBirdStateConfig {\n  disableUserProfile: boolean;\n  disableMarkAsDelivered: boolean;\n  renderUserProfile?: (props: SendBirdTypes.RenderUserProfileProps) => React.ReactElement;\n  onUserProfileMessage?: (props: GroupChannel) => void;\n  allowProfileEdit: boolean;\n  isOnline: boolean;\n  userId: string;\n  appId: string;\n  accessToken: string;\n  theme: string;\n  pubSub: any;\n  logger: Logger;\n  setCurrenttheme: (theme: string) => void;\n  userListQuery?(): SendBirdTypes.UserListQuery;\n  isReactionEnabled: boolean;\n  isMentionEnabled: boolean;\n  isVoiceMessageEnabled?: boolean;\n  voiceRecord?: {\n    maxRecordingTime: number;\n    minRecordingTime: number;\n  };\n  userMention: {\n    maxMentionCount: number,\n    maxSuggestionCount: number,\n  };\n  imageCompression?: {\n    compressionRate?: number,\n    resizingWidth?: number | string,\n    resizingHeight?: number | string,\n  };\n  markAsReadScheduler: MarkAsReadSchedulerType;\n  markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;\n  isTypingIndicatorEnabledOnChannelList?: boolean;\n  isMessageReceiptStatusEnabledOnChannelList?: boolean;\n  replyType: ReplyType;\n  showSearchIcon?: boolean;\n  // Remote configs set from dashboard by UIKit feature configuration\n  groupChannel: {\n    enableOgtag: SBUConfig['groupChannel']['channel']['enableOgtag'];\n    enableTypingIndicator: SBUConfig['groupChannel']['channel']['enableTypingIndicator'];\n    enableDocument: SBUConfig['groupChannel']['channel']['input']['enableDocument'];\n    threadReplySelectType: SBUConfig['groupChannel']['channel']['threadReplySelectType'];\n  },\n  openChannel: {\n    enableOgtag: SBUConfig['openChannel']['channel']['enableOgtag'];\n    enableDocument: SBUConfig['openChannel']['channel']['input']['enableDocument'];\n  },\n}\nexport interface SdkStore {\n  error: boolean;\n  initialized: boolean;\n  loading: boolean;\n  sdk: SendbirdChat & SendbirdGroupChat & SendbirdOpenChat;\n}\nexport interface UserStore {\n  initialized: boolean;\n  loading: boolean;\n  user: User;\n}\nexport interface SendBirdStateStore {\n  sdkStore: SdkStore;\n  userStore: UserStore;\n}\n\nexport type SendBirdState = {\n  config: SendBirdStateConfig;\n  stores: SendBirdStateStore;\n  dispatchers: {\n    userDispatcher: UserDispatcher,\n  },\n};\n\ntype UserDispatcherParams = {\n  type: string,\n  payload: User,\n};\n\ntype UserDispatcher = (params: UserDispatcherParams) => void;\n\ntype GetSdk = SendbirdChat | undefined;\ntype GetConnect = (\n  userId: string,\n  accessToken?: string\n) => Promise<User>;\ntype GetDisconnect = () => Promise<void>;\ntype GetUpdateUserInfo = (\n  nickName: string,\n  profileUrl?: string\n) => Promise<User>;\ntype GetCreateGroupChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\ntype GetCreateOpenChannel = (channelParams: OpenChannelCreateParams) => Promise<OpenChannel>;\ntype GetGetGroupChannel = (\n  channelUrl: string,\n  isSelected?: boolean,\n) => Promise<GroupChannel>;\ntype GetGetOpenChannel = (\n  channelUrl: string,\n) => Promise<OpenChannel>;\ntype GetLeaveGroupChannel = (channel: GroupChannel) => Promise<void>;\ntype GetEnterOpenChannel = (channel: OpenChannel) => Promise<OpenChannel>;\ntype GetExitOpenChannel = (channel: OpenChannel) => Promise<void>;\ntype GetFreezeChannel = (channel: GroupChannel | OpenChannel) => Promise<void>;\ntype GetUnFreezeChannel = (channel: GroupChannel | OpenChannel) => Promise<void>;\ntype GetSendUserMessage = (\n  channel: GroupChannel | OpenChannel,\n  userMessageParams: UserMessageCreateParams,\n) => UikitMessageHandler;\ntype GetSendFileMessage = (\n  channel: GroupChannel | OpenChannel,\n  fileMessageParams: FileMessageCreateParams\n) => UikitMessageHandler;\ntype GetUpdateUserMessage = (\n  channel: GroupChannel | OpenChannel,\n  messageId: string | number,\n  params: UserMessageUpdateParams\n) => Promise<UserMessage>;\n// type getUpdateFileMessage = (\n//   channel: GroupChannel | OpenChannel,\n//   messageId: string | number,\n//   params: FileMessageUpdateParams,\n// ) => Promise<FileMessage>;\ntype GetDeleteMessage = (\n  channel: GroupChannel | OpenChannel,\n  message: AdminMessage | UserMessage | FileMessage\n) => Promise<void>;\ntype GetResendUserMessage = (\n  channel: GroupChannel | OpenChannel,\n  failedMessage: UserMessage\n) => Promise<UserMessage>;\ntype GetResendFileMessage = (\n  channel: GroupChannel | OpenChannel,\n  failedMessage: FileMessage\n) => Promise<FileMessage>;\n\nexport interface sendbirdSelectorsInterface {\n  getSdk: (store: SendBirdState) => GetSdk;\n  getConnect: (store: SendBirdState) => GetConnect\n  getDisconnect: (store: SendBirdState) => GetDisconnect;\n  getUpdateUserInfo: (store: SendBirdState) => GetUpdateUserInfo;\n  getCreateGroupChannel: (store: SendBirdState) => GetCreateGroupChannel;\n  getCreateOpenChannel: (store: SendBirdState) => GetCreateOpenChannel;\n  getGetGroupChannel: (store: SendBirdState) => GetGetGroupChannel;\n  getGetOpenChannel: (store: SendBirdState) => GetGetOpenChannel;\n  getLeaveGroupChannel: (store: SendBirdState) => GetLeaveGroupChannel;\n  getEnterOpenChannel: (store: SendBirdState) => GetEnterOpenChannel;\n  getExitOpenChannel: (store: SendBirdState) => GetExitOpenChannel;\n  getFreezeChannel: (store: SendBirdState) => GetFreezeChannel;\n  getUnFreezeChannel: (store: SendBirdState) => GetUnFreezeChannel;\n  getSendUserMessage: (store: SendBirdState) => GetSendUserMessage;\n  getSendFileMessage: (store: SendBirdState) => GetSendFileMessage;\n  getUpdateUserMessage: (store: SendBirdState) => GetUpdateUserMessage;\n  // getUpdateFileMessage: (store: SendBirdState) => GetUpdateFileMessage;\n  getDeleteMessage: (store: SendBirdState) => GetDeleteMessage;\n  getResendUserMessage: (store: SendBirdState) => GetResendUserMessage;\n  getResendFileMessage: (store: SendBirdState) => GetResendFileMessage;\n}\n"],"names":["Role","OPERATOR","NONE"],"mappings":";;AA8BA;AACA;AACO,MAAMA,IAAI,GAAG;AAClBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,IAAI,EAAE,MAAA;AACR,EAAU;;AAuJV;AACA;AACA;AACA;AACA;;;;"}

package/cjs/ui/Accordion.js

@@ -2,50 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-5a7eb30d.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_AccordionGroup = require('./AccordionGroup.js');
-var context = require('../context-012aecd1.js');
+var context = require('../context-8e7e8457.js');
 require('prop-types');
-require('../utils-708aa730.js');
+require('../utils-ad7b5b82.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function Accordion(_a) {
-  var className = _a.className,
-      id = _a.id,
-      renderTitle = _a.renderTitle,
-      renderContent = _a.renderContent,
-      renderFooter = _a.renderFooter;
-
-  var _b = React.useState(false),
-      showAccordion = _b[0],
-      setShowAccordion = _b[1];
-
-  return /*#__PURE__*/React__default["default"].createElement(context.Consumer, null, // Function is considered like a react component
-  function (value) {
-    var opened = value.opened,
-        setOpened = value.setOpened; // props from Provider
-
+function Accordion(_ref) {
+  let {
+    className,
+    id,
+    renderTitle,
+    renderContent,
+    renderFooter
+  } = _ref;
+  const [showAccordion, setShowAccordion] = React.useState(false);
+  return /*#__PURE__*/React__default["default"].createElement(context.Consumer, null,
+  // Function is considered like a react component
+  value => {
+    const {
+      opened,
+      setOpened
+    } = value; // props from Provider
     if (id === opened) {
       setShowAccordion(true);
     } else {
       setShowAccordion(false);
     }
-
-    var handleClick = function () {
+    const handleClick = () => {
       if (showAccordion) {
         setOpened('');
       } else {
         setOpened(id);
       }
     };
-
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-accordion__panel-header'], false).join(' '),
+      className: [...(Array.isArray(className) ? className : [className]), 'sendbird-accordion__panel-header'].join(' '),
       id: id,
       role: "switch",
       "aria-checked": false,
@@ -66,7 +63,7 @@ function Accordion(_a) {
     }, renderFooter())));
   });
 }
-var AccordionGroup = ui_AccordionGroup;
+const AccordionGroup = ui_AccordionGroup;
 
 exports.AccordionGroup = AccordionGroup;
 exports["default"] = Accordion;

package/cjs/ui/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/ui/Accordion/index.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\n\nimport './index.scss';\n\nimport Icon, { IconTypes } from '../Icon';\nimport AccordionGroup_ from './AccordionGroup';\nimport { Consumer } from './context';\n\ninterface Props {\n  className?: string | Array<string>;\n  id: string;\n  renderTitle(): ReactElement;\n  renderContent(): ReactElement;\n  renderFooter?(): ReactElement;\n}\n\nexport default function Accordion({\n  className,\n  id,\n  renderTitle,\n  renderContent,\n  renderFooter,\n}: Props): ReactElement {\n  const [showAccordion, setShowAccordion] = useState(false);\n  return (\n    <Consumer>\n      {\n        // Function is considered like a react component\n        (value) => {\n          const { opened, setOpened } = value; // props from Provider\n          if (id === opened) {\n            setShowAccordion(true);\n          } else {\n            setShowAccordion(false);\n          }\n          const handleClick = () => {\n            if (showAccordion) {\n              setOpened('');\n            } else {\n              setOpened(id);\n            }\n          }\n          return (\n            <>\n              <div\n                className={[\n                  ...(Array.isArray(className) ? className : [className]),\n                  'sendbird-accordion__panel-header',\n                ].join(' ')}\n                id={id}\n                role=\"switch\"\n                aria-checked={false}\n                onClick={handleClick}\n                onKeyDown={handleClick}\n                tabIndex={0}\n              >\n                { renderTitle() }\n                <Icon\n                  type={IconTypes.CHEVRON_RIGHT}\n                  className={[\n                    'sendbird-accordion__panel-icon-right',\n                    'sendbird-accordion__panel-icon--chevron',\n                    (showAccordion ? 'sendbird-accordion__panel-icon--open' : ''),\n                  ].join(' ')}\n                  height=\"24px\"\n                  width=\"24px\"\n                />\n              </div>\n              {\n                showAccordion && (\n                  <div className=\"sendbird-accordion\">\n                    <div className=\"sendbird-accordion__list\">\n                      { renderContent() }\n                    </div>\n                    {\n                      renderFooter && (\n                        <div className=\"sendbird-accordion__footer\">\n                          { renderFooter() }\n                        </div>\n                      )\n                    }\n                  </div>\n                )\n              }\n            </>);\n        }\n      }\n    </Consumer>\n  )\n}\n\nexport const AccordionGroup = AccordionGroup_;\n"],"names":["Accordion","_a","className","id","renderTitle","renderContent","renderFooter","_b","useState","showAccordion","setShowAccordion","React","Consumer","value","opened","setOpened","handleClick","__spreadArray","Array","isArray","join","Icon","IconTypes","CHEVRON_RIGHT","AccordionGroup","AccordionGroup_"],"mappings":";;;;;;;;;;;;;;;;AAgBwB,SAAAA,SAAA,CAAUC,EAAV,EAMhB;AALN,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT;AAAA,MACAC,EAAE,GAAAF,EAAA,CAAAE,EADF;AAAA,MAEAC,WAAW,GAAAH,EAAA,CAAAG,WAFX;AAAA,MAGAC,aAAa,GAAAJ,EAAA,CAAAI,aAHb;AAAA,MAIAC,YAAY,GAAAL,EAAA,CAAAK,YAJZ,CAAA;;AAMM,EAAA,IAAAC,EAAA,GAAoCC,cAAQ,CAAC,KAAD,CAA5C;AAAA,MAACC,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAd;AAAA,MAAgBG,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAAhC,CAAA;;EACN,oBACEI,yBAAA,CAAA,aAAA,CAACC,gBAAD,EAEI,IAAA;AACA,EAAA,UAACC,KAAD,EAAM;AACI,IAAA,IAAAC,MAAM,GAAgBD,KAAK,CAArBC,MAAN;AAAA,QAAQC,SAAS,GAAKF,KAAK,CAAAE,SAA3B,CADJ;;IAEJ,IAAIZ,EAAE,KAAKW,MAAX,EAAmB;MACjBJ,gBAAgB,CAAC,IAAD,CAAhB,CAAA;AACD,KAFD,MAEO;MACLA,gBAAgB,CAAC,KAAD,CAAhB,CAAA;AACD,KAAA;;IACD,IAAMM,WAAW,GAAG,YAAA;AAClB,MAAA,IAAIP,aAAJ,EAAmB;QACjBM,SAAS,CAAC,EAAD,CAAT,CAAA;AACD,OAFD,MAEO;QACLA,SAAS,CAACZ,EAAD,CAAT,CAAA;AACD,OAAA;KALH,CAAA;;AAOA,IAAA,oBACEQ,yBACE,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,eAAAA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,MAAA,SAAS,EAAEM,uBACN,CAAAA,uBAAA,CAAA,EAAA,EAACC,KAAK,CAACC,OAAN,CAAcjB,SAAd,CAAA,GAA2BA,SAA3B,GAAuC,CAACA,SAAD,CAAxC,EAAoD,IAApD,CAAA,EAAoD,CACvD,kCADuD,CAApD,EAEH,KAFG,CADM,CAGTkB,IAHS,CAGJ,GAHI,CADb;AAKE,MAAA,EAAE,EAAEjB,EALN;AAME,MAAA,IAAI,EAAC,QANP;AAOE,MAAA,cAAA,EAAc,KAPhB;AAQE,MAAA,OAAO,EAAEa,WARX;AASE,MAAA,SAAS,EAAEA,WATb;AAUE,MAAA,QAAQ,EAAE,CAAA;AAVZ,KAAA,EAYIZ,WAAW,EAZf,eAaEO,yBAAA,CAAA,aAAA,CAACU,kBAAD,EAAA;MACE,IAAI,EAAEC,iBAAS,CAACC,aADlB;AAEE,MAAA,SAAS,EAAE,CACT,sCADS,EAET,yCAFS,EAGRd,aAAa,GAAG,sCAAH,GAA4C,EAHjD,CAAA,CAITW,IAJS,CAIJ,GAJI,CAFb;AAOE,MAAA,MAAM,EAAC,MAPT;AAQE,MAAA,KAAK,EAAC,MAAA;KArBV,CAAA,CADF,EA0BIX,aAAa,iBACXE,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAC,oBAAA;KACb,eAAAA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAC,0BAAA;AAAf,KAAA,EACIN,aAAa,EADjB,CADF,EAKIC,YAAY,iBACVK,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAC,4BAAA;AAAf,KAAA,EACIL,YAAY,EADhB,CANN,CA3BN,CADF,CAAA;AA2CD,GA5DL,CADF,CAAA;AAiED,CAAA;AAEM,IAAMkB,cAAc,GAAGC;;;;;"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/ui/Accordion/index.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\n\nimport './index.scss';\n\nimport Icon, { IconTypes } from '../Icon';\nimport AccordionGroup_ from './AccordionGroup';\nimport { Consumer } from './context';\n\ninterface Props {\n  className?: string | Array<string>;\n  id: string;\n  renderTitle(): ReactElement;\n  renderContent(): ReactElement;\n  renderFooter?(): ReactElement;\n}\n\nexport default function Accordion({\n  className,\n  id,\n  renderTitle,\n  renderContent,\n  renderFooter,\n}: Props): ReactElement {\n  const [showAccordion, setShowAccordion] = useState(false);\n  return (\n    <Consumer>\n      {\n        // Function is considered like a react component\n        (value) => {\n          const { opened, setOpened } = value; // props from Provider\n          if (id === opened) {\n            setShowAccordion(true);\n          } else {\n            setShowAccordion(false);\n          }\n          const handleClick = () => {\n            if (showAccordion) {\n              setOpened('');\n            } else {\n              setOpened(id);\n            }\n          };\n          return (\n            <>\n              <div\n                className={[\n                  ...(Array.isArray(className) ? className : [className]),\n                  'sendbird-accordion__panel-header',\n                ].join(' ')}\n                id={id}\n                role=\"switch\"\n                aria-checked={false}\n                onClick={handleClick}\n                onKeyDown={handleClick}\n                tabIndex={0}\n              >\n                { renderTitle() }\n                <Icon\n                  type={IconTypes.CHEVRON_RIGHT}\n                  className={[\n                    'sendbird-accordion__panel-icon-right',\n                    'sendbird-accordion__panel-icon--chevron',\n                    (showAccordion ? 'sendbird-accordion__panel-icon--open' : ''),\n                  ].join(' ')}\n                  height=\"24px\"\n                  width=\"24px\"\n                />\n              </div>\n              {\n                showAccordion && (\n                  <div className=\"sendbird-accordion\">\n                    <div className=\"sendbird-accordion__list\">\n                      { renderContent() }\n                    </div>\n                    {\n                      renderFooter && (\n                        <div className=\"sendbird-accordion__footer\">\n                          { renderFooter() }\n                        </div>\n                      )\n                    }\n                  </div>\n                )\n              }\n            </>);\n        }\n      }\n    </Consumer>\n  );\n}\n\nexport const AccordionGroup = AccordionGroup_;\n"],"names":["Accordion","_ref","className","id","renderTitle","renderContent","renderFooter","showAccordion","setShowAccordion","useState","React","createElement","Consumer","value","opened","setOpened","handleClick","Fragment","Array","isArray","join","role","onClick","onKeyDown","tabIndex","Icon","type","IconTypes","CHEVRON_RIGHT","height","width","AccordionGroup","AccordionGroup_"],"mappings":";;;;;;;;;;;;;;;AAgBe,SAASA,SAASA,CAAAC,IAAA,EAMT;EAAA,IANU;IAChCC,SAAS;IACTC,EAAE;IACFC,WAAW;IACXC,aAAa;AACbC,IAAAA,YAAAA;AACK,GAAC,GAAAL,IAAA,CAAA;EACN,MAAM,CAACM,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AACzD,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,gBAAQ,EAAA,IAAA;AAEL;AACCC,EAAAA,KAAK,IAAK;IACT,MAAM;MAAEC,MAAM;AAAEC,MAAAA,SAAAA;KAAW,GAAGF,KAAK,CAAC;IACpC,IAAIV,EAAE,KAAKW,MAAM,EAAE;MACjBN,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACxB,KAAC,MAAM;MACLA,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACzB,KAAA;IACA,MAAMQ,WAAW,GAAGA,MAAM;AACxB,MAAA,IAAIT,aAAa,EAAE;QACjBQ,SAAS,CAAC,EAAE,CAAC,CAAA;AACf,OAAC,MAAM;QACLA,SAAS,CAACZ,EAAE,CAAC,CAAA;AACf,OAAA;KACD,CAAA;IACD,oBACEO,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAO,QAAA,EAAA,IAAA,eACEP,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACET,SAAS,EAAE,CACT,IAAIgB,KAAK,CAACC,OAAO,CAACjB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,kCAAkC,CACnC,CAACkB,IAAI,CAAC,GAAG,CAAE;AACZjB,MAAAA,EAAE,EAAEA,EAAG;AACPkB,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,cAAA,EAAc,KAAM;AACpBC,MAAAA,OAAO,EAAEN,WAAY;AACrBO,MAAAA,SAAS,EAAEP,WAAY;AACvBQ,MAAAA,QAAQ,EAAE,CAAA;AAAE,KAAA,EAEVpB,WAAW,EAAE,eACfM,yBAAA,CAAAC,aAAA,CAACc,kBAAI,EAAA;MACHC,IAAI,EAAEC,iBAAS,CAACC,aAAc;AAC9B1B,MAAAA,SAAS,EAAE,CACT,sCAAsC,EACtC,yCAAyC,EACxCK,aAAa,GAAG,sCAAsC,GAAG,EAAE,CAC7D,CAACa,IAAI,CAAC,GAAG,CAAE;AACZS,MAAAA,MAAM,EAAC,MAAM;AACbC,MAAAA,KAAK,EAAC,MAAA;AAAM,KAAA,CACZ,CACE,EAEJvB,aAAa,iBACXG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,MAAAA,SAAS,EAAC,oBAAA;KACbQ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,MAAAA,SAAS,EAAC,0BAAA;KACXG,EAAAA,aAAa,EAAE,CACb,EAEJC,YAAY,iBACVI,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,MAAAA,SAAS,EAAC,4BAAA;AAA4B,KAAA,EACvCI,YAAY,EAAE,CAEnB,CAGN,CAEF,CAAA;AACP,GAAC,CAEM,CAAA;AAEf,CAAA;AAEO,MAAMyB,cAAc,GAAGC;;;;;"}

package/cjs/ui/AccordionGroup.js

@@ -1,27 +1,24 @@
 'use strict';
 
 var React = require('react');
-var context = require('../context-012aecd1.js');
-require('../utils-708aa730.js');
+var context = require('../context-8e7e8457.js');
+require('../utils-ad7b5b82.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 // Wraps all the accordions in an accordion set
-function AccordionGroup(_a) {
-  var children = _a.children,
-      _b = _a.className,
-      className = _b === void 0 ? '' : _b;
-
-  var _c = React.useState(''),
-      opened = _c[0],
-      setOpened = _c[1];
-
+function AccordionGroup(_ref) {
+  let {
+    children,
+    className = ''
+  } = _ref;
+  const [opened, setOpened] = React.useState('');
   return /*#__PURE__*/React__default["default"].createElement(context.Provider, {
     value: {
-      opened: opened,
-      setOpened: setOpened
+      opened,
+      setOpened
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: className

package/cjs/ui/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.js","sources":["../../../src/ui/Accordion/AccordionGroup.tsx"],"sourcesContent":["// Wraps all the accordions in an accordion set\n// keep one accordion open at a time\nimport React, { ReactElement, useState } from 'react';\n\nimport { Provider } from './context';\n\ninterface Props {\n  children: Array<ReactElement> | ReactElement;\n  className?: string;\n}\n\nexport default function AccordionGroup({\n  children,\n  className = '',\n}: Props): ReactElement {\n  const [opened, setOpened] = useState('');\n  return (\n    <Provider value={{ opened, setOpened }}>\n      <div className={className}>{ children }</div>\n    </Provider>\n  )\n}\n"],"names":["AccordionGroup","_a","children","_b","className","_c","useState","opened","setOpened","React","Provider"],"mappings":";;;;;;;;;;AAAA;AAWwB,SAAAA,cAAA,CAAeC,EAAf,EAGhB;AAFN,EAAA,IAAAC,QAAQ,cAAR;AAAA,MACAC,EAAA,GAAAF,EAAA,CAAAG,SADA;MACAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EADd,CAAA;;AAGM,EAAA,IAAAE,EAAA,GAAsBC,cAAQ,CAAC,EAAD,CAA9B;AAAA,MAACC,MAAM,GAAAF,EAAA,CAAA,CAAA,CAAP;AAAA,MAASG,SAAS,GAAAH,EAAA,CAAA,CAAA,CAAlB,CAAA;;AACN,EAAA,oBACEI,wCAACC,gBAAD,EAAA;AAAU,IAAA,KAAK,EAAE;AAAEH,MAAAA,MAAM,QAAR;AAAUC,MAAAA,SAAS,EAAAA,SAAAA;AAAnB,KAAA;GACf,eAAAC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEL,SAAAA;GAAaF,EAAAA,QAA7B,CADF,CADF,CAAA;AAKD;;;;"}
+{"version":3,"file":"AccordionGroup.js","sources":["../../../src/ui/Accordion/AccordionGroup.tsx"],"sourcesContent":["// Wraps all the accordions in an accordion set\n// keep one accordion open at a time\nimport React, { ReactElement, useState } from 'react';\n\nimport { Provider } from './context';\n\ninterface Props {\n  children: Array<ReactElement> | ReactElement;\n  className?: string;\n}\n\nexport default function AccordionGroup({\n  children,\n  className = '',\n}: Props): ReactElement {\n  const [opened, setOpened] = useState('');\n  return (\n    <Provider value={{ opened, setOpened }}>\n      <div className={className}>{ children }</div>\n    </Provider>\n  );\n}\n"],"names":["AccordionGroup","_ref","children","className","opened","setOpened","useState","React","createElement","Provider","value"],"mappings":";;;;;;;;;;AAAA;AAWe,SAASA,cAAcA,CAAAC,IAAA,EAGd;EAAA,IAHe;IACrCC,QAAQ;AACRC,IAAAA,SAAS,GAAG,EAAA;AACP,GAAC,GAAAF,IAAA,CAAA;EACN,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC,CAAA;AACxC,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,gBAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MAAEN,MAAM;AAAEC,MAAAA,SAAAA;AAAU,KAAA;GACnCE,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAEA,SAAAA;GAAaD,EAAAA,QAAQ,CAAQ,CACpC,CAAA;AAEf;;;;"}

package/cjs/ui/AdminMessage.js

@@ -1,28 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-5a7eb30d.js');
 var React = require('react');
-var ui_Label = require('../index-bdd889a2.js');
+var ui_Label = require('../index-6cb0d040.js');
 require('prop-types');
-require('../stringSet-60660a99.js');
+require('../stringSet-106da549.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function AdminMessage(_a) {
-  var _b;
-
-  var _c = _a.className,
-      className = _c === void 0 ? '' : _c,
-      message = _a.message;
-
-  if (!((message === null || message === void 0 ? void 0 : message.isAdminMessage) || (message === null || message === void 0 ? void 0 : message.messageType)) || !((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+function AdminMessage(_ref) {
+  var _message$isAdminMessa;
+  let {
+    className = '',
+    message
+  } = _ref;
+  if (!(message !== null && message !== void 0 && message.isAdminMessage || message !== null && message !== void 0 && message.messageType) || !(message !== null && message !== void 0 && (_message$isAdminMessa = message.isAdminMessage) !== null && _message$isAdminMessa !== void 0 && _message$isAdminMessa.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
     return null;
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-admin-message'], false).join(' ')
+    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-admin-message'].join(' ')
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-admin-message__text",
     type: ui_Label.LabelTypography.CAPTION_2,

package/cjs/ui/AdminMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminMessage.js","sources":["../../../src/ui/AdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage as AdminMessageType } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface AdminMessageProps {\n  className?: string | Array<string>;\n  message: AdminMessageType;\n}\n\nexport default function AdminMessage({\n  className = '',\n  message,\n}: AdminMessageProps): ReactElement {\n  if (!(message?.isAdminMessage || message?.messageType) || !message?.isAdminMessage?.() || message?.messageType !== 'admin') {\n    return null;\n  }\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message?.message}\n      </Label>\n    </div>\n  );\n}\n"],"names":["AdminMessage","_a","_c","className","message","isAdminMessage","messageType","_b","React","__spreadArray","Array","isArray","join","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;;;;;;AAWwB,SAAAA,YAAA,CAAaC,EAAb,EAGJ;;;AAFlB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAA;MAAAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAAd;AAAA,MACAE,OAAO,GAAAH,EAAA,CAAAG,OADP,CAAA;;AAGA,EAAA,IAAI,EAAE,CAAAA,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEC,cAAT,MAA2BD,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEE,WAApC,CAAF,CAAsD,IAAA,EAAC,CAAAC,EAAA,GAAAH,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEC,cAAT,UAAA,iBAAA,SAAA,mBAAD,CAAtD,IAAsF,CAAAD,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEE,WAAT,MAAyB,OAAnH,EAA4H;AAC1H,IAAA,OAAO,IAAP,CAAA;AACD,GAAA;;EACD,oBACEE,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAcR,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,wBADuD,CAD9C,EAGT,KAHS,CAAA,CAGTS,IAHS,CAGJ,GAHI,CAAA;AADb,GAAA,eAMEJ,wCAACK,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,8BADZ;IAEE,IAAI,EAAEC,wBAAe,CAACC,SAFxB;IAGE,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAHrB,GAAA,EAKGb,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OALZ,CANF,CADF,CAAA;AAgBD;;;;"}
+{"version":3,"file":"AdminMessage.js","sources":["../../../src/ui/AdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage as AdminMessageType } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface AdminMessageProps {\n  className?: string | Array<string>;\n  message: AdminMessageType;\n}\n\nexport default function AdminMessage({\n  className = '',\n  message,\n}: AdminMessageProps): ReactElement {\n  if (!(message?.isAdminMessage || message?.messageType) || !message?.isAdminMessage?.() || message?.messageType !== 'admin') {\n    return null;\n  }\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message?.message}\n      </Label>\n    </div>\n  );\n}\n"],"names":["AdminMessage","_ref","_message$isAdminMessa","className","message","isAdminMessage","messageType","call","React","createElement","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;;;;;AAWe,SAASA,YAAYA,CAAAC,IAAA,EAGA;AAAA,EAAA,IAAAC,qBAAA,CAAA;EAAA,IAHC;AACnCC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,OAAAA;AACiB,GAAC,GAAAH,IAAA,CAAA;EAClB,IAAI,EAAEG,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEC,cAAc,IAAID,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAEE,WAAW,CAAC,IAAI,EAACF,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAAF,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAPE,OAAO,CAAEC,cAAc,MAAAH,IAAAA,IAAAA,qBAAA,eAAvBA,qBAAA,CAAAK,IAAA,CAAAH,OAAO,CAAoB,KAAI,CAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEE,WAAW,MAAK,OAAO,EAAE;AAC1H,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,oBACEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEN,SAAS,EAAE,CACT,IAAIO,KAAK,CAACC,OAAO,CAACR,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,wBAAwB,CACzB,CAACS,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZJ,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJV,IAAAA,SAAS,EAAC,8BAA8B;IACxCW,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBf,EAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEA,OAAO,CACX,CACJ,CAAA;AAEV;;;;"}