@sendbird/uikit-react-native 1.0.0-rc.1

package/lib/commonjs/domain/groupChannel/component/GroupChannelMessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HANDLE_NEXT_MSG_SEPARATELY","Platform","select","default","GroupChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","flatListProps","enableMessageGrouping","STRINGS","useLocalization","colors","useUIKitTheme","left","right","useSafeAreaInsets","scrollLeaveBottom","setScrollLeaveBottom","useState","scrollRef","useRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","useFreshCallback","item","index","onPress","onLongPress","message","prevMessage","nextMessage","useEffect","length","prev","concat","onLeaveScrollBottom","useCallback","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","messageKeyExtractor","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toMegabyte","byte","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","setEditMessage","useContext","GroupChannelContexts","Fragment","handleFailedMessage","sheetItems","title","DIALOG_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","DIALOG_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","DIALOG_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL","DIALOG_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","DIALOG_MESSAGE_COPY","setString","COPY_OK","isMyMessage","sendingStatus","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","getFileType","getFileExtension","getAvailableUriFromFileMessage","Linking","openURL","createStyleSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","React","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Linking, ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { useLocalization, usePlatformService } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst GroupChannelMessageList: React.FC<GroupChannelProps['MessageList']> = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  flatListProps,\n  enableMessageGrouping,\n}) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const scrollRef = useRef<ChatFlatListRef>(null);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n  const getMessagePressActions = useGetMessagePressActions({\n    onDeleteMessage,\n    onPressImageMessage,\n    currentUserId,\n    onResendFailedMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        listKey={`group-channel-messages-${channel.url}`}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst toMegabyte = (byte: number) => byte / 1024 / 1024;\nconst useGetMessagePressActions = ({\n  onPressImageMessage,\n  onDeleteMessage,\n  onResendFailedMessage,\n  currentUserId,\n}: Pick<\n  GroupChannelProps['MessageList'],\n  'onDeleteMessage' | 'onResendFailedMessage' | 'onPressImageMessage' | 'currentUserId'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { setEditMessage } = useContext(GroupChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_EDIT,\n            onPress: () => setEditMessage(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      if (fileType === 'image') {\n        response.onPress = () => onPressImageMessage?.(msg, getAvailableUriFromFileMessage(msg));\n      } else {\n        response.onPress = () => Linking.openURL(msg.url).catch();\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => openSheet({ sheetItems });\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}

package/lib/commonjs/domain/groupChannel/component/GroupChannelStatusEmpty.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const GroupChannelStatusEmpty = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'no-messages'
+  }));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+var _default = GroupChannelStatusEmpty;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelStatusEmpty.js.map

package/lib/commonjs/domain/groupChannel/component/GroupChannelStatusEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelStatusEmpty","styles","container","StyleSheet","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-messages'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusEmpty;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,uBAAuB,GAAG,MAAM;EACpC,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;;eAIeP,uB"}

package/lib/commonjs/domain/groupChannel/component/GroupChannelStatusLoading.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const GroupChannelStatusLoading = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'loading'
+  }));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+var _default = GroupChannelStatusLoading;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelStatusLoading.js.map

package/lib/commonjs/domain/groupChannel/component/GroupChannelStatusLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelStatusLoading","styles","container","StyleSheet","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusLoading = () => {\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 GroupChannelStatusLoading;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,yBAAyB,GAAG,MAAM;EACtC,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;;eAIeP,yB"}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupChannelContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelContexts;
+  }
+});
+Object.defineProperty(exports, "GroupChannelContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelContextsProvider;
+  }
+});
+Object.defineProperty(exports, "GroupChannelHeader", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelHeader.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelInput", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelInput.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelMessageList", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelMessageList.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelStatusEmpty", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelStatusEmpty.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelStatusLoading", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelStatusLoading.default;
+  }
+});
+Object.defineProperty(exports, "createGroupChannelModule", {
+  enumerable: true,
+  get: function () {
+    return _createGroupChannelModule.default;
+  }
+});
+
+var _GroupChannelHeader = _interopRequireDefault(require("./component/GroupChannelHeader"));
+
+var _GroupChannelMessageList = _interopRequireDefault(require("./component/GroupChannelMessageList"));
+
+var _GroupChannelInput = _interopRequireDefault(require("./component/GroupChannelInput"));
+
+var _GroupChannelStatusEmpty = _interopRequireDefault(require("./component/GroupChannelStatusEmpty"));
+
+var _GroupChannelStatusLoading = _interopRequireDefault(require("./component/GroupChannelStatusLoading"));
+
+var _createGroupChannelModule = _interopRequireDefault(require("./module/createGroupChannelModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelHeader } from './component/GroupChannelHeader';\nexport { default as GroupChannelMessageList } from './component/GroupChannelMessageList';\nexport { default as GroupChannelInput } from './component/GroupChannelInput';\nexport { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';\nexport { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';\nexport { default as createGroupChannelModule } from './module/createGroupChannelModule';\nexport { GroupChannelContextsProvider, GroupChannelContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/commonjs/domain/groupChannel/module/createGroupChannelModule.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _GroupChannelHeader = _interopRequireDefault(require("../component/GroupChannelHeader"));
+
+var _GroupChannelInput = _interopRequireDefault(require("../component/GroupChannelInput"));
+
+var _GroupChannelMessageList = _interopRequireDefault(require("../component/GroupChannelMessageList"));
+
+var _GroupChannelStatusEmpty = _interopRequireDefault(require("../component/GroupChannelStatusEmpty"));
+
+var _GroupChannelStatusLoading = _interopRequireDefault(require("../component/GroupChannelStatusLoading"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createGroupChannelModule = function () {
+  let {
+    Header = _GroupChannelHeader.default,
+    MessageList = _GroupChannelMessageList.default,
+    Input = _GroupChannelInput.default,
+    StatusLoading = _GroupChannelStatusLoading.default,
+    StatusEmpty = _GroupChannelStatusEmpty.default,
+    Provider = _moduleContext.GroupChannelContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    MessageList,
+    Input,
+    StatusEmpty,
+    StatusLoading,
+    Provider,
+    ...module
+  };
+};
+
+var _default = createGroupChannelModule;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelModule.js.map

package/lib/commonjs/domain/groupChannel/module/createGroupChannelModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelModule","Header","GroupChannelHeader","MessageList","GroupChannelMessageList","Input","GroupChannelInput","StatusLoading","GroupChannelStatusLoading","StatusEmpty","GroupChannelStatusEmpty","Provider","GroupChannelContextsProvider","module"],"sources":["createGroupChannelModule.tsx"],"sourcesContent":["import GroupChannelHeader from '../component/GroupChannelHeader';\nimport GroupChannelInput from '../component/GroupChannelInput';\nimport GroupChannelMessageList from '../component/GroupChannelMessageList';\nimport GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';\nimport GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';\nimport type { GroupChannelModule } from '../types';\nimport { GroupChannelContextsProvider } from './moduleContext';\n\nconst createGroupChannelModule = ({\n  Header = GroupChannelHeader,\n  MessageList = GroupChannelMessageList,\n  Input = GroupChannelInput,\n  StatusLoading = GroupChannelStatusLoading,\n  StatusEmpty = GroupChannelStatusEmpty,\n  Provider = GroupChannelContextsProvider,\n  ...module\n}: Partial<GroupChannelModule> = {}): GroupChannelModule => {\n  return { Header, MessageList, Input, StatusEmpty, StatusLoading, Provider, ...module };\n};\n\nexport default createGroupChannelModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,wBAAwB,GAAG,YAQ2B;EAAA,IAR1B;IAChCC,MAAM,GAAGC,2BADuB;IAEhCC,WAAW,GAAGC,gCAFkB;IAGhCC,KAAK,GAAGC,0BAHwB;IAIhCC,aAAa,GAAGC,kCAJgB;IAKhCC,WAAW,GAAGC,gCALkB;IAMhCC,QAAQ,GAAGC,2CANqB;IAOhC,GAAGC;EAP6B,CAQ0B,uEAA3B,EAA2B;EAC1D,OAAO;IAAEZ,MAAF;IAAUE,WAAV;IAAuBE,KAAvB;IAA8BI,WAA9B;IAA2CF,aAA3C;IAA0DI,QAA1D;IAAoE,GAAGE;EAAvE,CAAP;AACD,CAVD;;eAYeb,wB"}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupChannelContextsProvider = exports.GroupChannelContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+
+var _useContext = require("../../../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GroupChannelContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: '',
+    channel: {},
+    setEditMessage: _uikitUtils.NOOP
+  }),
+  TypingIndicator: /*#__PURE__*/(0, _react.createContext)({
+    typingUsers: []
+  })
+};
+exports.GroupChannelContexts = GroupChannelContexts;
+
+const GroupChannelContextsProvider = _ref => {
+  let {
+    children,
+    channel,
+    enableTypingIndicator,
+    keyboardAvoidOffset = 0
+  } = _ref;
+  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');
+  const id = (0, _uikitUtils.useUniqId)('GroupChannelContextsProvider');
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    currentUser,
+    sdk
+  } = (0, _useContext.useSendbirdChat)();
+  const [typingUsers, setTypingUsers] = (0, _react.useState)([]);
+  const [editMessage, setEditMessage] = (0, _react.useState)();
+  (0, _uikitChatHooks.useChannelHandler)(sdk, `GroupChannelContextsProvider_${id}`, {
+    onTypingStatusUpdated(eventChannel) {
+      if ((0, _uikitUtils.isDifferentChannel)(channel, eventChannel)) return;
+      if (!enableTypingIndicator) return;
+      const usersWithoutMe = eventChannel.getTypingUsers().filter(u => u.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId));
+      setTypingUsers(usersWithoutMe);
+    }
+
+  }, [channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, enableTypingIndicator]);
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(GroupChannelContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? '', channel),
+      channel,
+      editMessage,
+      setEditMessage,
+      keyboardAvoidOffset
+    }
+  }, /*#__PURE__*/_react.default.createElement(GroupChannelContexts.TypingIndicator.Provider, {
+    value: {
+      typingUsers
+    }
+  }, children)));
+};
+
+exports.GroupChannelContextsProvider = GroupChannelContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

package/lib/commonjs/domain/groupChannel/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelContexts","Fragment","createContext","headerTitle","channel","setEditMessage","NOOP","TypingIndicator","typingUsers","GroupChannelContextsProvider","children","enableTypingIndicator","keyboardAvoidOffset","Error","id","useUniqId","STRINGS","useLocalization","currentUser","sdk","useSendbirdChat","setTypingUsers","useState","editMessage","useChannelHandler","onTypingStatusUpdated","eventChannel","isDifferentChannel","usersWithoutMe","getTypingUsers","filter","u","userId","GROUP_CHANNEL","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserMessage,\n  isDifferentChannel,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelContextsType, GroupChannelModule } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setEditMessage: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const id = useUniqId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [editMessage, setEditMessage] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(\n    sdk,\n    `GroupChannelContextsProvider_${id}`,\n    {\n      onTypingStatusUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        if (!enableTypingIndicator) return;\n\n        const usersWithoutMe = eventChannel.getTypingUsers().filter((u) => u.userId !== currentUser?.userId);\n        setTypingUsers(usersWithoutMe);\n      },\n    },\n    [channel, currentUser?.userId, enableTypingIndicator],\n  );\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          editMessage,\n          setEditMessage,\n          keyboardAvoidOffset,\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          {children}\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAUA;;AACA;;;;;;;;AAGO,MAAMA,oBAA8C,GAAG;EAC5DC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE,EAFa;IAGtBC,cAAc,EAAEC;EAHM,CAAd,CADkD;EAM5DC,eAAe,eAAE,IAAAL,oBAAA,EAAc;IAC7BM,WAAW,EAAE;EADgB,CAAd;AAN2C,CAAvD;;;AAWA,MAAMC,4BAA4D,GAAG,QAKtE;EAAA,IALuE;IAC3EC,QAD2E;IAE3EN,OAF2E;IAG3EO,qBAH2E;IAI3EC,mBAAmB,GAAG;EAJqD,CAKvE;EACJ,IAAI,CAACR,OAAL,EAAc,MAAM,IAAIS,KAAJ,CAAU,oDAAV,CAAN;EAEd,MAAMC,EAAE,GAAG,IAAAC,qBAAA,EAAU,8BAAV,CAAX;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAAuB,IAAAC,2BAAA,GAA7B;EAEA,MAAM,CAACZ,WAAD,EAAca,cAAd,IAAgC,IAAAC,eAAA,EAAyB,EAAzB,CAAtC;EACA,MAAM,CAACC,WAAD,EAAclB,cAAd,IAAgC,IAAAiB,eAAA,GAAtC;EAEA,IAAAE,iCAAA,EACEL,GADF,EAEG,gCAA+BL,EAAG,EAFrC,EAGE;IACEW,qBAAqB,CAACC,YAAD,EAAe;MAClC,IAAI,IAAAC,8BAAA,EAAmBvB,OAAnB,EAA4BsB,YAA5B,CAAJ,EAA+C;MAC/C,IAAI,CAACf,qBAAL,EAA4B;MAE5B,MAAMiB,cAAc,GAAGF,YAAY,CAACG,cAAb,GAA8BC,MAA9B,CAAsCC,CAAD,IAAOA,CAAC,CAACC,MAAF,MAAad,WAAb,aAAaA,WAAb,uBAAaA,WAAW,CAAEc,MAA1B,CAA5C,CAAvB;MACAX,cAAc,CAACO,cAAD,CAAd;IACD;;EAPH,CAHF,EAYE,CAACxB,OAAD,EAAUc,WAAV,aAAUA,WAAV,uBAAUA,WAAW,CAAEc,MAAvB,EAA+BrB,qBAA/B,CAZF;EAeA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,oBAAD,CAAsB,QAAtB,CAA+B,QAA/B;IACE,KAAK,EAAE;MACLR,WAAW,EAAEa,OAAO,CAACiB,aAAR,CAAsBC,YAAtB,CAAmC,CAAAhB,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEc,MAAb,KAAuB,EAA1D,EAA8D5B,OAA9D,CADR;MAELA,OAFK;MAGLmB,WAHK;MAILlB,cAJK;MAKLO;IALK;EADT,gBASE,6BAAC,oBAAD,CAAsB,eAAtB,CAAsC,QAAtC;IAA+C,KAAK,EAAE;MAAEJ;IAAF;EAAtD,GACGE,QADH,CATF,CADF,CADF;AAiBD,CA/CM"}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +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    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\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  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    onPressImageMessage?: (message: SendbirdFileMessage, 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  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: React.FC<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 = React.FC<GroupChannelProps['Fragment']>;\n"],"mappings":""}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _moduleContext = require("../module/moduleContext");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GroupChannelListHeader = _ref => {
+  let {
+    children
+  } = _ref;
+  const fragment = (0, _react.useContext)(_moduleContext.GroupChannelListContexts.Fragment);
+  const typeSelector = (0, _react.useContext)(_moduleContext.GroupChannelListContexts.TypeSelector);
+  const {
+    HeaderComponent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    title: fragment.headerTitle,
+    right: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'create'
+    }),
+    onPressRight: typeSelector.show
+  }, children);
+};
+
+var _default = GroupChannelListHeader;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelListHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelListHeader","children","fragment","useContext","GroupChannelListContexts","Fragment","typeSelector","TypeSelector","HeaderComponent","useHeaderStyle","headerTitle","show"],"sources":["GroupChannelListHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { GroupChannelListContexts } from '../module/moduleContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListHeader: React.FC<GroupChannelListProps['Header']> = ({ children }) => {\n  const fragment = useContext(GroupChannelListContexts.Fragment);\n  const typeSelector = useContext(GroupChannelListContexts.TypeSelector);\n  const { HeaderComponent } = useHeaderStyle();\n\n  return (\n    <HeaderComponent title={fragment.headerTitle} right={<Icon icon={'create'} />} onPressRight={typeSelector.show}>\n      {children}\n    </HeaderComponent>\n  );\n};\n\nexport default GroupChannelListHeader;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAGA,MAAMA,sBAAiE,GAAG,QAAkB;EAAA,IAAjB;IAAEC;EAAF,CAAiB;EAC1F,MAAMC,QAAQ,GAAG,IAAAC,iBAAA,EAAWC,uCAAA,CAAyBC,QAApC,CAAjB;EACA,MAAMC,YAAY,GAAG,IAAAH,iBAAA,EAAWC,uCAAA,CAAyBG,YAApC,CAArB;EACA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EAEA,oBACE,6BAAC,eAAD;IAAiB,KAAK,EAAEP,QAAQ,CAACQ,WAAjC;IAA8C,KAAK,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAArD;IAA+E,YAAY,EAAEJ,YAAY,CAACK;EAA1G,GACGV,QADH,CADF;AAKD,CAVD;;eAYeD,sB"}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _useContext = require("../../../hooks/useContext");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const GroupChannelListList = _ref => {
+  let {
+    renderGroupChannelPreview,
+    groupChannels,
+    onLoadNext,
+    flatListProps,
+    menuItemCreator = _uikitUtils.PASS
+  } = _ref;
+  const toast = (0, _uikitReactNativeFoundation.useToast)();
+  const {
+    openMenu
+  } = (0, _uikitReactNativeFoundation.useActionMenu)();
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    sdk,
+    currentUser
+  } = (0, _useContext.useSendbirdChat)();
+  const onLongPress = (0, _uikitUtils.useFreshCallback)(channel => {
+    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';
+    const menuItem = menuItemCreator({
+      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? '', channel),
+      menuItems: [{
+        title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),
+        onPress: async () => {
+          if (action === 'on') {
+            await channel.setMyPushTriggerOption('default');
+          } else {
+            await channel.setMyPushTriggerOption('off');
+          }
+        },
+        onError: () => {
+          toast.show(action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR, 'error');
+        }
+      }, {
+        title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,
+        onPress: async () => {
+          channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());
+        },
+        onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error')
+      }]
+    });
+    openMenu(menuItem);
+  });
+  const renderItem = (0, _react.useCallback)(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return renderGroupChannelPreview === null || renderGroupChannelPreview === void 0 ? void 0 : renderGroupChannelPreview(item, () => onLongPress(item));
+  }, [renderGroupChannelPreview, onLongPress]);
+  const {
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, _extends({
+    bounces: false,
+    data: groupChannels,
+    renderItem: renderItem,
+    onEndReached: onLoadNext
+  }, flatListProps, {
+    contentContainerStyle: [flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle, {
+      paddingLeft: left,
+      paddingRight: right
+    }]
+  }));
+};
+
+var _default = GroupChannelListList;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelListList.js.map

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

@@ -0,0 +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: React.FC<GroupChannelListProps['List']> = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}) => {\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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"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const GroupChannelListStatusEmpty = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'no-channels'
+  }));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+var _default = GroupChannelListStatusEmpty;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelListStatusEmpty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelListStatusEmpty","styles","container","StyleSheet","create","flex","justifyContent","alignItems"],"sources":["GroupChannelListStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelListStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-channels'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelListStatusEmpty;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,2BAA2B,GAAG,MAAM;EACxC,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;;eAIeP,2B"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const GroupChannelListStatusLoading = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'loading'
+  }));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+var _default = GroupChannelListStatusLoading;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelListStatusLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelListStatusLoading","styles","container","StyleSheet","create","flex","justifyContent","alignItems"],"sources":["GroupChannelListStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelListStatusLoading = () => {\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 GroupChannelListStatusLoading;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,6BAA6B,GAAG,MAAM;EAC1C,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;;eAIeP,6B"}