@sendbird/uikit-react-native 2.0.2 → 2.1.0

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

@@ -4,7 +4,7 @@ import React, { useContext, useEffect, useRef, useState } from 'react';
 import { KeyboardAvoidingView, Platform, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { isGroupChannelChatUnavailable, useIIFE } from '@sendbird/uikit-utils';
+import { getGroupChannelChatAvailableState, useIIFE } from '@sendbird/uikit-utils';
 import { GroupChannelContexts } from '../../module/moduleContext';
 import EditInput from './EditInput';
 import SendInput from './SendInput';
@@ -14,9 +14,6 @@ const KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({
 });
 
 const GroupChannelInput = props => {
-  const {
-    channel
-  } = props;
   const {
     left,
     right,
@@ -26,29 +23,37 @@ const GroupChannelInput = props => {
     colors
   } = useUIKitTheme();
   const {
+    channel,
     editMessage,
     setEditMessage,
     keyboardAvoidOffset = 0
   } = useContext(GroupChannelContexts.Fragment);
   const [text, setText] = useState('');
   const textTmpRef = useRef('');
-  const isChatUnavailable = isGroupChannelChatUnavailable(channel);
+  const chatAvailableState = getGroupChannelChatAvailableState(channel);
   useEffect(() => {
     if (text.length === 0) channel.endTyping();else channel.startTyping();
   }, [text]);
   useEffect(() => {
-    if (isChatUnavailable) {
+    if (chatAvailableState.disabled) {
       textTmpRef.current = text;
       setText('');
     } else {
       setText(textTmpRef.current);
     }
-  }, [isChatUnavailable]);
+  }, [chatAvailableState.disabled]);
   const inputMode = useIIFE(() => {
     if (!editMessage) return 'send';
     if (editMessage.isFileMessage()) return 'send';
     return 'edit';
   });
+
+  if (!props.shouldRenderInput) {
+    return /*#__PURE__*/React.createElement(SafeAreaBottom, {
+      height: bottom
+    });
+  }
+
   return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
     keyboardVerticalOffset: -bottom + keyboardAvoidOffset,
     behavior: KEYBOARD_AVOID_VIEW_BEHAVIOR
@@ -65,13 +70,13 @@ const GroupChannelInput = props => {
     }
   }, inputMode === 'send' && /*#__PURE__*/React.createElement(SendInput, _extends({}, props, {
     text: text,
-    setText: setText,
-    disabled: isChatUnavailable
-  })), inputMode === 'edit' && editMessage && /*#__PURE__*/React.createElement(EditInput, _extends({}, props, {
+    setText: setText
+  }, chatAvailableState)), inputMode === 'edit' && editMessage && /*#__PURE__*/React.createElement(EditInput, _extends({}, props, {
     text: text,
     setText: setText,
     editMessage: editMessage,
-    setEditMessage: setEditMessage
+    setEditMessage: setEditMessage,
+    disabled: chatAvailableState.disabled
   }))), /*#__PURE__*/React.createElement(SafeAreaBottom, {
     height: bottom
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useRef","useState","KeyboardAvoidingView","Platform","View","useSafeAreaInsets","useUIKitTheme","isGroupChannelChatUnavailable","useIIFE","GroupChannelContexts","EditInput","SendInput","KEYBOARD_AVOID_VIEW_BEHAVIOR","select","ios","default","undefined","GroupChannelInput","props","channel","left","right","bottom","colors","editMessage","setEditMessage","keyboardAvoidOffset","Fragment","text","setText","textTmpRef","isChatUnavailable","length","endTyping","startTyping","current","inputMode","isFileMessage","paddingLeft","paddingRight","backgroundColor","background","justifyContent","width","SafeAreaBottom","height","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":"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"}
+{"version":3,"names":["React","useContext","useEffect","useRef","useState","KeyboardAvoidingView","Platform","View","useSafeAreaInsets","useUIKitTheme","getGroupChannelChatAvailableState","useIIFE","GroupChannelContexts","EditInput","SendInput","KEYBOARD_AVOID_VIEW_BEHAVIOR","select","ios","default","undefined","GroupChannelInput","props","left","right","bottom","colors","channel","editMessage","setEditMessage","keyboardAvoidOffset","Fragment","text","setText","textTmpRef","chatAvailableState","length","endTyping","startTyping","disabled","current","inputMode","isFileMessage","shouldRenderInput","paddingLeft","paddingRight","backgroundColor","background","justifyContent","width","SafeAreaBottom","height","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 { getGroupChannelChatAvailableState, 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 { left, right, bottom } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n  const { channel, editMessage, setEditMessage, keyboardAvoidOffset = 0 } = useContext(GroupChannelContexts.Fragment);\n\n  const [text, setText] = useState('');\n  const textTmpRef = useRef('');\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  useEffect(() => {\n    if (text.length === 0) channel.endTyping();\n    else channel.startTyping();\n  }, [text]);\n\n  useEffect(() => {\n    if (chatAvailableState.disabled) {\n      textTmpRef.current = text;\n      setText('');\n    } else {\n      setText(textTmpRef.current);\n    }\n  }, [chatAvailableState.disabled]);\n\n  const inputMode = useIIFE(() => {\n    if (!editMessage) return 'send';\n    if (editMessage.isFileMessage()) return 'send';\n    return 'edit';\n  });\n\n  if (!props.shouldRenderInput) {\n    return <SafeAreaBottom height={bottom} />;\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} {...chatAvailableState} />}\n          {inputMode === 'edit' && editMessage && (\n            <EditInput\n              {...props}\n              text={text}\n              setText={setText}\n              editMessage={editMessage}\n              setEditMessage={setEditMessage}\n              disabled={chatAvailableState.disabled}\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,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,SAA5B,EAAuCC,MAAvC,EAA+CC,QAA/C,QAA+D,OAA/D;AACA,SAASC,oBAAT,EAA+BC,QAA/B,EAAyCC,IAAzC,QAAqD,cAArD;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,aAAT,QAA8B,yCAA9B;AACA,SAASC,iCAAT,EAA4CC,OAA5C,QAA2D,uBAA3D;AAEA,SAASC,oBAAT,QAAqC,4BAArC;AAEA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AAEA,MAAMC,4BAA4B,GAAGT,QAAQ,CAACU,MAAT,CAAgB;EAAEC,GAAG,EAAE,SAAP;EAA2BC,OAAO,EAAEC;AAApC,CAAhB,CAArC;;AACA,MAAMC,iBAAiB,GAAIC,KAAD,IAAuC;EAC/D,MAAM;IAAEC,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA0BhB,iBAAiB,EAAjD;EACA,MAAM;IAAEiB;EAAF,IAAahB,aAAa,EAAhC;EACA,MAAM;IAAEiB,OAAF;IAAWC,WAAX;IAAwBC,cAAxB;IAAwCC,mBAAmB,GAAG;EAA9D,IAAoE5B,UAAU,CAACW,oBAAoB,CAACkB,QAAtB,CAApF;EAEA,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB5B,QAAQ,CAAC,EAAD,CAAhC;EACA,MAAM6B,UAAU,GAAG9B,MAAM,CAAC,EAAD,CAAzB;EACA,MAAM+B,kBAAkB,GAAGxB,iCAAiC,CAACgB,OAAD,CAA5D;EAEAxB,SAAS,CAAC,MAAM;IACd,IAAI6B,IAAI,CAACI,MAAL,KAAgB,CAApB,EAAuBT,OAAO,CAACU,SAAR,GAAvB,KACKV,OAAO,CAACW,WAAR;EACN,CAHQ,EAGN,CAACN,IAAD,CAHM,CAAT;EAKA7B,SAAS,CAAC,MAAM;IACd,IAAIgC,kBAAkB,CAACI,QAAvB,EAAiC;MAC/BL,UAAU,CAACM,OAAX,GAAqBR,IAArB;MACAC,OAAO,CAAC,EAAD,CAAP;IACD,CAHD,MAGO;MACLA,OAAO,CAACC,UAAU,CAACM,OAAZ,CAAP;IACD;EACF,CAPQ,EAON,CAACL,kBAAkB,CAACI,QAApB,CAPM,CAAT;EASA,MAAME,SAAS,GAAG7B,OAAO,CAAC,MAAM;IAC9B,IAAI,CAACgB,WAAL,EAAkB,OAAO,MAAP;IAClB,IAAIA,WAAW,CAACc,aAAZ,EAAJ,EAAiC,OAAO,MAAP;IACjC,OAAO,MAAP;EACD,CAJwB,CAAzB;;EAMA,IAAI,CAACpB,KAAK,CAACqB,iBAAX,EAA8B;IAC5B,oBAAO,oBAAC,cAAD;MAAgB,MAAM,EAAElB;IAAxB,EAAP;EACD;;EAED,oBACE,oBAAC,oBAAD;IACE,sBAAsB,EAAE,CAACA,MAAD,GAAUK,mBADpC;IAEE,QAAQ,EAAEd;EAFZ,gBAIE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAE4B,WAAW,EAAErB,IAAf;MAAqBsB,YAAY,EAAErB,KAAnC;MAA0CsB,eAAe,EAAEpB,MAAM,CAACqB;IAAlE;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEC,cAAc,EAAE,QAAlB;MAA4BC,KAAK,EAAE;IAAnC;EAAb,GACGR,SAAS,KAAK,MAAd,iBAAwB,oBAAC,SAAD,eAAenB,KAAf;IAAsB,IAAI,EAAEU,IAA5B;IAAkC,OAAO,EAAEC;EAA3C,GAAwDE,kBAAxD,EAD3B,EAEGM,SAAS,KAAK,MAAd,IAAwBb,WAAxB,iBACC,oBAAC,SAAD,eACMN,KADN;IAEE,IAAI,EAAEU,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,WAAW,EAAEL,WAJf;IAKE,cAAc,EAAEC,cALlB;IAME,QAAQ,EAAEM,kBAAkB,CAACI;EAN/B,GAHJ,CADF,eAcE,oBAAC,cAAD;IAAgB,MAAM,EAAEd;EAAxB,EAdF,CAJF,CADF;AAuBD,CAxDD;;AAyDA,MAAMyB,cAAc,GAAG,QAAoC;EAAA,IAAnC;IAAEC;EAAF,CAAmC;EACzD,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,EAAP;AACD,CAFD;;AAIA,4BAAelD,KAAK,CAACmD,IAAN,CAAW/B,iBAAX,CAAf"}

package/lib/module/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  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":""}
+{"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    shouldRenderInput: boolean;\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/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersHeader.js

@@ -0,0 +1,25 @@
+import React, { useContext } from 'react';
+import { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
+import { GroupChannelBannedUsersContexts } from '../module/moduleContext';
+
+const GroupChannelBannedUsersHeader = _ref => {
+  let {
+    onPressHeaderLeft
+  } = _ref;
+  const {
+    headerTitle
+  } = useContext(GroupChannelBannedUsersContexts.Fragment);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft
+  });
+};
+
+export default GroupChannelBannedUsersHeader;
+//# sourceMappingURL=GroupChannelBannedUsersHeader.js.map

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Icon","useHeaderStyle","GroupChannelBannedUsersContexts","GroupChannelBannedUsersHeader","onPressHeaderLeft","headerTitle","Fragment","HeaderComponent"],"sources":["GroupChannelBannedUsersHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { GroupChannelBannedUsersContexts } from '../module/moduleContext';\nimport type { GroupChannelBannedUsersProps } from '../types';\n\nconst GroupChannelBannedUsersHeader = ({ onPressHeaderLeft }: GroupChannelBannedUsersProps['Header']) => {\n  const { headerTitle } = useContext(GroupChannelBannedUsersContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return <HeaderComponent title={headerTitle} left={<Icon icon={'arrow-left'} />} onPressLeft={onPressHeaderLeft} />;\n};\n\nexport default GroupChannelBannedUsersHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,IAAT,EAAeC,cAAf,QAAqC,yCAArC;AAEA,SAASC,+BAAT,QAAgD,yBAAhD;;AAGA,MAAMC,6BAA6B,GAAG,QAAmE;EAAA,IAAlE;IAAEC;EAAF,CAAkE;EACvG,MAAM;IAAEC;EAAF,IAAkBN,UAAU,CAACG,+BAA+B,CAACI,QAAjC,CAAlC;EACA,MAAM;IAAEC;EAAF,IAAsBN,cAAc,EAA1C;EACA,oBAAO,oBAAC,eAAD;IAAiB,KAAK,EAAEI,WAAxB;IAAqC,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAA3C;IAAyE,WAAW,EAAED;EAAtF,EAAP;AACD,CAJD;;AAMA,eAAeD,6BAAf"}

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersList.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { FlatList } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useFreshCallback } from '@sendbird/uikit-utils';
+
+const GroupChannelBannedUsersList = _ref => {
+  let {
+    renderUser,
+    bannedUsers,
+    onLoadNext,
+    ListEmptyComponent
+  } = _ref;
+  const renderItem = useFreshCallback(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return renderUser === null || renderUser === void 0 ? void 0 : renderUser({
+      user: item
+    });
+  });
+  const {
+    left,
+    right
+  } = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(FlatList, {
+    data: bannedUsers,
+    renderItem: renderItem,
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right,
+      flexGrow: 1
+    },
+    ListEmptyComponent: ListEmptyComponent,
+    onEndReached: () => onLoadNext(),
+    bounces: false
+  });
+};
+
+export default GroupChannelBannedUsersList;
+//# sourceMappingURL=GroupChannelBannedUsersList.js.map

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FlatList","useSafeAreaInsets","useFreshCallback","GroupChannelBannedUsersList","renderUser","bannedUsers","onLoadNext","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelBannedUsersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelBannedUsersProps } from '../types';\n\nconst GroupChannelBannedUsersList = ({\n  renderUser,\n  bannedUsers,\n  onLoadNext,\n  ListEmptyComponent,\n}: GroupChannelBannedUsersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={bannedUsers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      onEndReached={() => onLoadNext()}\n      bounces={false}\n    />\n  );\n};\n\nexport default GroupChannelBannedUsersList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAAiCC,gBAAjC,QAAyD,uBAAzD;;AAIA,MAAMC,2BAA2B,GAAG,QAKQ;EAAA,IALP;IACnCC,UADmC;IAEnCC,WAFmC;IAGnCC,UAHmC;IAInCC;EAJmC,CAKO;EAC1C,MAAMC,UAAkD,GAAGN,gBAAgB,CAAC;IAAA,IAAC;MAAEO;IAAF,CAAD;IAAA,OAC1EL,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEM,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAD,CAA3E;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBX,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEI,WADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,YAAY,EAAE,MAAMD,UAAU,EALhC;IAME,OAAO,EAAE;EANX,EADF;AAUD,CArBD;;AAuBA,eAAeH,2BAAf"}

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersStatusEmpty.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelBannedUsersStatusEmpty = () => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'no-banned-users'
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelBannedUsersStatusEmpty;
+//# sourceMappingURL=GroupChannelBannedUsersStatusEmpty.js.map

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersStatusEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelBannedUsersStatusEmpty","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelBannedUsersStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelBannedUsersStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-banned-users'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelBannedUsersStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,kCAAkC,GAAG,MAAM;EAC/C,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,kCAAf"}

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersStatusError.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelBannedUsersStatusError = _ref => {
+  let {
+    onPressRetry
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'error-wrong',
+    onPressRetry: onPressRetry
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelBannedUsersStatusError;
+//# sourceMappingURL=GroupChannelBannedUsersStatusError.js.map

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersStatusError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelBannedUsersStatusError","onPressRetry","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelBannedUsersStatusError.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { GroupChannelBannedUsersModule } from '../types';\n\nconst GroupChannelBannedUsersStatusError: GroupChannelBannedUsersModule['StatusError'] = ({ onPressRetry }) => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={onPressRetry} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelBannedUsersStatusError;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAGA,MAAMC,kCAAgF,GAAG,QAAsB;EAAA,IAArB;IAAEC;EAAF,CAAqB;EAC7G,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE,aAAxB;IAAuC,YAAY,EAAEF;EAArD,EADF,CADF;AAKD,CAND;;AAQA,MAAMC,MAAM,GAAGL,UAAU,CAACO,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeP,kCAAf"}

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersStatusLoading.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelBannedUsersStatusLoading = () => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'loading'
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelBannedUsersStatusLoading;
+//# sourceMappingURL=GroupChannelBannedUsersStatusLoading.js.map

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersStatusLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelBannedUsersStatusLoading","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelBannedUsersStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelBannedUsersStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelBannedUsersStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,oCAAoC,GAAG,MAAM;EACjD,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,oCAAf"}

package/lib/module/domain/groupChannelBannedUsers/index.js

@@ -0,0 +1,7 @@
+export { default as GroupChannelBannedUsersList } from './component/GroupChannelBannedUsersList';
+export { default as GroupChannelBannedUsersHeader } from './component/GroupChannelBannedUsersHeader';
+export { default as GroupChannelBannedUsersStatusLoading } from './component/GroupChannelBannedUsersStatusLoading';
+export { default as GroupChannelBannedUsersStatusEmpty } from './component/GroupChannelBannedUsersStatusEmpty';
+export { default as createGroupChannelBannedUsersModule } from './module/createGroupChannelBannedUsersModule';
+export { GroupChannelBannedUsersContextsProvider, GroupChannelBannedUsersContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

package/lib/module/domain/groupChannelBannedUsers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","GroupChannelBannedUsersList","GroupChannelBannedUsersHeader","GroupChannelBannedUsersStatusLoading","GroupChannelBannedUsersStatusEmpty","createGroupChannelBannedUsersModule","GroupChannelBannedUsersContextsProvider","GroupChannelBannedUsersContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelBannedUsersList } from './component/GroupChannelBannedUsersList';\nexport { default as GroupChannelBannedUsersHeader } from './component/GroupChannelBannedUsersHeader';\nexport { default as GroupChannelBannedUsersStatusLoading } from './component/GroupChannelBannedUsersStatusLoading';\nexport { default as GroupChannelBannedUsersStatusEmpty } from './component/GroupChannelBannedUsersStatusEmpty';\nexport { default as createGroupChannelBannedUsersModule } from './module/createGroupChannelBannedUsersModule';\nexport { GroupChannelBannedUsersContextsProvider, GroupChannelBannedUsersContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,2BAApB,QAAuD,yCAAvD;AACA,SAASD,OAAO,IAAIE,6BAApB,QAAyD,2CAAzD;AACA,SAASF,OAAO,IAAIG,oCAApB,QAAgE,kDAAhE;AACA,SAASH,OAAO,IAAII,kCAApB,QAA8D,gDAA9D;AACA,SAASJ,OAAO,IAAIK,mCAApB,QAA+D,8CAA/D;AACA,SAASC,uCAAT,EAAkDC,+BAAlD,QAAyF,wBAAzF"}

package/lib/module/domain/groupChannelBannedUsers/module/createGroupChannelBannedUsersModule.js

@@ -0,0 +1,30 @@
+import GroupChannelBannedUsersHeader from '../component/GroupChannelBannedUsersHeader';
+import GroupChannelBannedUsersList from '../component/GroupChannelBannedUsersList';
+import GroupChannelBannedUsersStatusEmpty from '../component/GroupChannelBannedUsersStatusEmpty';
+import GroupChannelBannedUsersStatusError from '../component/GroupChannelBannedUsersStatusError';
+import GroupChannelBannedUsersStatusLoading from '../component/GroupChannelBannedUsersStatusLoading';
+import { GroupChannelBannedUsersContextsProvider } from './moduleContext';
+
+const createGroupChannelBannedUsersModule = function () {
+  let {
+    Header = GroupChannelBannedUsersHeader,
+    List = GroupChannelBannedUsersList,
+    StatusLoading = GroupChannelBannedUsersStatusLoading,
+    StatusEmpty = GroupChannelBannedUsersStatusEmpty,
+    StatusError = GroupChannelBannedUsersStatusError,
+    Provider = GroupChannelBannedUsersContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    Provider,
+    StatusEmpty,
+    StatusLoading,
+    StatusError,
+    ...module
+  };
+};
+
+export default createGroupChannelBannedUsersModule;
+//# sourceMappingURL=createGroupChannelBannedUsersModule.js.map

package/lib/module/domain/groupChannelBannedUsers/module/createGroupChannelBannedUsersModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelBannedUsersHeader","GroupChannelBannedUsersList","GroupChannelBannedUsersStatusEmpty","GroupChannelBannedUsersStatusError","GroupChannelBannedUsersStatusLoading","GroupChannelBannedUsersContextsProvider","createGroupChannelBannedUsersModule","Header","List","StatusLoading","StatusEmpty","StatusError","Provider","module"],"sources":["createGroupChannelBannedUsersModule.tsx"],"sourcesContent":["import GroupChannelBannedUsersHeader from '../component/GroupChannelBannedUsersHeader';\nimport GroupChannelBannedUsersList from '../component/GroupChannelBannedUsersList';\nimport GroupChannelBannedUsersStatusEmpty from '../component/GroupChannelBannedUsersStatusEmpty';\nimport GroupChannelBannedUsersStatusError from '../component/GroupChannelBannedUsersStatusError';\nimport GroupChannelBannedUsersStatusLoading from '../component/GroupChannelBannedUsersStatusLoading';\nimport type { GroupChannelBannedUsersModule } from '../types';\nimport { GroupChannelBannedUsersContextsProvider } from './moduleContext';\n\nconst createGroupChannelBannedUsersModule = ({\n  Header = GroupChannelBannedUsersHeader,\n  List = GroupChannelBannedUsersList,\n  StatusLoading = GroupChannelBannedUsersStatusLoading,\n  StatusEmpty = GroupChannelBannedUsersStatusEmpty,\n  StatusError = GroupChannelBannedUsersStatusError,\n  Provider = GroupChannelBannedUsersContextsProvider,\n  ...module\n}: Partial<GroupChannelBannedUsersModule> = {}): GroupChannelBannedUsersModule => {\n  return { Header, List, Provider, StatusEmpty, StatusLoading, StatusError, ...module };\n};\n\nexport default createGroupChannelBannedUsersModule;\n"],"mappings":"AAAA,OAAOA,6BAAP,MAA0C,4CAA1C;AACA,OAAOC,2BAAP,MAAwC,0CAAxC;AACA,OAAOC,kCAAP,MAA+C,iDAA/C;AACA,OAAOC,kCAAP,MAA+C,iDAA/C;AACA,OAAOC,oCAAP,MAAiD,mDAAjD;AAEA,SAASC,uCAAT,QAAwD,iBAAxD;;AAEA,MAAMC,mCAAmC,GAAG,YAQsC;EAAA,IARrC;IAC3CC,MAAM,GAAGP,6BADkC;IAE3CQ,IAAI,GAAGP,2BAFoC;IAG3CQ,aAAa,GAAGL,oCAH2B;IAI3CM,WAAW,GAAGR,kCAJ6B;IAK3CS,WAAW,GAAGR,kCAL6B;IAM3CS,QAAQ,GAAGP,uCANgC;IAO3C,GAAGQ;EAPwC,CAQqC,uEAAtC,EAAsC;EAChF,OAAO;IAAEN,MAAF;IAAUC,IAAV;IAAgBI,QAAhB;IAA0BF,WAA1B;IAAuCD,aAAvC;IAAsDE,WAAtD;IAAmE,GAAGE;EAAtE,CAAP;AACD,CAVD;;AAYA,eAAeP,mCAAf"}

package/lib/module/domain/groupChannelBannedUsers/module/moduleContext.js

@@ -0,0 +1,25 @@
+import React, { createContext } from 'react';
+import ProviderLayout from '../../../components/ProviderLayout';
+import { useLocalization } from '../../../hooks/useContext';
+export const GroupChannelBannedUsersContexts = {
+  Fragment: /*#__PURE__*/createContext({
+    headerTitle: '',
+    channel: {}
+  })
+};
+export const GroupChannelBannedUsersContextsProvider = _ref => {
+  let {
+    channel,
+    children
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  return /*#__PURE__*/React.createElement(ProviderLayout, null, /*#__PURE__*/React.createElement(GroupChannelBannedUsersContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.GROUP_CHANNEL_BANNED_USERS.HEADER_TITLE,
+      channel
+    }
+  }, children));
+};
+//# sourceMappingURL=moduleContext.js.map

package/lib/module/domain/groupChannelBannedUsers/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","GroupChannelBannedUsersContexts","Fragment","headerTitle","channel","GroupChannelBannedUsersContextsProvider","children","STRINGS","GROUP_CHANNEL_BANNED_USERS","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { GroupChannelBannedUsersContextsType, GroupChannelBannedUsersModule } from '../types';\n\nexport const GroupChannelBannedUsersContexts: GroupChannelBannedUsersContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n  }),\n};\n\nexport const GroupChannelBannedUsersContextsProvider: GroupChannelBannedUsersModule['Provider'] = ({\n  channel,\n  children,\n}) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <GroupChannelBannedUsersContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.GROUP_CHANNEL_BANNED_USERS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </GroupChannelBannedUsersContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AAIA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,QAAgC,2BAAhC;AAGA,OAAO,MAAMC,+BAAoE,GAAG;EAClFC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAD;AAD2D,CAA7E;AAOP,OAAO,MAAMC,uCAAkF,GAAG,QAG5F;EAAA,IAH6F;IACjGD,OADiG;IAEjGE;EAFiG,CAG7F;EACJ,MAAM;IAAEC;EAAF,IAAcP,eAAe,EAAnC;EACA,oBACE,oBAAC,cAAD,qBACE,oBAAC,+BAAD,CAAiC,QAAjC,CAA0C,QAA1C;IACE,KAAK,EAAE;MAAEG,WAAW,EAAEI,OAAO,CAACC,0BAAR,CAAmCC,YAAlD;MAAgEL;IAAhE;EADT,GAGGE,QAHH,CADF,CADF;AASD,CAdM"}

package/lib/module/domain/groupChannelBannedUsers/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/domain/groupChannelBannedUsers/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type GroupChannelBannedUsersProps = {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: GroupChannelBannedUsersProps['Header']['onPressHeaderLeft'];\n    renderUser?: GroupChannelBannedUsersProps['List']['renderUser'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  List: {\n    renderUser: (props: { user: SendbirdRestrictedUser }) => React.ReactElement | null;\n    bannedUsers: SendbirdRestrictedUser[];\n    ListEmptyComponent?: React.ReactElement;\n    onLoadNext: () => Promise<void>;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n};\n\n/**\n * Internal context for GroupChannelBannedUsers\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type GroupChannelBannedUsersContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n  }>;\n};\nexport interface GroupChannelBannedUsersModule {\n  Provider: CommonComponent<GroupChannelBannedUsersProps['Provider']>;\n  Header: CommonComponent<GroupChannelBannedUsersProps['Header']>;\n  List: CommonComponent<GroupChannelBannedUsersProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<GroupChannelBannedUsersProps['StatusError']>;\n}\n\nexport type GroupChannelBannedUsersFragment = CommonComponent<GroupChannelBannedUsersProps['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/groupChannelList/component/GroupChannelListTypeSelector.js

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect } from 'react';
-import { TouchableOpacity, View } from 'react-native';
-import { Header as DefaultHeader, Icon, Modal, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { useLocalization } from '../../../hooks/useContext';
+import { Platform, TouchableOpacity, View } from 'react-native';
+import { Icon, Modal, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import { GroupChannelListContexts } from '../module/moduleContext';
 const TYPES = ['GROUP', 'SUPER_GROUP', 'BROADCAST'];
 const TYPE_ICONS = {
@@ -9,19 +9,26 @@ const TYPE_ICONS = {
   'SUPER_GROUP': 'supergroup',
   'BROADCAST': 'broadcast'
 };
+const STATUS_BAR_TOP_INSET_AS = Platform.select({
+  android: 'margin',
+  default: 'padding'
+});
 
 const GroupChannelListTypeSelector = _ref => {
   let {
-    Header = DefaultHeader,
     skipTypeSelection,
     onSelectType
   } = _ref;
   const {
-    statusBarTranslucent
+    statusBarTranslucent,
+    HeaderComponent
   } = useHeaderStyle();
   const {
     colors
   } = useUIKitTheme();
+  const {
+    features
+  } = useSendbirdChat();
   const typeSelector = useContext(GroupChannelListContexts.TypeSelector);
   const {
     visible,
@@ -37,10 +44,29 @@ const GroupChannelListTypeSelector = _ref => {
     if (skipTypeSelection && visible) createOnPressType('GROUP')();
   }, [skipTypeSelection, visible]);
   if (skipTypeSelection) return null;
-
-  const renderButtons = () => /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(Modal, {
+    visible: visible,
+    onClose: hide,
+    statusBarTranslucent: statusBarTranslucent
+  }, /*#__PURE__*/React.createElement(HeaderComponent, {
+    title: typeSelector.headerTitle,
+    right: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'close',
+      color: colors.onBackground01
+    }),
+    onPressRight: typeSelector.hide,
+    statusBarTopInsetAs: STATUS_BAR_TOP_INSET_AS
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.buttonArea
   }, TYPES.map(type => {
+    if (type === 'SUPER_GROUP' && !features.superGroupChannelEnabled) {
+      return null;
+    }
+
+    if (type === 'BROADCAST' && !features.broadcastChannelEnabled) {
+      return null;
+    }
+
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
       key: type,
       activeOpacity: 0.6,
@@ -51,32 +77,7 @@ const GroupChannelListTypeSelector = _ref => {
     }), /*#__PURE__*/React.createElement(DefaultTypeText, {
       type: type
     }));
-  }));
-
-  const renderHeader = () => {
-    if (Header) {
-      return /*#__PURE__*/React.createElement(Header, {
-        title: typeSelector.headerTitle,
-        right: /*#__PURE__*/React.createElement(Icon, {
-          icon: 'close',
-          color: colors.onBackground01
-        }),
-        onPressRight: typeSelector.hide
-      }, renderButtons());
-    }
-
-    return /*#__PURE__*/React.createElement(DefaultHeader, {
-      title: null,
-      right: null,
-      left: null
-    }, renderButtons());
-  };
-
-  return /*#__PURE__*/React.createElement(Modal, {
-    visible: visible,
-    onClose: hide,
-    statusBarTranslucent: statusBarTranslucent
-  }, renderHeader());
+  }))));
 };
 
 const DefaultTypeIcon = _ref2 => {

package/lib/module/domain/groupChannelList/component/GroupChannelListTypeSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","TouchableOpacity","View","Header","DefaultHeader","Icon","Modal","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","useLocalization","GroupChannelListContexts","TYPES","TYPE_ICONS","GroupChannelListTypeSelector","skipTypeSelection","onSelectType","statusBarTranslucent","colors","typeSelector","TypeSelector","visible","hide","createOnPressType","type","renderButtons","styles","buttonArea","map","typeButton","renderHeader","headerTitle","onBackground01","DefaultTypeIcon","icon","DefaultTypeText","STRINGS","GROUP_CHANNEL_LIST","flexDirection","paddingVertical","flex","alignItems","justifyContent","marginBottom"],"sources":["GroupChannelListTypeSelector.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport {\n  Header as DefaultHeader,\n  Icon,\n  Modal,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelListContexts } from '../module/moduleContext';\nimport type { GroupChannelListProps, GroupChannelType } from '../types';\n\nconst TYPES: GroupChannelType[] = ['GROUP', 'SUPER_GROUP', 'BROADCAST'];\nconst TYPE_ICONS: Record<GroupChannelType, keyof typeof Icon.Assets> = {\n  'GROUP': 'chat',\n  'SUPER_GROUP': 'supergroup',\n  'BROADCAST': 'broadcast',\n};\n\nconst GroupChannelListTypeSelector = ({\n  Header = DefaultHeader,\n  skipTypeSelection,\n  onSelectType,\n}: GroupChannelListProps['TypeSelector']) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const typeSelector = useContext(GroupChannelListContexts.TypeSelector);\n  const { visible, hide } = typeSelector;\n  const createOnPressType = (type: GroupChannelType) => () => {\n    hide();\n    onSelectType(type);\n  };\n\n  useEffect(() => {\n    if (skipTypeSelection && visible) createOnPressType('GROUP')();\n  }, [skipTypeSelection, visible]);\n\n  if (skipTypeSelection) return null;\n\n  const renderButtons = () => (\n    <View style={styles.buttonArea}>\n      {TYPES.map((type) => {\n        return (\n          <TouchableOpacity key={type} activeOpacity={0.6} onPress={createOnPressType(type)} style={styles.typeButton}>\n            <DefaultTypeIcon type={type} />\n            <DefaultTypeText type={type} />\n          </TouchableOpacity>\n        );\n      })}\n    </View>\n  );\n\n  const renderHeader = () => {\n    if (Header) {\n      return (\n        <Header\n          title={typeSelector.headerTitle}\n          right={<Icon icon={'close'} color={colors.onBackground01} />}\n          onPressRight={typeSelector.hide}\n        >\n          {renderButtons()}\n        </Header>\n      );\n    }\n\n    return (\n      <DefaultHeader title={null} right={null} left={null}>\n        {renderButtons()}\n      </DefaultHeader>\n    );\n  };\n\n  return (\n    <Modal visible={visible} onClose={hide} statusBarTranslucent={statusBarTranslucent}>\n      {renderHeader()}\n    </Modal>\n  );\n};\n\nconst DefaultTypeIcon = ({ type }: { type: GroupChannelType }) => {\n  return <Icon size={24} icon={TYPE_ICONS[type]} containerStyle={styles.icon} />;\n};\n\nconst DefaultTypeText = ({ type }: { type: GroupChannelType }) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  return (\n    <Text caption2 color={colors.onBackground01}>\n      {STRINGS.GROUP_CHANNEL_LIST[`TYPE_SELECTOR_${type}`]}\n    </Text>\n  );\n};\n\nconst styles = createStyleSheet({\n  buttonArea: {\n    flexDirection: 'row',\n  },\n  typeButton: {\n    paddingVertical: 24,\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: {\n    marginBottom: 8,\n  },\n});\n\nexport default GroupChannelListTypeSelector;\n"],"mappings":"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"}
+{"version":3,"names":["React","useContext","useEffect","Platform","TouchableOpacity","View","Icon","Modal","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","useLocalization","useSendbirdChat","GroupChannelListContexts","TYPES","TYPE_ICONS","STATUS_BAR_TOP_INSET_AS","select","android","default","GroupChannelListTypeSelector","skipTypeSelection","onSelectType","statusBarTranslucent","HeaderComponent","colors","features","typeSelector","TypeSelector","visible","hide","createOnPressType","type","headerTitle","onBackground01","styles","buttonArea","map","superGroupChannelEnabled","broadcastChannelEnabled","typeButton","DefaultTypeIcon","icon","DefaultTypeText","STRINGS","GROUP_CHANNEL_LIST","flexDirection","paddingVertical","flex","alignItems","justifyContent","marginBottom"],"sources":["GroupChannelListTypeSelector.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { Platform, TouchableOpacity, View } from 'react-native';\n\nimport {\n  Icon,\n  Modal,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelListContexts } from '../module/moduleContext';\nimport type { GroupChannelListProps, GroupChannelType } from '../types';\n\nconst TYPES: GroupChannelType[] = ['GROUP', 'SUPER_GROUP', 'BROADCAST'];\nconst TYPE_ICONS: Record<GroupChannelType, keyof typeof Icon.Assets> = {\n  'GROUP': 'chat',\n  'SUPER_GROUP': 'supergroup',\n  'BROADCAST': 'broadcast',\n};\nconst STATUS_BAR_TOP_INSET_AS: 'margin' | 'padding' = Platform.select({ android: 'margin', default: 'padding' });\n\nconst GroupChannelListTypeSelector = ({ skipTypeSelection, onSelectType }: GroupChannelListProps['TypeSelector']) => {\n  const { statusBarTranslucent, HeaderComponent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const { features } = useSendbirdChat();\n  const typeSelector = useContext(GroupChannelListContexts.TypeSelector);\n  const { visible, hide } = typeSelector;\n\n  const createOnPressType = (type: GroupChannelType) => () => {\n    hide();\n    onSelectType(type);\n  };\n\n  useEffect(() => {\n    if (skipTypeSelection && visible) createOnPressType('GROUP')();\n  }, [skipTypeSelection, visible]);\n\n  if (skipTypeSelection) return null;\n\n  return (\n    <Modal visible={visible} onClose={hide} statusBarTranslucent={statusBarTranslucent}>\n      <HeaderComponent\n        title={typeSelector.headerTitle}\n        right={<Icon icon={'close'} color={colors.onBackground01} />}\n        onPressRight={typeSelector.hide}\n        statusBarTopInsetAs={STATUS_BAR_TOP_INSET_AS}\n      >\n        <View style={styles.buttonArea}>\n          {TYPES.map((type) => {\n            if (type === 'SUPER_GROUP' && !features.superGroupChannelEnabled) {\n              return null;\n            }\n\n            if (type === 'BROADCAST' && !features.broadcastChannelEnabled) {\n              return null;\n            }\n\n            return (\n              <TouchableOpacity\n                key={type}\n                activeOpacity={0.6}\n                onPress={createOnPressType(type)}\n                style={styles.typeButton}\n              >\n                <DefaultTypeIcon type={type} />\n                <DefaultTypeText type={type} />\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </HeaderComponent>\n    </Modal>\n  );\n};\n\nconst DefaultTypeIcon = ({ type }: { type: GroupChannelType }) => {\n  return <Icon size={24} icon={TYPE_ICONS[type]} containerStyle={styles.icon} />;\n};\n\nconst DefaultTypeText = ({ type }: { type: GroupChannelType }) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  return (\n    <Text caption2 color={colors.onBackground01}>\n      {STRINGS.GROUP_CHANNEL_LIST[`TYPE_SELECTOR_${type}`]}\n    </Text>\n  );\n};\n\nconst styles = createStyleSheet({\n  buttonArea: {\n    flexDirection: 'row',\n  },\n  typeButton: {\n    paddingVertical: 24,\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: {\n    marginBottom: 8,\n  },\n});\n\nexport default GroupChannelListTypeSelector;\n"],"mappings":"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"}

package/lib/module/domain/groupChannelList/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 { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem, BaseHeaderProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelListProps {\n  /** Props for `GroupChannelListFragment` **/\n  Fragment: {\n    /** Navigate to GroupChannelFragment **/\n    onPressChannel: (channel: SendbirdGroupChannel) => void;\n    /** Navigate to GroupChannelCreateFragment **/\n    onPressCreateChannel: (channelType: GroupChannelType) => void;\n    /** Custom Header for TypeSelector, Only replace header component not a module **/\n    TypeSelectorHeader?: null | CommonComponent<\n      BaseHeaderProps<{ title: string; right: React.ReactElement; onPressRight: () => void }>\n    >;\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview?: (\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    /** Skip type selection, When this is set to true 'channelType' only receive 'GROUP' type **/\n    skipTypeSelection?: boolean;\n    /** Custom Query creator for channels query **/\n    queryCreator?: UseGroupChannelListOptions['queryCreator'];\n    /** Custom Collection creator for group channel collection **/\n    collectionCreator?: UseGroupChannelListOptions['collectionCreator'];\n    /** FlatList props for GroupChannelList.List **/\n    flatListProps?: GroupChannelListProps['List']['flatListProps'];\n    /** Action menu item creator for onLongPress **/\n    menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];\n  };\n  /** Props for `GroupChannelListModule.Header` **/\n  Header: {};\n  /** Props for `GroupChannelListModule.List` **/\n  List: {\n    /** GroupChannels from SendbirdChat SDK **/\n    groupChannels: SendbirdGroupChannel[];\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview: (\n      // FIXME/BREAKING: Changed to props object\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    /** Method to load more data, called with onEndReached of FlatList **/\n    onLoadNext: () => Promise<void>;\n    /** Prop from Fragment **/\n    flatListProps?: Omit<FlatListProps<SendbirdGroupChannel>, 'data' | 'renderItem'>;\n    /** Prop from Fragment **/\n    menuItemCreator?: (defaultMenuItem: ActionMenuItem) => ActionMenuItem;\n  };\n  /** Props for `GroupChannelListModule.TypeSelector` **/\n  TypeSelector: {\n    /** Prop from Fragment `Fragment.TypeSelectorHeader` **/\n    Header: GroupChannelListProps['Fragment']['TypeSelectorHeader'];\n    /** Prop from Fragment `Fragment.skipTypeSelection` **/\n    skipTypeSelection: boolean;\n    /** Method called when type is selected, call `Fragment.onPressCreateChannel` **/\n    onSelectType: (type: GroupChannelType) => void;\n  };\n}\n\n/**\n * Internal context for GroupChannelList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelListContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n  }>;\n  TypeSelector: React.Context<{\n    visible: boolean;\n    show: () => void;\n    hide: () => void;\n    headerTitle: string;\n  }>;\n}\nexport interface GroupChannelListModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<GroupChannelListProps['Header']>;\n  List: CommonComponent<GroupChannelListProps['List']>;\n  TypeSelector: CommonComponent<GroupChannelListProps['TypeSelector']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;\nexport type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelListProps {\n  /** Props for `GroupChannelListFragment` **/\n  Fragment: {\n    /** Navigate to GroupChannelFragment **/\n    onPressChannel: (channel: SendbirdGroupChannel) => void;\n    /** Navigate to GroupChannelCreateFragment **/\n    onPressCreateChannel: (channelType: GroupChannelType) => void;\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview?: (\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    /** Skip type selection, When this is set to true 'channelType' only receive 'GROUP' type **/\n    skipTypeSelection?: boolean;\n    /** Custom Query creator for channels query **/\n    queryCreator?: UseGroupChannelListOptions['queryCreator'];\n    /** Custom Collection creator for group channel collection **/\n    collectionCreator?: UseGroupChannelListOptions['collectionCreator'];\n    /** FlatList props for GroupChannelList.List **/\n    flatListProps?: GroupChannelListProps['List']['flatListProps'];\n    /** Action menu item creator for onLongPress **/\n    menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];\n  };\n  /** Props for `GroupChannelListModule.Header` **/\n  Header: {};\n  /** Props for `GroupChannelListModule.List` **/\n  List: {\n    /** GroupChannels from SendbirdChat SDK **/\n    groupChannels: SendbirdGroupChannel[];\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview: (\n      // FIXME/BREAKING: Changed to props object\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    /** Method to load more data, called with onEndReached of FlatList **/\n    onLoadNext: () => Promise<void>;\n    /** Prop from Fragment **/\n    flatListProps?: Omit<FlatListProps<SendbirdGroupChannel>, 'data' | 'renderItem'>;\n    /** Prop from Fragment **/\n    menuItemCreator?: (defaultMenuItem: ActionMenuItem) => ActionMenuItem;\n  };\n  /** Props for `GroupChannelListModule.TypeSelector` **/\n  TypeSelector: {\n    /** Prop from Fragment `Fragment.skipTypeSelection` **/\n    skipTypeSelection: boolean;\n    /** Method called when type is selected, call `Fragment.onPressCreateChannel` **/\n    onSelectType: (type: GroupChannelType) => void;\n  };\n}\n\n/**\n * Internal context for GroupChannelList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelListContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n  }>;\n  TypeSelector: React.Context<{\n    visible: boolean;\n    show: () => void;\n    hide: () => void;\n    headerTitle: string;\n  }>;\n}\nexport interface GroupChannelListModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<GroupChannelListProps['Header']>;\n  List: CommonComponent<GroupChannelListProps['List']>;\n  TypeSelector: CommonComponent<GroupChannelListProps['TypeSelector']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;\nexport type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';\n"],"mappings":""}

package/lib/module/domain/groupChannelModeration/component/GroupChannelModerationHeader.js

@@ -0,0 +1,25 @@
+import React, { useContext } from 'react';
+import { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
+import { GroupChannelModerationContexts } from '../module/moduleContext';
+
+const GroupChannelModerationHeader = _ref => {
+  let {
+    onPressHeaderLeft
+  } = _ref;
+  const {
+    headerTitle
+  } = useContext(GroupChannelModerationContexts.Fragment);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft
+  });
+};
+
+export default GroupChannelModerationHeader;
+//# sourceMappingURL=GroupChannelModerationHeader.js.map

package/lib/module/domain/groupChannelModeration/component/GroupChannelModerationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Icon","useHeaderStyle","GroupChannelModerationContexts","GroupChannelModerationHeader","onPressHeaderLeft","headerTitle","Fragment","HeaderComponent"],"sources":["GroupChannelModerationHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { GroupChannelModerationContexts } from '../module/moduleContext';\nimport type { GroupChannelModerationProps } from '../types';\n\nconst GroupChannelModerationHeader = ({ onPressHeaderLeft }: GroupChannelModerationProps['Header']) => {\n  const { headerTitle } = useContext(GroupChannelModerationContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return <HeaderComponent title={headerTitle} left={<Icon icon={'arrow-left'} />} onPressLeft={onPressHeaderLeft} />;\n};\n\nexport default GroupChannelModerationHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,IAAT,EAAeC,cAAf,QAAqC,yCAArC;AAEA,SAASC,8BAAT,QAA+C,yBAA/C;;AAGA,MAAMC,4BAA4B,GAAG,QAAkE;EAAA,IAAjE;IAAEC;EAAF,CAAiE;EACrG,MAAM;IAAEC;EAAF,IAAkBN,UAAU,CAACG,8BAA8B,CAACI,QAAhC,CAAlC;EACA,MAAM;IAAEC;EAAF,IAAsBN,cAAc,EAA1C;EACA,oBAAO,oBAAC,eAAD;IAAiB,KAAK,EAAEI,WAAxB;IAAqC,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAA3C;IAAyE,WAAW,EAAED;EAAtF,EAAP;AACD,CAJD;;AAMA,eAAeD,4BAAf"}