@sendbird/uikit-react-native 1.1.2 → 2.0.0

package/README.md

@@ -46,7 +46,7 @@ UIKit for React-Native can be installed through either `yarn` or `npm`
 
 ```sh
 npm i @sendbird/uikit-react-native \
-      sendbird \
+      @sendbird/chat \
       date-fns \
       react-native-safe-area-context \
       @react-native-community/netinfo

package/lib/commonjs/components/ChatFlatList.js

@@ -94,19 +94,21 @@ const ChatFlatList = /*#__PURE__*/(0, _react.forwardRef)(function CustomFlatList
     console.warn('UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\nhttps://github.com/facebook/react-native/issues/30034');
   }
 
-  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, _extends({}, props, {
-    // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}
-    inverted: Boolean((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}
-    // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}
-    ,
-    ref: scrollRef,
+  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, _extends({
     bounces: false,
+    removeClippedSubviews: true,
+    keyboardDismissMode: 'on-drag',
     keyboardShouldPersistTaps: 'handled',
     indicatorStyle: select({
       light: 'black',
       dark: 'white'
-    }),
-    removeClippedSubviews: true,
+    })
+  }, props, {
+    // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}
+    inverted: Boolean((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}
+    // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}
+    ,
+    ref: scrollRef,
     onEndReachedThreshold: 0.5,
     onEndReached: onTopReached,
     scrollEventThrottle: 16,

package/lib/commonjs/components/ChatFlatList.js.map

@@ -1 +1 @@
-{"version":3,"names":["ANDROID_BUG_ALERT_SHOWED","Platform","OS","BOTTOM_DETECT_THRESHOLD","hasReachedToBottom","yPos","thresholdPx","ChatFlatList","forwardRef","CustomFlatList","ref","onTopReached","nextMessages","onBottomReached","onLeaveScrollBottom","onScroll","currentUserId","props","select","useUIKitTheme","scrollRef","useRef","useImperativeHandle","scrollToBottom","animated","current","scrollToOffset","offset","useEffect","latestMessage","length","isMyMessage","_onScroll","useCallback","event","contentOffset","nativeEvent","y","__DEV__","console","warn","Boolean","data","light","dark"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlatList, FlatListProps, Platform } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdMessage, isMyMessage } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\n// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;\n\nfunction hasReachedToBottom(yPos: number, thresholdPx = 0) {\n  return thresholdPx >= yPos;\n}\n\nexport type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  currentUserId?: string;\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  nextMessages: SendbirdMessage[];\n  onLeaveScrollBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(\n  { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const scrollRef = useRef<FlatList<SendbirdMessage>>(null);\n  const yPos = useRef(0);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const latestMessage = nextMessages[nextMessages.length - 1];\n    if (!latestMessage) return;\n\n    if (hasReachedToBottom(yPos.current)) {\n      onBottomReached();\n    } else if (isMyMessage(latestMessage, currentUserId)) {\n      scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });\n    }\n  }, [onBottomReached, nextMessages, currentUserId]);\n\n  const _onScroll = useCallback<NonNullable<Props['onScroll']>>(\n    (event) => {\n      const { contentOffset } = event.nativeEvent;\n      if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(false);\n      } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(true);\n      }\n\n      yPos.current = contentOffset.y;\n\n      onScroll?.(event);\n      if (hasReachedToBottom(yPos.current)) onBottomReached();\n    },\n    [onScroll, onBottomReached],\n  );\n\n  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n    ANDROID_BUG_ALERT_SHOWED = true;\n    // eslint-disable-next-line no-console\n    console.warn(\n      'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n    );\n  }\n\n  return (\n    <FlatList\n      {...props}\n      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n      inverted={Boolean(props.data?.length)}\n      // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}\n      // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}\n      ref={scrollRef}\n      bounces={false}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      removeClippedSubviews\n      onEndReachedThreshold={0.5}\n      onEndReached={onTopReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n    />\n  );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}
+{"version":3,"names":["ANDROID_BUG_ALERT_SHOWED","Platform","OS","BOTTOM_DETECT_THRESHOLD","hasReachedToBottom","yPos","thresholdPx","ChatFlatList","forwardRef","CustomFlatList","ref","onTopReached","nextMessages","onBottomReached","onLeaveScrollBottom","onScroll","currentUserId","props","select","useUIKitTheme","scrollRef","useRef","useImperativeHandle","scrollToBottom","animated","current","scrollToOffset","offset","useEffect","latestMessage","length","isMyMessage","_onScroll","useCallback","event","contentOffset","nativeEvent","y","__DEV__","console","warn","light","dark","Boolean","data"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlatList, FlatListProps, Platform } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdMessage, isMyMessage } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\n// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;\n\nfunction hasReachedToBottom(yPos: number, thresholdPx = 0) {\n  return thresholdPx >= yPos;\n}\n\nexport type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n  currentUserId?: string;\n  onBottomReached: () => void;\n  onTopReached: () => void;\n  nextMessages: SendbirdMessage[];\n  onLeaveScrollBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(\n  { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },\n  ref,\n) {\n  const { select } = useUIKitTheme();\n  const scrollRef = useRef<FlatList<SendbirdMessage>>(null);\n  const yPos = useRef(0);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const latestMessage = nextMessages[nextMessages.length - 1];\n    if (!latestMessage) return;\n\n    if (hasReachedToBottom(yPos.current)) {\n      onBottomReached();\n    } else if (isMyMessage(latestMessage, currentUserId)) {\n      scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });\n    }\n  }, [onBottomReached, nextMessages, currentUserId]);\n\n  const _onScroll = useCallback<NonNullable<Props['onScroll']>>(\n    (event) => {\n      const { contentOffset } = event.nativeEvent;\n      if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(false);\n      } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {\n        onLeaveScrollBottom(true);\n      }\n\n      yPos.current = contentOffset.y;\n\n      onScroll?.(event);\n      if (hasReachedToBottom(yPos.current)) onBottomReached();\n    },\n    [onScroll, onBottomReached],\n  );\n\n  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n    ANDROID_BUG_ALERT_SHOWED = true;\n    // eslint-disable-next-line no-console\n    console.warn(\n      'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n    );\n  }\n\n  return (\n    <FlatList\n      bounces={false}\n      removeClippedSubviews\n      keyboardDismissMode={'on-drag'}\n      keyboardShouldPersistTaps={'handled'}\n      indicatorStyle={select({ light: 'black', dark: 'white' })}\n      {...props}\n      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n      inverted={Boolean(props.data?.length)}\n      // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}\n      // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}\n      ref={scrollRef}\n      onEndReachedThreshold={0.5}\n      onEndReached={onTopReached}\n      scrollEventThrottle={16}\n      onScroll={_onScroll}\n    />\n  );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}

package/lib/commonjs/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js

@@ -98,6 +98,8 @@ const OpenGraphUserMessage = _ref => {
 
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
+    width: 240,
+    maxWidth: 240,
     borderRadius: 16,
     overflow: 'hidden'
   },
@@ -111,7 +113,7 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     paddingBottom: 12
   },
   ogImageContainer: {
-    width: 240,
+    flex: 1,
     height: 136
   },
   ogImage: {

package/lib/commonjs/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenGraphUserMessage","message","variant","pressed","ogMetaData","STRINGS","useLocalization","colors","select","palette","useUIKitTheme","color","ui","imageNotFound","setImageNotFound","useState","styles","container","backgroundColor","background","messageContainer","textMsg","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","Linking","openURL","url","catch","ogImageContainer","dark","background500","light","background200","conditionChaining","ogImage","onBackground02","uri","defaultImage","ogContainer","background400","background100","onBackground01","ogTitle","title","description","ogDesc","createStyleSheet","borderRadius","overflow","paddingVertical","paddingHorizontal","paddingTop","paddingBottom","width","height","marginBottom","lineHeight"],"sources":["OpenGraphUserMessage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Linking, TouchableOpacity, View } from 'react-native';\nimport type Sendbird from 'sendbird';\n\nimport {\n  Icon,\n  Image,\n  Text,\n  URLParsedText,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { UserMessageProps } from './index';\n\ntype Props = UserMessageProps & {\n  ogMetaData: Sendbird.OGMetaData;\n};\nconst OpenGraphUserMessage = ({ message, variant, pressed, ogMetaData }: Props) => {\n  const { STRINGS } = useLocalization();\n  const { colors, select, palette } = useUIKitTheme();\n  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];\n  const [imageNotFound, setImageNotFound] = useState(false);\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }]}>\n      <View style={styles.messageContainer}>\n        <URLParsedText body3 color={color.textMsg}>\n          {message.message}\n          {Boolean(message.updatedAt) && (\n            <Text body3 color={color.textEdited}>\n              {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX}\n            </Text>\n          )}\n        </URLParsedText>\n      </View>\n      <TouchableOpacity activeOpacity={0.7} onPress={() => Linking.openURL(ogMetaData.url).catch()}>\n        <View\n          style={[\n            styles.ogImageContainer,\n            { backgroundColor: select({ dark: palette.background500, light: palette.background200 }) },\n          ]}\n        >\n          {conditionChaining(\n            [imageNotFound],\n            [\n              <Icon containerStyle={styles.ogImage} icon={'thumbnail-none'} size={48} color={colors.onBackground02} />,\n              <Image\n                source={{ uri: ogMetaData.defaultImage?.url }}\n                style={styles.ogImage}\n                resizeMode={'cover'}\n                onError={() => setImageNotFound(true)}\n              />,\n            ],\n          )}\n        </View>\n        <View\n          style={[\n            styles.ogContainer,\n            { backgroundColor: select({ dark: palette.background400, light: palette.background100 }) },\n          ]}\n        >\n          <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n            {ogMetaData.title}\n          </Text>\n          {Boolean(ogMetaData.description) && (\n            <Text numberOfLines={1} caption2 color={colors.onBackground01} style={styles.ogDesc}>\n              {ogMetaData.description}\n            </Text>\n          )}\n          <Text numberOfLines={1} caption2 color={colors.onBackground02}>\n            {ogMetaData.url}\n          </Text>\n        </View>\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  messageContainer: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n  },\n  ogContainer: {\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n  },\n  ogImageContainer: {\n    width: 240,\n    height: 136,\n  },\n  ogImage: {\n    width: '100%',\n    height: '100%',\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":"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"}
+{"version":3,"names":["OpenGraphUserMessage","message","variant","pressed","ogMetaData","STRINGS","useLocalization","colors","select","palette","useUIKitTheme","color","ui","imageNotFound","setImageNotFound","useState","styles","container","backgroundColor","background","messageContainer","textMsg","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","Linking","openURL","url","catch","ogImageContainer","dark","background500","light","background200","conditionChaining","ogImage","onBackground02","uri","defaultImage","ogContainer","background400","background100","onBackground01","ogTitle","title","description","ogDesc","createStyleSheet","width","maxWidth","borderRadius","overflow","paddingVertical","paddingHorizontal","paddingTop","paddingBottom","flex","height","marginBottom","lineHeight"],"sources":["OpenGraphUserMessage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Linking, TouchableOpacity, View } from 'react-native';\n\nimport type { OGMetaData } from '@sendbird/chat/message';\nimport {\n  Icon,\n  Image,\n  Text,\n  URLParsedText,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { UserMessageProps } from './index';\n\ntype Props = UserMessageProps & {\n  ogMetaData: OGMetaData;\n};\nconst OpenGraphUserMessage = ({ message, variant, pressed, ogMetaData }: Props) => {\n  const { STRINGS } = useLocalization();\n  const { colors, select, palette } = useUIKitTheme();\n  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];\n  const [imageNotFound, setImageNotFound] = useState(false);\n  return (\n    <View style={[styles.container, { backgroundColor: color.background }]}>\n      <View style={styles.messageContainer}>\n        <URLParsedText body3 color={color.textMsg}>\n          {message.message}\n          {Boolean(message.updatedAt) && (\n            <Text body3 color={color.textEdited}>\n              {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX}\n            </Text>\n          )}\n        </URLParsedText>\n      </View>\n      <TouchableOpacity activeOpacity={0.7} onPress={() => Linking.openURL(ogMetaData.url).catch()}>\n        <View\n          style={[\n            styles.ogImageContainer,\n            { backgroundColor: select({ dark: palette.background500, light: palette.background200 }) },\n          ]}\n        >\n          {conditionChaining(\n            [imageNotFound],\n            [\n              <Icon containerStyle={styles.ogImage} icon={'thumbnail-none'} size={48} color={colors.onBackground02} />,\n              <Image\n                source={{ uri: ogMetaData.defaultImage?.url }}\n                style={styles.ogImage}\n                resizeMode={'cover'}\n                onError={() => setImageNotFound(true)}\n              />,\n            ],\n          )}\n        </View>\n        <View\n          style={[\n            styles.ogContainer,\n            { backgroundColor: select({ dark: palette.background400, light: palette.background100 }) },\n          ]}\n        >\n          <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n            {ogMetaData.title}\n          </Text>\n          {Boolean(ogMetaData.description) && (\n            <Text numberOfLines={1} caption2 color={colors.onBackground01} style={styles.ogDesc}>\n              {ogMetaData.description}\n            </Text>\n          )}\n          <Text numberOfLines={1} caption2 color={colors.onBackground02}>\n            {ogMetaData.url}\n          </Text>\n        </View>\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    width: 240,\n    maxWidth: 240,\n    borderRadius: 16,\n    overflow: 'hidden',\n  },\n  messageContainer: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n  },\n  ogContainer: {\n    paddingHorizontal: 12,\n    paddingTop: 8,\n    paddingBottom: 12,\n  },\n  ogImageContainer: {\n    flex: 1,\n    height: 136,\n  },\n  ogImage: {\n    width: '100%',\n    height: '100%',\n  },\n  ogTitle: {\n    marginBottom: 4,\n  },\n  ogDesc: {\n    lineHeight: 14,\n    marginBottom: 8,\n  },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":"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"}

package/lib/commonjs/containers/SendbirdUIKitContainer.js

@@ -11,7 +11,11 @@ var _reactNative = require("react-native");
 
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 
-var _sendbird = _interopRequireDefault(require("sendbird"));
+var _chat = _interopRequireDefault(require("@sendbird/chat"));
+
+var _groupChannel = require("@sendbird/chat/groupChannel");
+
+var _openChannel = require("@sendbird/chat/openChannel");
 
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 
@@ -62,30 +66,23 @@ const SendbirdUIKitContainer = _ref => {
 
   const getSendbirdSDK = () => {
     let sdk;
-
-    if (chatOptions !== null && chatOptions !== void 0 && chatOptions.localCacheStorage) {
-      sdk = new _sendbird.default({
-        appId,
-        localCacheEnabled: true
-      });
-      sdk.useAsyncStorageAsDatabase(new _InternalLocalCacheStorage.default(chatOptions.localCacheStorage));
-    } else {
-      sdk = new _sendbird.default({
-        appId
-      });
-    }
+    sdk = _chat.default.init({
+      appId,
+      modules: [new _groupChannel.GroupChannelModule(), new _openChannel.OpenChannelModule()],
+      localCacheEnabled: Boolean(chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.localCacheStorage),
+      // @ts-ignore
+      useAsyncStorageStore: chatOptions !== null && chatOptions !== void 0 && chatOptions.localCacheStorage ? new _InternalLocalCacheStorage.default(chatOptions.localCacheStorage) : undefined
+    });
 
     if (chatOptions !== null && chatOptions !== void 0 && chatOptions.onInitialized) {
       sdk = chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.onInitialized(sdk);
     }
 
     if (SendbirdUIKit.VERSION) {
-      // @ts-ignore
       sdk.addExtension('sb_uikit', SendbirdUIKit.VERSION);
     }
 
     if (SendbirdUIKit.PLATFORM) {
-      // @ts-ignore
       sdk.addExtension('device-os-platform', SendbirdUIKit.PLATFORM);
     }
 

package/lib/commonjs/containers/SendbirdUIKitContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["NetInfo","SBUDynamicModule","get","SendbirdUIKit","Object","freeze","VERSION","PLATFORM","Platform","OS","toLowerCase","SendbirdUIKitContainer","children","appId","chatOptions","platformServices","localization","styles","toast","errorBoundary","unsubscribes","useRef","current","getSendbirdSDK","sdk","localCacheStorage","Sendbird","localCacheEnabled","useAsyncStorageAsDatabase","InternalLocalCacheStorage","onInitialized","addExtension","addEventListener","listener","callback","callbackType","unsubscribe","state","online","Boolean","isConnected","isInternetReachable","push","setOnlineListener","onOnline","setOfflineListener","onOffline","sdkInstance","setSdkInstance","useState","useEffect","forEach","u","enableAutoPushTokenRegistration","enableChannelListTypingIndicator","enableChannelListMessageReceiptStatus","stringSet","StringSetEn","file","notification","clipboard","media","theme","LightUIKitTheme","HeaderComponent","Header","defaultHeaderTitleAlign","statusBarTranslucent","dismissTimeout","LocalizedDialogProvider","STRINGS","useLocalization","alert","ok","DIALOG","ALERT_DEFAULT_OK","prompt","PROMPT_DEFAULT_OK","cancel","PROMPT_DEFAULT_CANCEL","placeholder","PROMPT_DEFAULT_PLACEHOLDER"],"sources":["SendbirdUIKitContainer.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Platform } from 'react-native';\nimport { SafeAreaProvider } from 'react-native-safe-area-context';\nimport Sendbird from 'sendbird';\n\nimport type { HeaderStyleContextType, UIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  DialogProvider,\n  Header,\n  HeaderStyleProvider,\n  LightUIKitTheme,\n  ToastProvider,\n  UIKitThemeProvider,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdChatSDK } from '@sendbird/uikit-utils';\n\nimport { LocalizationProvider } from '../contexts/Localization';\nimport { PlatformServiceProvider } from '../contexts/PlatformService';\nimport { SendbirdChatProvider } from '../contexts/SendbirdChat';\nimport { useLocalization } from '../hooks/useContext';\nimport InternalLocalCacheStorage from '../libs/InternalLocalCacheStorage';\nimport StringSetEn from '../localization/StringSet.en';\nimport type { StringSet } from '../localization/StringSet.type';\nimport SBUDynamicModule from '../platform/dynamicModule';\nimport type {\n  ClipboardServiceInterface,\n  FileServiceInterface,\n  MediaServiceInterface,\n  NotificationServiceInterface,\n} from '../platform/types';\nimport type { ErrorBoundaryProps, LocalCacheStorage } from '../types';\nimport VERSION from '../version';\nimport InternalErrorBoundaryContainer from './InternalErrorBoundaryContainer';\n\nconst NetInfo = SBUDynamicModule.get('@react-native-community/netinfo', 'warn');\n\nexport const SendbirdUIKit = Object.freeze({\n  VERSION,\n  PLATFORM: Platform.OS.toLowerCase(),\n});\n\nexport type SendbirdUIKitContainerProps = React.PropsWithChildren<{\n  appId: string;\n  platformServices: {\n    file: FileServiceInterface;\n    notification: NotificationServiceInterface;\n    clipboard: ClipboardServiceInterface;\n    media?: MediaServiceInterface;\n  };\n  chatOptions?: {\n    localCacheStorage?: LocalCacheStorage;\n    onInitialized?: (sdkInstance: SendbirdChatSDK) => SendbirdChatSDK;\n    enableAutoPushTokenRegistration?: boolean;\n    enableChannelListTypingIndicator?: boolean;\n    enableChannelListMessageReceiptStatus?: boolean;\n  };\n  localization?: {\n    stringSet?: StringSet;\n  };\n  styles?: {\n    theme?: UIKitTheme;\n    statusBarTranslucent?: boolean;\n    defaultHeaderTitleAlign?: 'left' | 'center';\n    defaultHeaderHeight?: number;\n    HeaderComponent?: HeaderStyleContextType['HeaderComponent'];\n  };\n  toast?: {\n    dismissTimeout?: number;\n  };\n  errorBoundary?: {\n    onError?: (props: ErrorBoundaryProps) => void;\n    ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;\n  };\n}>;\n\nconst SendbirdUIKitContainer = ({\n  children,\n  appId,\n  chatOptions,\n  platformServices,\n  localization,\n  styles,\n  toast,\n  errorBoundary,\n}: SendbirdUIKitContainerProps) => {\n  const unsubscribes = useRef<(() => void)[]>([]).current;\n  const getSendbirdSDK = () => {\n    let sdk: SendbirdChatSDK;\n\n    if (chatOptions?.localCacheStorage) {\n      sdk = new Sendbird({ appId, localCacheEnabled: true });\n      sdk.useAsyncStorageAsDatabase(new InternalLocalCacheStorage(chatOptions.localCacheStorage));\n    } else {\n      sdk = new Sendbird({ appId });\n    }\n\n    if (chatOptions?.onInitialized) {\n      sdk = chatOptions?.onInitialized(sdk);\n    }\n\n    if (SendbirdUIKit.VERSION) {\n      // @ts-ignore\n      sdk.addExtension('sb_uikit', SendbirdUIKit.VERSION);\n    }\n    if (SendbirdUIKit.PLATFORM) {\n      // @ts-ignore\n      sdk.addExtension('device-os-platform', SendbirdUIKit.PLATFORM);\n    }\n\n    if (NetInfo?.addEventListener) {\n      const listener = (callback: () => void, callbackType: 'online' | 'offline') => {\n        const unsubscribe = NetInfo.addEventListener((state) => {\n          const online = Boolean(state.isConnected) || Boolean(state.isInternetReachable);\n          if (online && callbackType === 'online') callback();\n          if (!online && callbackType === 'offline') callback();\n        });\n        unsubscribes.push(unsubscribe);\n        return unsubscribe;\n      };\n      sdk.setOnlineListener?.((onOnline) => listener(onOnline, 'online'));\n      sdk.setOfflineListener?.((onOffline) => listener(onOffline, 'offline'));\n    }\n    return sdk;\n  };\n\n  const [sdkInstance, setSdkInstance] = useState<SendbirdChatSDK>(getSendbirdSDK);\n\n  useEffect(() => {\n    setSdkInstance(getSendbirdSDK);\n    return () => {\n      unsubscribes.forEach((u) => {\n        try {\n          u();\n        } catch {}\n      });\n    };\n  }, [appId, chatOptions?.localCacheStorage]);\n\n  return (\n    <SafeAreaProvider>\n      <SendbirdChatProvider\n        sdkInstance={sdkInstance}\n        enableAutoPushTokenRegistration={chatOptions?.enableAutoPushTokenRegistration ?? true}\n        enableChannelListTypingIndicator={chatOptions?.enableChannelListTypingIndicator ?? false}\n        enableChannelListMessageReceiptStatus={chatOptions?.enableChannelListMessageReceiptStatus ?? false}\n      >\n        <LocalizationProvider stringSet={localization?.stringSet ?? StringSetEn}>\n          <PlatformServiceProvider\n            fileService={platformServices.file}\n            notificationService={platformServices.notification}\n            clipboardService={platformServices.clipboard}\n            mediaService={platformServices.media}\n          >\n            <UIKitThemeProvider theme={styles?.theme ?? LightUIKitTheme}>\n              <HeaderStyleProvider\n                HeaderComponent={styles?.HeaderComponent ?? Header}\n                defaultTitleAlign={styles?.defaultHeaderTitleAlign ?? 'left'}\n                statusBarTranslucent={styles?.statusBarTranslucent ?? true}\n              >\n                <LocalizedDialogProvider>\n                  <ToastProvider dismissTimeout={toast?.dismissTimeout}>\n                    <InternalErrorBoundaryContainer {...errorBoundary}>{children}</InternalErrorBoundaryContainer>\n                  </ToastProvider>\n                </LocalizedDialogProvider>\n              </HeaderStyleProvider>\n            </UIKitThemeProvider>\n          </PlatformServiceProvider>\n        </LocalizationProvider>\n      </SendbirdChatProvider>\n    </SafeAreaProvider>\n  );\n};\n\nconst LocalizedDialogProvider = ({ children }: React.PropsWithChildren) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <DialogProvider\n      defaultLabels={{\n        alert: {\n          ok: STRINGS.DIALOG.ALERT_DEFAULT_OK,\n        },\n        prompt: {\n          ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,\n          cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,\n          placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER,\n        },\n      }}\n    >\n      {children}\n    </DialogProvider>\n  );\n};\n\nexport default SendbirdUIKitContainer;\n"],"mappings":"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"}
+{"version":3,"names":["NetInfo","SBUDynamicModule","get","SendbirdUIKit","Object","freeze","VERSION","PLATFORM","Platform","OS","toLowerCase","SendbirdUIKitContainer","children","appId","chatOptions","platformServices","localization","styles","toast","errorBoundary","unsubscribes","useRef","current","getSendbirdSDK","sdk","Sendbird","init","modules","GroupChannelModule","OpenChannelModule","localCacheEnabled","Boolean","localCacheStorage","useAsyncStorageStore","InternalLocalCacheStorage","undefined","onInitialized","addExtension","addEventListener","listener","callback","callbackType","unsubscribe","state","online","isConnected","isInternetReachable","push","setOnlineListener","onOnline","setOfflineListener","onOffline","sdkInstance","setSdkInstance","useState","useEffect","forEach","u","enableAutoPushTokenRegistration","enableChannelListTypingIndicator","enableChannelListMessageReceiptStatus","stringSet","StringSetEn","file","notification","clipboard","media","theme","LightUIKitTheme","HeaderComponent","Header","defaultHeaderTitleAlign","statusBarTranslucent","dismissTimeout","LocalizedDialogProvider","STRINGS","useLocalization","alert","ok","DIALOG","ALERT_DEFAULT_OK","prompt","PROMPT_DEFAULT_OK","cancel","PROMPT_DEFAULT_CANCEL","placeholder","PROMPT_DEFAULT_PLACEHOLDER"],"sources":["SendbirdUIKitContainer.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Platform } from 'react-native';\nimport { SafeAreaProvider } from 'react-native-safe-area-context';\n\nimport Sendbird from '@sendbird/chat';\nimport { GroupChannelModule } from '@sendbird/chat/groupChannel';\nimport { OpenChannelModule } from '@sendbird/chat/openChannel';\nimport type { HeaderStyleContextType, UIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  DialogProvider,\n  Header,\n  HeaderStyleProvider,\n  LightUIKitTheme,\n  ToastProvider,\n  UIKitThemeProvider,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdChatSDK } from '@sendbird/uikit-utils';\n\nimport { LocalizationProvider } from '../contexts/Localization';\nimport { PlatformServiceProvider } from '../contexts/PlatformService';\nimport { SendbirdChatProvider } from '../contexts/SendbirdChat';\nimport { useLocalization } from '../hooks/useContext';\nimport InternalLocalCacheStorage from '../libs/InternalLocalCacheStorage';\nimport StringSetEn from '../localization/StringSet.en';\nimport type { StringSet } from '../localization/StringSet.type';\nimport SBUDynamicModule from '../platform/dynamicModule';\nimport type {\n  ClipboardServiceInterface,\n  FileServiceInterface,\n  MediaServiceInterface,\n  NotificationServiceInterface,\n} from '../platform/types';\nimport type { ErrorBoundaryProps, LocalCacheStorage } from '../types';\nimport VERSION from '../version';\nimport InternalErrorBoundaryContainer from './InternalErrorBoundaryContainer';\n\nconst NetInfo = SBUDynamicModule.get('@react-native-community/netinfo', 'warn');\n\nexport const SendbirdUIKit = Object.freeze({\n  VERSION,\n  PLATFORM: Platform.OS.toLowerCase(),\n});\n\nexport type SendbirdUIKitContainerProps = React.PropsWithChildren<{\n  appId: string;\n  platformServices: {\n    file: FileServiceInterface;\n    notification: NotificationServiceInterface;\n    clipboard: ClipboardServiceInterface;\n    media?: MediaServiceInterface;\n  };\n  chatOptions?: {\n    localCacheStorage?: LocalCacheStorage;\n    onInitialized?: (sdkInstance: SendbirdChatSDK) => SendbirdChatSDK;\n    enableAutoPushTokenRegistration?: boolean;\n    enableChannelListTypingIndicator?: boolean;\n    enableChannelListMessageReceiptStatus?: boolean;\n  };\n  localization?: {\n    stringSet?: StringSet;\n  };\n  styles?: {\n    theme?: UIKitTheme;\n    statusBarTranslucent?: boolean;\n    defaultHeaderTitleAlign?: 'left' | 'center';\n    defaultHeaderHeight?: number;\n    HeaderComponent?: HeaderStyleContextType['HeaderComponent'];\n  };\n  toast?: {\n    dismissTimeout?: number;\n  };\n  errorBoundary?: {\n    onError?: (props: ErrorBoundaryProps) => void;\n    ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;\n  };\n}>;\n\nconst SendbirdUIKitContainer = ({\n  children,\n  appId,\n  chatOptions,\n  platformServices,\n  localization,\n  styles,\n  toast,\n  errorBoundary,\n}: SendbirdUIKitContainerProps) => {\n  const unsubscribes = useRef<(() => void)[]>([]).current;\n  const getSendbirdSDK = () => {\n    let sdk: SendbirdChatSDK;\n\n    sdk = Sendbird.init({\n      appId,\n      modules: [new GroupChannelModule(), new OpenChannelModule()],\n      localCacheEnabled: Boolean(chatOptions?.localCacheStorage),\n      // @ts-ignore\n      useAsyncStorageStore: chatOptions?.localCacheStorage\n        ? new InternalLocalCacheStorage(chatOptions.localCacheStorage)\n        : undefined,\n    });\n\n    if (chatOptions?.onInitialized) {\n      sdk = chatOptions?.onInitialized(sdk);\n    }\n\n    if (SendbirdUIKit.VERSION) {\n      sdk.addExtension('sb_uikit', SendbirdUIKit.VERSION);\n    }\n\n    if (SendbirdUIKit.PLATFORM) {\n      sdk.addExtension('device-os-platform', SendbirdUIKit.PLATFORM);\n    }\n\n    if (NetInfo?.addEventListener) {\n      const listener = (callback: () => void, callbackType: 'online' | 'offline') => {\n        const unsubscribe = NetInfo.addEventListener((state) => {\n          const online = Boolean(state.isConnected) || Boolean(state.isInternetReachable);\n          if (online && callbackType === 'online') callback();\n          if (!online && callbackType === 'offline') callback();\n        });\n        unsubscribes.push(unsubscribe);\n        return unsubscribe;\n      };\n      sdk.setOnlineListener?.((onOnline) => listener(onOnline, 'online'));\n      sdk.setOfflineListener?.((onOffline) => listener(onOffline, 'offline'));\n    }\n    return sdk;\n  };\n\n  const [sdkInstance, setSdkInstance] = useState<SendbirdChatSDK>(getSendbirdSDK);\n\n  useEffect(() => {\n    setSdkInstance(getSendbirdSDK);\n    return () => {\n      unsubscribes.forEach((u) => {\n        try {\n          u();\n        } catch {}\n      });\n    };\n  }, [appId, chatOptions?.localCacheStorage]);\n\n  return (\n    <SafeAreaProvider>\n      <SendbirdChatProvider\n        sdkInstance={sdkInstance}\n        enableAutoPushTokenRegistration={chatOptions?.enableAutoPushTokenRegistration ?? true}\n        enableChannelListTypingIndicator={chatOptions?.enableChannelListTypingIndicator ?? false}\n        enableChannelListMessageReceiptStatus={chatOptions?.enableChannelListMessageReceiptStatus ?? false}\n      >\n        <LocalizationProvider stringSet={localization?.stringSet ?? StringSetEn}>\n          <PlatformServiceProvider\n            fileService={platformServices.file}\n            notificationService={platformServices.notification}\n            clipboardService={platformServices.clipboard}\n            mediaService={platformServices.media}\n          >\n            <UIKitThemeProvider theme={styles?.theme ?? LightUIKitTheme}>\n              <HeaderStyleProvider\n                HeaderComponent={styles?.HeaderComponent ?? Header}\n                defaultTitleAlign={styles?.defaultHeaderTitleAlign ?? 'left'}\n                statusBarTranslucent={styles?.statusBarTranslucent ?? true}\n              >\n                <LocalizedDialogProvider>\n                  <ToastProvider dismissTimeout={toast?.dismissTimeout}>\n                    <InternalErrorBoundaryContainer {...errorBoundary}>{children}</InternalErrorBoundaryContainer>\n                  </ToastProvider>\n                </LocalizedDialogProvider>\n              </HeaderStyleProvider>\n            </UIKitThemeProvider>\n          </PlatformServiceProvider>\n        </LocalizationProvider>\n      </SendbirdChatProvider>\n    </SafeAreaProvider>\n  );\n};\n\nconst LocalizedDialogProvider = ({ children }: React.PropsWithChildren) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <DialogProvider\n      defaultLabels={{\n        alert: {\n          ok: STRINGS.DIALOG.ALERT_DEFAULT_OK,\n        },\n        prompt: {\n          ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,\n          cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,\n          placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER,\n        },\n      }}\n    >\n      {children}\n    </DialogProvider>\n  );\n};\n\nexport default SendbirdUIKitContainer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AAUA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAQA;;AACA;;;;;;;;AAEA,MAAMA,OAAO,GAAGC,sBAAA,CAAiBC,GAAjB,CAAqB,iCAArB,EAAwD,MAAxD,CAAhB;;AAEO,MAAMC,aAAa,GAAGC,MAAM,CAACC,MAAP,CAAc;EACzCC,OAAO,EAAPA,gBADyC;EAEzCC,QAAQ,EAAEC,qBAAA,CAASC,EAAT,CAAYC,WAAZ;AAF+B,CAAd,CAAtB;;;AAuCP,MAAMC,sBAAsB,GAAG,QASI;EAAA,IATH;IAC9BC,QAD8B;IAE9BC,KAF8B;IAG9BC,WAH8B;IAI9BC,gBAJ8B;IAK9BC,YAL8B;IAM9BC,MAN8B;IAO9BC,KAP8B;IAQ9BC;EAR8B,CASG;EACjC,MAAMC,YAAY,GAAG,IAAAC,aAAA,EAAuB,EAAvB,EAA2BC,OAAhD;;EACA,MAAMC,cAAc,GAAG,MAAM;IAC3B,IAAIC,GAAJ;IAEAA,GAAG,GAAGC,aAAA,CAASC,IAAT,CAAc;MAClBb,KADkB;MAElBc,OAAO,EAAE,CAAC,IAAIC,gCAAJ,EAAD,EAA2B,IAAIC,8BAAJ,EAA3B,CAFS;MAGlBC,iBAAiB,EAAEC,OAAO,CAACjB,WAAD,aAACA,WAAD,uBAACA,WAAW,CAAEkB,iBAAd,CAHR;MAIlB;MACAC,oBAAoB,EAAEnB,WAAW,SAAX,IAAAA,WAAW,WAAX,IAAAA,WAAW,CAAEkB,iBAAb,GAClB,IAAIE,kCAAJ,CAA8BpB,WAAW,CAACkB,iBAA1C,CADkB,GAElBG;IAPc,CAAd,CAAN;;IAUA,IAAIrB,WAAJ,aAAIA,WAAJ,eAAIA,WAAW,CAAEsB,aAAjB,EAAgC;MAC9BZ,GAAG,GAAGV,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAEsB,aAAb,CAA2BZ,GAA3B,CAAN;IACD;;IAED,IAAIrB,aAAa,CAACG,OAAlB,EAA2B;MACzBkB,GAAG,CAACa,YAAJ,CAAiB,UAAjB,EAA6BlC,aAAa,CAACG,OAA3C;IACD;;IAED,IAAIH,aAAa,CAACI,QAAlB,EAA4B;MAC1BiB,GAAG,CAACa,YAAJ,CAAiB,oBAAjB,EAAuClC,aAAa,CAACI,QAArD;IACD;;IAED,IAAIP,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEsC,gBAAb,EAA+B;MAAA;;MAC7B,MAAMC,QAAQ,GAAG,CAACC,QAAD,EAAuBC,YAAvB,KAA8D;QAC7E,MAAMC,WAAW,GAAG1C,OAAO,CAACsC,gBAAR,CAA0BK,KAAD,IAAW;UACtD,MAAMC,MAAM,GAAGb,OAAO,CAACY,KAAK,CAACE,WAAP,CAAP,IAA8Bd,OAAO,CAACY,KAAK,CAACG,mBAAP,CAApD;UACA,IAAIF,MAAM,IAAIH,YAAY,KAAK,QAA/B,EAAyCD,QAAQ;UACjD,IAAI,CAACI,MAAD,IAAWH,YAAY,KAAK,SAAhC,EAA2CD,QAAQ;QACpD,CAJmB,CAApB;QAKApB,YAAY,CAAC2B,IAAb,CAAkBL,WAAlB;QACA,OAAOA,WAAP;MACD,CARD;;MASA,iCAAAlB,GAAG,EAACwB,iBAAJ,2FAAyBC,QAAD,IAAcV,QAAQ,CAACU,QAAD,EAAW,QAAX,CAA9C;MACA,kCAAAzB,GAAG,EAAC0B,kBAAJ,4FAA0BC,SAAD,IAAeZ,QAAQ,CAACY,SAAD,EAAY,SAAZ,CAAhD;IACD;;IACD,OAAO3B,GAAP;EACD,CAvCD;;EAyCA,MAAM,CAAC4B,WAAD,EAAcC,cAAd,IAAgC,IAAAC,eAAA,EAA0B/B,cAA1B,CAAtC;EAEA,IAAAgC,gBAAA,EAAU,MAAM;IACdF,cAAc,CAAC9B,cAAD,CAAd;IACA,OAAO,MAAM;MACXH,YAAY,CAACoC,OAAb,CAAsBC,CAAD,IAAO;QAC1B,IAAI;UACFA,CAAC;QACF,CAFD,CAEE,MAAM,CAAE;MACX,CAJD;IAKD,CAND;EAOD,CATD,EASG,CAAC5C,KAAD,EAAQC,WAAR,aAAQA,WAAR,uBAAQA,WAAW,CAAEkB,iBAArB,CATH;EAWA,oBACE,6BAAC,4CAAD,qBACE,6BAAC,kCAAD;IACE,WAAW,EAAEoB,WADf;IAEE,+BAA+B,EAAE,CAAAtC,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAE4C,+BAAb,KAAgD,IAFnF;IAGE,gCAAgC,EAAE,CAAA5C,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAE6C,gCAAb,KAAiD,KAHrF;IAIE,qCAAqC,EAAE,CAAA7C,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAE8C,qCAAb,KAAsD;EAJ/F,gBAME,6BAAC,kCAAD;IAAsB,SAAS,EAAE,CAAA5C,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAE6C,SAAd,KAA2BC;EAA5D,gBACE,6BAAC,wCAAD;IACE,WAAW,EAAE/C,gBAAgB,CAACgD,IADhC;IAEE,mBAAmB,EAAEhD,gBAAgB,CAACiD,YAFxC;IAGE,gBAAgB,EAAEjD,gBAAgB,CAACkD,SAHrC;IAIE,YAAY,EAAElD,gBAAgB,CAACmD;EAJjC,gBAME,6BAAC,8CAAD;IAAoB,KAAK,EAAE,CAAAjD,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEkD,KAAR,KAAiBC;EAA5C,gBACE,6BAAC,+CAAD;IACE,eAAe,EAAE,CAAAnD,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEoD,eAAR,KAA2BC,kCAD9C;IAEE,iBAAiB,EAAE,CAAArD,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEsD,uBAAR,KAAmC,MAFxD;IAGE,oBAAoB,EAAE,CAAAtD,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEuD,oBAAR,KAAgC;EAHxD,gBAKE,6BAAC,uBAAD,qBACE,6BAAC,yCAAD;IAAe,cAAc,EAAEtD,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEuD;EAAtC,gBACE,6BAAC,uCAAD,EAAoCtD,aAApC,EAAoDP,QAApD,CADF,CADF,CALF,CADF,CANF,CADF,CANF,CADF,CADF;AAiCD,CAlGD;;AAoGA,MAAM8D,uBAAuB,GAAG,SAA2C;EAAA,IAA1C;IAAE9D;EAAF,CAA0C;EACzE,MAAM;IAAE+D;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,oBACE,6BAAC,0CAAD;IACE,aAAa,EAAE;MACbC,KAAK,EAAE;QACLC,EAAE,EAAEH,OAAO,CAACI,MAAR,CAAeC;MADd,CADM;MAIbC,MAAM,EAAE;QACNH,EAAE,EAAEH,OAAO,CAACI,MAAR,CAAeG,iBADb;QAENC,MAAM,EAAER,OAAO,CAACI,MAAR,CAAeK,qBAFjB;QAGNC,WAAW,EAAEV,OAAO,CAACI,MAAR,CAAeO;MAHtB;IAJK;EADjB,GAYG1E,QAZH,CADF;AAgBD,CAlBD;;eAoBeD,sB"}

package/lib/commonjs/contexts/SendbirdChat.js

@@ -41,29 +41,29 @@ const SendbirdChatProvider = _ref => {
   const updateCurrentUserInfo = (0, _react.useCallback)(async (nickname, profile) => {
     let user = currentUser;
     if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');
+    const params = {
+      nickname
+    };
 
-    if (typeof profile === 'undefined') {
-      user = await sdkInstance.updateCurrentUserInfo(nickname, sdkInstance.currentUser.profileUrl);
-    } else if (typeof profile === 'string') {
-      user = await sdkInstance.updateCurrentUserInfo(nickname, profile);
+    if (typeof profile === 'string') {
+      params.profileUrl = profile;
     } else if (typeof profile === 'object') {
-      user = await sdkInstance.updateCurrentUserInfoWithProfileImage(nickname, profile);
+      params.profileImage = profile;
     } else {
       throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);
     }
 
+    user = await sdkInstance.updateCurrentUserInfo(params);
     setCurrentUser(user);
     return user;
   }, [sdkInstance, currentUser, setCurrentUser]);
   const markAsDeliveredWithChannel = (0, _react.useCallback)(channel => {
-    if (appFeatures.deliveryReceiptEnabled && channel.unreadMessageCount > 0) {
-      sdkInstance.markAsDelivered(channel.url);
-    }
+    if (appFeatures.deliveryReceiptEnabled) (0, _uikitUtils.confirmAndMarkAsDelivered)(sdkInstance, channel);
   }, [sdkInstance, appFeatures.deliveryReceiptEnabled]);
   (0, _react.useEffect)(() => {
     const listener = status => {
       // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';
-      if (status === 'active') sdkInstance.getConnectionState() === 'CLOSED' && sdkInstance.setForegroundState();else sdkInstance.getConnectionState() === 'OPEN' && sdkInstance.setBackgroundState();
+      if (status === 'active') sdkInstance.connectionState === 'CLOSED' && sdkInstance.setForegroundState();else sdkInstance.connectionState === 'OPEN' && sdkInstance.setBackgroundState();
     };
 
     const subscriber = _reactNative.AppState.addEventListener('change', listener);

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

@@ -1 +1 @@
-{"version":3,"names":["SendbirdChatContext","React","createContext","SendbirdChatProvider","children","sdkInstance","enableAutoPushTokenRegistration","enableChannelListMessageReceiptStatus","enableChannelListTypingIndicator","currentUser","_setCurrentUser","useState","forceUpdate","useForceUpdate","appFeatures","useAppFeatures","setCurrentUser","useCallback","user","updateCurrentUserInfo","nickname","profile","Error","profileUrl","updateCurrentUserInfoWithProfileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","unreadMessageCount","markAsDelivered","url","useEffect","listener","status","getConnectionState","setForegroundState","setBackgroundState","subscriber","AppState","addEventListener","remove","value","sdk","features","autoPushTokenRegistrationEnabled","channelListTypingIndicatorEnabled","channelListMessageReceiptStatusEnabled"],"sources":["SendbirdChat.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nimport { useAppFeatures } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';\nimport { useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../platform/types';\n\ntype Props = React.PropsWithChildren<{\n  sdkInstance: SendbirdChatSDK;\n\n  enableAutoPushTokenRegistration: boolean;\n  enableChannelListTypingIndicator: boolean;\n  enableChannelListMessageReceiptStatus: boolean;\n}>;\n\ntype Context = {\n  sdk: SendbirdChatSDK;\n  currentUser?: SendbirdUser;\n  setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;\n\n  // helper functions\n  updateCurrentUserInfo: (nickname: string, profile?: string | FileType) => Promise<SendbirdUser>;\n  markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;\n\n  features: {\n    // UIKit features\n    autoPushTokenRegistrationEnabled: boolean;\n    channelListTypingIndicatorEnabled: boolean;\n    channelListMessageReceiptStatusEnabled: boolean;\n\n    // Sendbird application features\n    deliveryReceiptEnabled: boolean;\n    broadcastChannelEnabled: boolean;\n    superGroupChannelEnabled: boolean;\n    reactionEnabled: boolean;\n  };\n};\n\nexport const SendbirdChatContext = React.createContext<Context | null>(null);\nexport const SendbirdChatProvider = ({\n  children,\n  sdkInstance,\n  enableAutoPushTokenRegistration,\n  enableChannelListMessageReceiptStatus,\n  enableChannelListTypingIndicator,\n}: Props) => {\n  const [currentUser, _setCurrentUser] = useState<SendbirdUser>();\n  const forceUpdate = useForceUpdate();\n  const appFeatures = useAppFeatures(sdkInstance);\n\n  const setCurrentUser: Context['setCurrentUser'] = useCallback((user) => {\n    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser\n    _setCurrentUser(user);\n    forceUpdate();\n  }, []);\n\n  const updateCurrentUserInfo: Context['updateCurrentUserInfo'] = useCallback(\n    async (nickname, profile) => {\n      let user = currentUser;\n\n      if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');\n\n      if (typeof profile === 'undefined') {\n        user = await sdkInstance.updateCurrentUserInfo(nickname, sdkInstance.currentUser.profileUrl);\n      } else if (typeof profile === 'string') {\n        user = await sdkInstance.updateCurrentUserInfo(nickname, profile);\n      } else if (typeof profile === 'object') {\n        user = await sdkInstance.updateCurrentUserInfoWithProfileImage(nickname, profile);\n      } else {\n        throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);\n      }\n\n      setCurrentUser(user);\n      return user;\n    },\n    [sdkInstance, currentUser, setCurrentUser],\n  );\n\n  const markAsDeliveredWithChannel: Context['markAsDeliveredWithChannel'] = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (appFeatures.deliveryReceiptEnabled && channel.unreadMessageCount > 0) {\n        sdkInstance.markAsDelivered(channel.url);\n      }\n    },\n    [sdkInstance, appFeatures.deliveryReceiptEnabled],\n  );\n\n  useEffect(() => {\n    const listener = (status: AppStateStatus) => {\n      // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';\n      if (status === 'active') sdkInstance.getConnectionState() === 'CLOSED' && sdkInstance.setForegroundState();\n      else sdkInstance.getConnectionState() === 'OPEN' && sdkInstance.setBackgroundState();\n    };\n\n    const subscriber = AppState.addEventListener('change', listener);\n    return () => subscriber.remove();\n  }, [sdkInstance]);\n\n  const value: Context = {\n    sdk: sdkInstance,\n    currentUser,\n    setCurrentUser,\n\n    updateCurrentUserInfo,\n    markAsDeliveredWithChannel,\n\n    features: {\n      ...appFeatures,\n      autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,\n      channelListTypingIndicatorEnabled: enableChannelListTypingIndicator,\n      channelListMessageReceiptStatusEnabled: enableChannelListMessageReceiptStatus,\n    },\n  };\n\n  return <SendbirdChatContext.Provider value={value}>{children}</SendbirdChatContext.Provider>;\n};\n"],"mappings":"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"}
+{"version":3,"names":["SendbirdChatContext","React","createContext","SendbirdChatProvider","children","sdkInstance","enableAutoPushTokenRegistration","enableChannelListMessageReceiptStatus","enableChannelListTypingIndicator","currentUser","_setCurrentUser","useState","forceUpdate","useForceUpdate","appFeatures","useAppFeatures","setCurrentUser","useCallback","user","updateCurrentUserInfo","nickname","profile","Error","params","profileUrl","profileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","confirmAndMarkAsDelivered","useEffect","listener","status","connectionState","setForegroundState","setBackgroundState","subscriber","AppState","addEventListener","remove","value","sdk","features","autoPushTokenRegistrationEnabled","channelListTypingIndicatorEnabled","channelListMessageReceiptStatusEnabled"],"sources":["SendbirdChat.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nimport { useAppFeatures } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserUpdateParams,\n} from '@sendbird/uikit-utils';\nimport { confirmAndMarkAsDelivered, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../platform/types';\n\ntype Props = React.PropsWithChildren<{\n  sdkInstance: SendbirdChatSDK;\n\n  enableAutoPushTokenRegistration: boolean;\n  enableChannelListTypingIndicator: boolean;\n  enableChannelListMessageReceiptStatus: boolean;\n}>;\n\ntype Context = {\n  sdk: SendbirdChatSDK;\n  currentUser?: SendbirdUser;\n  setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;\n\n  // helper functions\n  updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;\n  markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;\n\n  features: {\n    // UIKit features\n    autoPushTokenRegistrationEnabled: boolean;\n    channelListTypingIndicatorEnabled: boolean;\n    channelListMessageReceiptStatusEnabled: boolean;\n\n    // Sendbird application features\n    deliveryReceiptEnabled: boolean;\n    broadcastChannelEnabled: boolean;\n    superGroupChannelEnabled: boolean;\n    reactionEnabled: boolean;\n  };\n};\n\nexport const SendbirdChatContext = React.createContext<Context | null>(null);\nexport const SendbirdChatProvider = ({\n  children,\n  sdkInstance,\n  enableAutoPushTokenRegistration,\n  enableChannelListMessageReceiptStatus,\n  enableChannelListTypingIndicator,\n}: Props) => {\n  const [currentUser, _setCurrentUser] = useState<SendbirdUser>();\n  const forceUpdate = useForceUpdate();\n  const appFeatures = useAppFeatures(sdkInstance);\n\n  const setCurrentUser: Context['setCurrentUser'] = useCallback((user) => {\n    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser\n    _setCurrentUser(user);\n    forceUpdate();\n  }, []);\n\n  const updateCurrentUserInfo: Context['updateCurrentUserInfo'] = useCallback(\n    async (nickname, profile) => {\n      let user = currentUser;\n\n      if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');\n\n      const params: SendbirdUserUpdateParams = { nickname };\n\n      if (typeof profile === 'string') {\n        params.profileUrl = profile;\n      } else if (typeof profile === 'object') {\n        params.profileImage = profile;\n      } else {\n        throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);\n      }\n\n      user = await sdkInstance.updateCurrentUserInfo(params);\n\n      setCurrentUser(user);\n      return user;\n    },\n    [sdkInstance, currentUser, setCurrentUser],\n  );\n\n  const markAsDeliveredWithChannel: Context['markAsDeliveredWithChannel'] = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (appFeatures.deliveryReceiptEnabled) confirmAndMarkAsDelivered(sdkInstance, channel);\n    },\n    [sdkInstance, appFeatures.deliveryReceiptEnabled],\n  );\n\n  useEffect(() => {\n    const listener = (status: AppStateStatus) => {\n      // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';\n      if (status === 'active') sdkInstance.connectionState === 'CLOSED' && sdkInstance.setForegroundState();\n      else sdkInstance.connectionState === 'OPEN' && sdkInstance.setBackgroundState();\n    };\n\n    const subscriber = AppState.addEventListener('change', listener);\n    return () => subscriber.remove();\n  }, [sdkInstance]);\n\n  const value: Context = {\n    sdk: sdkInstance,\n    currentUser,\n    setCurrentUser,\n\n    updateCurrentUserInfo,\n    markAsDeliveredWithChannel,\n\n    features: {\n      ...appFeatures,\n      autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,\n      channelListTypingIndicatorEnabled: enableChannelListTypingIndicator,\n      channelListMessageReceiptStatusEnabled: enableChannelListMessageReceiptStatus,\n    },\n  };\n\n  return <SendbirdChatContext.Provider value={value}>{children}</SendbirdChatContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAOA;;;;;;AAmCO,MAAMA,mBAAmB,gBAAGC,cAAA,CAAMC,aAAN,CAAoC,IAApC,CAA5B;;;;AACA,MAAMC,oBAAoB,GAAG,QAMvB;EAAA,IANwB;IACnCC,QADmC;IAEnCC,WAFmC;IAGnCC,+BAHmC;IAInCC,qCAJmC;IAKnCC;EALmC,CAMxB;EACX,MAAM,CAACC,WAAD,EAAcC,eAAd,IAAiC,IAAAC,eAAA,GAAvC;EACA,MAAMC,WAAW,GAAG,IAAAC,0BAAA,GAApB;EACA,MAAMC,WAAW,GAAG,IAAAC,8BAAA,EAAeV,WAAf,CAApB;EAEA,MAAMW,cAAyC,GAAG,IAAAC,kBAAA,EAAaC,IAAD,IAAU;IACtE;IACAR,eAAe,CAACQ,IAAD,CAAf;;IACAN,WAAW;EACZ,CAJiD,EAI/C,EAJ+C,CAAlD;EAMA,MAAMO,qBAAuD,GAAG,IAAAF,kBAAA,EAC9D,OAAOG,QAAP,EAAiBC,OAAjB,KAA6B;IAC3B,IAAIH,IAAI,GAAGT,WAAX;IAEA,IAAI,CAACS,IAAL,EAAW,MAAM,IAAII,KAAJ,CAAU,gFAAV,CAAN;IAEX,MAAMC,MAAgC,GAAG;MAAEH;IAAF,CAAzC;;IAEA,IAAI,OAAOC,OAAP,KAAmB,QAAvB,EAAiC;MAC/BE,MAAM,CAACC,UAAP,GAAoBH,OAApB;IACD,CAFD,MAEO,IAAI,OAAOA,OAAP,KAAmB,QAAvB,EAAiC;MACtCE,MAAM,CAACE,YAAP,GAAsBJ,OAAtB;IACD,CAFM,MAEA;MACL,MAAM,IAAIC,KAAJ,CAAW,qDAAoD,OAAOD,OAAQ,GAA9E,CAAN;IACD;;IAEDH,IAAI,GAAG,MAAMb,WAAW,CAACc,qBAAZ,CAAkCI,MAAlC,CAAb;IAEAP,cAAc,CAACE,IAAD,CAAd;IACA,OAAOA,IAAP;EACD,CApB6D,EAqB9D,CAACb,WAAD,EAAcI,WAAd,EAA2BO,cAA3B,CArB8D,CAAhE;EAwBA,MAAMU,0BAAiE,GAAG,IAAAT,kBAAA,EACvEU,OAAD,IAAmC;IACjC,IAAIb,WAAW,CAACc,sBAAhB,EAAwC,IAAAC,qCAAA,EAA0BxB,WAA1B,EAAuCsB,OAAvC;EACzC,CAHuE,EAIxE,CAACtB,WAAD,EAAcS,WAAW,CAACc,sBAA1B,CAJwE,CAA1E;EAOA,IAAAE,gBAAA,EAAU,MAAM;IACd,MAAMC,QAAQ,GAAIC,MAAD,IAA4B;MAC3C;MACA,IAAIA,MAAM,KAAK,QAAf,EAAyB3B,WAAW,CAAC4B,eAAZ,KAAgC,QAAhC,IAA4C5B,WAAW,CAAC6B,kBAAZ,EAA5C,CAAzB,KACK7B,WAAW,CAAC4B,eAAZ,KAAgC,MAAhC,IAA0C5B,WAAW,CAAC8B,kBAAZ,EAA1C;IACN,CAJD;;IAMA,MAAMC,UAAU,GAAGC,qBAAA,CAASC,gBAAT,CAA0B,QAA1B,EAAoCP,QAApC,CAAnB;;IACA,OAAO,MAAMK,UAAU,CAACG,MAAX,EAAb;EACD,CATD,EASG,CAAClC,WAAD,CATH;EAWA,MAAMmC,KAAc,GAAG;IACrBC,GAAG,EAAEpC,WADgB;IAErBI,WAFqB;IAGrBO,cAHqB;IAKrBG,qBALqB;IAMrBO,0BANqB;IAQrBgB,QAAQ,EAAE,EACR,GAAG5B,WADK;MAER6B,gCAAgC,EAAErC,+BAF1B;MAGRsC,iCAAiC,EAAEpC,gCAH3B;MAIRqC,sCAAsC,EAAEtC;IAJhC;EARW,CAAvB;EAgBA,oBAAO,6BAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEiC;EAArC,GAA6CpC,QAA7C,CAAP;AACD,CA5EM"}

package/lib/commonjs/domain/groupChannel/component/GroupChannelInput/index.js

@@ -53,18 +53,18 @@ const GroupChannelInput = props => {
   } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.Fragment);
   const [text, setText] = (0, _react.useState)('');
   const textTmpRef = (0, _react.useRef)('');
-  const disabled = (0, _uikitUtils.groupChannelChatUnavailable)(channel);
+  const isChatUnavailable = (0, _uikitUtils.isGroupChannelChatUnavailable)(channel);
   (0, _react.useEffect)(() => {
     if (text.length === 0) channel.endTyping();else channel.startTyping();
   }, [text]);
   (0, _react.useEffect)(() => {
-    if (disabled) {
+    if (isChatUnavailable) {
       textTmpRef.current = text;
       setText('');
     } else {
       setText(textTmpRef.current);
     }
-  }, [disabled]);
+  }, [isChatUnavailable]);
   const inputMode = (0, _uikitUtils.useIIFE)(() => {
     if (!editMessage) return 'send';
     if (editMessage.isFileMessage()) return 'send';
@@ -87,7 +87,7 @@ const GroupChannelInput = props => {
   }, inputMode === 'send' && /*#__PURE__*/_react.default.createElement(_SendInput.default, _extends({}, props, {
     text: text,
     setText: setText,
-    disabled: disabled
+    disabled: isChatUnavailable
   })), inputMode === 'edit' && editMessage && /*#__PURE__*/_react.default.createElement(_EditInput.default, _extends({}, props, {
     text: text,
     setText: setText,

package/lib/commonjs/domain/groupChannel/component/GroupChannelInput/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["KEYBOARD_AVOID_VIEW_BEHAVIOR","Platform","select","ios","default","undefined","GroupChannelInput","props","channel","left","right","bottom","useSafeAreaInsets","colors","useUIKitTheme","editMessage","setEditMessage","keyboardAvoidOffset","useContext","GroupChannelContexts","Fragment","text","setText","useState","textTmpRef","useRef","disabled","groupChannelChatUnavailable","useEffect","length","endTyping","startTyping","current","inputMode","useIIFE","isFileMessage","paddingLeft","paddingRight","backgroundColor","background","justifyContent","width","SafeAreaBottom","height","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { groupChannelChatUnavailable, useIIFE } from '@sendbird/uikit-utils';\n\nimport { GroupChannelContexts } from '../../module/moduleContext';\nimport type { GroupChannelProps } from '../../types';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({ ios: 'padding' as const, default: undefined });\nconst GroupChannelInput = (props: GroupChannelProps['Input']) => {\n  const { channel } = props;\n\n  const { left, right, bottom } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n  const { editMessage, setEditMessage, keyboardAvoidOffset = 0 } = useContext(GroupChannelContexts.Fragment);\n\n  const [text, setText] = useState('');\n  const textTmpRef = useRef('');\n  const disabled = groupChannelChatUnavailable(channel);\n\n  useEffect(() => {\n    if (text.length === 0) channel.endTyping();\n    else channel.startTyping();\n  }, [text]);\n\n  useEffect(() => {\n    if (disabled) {\n      textTmpRef.current = text;\n      setText('');\n    } else {\n      setText(textTmpRef.current);\n    }\n  }, [disabled]);\n\n  const inputMode = useIIFE(() => {\n    if (!editMessage) return 'send';\n    if (editMessage.isFileMessage()) return 'send';\n    return 'edit';\n  });\n\n  return (\n    <KeyboardAvoidingView\n      keyboardVerticalOffset={-bottom + keyboardAvoidOffset}\n      behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n    >\n      <View style={{ paddingLeft: left, paddingRight: right, backgroundColor: colors.background }}>\n        <View style={{ justifyContent: 'center', width: '100%' }}>\n          {inputMode === 'send' && <SendInput {...props} text={text} setText={setText} disabled={disabled} />}\n          {inputMode === 'edit' && editMessage && (\n            <EditInput\n              {...props}\n              text={text}\n              setText={setText}\n              editMessage={editMessage}\n              setEditMessage={setEditMessage}\n            />\n          )}\n        </View>\n        <SafeAreaBottom height={bottom} />\n      </View>\n    </KeyboardAvoidingView>\n  );\n};\nconst SafeAreaBottom = ({ height }: { height: number }) => {\n  return <View style={{ height }} />;\n};\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,4BAA4B,GAAGC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,SAAP;EAA2BC,OAAO,EAAEC;AAApC,CAAhB,CAArC;;AACA,MAAMC,iBAAiB,GAAIC,KAAD,IAAuC;EAC/D,MAAM;IAAEC;EAAF,IAAcD,KAApB;EAEA,MAAM;IAAEE,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA0B,IAAAC,6CAAA,GAAhC;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAM;IAAEC,WAAF;IAAeC,cAAf;IAA+BC,mBAAmB,GAAG;EAArD,IAA2D,IAAAC,iBAAA,EAAWC,mCAAA,CAAqBC,QAAhC,CAAjE;EAEA,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB,IAAAC,eAAA,EAAS,EAAT,CAAxB;EACA,MAAMC,UAAU,GAAG,IAAAC,aAAA,EAAO,EAAP,CAAnB;EACA,MAAMC,QAAQ,GAAG,IAAAC,uCAAA,EAA4BnB,OAA5B,CAAjB;EAEA,IAAAoB,gBAAA,EAAU,MAAM;IACd,IAAIP,IAAI,CAACQ,MAAL,KAAgB,CAApB,EAAuBrB,OAAO,CAACsB,SAAR,GAAvB,KACKtB,OAAO,CAACuB,WAAR;EACN,CAHD,EAGG,CAACV,IAAD,CAHH;EAKA,IAAAO,gBAAA,EAAU,MAAM;IACd,IAAIF,QAAJ,EAAc;MACZF,UAAU,CAACQ,OAAX,GAAqBX,IAArB;MACAC,OAAO,CAAC,EAAD,CAAP;IACD,CAHD,MAGO;MACLA,OAAO,CAACE,UAAU,CAACQ,OAAZ,CAAP;IACD;EACF,CAPD,EAOG,CAACN,QAAD,CAPH;EASA,MAAMO,SAAS,GAAG,IAAAC,mBAAA,EAAQ,MAAM;IAC9B,IAAI,CAACnB,WAAL,EAAkB,OAAO,MAAP;IAClB,IAAIA,WAAW,CAACoB,aAAZ,EAAJ,EAAiC,OAAO,MAAP;IACjC,OAAO,MAAP;EACD,CAJiB,CAAlB;EAMA,oBACE,6BAAC,iCAAD;IACE,sBAAsB,EAAE,CAACxB,MAAD,GAAUM,mBADpC;IAEE,QAAQ,EAAEjB;EAFZ,gBAIE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEoC,WAAW,EAAE3B,IAAf;MAAqB4B,YAAY,EAAE3B,KAAnC;MAA0C4B,eAAe,EAAEzB,MAAM,CAAC0B;IAAlE;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEC,cAAc,EAAE,QAAlB;MAA4BC,KAAK,EAAE;IAAnC;EAAb,GACGR,SAAS,KAAK,MAAd,iBAAwB,6BAAC,kBAAD,eAAe1B,KAAf;IAAsB,IAAI,EAAEc,IAA5B;IAAkC,OAAO,EAAEC,OAA3C;IAAoD,QAAQ,EAAEI;EAA9D,GAD3B,EAEGO,SAAS,KAAK,MAAd,IAAwBlB,WAAxB,iBACC,6BAAC,kBAAD,eACMR,KADN;IAEE,IAAI,EAAEc,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,WAAW,EAAEP,WAJf;IAKE,cAAc,EAAEC;EALlB,GAHJ,CADF,eAaE,6BAAC,cAAD;IAAgB,MAAM,EAAEL;EAAxB,EAbF,CAJF,CADF;AAsBD,CArDD;;AAsDA,MAAM+B,cAAc,GAAG,QAAoC;EAAA,IAAnC;IAAEC;EAAF,CAAmC;EACzD,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,EAAP;AACD,CAFD;;4BAIeC,cAAA,CAAMC,IAAN,CAAWvC,iBAAX,C"}
+{"version":3,"names":["KEYBOARD_AVOID_VIEW_BEHAVIOR","Platform","select","ios","default","undefined","GroupChannelInput","props","channel","left","right","bottom","useSafeAreaInsets","colors","useUIKitTheme","editMessage","setEditMessage","keyboardAvoidOffset","useContext","GroupChannelContexts","Fragment","text","setText","useState","textTmpRef","useRef","isChatUnavailable","isGroupChannelChatUnavailable","useEffect","length","endTyping","startTyping","current","inputMode","useIIFE","isFileMessage","paddingLeft","paddingRight","backgroundColor","background","justifyContent","width","SafeAreaBottom","height","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { isGroupChannelChatUnavailable, useIIFE } from '@sendbird/uikit-utils';\n\nimport { GroupChannelContexts } from '../../module/moduleContext';\nimport type { GroupChannelProps } from '../../types';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({ ios: 'padding' as const, default: undefined });\nconst GroupChannelInput = (props: GroupChannelProps['Input']) => {\n  const { channel } = props;\n\n  const { left, right, bottom } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n  const { editMessage, setEditMessage, keyboardAvoidOffset = 0 } = useContext(GroupChannelContexts.Fragment);\n\n  const [text, setText] = useState('');\n  const textTmpRef = useRef('');\n  const isChatUnavailable = isGroupChannelChatUnavailable(channel);\n\n  useEffect(() => {\n    if (text.length === 0) channel.endTyping();\n    else channel.startTyping();\n  }, [text]);\n\n  useEffect(() => {\n    if (isChatUnavailable) {\n      textTmpRef.current = text;\n      setText('');\n    } else {\n      setText(textTmpRef.current);\n    }\n  }, [isChatUnavailable]);\n\n  const inputMode = useIIFE(() => {\n    if (!editMessage) return 'send';\n    if (editMessage.isFileMessage()) return 'send';\n    return 'edit';\n  });\n\n  return (\n    <KeyboardAvoidingView\n      keyboardVerticalOffset={-bottom + keyboardAvoidOffset}\n      behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n    >\n      <View style={{ paddingLeft: left, paddingRight: right, backgroundColor: colors.background }}>\n        <View style={{ justifyContent: 'center', width: '100%' }}>\n          {inputMode === 'send' && <SendInput {...props} text={text} setText={setText} disabled={isChatUnavailable} />}\n          {inputMode === 'edit' && editMessage && (\n            <EditInput\n              {...props}\n              text={text}\n              setText={setText}\n              editMessage={editMessage}\n              setEditMessage={setEditMessage}\n            />\n          )}\n        </View>\n        <SafeAreaBottom height={bottom} />\n      </View>\n    </KeyboardAvoidingView>\n  );\n};\nconst SafeAreaBottom = ({ height }: { height: number }) => {\n  return <View style={{ height }} />;\n};\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,4BAA4B,GAAGC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,SAAP;EAA2BC,OAAO,EAAEC;AAApC,CAAhB,CAArC;;AACA,MAAMC,iBAAiB,GAAIC,KAAD,IAAuC;EAC/D,MAAM;IAAEC;EAAF,IAAcD,KAApB;EAEA,MAAM;IAAEE,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA0B,IAAAC,6CAAA,GAAhC;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAM;IAAEC,WAAF;IAAeC,cAAf;IAA+BC,mBAAmB,GAAG;EAArD,IAA2D,IAAAC,iBAAA,EAAWC,mCAAA,CAAqBC,QAAhC,CAAjE;EAEA,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB,IAAAC,eAAA,EAAS,EAAT,CAAxB;EACA,MAAMC,UAAU,GAAG,IAAAC,aAAA,EAAO,EAAP,CAAnB;EACA,MAAMC,iBAAiB,GAAG,IAAAC,yCAAA,EAA8BnB,OAA9B,CAA1B;EAEA,IAAAoB,gBAAA,EAAU,MAAM;IACd,IAAIP,IAAI,CAACQ,MAAL,KAAgB,CAApB,EAAuBrB,OAAO,CAACsB,SAAR,GAAvB,KACKtB,OAAO,CAACuB,WAAR;EACN,CAHD,EAGG,CAACV,IAAD,CAHH;EAKA,IAAAO,gBAAA,EAAU,MAAM;IACd,IAAIF,iBAAJ,EAAuB;MACrBF,UAAU,CAACQ,OAAX,GAAqBX,IAArB;MACAC,OAAO,CAAC,EAAD,CAAP;IACD,CAHD,MAGO;MACLA,OAAO,CAACE,UAAU,CAACQ,OAAZ,CAAP;IACD;EACF,CAPD,EAOG,CAACN,iBAAD,CAPH;EASA,MAAMO,SAAS,GAAG,IAAAC,mBAAA,EAAQ,MAAM;IAC9B,IAAI,CAACnB,WAAL,EAAkB,OAAO,MAAP;IAClB,IAAIA,WAAW,CAACoB,aAAZ,EAAJ,EAAiC,OAAO,MAAP;IACjC,OAAO,MAAP;EACD,CAJiB,CAAlB;EAMA,oBACE,6BAAC,iCAAD;IACE,sBAAsB,EAAE,CAACxB,MAAD,GAAUM,mBADpC;IAEE,QAAQ,EAAEjB;EAFZ,gBAIE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEoC,WAAW,EAAE3B,IAAf;MAAqB4B,YAAY,EAAE3B,KAAnC;MAA0C4B,eAAe,EAAEzB,MAAM,CAAC0B;IAAlE;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEC,cAAc,EAAE,QAAlB;MAA4BC,KAAK,EAAE;IAAnC;EAAb,GACGR,SAAS,KAAK,MAAd,iBAAwB,6BAAC,kBAAD,eAAe1B,KAAf;IAAsB,IAAI,EAAEc,IAA5B;IAAkC,OAAO,EAAEC,OAA3C;IAAoD,QAAQ,EAAEI;EAA9D,GAD3B,EAEGO,SAAS,KAAK,MAAd,IAAwBlB,WAAxB,iBACC,6BAAC,kBAAD,eACMR,KADN;IAEE,IAAI,EAAEc,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,WAAW,EAAEP,WAJf;IAKE,cAAc,EAAEC;EALlB,GAHJ,CADF,eAaE,6BAAC,cAAD;IAAgB,MAAM,EAAEL;EAAxB,EAbF,CAJF,CADF;AAsBD,CArDD;;AAsDA,MAAM+B,cAAc,GAAG,QAAoC;EAAA,IAAnC;IAAEC;EAAF,CAAmC;EACzD,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,EAAP;AACD,CAFD;;4BAIeC,cAAA,CAAMC,IAAN,CAAWvC,iBAAX,C"}

package/lib/commonjs/domain/groupChannel/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageParams,\n    ) => SendbirdFileMessageParams | Promise<SendbirdFileMessageParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageParams,\n    ) => SendbirdUserMessageParams | Promise<SendbirdUserMessageParams>;\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: {\n    channel: SendbirdGroupChannel;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage) => Promise<void>;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    editMessage?: SendbirdUserMessage | SendbirdFileMessage;\n    setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageCreateParams,\n    ) => SendbirdFileMessageCreateParams | Promise<SendbirdFileMessageCreateParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageCreateParams,\n    ) => SendbirdUserMessageCreateParams | Promise<SendbirdUserMessageCreateParams>;\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: {\n    channel: SendbirdGroupChannel;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage) => Promise<void>;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    editMessage?: SendbirdUserMessage | SendbirdFileMessage;\n    setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js

@@ -11,6 +11,8 @@ var _reactNative = require("react-native");
 
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 
+var _chat = require("@sendbird/chat");
+
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 
 var _uikitUtils = require("@sendbird/uikit-utils");
@@ -50,9 +52,9 @@ const GroupChannelListList = _ref => {
         title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),
         onPress: async () => {
           if (action === 'on') {
-            await channel.setMyPushTriggerOption('default');
+            await channel.setMyPushTriggerOption(_chat.PushTriggerOption.DEFAULT);
           } else {
-            await channel.setMyPushTriggerOption('off');
+            await channel.setMyPushTriggerOption(_chat.PushTriggerOption.OFF);
           }
         },
         onError: () => {

package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","PASS","toast","useToast","openMenu","useActionMenu","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","onLongPress","useFreshCallback","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","useCallback","item","left","right","useSafeAreaInsets","contentContainerStyle","paddingLeft","paddingRight"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { PASS, SendbirdGroupChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption('default');\n            } else {\n              await channel.setMyPushTriggerOption('off');\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":"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"}
+{"version":3,"names":["GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","PASS","toast","useToast","openMenu","useActionMenu","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","onLongPress","useFreshCallback","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","PushTriggerOption","DEFAULT","OFF","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","useCallback","item","left","right","useSafeAreaInsets","contentContainerStyle","paddingLeft","paddingRight"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { PASS, SendbirdGroupChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n            } else {\n              await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":"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"}

package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _chat = require("@sendbird/chat");
+
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 
 var _useContext = require("../../../hooks/useContext");
@@ -40,9 +42,9 @@ const GroupChannelSettingsMenu = _ref => {
 
   const toggleNotification = async () => {
     if (channel.myPushTriggerOption === 'off') {
-      await channel.setMyPushTriggerOption('default');
+      await channel.setMyPushTriggerOption(_chat.PushTriggerOption.DEFAULT);
     } else {
-      await channel.setMyPushTriggerOption('off');
+      await channel.setMyPushTriggerOption(_chat.PushTriggerOption.OFF);
     }
   };
 

package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelSettingsMenu","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","menu","sdk","useSendbirdChat","channel","useContext","GroupChannelSettingsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","menuItems","icon","name","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION","onPress","actionItem","MENU_MEMBERS","actionLabel","String","memberCount","onBackground01","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","map","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuMembers,\n  onPressMenuLeaveChannel,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const toggleNotification = async () => {\n    if (channel.myPushTriggerOption === 'off') {\n      await channel.setMyPushTriggerOption('default');\n    } else {\n      await channel.setMyPushTriggerOption('off');\n    }\n  };\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: toggleNotification,\n      actionItem: <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n      onPress: () => onPressMenuMembers(),\n      actionLabel: String(channel.memberCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n      onPress: () => {\n        channel.leave().then(() => {\n          onPressMenuLeaveChannel();\n          sdk.clearCachedMessages([channel.url]).catch();\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AAEA;;AACA;;;;;;AAGA,MAAMA,wBAAwB,GAAG,QAIQ;EAAA,IAJP;IAChCC,kBADgC;IAEhCC,uBAFgC;IAGhCC,gBAAgB,GAAIC,IAAD,IAAUA;EAHG,CAIO;EACvC,MAAM;IAAEC;EAAF,IAAU,IAAAC,2BAAA,GAAhB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,iBAAA,EAAWC,2CAAA,CAA6BC,QAAxC,CAApB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;;EAEA,MAAMC,kBAAkB,GAAG,YAAY;IACrC,IAAIR,OAAO,CAACS,mBAAR,KAAgC,KAApC,EAA2C;MACzC,MAAMT,OAAO,CAACU,sBAAR,CAA+B,SAA/B,CAAN;IACD,CAFD,MAEO;MACL,MAAMV,OAAO,CAACU,sBAAR,CAA+B,KAA/B,CAAN;IACD;EACF,CAND;;EAQA,MAAMC,SAAyB,GAAGf,gBAAgB,CAAC,CACjD;IACEgB,IAAI,EAAE,eADR;IAEEC,IAAI,EAAET,OAAO,CAACU,sBAAR,CAA+BC,iBAFvC;IAGEC,OAAO,EAAER,kBAHX;IAIES,UAAU,eAAE,6BAAC,kCAAD;MAAQ,KAAK,EAAEjB,OAAO,CAACS,mBAAR,KAAgC,KAA/C;MAAsD,aAAa,EAAED;IAArE;EAJd,CADiD,EAOjD;IACEI,IAAI,EAAE,SADR;IAEEC,IAAI,EAAET,OAAO,CAACU,sBAAR,CAA+BI,YAFvC;IAGEF,OAAO,EAAE,MAAMtB,kBAAkB,EAHnC;IAIEyB,WAAW,EAAEC,MAAM,CAACpB,OAAO,CAACqB,WAAT,CAJrB;IAKEJ,UAAU,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAEX,MAAM,CAACgB;IAA3C;EALd,CAPiD,EAcjD;IACEV,IAAI,EAAE,OADR;IAEEW,SAAS,EAAEjB,MAAM,CAACkB,KAFpB;IAGEX,IAAI,EAAET,OAAO,CAACU,sBAAR,CAA+BW,kBAHvC;IAIET,OAAO,EAAE,MAAM;MACbhB,OAAO,CAAC0B,KAAR,GAAgBC,IAAhB,CAAqB,MAAM;QACzBhC,uBAAuB;QACvBG,GAAG,CAAC8B,mBAAJ,CAAwB,CAAC5B,OAAO,CAAC6B,GAAT,CAAxB,EAAuCC,KAAvC;MACD,CAHD;IAID;EATH,CAdiD,CAAD,CAAlD;EA2BA,oBACE,6BAAC,iBAAD,QACGnB,SAAS,CAACoB,GAAV,CAAelC,IAAD,IAAU;IACvB,oBACE,6BAAC,mCAAD;MACE,GAAG,EAAEA,IAAI,CAACgB,IADZ;MAEE,OAAO,EAAEhB,IAAI,CAACmB,OAFhB;MAGE,IAAI,EAAEnB,IAAI,CAACgB,IAHb;MAIE,QAAQ,EAAEhB,IAAI,CAACmC,QAJjB;MAKE,IAAI,EAAEnC,IAAI,CAACe,IALb;MAME,SAAS,EAAEf,IAAI,CAAC0B,SANlB;MAOE,mBAAmB,EAAE1B,IAAI,CAACoC,mBAP5B;MAQE,WAAW,EAAEpC,IAAI,CAACsB,WARpB;MASE,UAAU,EAAEtB,IAAI,CAACoB;IATnB,EADF;EAaD,CAdA,CADH,CADF;AAmBD,CAhED;;eAkEexB,wB"}
+{"version":3,"names":["GroupChannelSettingsMenu","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","menu","sdk","useSendbirdChat","channel","useContext","GroupChannelSettingsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","PushTriggerOption","DEFAULT","OFF","menuItems","icon","name","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION","onPress","actionItem","MENU_MEMBERS","actionLabel","String","memberCount","onBackground01","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","map","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuMembers,\n  onPressMenuLeaveChannel,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const toggleNotification = async () => {\n    if (channel.myPushTriggerOption === 'off') {\n      await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n    } else {\n      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n    }\n  };\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: toggleNotification,\n      actionItem: <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n      onPress: () => onPressMenuMembers(),\n      actionLabel: String(channel.memberCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n      onPress: () => {\n        channel.leave().then(() => {\n          onPressMenuLeaveChannel();\n          sdk.clearCachedMessages([channel.url]).catch();\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;;;;;AAGA,MAAMA,wBAAwB,GAAG,QAIQ;EAAA,IAJP;IAChCC,kBADgC;IAEhCC,uBAFgC;IAGhCC,gBAAgB,GAAIC,IAAD,IAAUA;EAHG,CAIO;EACvC,MAAM;IAAEC;EAAF,IAAU,IAAAC,2BAAA,GAAhB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,iBAAA,EAAWC,2CAAA,CAA6BC,QAAxC,CAApB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;;EAEA,MAAMC,kBAAkB,GAAG,YAAY;IACrC,IAAIR,OAAO,CAACS,mBAAR,KAAgC,KAApC,EAA2C;MACzC,MAAMT,OAAO,CAACU,sBAAR,CAA+BC,uBAAA,CAAkBC,OAAjD,CAAN;IACD,CAFD,MAEO;MACL,MAAMZ,OAAO,CAACU,sBAAR,CAA+BC,uBAAA,CAAkBE,GAAjD,CAAN;IACD;EACF,CAND;;EAQA,MAAMC,SAAyB,GAAGlB,gBAAgB,CAAC,CACjD;IACEmB,IAAI,EAAE,eADR;IAEEC,IAAI,EAAEZ,OAAO,CAACa,sBAAR,CAA+BC,iBAFvC;IAGEC,OAAO,EAAEX,kBAHX;IAIEY,UAAU,eAAE,6BAAC,kCAAD;MAAQ,KAAK,EAAEpB,OAAO,CAACS,mBAAR,KAAgC,KAA/C;MAAsD,aAAa,EAAED;IAArE;EAJd,CADiD,EAOjD;IACEO,IAAI,EAAE,SADR;IAEEC,IAAI,EAAEZ,OAAO,CAACa,sBAAR,CAA+BI,YAFvC;IAGEF,OAAO,EAAE,MAAMzB,kBAAkB,EAHnC;IAIE4B,WAAW,EAAEC,MAAM,CAACvB,OAAO,CAACwB,WAAT,CAJrB;IAKEJ,UAAU,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAEd,MAAM,CAACmB;IAA3C;EALd,CAPiD,EAcjD;IACEV,IAAI,EAAE,OADR;IAEEW,SAAS,EAAEpB,MAAM,CAACqB,KAFpB;IAGEX,IAAI,EAAEZ,OAAO,CAACa,sBAAR,CAA+BW,kBAHvC;IAIET,OAAO,EAAE,MAAM;MACbnB,OAAO,CAAC6B,KAAR,GAAgBC,IAAhB,CAAqB,MAAM;QACzBnC,uBAAuB;QACvBG,GAAG,CAACiC,mBAAJ,CAAwB,CAAC/B,OAAO,CAACgC,GAAT,CAAxB,EAAuCC,KAAvC;MACD,CAHD;IAID;EATH,CAdiD,CAAD,CAAlD;EA2BA,oBACE,6BAAC,iBAAD,QACGnB,SAAS,CAACoB,GAAV,CAAerC,IAAD,IAAU;IACvB,oBACE,6BAAC,mCAAD;MACE,GAAG,EAAEA,IAAI,CAACmB,IADZ;MAEE,OAAO,EAAEnB,IAAI,CAACsB,OAFhB;MAGE,IAAI,EAAEtB,IAAI,CAACmB,IAHb;MAIE,QAAQ,EAAEnB,IAAI,CAACsC,QAJjB;MAKE,IAAI,EAAEtC,IAAI,CAACkB,IALb;MAME,SAAS,EAAElB,IAAI,CAAC6B,SANlB;MAOE,mBAAmB,EAAE7B,IAAI,CAACuC,mBAP5B;MAQE,WAAW,EAAEvC,IAAI,CAACyB,WARpB;MASE,UAAU,EAAEzB,IAAI,CAACuB;IATnB,EADF;EAaD,CAdA,CADH,CADF;AAmBD,CAhED;;eAkEe3B,wB"}

package/lib/commonjs/domain/groupChannelSettings/module/moduleContext.js

@@ -94,11 +94,9 @@ const GroupChannelSettingsContextsProvider = _ref => {
       submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,
       placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,
       defaultValue: activeChannel.name,
-      onSubmit: async channelName => {
-        const params = new sdk.GroupChannelParams();
-        params.name = channelName;
-        await updateChannel(params);
-      }
+      onSubmit: channelName => updateChannel({
+        name: channelName
+      })
     });
   }, [STRINGS, updateChannel, activeChannel.name]);
   const changeChannelImage = (0, _react.useCallback)(() => {
@@ -125,9 +123,9 @@ const GroupChannelSettingsContextsProvider = _ref => {
             }
           });
           if (!file) return;
-          const params = new sdk.GroupChannelParams();
-          params.coverImage = file;
-          await updateChannel(params);
+          await updateChannel({
+            coverImage: file
+          });
         }
       }, {
         title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,
@@ -151,9 +149,9 @@ const GroupChannelSettingsContextsProvider = _ref => {
             }
           });
           if (!files || !files[0]) return;
-          const params = new sdk.GroupChannelParams();
-          params.coverImage = files[0];
-          await updateChannel(params);
+          await updateChannel({
+            coverImage: files[0]
+          });
         }
       }]
     });