@sendbird/uikit-react-native 2.3.0 → 2.4.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useChannelHandler","useActionMenu","useAlert","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","GroupChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","forceUpdate","STRINGS","sdk","fileService","alert","onChannelChanged","eventChannel","onChannelFrozen","onChannelUnfrozen","onUserBanned","toast","openSheet","openPrompt","openMenu","updateChannel","params","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const onChannelChanged = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel)) return;\n    forceUpdate();\n  };\n\n  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n    onUserBanned: onChannelChanged,\n  });\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelUpdateParams) => {\n      await channel.updateChannel(params);\n      forceUpdate();\n    },\n    [channel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: channel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, channel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_CAMERA,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverImage: file });\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","createContext","useCallback","useChannelHandler","useActionMenu","useAlert","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqHandlerId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","GroupChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","GroupChannelSettingsContextsProvider","children","handlerId","forceUpdate","STRINGS","sdk","fileService","alert","onChannelChanged","eventChannel","onChannelFrozen","onChannelUnfrozen","onUserBanned","toast","openSheet","openPrompt","openMenu","updateChannel","params","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const handlerId = useUniqHandlerId('GroupChannelSettingsContextsProvider');\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const onChannelChanged = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel)) return;\n    forceUpdate();\n  };\n\n  useChannelHandler(sdk, handlerId, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n    onUserBanned: onChannelChanged,\n  });\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelUpdateParams) => {\n      await channel.updateChannel(params);\n      forceUpdate();\n    },\n    [channel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: channel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, channel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_CAMERA,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverImage: file });\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}

package/lib/module/domain/openChannel/component/OpenChannelHeader.js

@@ -0,0 +1,63 @@
+import React, { useContext } from 'react';
+import { Box, Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
+import { useLocalization } from '../../..//hooks/useContext';
+import ChannelCover from '../../../components/ChannelCover';
+import { OpenChannelContexts } from '../module/moduleContext';
+
+const OpenChannelHeader = _ref => {
+  let {
+    onPressHeaderLeft,
+    onPressHeaderRight,
+    rightIconName
+  } = _ref;
+  const {
+    headerTitle,
+    channel
+  } = useContext(OpenChannelContexts.Fragment);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  const {
+    STRINGS
+  } = useLocalization();
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    clearTitleMargin: true,
+    title: /*#__PURE__*/React.createElement(Box, {
+      flexDirection: 'row',
+      alignItems: 'center',
+      style: styles.titleContainer
+    }, /*#__PURE__*/React.createElement(ChannelCover, {
+      channel: channel,
+      size: 34,
+      containerStyle: styles.avatarGroup
+    }), /*#__PURE__*/React.createElement(Box, {
+      flexShrink: 1
+    }, /*#__PURE__*/React.createElement(Header.Title, {
+      h2: true
+    }, headerTitle), /*#__PURE__*/React.createElement(Header.Subtitle, {
+      style: styles.subtitle
+    }, STRINGS.OPEN_CHANNEL.HEADER_SUBTITLE(channel)))),
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft,
+    right: /*#__PURE__*/React.createElement(Icon, {
+      icon: rightIconName
+    }),
+    onPressRight: onPressHeaderRight
+  });
+};
+
+const styles = createStyleSheet({
+  titleContainer: {
+    maxWidth: '100%'
+  },
+  avatarGroup: {
+    marginRight: 8
+  },
+  subtitle: {
+    marginTop: 2
+  }
+});
+export default /*#__PURE__*/React.memo(OpenChannelHeader);
+//# sourceMappingURL=OpenChannelHeader.js.map

package/lib/module/domain/openChannel/component/OpenChannelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Box","Header","Icon","createStyleSheet","useHeaderStyle","useLocalization","ChannelCover","OpenChannelContexts","OpenChannelHeader","onPressHeaderLeft","onPressHeaderRight","rightIconName","headerTitle","channel","Fragment","HeaderComponent","STRINGS","styles","titleContainer","avatarGroup","subtitle","OPEN_CHANNEL","HEADER_SUBTITLE","maxWidth","marginRight","marginTop","memo"],"sources":["OpenChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Box, Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../..//hooks/useContext';\nimport ChannelCover from '../../../components/ChannelCover';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelHeader = ({ onPressHeaderLeft, onPressHeaderRight, rightIconName }: OpenChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(OpenChannelContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <Box flexDirection={'row'} alignItems={'center'} style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <Box flexShrink={1}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            <Header.Subtitle style={styles.subtitle}>{STRINGS.OPEN_CHANNEL.HEADER_SUBTITLE(channel)}</Header.Subtitle>\n          </Box>\n        </Box>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={rightIconName} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default React.memo(OpenChannelHeader);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,GAAT,EAAcC,MAAd,EAAsBC,IAAtB,EAA4BC,gBAA5B,EAA8CC,cAA9C,QAAoE,yCAApE;AAEA,SAASC,eAAT,QAAgC,4BAAhC;AACA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,mBAAT,QAAoC,yBAApC;;AAGA,MAAMC,iBAAiB,GAAG,QAA0F;EAAA,IAAzF;IAAEC,iBAAF;IAAqBC,kBAArB;IAAyCC;EAAzC,CAAyF;EAClH,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAA2Bd,UAAU,CAACQ,mBAAmB,CAACO,QAArB,CAA3C;EACA,MAAM;IAAEC;EAAF,IAAsBX,cAAc,EAA1C;EACA,MAAM;IAAEY;EAAF,IAAcX,eAAe,EAAnC;EAEA,oBACE,oBAAC,eAAD;IACE,gBAAgB,MADlB;IAEE,KAAK,eACH,oBAAC,GAAD;MAAK,aAAa,EAAE,KAApB;MAA2B,UAAU,EAAE,QAAvC;MAAiD,KAAK,EAAEY,MAAM,CAACC;IAA/D,gBACE,oBAAC,YAAD;MAAc,OAAO,EAAEL,OAAvB;MAAgC,IAAI,EAAE,EAAtC;MAA0C,cAAc,EAAEI,MAAM,CAACE;IAAjE,EADF,eAEE,oBAAC,GAAD;MAAK,UAAU,EAAE;IAAjB,gBACE,oBAAC,MAAD,CAAQ,KAAR;MAAc,EAAE;IAAhB,GAAkBP,WAAlB,CADF,eAEE,oBAAC,MAAD,CAAQ,QAAR;MAAiB,KAAK,EAAEK,MAAM,CAACG;IAA/B,GAA0CJ,OAAO,CAACK,YAAR,CAAqBC,eAArB,CAAqCT,OAArC,CAA1C,CAFF,CAFF,CAHJ;IAWE,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAXR;IAYE,WAAW,EAAEJ,iBAZf;IAaE,KAAK,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAEE;IAAZ,EAbT;IAcE,YAAY,EAAED;EAdhB,EADF;AAkBD,CAvBD;;AAyBA,MAAMO,MAAM,GAAGd,gBAAgB,CAAC;EAC9Be,cAAc,EAAE;IACdK,QAAQ,EAAE;EADI,CADc;EAI9BJ,WAAW,EAAE;IACXK,WAAW,EAAE;EADF,CAJiB;EAO9BJ,QAAQ,EAAE;IACRK,SAAS,EAAE;EADH;AAPoB,CAAD,CAA/B;AAYA,4BAAe3B,KAAK,CAAC4B,IAAN,CAAWlB,iBAAX,CAAf"}

package/lib/module/domain/openChannel/component/OpenChannelInput.js

@@ -0,0 +1,74 @@
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
+import { getOpenChannelChatAvailableState, useUniqHandlerId } from '@sendbird/uikit-utils';
+import ChannelInput from '../../../components/ChannelInput';
+import { UNKNOWN_USER_ID } from '../../../constants';
+import { useSendbirdChat } from '../../../hooks/useContext';
+import { OpenChannelContexts } from '../module/moduleContext';
+
+const OpenChannelInput = props => {
+  const {
+    sdk,
+    currentUser
+  } = useSendbirdChat();
+  const {
+    channel,
+    messageToEdit,
+    setMessageToEdit,
+    keyboardAvoidOffset = 0
+  } = useContext(OpenChannelContexts.Fragment);
+  const [chatAvailableState, setChatAvailableState] = useState({
+    frozen: false,
+    muted: false,
+    disabled: false
+  });
+  const updateChatAvailableState = useCallback(baseChannel => {
+    if (baseChannel.isOpenChannel()) {
+      const userId = (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? UNKNOWN_USER_ID;
+      getOpenChannelChatAvailableState(baseChannel, userId).then(setChatAvailableState);
+    }
+  }, [currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId]);
+  useEffect(() => {
+    updateChatAvailableState(channel);
+  }, [channel, updateChatAvailableState]);
+  const handlerId = useUniqHandlerId('OpenChannelInput');
+  useChannelHandler(sdk, handlerId, {
+    onChannelFrozen(channel) {
+      updateChatAvailableState(channel);
+    },
+
+    onChannelUnfrozen(channel) {
+      updateChatAvailableState(channel);
+    },
+
+    onUserMuted(channel) {
+      updateChatAvailableState(channel);
+    },
+
+    onUserUnmuted(channel) {
+      updateChatAvailableState(channel);
+    },
+
+    onOperatorUpdated(channel) {
+      updateChatAvailableState(channel);
+    }
+
+  }, 'open');
+  return /*#__PURE__*/React.createElement(ChannelInput, {
+    channel: channel,
+    messageToEdit: messageToEdit,
+    setMessageToEdit: setMessageToEdit,
+    inputMuted: chatAvailableState.muted,
+    inputFrozen: channel.isFrozen,
+    inputDisabled: chatAvailableState.disabled,
+    keyboardAvoidOffset: keyboardAvoidOffset,
+    shouldRenderInput: props.shouldRenderInput,
+    onPressSendUserMessage: props.onPressSendUserMessage,
+    onPressSendFileMessage: props.onPressSendFileMessage,
+    onPressUpdateUserMessage: props.onPressUpdateUserMessage,
+    onPressUpdateFileMessage: props.onPressUpdateFileMessage
+  });
+};
+
+export default /*#__PURE__*/React.memo(OpenChannelInput);
+//# sourceMappingURL=OpenChannelInput.js.map

package/lib/module/domain/openChannel/component/OpenChannelInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","useEffect","useState","useChannelHandler","getOpenChannelChatAvailableState","useUniqHandlerId","ChannelInput","UNKNOWN_USER_ID","useSendbirdChat","OpenChannelContexts","OpenChannelInput","props","sdk","currentUser","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","Fragment","chatAvailableState","setChatAvailableState","frozen","muted","disabled","updateChatAvailableState","baseChannel","isOpenChannel","userId","then","handlerId","onChannelFrozen","onChannelUnfrozen","onUserMuted","onUserUnmuted","onOperatorUpdated","isFrozen","shouldRenderInput","onPressSendUserMessage","onPressSendFileMessage","onPressUpdateUserMessage","onPressUpdateFileMessage","memo"],"sources":["OpenChannelInput.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { SendbirdBaseChannel, getOpenChannelChatAvailableState, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { UNKNOWN_USER_ID } from '../../../constants';\nimport { useSendbirdChat } from '../../../hooks/useContext';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelInput = (props: OpenChannelProps['Input']) => {\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const {\n    channel,\n    messageToEdit,\n    setMessageToEdit,\n    keyboardAvoidOffset = 0,\n  } = useContext(OpenChannelContexts.Fragment);\n\n  const [chatAvailableState, setChatAvailableState] = useState({ frozen: false, muted: false, disabled: false });\n\n  const updateChatAvailableState = useCallback(\n    (baseChannel: SendbirdBaseChannel) => {\n      if (baseChannel.isOpenChannel()) {\n        const userId = currentUser?.userId ?? UNKNOWN_USER_ID;\n        getOpenChannelChatAvailableState(baseChannel, userId).then(setChatAvailableState);\n      }\n    },\n    [currentUser?.userId],\n  );\n\n  useEffect(() => {\n    updateChatAvailableState(channel);\n  }, [channel, updateChatAvailableState]);\n\n  const handlerId = useUniqHandlerId('OpenChannelInput');\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onChannelFrozen(channel) {\n        updateChatAvailableState(channel);\n      },\n      onChannelUnfrozen(channel) {\n        updateChatAvailableState(channel);\n      },\n      onUserMuted(channel) {\n        updateChatAvailableState(channel);\n      },\n      onUserUnmuted(channel) {\n        updateChatAvailableState(channel);\n      },\n      onOperatorUpdated(channel) {\n        updateChatAvailableState(channel);\n      },\n    },\n    'open',\n  );\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={channel.isFrozen}\n      inputDisabled={chatAvailableState.disabled}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      shouldRenderInput={props.shouldRenderInput}\n      onPressSendUserMessage={props.onPressSendUserMessage}\n      onPressSendFileMessage={props.onPressSendFileMessage}\n      onPressUpdateUserMessage={props.onPressUpdateUserMessage}\n      onPressUpdateFileMessage={props.onPressUpdateFileMessage}\n    />\n  );\n};\n\nexport default React.memo(OpenChannelInput);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,EAAyCC,SAAzC,EAAoDC,QAApD,QAAoE,OAApE;AAEA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,SAA8BC,gCAA9B,EAAgEC,gBAAhE,QAAwF,uBAAxF;AAEA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,eAAT,QAAgC,oBAAhC;AACA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,mBAAT,QAAoC,yBAApC;;AAGA,MAAMC,gBAAgB,GAAIC,KAAD,IAAsC;EAC7D,MAAM;IAAEC,GAAF;IAAOC;EAAP,IAAuBL,eAAe,EAA5C;EAEA,MAAM;IACJM,OADI;IAEJC,aAFI;IAGJC,gBAHI;IAIJC,mBAAmB,GAAG;EAJlB,IAKFjB,UAAU,CAACS,mBAAmB,CAACS,QAArB,CALd;EAOA,MAAM,CAACC,kBAAD,EAAqBC,qBAArB,IAA8ClB,QAAQ,CAAC;IAAEmB,MAAM,EAAE,KAAV;IAAiBC,KAAK,EAAE,KAAxB;IAA+BC,QAAQ,EAAE;EAAzC,CAAD,CAA5D;EAEA,MAAMC,wBAAwB,GAAGzB,WAAW,CACzC0B,WAAD,IAAsC;IACpC,IAAIA,WAAW,CAACC,aAAZ,EAAJ,EAAiC;MAC/B,MAAMC,MAAM,GAAG,CAAAd,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEc,MAAb,KAAuBpB,eAAtC;MACAH,gCAAgC,CAACqB,WAAD,EAAcE,MAAd,CAAhC,CAAsDC,IAAtD,CAA2DR,qBAA3D;IACD;EACF,CANyC,EAO1C,CAACP,WAAD,aAACA,WAAD,uBAACA,WAAW,CAAEc,MAAd,CAP0C,CAA5C;EAUA1B,SAAS,CAAC,MAAM;IACduB,wBAAwB,CAACV,OAAD,CAAxB;EACD,CAFQ,EAEN,CAACA,OAAD,EAAUU,wBAAV,CAFM,CAAT;EAIA,MAAMK,SAAS,GAAGxB,gBAAgB,CAAC,kBAAD,CAAlC;EACAF,iBAAiB,CACfS,GADe,EAEfiB,SAFe,EAGf;IACEC,eAAe,CAAChB,OAAD,EAAU;MACvBU,wBAAwB,CAACV,OAAD,CAAxB;IACD,CAHH;;IAIEiB,iBAAiB,CAACjB,OAAD,EAAU;MACzBU,wBAAwB,CAACV,OAAD,CAAxB;IACD,CANH;;IAOEkB,WAAW,CAAClB,OAAD,EAAU;MACnBU,wBAAwB,CAACV,OAAD,CAAxB;IACD,CATH;;IAUEmB,aAAa,CAACnB,OAAD,EAAU;MACrBU,wBAAwB,CAACV,OAAD,CAAxB;IACD,CAZH;;IAaEoB,iBAAiB,CAACpB,OAAD,EAAU;MACzBU,wBAAwB,CAACV,OAAD,CAAxB;IACD;;EAfH,CAHe,EAoBf,MApBe,CAAjB;EAuBA,oBACE,oBAAC,YAAD;IACE,OAAO,EAAEA,OADX;IAEE,aAAa,EAAEC,aAFjB;IAGE,gBAAgB,EAAEC,gBAHpB;IAIE,UAAU,EAAEG,kBAAkB,CAACG,KAJjC;IAKE,WAAW,EAAER,OAAO,CAACqB,QALvB;IAME,aAAa,EAAEhB,kBAAkB,CAACI,QANpC;IAOE,mBAAmB,EAAEN,mBAPvB;IAQE,iBAAiB,EAAEN,KAAK,CAACyB,iBAR3B;IASE,sBAAsB,EAAEzB,KAAK,CAAC0B,sBAThC;IAUE,sBAAsB,EAAE1B,KAAK,CAAC2B,sBAVhC;IAWE,wBAAwB,EAAE3B,KAAK,CAAC4B,wBAXlC;IAYE,wBAAwB,EAAE5B,KAAK,CAAC6B;EAZlC,EADF;AAgBD,CAlED;;AAoEA,4BAAe1C,KAAK,CAAC2C,IAAN,CAAW/B,gBAAX,CAAf"}

package/lib/module/domain/openChannel/component/OpenChannelMessageList.js

@@ -0,0 +1,325 @@
+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); }
+
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { ChannelFrozenBanner, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { Logger, getAvailableUriFromFileMessage, getFileExtension, getFileType, isMyMessage, messageKeyExtractor, toMegabyte, useFreshCallback, useSafeAreaPadding } from '@sendbird/uikit-utils';
+import ChatFlatList from '../../../components/ChatFlatList';
+import { useLocalization, usePlatformService } from '../../../hooks/useContext';
+import SBUUtils from '../../../libs/SBUUtils';
+import { OpenChannelContexts } from '../module/moduleContext';
+const HANDLE_NEXT_MSG_SEPARATELY = Platform.select({
+  default: true
+});
+
+const OpenChannelMessageList = _ref => {
+  let {
+    currentUserId,
+    channel,
+    messages,
+    renderMessage,
+    nextMessages,
+    newMessagesFromMembers,
+    onBottomReached,
+    onTopReached,
+    renderNewMessagesButton,
+    renderScrollToBottomButton,
+    onResendFailedMessage,
+    onDeleteMessage,
+    onPressMediaMessage,
+    flatListProps,
+    enableMessageGrouping
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);
+  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);
+  const scrollRef = useRef(null);
+  const safeAreaLayout = useSafeAreaPadding(['left', 'right']);
+  const getMessagePressActions = useGetMessagePressActions({
+    channel,
+    currentUserId,
+    onDeleteMessage,
+    onResendFailedMessage,
+    onPressMediaMessage
+  });
+  const renderItem = useFreshCallback(_ref2 => {
+    let {
+      item,
+      index
+    } = _ref2;
+    const {
+      onPress,
+      onLongPress
+    } = getMessagePressActions(item);
+    return renderMessage({
+      message: item,
+      prevMessage: messages[index + 1],
+      nextMessage: messages[index - 1],
+      onPress,
+      onLongPress,
+      enableMessageGrouping,
+      channel,
+      currentUserId
+    });
+  });
+
+  if (!HANDLE_NEXT_MSG_SEPARATELY) {
+    useEffect(() => {
+      if (newMessagesInternalBuffer.length !== 0) {
+        setNewMessagesInternalBuffer(prev => prev.concat(newMessagesFromMembers));
+      }
+
+      onBottomReached();
+    }, [newMessagesFromMembers]);
+  }
+
+  const onLeaveScrollBottom = useCallback(val => {
+    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);
+    setScrollLeaveBottom(val);
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [{
+      flex: 1,
+      backgroundColor: colors.background
+    }, safeAreaLayout]
+  }, channel.isFrozen && /*#__PURE__*/React.createElement(ChannelFrozenBanner, {
+    style: styles.frozenBanner,
+    text: STRINGS.OPEN_CHANNEL.LIST_BANNER_FROZEN
+  }), /*#__PURE__*/React.createElement(ChatFlatList, _extends({
+    nextMessages: nextMessages,
+    onBottomReached: onBottomReached,
+    onTopReached: onTopReached,
+    onLeaveScrollBottom: onLeaveScrollBottom,
+    currentUserId: currentUserId
+  }, flatListProps, {
+    listKey: `open-channel-messages-${channel.url}`,
+    ref: scrollRef,
+    data: messages,
+    renderItem: renderItem,
+    keyExtractor: messageKeyExtractor,
+    contentContainerStyle: [// { minHeight: '100%', justifyContent: 'flex-end' },
+    channel.isFrozen && styles.frozenListPadding, flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle]
+  })), renderNewMessagesButton && /*#__PURE__*/React.createElement(View, {
+    style: [styles.newMsgButton, safeAreaLayout]
+  }, renderNewMessagesButton({
+    visible: scrollLeaveBottom,
+    onPress: () => {
+      var _scrollRef$current;
+
+      return (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollToBottom(false);
+    },
+    newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers
+  })), renderScrollToBottomButton && /*#__PURE__*/React.createElement(View, {
+    pointerEvents: scrollLeaveBottom ? 'auto' : 'none',
+    style: [styles.scrollButton, safeAreaLayout]
+  }, renderScrollToBottomButton({
+    visible: scrollLeaveBottom,
+    onPress: () => {
+      var _scrollRef$current2;
+
+      return (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollToBottom(false);
+    }
+  })));
+};
+
+const useGetMessagePressActions = _ref3 => {
+  let {
+    currentUserId,
+    onResendFailedMessage,
+    onDeleteMessage,
+    onPressMediaMessage
+  } = _ref3;
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    STRINGS
+  } = useLocalization();
+  const toast = useToast();
+  const {
+    openSheet
+  } = useBottomSheet();
+  const {
+    alert
+  } = useAlert();
+  const {
+    clipboardService,
+    fileService
+  } = usePlatformService();
+  const {
+    setMessageToEdit
+  } = useContext(OpenChannelContexts.Fragment);
+
+  const handleFailedMessage = message => {
+    openSheet({
+      sheetItems: [{
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,
+        onPress: () => onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'))
+      }, {
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,
+        titleColor: colors.ui.dialog.default.none.destructive,
+        onPress: () => confirmDelete(message)
+      }]
+    });
+  };
+
+  const confirmDelete = message => {
+    alert({
+      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,
+      buttons: [{
+        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL
+      }, {
+        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,
+        style: 'destructive',
+        onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error'))
+      }]
+    });
+  };
+
+  return msg => {
+    if (!msg.isUserMessage() && !msg.isFileMessage()) {
+      return {
+        onPress: undefined,
+        onLongPress: undefined
+      };
+    }
+
+    const sheetItems = [];
+    const response = {
+      onPress: undefined,
+      onLongPress: undefined
+    };
+
+    if (msg.isUserMessage()) {
+      sheetItems.push({
+        icon: 'copy',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,
+        onPress: () => {
+          clipboardService.setString(msg.message || '');
+          toast.show(STRINGS.TOAST.COPY_OK, 'success');
+        }
+      });
+
+      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
+        sheetItems.push({
+          icon: 'edit',
+          title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
+          onPress: () => setMessageToEdit(msg)
+        }, {
+          icon: 'delete',
+          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
+          onPress: () => confirmDelete(msg)
+        });
+      }
+    }
+
+    if (msg.isFileMessage()) {
+      sheetItems.push({
+        icon: 'download',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,
+        onPress: async () => {
+          if (toMegabyte(msg.size) > 4) {
+            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
+          }
+
+          fileService.save({
+            fileUrl: msg.url,
+            fileName: msg.name,
+            fileType: msg.type
+          }).then(response => {
+            toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');
+            Logger.log('File saved to', response);
+          }).catch(err => {
+            toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
+            Logger.log('File save failure', err);
+          });
+        }
+      });
+
+      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
+        sheetItems.push({
+          icon: 'delete',
+          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
+          onPress: () => confirmDelete(msg)
+        });
+      }
+
+      const fileType = getFileType(msg.type || getFileExtension(msg.name));
+
+      switch (fileType) {
+        case 'image':
+        case 'video':
+        case 'audio':
+          {
+            response.onPress = () => {
+              onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));
+            };
+
+            break;
+          }
+
+        default:
+          {
+            response.onPress = () => SBUUtils.openURL(msg.url);
+
+            break;
+          }
+      }
+    }
+
+    if (sheetItems.length > 0) {
+      response.onLongPress = () => {
+        openSheet({
+          sheetItems
+        });
+      };
+    }
+
+    if (msg.sendingStatus === 'failed') {
+      response.onLongPress = () => handleFailedMessage(msg);
+
+      response.onPress = () => {
+        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
+      };
+    }
+
+    if (msg.sendingStatus === 'pending') {
+      response.onLongPress = undefined;
+      response.onPress = undefined;
+    }
+
+    return response;
+  };
+};
+
+const styles = createStyleSheet({
+  frozenBanner: {
+    position: 'absolute',
+    zIndex: 999,
+    top: 8,
+    left: 8,
+    right: 8
+  },
+  frozenListPadding: {
+    paddingBottom: 32
+  },
+  newMsgButton: {
+    position: 'absolute',
+    zIndex: 999,
+    bottom: 10,
+    alignSelf: 'center'
+  },
+  scrollButton: {
+    position: 'absolute',
+    zIndex: 998,
+    bottom: 10,
+    right: 16
+  }
+});
+export default /*#__PURE__*/React.memo(OpenChannelMessageList);
+//# sourceMappingURL=OpenChannelMessageList.js.map

package/lib/module/domain/openChannel/component/OpenChannelMessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","Platform","View","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","toMegabyte","useFreshCallback","useSafeAreaPadding","ChatFlatList","useLocalization","usePlatformService","SBUUtils","OpenChannelContexts","HANDLE_NEXT_MSG_SEPARATELY","select","default","OpenChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","colors","scrollLeaveBottom","setScrollLeaveBottom","newMessagesInternalBuffer","setNewMessagesInternalBuffer","scrollRef","safeAreaLayout","getMessagePressActions","useGetMessagePressActions","renderItem","item","index","onPress","onLongPress","message","prevMessage","nextMessage","length","prev","concat","onLeaveScrollBottom","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","OPEN_CHANNEL","LIST_BANNER_FROZEN","url","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","openSheet","alert","clipboardService","fileService","setMessageToEdit","Fragment","handleFailedMessage","sheetItems","title","LABELS","CHANNEL_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","CHANNEL_MESSAGE_COPY","setString","COPY_OK","sendingStatus","CHANNEL_MESSAGE_EDIT","CHANNEL_MESSAGE_DELETE","CHANNEL_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","openURL","position","zIndex","top","left","right","paddingBottom","bottom","alignSelf","memo"],"sources":["OpenChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { ListRenderItem, Platform, View } from 'react-native';\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  toMegabyte,\n  useFreshCallback,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { useLocalization, usePlatformService } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst OpenChannelMessageList = ({\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  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: OpenChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n\n  const scrollRef = useRef<ChatFlatListRef>(null);\n\n  const safeAreaLayout = useSafeAreaPadding(['left', 'right']);\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n  });\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.OPEN_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={`open-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 useGetMessagePressActions = ({\n  currentUserId,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressMediaMessage,\n}: Pick<\n  OpenChannelProps['MessageList'],\n  'channel' | 'currentUserId' | 'onResendFailedMessage' | 'onDeleteMessage' | 'onPressMediaMessage'\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 { setMessageToEdit } = useContext(OpenChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_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.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.LABELS.CHANNEL_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.LABELS.CHANNEL_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.LABELS.CHANNEL_MESSAGE_EDIT,\n            onPress: () => setMessageToEdit(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.LABELS.CHANNEL_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.LABELS.CHANNEL_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => SBUUtils.openURL(msg.url);\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({ sheetItems });\n      };\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(OpenChannelMessageList);\n"],"mappings":"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"}

package/lib/module/domain/openChannel/component/OpenChannelStatusEmpty.js

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

package/lib/module/domain/openChannel/component/OpenChannelStatusEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","OpenChannelStatusEmpty","styles","container","create","flex","justifyContent","alignItems"],"sources":["OpenChannelStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelStatusEmpty = () => {\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 OpenChannelStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,sBAAsB,GAAG,MAAM;EACnC,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,sBAAf"}

package/lib/module/domain/openChannel/component/OpenChannelStatusLoading.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const OpenChannelStatusLoading = () => {
+  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 OpenChannelStatusLoading;
+//# sourceMappingURL=OpenChannelStatusLoading.js.map

package/lib/module/domain/openChannel/component/OpenChannelStatusLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","OpenChannelStatusLoading","styles","container","create","flex","justifyContent","alignItems"],"sources":["OpenChannelStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelStatusLoading = () => {\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 OpenChannelStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,wBAAwB,GAAG,MAAM;EACrC,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,wBAAf"}