@sendbird/uikit-react-native 3.7.6 → 3.8.1

package/lib/module/components/ThreadParentMessageRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","Text","useUIKitTheme","getMessageType","isMyMessage","isVoiceMessage","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","usePlatformService","useSBUHandlers","useSendbirdChat","ThreadParentMessageFile","ThreadParentMessageFileImage","ThreadParentMessageFileVideo","ThreadParentMessageFileVoice","ThreadParentMessageUser","ThreadParentMessageUserOg","ThreadParentMessageRenderer","props","handlers","playerUnsubscribes","sbOptions","currentUser","mentionManager","palette","mediaService","playerService","parentMessage","resetPlayer","current","forEach","unsubscribe","length","reset","messageProps","onPressURL","url","onOpenURL","onToggleVoiceMessage","state","setState","sendingStatus","uri","pause","play","shouldSeekToTime","duration","currentTime","seekFinished","forPlayback","addPlaybackListener","_ref","stopped","prevState","forState","addStateListener","status","push","seek","userMessageProps","renderRegexTextChildren","message","shouldUseMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","mentionedMessageTemplate","regexTextPatterns","regex","templateRegex","replacer","_ref2","_parentMessage$mentio","match","groups","parentProps","index","keyPrefix","user","mentionedUsers","find","it","userId","mentionColor","onBackgroundLight01","color","createElement","_extends","key","onPress","_messageProps$onPress","onPressMentionedUser","call","onLongPress","style","fontWeight","backgroundColor","highlight","asMentionedMessageText","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","durationMetaArrayKey","onUnmount","catch","_","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { RegexTextPattern, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdFileMessage,\n  type SendbirdUser,\n  SendbirdUserMessage,\n  getMessageType,\n  isMyMessage,\n  isVoiceMessage,\n} from '@sendbird/uikit-utils';\n\nimport { VOICE_MESSAGE_META_ARRAY_DURATION_KEY } from '../../constants';\nimport { usePlatformService, useSBUHandlers, useSendbirdChat } from './../../hooks/useContext';\nimport ThreadParentMessageFile from './ThreadParentMessage.file';\nimport ThreadParentMessageFileImage from './ThreadParentMessage.file.image';\nimport ThreadParentMessageFileVideo from './ThreadParentMessage.file.video';\nimport ThreadParentMessageFileVoice, { VoiceFileMessageState } from './ThreadParentMessage.file.voice';\nimport ThreadParentMessageUser from './ThreadParentMessage.user';\nimport ThreadParentMessageUserOg from './ThreadParentMessage.user.og';\n\nexport type ThreadParentMessageRendererProps<AdditionalProps = unknown> = {\n  parentMessage: SendbirdUserMessage | SendbirdFileMessage;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressURL?: (url: string) => void;\n  onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;\n  onToggleVoiceMessage?: (\n    state: VoiceFileMessageState,\n    setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>,\n  ) => Promise<void>;\n} & AdditionalProps;\n\nconst ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) => {\n  const handlers = useSBUHandlers();\n  const playerUnsubscribes = useRef<(() => void)[]>([]);\n  const { sbOptions, currentUser, mentionManager } = useSendbirdChat();\n  const { palette } = useUIKitTheme();\n  const { mediaService, playerService } = usePlatformService();\n  const parentMessage = props.parentMessage;\n\n  const resetPlayer = async () => {\n    playerUnsubscribes.current.forEach((unsubscribe) => {\n      try {\n        unsubscribe();\n      } catch {}\n    });\n    playerUnsubscribes.current.length = 0;\n    await playerService.reset();\n  };\n\n  const messageProps: ThreadParentMessageRendererProps = {\n    onPressURL: (url) => handlers.onOpenURL(url),\n    onToggleVoiceMessage: async (state, setState) => {\n      if (isVoiceMessage(parentMessage) && parentMessage.sendingStatus === 'succeeded') {\n        if (playerService.uri === parentMessage.url) {\n          if (playerService.state === 'playing') {\n            await playerService.pause();\n          } else {\n            await playerService.play(parentMessage.url);\n          }\n        } else {\n          if (playerService.state !== 'idle') {\n            await resetPlayer();\n          }\n\n          const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;\n          let seekFinished = !shouldSeekToTime;\n\n          const forPlayback = playerService.addPlaybackListener(({ stopped, currentTime, duration }) => {\n            if (seekFinished) {\n              setState((prevState) => ({ ...prevState, currentTime: stopped ? 0 : currentTime, duration }));\n            }\n          });\n          const forState = playerService.addStateListener((state) => {\n            switch (state) {\n              case 'preparing':\n                setState((prevState) => ({ ...prevState, status: 'preparing' }));\n                break;\n              case 'playing':\n                setState((prevState) => ({ ...prevState, status: 'playing' }));\n                break;\n              case 'idle':\n              case 'paused': {\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n              }\n              case 'stopped':\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n            }\n          });\n          playerUnsubscribes.current.push(forPlayback, forState);\n\n          await playerService.play(parentMessage.url);\n          if (shouldSeekToTime) {\n            await playerService.seek(state.currentTime);\n            seekFinished = true;\n          }\n        }\n      }\n    },\n    ...props,\n  };\n\n  const userMessageProps: {\n    renderRegexTextChildren: (message: SendbirdUserMessage) => string;\n    regexTextPatterns: RegexTextPattern[];\n  } = {\n    renderRegexTextChildren: (message) => {\n      if (\n        mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)\n      ) {\n        return message.mentionedMessageTemplate;\n      } else {\n        return message.message;\n      }\n    },\n    regexTextPatterns: [\n      {\n        regex: mentionManager.templateRegex,\n        replacer({ match, groups, parentProps, index, keyPrefix }) {\n          const user = parentMessage.mentionedUsers?.find((it) => it.userId === groups[2]);\n          if (user) {\n            const mentionColor =\n              !isMyMessage(parentMessage, currentUser?.userId) && user.userId === currentUser?.userId\n                ? palette.onBackgroundLight01\n                : parentProps?.color;\n\n            return (\n              <Text\n                {...parentProps}\n                key={`${keyPrefix}-${index}`}\n                color={mentionColor}\n                onPress={() => messageProps.onPressMentionedUser?.(user)}\n                onLongPress={messageProps.onLongPress}\n                style={[\n                  parentProps?.style,\n                  { fontWeight: '700' },\n                  user.userId === currentUser?.userId && { backgroundColor: palette.highlight },\n                ]}\n              >\n                {`${mentionManager.asMentionedMessageText(user)}`}\n              </Text>\n            );\n          }\n          return match;\n        },\n      },\n    ],\n  };\n\n  switch (getMessageType(props.parentMessage)) {\n    case 'user': {\n      return <ThreadParentMessageUser {...userMessageProps} {...messageProps} />;\n    }\n    case 'user.opengraph': {\n      return <ThreadParentMessageUserOg {...userMessageProps} {...messageProps} />;\n    }\n    case 'file':\n    case 'file.audio': {\n      return <ThreadParentMessageFile {...messageProps} />;\n    }\n    case 'file.video': {\n      return (\n        <ThreadParentMessageFileVideo\n          fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n          {...messageProps}\n        />\n      );\n    }\n    case 'file.image': {\n      return <ThreadParentMessageFileImage {...messageProps} />;\n    }\n    case 'file.voice': {\n      return (\n        <ThreadParentMessageFileVoice\n          durationMetaArrayKey={VOICE_MESSAGE_META_ARRAY_DURATION_KEY}\n          onUnmount={() => {\n            if (isVoiceMessage(parentMessage) && playerService.uri === parentMessage.url) {\n              resetPlayer().catch((_) => {});\n            }\n          }}\n          {...messageProps}\n        />\n      );\n    }\n    default: {\n      return null;\n    }\n  }\n};\n\nexport default React.memo(ThreadParentMessageRenderer);\n"],"mappings":"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"}
+{"version":3,"names":["React","useRef","Text","useUIKitTheme","getMessageType","isMyMessage","isVoiceMessage","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","usePlatformService","useSBUHandlers","useSendbirdChat","ThreadParentMessageFile","ThreadParentMessageFileImage","ThreadParentMessageFileVideo","ThreadParentMessageFileVoice","ThreadParentMessageUser","ThreadParentMessageUserOg","ThreadParentMessageRenderer","props","handlers","playerUnsubscribes","sbOptions","currentUser","mentionManager","voiceMessageStatusManager","palette","mediaService","playerService","parentMessage","resetPlayer","current","forEach","unsubscribe","length","reset","messageProps","onPressURL","url","onOpenURL","onToggleVoiceMessage","state","setState","sendingStatus","uri","pause","play","shouldSeekToTime","duration","currentTime","seekFinished","forPlayback","addPlaybackListener","stopped","setCurrentTime","channelUrl","messageId","prevState","forState","addStateListener","status","push","seek","userMessageProps","renderRegexTextChildren","message","shouldUseMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","mentionedMessageTemplate","regexTextPatterns","regex","templateRegex","replacer","match","groups","parentProps","index","keyPrefix","_parentMessage$mentio","user","mentionedUsers","find","it","userId","mentionColor","onBackgroundLight01","color","createElement","_extends","key","onPress","_messageProps$onPress","onPressMentionedUser","call","onLongPress","suppressHighlighting","style","fontWeight","backgroundColor","highlight","asMentionedMessageText","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","durationMetaArrayKey","initialCurrentTime","getCurrentTime","onUnmount","catch","_","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { RegexTextPattern, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdFileMessage,\n  type SendbirdUser,\n  SendbirdUserMessage,\n  getMessageType,\n  isMyMessage,\n  isVoiceMessage,\n} from '@sendbird/uikit-utils';\n\nimport { VOICE_MESSAGE_META_ARRAY_DURATION_KEY } from '../../constants';\nimport { usePlatformService, useSBUHandlers, useSendbirdChat } from './../../hooks/useContext';\nimport ThreadParentMessageFile from './ThreadParentMessage.file';\nimport ThreadParentMessageFileImage from './ThreadParentMessage.file.image';\nimport ThreadParentMessageFileVideo from './ThreadParentMessage.file.video';\nimport ThreadParentMessageFileVoice, { VoiceFileMessageState } from './ThreadParentMessage.file.voice';\nimport ThreadParentMessageUser from './ThreadParentMessage.user';\nimport ThreadParentMessageUserOg from './ThreadParentMessage.user.og';\n\nexport type ThreadParentMessageRendererProps<AdditionalProps = unknown> = {\n  parentMessage: SendbirdUserMessage | SendbirdFileMessage;\n  onPress?: () => void;\n  onLongPress?: () => void;\n  onPressURL?: (url: string) => void;\n  onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;\n  onToggleVoiceMessage?: (\n    state: VoiceFileMessageState,\n    setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>,\n  ) => Promise<void>;\n} & AdditionalProps;\n\nconst ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) => {\n  const handlers = useSBUHandlers();\n  const playerUnsubscribes = useRef<(() => void)[]>([]);\n  const { sbOptions, currentUser, mentionManager, voiceMessageStatusManager } = useSendbirdChat();\n  const { palette } = useUIKitTheme();\n  const { mediaService, playerService } = usePlatformService();\n  const parentMessage = props.parentMessage;\n\n  const resetPlayer = async () => {\n    playerUnsubscribes.current.forEach((unsubscribe) => {\n      try {\n        unsubscribe();\n      } catch {}\n    });\n    playerUnsubscribes.current.length = 0;\n    await playerService.reset();\n  };\n\n  const messageProps: ThreadParentMessageRendererProps = {\n    onPressURL: (url) => handlers.onOpenURL(url),\n    onToggleVoiceMessage: async (state, setState) => {\n      if (isVoiceMessage(parentMessage) && parentMessage.sendingStatus === 'succeeded') {\n        if (playerService.uri === parentMessage.url) {\n          if (playerService.state === 'playing') {\n            await playerService.pause();\n          } else {\n            await playerService.play(parentMessage.url);\n          }\n        } else {\n          if (playerService.state !== 'idle') {\n            await resetPlayer();\n          }\n\n          const shouldSeekToTime = state.duration > state.currentTime && state.currentTime > 0;\n          let seekFinished = !shouldSeekToTime;\n\n          const forPlayback = playerService.addPlaybackListener(({ stopped, currentTime, duration }) => {\n            voiceMessageStatusManager.setCurrentTime(\n              parentMessage.channelUrl,\n              parentMessage.messageId,\n              stopped ? 0 : currentTime,\n            );\n            if (seekFinished) {\n              setState((prevState) => ({ ...prevState, currentTime: stopped ? 0 : currentTime, duration }));\n            }\n          });\n          const forState = playerService.addStateListener((state) => {\n            switch (state) {\n              case 'preparing':\n                setState((prevState) => ({ ...prevState, status: 'preparing' }));\n                break;\n              case 'playing':\n                setState((prevState) => ({ ...prevState, status: 'playing' }));\n                break;\n              case 'idle':\n              case 'paused': {\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n              }\n              case 'stopped':\n                setState((prevState) => ({ ...prevState, status: 'paused' }));\n                break;\n            }\n          });\n          playerUnsubscribes.current.push(forPlayback, forState);\n\n          await playerService.play(parentMessage.url);\n          if (shouldSeekToTime) {\n            await playerService.seek(state.currentTime);\n            seekFinished = true;\n          }\n        }\n      }\n    },\n    ...props,\n  };\n\n  const userMessageProps: {\n    renderRegexTextChildren: (message: SendbirdUserMessage) => string;\n    regexTextPatterns: RegexTextPattern[];\n  } = {\n    renderRegexTextChildren: (message) => {\n      if (\n        mentionManager.shouldUseMentionedMessageTemplate(message, sbOptions.uikit.groupChannel.channel.enableMention)\n      ) {\n        return message.mentionedMessageTemplate ?? '';\n      } else {\n        return message.message;\n      }\n    },\n    regexTextPatterns: [\n      {\n        regex: mentionManager.templateRegex,\n        replacer({ match, groups, parentProps, index, keyPrefix }) {\n          const user = parentMessage.mentionedUsers?.find((it) => it.userId === groups[2]);\n          if (user) {\n            const mentionColor =\n              !isMyMessage(parentMessage, currentUser?.userId) && user.userId === currentUser?.userId\n                ? palette.onBackgroundLight01\n                : parentProps?.color;\n\n            return (\n              <Text\n                {...parentProps}\n                key={`${keyPrefix}-${index}`}\n                color={mentionColor}\n                onPress={() => messageProps.onPressMentionedUser?.(user)}\n                onLongPress={messageProps.onLongPress}\n                suppressHighlighting\n                style={[\n                  parentProps?.style,\n                  { fontWeight: '700' },\n                  user.userId === currentUser?.userId && { backgroundColor: palette.highlight },\n                ]}\n              >\n                {`${mentionManager.asMentionedMessageText(user)}`}\n              </Text>\n            );\n          }\n          return match;\n        },\n      },\n    ],\n  };\n\n  switch (getMessageType(props.parentMessage)) {\n    case 'user': {\n      return <ThreadParentMessageUser {...userMessageProps} {...messageProps} />;\n    }\n    case 'user.opengraph': {\n      return <ThreadParentMessageUserOg {...userMessageProps} {...messageProps} />;\n    }\n    case 'file':\n    case 'file.audio': {\n      return <ThreadParentMessageFile {...messageProps} />;\n    }\n    case 'file.video': {\n      return (\n        <ThreadParentMessageFileVideo\n          fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n          {...messageProps}\n        />\n      );\n    }\n    case 'file.image': {\n      return <ThreadParentMessageFileImage {...messageProps} />;\n    }\n    case 'file.voice': {\n      return (\n        <ThreadParentMessageFileVoice\n          durationMetaArrayKey={VOICE_MESSAGE_META_ARRAY_DURATION_KEY}\n          initialCurrentTime={voiceMessageStatusManager.getCurrentTime(\n            parentMessage.channelUrl,\n            parentMessage.messageId,\n          )}\n          onUnmount={() => {\n            if (isVoiceMessage(parentMessage) && playerService.uri === parentMessage.url) {\n              resetPlayer().catch((_) => {});\n            }\n          }}\n          {...messageProps}\n        />\n      );\n    }\n    default: {\n      return null;\n    }\n  }\n};\n\nexport default React.memo(ThreadParentMessageRenderer);\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TypedPlaceholder.js

@@ -1,11 +1,10 @@
 import React from 'react';
 import { Placeholder } from '@sendbird/uikit-react-native-foundation';
 import { useLocalization } from '../hooks/useContext';
-const TypedPlaceholder = _ref => {
-  let {
-    type,
-    onPressRetry
-  } = _ref;
+const TypedPlaceholder = ({
+  type,
+  onPressRetry
+}) => {
   const {
     STRINGS
   } = useLocalization();

package/lib/module/components/TypedPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Placeholder","useLocalization","TypedPlaceholder","_ref","type","onPressRetry","STRINGS","createElement","icon","message","PLACEHOLDER","NO_BANNED_USERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_MUTED_PARTICIPANTS","NO_RESULTS_FOUND","NO_USERS","ERROR","MESSAGE","errorRetryLabel","RETRY_LABEL","loading"],"sources":["TypedPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Placeholder } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n  type:\n    | 'no-muted-members'\n    | 'no-muted-participants'\n    | 'no-banned-users'\n    | 'no-channels'\n    | 'no-messages'\n    | 'no-users'\n    | 'no-results-found'\n    | 'error-wrong'\n    | 'loading';\n  onPressRetry?: () => void;\n};\nconst TypedPlaceholder = ({ type, onPressRetry }: Props) => {\n  const { STRINGS } = useLocalization();\n  switch (type) {\n    case 'no-banned-users':\n      return <Placeholder icon={'ban'} message={STRINGS.PLACEHOLDER.NO_BANNED_USERS} />;\n    case 'no-channels':\n      return <Placeholder icon={'chat'} message={STRINGS.PLACEHOLDER.NO_CHANNELS} />;\n    case 'no-messages':\n      return <Placeholder icon={'message'} message={STRINGS.PLACEHOLDER.NO_MESSAGES} />;\n    case 'no-muted-members':\n      return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS} />;\n    case 'no-muted-participants':\n      return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_PARTICIPANTS} />;\n    case 'no-results-found':\n      return <Placeholder icon={'search'} message={STRINGS.PLACEHOLDER.NO_RESULTS_FOUND} />;\n    case 'no-users':\n      return <Placeholder icon={'members'} message={STRINGS.PLACEHOLDER.NO_USERS} />;\n    case 'error-wrong':\n      return (\n        <Placeholder\n          icon={'error'}\n          message={STRINGS.PLACEHOLDER.ERROR.MESSAGE}\n          errorRetryLabel={STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL}\n          onPressRetry={onPressRetry}\n        />\n      );\n    case 'loading':\n      return <Placeholder loading icon={'spinner'} />;\n  }\n};\n\nexport default TypedPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,yCAAyC;AAErE,SAASC,eAAe,QAAQ,qBAAqB;AAerD,MAAMC,gBAAgB,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,IAAI;IAAEC;EAAoB,CAAC,GAAAF,IAAA;EACrD,MAAM;IAAEG;EAAQ,CAAC,GAAGL,eAAe,EAAE;EACrC,QAAQG,IAAI;IACV,KAAK,iBAAiB;MACpB,oBAAOL,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,KAAM;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACC;MAAgB,EAAG;IACnF,KAAK,aAAa;MAChB,oBAAOZ,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACE;MAAY,EAAG;IAChF,KAAK,aAAa;MAChB,oBAAOb,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACG;MAAY,EAAG;IACnF,KAAK,kBAAkB;MACrB,oBAAOd,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACI;MAAiB,EAAG;IACrF,KAAK,uBAAuB;MAC1B,oBAAOf,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACK;MAAsB,EAAG;IAC1F,KAAK,kBAAkB;MACrB,oBAAOhB,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,QAAS;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACM;MAAiB,EAAG;IACvF,KAAK,UAAU;MACb,oBAAOjB,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACO;MAAS,EAAG;IAChF,KAAK,aAAa;MAChB,oBACElB,KAAA,CAAAQ,aAAA,CAACP,WAAW;QACVQ,IAAI,EAAE,OAAQ;QACdC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACQ,KAAK,CAACC,OAAQ;QAC3CC,eAAe,EAAEd,OAAO,CAACI,WAAW,CAACQ,KAAK,CAACG,WAAY;QACvDhB,YAAY,EAAEA;MAAa,EAC3B;IAEN,KAAK,SAAS;MACZ,oBAAON,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACsB,OAAO;QAACd,IAAI,EAAE;MAAU,EAAG;EAAC;AAEtD,CAAC;AAED,eAAeN,gBAAgB"}
+{"version":3,"names":["React","Placeholder","useLocalization","TypedPlaceholder","type","onPressRetry","STRINGS","createElement","icon","message","PLACEHOLDER","NO_BANNED_USERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_MUTED_PARTICIPANTS","NO_RESULTS_FOUND","NO_USERS","ERROR","MESSAGE","errorRetryLabel","RETRY_LABEL","loading"],"sources":["TypedPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Placeholder } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n  type:\n    | 'no-muted-members'\n    | 'no-muted-participants'\n    | 'no-banned-users'\n    | 'no-channels'\n    | 'no-messages'\n    | 'no-users'\n    | 'no-results-found'\n    | 'error-wrong'\n    | 'loading';\n  onPressRetry?: () => void;\n};\nconst TypedPlaceholder = ({ type, onPressRetry }: Props) => {\n  const { STRINGS } = useLocalization();\n  switch (type) {\n    case 'no-banned-users':\n      return <Placeholder icon={'ban'} message={STRINGS.PLACEHOLDER.NO_BANNED_USERS} />;\n    case 'no-channels':\n      return <Placeholder icon={'chat'} message={STRINGS.PLACEHOLDER.NO_CHANNELS} />;\n    case 'no-messages':\n      return <Placeholder icon={'message'} message={STRINGS.PLACEHOLDER.NO_MESSAGES} />;\n    case 'no-muted-members':\n      return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS} />;\n    case 'no-muted-participants':\n      return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_PARTICIPANTS} />;\n    case 'no-results-found':\n      return <Placeholder icon={'search'} message={STRINGS.PLACEHOLDER.NO_RESULTS_FOUND} />;\n    case 'no-users':\n      return <Placeholder icon={'members'} message={STRINGS.PLACEHOLDER.NO_USERS} />;\n    case 'error-wrong':\n      return (\n        <Placeholder\n          icon={'error'}\n          message={STRINGS.PLACEHOLDER.ERROR.MESSAGE}\n          errorRetryLabel={STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL}\n          onPressRetry={onPressRetry}\n        />\n      );\n    case 'loading':\n      return <Placeholder loading icon={'spinner'} />;\n  }\n};\n\nexport default TypedPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,yCAAyC;AAErE,SAASC,eAAe,QAAQ,qBAAqB;AAerD,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAoB,CAAC,KAAK;EAC1D,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,eAAe,CAAC,CAAC;EACrC,QAAQE,IAAI;IACV,KAAK,iBAAiB;MACpB,oBAAOJ,KAAA,CAAAO,aAAA,CAACN,WAAW;QAACO,IAAI,EAAE,KAAM;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACC;MAAgB,CAAE,CAAC;IACnF,KAAK,aAAa;MAChB,oBAAOX,KAAA,CAAAO,aAAA,CAACN,WAAW;QAACO,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACE;MAAY,CAAE,CAAC;IAChF,KAAK,aAAa;MAChB,oBAAOZ,KAAA,CAAAO,aAAA,CAACN,WAAW;QAACO,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACG;MAAY,CAAE,CAAC;IACnF,KAAK,kBAAkB;MACrB,oBAAOb,KAAA,CAAAO,aAAA,CAACN,WAAW;QAACO,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACI;MAAiB,CAAE,CAAC;IACrF,KAAK,uBAAuB;MAC1B,oBAAOd,KAAA,CAAAO,aAAA,CAACN,WAAW;QAACO,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACK;MAAsB,CAAE,CAAC;IAC1F,KAAK,kBAAkB;MACrB,oBAAOf,KAAA,CAAAO,aAAA,CAACN,WAAW;QAACO,IAAI,EAAE,QAAS;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACM;MAAiB,CAAE,CAAC;IACvF,KAAK,UAAU;MACb,oBAAOhB,KAAA,CAAAO,aAAA,CAACN,WAAW;QAACO,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACO;MAAS,CAAE,CAAC;IAChF,KAAK,aAAa;MAChB,oBACEjB,KAAA,CAAAO,aAAA,CAACN,WAAW;QACVO,IAAI,EAAE,OAAQ;QACdC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACQ,KAAK,CAACC,OAAQ;QAC3CC,eAAe,EAAEd,OAAO,CAACI,WAAW,CAACQ,KAAK,CAACG,WAAY;QACvDhB,YAAY,EAAEA;MAAa,CAC5B,CAAC;IAEN,KAAK,SAAS;MACZ,oBAAOL,KAAA,CAAAO,aAAA,CAACN,WAAW;QAACqB,OAAO;QAACd,IAAI,EAAE;MAAU,CAAE,CAAC;EACnD;AACF,CAAC;AAED,eAAeL,gBAAgB","ignoreList":[]}

package/lib/module/components/UserActionBar.js

@@ -1,17 +1,16 @@
 import React from 'react';
 import { Pressable, TouchableOpacity, View } from 'react-native';
-import { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { Avatar, Box, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { conditionChaining } from '@sendbird/uikit-utils';
-const UserActionBar = _ref => {
-  let {
-    muted,
-    uri,
-    name,
-    disabled,
-    label,
-    onPressActionMenu,
-    onPressAvatar
-  } = _ref;
+const UserActionBar = ({
+  muted,
+  uri,
+  name,
+  disabled,
+  label,
+  onPressActionMenu,
+  onPressAvatar
+}) => {
   const {
     colors
   } = useUIKitTheme();
@@ -29,12 +28,15 @@ const UserActionBar = _ref => {
     style: [styles.infoContainer, {
       borderBottomColor: colors.onBackground04
     }]
+  }, /*#__PURE__*/React.createElement(Box, {
+    flex: 1,
+    alignItems: 'flex-start'
   }, /*#__PURE__*/React.createElement(Text, {
     subtitle2: true,
     numberOfLines: 1,
     style: styles.name,
     color: colors.onBackground01
-  }, name), Boolean(label) && /*#__PURE__*/React.createElement(Text, {
+  }, name)), Boolean(label) && /*#__PURE__*/React.createElement(Text, {
     body2: true,
     color: colors.onBackground02,
     style: styles.label
@@ -56,26 +58,25 @@ const styles = createStyleSheet({
     height: 56
   },
   avatar: {
-    marginLeft: 16,
-    marginRight: 16
+    marginStart: 16,
+    marginEnd: 16
   },
   label: {
-    marginRight: 4
+    marginEnd: 4
   },
   infoContainer: {
     height: '100%',
     flex: 1,
     alignItems: 'center',
     flexDirection: 'row',
-    paddingRight: 12,
+    paddingEnd: 12,
     borderBottomWidth: 1
   },
   iconContainer: {
     padding: 4
   },
   name: {
-    flex: 1,
-    marginRight: 8
+    marginEnd: 8
   }
 });
 export default UserActionBar;

package/lib/module/components/UserActionBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","TouchableOpacity","View","Avatar","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserActionBar","_ref","muted","uri","name","disabled","label","onPressActionMenu","onPressAvatar","colors","iconColor","onBackground04","onBackground01","createElement","style","styles","container","onPress","avatar","size","infoContainer","borderBottomColor","subtitle2","numberOfLines","color","Boolean","body2","onBackground02","icon","containerStyle","iconContainer","flexDirection","alignItems","width","height","marginLeft","marginRight","flex","paddingRight","borderBottomWidth","padding"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, TouchableOpacity, View } from 'react-native';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  label?: string;\n\n  muted: boolean;\n  disabled: boolean;\n\n  onPressActionMenu?: (ev: GestureResponderEvent) => void;\n  onPressAvatar?: (ev: GestureResponderEvent) => void;\n};\nconst UserActionBar = ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n  return (\n    <View style={styles.container}>\n      <Pressable onPress={onPressAvatar} style={styles.avatar}>\n        <Avatar muted={muted} size={36} uri={uri} />\n      </Pressable>\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n          {name}\n        </Text>\n        {Boolean(label) && (\n          <Text body2 color={colors.onBackground02} style={styles.label}>\n            {label}\n          </Text>\n        )}\n        {Boolean(onPressActionMenu) && (\n          <TouchableOpacity onPress={onPressActionMenu} disabled={disabled}>\n            <Icon color={iconColor} size={24} icon={'more'} containerStyle={styles.iconContainer} />\n          </TouchableOpacity>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n  },\n  avatar: {\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  label: {\n    marginRight: 4,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingRight: 12,\n    borderBottomWidth: 1,\n  },\n  iconContainer: {\n    padding: 4,\n  },\n  name: {\n    flex: 1,\n    marginRight: 8,\n  },\n});\n\nexport default UserActionBar;\n"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","TouchableOpacity","View","Avatar","Box","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserActionBar","muted","uri","name","disabled","label","onPressActionMenu","onPressAvatar","colors","iconColor","onBackground04","onBackground01","createElement","style","styles","container","onPress","avatar","size","infoContainer","borderBottomColor","flex","alignItems","subtitle2","numberOfLines","color","Boolean","body2","onBackground02","icon","containerStyle","iconContainer","flexDirection","width","height","marginStart","marginEnd","paddingEnd","borderBottomWidth","padding"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, TouchableOpacity, View } from 'react-native';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { Avatar, Box, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  label?: string;\n\n  muted: boolean;\n  disabled: boolean;\n\n  onPressActionMenu?: (ev: GestureResponderEvent) => void;\n  onPressAvatar?: (ev: GestureResponderEvent) => void;\n};\nconst UserActionBar = ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n  return (\n    <View style={styles.container}>\n      <Pressable onPress={onPressAvatar} style={styles.avatar}>\n        <Avatar muted={muted} size={36} uri={uri} />\n      </Pressable>\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Box flex={1} alignItems={'flex-start'}>\n          <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n            {name}\n          </Text>\n        </Box>\n        {Boolean(label) && (\n          <Text body2 color={colors.onBackground02} style={styles.label}>\n            {label}\n          </Text>\n        )}\n        {Boolean(onPressActionMenu) && (\n          <TouchableOpacity onPress={onPressActionMenu} disabled={disabled}>\n            <Icon color={iconColor} size={24} icon={'more'} containerStyle={styles.iconContainer} />\n          </TouchableOpacity>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n  },\n  avatar: {\n    marginStart: 16,\n    marginEnd: 16,\n  },\n  label: {\n    marginEnd: 4,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingEnd: 12,\n    borderBottomWidth: 1,\n  },\n  iconContainer: {\n    padding: 4,\n  },\n  name: {\n    marginEnd: 8,\n  },\n});\n\nexport default UserActionBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/UserSelectableBar.js

@@ -1,14 +1,13 @@
 import React from 'react';
 import { View } from 'react-native';
-import { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { Avatar, Box, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { conditionChaining } from '@sendbird/uikit-utils';
-const UserSelectableBar = _ref => {
-  let {
-    uri,
-    name,
-    selected,
-    disabled
-  } = _ref;
+const UserSelectableBar = ({
+  uri,
+  name,
+  selected,
+  disabled
+}) => {
   const {
     colors
   } = useUIKitTheme();
@@ -23,12 +22,15 @@ const UserSelectableBar = _ref => {
     style: [styles.infoContainer, {
       borderBottomColor: colors.onBackground04
     }]
+  }, /*#__PURE__*/React.createElement(Box, {
+    flex: 1,
+    alignItems: 'flex-start'
   }, /*#__PURE__*/React.createElement(Text, {
     subtitle2: true,
     numberOfLines: 1,
     style: styles.name,
     color: colors.onBackground01
-  }, name), /*#__PURE__*/React.createElement(Icon, {
+  }, name)), /*#__PURE__*/React.createElement(Icon, {
     color: iconColor,
     size: 24,
     icon: selected ? 'checkbox-on' : 'checkbox-off'
@@ -43,7 +45,7 @@ const styles = createStyleSheet({
     paddingHorizontal: 16
   },
   avatar: {
-    marginRight: 16
+    marginEnd: 16
   },
   infoContainer: {
     height: '100%',
@@ -53,8 +55,7 @@ const styles = createStyleSheet({
     borderBottomWidth: 1
   },
   name: {
-    flex: 1,
-    marginRight: 8
+    marginEnd: 8
   }
 });
 export default UserSelectableBar;

package/lib/module/components/UserSelectableBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Avatar","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserSelectableBar","_ref","uri","name","selected","disabled","colors","iconColor","onBackground04","primary","onBackground03","createElement","style","styles","container","size","containerStyle","avatar","infoContainer","borderBottomColor","subtitle2","numberOfLines","color","onBackground01","icon","flexDirection","alignItems","width","height","paddingHorizontal","marginRight","flex","borderBottomWidth"],"sources":["UserSelectableBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  selected: boolean;\n  disabled: boolean;\n};\nconst UserSelectableBar = ({ uri, name, selected, disabled }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining(\n    [disabled, selected],\n    [colors.onBackground04, colors.primary, colors.onBackground03],\n  );\n\n  return (\n    <View style={styles.container}>\n      <Avatar size={36} uri={uri} containerStyle={styles.avatar} />\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n          {name}\n        </Text>\n        <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n    paddingHorizontal: 16,\n  },\n  avatar: {\n    marginRight: 16,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    borderBottomWidth: 1,\n  },\n  name: {\n    flex: 1,\n    marginRight: 8,\n  },\n});\n\nexport default UserSelectableBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAC7G,SAASC,iBAAiB,QAAQ,uBAAuB;AAQzD,MAAMC,iBAAiB,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC,GAAG;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAgB,CAAC,GAAAJ,IAAA;EACjE,MAAM;IAAEK;EAAO,CAAC,GAAGR,aAAa,EAAE;EAElC,MAAMS,SAAS,GAAGR,iBAAiB,CACjC,CAACM,QAAQ,EAAED,QAAQ,CAAC,EACpB,CAACE,MAAM,CAACE,cAAc,EAAEF,MAAM,CAACG,OAAO,EAAEH,MAAM,CAACI,cAAc,CAAC,CAC/D;EAED,oBACElB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BtB,KAAA,CAAAmB,aAAA,CAACjB,MAAM;IAACqB,IAAI,EAAE,EAAG;IAACb,GAAG,EAAEA,GAAI;IAACc,cAAc,EAAEH,MAAM,CAACI;EAAO,EAAG,eAC7DzB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAE,CAACC,MAAM,CAACK,aAAa,EAAE;MAAEC,iBAAiB,EAAEb,MAAM,CAACE;IAAe,CAAC;EAAE,gBAChFhB,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAACwB,SAAS;IAACC,aAAa,EAAE,CAAE;IAACT,KAAK,EAAEC,MAAM,CAACV,IAAK;IAACmB,KAAK,EAAEhB,MAAM,CAACiB;EAAe,GAChFpB,IAAI,CACA,eACPX,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAAC2B,KAAK,EAAEf,SAAU;IAACQ,IAAI,EAAE,EAAG;IAACS,IAAI,EAAEpB,QAAQ,GAAG,aAAa,GAAG;EAAe,EAAG,CAChF,CACF;AAEX,CAAC;AAED,MAAMS,MAAM,GAAGhB,gBAAgB,CAAC;EAC9BiB,SAAS,EAAE;IACTW,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE;EACrB,CAAC;EACDZ,MAAM,EAAE;IACNa,WAAW,EAAE;EACf,CAAC;EACDZ,aAAa,EAAE;IACbU,MAAM,EAAE,MAAM;IACdG,IAAI,EAAE,CAAC;IACPL,UAAU,EAAE,QAAQ;IACpBD,aAAa,EAAE,KAAK;IACpBO,iBAAiB,EAAE;EACrB,CAAC;EACD7B,IAAI,EAAE;IACJ4B,IAAI,EAAE,CAAC;IACPD,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAe9B,iBAAiB"}
+{"version":3,"names":["React","View","Avatar","Box","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserSelectableBar","uri","name","selected","disabled","colors","iconColor","onBackground04","primary","onBackground03","createElement","style","styles","container","size","containerStyle","avatar","infoContainer","borderBottomColor","flex","alignItems","subtitle2","numberOfLines","color","onBackground01","icon","flexDirection","width","height","paddingHorizontal","marginEnd","borderBottomWidth"],"sources":["UserSelectableBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, Box, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  selected: boolean;\n  disabled: boolean;\n};\nconst UserSelectableBar = ({ uri, name, selected, disabled }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining(\n    [disabled, selected],\n    [colors.onBackground04, colors.primary, colors.onBackground03],\n  );\n\n  return (\n    <View style={styles.container}>\n      <Avatar size={36} uri={uri} containerStyle={styles.avatar} />\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Box flex={1} alignItems={'flex-start'}>\n          <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n            {name}\n          </Text>\n        </Box>\n        <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n    paddingHorizontal: 16,\n  },\n  avatar: {\n    marginEnd: 16,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    borderBottomWidth: 1,\n  },\n  name: {\n    marginEnd: 8,\n  },\n});\n\nexport default UserSelectableBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM,EAAEC,GAAG,EAAEC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAClH,SAASC,iBAAiB,QAAQ,uBAAuB;AAQzD,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAgB,CAAC,KAAK;EACtE,MAAM;IAAEC;EAAO,CAAC,GAAGP,aAAa,CAAC,CAAC;EAElC,MAAMQ,SAAS,GAAGP,iBAAiB,CACjC,CAACK,QAAQ,EAAED,QAAQ,CAAC,EACpB,CAACE,MAAM,CAACE,cAAc,EAAEF,MAAM,CAACG,OAAO,EAAEH,MAAM,CAACI,cAAc,CAC/D,CAAC;EAED,oBACElB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BtB,KAAA,CAAAmB,aAAA,CAACjB,MAAM;IAACqB,IAAI,EAAE,EAAG;IAACb,GAAG,EAAEA,GAAI;IAACc,cAAc,EAAEH,MAAM,CAACI;EAAO,CAAE,CAAC,eAC7DzB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAE,CAACC,MAAM,CAACK,aAAa,EAAE;MAAEC,iBAAiB,EAAEb,MAAM,CAACE;IAAe,CAAC;EAAE,gBAChFhB,KAAA,CAAAmB,aAAA,CAAChB,GAAG;IAACyB,IAAI,EAAE,CAAE;IAACC,UAAU,EAAE;EAAa,gBACrC7B,KAAA,CAAAmB,aAAA,CAACd,IAAI;IAACyB,SAAS;IAACC,aAAa,EAAE,CAAE;IAACX,KAAK,EAAEC,MAAM,CAACV,IAAK;IAACqB,KAAK,EAAElB,MAAM,CAACmB;EAAe,GAChFtB,IACG,CACH,CAAC,eACNX,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAAC4B,KAAK,EAAEjB,SAAU;IAACQ,IAAI,EAAE,EAAG;IAACW,IAAI,EAAEtB,QAAQ,GAAG,aAAa,GAAG;EAAe,CAAE,CAChF,CACF,CAAC;AAEX,CAAC;AAED,MAAMS,MAAM,GAAGf,gBAAgB,CAAC;EAC9BgB,SAAS,EAAE;IACTa,aAAa,EAAE,KAAK;IACpBN,UAAU,EAAE,QAAQ;IACpBO,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE;EACrB,CAAC;EACDb,MAAM,EAAE;IACNc,SAAS,EAAE;EACb,CAAC;EACDb,aAAa,EAAE;IACbW,MAAM,EAAE,MAAM;IACdT,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBM,aAAa,EAAE,KAAK;IACpBK,iBAAiB,EAAE;EACrB,CAAC;EACD7B,IAAI,EAAE;IACJ4B,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAe9B,iBAAiB","ignoreList":[]}

package/lib/module/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_LONG_PRESS_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","MESSAGE_FOCUS_ANIMATION_DELAY","UNKNOWN_USER_ID","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY"],"sources":["constants.ts"],"sourcesContent":["export const DEFAULT_LONG_PRESS_DELAY = 350;\nexport const MESSAGE_SEARCH_SAFE_SCROLL_DELAY = 500;\nexport const MESSAGE_FOCUS_ANIMATION_DELAY = 250;\n\nexport const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';\nexport const VOICE_MESSAGE_META_ARRAY_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\n"],"mappings":"AAAA,OAAO,MAAMA,wBAAwB,GAAG,GAAG;AAC3C,OAAO,MAAMC,gCAAgC,GAAG,GAAG;AACnD,OAAO,MAAMC,6BAA6B,GAAG,GAAG;AAEhD,OAAO,MAAMC,eAAe,GAAG,iCAAiC;AAChE,OAAO,MAAMC,qCAAqC,GAAG,4BAA4B;AACjF,OAAO,MAAMC,yCAAyC,GAAG,2BAA2B"}
+{"version":3,"names":["DEFAULT_LONG_PRESS_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","MESSAGE_FOCUS_ANIMATION_DELAY","UNKNOWN_USER_ID","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY"],"sources":["constants.ts"],"sourcesContent":["export const DEFAULT_LONG_PRESS_DELAY = 350;\nexport const MESSAGE_SEARCH_SAFE_SCROLL_DELAY = 500;\nexport const MESSAGE_FOCUS_ANIMATION_DELAY = 250;\n\nexport const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';\nexport const VOICE_MESSAGE_META_ARRAY_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\n"],"mappings":"AAAA,OAAO,MAAMA,wBAAwB,GAAG,GAAG;AAC3C,OAAO,MAAMC,gCAAgC,GAAG,GAAG;AACnD,OAAO,MAAMC,6BAA6B,GAAG,GAAG;AAEhD,OAAO,MAAMC,eAAe,GAAG,iCAAiC;AAChE,OAAO,MAAMC,qCAAqC,GAAG,4BAA4B;AACjF,OAAO,MAAMC,yCAAyC,GAAG,2BAA2B","ignoreList":[]}

package/lib/module/containers/GroupChannelPreviewContainer.js

@@ -1,17 +1,17 @@
 import React, { useState } from 'react';
 import { Pressable } from 'react-native';
-import { useChannelHandler, useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';
+import { useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';
 import { GroupChannelPreview, Icon, LoadingSpinner, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { convertFileTypeToMessageType, getFileIconFromMessageType, getFileTypeFromMessage, isDifferentChannel, isMyMessage, isVoiceMessage, useIIFE, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { useGroupChannelHandler } from '@sendbird/uikit-tools';
+import { convertFileTypeToMessageType, getFileIconFromMessageType, getFileTypeFromMessage, isDifferentChannel, isMyMessage, isVoiceMessage, useIIFE } from '@sendbird/uikit-utils';
 import ChannelCover from '../components/ChannelCover';
 import { DEFAULT_LONG_PRESS_DELAY } from '../constants';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-const GroupChannelPreviewContainer = _ref => {
-  let {
-    onPress,
-    onLongPress,
-    channel
-  } = _ref;
+const GroupChannelPreviewContainer = ({
+  onPress,
+  onLongPress,
+  channel
+}) => {
   const {
     currentUser,
     sdk,
@@ -25,8 +25,7 @@ const GroupChannelPreviewContainer = _ref => {
     colors
   } = useUIKitTheme();
   const [typingUsers, setTypingUsers] = useState([]);
-  const handlerId = useUniqHandlerId('GroupChannelPreviewContainer_TypingIndicator');
-  useChannelHandler(sdk, handlerId, {
+  useGroupChannelHandler(sdk, {
     onTypingStatusUpdated(eventChannel) {
       if (isDifferentChannel(channel, eventChannel)) return;
       if (!sbOptions.uikit.groupChannel.channelList.enableTypingIndicator) return;
@@ -115,7 +114,7 @@ const GroupChannelPreviewContainer = _ref => {
 };
 const styles = createStyleSheet({
   titleCaptionIcon: {
-    marginRight: 4
+    marginEnd: 4
   },
   broadcastCover: {
     padding: 12,

package/lib/module/containers/GroupChannelPreviewContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","useChannelHandler","useMessageOutgoingStatus","GroupChannelPreview","Icon","LoadingSpinner","createStyleSheet","useUIKitTheme","convertFileTypeToMessageType","getFileIconFromMessageType","getFileTypeFromMessage","isDifferentChannel","isMyMessage","isVoiceMessage","useIIFE","useUniqHandlerId","ChannelCover","DEFAULT_LONG_PRESS_DELAY","useLocalization","useSendbirdChat","GroupChannelPreviewContainer","_ref","onPress","onLongPress","channel","currentUser","sdk","sbOptions","mentionManager","STRINGS","colors","typingUsers","setTypingUsers","handlerId","onTypingStatusUpdated","eventChannel","uikit","groupChannel","channelList","enableTypingIndicator","getTypingUsers","outgoingStatus","lastMessage","bodyText","length","LABELS","TYPING_INDICATOR_TYPINGS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_BODY","fileType","_channel$lastMessage","isFileMessage","undefined","titleCaptionIcon","isEphemeral","enableMessageReceiptStatus","userId","createElement","size","style","styles","icon","color","error","onBackground03","containerStyle","secondary","unreadMessageCount","delayLongPress","customCover","coverUrl","title","CHANNEL_PREVIEW_TITLE","titleCaptionLeft","titleCaption","CHANNEL_PREVIEW_TITLE_CAPTION","body","bodyIcon","badgeCount","mentioned","unreadMentionCount","mentionTrigger","config","trigger","memberCount","frozen","isFrozen","broadcast","isBroadcast","notificationOff","myPushTriggerOption","marginRight","broadcastCover","padding","borderRadius"],"sources":["GroupChannelPreviewContainer.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable } from 'react-native';\n\nimport { useChannelHandler, useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport {\n  GroupChannelPreview,\n  Icon,\n  LoadingSpinner,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdGroupChannel,\n  SendbirdUser,\n  convertFileTypeToMessageType,\n  getFileIconFromMessageType,\n  getFileTypeFromMessage,\n  isDifferentChannel,\n  isMyMessage,\n  isVoiceMessage,\n  useIIFE,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  onPress: () => void;\n  onLongPress: () => void;\n};\nconst GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {\n  const { currentUser, sdk, sbOptions, mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n\n  const handlerId = useUniqHandlerId('GroupChannelPreviewContainer_TypingIndicator');\n  useChannelHandler(sdk, handlerId, {\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!sbOptions.uikit.groupChannel.channelList.enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);\n\n  const bodyText = useIIFE(() => {\n    if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) || '';\n    else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);\n  });\n\n  const fileType = useIIFE(() => {\n    if (!channel.lastMessage?.isFileMessage()) return undefined;\n    if (typingUsers.length > 0) return undefined;\n    if (isVoiceMessage(channel.lastMessage)) return undefined;\n    return getFileTypeFromMessage(channel.lastMessage);\n  });\n\n  const titleCaptionIcon = useIIFE(() => {\n    if (!channel.lastMessage || channel.isEphemeral) return undefined;\n    if (!sbOptions.uikit.groupChannel.channelList.enableMessageReceiptStatus) return undefined;\n    if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;\n\n    if (outgoingStatus === 'PENDING') {\n      return <LoadingSpinner size={16} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'FAILED') {\n      return <Icon icon={'error'} size={16} color={colors.error} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'UNDELIVERED') {\n      return <Icon icon={'done'} size={16} color={colors.onBackground03} containerStyle={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'DELIVERED' || outgoingStatus === 'UNREAD') {\n      return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'READ') {\n      return <Icon icon={'done-all'} size={16} color={colors.secondary} style={styles.titleCaptionIcon} />;\n    }\n\n    return undefined;\n  });\n\n  const unreadMessageCount = useIIFE(() => (channel.isEphemeral ? 0 : channel.unreadMessageCount));\n\n  return (\n    <Pressable delayLongPress={DEFAULT_LONG_PRESS_DELAY} onPress={onPress} onLongPress={onLongPress}>\n      <GroupChannelPreview\n        customCover={<ChannelCover channel={channel} size={56} />}\n        coverUrl={channel.coverUrl}\n        title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n        titleCaptionLeft={titleCaptionIcon}\n        titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n        body={bodyText}\n        bodyIcon={fileType && getFileIconFromMessageType(convertFileTypeToMessageType(fileType))}\n        badgeCount={unreadMessageCount}\n        mentioned={channel.unreadMentionCount > 0}\n        mentionTrigger={mentionManager.config.trigger}\n        memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n        frozen={channel.isFrozen}\n        broadcast={channel.isBroadcast}\n        notificationOff={channel.myPushTriggerOption === 'off'}\n      />\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  titleCaptionIcon: {\n    marginRight: 4,\n  },\n  broadcastCover: {\n    padding: 12,\n    borderRadius: 28,\n  },\n});\n\nexport default GroupChannelPreviewContainer;\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","Pressable","useMessageOutgoingStatus","GroupChannelPreview","Icon","LoadingSpinner","createStyleSheet","useUIKitTheme","useGroupChannelHandler","convertFileTypeToMessageType","getFileIconFromMessageType","getFileTypeFromMessage","isDifferentChannel","isMyMessage","isVoiceMessage","useIIFE","ChannelCover","DEFAULT_LONG_PRESS_DELAY","useLocalization","useSendbirdChat","GroupChannelPreviewContainer","onPress","onLongPress","channel","currentUser","sdk","sbOptions","mentionManager","STRINGS","colors","typingUsers","setTypingUsers","onTypingStatusUpdated","eventChannel","uikit","groupChannel","channelList","enableTypingIndicator","getTypingUsers","outgoingStatus","lastMessage","bodyText","length","LABELS","TYPING_INDICATOR_TYPINGS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_BODY","fileType","_channel$lastMessage","isFileMessage","undefined","titleCaptionIcon","isEphemeral","enableMessageReceiptStatus","userId","createElement","size","style","styles","icon","color","error","onBackground03","containerStyle","secondary","unreadMessageCount","delayLongPress","customCover","coverUrl","title","CHANNEL_PREVIEW_TITLE","titleCaptionLeft","titleCaption","CHANNEL_PREVIEW_TITLE_CAPTION","body","bodyIcon","badgeCount","mentioned","unreadMentionCount","mentionTrigger","config","trigger","memberCount","frozen","isFrozen","broadcast","isBroadcast","notificationOff","myPushTriggerOption","marginEnd","broadcastCover","padding","borderRadius"],"sources":["GroupChannelPreviewContainer.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable } from 'react-native';\n\nimport { useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport {\n  GroupChannelPreview,\n  Icon,\n  LoadingSpinner,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport {\n  SendbirdGroupChannel,\n  SendbirdUser,\n  convertFileTypeToMessageType,\n  getFileIconFromMessageType,\n  getFileTypeFromMessage,\n  isDifferentChannel,\n  isMyMessage,\n  isVoiceMessage,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  onPress: () => void;\n  onLongPress: () => void;\n};\nconst GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {\n  const { currentUser, sdk, sbOptions, mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n\n  useGroupChannelHandler(sdk, {\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!sbOptions.uikit.groupChannel.channelList.enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);\n\n  const bodyText = useIIFE(() => {\n    if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) || '';\n    else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);\n  });\n\n  const fileType = useIIFE(() => {\n    if (!channel.lastMessage?.isFileMessage()) return undefined;\n    if (typingUsers.length > 0) return undefined;\n    if (isVoiceMessage(channel.lastMessage)) return undefined;\n    return getFileTypeFromMessage(channel.lastMessage);\n  });\n\n  const titleCaptionIcon = useIIFE(() => {\n    if (!channel.lastMessage || channel.isEphemeral) return undefined;\n    if (!sbOptions.uikit.groupChannel.channelList.enableMessageReceiptStatus) return undefined;\n    if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;\n\n    if (outgoingStatus === 'PENDING') {\n      return <LoadingSpinner size={16} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'FAILED') {\n      return <Icon icon={'error'} size={16} color={colors.error} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'UNDELIVERED') {\n      return <Icon icon={'done'} size={16} color={colors.onBackground03} containerStyle={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'DELIVERED' || outgoingStatus === 'UNREAD') {\n      return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'READ') {\n      return <Icon icon={'done-all'} size={16} color={colors.secondary} style={styles.titleCaptionIcon} />;\n    }\n\n    return undefined;\n  });\n\n  const unreadMessageCount = useIIFE(() => (channel.isEphemeral ? 0 : channel.unreadMessageCount));\n\n  return (\n    <Pressable delayLongPress={DEFAULT_LONG_PRESS_DELAY} onPress={onPress} onLongPress={onLongPress}>\n      <GroupChannelPreview\n        customCover={<ChannelCover channel={channel} size={56} />}\n        coverUrl={channel.coverUrl}\n        title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n        titleCaptionLeft={titleCaptionIcon}\n        titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n        body={bodyText}\n        bodyIcon={fileType && getFileIconFromMessageType(convertFileTypeToMessageType(fileType))}\n        badgeCount={unreadMessageCount}\n        mentioned={channel.unreadMentionCount > 0}\n        mentionTrigger={mentionManager.config.trigger}\n        memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n        frozen={channel.isFrozen}\n        broadcast={channel.isBroadcast}\n        notificationOff={channel.myPushTriggerOption === 'off'}\n      />\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  titleCaptionIcon: {\n    marginEnd: 4,\n  },\n  broadcastCover: {\n    padding: 12,\n    borderRadius: 28,\n  },\n});\n\nexport default GroupChannelPreviewContainer;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAQ,cAAc;AAExC,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SACEC,mBAAmB,EACnBC,IAAI,EACJC,cAAc,EACdC,gBAAgB,EAChBC,aAAa,QACR,yCAAyC;AAChD,SAASC,sBAAsB,QAAQ,uBAAuB;AAC9D,SAGEC,4BAA4B,EAC5BC,0BAA0B,EAC1BC,sBAAsB,EACtBC,kBAAkB,EAClBC,WAAW,EACXC,cAAc,EACdC,OAAO,QACF,uBAAuB;AAE9B,OAAOC,YAAY,MAAM,4BAA4B;AACrD,SAASC,wBAAwB,QAAQ,cAAc;AACvD,SAASC,eAAe,EAAEC,eAAe,QAAQ,qBAAqB;AAOtE,MAAMC,4BAA4B,GAAGA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC;AAAe,CAAC,KAAK;EACjF,MAAM;IAAEC,WAAW;IAAEC,GAAG;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAAGR,eAAe,CAAC,CAAC;EACzE,MAAM;IAAES;EAAQ,CAAC,GAAGV,eAAe,CAAC,CAAC;EACrC,MAAM;IAAEW;EAAO,CAAC,GAAGtB,aAAa,CAAC,CAAC;EAElC,MAAM,CAACuB,WAAW,EAAEC,cAAc,CAAC,GAAG/B,QAAQ,CAAiB,EAAE,CAAC;EAElEQ,sBAAsB,CAACiB,GAAG,EAAE;IAC1BO,qBAAqBA,CAACC,YAAY,EAAE;MAClC,IAAIrB,kBAAkB,CAACW,OAAO,EAAEU,YAAY,CAAC,EAAE;MAC/C,IAAI,CAACP,SAAS,CAACQ,KAAK,CAACC,YAAY,CAACC,WAAW,CAACC,qBAAqB,EAAE;MACrEN,cAAc,CAACE,YAAY,CAACK,cAAc,CAAC,CAAC,CAAC;IAC/C;EACF,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGrC,wBAAwB,CAACuB,GAAG,EAAEF,OAAO,EAAEA,OAAO,CAACiB,WAAW,CAAC;EAElF,MAAMC,QAAQ,GAAG1B,OAAO,CAAC,MAAM;IAC7B,IAAIe,WAAW,CAACY,MAAM,GAAG,CAAC,EAAE,OAAOd,OAAO,CAACe,MAAM,CAACC,wBAAwB,CAACd,WAAW,CAAC,IAAI,EAAE,CAAC,KACzF,OAAOF,OAAO,CAACiB,kBAAkB,CAACC,oBAAoB,CAACvB,OAAO,CAAC;EACtE,CAAC,CAAC;EAEF,MAAMwB,QAAQ,GAAGhC,OAAO,CAAC,MAAM;IAAA,IAAAiC,oBAAA;IAC7B,IAAI,GAAAA,oBAAA,GAACzB,OAAO,CAACiB,WAAW,cAAAQ,oBAAA,eAAnBA,oBAAA,CAAqBC,aAAa,CAAC,CAAC,GAAE,OAAOC,SAAS;IAC3D,IAAIpB,WAAW,CAACY,MAAM,GAAG,CAAC,EAAE,OAAOQ,SAAS;IAC5C,IAAIpC,cAAc,CAACS,OAAO,CAACiB,WAAW,CAAC,EAAE,OAAOU,SAAS;IACzD,OAAOvC,sBAAsB,CAACY,OAAO,CAACiB,WAAW,CAAC;EACpD,CAAC,CAAC;EAEF,MAAMW,gBAAgB,GAAGpC,OAAO,CAAC,MAAM;IACrC,IAAI,CAACQ,OAAO,CAACiB,WAAW,IAAIjB,OAAO,CAAC6B,WAAW,EAAE,OAAOF,SAAS;IACjE,IAAI,CAACxB,SAAS,CAACQ,KAAK,CAACC,YAAY,CAACC,WAAW,CAACiB,0BAA0B,EAAE,OAAOH,SAAS;IAC1F,IAAI,CAACrC,WAAW,CAACU,OAAO,CAACiB,WAAW,EAAEhB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE8B,MAAM,CAAC,EAAE,OAAOJ,SAAS;IAE5E,IAAIX,cAAc,KAAK,SAAS,EAAE;MAChC,oBAAOxC,KAAA,CAAAwD,aAAA,CAAClD,cAAc;QAACmD,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEC,MAAM,CAACP;MAAiB,CAAE,CAAC;IACrE;IAEA,IAAIZ,cAAc,KAAK,QAAQ,EAAE;MAC/B,oBAAOxC,KAAA,CAAAwD,aAAA,CAACnD,IAAI;QAACuD,IAAI,EAAE,OAAQ;QAACH,IAAI,EAAE,EAAG;QAACI,KAAK,EAAE/B,MAAM,CAACgC,KAAM;QAACJ,KAAK,EAAEC,MAAM,CAACP;MAAiB,CAAE,CAAC;IAC/F;IAEA,IAAIZ,cAAc,KAAK,aAAa,EAAE;MACpC,oBAAOxC,KAAA,CAAAwD,aAAA,CAACnD,IAAI;QAACuD,IAAI,EAAE,MAAO;QAACH,IAAI,EAAE,EAAG;QAACI,KAAK,EAAE/B,MAAM,CAACiC,cAAe;QAACC,cAAc,EAAEL,MAAM,CAACP;MAAiB,CAAE,CAAC;IAChH;IAEA,IAAIZ,cAAc,KAAK,WAAW,IAAIA,cAAc,KAAK,QAAQ,EAAE;MACjE,oBAAOxC,KAAA,CAAAwD,aAAA,CAACnD,IAAI;QAACuD,IAAI,EAAE,UAAW;QAACH,IAAI,EAAE,EAAG;QAACI,KAAK,EAAE/B,MAAM,CAACiC,cAAe;QAACL,KAAK,EAAEC,MAAM,CAACP;MAAiB,CAAE,CAAC;IAC3G;IAEA,IAAIZ,cAAc,KAAK,MAAM,EAAE;MAC7B,oBAAOxC,KAAA,CAAAwD,aAAA,CAACnD,IAAI;QAACuD,IAAI,EAAE,UAAW;QAACH,IAAI,EAAE,EAAG;QAACI,KAAK,EAAE/B,MAAM,CAACmC,SAAU;QAACP,KAAK,EAAEC,MAAM,CAACP;MAAiB,CAAE,CAAC;IACtG;IAEA,OAAOD,SAAS;EAClB,CAAC,CAAC;EAEF,MAAMe,kBAAkB,GAAGlD,OAAO,CAAC,MAAOQ,OAAO,CAAC6B,WAAW,GAAG,CAAC,GAAG7B,OAAO,CAAC0C,kBAAmB,CAAC;EAEhG,oBACElE,KAAA,CAAAwD,aAAA,CAACtD,SAAS;IAACiE,cAAc,EAAEjD,wBAAyB;IAACI,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,gBAC9FvB,KAAA,CAAAwD,aAAA,CAACpD,mBAAmB;IAClBgE,WAAW,eAAEpE,KAAA,CAAAwD,aAAA,CAACvC,YAAY;MAACO,OAAO,EAAEA,OAAQ;MAACiC,IAAI,EAAE;IAAG,CAAE,CAAE;IAC1DY,QAAQ,EAAE7C,OAAO,CAAC6C,QAAS;IAC3BC,KAAK,EAAEzC,OAAO,CAACiB,kBAAkB,CAACyB,qBAAqB,CAAC,CAAA9C,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE8B,MAAM,KAAI,EAAE,EAAE/B,OAAO,CAAE;IAC5FgD,gBAAgB,EAAEpB,gBAAiB;IACnCqB,YAAY,EAAE5C,OAAO,CAACiB,kBAAkB,CAAC4B,6BAA6B,CAAClD,OAAO,CAAE;IAChFmD,IAAI,EAAEjC,QAAS;IACfkC,QAAQ,EAAE5B,QAAQ,IAAIrC,0BAA0B,CAACD,4BAA4B,CAACsC,QAAQ,CAAC,CAAE;IACzF6B,UAAU,EAAEX,kBAAmB;IAC/BY,SAAS,EAAEtD,OAAO,CAACuD,kBAAkB,GAAG,CAAE;IAC1CC,cAAc,EAAEpD,cAAc,CAACqD,MAAM,CAACC,OAAQ;IAC9CC,WAAW,EAAE3D,OAAO,CAAC2D,WAAW,GAAG,CAAC,GAAG3D,OAAO,CAAC2D,WAAW,GAAGhC,SAAU;IACvEiC,MAAM,EAAE5D,OAAO,CAAC6D,QAAS;IACzBC,SAAS,EAAE9D,OAAO,CAAC+D,WAAY;IAC/BC,eAAe,EAAEhE,OAAO,CAACiE,mBAAmB,KAAK;EAAM,CACxD,CACQ,CAAC;AAEhB,CAAC;AAED,MAAM9B,MAAM,GAAGpD,gBAAgB,CAAC;EAC9B6C,gBAAgB,EAAE;IAChBsC,SAAS,EAAE;EACb,CAAC;EACDC,cAAc,EAAE;IACdC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAexE,4BAA4B","ignoreList":[]}

package/lib/module/containers/InternalErrorBoundaryContainer.js

@@ -1,6 +1,6 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { View } from 'react-native';
 import TypedPlaceholder from '../components/TypedPlaceholder';
@@ -17,8 +17,8 @@ const DefaultErrorBoundaryComponent = props => {
   }));
 };
 class InternalErrorBoundaryContainer extends React.PureComponent {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "state", {
       error: null,
       errorInfo: null
@@ -29,7 +29,7 @@ class InternalErrorBoundaryContainer extends React.PureComponent {
         error,
         errorInfo
       });
-      (_this$props$onError = (_this$props = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props, {
+      (_this$props$onError = (_this$props = this.props).onError) === null || _this$props$onError === void 0 || _this$props$onError.call(_this$props, {
         error,
         errorInfo,
         reset: this.reset

package/lib/module/containers/InternalErrorBoundaryContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","TypedPlaceholder","DefaultErrorBoundaryComponent","props","createElement","style","flex","justifyContent","alignItems","type","onPressRetry","reset","InternalErrorBoundaryContainer","PureComponent","constructor","arguments","_defineProperty","error","errorInfo","_this$props$onError","_this$props","setState","onError","call","state","_this$props$ErrorInfo","_this$props2","ErrorInfoComponent","Fragment","children"],"sources":["InternalErrorBoundaryContainer.tsx"],"sourcesContent":["import React, { ErrorInfo } from 'react';\nimport { View } from 'react-native';\n\nimport TypedPlaceholder from '../components/TypedPlaceholder';\nimport type { ErrorBoundaryProps } from '../types';\n\nconst DefaultErrorBoundaryComponent = (props: ErrorBoundaryProps) => {\n  return (\n    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={props.reset} />\n    </View>\n  );\n};\n\nclass InternalErrorBoundaryContainer extends React.PureComponent<{\n  onError?: (props: ErrorBoundaryProps) => void;\n  ErrorInfoComponent?: (props: ErrorBoundaryProps) => React.ReactNode;\n  children?: React.ReactNode;\n}> {\n  static defaultProps = {\n    ErrorInfoComponent: DefaultErrorBoundaryComponent,\n  };\n\n  state: { error: Error | null; errorInfo: ErrorInfo | null } = {\n    error: null,\n    errorInfo: null,\n  };\n\n  componentDidCatch = (error: Error, errorInfo: ErrorInfo) => {\n    this.setState({ error, errorInfo });\n    this.props.onError?.({ error, errorInfo, reset: this.reset });\n  };\n\n  reset = () => {\n    this.setState({ error: null, errorInfo: null });\n  };\n\n  render = () => {\n    if (this.state.error && this.state.errorInfo) {\n      return (\n        this.props.ErrorInfoComponent?.({\n          error: this.state.error,\n          errorInfo: this.state.errorInfo,\n          reset: this.reset,\n        }) ?? null\n      );\n    }\n\n    return <>{this.props.children}</>;\n  };\n}\n\nexport default InternalErrorBoundaryContainer;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,gBAAgB,MAAM,gCAAgC;AAG7D,MAAMC,6BAA6B,GAAIC,KAAyB,IAAK;EACnE,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACK,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,cAAc,EAAE,QAAQ;MAAEC,UAAU,EAAE;IAAS;EAAE,gBACvET,KAAA,CAAAK,aAAA,CAACH,gBAAgB;IAACQ,IAAI,EAAE,aAAc;IAACC,YAAY,EAAEP,KAAK,CAACQ;EAAM,EAAG,CAC/D;AAEX,CAAC;AAED,MAAMC,8BAA8B,SAASb,KAAK,CAACc,aAAa,CAI7D;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,gBAK6D;MAC5DC,KAAK,EAAE,IAAI;MACXC,SAAS,EAAE;IACb,CAAC;IAAAF,eAAA,4BAEmB,CAACC,KAAY,EAAEC,SAAoB,KAAK;MAAA,IAAAC,mBAAA,EAAAC,WAAA;MAC1D,IAAI,CAACC,QAAQ,CAAC;QAAEJ,KAAK;QAAEC;MAAU,CAAC,CAAC;MACnC,CAAAC,mBAAA,IAAAC,WAAA,OAAI,CAACjB,KAAK,EAACmB,OAAO,cAAAH,mBAAA,uBAAlBA,mBAAA,CAAAI,IAAA,CAAAH,WAAA,EAAqB;QAAEH,KAAK;QAAEC,SAAS;QAAEP,KAAK,EAAE,IAAI,CAACA;MAAM,CAAC,CAAC;IAC/D,CAAC;IAAAK,eAAA,gBAEO,MAAM;MACZ,IAAI,CAACK,QAAQ,CAAC;QAAEJ,KAAK,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAK,CAAC,CAAC;IACjD,CAAC;IAAAF,eAAA,iBAEQ,MAAM;MACb,IAAI,IAAI,CAACQ,KAAK,CAACP,KAAK,IAAI,IAAI,CAACO,KAAK,CAACN,SAAS,EAAE;QAAA,IAAAO,qBAAA,EAAAC,YAAA;QAC5C,OACE,EAAAD,qBAAA,IAAAC,YAAA,OAAI,CAACvB,KAAK,EAACwB,kBAAkB,cAAAF,qBAAA,uBAA7BA,qBAAA,CAAAF,IAAA,CAAAG,YAAA,EAAgC;UAC9BT,KAAK,EAAE,IAAI,CAACO,KAAK,CAACP,KAAK;UACvBC,SAAS,EAAE,IAAI,CAACM,KAAK,CAACN,SAAS;UAC/BP,KAAK,EAAE,IAAI,CAACA;QACd,CAAC,CAAC,KAAI,IAAI;MAEd;MAEA,oBAAOZ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAA6B,QAAA,QAAG,IAAI,CAACzB,KAAK,CAAC0B,QAAQ,CAAI;IACnC,CAAC;EAAA;AACH;AAACb,eAAA,CApCKJ,8BAA8B,kBAKZ;EACpBe,kBAAkB,EAAEzB;AACtB,CAAC;AA+BH,eAAeU,8BAA8B"}
+{"version":3,"names":["React","View","TypedPlaceholder","DefaultErrorBoundaryComponent","props","createElement","style","flex","justifyContent","alignItems","type","onPressRetry","reset","InternalErrorBoundaryContainer","PureComponent","constructor","args","_defineProperty","error","errorInfo","_this$props$onError","_this$props","setState","onError","call","state","_this$props$ErrorInfo","_this$props2","ErrorInfoComponent","Fragment","children"],"sources":["InternalErrorBoundaryContainer.tsx"],"sourcesContent":["import React, { ErrorInfo } from 'react';\nimport { View } from 'react-native';\n\nimport TypedPlaceholder from '../components/TypedPlaceholder';\nimport type { ErrorBoundaryProps } from '../types';\n\nconst DefaultErrorBoundaryComponent = (props: ErrorBoundaryProps) => {\n  return (\n    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={props.reset} />\n    </View>\n  );\n};\n\nclass InternalErrorBoundaryContainer extends React.PureComponent<{\n  onError?: (props: ErrorBoundaryProps) => void;\n  ErrorInfoComponent?: (props: ErrorBoundaryProps) => React.ReactNode;\n  children?: React.ReactNode;\n}> {\n  static defaultProps = {\n    ErrorInfoComponent: DefaultErrorBoundaryComponent,\n  };\n\n  state: { error: Error | null; errorInfo: ErrorInfo | null } = {\n    error: null,\n    errorInfo: null,\n  };\n\n  componentDidCatch = (error: Error, errorInfo: ErrorInfo) => {\n    this.setState({ error, errorInfo });\n    this.props.onError?.({ error, errorInfo, reset: this.reset });\n  };\n\n  reset = () => {\n    this.setState({ error: null, errorInfo: null });\n  };\n\n  render = () => {\n    if (this.state.error && this.state.errorInfo) {\n      return (\n        this.props.ErrorInfoComponent?.({\n          error: this.state.error,\n          errorInfo: this.state.errorInfo,\n          reset: this.reset,\n        }) ?? null\n      );\n    }\n\n    return <>{this.props.children}</>;\n  };\n}\n\nexport default InternalErrorBoundaryContainer;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,gBAAgB,MAAM,gCAAgC;AAG7D,MAAMC,6BAA6B,GAAIC,KAAyB,IAAK;EACnE,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACK,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,cAAc,EAAE,QAAQ;MAAEC,UAAU,EAAE;IAAS;EAAE,gBACvET,KAAA,CAAAK,aAAA,CAACH,gBAAgB;IAACQ,IAAI,EAAE,aAAc;IAACC,YAAY,EAAEP,KAAK,CAACQ;EAAM,CAAE,CAC/D,CAAC;AAEX,CAAC;AAED,MAAMC,8BAA8B,SAASb,KAAK,CAACc,aAAa,CAI7D;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBAK6D;MAC5DC,KAAK,EAAE,IAAI;MACXC,SAAS,EAAE;IACb,CAAC;IAAAF,eAAA,4BAEmB,CAACC,KAAY,EAAEC,SAAoB,KAAK;MAAA,IAAAC,mBAAA,EAAAC,WAAA;MAC1D,IAAI,CAACC,QAAQ,CAAC;QAAEJ,KAAK;QAAEC;MAAU,CAAC,CAAC;MACnC,CAAAC,mBAAA,IAAAC,WAAA,OAAI,CAACjB,KAAK,EAACmB,OAAO,cAAAH,mBAAA,eAAlBA,mBAAA,CAAAI,IAAA,CAAAH,WAAA,EAAqB;QAAEH,KAAK;QAAEC,SAAS;QAAEP,KAAK,EAAE,IAAI,CAACA;MAAM,CAAC,CAAC;IAC/D,CAAC;IAAAK,eAAA,gBAEO,MAAM;MACZ,IAAI,CAACK,QAAQ,CAAC;QAAEJ,KAAK,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAK,CAAC,CAAC;IACjD,CAAC;IAAAF,eAAA,iBAEQ,MAAM;MACb,IAAI,IAAI,CAACQ,KAAK,CAACP,KAAK,IAAI,IAAI,CAACO,KAAK,CAACN,SAAS,EAAE;QAAA,IAAAO,qBAAA,EAAAC,YAAA;QAC5C,OACE,EAAAD,qBAAA,IAAAC,YAAA,OAAI,CAACvB,KAAK,EAACwB,kBAAkB,cAAAF,qBAAA,uBAA7BA,qBAAA,CAAAF,IAAA,CAAAG,YAAA,EAAgC;UAC9BT,KAAK,EAAE,IAAI,CAACO,KAAK,CAACP,KAAK;UACvBC,SAAS,EAAE,IAAI,CAACM,KAAK,CAACN,SAAS;UAC/BP,KAAK,EAAE,IAAI,CAACA;QACd,CAAC,CAAC,KAAI,IAAI;MAEd;MAEA,oBAAOZ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAA6B,QAAA,QAAG,IAAI,CAACzB,KAAK,CAAC0B,QAAW,CAAC;IACnC,CAAC;EAAA;AACH;AAACb,eAAA,CApCKJ,8BAA8B,kBAKZ;EACpBe,kBAAkB,EAAEzB;AACtB,CAAC;AA+BH,eAAeU,8BAA8B","ignoreList":[]}

package/lib/module/containers/SendbirdUIKitContainer.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { Platform } from 'react-native';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
@@ -176,7 +176,7 @@ const initializeSendbird = (appId, options) => {
     onInitialized,
     ...chatInitParams
   } = options;
-  const isMMKVStorage = ('getString' in localCacheStorage);
+  const isMMKVStorage = 'getString' in localCacheStorage;
   chatSDK = SendbirdChat.init({
     ...chatInitParams,
     appId,
@@ -237,8 +237,8 @@ const initializeSendbird = (appId, options) => {
       unsubscribes.push(unsubscribe);
       return unsubscribe;
     };
-    (_chatSDK$setOnlineLis = (_chatSDK = chatSDK).setOnlineListener) === null || _chatSDK$setOnlineLis === void 0 ? void 0 : _chatSDK$setOnlineLis.call(_chatSDK, onOnline => listener(onOnline, 'online'));
-    (_chatSDK$setOfflineLi = (_chatSDK2 = chatSDK).setOfflineListener) === null || _chatSDK$setOfflineLi === void 0 ? void 0 : _chatSDK$setOfflineLi.call(_chatSDK2, onOffline => listener(onOffline, 'offline'));
+    (_chatSDK$setOnlineLis = (_chatSDK = chatSDK).setOnlineListener) === null || _chatSDK$setOnlineLis === void 0 || _chatSDK$setOnlineLis.call(_chatSDK, onOnline => listener(onOnline, 'online'));
+    (_chatSDK$setOfflineLi = (_chatSDK2 = chatSDK).setOfflineListener) === null || _chatSDK$setOfflineLi === void 0 || _chatSDK$setOfflineLi.call(_chatSDK2, onOffline => listener(onOffline, 'offline'));
   }
   return {
     chatSDK,
@@ -267,13 +267,12 @@ function getReactNativeVersion() {
   } = Platform.constants.reactNativeVersion;
   return `${major}.${minor}.${patch}`;
 }
-const useConfigInstance = _ref => {
+const useConfigInstance = ({
+  imageCompression,
+  userMention,
+  voiceMessage
+}) => {
   var _voiceMessage$recorde3, _voiceMessage$recorde4;
-  let {
-    imageCompression,
-    userMention,
-    voiceMessage
-  } = _ref;
   const mentionConfig = useMemo(() => {
     return new MentionConfig({
       mentionLimit: (userMention === null || userMention === void 0 ? void 0 : userMention.mentionLimit) || MentionConfig.DEFAULT.MENTION_LIMIT,
@@ -294,11 +293,11 @@ const useConfigInstance = _ref => {
     var _voiceMessage$recorde, _voiceMessage$recorde2;
     return new VoiceMessageConfig({
       recorder: {
-        minDuration: (voiceMessage === null || voiceMessage === void 0 ? void 0 : (_voiceMessage$recorde = voiceMessage.recorder) === null || _voiceMessage$recorde === void 0 ? void 0 : _voiceMessage$recorde.minDuration) ?? VoiceMessageConfig.DEFAULT.RECORDER.MIN_DURATION,
-        maxDuration: (voiceMessage === null || voiceMessage === void 0 ? void 0 : (_voiceMessage$recorde2 = voiceMessage.recorder) === null || _voiceMessage$recorde2 === void 0 ? void 0 : _voiceMessage$recorde2.maxDuration) ?? VoiceMessageConfig.DEFAULT.RECORDER.MAX_DURATION
+        minDuration: (voiceMessage === null || voiceMessage === void 0 || (_voiceMessage$recorde = voiceMessage.recorder) === null || _voiceMessage$recorde === void 0 ? void 0 : _voiceMessage$recorde.minDuration) ?? VoiceMessageConfig.DEFAULT.RECORDER.MIN_DURATION,
+        maxDuration: (voiceMessage === null || voiceMessage === void 0 || (_voiceMessage$recorde2 = voiceMessage.recorder) === null || _voiceMessage$recorde2 === void 0 ? void 0 : _voiceMessage$recorde2.maxDuration) ?? VoiceMessageConfig.DEFAULT.RECORDER.MAX_DURATION
       }
     });
-  }, [voiceMessage === null || voiceMessage === void 0 ? void 0 : (_voiceMessage$recorde3 = voiceMessage.recorder) === null || _voiceMessage$recorde3 === void 0 ? void 0 : _voiceMessage$recorde3.minDuration, voiceMessage === null || voiceMessage === void 0 ? void 0 : (_voiceMessage$recorde4 = voiceMessage.recorder) === null || _voiceMessage$recorde4 === void 0 ? void 0 : _voiceMessage$recorde4.maxDuration]);
+  }, [voiceMessage === null || voiceMessage === void 0 || (_voiceMessage$recorde3 = voiceMessage.recorder) === null || _voiceMessage$recorde3 === void 0 ? void 0 : _voiceMessage$recorde3.minDuration, voiceMessage === null || voiceMessage === void 0 || (_voiceMessage$recorde4 = voiceMessage.recorder) === null || _voiceMessage$recorde4 === void 0 ? void 0 : _voiceMessage$recorde4.maxDuration]);
   return {
     mentionConfig,
     imageCompressionConfig,