@sendbird/uikit-react-native 2.0.3 → 2.2.0

package/lib/module/contexts/PlatformServiceCtx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PlatformServiceContext","createContext","PlatformServiceProvider","children","fileService","clipboardService","notificationService","mediaService"],"sources":["PlatformServiceCtx.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {\n  ClipboardServiceInterface,\n  FileServiceInterface,\n  MediaServiceInterface,\n  NotificationServiceInterface,\n} from '../platform/types';\n\ntype Props = React.PropsWithChildren<{\n  fileService: FileServiceInterface;\n  clipboardService: ClipboardServiceInterface;\n  notificationService: NotificationServiceInterface;\n  mediaService?: MediaServiceInterface;\n}>;\n\nexport const PlatformServiceContext = React.createContext<Props | null>(null);\nexport const PlatformServiceProvider = ({\n  children,\n  fileService,\n  clipboardService,\n  notificationService,\n  mediaService,\n}: Props) => {\n  return (\n    <PlatformServiceContext.Provider value={{ fileService, clipboardService, notificationService, mediaService }}>\n      {children}\n    </PlatformServiceContext.Provider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAgBA,OAAO,MAAMC,sBAAsB,gBAAGD,KAAK,CAACE,aAAN,CAAkC,IAAlC,CAA/B;AACP,OAAO,MAAMC,uBAAuB,GAAG,QAM1B;EAAA,IAN2B;IACtCC,QADsC;IAEtCC,WAFsC;IAGtCC,gBAHsC;IAItCC,mBAJsC;IAKtCC;EALsC,CAM3B;EACX,oBACE,oBAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAE;MAAEH,WAAF;MAAeC,gBAAf;MAAiCC,mBAAjC;MAAsDC;IAAtD;EAAxC,GACGJ,QADH,CADF;AAKD,CAZM"}

package/lib/module/contexts/ReactionCtx.js

@@ -0,0 +1,85 @@
+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, useReducer, useRef, useState } from 'react';
+import { NOOP } from '@sendbird/uikit-utils';
+import { ReactionBottomSheets } from '../components/ReactionBottomSheets';
+import { LocalizationContext } from '../contexts/LocalizationCtx';
+import { SendbirdChatContext } from '../contexts/SendbirdChatCtx';
+import { UserProfileContext } from '../contexts/UserProfileCtx';
+export const ReactionContext = /*#__PURE__*/React.createContext(null);
+export const ReactionProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const chatCtx = useContext(SendbirdChatContext);
+  const localizationCtx = useContext(LocalizationContext);
+  const userProfileCtx = useContext(UserProfileContext);
+  if (!chatCtx) throw new Error('SendbirdChatContext is not provided');
+  if (!localizationCtx) throw new Error('LocalizationContext is not provided');
+  if (!userProfileCtx) throw new Error('UserProfileContext is not provided');
+  const [state, setState] = useReducer((prev, next) => ({ ...prev,
+    ...next
+  }), {});
+  const [reactionListVisible, setReactionListVisible] = useState(false);
+  const [reactionUserListVisible, setReactionUserListVisible] = useState(false);
+  const [reactionUserListFocusIndex, setReactionUserListFocusIndex] = useState(0);
+  const closeResolver = useRef(NOOP);
+  const openReactionList = useCallback(params => {
+    setState(params);
+    setReactionListVisible(true);
+  }, []);
+  const openReactionUserList = useCallback(_ref2 => {
+    let {
+      channel,
+      message,
+      focusIndex = 0
+    } = _ref2;
+    setState({
+      channel,
+      message
+    });
+    setReactionUserListFocusIndex(focusIndex);
+    setReactionUserListVisible(true);
+  }, []);
+  const updateReactionFocusedItem = useCallback(params => {
+    if (params) setState(params);else setState({});
+  }, []);
+
+  const createOnCloseWithResolver = callback => {
+    return () => {
+      return new Promise(resolve => {
+        closeResolver.current = resolve;
+        callback();
+      });
+    };
+  };
+
+  const reactionCtx = { ...state,
+    openReactionList,
+    openReactionUserList,
+    updateReactionFocusedItem,
+    focusIndex: reactionUserListFocusIndex
+  };
+  const sheetProps = {
+    chatCtx,
+    reactionCtx,
+    localizationCtx,
+    userProfileCtx,
+    onDismiss: () => {
+      var _closeResolver$curren;
+
+      setState({});
+      (_closeResolver$curren = closeResolver.current) === null || _closeResolver$curren === void 0 ? void 0 : _closeResolver$curren.call(closeResolver);
+    }
+  };
+  return /*#__PURE__*/React.createElement(ReactionContext.Provider, {
+    value: reactionCtx
+  }, children, /*#__PURE__*/React.createElement(ReactionBottomSheets.UserList, _extends({}, sheetProps, {
+    visible: reactionUserListVisible,
+    onClose: createOnCloseWithResolver(() => setReactionUserListVisible(false))
+  })), /*#__PURE__*/React.createElement(ReactionBottomSheets.ReactionList, _extends({}, sheetProps, {
+    visible: reactionListVisible,
+    onClose: createOnCloseWithResolver(() => setReactionListVisible(false))
+  })));
+};
+//# sourceMappingURL=ReactionCtx.js.map

package/lib/module/contexts/ReactionCtx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","useReducer","useRef","useState","NOOP","ReactionBottomSheets","LocalizationContext","SendbirdChatContext","UserProfileContext","ReactionContext","createContext","ReactionProvider","children","chatCtx","localizationCtx","userProfileCtx","Error","state","setState","prev","next","reactionListVisible","setReactionListVisible","reactionUserListVisible","setReactionUserListVisible","reactionUserListFocusIndex","setReactionUserListFocusIndex","closeResolver","openReactionList","params","openReactionUserList","channel","message","focusIndex","updateReactionFocusedItem","createOnCloseWithResolver","callback","Promise","resolve","current","reactionCtx","sheetProps","onDismiss"],"sources":["ReactionCtx.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer, useRef, useState } from 'react';\n\nimport type { SendbirdBaseChannel, SendbirdBaseMessage } from '@sendbird/uikit-utils';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { ReactionBottomSheets } from '../components/ReactionBottomSheets';\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\nimport { UserProfileContext } from '../contexts/UserProfileCtx';\n\ntype State = {\n  message?: SendbirdBaseMessage;\n  channel?: SendbirdBaseChannel;\n};\nexport type ReactionContextType = {\n  openReactionList(param: Required<State>): void;\n  openReactionUserList(param: Required<State> & { focusIndex?: number }): void;\n  updateReactionFocusedItem(param?: State): void;\n  focusIndex: number;\n} & State;\n\ntype Props = React.PropsWithChildren<{}>;\n\nexport const ReactionContext = React.createContext<ReactionContextType | null>(null);\nexport const ReactionProvider = ({ children }: Props) => {\n  const chatCtx = useContext(SendbirdChatContext);\n  const localizationCtx = useContext(LocalizationContext);\n  const userProfileCtx = useContext(UserProfileContext);\n  if (!chatCtx) throw new Error('SendbirdChatContext is not provided');\n  if (!localizationCtx) throw new Error('LocalizationContext is not provided');\n  if (!userProfileCtx) throw new Error('UserProfileContext is not provided');\n\n  const [state, setState] = useReducer((prev: State, next: State) => ({ ...prev, ...next }), {});\n  const [reactionListVisible, setReactionListVisible] = useState(false);\n  const [reactionUserListVisible, setReactionUserListVisible] = useState(false);\n  const [reactionUserListFocusIndex, setReactionUserListFocusIndex] = useState(0);\n\n  const closeResolver = useRef<() => void>(NOOP);\n\n  const openReactionList: ReactionContextType['openReactionList'] = useCallback((params) => {\n    setState(params);\n    setReactionListVisible(true);\n  }, []);\n\n  const openReactionUserList: ReactionContextType['openReactionUserList'] = useCallback(\n    ({ channel, message, focusIndex = 0 }) => {\n      setState({ channel, message });\n      setReactionUserListFocusIndex(focusIndex);\n      setReactionUserListVisible(true);\n    },\n    [],\n  );\n\n  const updateReactionFocusedItem: ReactionContextType['updateReactionFocusedItem'] = useCallback((params) => {\n    if (params) setState(params);\n    else setState({});\n  }, []);\n\n  const createOnCloseWithResolver = (callback: () => void) => {\n    return () => {\n      return new Promise<void>((resolve) => {\n        closeResolver.current = resolve;\n        callback();\n      });\n    };\n  };\n\n  const reactionCtx = {\n    ...state,\n    openReactionList,\n    openReactionUserList,\n    updateReactionFocusedItem,\n    focusIndex: reactionUserListFocusIndex,\n  };\n\n  const sheetProps = {\n    chatCtx,\n    reactionCtx,\n    localizationCtx,\n    userProfileCtx,\n    onDismiss: () => {\n      setState({});\n      closeResolver.current?.();\n    },\n  };\n\n  return (\n    <ReactionContext.Provider value={reactionCtx}>\n      {children}\n      <ReactionBottomSheets.UserList\n        {...sheetProps}\n        visible={reactionUserListVisible}\n        onClose={createOnCloseWithResolver(() => setReactionUserListVisible(false))}\n      />\n      <ReactionBottomSheets.ReactionList\n        {...sheetProps}\n        visible={reactionListVisible}\n        onClose={createOnCloseWithResolver(() => setReactionListVisible(false))}\n      />\n    </ReactionContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/lib/module/contexts/{SendbirdChat.js → SendbirdChatCtx.js}

@@ -7,9 +7,13 @@ export const SendbirdChatProvider = _ref => {
   let {
     children,
     sdkInstance,
+    emojiManager,
+    mentionManager,
     enableAutoPushTokenRegistration,
     enableChannelListMessageReceiptStatus,
-    enableChannelListTypingIndicator
+    enableChannelListTypingIndicator,
+    enableUseUserIdForNickname,
+    enableUserMention
   } = _ref;
   const [currentUser, _setCurrentUser] = useState();
   const forceUpdate = useForceUpdate();
@@ -23,11 +27,17 @@ export const SendbirdChatProvider = _ref => {
   const updateCurrentUserInfo = useCallback(async (nickname, profile) => {
     let user = currentUser;
     if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');
-    const params = {
-      nickname
-    };
+    const params = {};
+
+    if (!nickname) {
+      params.nickname = user.nickname;
+    } else {
+      params.nickname = nickname;
+    }
 
-    if (typeof profile === 'string') {
+    if (!profile) {
+      params.profileUrl = user.profileUrl;
+    } else if (typeof profile === 'string') {
       params.profileUrl = profile;
     } else if (typeof profile === 'object') {
       params.profileImage = profile;
@@ -53,6 +63,8 @@ export const SendbirdChatProvider = _ref => {
   }, [sdkInstance]);
   const value = {
     sdk: sdkInstance,
+    emojiManager,
+    mentionManager,
     currentUser,
     setCurrentUser,
     updateCurrentUserInfo,
@@ -60,11 +72,13 @@ export const SendbirdChatProvider = _ref => {
     features: { ...appFeatures,
       autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,
       channelListTypingIndicatorEnabled: enableChannelListTypingIndicator,
-      channelListMessageReceiptStatusEnabled: enableChannelListMessageReceiptStatus
+      channelListMessageReceiptStatusEnabled: enableChannelListMessageReceiptStatus,
+      useUserIdForNicknameEnabled: enableUseUserIdForNickname,
+      userMentionEnabled: enableUserMention
     }
   };
   return /*#__PURE__*/React.createElement(SendbirdChatContext.Provider, {
     value: value
   }, children);
 };
-//# sourceMappingURL=SendbirdChat.js.map
+//# sourceMappingURL=SendbirdChatCtx.js.map

package/lib/module/contexts/SendbirdChatCtx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useState","AppState","useAppFeatures","confirmAndMarkAsDelivered","useForceUpdate","SendbirdChatContext","createContext","SendbirdChatProvider","children","sdkInstance","emojiManager","mentionManager","enableAutoPushTokenRegistration","enableChannelListMessageReceiptStatus","enableChannelListTypingIndicator","enableUseUserIdForNickname","enableUserMention","currentUser","_setCurrentUser","forceUpdate","appFeatures","setCurrentUser","user","updateCurrentUserInfo","nickname","profile","Error","params","profileUrl","profileImage","markAsDeliveredWithChannel","channel","deliveryReceiptEnabled","listener","status","connectionState","setForegroundState","setBackgroundState","subscriber","addEventListener","remove","value","sdk","features","autoPushTokenRegistrationEnabled","channelListTypingIndicatorEnabled","channelListMessageReceiptStatusEnabled","useUserIdForNicknameEnabled","userMentionEnabled"],"sources":["SendbirdChatCtx.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nimport { useAppFeatures } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdChatSDK,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserUpdateParams,\n} from '@sendbird/uikit-utils';\nimport { confirmAndMarkAsDelivered, useForceUpdate } from '@sendbird/uikit-utils';\n\nimport type EmojiManager from '../libs/EmojiManager';\nimport type MentionManager from '../libs/MentionManager';\nimport type { FileType } from '../platform/types';\n\nexport interface UIKitFeaturesInSendbirdChatContext {\n  enableAutoPushTokenRegistration: boolean;\n  enableChannelListTypingIndicator: boolean;\n  enableChannelListMessageReceiptStatus: boolean;\n  enableUseUserIdForNickname: boolean;\n  enableUserMention: boolean;\n}\n\ninterface Props extends UIKitFeaturesInSendbirdChatContext, React.PropsWithChildren {\n  sdkInstance: SendbirdChatSDK;\n  emojiManager: EmojiManager;\n  mentionManager: MentionManager;\n}\n\ntype Context = {\n  sdk: SendbirdChatSDK;\n  emojiManager: EmojiManager;\n  mentionManager: MentionManager;\n  currentUser?: SendbirdUser;\n  setCurrentUser: React.Dispatch<React.SetStateAction<SendbirdUser | undefined>>;\n\n  // helper functions\n  updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;\n  markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;\n\n  features: {\n    // UIKit features\n    autoPushTokenRegistrationEnabled: boolean;\n    channelListTypingIndicatorEnabled: boolean;\n    channelListMessageReceiptStatusEnabled: boolean;\n    useUserIdForNicknameEnabled: boolean;\n    userMentionEnabled: boolean;\n\n    // Sendbird application features\n    deliveryReceiptEnabled: boolean;\n    broadcastChannelEnabled: boolean;\n    superGroupChannelEnabled: boolean;\n    reactionEnabled: boolean;\n  };\n};\n\nexport const SendbirdChatContext = React.createContext<Context | null>(null);\nexport const SendbirdChatProvider = ({\n  children,\n  sdkInstance,\n  emojiManager,\n  mentionManager,\n  enableAutoPushTokenRegistration,\n  enableChannelListMessageReceiptStatus,\n  enableChannelListTypingIndicator,\n  enableUseUserIdForNickname,\n  enableUserMention,\n}: Props) => {\n  const [currentUser, _setCurrentUser] = useState<SendbirdUser>();\n  const forceUpdate = useForceUpdate();\n  const appFeatures = useAppFeatures(sdkInstance);\n\n  const setCurrentUser: Context['setCurrentUser'] = useCallback((user) => {\n    // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser\n    _setCurrentUser(user);\n    forceUpdate();\n  }, []);\n\n  const updateCurrentUserInfo: Context['updateCurrentUserInfo'] = useCallback(\n    async (nickname, profile) => {\n      let user = currentUser;\n\n      if (!user) throw new Error('Current user is not defined, please connect using `useConnection()` hook first');\n\n      const params: SendbirdUserUpdateParams = {};\n\n      if (!nickname) {\n        params.nickname = user.nickname;\n      } else {\n        params.nickname = nickname;\n      }\n\n      if (!profile) {\n        params.profileUrl = user.profileUrl;\n      } else if (typeof profile === 'string') {\n        params.profileUrl = profile;\n      } else if (typeof profile === 'object') {\n        params.profileImage = profile;\n      } else {\n        throw new Error(`Cannot update profile, not supported profile type(${typeof profile})`);\n      }\n\n      user = await sdkInstance.updateCurrentUserInfo(params);\n\n      setCurrentUser(user);\n      return user;\n    },\n    [sdkInstance, currentUser, setCurrentUser],\n  );\n\n  const markAsDeliveredWithChannel: Context['markAsDeliveredWithChannel'] = useCallback(\n    (channel: SendbirdGroupChannel) => {\n      if (appFeatures.deliveryReceiptEnabled) confirmAndMarkAsDelivered([channel]);\n    },\n    [sdkInstance, appFeatures.deliveryReceiptEnabled],\n  );\n\n  useEffect(() => {\n    const listener = (status: AppStateStatus) => {\n      // 'active' | 'background' | 'inactive' | 'unknown' | 'extension';\n      if (status === 'active') sdkInstance.connectionState === 'CLOSED' && sdkInstance.setForegroundState();\n      else if (status === 'background') sdkInstance.connectionState === 'OPEN' && sdkInstance.setBackgroundState();\n    };\n\n    const subscriber = AppState.addEventListener('change', listener);\n    return () => subscriber.remove();\n  }, [sdkInstance]);\n\n  const value: Context = {\n    sdk: sdkInstance,\n    emojiManager,\n    mentionManager,\n    currentUser,\n    setCurrentUser,\n\n    updateCurrentUserInfo,\n    markAsDeliveredWithChannel,\n\n    features: {\n      ...appFeatures,\n      autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,\n      channelListTypingIndicatorEnabled: enableChannelListTypingIndicator,\n      channelListMessageReceiptStatusEnabled: enableChannelListMessageReceiptStatus,\n      useUserIdForNicknameEnabled: enableUseUserIdForNickname,\n      userMentionEnabled: enableUserMention,\n    },\n  };\n\n  return <SendbirdChatContext.Provider value={value}>{children}</SendbirdChatContext.Provider>;\n};\n"],"mappings":"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"}

package/lib/module/contexts/UserProfileCtx.js

@@ -0,0 +1,101 @@
+import React, { useCallback, useContext, useState } from 'react';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Modal, OutlinedButton, ProfileCard, createStyleSheet } from '@sendbird/uikit-react-native-foundation';
+import { Logger, PASS, useIIFE } from '@sendbird/uikit-utils';
+import { LocalizationContext } from '../contexts/LocalizationCtx';
+import { SendbirdChatContext } from '../contexts/SendbirdChatCtx';
+let WARN_onCreateChannel = false;
+export const UserProfileContext = /*#__PURE__*/React.createContext(null);
+export const UserProfileProvider = _ref => {
+  let {
+    children,
+    onCreateChannel,
+    onBeforeCreateChannel = PASS
+  } = _ref;
+  const chatContext = useContext(SendbirdChatContext);
+  const localizationContext = useContext(LocalizationContext);
+  if (!chatContext) throw new Error('SendbirdChatContext is not provided');
+  if (!localizationContext) throw new Error('LocalizationContext is not provided');
+
+  if (__DEV__ && !WARN_onCreateChannel && !onCreateChannel) {
+    Logger.warn('You should pass `userProfile.onCreateChannel` prop to SendbirdUIKitContainer if want to use message in a user profile');
+    WARN_onCreateChannel = true;
+  }
+
+  const {
+    bottom,
+    left,
+    right
+  } = useSafeAreaInsets();
+  const [user, setUser] = useState();
+  const [visible, setVisible] = useState(false);
+  const show = useCallback(user => {
+    setUser(user);
+    setVisible(true);
+  }, []);
+  const hide = useCallback(() => {
+    setVisible(false);
+  }, []);
+  const userProfileButton = useIIFE(() => {
+    const isMe = chatContext.currentUser && (user === null || user === void 0 ? void 0 : user.userId) === chatContext.currentUser.userId;
+    if (isMe) return undefined;
+
+    const onPressMessageButton = async () => {
+      if (user) {
+        const params = {
+          invitedUserIds: [user.userId],
+          name: '',
+          coverUrl: '',
+          isDistinct: false
+        };
+        if (chatContext.currentUser) params.operatorUserIds = [chatContext.currentUser.userId];
+        const processedParams = await onBeforeCreateChannel(params, [user]);
+        hide();
+        const channel = await chatContext.sdk.groupChannel.createChannel(processedParams);
+
+        if (onCreateChannel) {
+          onCreateChannel(channel);
+        } else {
+          Logger.warn('Please set `onCreateChannel` before message to user from profile card, see `userProfile` prop in the `SendbirdUIKitContainer` props');
+        }
+      }
+    };
+
+    return /*#__PURE__*/React.createElement(OutlinedButton, {
+      onPress: onPressMessageButton
+    }, localizationContext.STRINGS.PROFILE_CARD.BUTTON_MESSAGE);
+  });
+  return /*#__PURE__*/React.createElement(UserProfileContext.Provider, {
+    value: {
+      show,
+      hide
+    }
+  }, children, /*#__PURE__*/React.createElement(Modal, {
+    type: 'slide',
+    onClose: hide,
+    onDismiss: () => setUser(undefined),
+    visible: visible && Boolean(user),
+    backgroundStyle: styles.modal
+  }, user && /*#__PURE__*/React.createElement(ProfileCard, {
+    containerStyle: [styles.profileCardContainer, {
+      paddingLeft: left,
+      paddingRight: right,
+      paddingBottom: bottom
+    }],
+    uri: user.profileUrl,
+    username: user.nickname || localizationContext.STRINGS.LABELS.USER_NO_NAME,
+    bodyLabel: localizationContext.STRINGS.PROFILE_CARD.BODY_LABEL,
+    body: localizationContext.STRINGS.PROFILE_CARD.BODY(user),
+    button: userProfileButton
+  })));
+};
+const styles = createStyleSheet({
+  modal: {
+    justifyContent: 'flex-end'
+  },
+  profileCardContainer: {
+    borderTopLeftRadius: 8,
+    borderTopRightRadius: 8
+  }
+});
+//# sourceMappingURL=UserProfileCtx.js.map

package/lib/module/contexts/UserProfileCtx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","useState","useSafeAreaInsets","Modal","OutlinedButton","ProfileCard","createStyleSheet","Logger","PASS","useIIFE","LocalizationContext","SendbirdChatContext","WARN_onCreateChannel","UserProfileContext","createContext","UserProfileProvider","children","onCreateChannel","onBeforeCreateChannel","chatContext","localizationContext","Error","__DEV__","warn","bottom","left","right","user","setUser","visible","setVisible","show","hide","userProfileButton","isMe","currentUser","userId","undefined","onPressMessageButton","params","invitedUserIds","name","coverUrl","isDistinct","operatorUserIds","processedParams","channel","sdk","groupChannel","createChannel","STRINGS","PROFILE_CARD","BUTTON_MESSAGE","Boolean","styles","modal","profileCardContainer","paddingLeft","paddingRight","paddingBottom","profileUrl","nickname","LABELS","USER_NO_NAME","BODY_LABEL","BODY","justifyContent","borderTopLeftRadius","borderTopRightRadius"],"sources":["UserProfileCtx.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Modal, OutlinedButton, ProfileCard, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type {\n  SendbirdGroupChannel,\n  SendbirdGroupChannelCreateParams,\n  SendbirdMember,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\nimport { Logger, PASS, useIIFE } from '@sendbird/uikit-utils';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\n\ntype OnCreateChannel = (channel: SendbirdGroupChannel) => void;\ntype OnBeforeCreateChannel = (\n  channelParams: SendbirdGroupChannelCreateParams,\n  users: SendbirdUser[] | SendbirdMember[],\n) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;\n\nexport type UserProfileContextType = {\n  show(user: SendbirdUser | SendbirdMember): void;\n  hide(): void;\n};\n\ntype Props = React.PropsWithChildren<{\n  onCreateChannel?: OnCreateChannel;\n  onBeforeCreateChannel?: OnBeforeCreateChannel;\n}>;\n\nlet WARN_onCreateChannel = false;\n\nexport const UserProfileContext = React.createContext<UserProfileContextType | null>(null);\nexport const UserProfileProvider = ({ children, onCreateChannel, onBeforeCreateChannel = PASS }: Props) => {\n  const chatContext = useContext(SendbirdChatContext);\n  const localizationContext = useContext(LocalizationContext);\n\n  if (!chatContext) throw new Error('SendbirdChatContext is not provided');\n  if (!localizationContext) throw new Error('LocalizationContext is not provided');\n\n  if (__DEV__ && !WARN_onCreateChannel && !onCreateChannel) {\n    Logger.warn(\n      'You should pass `userProfile.onCreateChannel` prop to SendbirdUIKitContainer if want to use message in a user profile',\n    );\n    WARN_onCreateChannel = true;\n  }\n\n  const { bottom, left, right } = useSafeAreaInsets();\n\n  const [user, setUser] = useState<SendbirdUser | SendbirdMember>();\n  const [visible, setVisible] = useState(false);\n\n  const show: UserProfileContextType['show'] = useCallback((user) => {\n    setUser(user);\n    setVisible(true);\n  }, []);\n\n  const hide: UserProfileContextType['hide'] = useCallback(() => {\n    setVisible(false);\n  }, []);\n\n  const userProfileButton = useIIFE(() => {\n    const isMe = chatContext.currentUser && user?.userId === chatContext.currentUser.userId;\n    if (isMe) return undefined;\n\n    const onPressMessageButton = async () => {\n      if (user) {\n        const params: SendbirdGroupChannelCreateParams = {\n          invitedUserIds: [user.userId],\n          name: '',\n          coverUrl: '',\n          isDistinct: false,\n        };\n\n        if (chatContext.currentUser) params.operatorUserIds = [chatContext.currentUser.userId];\n        const processedParams = await onBeforeCreateChannel(params, [user]);\n\n        hide();\n        const channel = await chatContext.sdk.groupChannel.createChannel(processedParams);\n\n        if (onCreateChannel) {\n          onCreateChannel(channel);\n        } else {\n          Logger.warn(\n            'Please set `onCreateChannel` before message to user from profile card, see `userProfile` prop in the `SendbirdUIKitContainer` props',\n          );\n        }\n      }\n    };\n\n    return (\n      <OutlinedButton onPress={onPressMessageButton}>\n        {localizationContext.STRINGS.PROFILE_CARD.BUTTON_MESSAGE}\n      </OutlinedButton>\n    );\n  });\n\n  return (\n    <UserProfileContext.Provider value={{ show, hide }}>\n      {children}\n      <Modal\n        type={'slide'}\n        onClose={hide}\n        onDismiss={() => setUser(undefined)}\n        visible={visible && Boolean(user)}\n        backgroundStyle={styles.modal}\n      >\n        {user && (\n          <ProfileCard\n            containerStyle={[\n              styles.profileCardContainer,\n              { paddingLeft: left, paddingRight: right, paddingBottom: bottom },\n            ]}\n            uri={user.profileUrl}\n            username={user.nickname || localizationContext.STRINGS.LABELS.USER_NO_NAME}\n            bodyLabel={localizationContext.STRINGS.PROFILE_CARD.BODY_LABEL}\n            body={localizationContext.STRINGS.PROFILE_CARD.BODY(user)}\n            button={userProfileButton}\n          />\n        )}\n      </Modal>\n    </UserProfileContext.Provider>\n  );\n};\n\nconst styles = createStyleSheet({\n  modal: {\n    justifyContent: 'flex-end',\n  },\n  profileCardContainer: {\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n});\n"],"mappings":"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"}

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

@@ -1,49 +1,45 @@
-import React, { useEffect, useRef } from 'react';
+import React, { forwardRef } from 'react';
 import { Platform, View } from 'react-native';
+import { MentionType } from '@sendbird/chat/message';
 import { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';
-import { useLocalization } from '../../../../hooks/useContext';
-const AUTO_FOCUS = Platform.select({
-  ios: false,
-  android: true,
-  default: false
-});
-
-const EditInput = _ref => {
+import { useLocalization, useSendbirdChat } from '../../../../hooks/useContext';
+const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
   let {
     text,
-    setText,
-    editMessage,
-    setEditMessage,
-    onUpdateUserMessage
+    onChangeText,
+    messageToEdit,
+    setMessageToEdit,
+    onUpdateUserMessage,
+    onSelectionChange,
+    disabled,
+    autoFocus,
+    mentionedUsers
   } = _ref;
+  const {
+    mentionManager
+  } = useSendbirdChat();
   const {
     STRINGS
   } = useLocalization();
-  const inputRef = useRef(null);
   const toast = useToast();
-  useEffect(() => {
-    if (editMessage.isUserMessage()) {
-      setText(editMessage.message ?? '');
-      if (!AUTO_FOCUS) setTimeout(() => {
-        var _inputRef$current;
-
-        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-      }, 500);
-    }
-  }, [editMessage]);
 
   const onPressCancel = () => {
-    setEditMessage();
-    setText('');
+    setMessageToEdit();
+    onChangeText('');
   };
 
   const onPressSave = () => {
-    if (editMessage.isUserMessage()) {
-      onUpdateUserMessage(text, editMessage).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));
+    if (messageToEdit.isUserMessage()) {
+      const mention = {
+        userIds: mentionedUsers.map(it => it.user.userId),
+        messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),
+        type: MentionType.USERS
+      };
+      onUpdateUserMessage(text, messageToEdit, mention).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));
     }
 
-    setEditMessage();
-    setText('');
+    setMessageToEdit();
+    onChangeText('');
   };
 
   return /*#__PURE__*/React.createElement(View, {
@@ -51,14 +47,16 @@ const EditInput = _ref => {
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.inputWrapper
   }, /*#__PURE__*/React.createElement(TextInput, {
-    autoFocus: AUTO_FOCUS,
-    ref: inputRef,
+    ref: ref,
     multiline: true,
-    value: text,
-    onChangeText: setText,
+    disableFullscreenUI: true,
+    editable: !disabled,
+    autoFocus: autoFocus,
+    onChangeText: onChangeText,
     style: styles.input,
-    placeholder: STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE
-  })), /*#__PURE__*/React.createElement(View, {
+    placeholder: STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE,
+    onSelectionChange: onSelectionChange
+  }, mentionManager.textToMentionedComponents(text, mentionedUsers))), /*#__PURE__*/React.createElement(View, {
     style: {
       marginTop: 8,
       flexDirection: 'row'
@@ -72,8 +70,7 @@ const EditInput = _ref => {
     variant: 'contained',
     onPress: onPressSave
   }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK)));
-};
-
+});
 const styles = createStyleSheet({
   editInputContainer: {
     paddingVertical: 10,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Platform","View","Button","TextInput","createStyleSheet","useToast","useLocalization","AUTO_FOCUS","select","ios","android","default","EditInput","text","setText","editMessage","setEditMessage","onUpdateUserMessage","STRINGS","inputRef","toast","isUserMessage","message","setTimeout","current","focus","onPressCancel","onPressSave","catch","show","TOAST","UPDATE_MSG_ERROR","styles","editInputContainer","inputWrapper","input","GROUP_CHANNEL","INPUT_PLACEHOLDER_ACTIVE","marginTop","flexDirection","INPUT_EDIT_CANCEL","space","INPUT_EDIT_OK","paddingVertical","paddingHorizontal","alignItems","flex","marginRight","minHeight","maxHeight","borderRadius"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Platform, TextInput as RNTextInput, View } from 'react-native';\n\nimport { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../../../hooks/useContext';\nimport type { GroupChannelProps } from '../../types';\n\ntype EditInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  setText: (val: string) => void;\n  editMessage: SendbirdUserMessage | SendbirdFileMessage;\n  setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst EditInput = ({ text, setText, editMessage, setEditMessage, onUpdateUserMessage }: EditInputProps) => {\n  const { STRINGS } = useLocalization();\n  const inputRef = useRef<RNTextInput>(null);\n  const toast = useToast();\n\n  useEffect(() => {\n    if (editMessage.isUserMessage()) {\n      setText(editMessage.message ?? '');\n\n      if (!AUTO_FOCUS) setTimeout(() => inputRef.current?.focus(), 500);\n    }\n  }, [editMessage]);\n\n  const onPressCancel = () => {\n    setEditMessage();\n    setText('');\n  };\n\n  const onPressSave = () => {\n    if (editMessage.isUserMessage()) {\n      onUpdateUserMessage(text, editMessage).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));\n    }\n    setEditMessage();\n    setText('');\n  };\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          autoFocus={AUTO_FOCUS}\n          ref={inputRef}\n          multiline\n          value={text}\n          onChangeText={setText}\n          style={styles.input}\n          placeholder={STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE}\n        />\n      </View>\n      <View style={{ marginTop: 8, flexDirection: 'row' }}>\n        <Button variant={'text'} onPress={onPressCancel}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK}\n        </Button>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  editInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,QAAyC,OAAzC;AACA,SAASC,QAAT,EAA6CC,IAA7C,QAAyD,cAAzD;AAEA,SAASC,MAAT,EAAiBC,SAAjB,EAA4BC,gBAA5B,EAA8CC,QAA9C,QAA8D,yCAA9D;AAGA,SAASC,eAAT,QAAgC,8BAAhC;AAUA,MAAMC,UAAU,GAAGP,QAAQ,CAACQ,MAAT,CAAgB;EAAEC,GAAG,EAAE,KAAP;EAAcC,OAAO,EAAE,IAAvB;EAA6BC,OAAO,EAAE;AAAtC,CAAhB,CAAnB;;AACA,MAAMC,SAAS,GAAG,QAAyF;EAAA,IAAxF;IAAEC,IAAF;IAAQC,OAAR;IAAiBC,WAAjB;IAA8BC,cAA9B;IAA8CC;EAA9C,CAAwF;EACzG,MAAM;IAAEC;EAAF,IAAcZ,eAAe,EAAnC;EACA,MAAMa,QAAQ,GAAGpB,MAAM,CAAc,IAAd,CAAvB;EACA,MAAMqB,KAAK,GAAGf,QAAQ,EAAtB;EAEAP,SAAS,CAAC,MAAM;IACd,IAAIiB,WAAW,CAACM,aAAZ,EAAJ,EAAiC;MAC/BP,OAAO,CAACC,WAAW,CAACO,OAAZ,IAAuB,EAAxB,CAAP;MAEA,IAAI,CAACf,UAAL,EAAiBgB,UAAU,CAAC;QAAA;;QAAA,4BAAMJ,QAAQ,CAACK,OAAf,sDAAM,kBAAkBC,KAAlB,EAAN;MAAA,CAAD,EAAkC,GAAlC,CAAV;IAClB;EACF,CANQ,EAMN,CAACV,WAAD,CANM,CAAT;;EAQA,MAAMW,aAAa,GAAG,MAAM;IAC1BV,cAAc;IACdF,OAAO,CAAC,EAAD,CAAP;EACD,CAHD;;EAKA,MAAMa,WAAW,GAAG,MAAM;IACxB,IAAIZ,WAAW,CAACM,aAAZ,EAAJ,EAAiC;MAC/BJ,mBAAmB,CAACJ,IAAD,EAAOE,WAAP,CAAnB,CAAuCa,KAAvC,CAA6C,MAAMR,KAAK,CAACS,IAAN,CAAWX,OAAO,CAACY,KAAR,CAAcC,gBAAzB,EAA2C,OAA3C,CAAnD;IACD;;IACDf,cAAc;IACdF,OAAO,CAAC,EAAD,CAAP;EACD,CAND;;EAQA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEkB,MAAM,CAACC;EAApB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAED,MAAM,CAACE;EAApB,gBACE,oBAAC,SAAD;IACE,SAAS,EAAE3B,UADb;IAEE,GAAG,EAAEY,QAFP;IAGE,SAAS,MAHX;IAIE,KAAK,EAAEN,IAJT;IAKE,YAAY,EAAEC,OALhB;IAME,KAAK,EAAEkB,MAAM,CAACG,KANhB;IAOE,WAAW,EAAEjB,OAAO,CAACkB,aAAR,CAAsBC;EAPrC,EADF,CADF,eAYE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEC,SAAS,EAAE,CAAb;MAAgBC,aAAa,EAAE;IAA/B;EAAb,gBACE,oBAAC,MAAD;IAAQ,OAAO,EAAE,MAAjB;IAAyB,OAAO,EAAEb;EAAlC,GACGR,OAAO,CAACkB,aAAR,CAAsBI,iBADzB,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,EAAER,MAAM,CAACS;EAApB,EAJF,eAKE,oBAAC,MAAD;IAAQ,OAAO,EAAE,WAAjB;IAA8B,OAAO,EAAEd;EAAvC,GACGT,OAAO,CAACkB,aAAR,CAAsBM,aADzB,CALF,CAZF,CADF;AAwBD,CAlDD;;AAoDA,MAAMV,MAAM,GAAG5B,gBAAgB,CAAC;EAC9B6B,kBAAkB,EAAE;IAClBU,eAAe,EAAE,EADC;IAElBC,iBAAiB,EAAE,EAFD;IAGlBL,aAAa,EAAE,QAHG;IAIlBM,UAAU,EAAE;EAJM,CADU;EAO9BV,KAAK,EAAE;IACLW,IAAI,EAAE,CADD;IAELC,WAAW,EAAE,CAFR;IAGLC,SAAS,EAAE,EAHN;IAILC,SAAS,EAAE,KAAKjD,QAAQ,CAACQ,MAAT,CAAgB;MAAEC,GAAG,EAAE,GAAP;MAAYE,OAAO,EAAE;IAArB,CAAhB,CAJX;IAKLuC,YAAY,EAAE;EALT,CAPuB;EAc9BhB,YAAY,EAAE;IACZK,aAAa,EAAE;EADH,CAdgB;EAiB9BE,KAAK,EAAE;IACLK,IAAI,EAAE;EADD;AAjBuB,CAAD,CAA/B;AAsBA,eAAelC,SAAf"}
+{"version":3,"names":["React","forwardRef","Platform","View","MentionType","Button","TextInput","createStyleSheet","useToast","useLocalization","useSendbirdChat","EditInput","ref","text","onChangeText","messageToEdit","setMessageToEdit","onUpdateUserMessage","onSelectionChange","disabled","autoFocus","mentionedUsers","mentionManager","STRINGS","toast","onPressCancel","onPressSave","isUserMessage","mention","userIds","map","it","user","userId","messageTemplate","textToMentionedMessageTemplate","type","USERS","catch","show","TOAST","UPDATE_MSG_ERROR","styles","editInputContainer","inputWrapper","input","GROUP_CHANNEL","INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","marginTop","flexDirection","INPUT_EDIT_CANCEL","space","INPUT_EDIT_OK","paddingVertical","paddingHorizontal","alignItems","flex","marginRight","minHeight","maxHeight","select","ios","default","borderRadius"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  Platform,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../../hooks/useContext';\nimport type { MentionedUser } from '../../../../types';\nimport type { GroupChannelProps } from '../../types';\n\ntype EditInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  onChangeText: (val: string) => void;\n  messageToEdit: SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  disabled: boolean;\n  autoFocus: boolean;\n  mentionedUsers: MentionedUser[];\n};\n\nconst EditInput = forwardRef<RNTextInput, EditInputProps>(function EditInput(\n  {\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onUpdateUserMessage,\n    onSelectionChange,\n    disabled,\n    autoFocus,\n    mentionedUsers,\n  },\n  ref,\n) {\n  const { mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n\n  const onPressCancel = () => {\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onPressSave = () => {\n    if (messageToEdit.isUserMessage()) {\n      const mention = {\n        userIds: mentionedUsers.map((it) => it.user.userId),\n        messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),\n        type: MentionType.USERS,\n      };\n\n      onUpdateUserMessage(text, messageToEdit, mention).catch(() =>\n        toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'),\n      );\n    }\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          editable={!disabled}\n          autoFocus={autoFocus}\n          onChangeText={onChangeText}\n          style={styles.input}\n          placeholder={STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n        >\n          {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n        </TextInput>\n      </View>\n      <View style={{ marginTop: 8, flexDirection: 'row' }}>\n        <Button variant={'text'} onPress={onPressCancel}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK}\n        </Button>\n      </View>\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  editInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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"}

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

@@ -1,19 +1,26 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { Platform, TouchableOpacity, View } from 'react-native';
+import { MentionType } from '@sendbird/chat/message';
 import { Icon, TextInput, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { conditionChaining } from '@sendbird/uikit-utils';
-import { useLocalization, usePlatformService } from '../../../../hooks/useContext';
+import { useLocalization, usePlatformService, useSendbirdChat } from '../../../../hooks/useContext';
 import SBUError from '../../../../libs/SBUError';
 import SBUUtils from '../../../../libs/SBUUtils';
-
-const SendInput = _ref => {
+const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
   let {
     onSendUserMessage,
     onSendFileMessage,
     text,
-    setText,
-    disabled
+    onChangeText,
+    disabled,
+    frozen,
+    muted,
+    onSelectionChange,
+    mentionedUsers
   } = _ref;
+  const {
+    mentionManager
+  } = useSendbirdChat();
   const {
     STRINGS
   } = useLocalization();
@@ -32,8 +39,13 @@ const SendInput = _ref => {
   const toast = useToast();
 
   const onPressSend = () => {
-    onSendUserMessage(text).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
-    setText('');
+    const mention = {
+      userIds: mentionedUsers.map(it => it.user.userId),
+      messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),
+      type: MentionType.USERS
+    };
+    onSendUserMessage(text, mention).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+    onChangeText('');
   };
 
   const onPressAttachment = () => {
@@ -118,13 +130,15 @@ const SendInput = _ref => {
     size: 24,
     containerStyle: styles.iconAttach
   })), /*#__PURE__*/React.createElement(TextInput, {
+    ref: ref,
     multiline: true,
+    disableFullscreenUI: true,
+    onSelectionChange: onSelectionChange,
     editable: !disabled,
-    value: text,
-    onChangeText: setText,
+    onChangeText: onChangeText,
     style: styles.input,
-    placeholder: conditionChaining([disabled], [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE])
-  }), Boolean(text.trim()) && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    placeholder: conditionChaining([frozen, muted], [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE])
+  }, mentionManager.textToMentionedComponents(text, mentionedUsers)), Boolean(text.trim()) && /*#__PURE__*/React.createElement(TouchableOpacity, {
     onPress: onPressSend,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Icon, {
@@ -133,8 +147,7 @@ const SendInput = _ref => {
     size: 24,
     containerStyle: styles.iconSend
   })));
-};
-
+});
 const styles = createStyleSheet({
   sendInputContainer: {
     paddingVertical: 10,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","TouchableOpacity","View","Icon","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","conditionChaining","useLocalization","usePlatformService","SBUError","SBUUtils","SendInput","onSendUserMessage","onSendFileMessage","text","setText","disabled","STRINGS","fileService","colors","openSheet","alert","toast","onPressSend","catch","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","GROUP_CHANNEL","DIALOG_ATTACHMENT_CAMERA","icon","onPress","photo","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","ALERT_PERMISSIONS_OK","openSettings","OPEN_CAMERA_ERROR","DIALOG_ATTACHMENT_PHOTO_LIBRARY","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","DIALOG_ATTACHMENT_FILES","file","openDocument","OPEN_FILES_ERROR","styles","sendInputContainer","ui","input","default","highlight","active","iconAttach","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_ACTIVE","Boolean","trim","iconSend","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","maxHeight","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity, View } from 'react-native';\n\nimport {\n  Icon,\n  TextInput,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../../../hooks/useContext';\nimport SBUError from '../../../../libs/SBUError';\nimport SBUUtils from '../../../../libs/SBUUtils';\nimport type { GroupChannelProps } from '../../types';\n\ntype SendInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  setText: (val: string) => void;\n  disabled: boolean;\n};\nconst SendInput = ({ onSendUserMessage, onSendFileMessage, text, setText, disabled }: SendInputProps) => {\n  const { STRINGS } = useLocalization();\n  const { fileService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const toast = useToast();\n\n  const onPressSend = () => {\n    onSendUserMessage(text).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n    setText('');\n  };\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,\n          icon: 'camera',\n          onPress: async () => {\n            const photo = await fileService.openCamera({\n              mediaType: 'all',\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('camera', 'UIKitSample'),\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\n            if (photo) {\n              onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,\n          icon: 'photo',\n          onPress: async () => {\n            const photo = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'all',\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('device storage', 'UIKitSample'),\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\n            if (photo && photo[0]) {\n              onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,\n          icon: 'document',\n          onPress: async () => {\n            const file = await fileService.openDocument({\n              onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n            });\n\n            if (file) {\n              onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={disabled}>\n        <Icon\n          color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n          icon={'add'}\n          size={24}\n          containerStyle={styles.iconAttach}\n        />\n      </TouchableOpacity>\n      <TextInput\n        multiline\n        editable={!disabled}\n        value={text}\n        onChangeText={setText}\n        style={styles.input}\n        placeholder={conditionChaining(\n          [disabled],\n          [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE],\n        )}\n      />\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={onPressSend} disabled={disabled}>\n          <Icon\n            color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n            icon={'send'}\n            size={24}\n            containerStyle={styles.iconSend}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconAttach: {\n    marginRight: 8,\n    padding: 4,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","Icon","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","conditionChaining","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","SendInput","ref","onSendUserMessage","onSendFileMessage","text","onChangeText","disabled","frozen","muted","onSelectionChange","mentionedUsers","mentionManager","STRINGS","fileService","colors","openSheet","alert","toast","onPressSend","mention","userIds","map","it","user","userId","messageTemplate","textToMentionedMessageTemplate","type","USERS","catch","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","GROUP_CHANNEL","DIALOG_ATTACHMENT_CAMERA","icon","onPress","photo","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","ALERT_PERMISSIONS_OK","openSettings","OPEN_CAMERA_ERROR","DIALOG_ATTACHMENT_PHOTO_LIBRARY","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","DIALOG_ATTACHMENT_FILES","file","openDocument","OPEN_FILES_ERROR","styles","sendInputContainer","ui","input","default","highlight","active","iconAttach","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_MUTED","INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","Boolean","trim","iconSend","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","maxHeight","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  Platform,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  TouchableOpacity,\n  View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport {\n  Icon,\n  TextInput,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../../hooks/useContext';\nimport SBUError from '../../../../libs/SBUError';\nimport SBUUtils from '../../../../libs/SBUUtils';\nimport type { MentionedUser } from '../../../../types';\nimport type { GroupChannelProps } from '../../types';\n\ntype SendInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  onChangeText: (val: string) => void;\n  frozen: boolean;\n  muted: boolean;\n  disabled: boolean;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  mentionedUsers: MentionedUser[];\n};\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n  {\n    onSendUserMessage,\n    onSendFileMessage,\n    text,\n    onChangeText,\n    disabled,\n    frozen,\n    muted,\n    onSelectionChange,\n    mentionedUsers,\n  },\n  ref,\n) {\n  const { mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { fileService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const toast = useToast();\n\n  const onPressSend = () => {\n    const mention = {\n      userIds: mentionedUsers.map((it) => it.user.userId),\n      messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),\n      type: MentionType.USERS,\n    };\n\n    onSendUserMessage(text, mention).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n    onChangeText('');\n  };\n\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,\n          icon: 'camera',\n          onPress: async () => {\n            const photo = await fileService.openCamera({\n              mediaType: 'all',\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('camera', 'UIKitSample'),\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\n            if (photo) {\n              onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,\n          icon: 'photo',\n          onPress: async () => {\n            const photo = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'all',\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('device storage', 'UIKitSample'),\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\n            if (photo && photo[0]) {\n              onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,\n          icon: 'document',\n          onPress: async () => {\n            const file = await fileService.openDocument({\n              onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n            });\n\n            if (file) {\n              onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={disabled}>\n        <Icon\n          color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n          icon={'add'}\n          size={24}\n          containerStyle={styles.iconAttach}\n        />\n      </TouchableOpacity>\n      <TextInput\n        ref={ref}\n        multiline\n        disableFullscreenUI\n        onSelectionChange={onSelectionChange}\n        editable={!disabled}\n        onChangeText={onChangeText}\n        style={styles.input}\n        placeholder={conditionChaining(\n          [frozen, muted],\n          [\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE,\n          ],\n        )}\n      >\n        {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n      </TextInput>\n\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={onPressSend} disabled={disabled}>\n          <Icon\n            color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n            icon={'send'}\n            size={24}\n            containerStyle={styles.iconSend}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconAttach: {\n    marginRight: 8,\n    padding: 4,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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"}