@sendbird/uikit-react-native 2.0.3 → 2.2.0

package/lib/commonjs/fragments/createGroupChannelOperatorsFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["name","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","createGroupChannelOperatorsModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","useUniqId","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","deleteUser","upsertUser","loading","refresh","next","error","useUserList","queryCreator","createOperatorListQuery","limit","useChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","useFreshCallback","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","ifOperator","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Boolean"],"sources":["createGroupChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { ifOperator, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';\nimport type { GroupChannelOperatorsFragment, GroupChannelOperatorsModule } from '../domain/groupChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst name = 'createGroupChannelOperatorsFragment';\nconst createGroupChannelOperatorsFragment = (\n  initModule?: Partial<GroupChannelOperatorsModule>,\n): GroupChannelOperatorsFragment => {\n  const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const uniqId = useUniqId(name);\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, {\n      queryCreator: () => channel.createOperatorListQuery({ limit: 20 }),\n    });\n\n    useChannelHandler(sdk, `${name}_${uniqId}`, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onOperatorUpdated(eventChannel, updatedUsers) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        const operatorsAdded = users.length < updatedUsers.length;\n        if (operatorsAdded) updatedUsers.forEach(upsertUser);\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressAvatar={() => show(user)}\n          onPressActionMenu={ifOperator(channel.myRole, () => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNREGISTER_OPERATOR,\n                  onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          })}\n        />\n      );\n    });\n\n    return (\n      <GroupChannelOperatorsModule.Provider channel={channel}>\n        <GroupChannelOperatorsModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelOperatorsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelOperatorsModule.List\n            operators={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<GroupChannelOperatorsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </GroupChannelOperatorsModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelOperatorsFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelRegisterOperatorFragment.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
+
+var _UserSelectableBar = _interopRequireDefault(require("../components/UserSelectableBar"));
+
+var _createUserListModule = _interopRequireDefault(require("../domain/userList/module/createUserListModule"));
+
+var _useContext = require("../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const createGroupChannelRegisterOperatorFragment = initModule => {
+  const UserListModule = (0, _createUserListModule.default)(initModule);
+  return _ref => {
+    let {
+      channel,
+      onPressHeaderLeft,
+      sortComparator,
+      renderUser,
+      onPressHeaderRight
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      STRINGS
+    } = (0, _useContext.useLocalization)();
+    const {
+      users,
+      refreshing,
+      refresh,
+      next,
+      error,
+      loading
+    } = (0, _uikitChatHooks.useUserList)(sdk, {
+      queryCreator: () => channel.createMemberListQuery({
+        limit: 20
+      }),
+      sortComparator
+    });
+
+    const _renderUser = (0, _react.useCallback)((user, selectedUsers, setSelectedUsers) => {
+      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
+      const userIdx = selectedUsers.findIndex(u => u.userId === user.userId);
+      const isSelected = userIdx > -1;
+      const isOperator = user.role === 'operator';
+      return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+        activeOpacity: 0.7,
+        disabled: isOperator,
+        onPress: () => {
+          setSelectedUsers(_ref2 => {
+            let [...draft] = _ref2;
+            if (isSelected) draft.splice(userIdx, 1);else draft.push(user);
+            return draft;
+          });
+        }
+      }, /*#__PURE__*/_react.default.createElement(_UserSelectableBar.default, {
+        uri: user.profileUrl,
+        name: (user.nickname || STRINGS.LABELS.USER_NO_NAME) + (user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : ''),
+        selected: isOperator || isSelected,
+        disabled: isOperator
+      }));
+    }, [channel, renderUser]);
+
+    return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
+      headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({
+        selectedUsers
+      }),
+      headerTitle: STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE
+    }, /*#__PURE__*/_react.default.createElement(UserListModule.Header, {
+      shouldActivateHeaderRight: selectedUsers => selectedUsers.length > 0,
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: async users => {
+        await channel.addOperators(users.map(it => it.userId));
+        onPressHeaderRight(channel);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      error: Boolean(error),
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusLoading, null),
+      ErrorComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusError, {
+        onPressRetry: () => refresh()
+      })
+    }, /*#__PURE__*/_react.default.createElement(UserListModule.List, {
+      onLoadNext: next,
+      users: users,
+      renderUser: _renderUser,
+      onRefresh: refresh,
+      refreshing: refreshing,
+      ListEmptyComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusEmpty, null)
+    })));
+  };
+};
+
+var _default = createGroupChannelRegisterOperatorFragment;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelRegisterOperatorFragment.js.map

package/lib/commonjs/fragments/createGroupChannelRegisterOperatorFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelRegisterOperatorFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","users","refreshing","refresh","next","error","loading","useUserList","queryCreator","createMemberListQuery","limit","_renderUser","useCallback","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","role","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","GROUP_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","HEADER_TITLE","length","addOperators","map","it","Boolean"],"sources":["createGroupChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelRegisterOperatorFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelRegisterOperatorFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, sortComparator, renderUser, onPressHeaderRight }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator: () => channel.createMemberListQuery({ limit: 20 }),\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n        const isSelected = userIdx > -1;\n        const isOperator = user.role === 'operator';\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isOperator}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(user);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={user.profileUrl}\n              name={\n                (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n                (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n              }\n              selected={isOperator || isSelected}\n              disabled={isOperator}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser],\n    );\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            await channel.addOperators(users.map((it) => it.userId));\n            onPressHeaderRight(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelRegisterOperatorFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAGA;;AACA;;AAEA;;AAEA;;;;;;;;AAEA,MAAMA,0CAA0C,GAC9CC,UADiD,IAEQ;EACzD,MAAMC,cAAc,GAAG,IAAAC,6BAAA,EAAqCF,UAArC,CAAvB;EAEA,OAAO,QAAoF;IAAA,IAAnF;MAAEG,OAAF;MAAWC,iBAAX;MAA8BC,cAA9B;MAA8CC,UAA9C;MAA0DC;IAA1D,CAAmF;IACzF,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuB,IAAAC,2BAAA,GAA7B;IACA,MAAM;MAAEC;IAAF,IAAc,IAAAC,2BAAA,GAApB;IACA,MAAM;MAAEC,KAAF;MAASC,UAAT;MAAqBC,OAArB;MAA8BC,IAA9B;MAAoCC,KAApC;MAA2CC;IAA3C,IAAuD,IAAAC,2BAAA,EAAYX,GAAZ,EAAiB;MAC5EY,YAAY,EAAE,MAAMjB,OAAO,CAACkB,qBAAR,CAA8B;QAAEC,KAAK,EAAE;MAAT,CAA9B,CADwD;MAE5EjB;IAF4E,CAAjB,CAA7D;;IAKA,MAAMkB,WAA2C,GAAG,IAAAC,kBAAA,EAClD,CAACC,IAAD,EAAOC,aAAP,EAAsBC,gBAAtB,KAA2C;MACzC,IAAIrB,UAAJ,EAAgB,OAAOA,UAAU,CAACmB,IAAD,EAAOC,aAAP,EAAsBC,gBAAtB,CAAjB;MAEhB,MAAMC,OAAO,GAAGF,aAAa,CAACG,SAAd,CAAyBC,CAAD,IAAOA,CAAC,CAACC,MAAF,KAAaN,IAAI,CAACM,MAAjD,CAAhB;MACA,MAAMC,UAAU,GAAGJ,OAAO,GAAG,CAAC,CAA9B;MACA,MAAMK,UAAU,GAAGR,IAAI,CAACS,IAAL,KAAc,UAAjC;MAEA,oBACE,6BAAC,6BAAD;QACE,aAAa,EAAE,GADjB;QAEE,QAAQ,EAAED,UAFZ;QAGE,OAAO,EAAE,MAAM;UACbN,gBAAgB,CAAC,SAAgB;YAAA,IAAf,CAAC,GAAGQ,KAAJ,CAAe;YAC/B,IAAIH,UAAJ,EAAgBG,KAAK,CAACC,MAAN,CAAaR,OAAb,EAAsB,CAAtB,EAAhB,KACKO,KAAK,CAACE,IAAN,CAAWZ,IAAX;YACL,OAAOU,KAAP;UACD,CAJe,CAAhB;QAKD;MATH,gBAWE,6BAAC,0BAAD;QACE,GAAG,EAAEV,IAAI,CAACa,UADZ;QAEE,IAAI,EACF,CAACb,IAAI,CAACc,QAAL,IAAiB5B,OAAO,CAAC6B,MAAR,CAAeC,YAAjC,KACChB,IAAI,CAACM,MAAL,MAAgBtB,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,CAAEsB,MAA7B,IAAsCpB,OAAO,CAAC6B,MAAR,CAAeE,mBAArD,GAA2E,EAD5E,CAHJ;QAME,QAAQ,EAAET,UAAU,IAAID,UAN1B;QAOE,QAAQ,EAAEC;MAPZ,EAXF,CADF;IAuBD,CA/BiD,EAgClD,CAAC9B,OAAD,EAAUG,UAAV,CAhCkD,CAApD;;IAkCA,oBACE,6BAAC,cAAD,CAAgB,QAAhB;MACE,WAAW,EAAGoB,aAAD,IAAmBf,OAAO,CAACgC,+BAAR,CAAwCC,YAAxC,CAAqD;QAAElB;MAAF,CAArD,CADlC;MAEE,WAAW,EAAEf,OAAO,CAACgC,+BAAR,CAAwCE;IAFvD,gBAIE,6BAAC,cAAD,CAAgB,MAAhB;MACE,yBAAyB,EAAGnB,aAAD,IAAmBA,aAAa,CAACoB,MAAd,GAAuB,CADvE;MAEE,iBAAiB,EAAE1C,iBAFrB;MAGE,kBAAkB,EAAE,MAAOS,KAAP,IAAiB;QACnC,MAAMV,OAAO,CAAC4C,YAAR,CAAqBlC,KAAK,CAACmC,GAAN,CAAWC,EAAD,IAAQA,EAAE,CAAClB,MAArB,CAArB,CAAN;QACAxB,kBAAkB,CAACJ,OAAD,CAAlB;MACD;IANH,EAJF,eAYE,6BAAC,0BAAD;MACE,OAAO,EAAEe,OADX;MAEE,KAAK,EAAEgC,OAAO,CAACjC,KAAD,CAFhB;MAGE,gBAAgB,eAAE,6BAAC,cAAD,CAAgB,aAAhB,OAHpB;MAIE,cAAc,eAAE,6BAAC,cAAD,CAAgB,WAAhB;QAA4B,YAAY,EAAE,MAAMF,OAAO;MAAvD;IAJlB,gBAME,6BAAC,cAAD,CAAgB,IAAhB;MACE,UAAU,EAAEC,IADd;MAEE,KAAK,EAAEH,KAFT;MAGE,UAAU,EAAEU,WAHd;MAIE,SAAS,EAAER,OAJb;MAKE,UAAU,EAAED,UALd;MAME,kBAAkB,eAAE,6BAAC,cAAD,CAAgB,WAAhB;IANtB,EANF,CAZF,CADF;EA8BD,CAxED;AAyED,CA9ED;;eAgFef,0C"}

package/lib/commonjs/fragments/createGroupChannelSettingsFragment.js

@@ -25,8 +25,10 @@ const createGroupChannelSettingsFragment = initModule => {
     let {
       onPressHeaderLeft = _uikitUtils.NOOP,
       channel,
+      onPressMenuModeration,
       onPressMenuMembers,
       onPressMenuLeaveChannel,
+      onPressMenuNotification,
       menuItemsCreator
     } = _ref;
     const {
@@ -50,8 +52,10 @@ const createGroupChannelSettingsFragment = initModule => {
       }
     }, /*#__PURE__*/_react.default.createElement(GroupChannelSettingsModule.Info, null), /*#__PURE__*/_react.default.createElement(GroupChannelSettingsModule.Menu, {
       menuItemsCreator: menuItemsCreator,
+      onPressMenuModeration: onPressMenuModeration,
       onPressMenuMembers: onPressMenuMembers,
-      onPressMenuLeaveChannel: onPressMenuLeaveChannel
+      onPressMenuLeaveChannel: onPressMenuLeaveChannel,
+      onPressMenuNotification: onPressMenuNotification
     })));
   };
 };

package/lib/commonjs/fragments/createGroupChannelSettingsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","createGroupChannelSettingsModule","onPressHeaderLeft","NOOP","channel","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","colors","useUIKitTheme","left","right","useSafeAreaInsets","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","createStyleSheet"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, onPressMenuMembers, onPressMenuLeaveChannel, menuItemsCreator }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;AAGA,MAAMA,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAG,IAAAC,yCAAA,EAAiCF,UAAjC,CAAnC;EAEA,OAAO,QAA0G;IAAA,IAAzG;MAAEG,iBAAiB,GAAGC,gBAAtB;MAA4BC,OAA5B;MAAqCC,kBAArC;MAAyDC,uBAAzD;MAAkFC;IAAlF,CAAyG;IAC/G,MAAM;MAAEC;IAAF,IAAa,IAAAC,yCAAA,GAAnB;IACA,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkB,IAAAC,6CAAA,GAAxB;IAEA,oBACE,6BAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAER;IAA9C,gBACE,6BAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAEF;IAAtD,EADF,eAEE,6BAAC,uBAAD;MACE,KAAK,EAAE;QAAEW,eAAe,EAAEL,MAAM,CAACM;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEL,IAAI,GAAGM,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAER,KAAK,GAAGK,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,6BAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,6BAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAEX,gBADpB;MAEE,kBAAkB,EAAEF,kBAFtB;MAGE,uBAAuB,EAAEC;IAH3B,EARF,CAFF,CADF;EAmBD,CAvBD;AAwBD,CA7BD;;AA+BA,MAAMU,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAjB,CAAf;eAMepB,kC"}
+{"version":3,"names":["createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","createGroupChannelSettingsModule","onPressHeaderLeft","NOOP","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","colors","useUIKitTheme","left","right","useSafeAreaInsets","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","createStyleSheet"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    onPressMenuNotification,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n            onPressMenuNotification={onPressMenuNotification}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;AAGA,MAAMA,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAG,IAAAC,yCAAA,EAAiCF,UAAjC,CAAnC;EAEA,OAAO,QAQD;IAAA,IARE;MACNG,iBAAiB,GAAGC,gBADd;MAENC,OAFM;MAGNC,qBAHM;MAINC,kBAJM;MAKNC,uBALM;MAMNC,uBANM;MAONC;IAPM,CAQF;IACJ,MAAM;MAAEC;IAAF,IAAa,IAAAC,yCAAA,GAAnB;IACA,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkB,IAAAC,6CAAA,GAAxB;IAEA,oBACE,6BAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAEV;IAA9C,gBACE,6BAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAEF;IAAtD,EADF,eAEE,6BAAC,uBAAD;MACE,KAAK,EAAE;QAAEa,eAAe,EAAEL,MAAM,CAACM;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEL,IAAI,GAAGM,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAER,KAAK,GAAGK,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,6BAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,6BAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAEX,gBADpB;MAEE,qBAAqB,EAAEJ,qBAFzB;MAGE,kBAAkB,EAAEC,kBAHtB;MAIE,uBAAuB,EAAEC,uBAJ3B;MAKE,uBAAuB,EAAEC;IAL3B,EARF,CAFF,CADF;EAqBD,CAjCD;AAkCD,CAvCD;;AAyCA,MAAMU,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAjB,CAAf;eAMetB,kC"}

package/lib/commonjs/hooks/useConnection.js

@@ -20,6 +20,7 @@ const cacheRestrictCodes = [400300, 400301, 400302, 400310];
 const useConnection = () => {
   const {
     sdk,
+    emojiManager,
     setCurrentUser,
     features
   } = (0, _useContext.useSendbirdChat)();
@@ -39,6 +40,10 @@ const useConnection = () => {
         await sdk.updateCurrentUserInfo({
           nickname: opts.nickname
         }).then(updatedUser => user = updatedUser).catch(e => _uikitUtils.Logger.warn('[useConnection]', 'nickname-sync failure', e));
+      } else if (features.useUserIdForNicknameEnabled) {
+        await sdk.updateCurrentUserInfo({
+          nickname: userId
+        }).then(updatedUser => user = updatedUser);
       }
 
       if (features.autoPushTokenRegistrationEnabled) {
@@ -52,6 +57,7 @@ const useConnection = () => {
       _uikitUtils.Logger.debug('[useConnection]', 'connected! (online)');
 
       setCurrentUser(user);
+      sdk.getAllEmoji().then(emojiManager.init);
       return user;
     } catch (e) {
       const error = e;
@@ -67,6 +73,7 @@ const useConnection = () => {
           _uikitUtils.Logger.debug('[useConnection]', 'connected! (offline)');
 
           setCurrentUser(sdk.currentUser);
+          sdk.getAllEmoji().finally(emojiManager.init);
           return sdk.currentUser;
         }
       }

package/lib/commonjs/hooks/useConnection.js.map

@@ -1 +1 @@
-{"version":3,"names":["cacheRestrictCodes","useConnection","sdk","setCurrentUser","features","useSendbirdChat","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","usePushTokenRegistration","connect","useCallback","userId","opts","Logger","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","autoPushTokenRegistrationEnabled","error","isCacheEnabled","some","code","message","clearCachedData","currentUser","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Logger, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\n\nconst useConnection = () => {\n  const { sdk, setCurrentUser, features } = useSendbirdChat();\n  const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();\n\n  const connect = useCallback(\n    async (userId: string, opts?: ConnectOptions): Promise<SendbirdUser> => {\n      try {\n        Logger.debug('[useConnection]', 'connect start:', userId);\n        let user = await sdk.connect(userId, opts?.accessToken);\n\n        if (opts?.nickname) {\n          Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);\n          await sdk\n            .updateCurrentUserInfo({ nickname: opts.nickname })\n            .then((updatedUser) => (user = updatedUser))\n            .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));\n        }\n\n        if (features.autoPushTokenRegistrationEnabled) {\n          Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');\n          await registerPushTokenForCurrentUser().catch((e) => {\n            Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);\n          });\n        }\n\n        Logger.debug('[useConnection]', 'connected! (online)');\n        setCurrentUser(user);\n\n        return user;\n      } catch (e) {\n        const error = e as unknown as SendbirdError;\n\n        if (sdk.isCacheEnabled) {\n          if (cacheRestrictCodes.some((code) => error.code === code)) {\n            Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);\n            Logger.warn('[useConnection]', 'clear cached-data');\n            await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));\n          } else if (sdk.currentUser) {\n            Logger.debug('[useConnection]', 'connected! (offline)');\n            setCurrentUser(sdk.currentUser);\n            return sdk.currentUser;\n          }\n        }\n\n        Logger.warn('[useConnection]', 'connect failure', error.message, error.code);\n        throw error;\n      }\n    },\n    [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (features.autoPushTokenRegistrationEnabled) {\n      Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');\n      await unregisterPushTokenForCurrentUser().catch((e) => {\n        Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);\n      });\n    }\n\n    await sdk.disconnect().then(() => setCurrentUser(undefined));\n    Logger.debug('[useConnection]', 'disconnected!');\n  }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"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"}
+{"version":3,"names":["cacheRestrictCodes","useConnection","sdk","emojiManager","setCurrentUser","features","useSendbirdChat","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","usePushTokenRegistration","connect","useCallback","userId","opts","Logger","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","useUserIdForNicknameEnabled","autoPushTokenRegistrationEnabled","getAllEmoji","init","error","isCacheEnabled","some","code","message","clearCachedData","currentUser","finally","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Logger, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\n\nconst useConnection = () => {\n  const { sdk, emojiManager, setCurrentUser, features } = useSendbirdChat();\n  const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();\n\n  const connect = useCallback(\n    async (userId: string, opts?: ConnectOptions): Promise<SendbirdUser> => {\n      try {\n        Logger.debug('[useConnection]', 'connect start:', userId);\n        let user = await sdk.connect(userId, opts?.accessToken);\n\n        if (opts?.nickname) {\n          Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);\n          await sdk\n            .updateCurrentUserInfo({ nickname: opts.nickname })\n            .then((updatedUser) => (user = updatedUser))\n            .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));\n        } else if (features.useUserIdForNicknameEnabled) {\n          await sdk.updateCurrentUserInfo({ nickname: userId }).then((updatedUser) => (user = updatedUser));\n        }\n\n        if (features.autoPushTokenRegistrationEnabled) {\n          Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');\n          await registerPushTokenForCurrentUser().catch((e) => {\n            Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);\n          });\n        }\n\n        Logger.debug('[useConnection]', 'connected! (online)');\n        setCurrentUser(user);\n        sdk.getAllEmoji().then(emojiManager.init);\n\n        return user;\n      } catch (e) {\n        const error = e as unknown as SendbirdError;\n\n        if (sdk.isCacheEnabled) {\n          if (cacheRestrictCodes.some((code) => error.code === code)) {\n            Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);\n            Logger.warn('[useConnection]', 'clear cached-data');\n            await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));\n          } else if (sdk.currentUser) {\n            Logger.debug('[useConnection]', 'connected! (offline)');\n            setCurrentUser(sdk.currentUser);\n            sdk.getAllEmoji().finally(emojiManager.init);\n            return sdk.currentUser;\n          }\n        }\n\n        Logger.warn('[useConnection]', 'connect failure', error.message, error.code);\n        throw error;\n      }\n    },\n    [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (features.autoPushTokenRegistrationEnabled) {\n      Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');\n      await unregisterPushTokenForCurrentUser().catch((e) => {\n        Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);\n      });\n    }\n\n    await sdk.disconnect().then(() => setCurrentUser(undefined));\n    Logger.debug('[useConnection]', 'disconnected!');\n  }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"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"}

package/lib/commonjs/hooks/useContext.js

@@ -3,18 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSendbirdChat = exports.usePlatformService = exports.useLocalization = void 0;
+exports.useUserProfile = exports.useSendbirdChat = exports.useReaction = exports.usePlatformService = exports.useLocalization = void 0;
 
 var _react = require("react");
 
-var _Localization = require("../contexts/Localization");
+var _LocalizationCtx = require("../contexts/LocalizationCtx");
 
-var _PlatformService = require("../contexts/PlatformService");
+var _PlatformServiceCtx = require("../contexts/PlatformServiceCtx");
 
-var _SendbirdChat = require("../contexts/SendbirdChat");
+var _ReactionCtx = require("../contexts/ReactionCtx");
+
+var _SendbirdChatCtx = require("../contexts/SendbirdChatCtx");
+
+var _UserProfileCtx = require("../contexts/UserProfileCtx");
 
 const useLocalization = () => {
-  const value = (0, _react.useContext)(_Localization.LocalizationContext);
+  const value = (0, _react.useContext)(_LocalizationCtx.LocalizationContext);
   if (!value) throw new Error('LocalizationContext is not provided');
   return value;
 };
@@ -22,7 +26,7 @@ const useLocalization = () => {
 exports.useLocalization = useLocalization;
 
 const usePlatformService = () => {
-  const value = (0, _react.useContext)(_PlatformService.PlatformServiceContext);
+  const value = (0, _react.useContext)(_PlatformServiceCtx.PlatformServiceContext);
   if (!value) throw new Error('PlatformServiceContext is not provided');
   return value;
 };
@@ -30,10 +34,26 @@ const usePlatformService = () => {
 exports.usePlatformService = usePlatformService;
 
 const useSendbirdChat = () => {
-  const value = (0, _react.useContext)(_SendbirdChat.SendbirdChatContext);
+  const value = (0, _react.useContext)(_SendbirdChatCtx.SendbirdChatContext);
   if (!value) throw new Error('SendbirdChatContext is not provided');
   return value;
 };
 
 exports.useSendbirdChat = useSendbirdChat;
+
+const useUserProfile = () => {
+  const value = (0, _react.useContext)(_UserProfileCtx.UserProfileContext);
+  if (!value) throw new Error('UserProfileContext is not provided');
+  return value;
+};
+
+exports.useUserProfile = useUserProfile;
+
+const useReaction = () => {
+  const value = (0, _react.useContext)(_ReactionCtx.ReactionContext);
+  if (!value) throw new Error('ReactionContext is not provided');
+  return value;
+};
+
+exports.useReaction = useReaction;
 //# sourceMappingURL=useContext.js.map

package/lib/commonjs/hooks/useContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["useLocalization","value","useContext","LocalizationContext","Error","usePlatformService","PlatformServiceContext","useSendbirdChat","SendbirdChatContext"],"sources":["useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { LocalizationContext } from '../contexts/Localization';\nimport { PlatformServiceContext } from '../contexts/PlatformService';\nimport { SendbirdChatContext } from '../contexts/SendbirdChat';\n\nexport const useLocalization = () => {\n  const value = useContext(LocalizationContext);\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEO,MAAMA,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAG,IAAAC,iBAAA,EAAWC,iCAAX,CAAd;EACA,IAAI,CAACF,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM;;;;AAMA,MAAMI,kBAAkB,GAAG,MAAM;EACtC,MAAMJ,KAAK,GAAG,IAAAC,iBAAA,EAAWI,uCAAX,CAAd;EACA,IAAI,CAACL,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM;;;;AAMA,MAAMM,eAAe,GAAG,MAAM;EACnC,MAAMN,KAAK,GAAG,IAAAC,iBAAA,EAAWM,iCAAX,CAAd;EACA,IAAI,CAACP,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM"}
+{"version":3,"names":["useLocalization","value","useContext","LocalizationContext","Error","usePlatformService","PlatformServiceContext","useSendbirdChat","SendbirdChatContext","useUserProfile","UserProfileContext","useReaction","ReactionContext"],"sources":["useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { PlatformServiceContext } from '../contexts/PlatformServiceCtx';\nimport { ReactionContext } from '../contexts/ReactionCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\nimport { UserProfileContext } from '../contexts/UserProfileCtx';\n\nexport const useLocalization = () => {\n  const value = useContext(LocalizationContext);\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n\nexport const useUserProfile = () => {\n  const value = useContext(UserProfileContext);\n  if (!value) throw new Error('UserProfileContext is not provided');\n  return value;\n};\n\nexport const useReaction = () => {\n  const value = useContext(ReactionContext);\n  if (!value) throw new Error('ReactionContext is not provided');\n  return value;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEO,MAAMA,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAG,IAAAC,iBAAA,EAAWC,oCAAX,CAAd;EACA,IAAI,CAACF,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM;;;;AAMA,MAAMI,kBAAkB,GAAG,MAAM;EACtC,MAAMJ,KAAK,GAAG,IAAAC,iBAAA,EAAWI,0CAAX,CAAd;EACA,IAAI,CAACL,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM;;;;AAMA,MAAMM,eAAe,GAAG,MAAM;EACnC,MAAMN,KAAK,GAAG,IAAAC,iBAAA,EAAWM,oCAAX,CAAd;EACA,IAAI,CAACP,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM;;;;AAMA,MAAMQ,cAAc,GAAG,MAAM;EAClC,MAAMR,KAAK,GAAG,IAAAC,iBAAA,EAAWQ,kCAAX,CAAd;EACA,IAAI,CAACT,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,oCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM;;;;AAMA,MAAMU,WAAW,GAAG,MAAM;EAC/B,MAAMV,KAAK,GAAG,IAAAC,iBAAA,EAAWU,4BAAX,CAAd;EACA,IAAI,CAACX,KAAL,EAAY,MAAM,IAAIG,KAAJ,CAAU,iCAAV,CAAN;EACZ,OAAOH,KAAP;AACD,CAJM"}

package/lib/commonjs/hooks/useKeyboardStatus.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _reactNative = require("react-native");
+
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+const configureNextLayoutAnimation = event => {
+  const config = _reactNative.LayoutAnimation.create(event.duration, event.easing);
+
+  _reactNative.LayoutAnimation.configureNext(config);
+};
+
+const {
+  showEvent,
+  hideEvent
+} = _reactNative.Platform.select({
+  android: {
+    showEvent: 'keyboardDidShow',
+    hideEvent: 'keyboardDidHide'
+  },
+  default: {
+    showEvent: 'keyboardWillShow',
+    hideEvent: 'keyboardWillHide'
+  }
+});
+
+const useKeyboardStatus = () => {
+  const [keyboardStatus, setKeyboardStatus] = (0, _react.useState)({
+    visible: false,
+    height: 0,
+    bottomSpace: 0
+  });
+  const {
+    bottom: bottomInset
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  (0, _react.useEffect)(() => {
+    const subscriptions = [_reactNative.Keyboard.addListener(showEvent, event => {
+      const height = event.endCoordinates.height;
+
+      const bottomSpace = _reactNative.Platform.select({
+        ios: height - bottomInset,
+        default: 0
+      });
+
+      const nextLayoutAnimation = _reactNative.Platform.select({
+        ios: configureNextLayoutAnimation,
+        default: _uikitUtils.NOOP
+      });
+
+      nextLayoutAnimation(event);
+      setKeyboardStatus({
+        visible: true,
+        height,
+        bottomSpace
+      });
+    }), _reactNative.Keyboard.addListener(hideEvent, event => {
+      const height = 0;
+
+      const bottomSpace = _reactNative.Platform.select({
+        default: height
+      });
+
+      const nextLayoutAnimation = _reactNative.Platform.select({
+        ios: configureNextLayoutAnimation,
+        default: _uikitUtils.NOOP
+      });
+
+      nextLayoutAnimation(event);
+      setKeyboardStatus({
+        visible: false,
+        height,
+        bottomSpace
+      });
+    })];
+    return () => {
+      subscriptions.forEach(it => it.remove());
+    };
+  }, []);
+  return keyboardStatus;
+};
+
+var _default = useKeyboardStatus;
+exports.default = _default;
+//# sourceMappingURL=useKeyboardStatus.js.map

package/lib/commonjs/hooks/useKeyboardStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["configureNextLayoutAnimation","event","config","LayoutAnimation","create","duration","easing","configureNext","showEvent","hideEvent","Platform","select","android","default","useKeyboardStatus","keyboardStatus","setKeyboardStatus","useState","visible","height","bottomSpace","bottom","bottomInset","useSafeAreaInsets","useEffect","subscriptions","Keyboard","addListener","endCoordinates","ios","nextLayoutAnimation","NOOP","forEach","it","remove"],"sources":["useKeyboardStatus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Keyboard, KeyboardEvent, KeyboardEventName, LayoutAnimation, Platform } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\ntype KeyboardEvents = {\n  showEvent: KeyboardEventName;\n  hideEvent: KeyboardEventName;\n};\n\nconst configureNextLayoutAnimation = (event: KeyboardEvent) => {\n  const config = LayoutAnimation.create(event.duration, event.easing);\n  LayoutAnimation.configureNext(config);\n};\n\nconst { showEvent, hideEvent } = Platform.select<KeyboardEvents>({\n  android: { showEvent: 'keyboardDidShow', hideEvent: 'keyboardDidHide' },\n  default: { showEvent: 'keyboardWillShow', hideEvent: 'keyboardWillHide' },\n});\n\nconst useKeyboardStatus = () => {\n  const [keyboardStatus, setKeyboardStatus] = useState({ visible: false, height: 0, bottomSpace: 0 });\n  const { bottom: bottomInset } = useSafeAreaInsets();\n\n  useEffect(() => {\n    const subscriptions = [\n      Keyboard.addListener(showEvent, (event) => {\n        const height = event.endCoordinates.height;\n        const bottomSpace = Platform.select({ ios: height - bottomInset, default: 0 });\n        const nextLayoutAnimation = Platform.select({ ios: configureNextLayoutAnimation, default: NOOP });\n\n        nextLayoutAnimation(event);\n        setKeyboardStatus({ visible: true, height, bottomSpace });\n      }),\n\n      Keyboard.addListener(hideEvent, (event) => {\n        const height = 0;\n        const bottomSpace = Platform.select({ default: height });\n        const nextLayoutAnimation = Platform.select({ ios: configureNextLayoutAnimation, default: NOOP });\n\n        nextLayoutAnimation(event);\n        setKeyboardStatus({ visible: false, height, bottomSpace });\n      }),\n    ];\n    return () => {\n      subscriptions.forEach((it) => it.remove());\n    };\n  }, []);\n\n  return keyboardStatus;\n};\n\nexport default useKeyboardStatus;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAOA,MAAMA,4BAA4B,GAAIC,KAAD,IAA0B;EAC7D,MAAMC,MAAM,GAAGC,4BAAA,CAAgBC,MAAhB,CAAuBH,KAAK,CAACI,QAA7B,EAAuCJ,KAAK,CAACK,MAA7C,CAAf;;EACAH,4BAAA,CAAgBI,aAAhB,CAA8BL,MAA9B;AACD,CAHD;;AAKA,MAAM;EAAEM,SAAF;EAAaC;AAAb,IAA2BC,qBAAA,CAASC,MAAT,CAAgC;EAC/DC,OAAO,EAAE;IAAEJ,SAAS,EAAE,iBAAb;IAAgCC,SAAS,EAAE;EAA3C,CADsD;EAE/DI,OAAO,EAAE;IAAEL,SAAS,EAAE,kBAAb;IAAiCC,SAAS,EAAE;EAA5C;AAFsD,CAAhC,CAAjC;;AAKA,MAAMK,iBAAiB,GAAG,MAAM;EAC9B,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC,IAAAC,eAAA,EAAS;IAAEC,OAAO,EAAE,KAAX;IAAkBC,MAAM,EAAE,CAA1B;IAA6BC,WAAW,EAAE;EAA1C,CAAT,CAA5C;EACA,MAAM;IAAEC,MAAM,EAAEC;EAAV,IAA0B,IAAAC,6CAAA,GAAhC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,aAAa,GAAG,CACpBC,qBAAA,CAASC,WAAT,CAAqBnB,SAArB,EAAiCP,KAAD,IAAW;MACzC,MAAMkB,MAAM,GAAGlB,KAAK,CAAC2B,cAAN,CAAqBT,MAApC;;MACA,MAAMC,WAAW,GAAGV,qBAAA,CAASC,MAAT,CAAgB;QAAEkB,GAAG,EAAEV,MAAM,GAAGG,WAAhB;QAA6BT,OAAO,EAAE;MAAtC,CAAhB,CAApB;;MACA,MAAMiB,mBAAmB,GAAGpB,qBAAA,CAASC,MAAT,CAAgB;QAAEkB,GAAG,EAAE7B,4BAAP;QAAqCa,OAAO,EAAEkB;MAA9C,CAAhB,CAA5B;;MAEAD,mBAAmB,CAAC7B,KAAD,CAAnB;MACAe,iBAAiB,CAAC;QAAEE,OAAO,EAAE,IAAX;QAAiBC,MAAjB;QAAyBC;MAAzB,CAAD,CAAjB;IACD,CAPD,CADoB,EAUpBM,qBAAA,CAASC,WAAT,CAAqBlB,SAArB,EAAiCR,KAAD,IAAW;MACzC,MAAMkB,MAAM,GAAG,CAAf;;MACA,MAAMC,WAAW,GAAGV,qBAAA,CAASC,MAAT,CAAgB;QAAEE,OAAO,EAAEM;MAAX,CAAhB,CAApB;;MACA,MAAMW,mBAAmB,GAAGpB,qBAAA,CAASC,MAAT,CAAgB;QAAEkB,GAAG,EAAE7B,4BAAP;QAAqCa,OAAO,EAAEkB;MAA9C,CAAhB,CAA5B;;MAEAD,mBAAmB,CAAC7B,KAAD,CAAnB;MACAe,iBAAiB,CAAC;QAAEE,OAAO,EAAE,KAAX;QAAkBC,MAAlB;QAA0BC;MAA1B,CAAD,CAAjB;IACD,CAPD,CAVoB,CAAtB;IAmBA,OAAO,MAAM;MACXK,aAAa,CAACO,OAAd,CAAuBC,EAAD,IAAQA,EAAE,CAACC,MAAH,EAA9B;IACD,CAFD;EAGD,CAvBD,EAuBG,EAvBH;EAyBA,OAAOnB,cAAP;AACD,CA9BD;;eAgCeD,iB"}

package/lib/commonjs/hooks/useMentionSuggestion.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _useContext = require("../hooks/useContext");
+
+const useMentionSuggestion = params => {
+  const {
+    text,
+    selection,
+    channel,
+    mentionedUsers
+  } = params;
+  const [freshChannel, setFreshChannel] = (0, _react.useState)(channel);
+  (0, _uikitUtils.useAsyncEffect)(async () => {
+    setFreshChannel(await channel.refresh());
+  }, [channel.url]);
+  const {
+    mentionManager,
+    currentUser
+  } = (0, _useContext.useSendbirdChat)();
+  const [members, setMembers] = (0, _react.useState)([]);
+  const timeoutRef = (0, _react.useRef)();
+  const searchStringRangeRef = (0, _react.useRef)({
+    start: 0,
+    end: 0
+  });
+  const searchLimitedRef = (0, _react.useRef)(false);
+
+  const updateSearchStringRange = (selectionIndex, searchString) => {
+    searchStringRangeRef.current = mentionManager.getSearchStringRangeInText(selectionIndex, searchString);
+    return searchStringRangeRef.current;
+  };
+
+  const updateSearchLimited = (mentionCount, mentionLimit) => {
+    searchLimitedRef.current = mentionCount >= mentionLimit;
+    return searchLimitedRef.current;
+  };
+
+  const resetRefs = () => {
+    searchLimitedRef.current = false;
+    searchStringRangeRef.current = {
+      start: 0,
+      end: 0
+    };
+  };
+
+  const fetchMembers = async () => {
+    resetRefs();
+    const selectionRanged = selection.start !== selection.end;
+    if (selectionRanged) return [];
+    const selectionContainsMentionedUser = mentionedUsers.some(it => mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'));
+    if (selectionContainsMentionedUser) return [];
+    const {
+      isTriggered,
+      isValidSearchString,
+      searchString
+    } = mentionManager.getSearchString(text, selection.start);
+    if (!isTriggered() || !isValidSearchString()) return [];
+    const limited = updateSearchLimited(mentionedUsers.length, mentionManager.config.mentionLimit);
+    if (limited) return [];
+    updateSearchStringRange(selection.start, searchString);
+
+    if (freshChannel.isSuper) {
+      return freshChannel.createMemberListQuery({
+        nicknameStartsWithFilter: searchString,
+        limit: mentionManager.config.suggestionLimit + 1
+      }).next().then(members => members.filter(member => member.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId)));
+    } else {
+      return freshChannel.members.sort((a, b) => {
+        var _a$nickname;
+
+        return (_a$nickname = a.nickname) === null || _a$nickname === void 0 ? void 0 : _a$nickname.localeCompare(b.nickname);
+      }).filter(member => {
+        var _member$nickname;
+
+        return ((_member$nickname = member.nickname) === null || _member$nickname === void 0 ? void 0 : _member$nickname.toLowerCase().startsWith(searchString.toLowerCase())) && member.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
+      }).slice(0, mentionManager.config.suggestionLimit);
+    }
+  };
+
+  (0, _react.useEffect)(() => {
+    timeoutRef.current = setTimeout(async () => {
+      fetchMembers().then(setMembers).catch(() => setMembers([])).finally(() => timeoutRef.current = undefined);
+    }, mentionManager.config.debounceMills);
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+      }
+    };
+  }, [text, selection]);
+  return {
+    members,
+    reset: (0, _react.useCallback)(() => setMembers([]), []),
+    searchStringRange: searchStringRangeRef.current,
+    searchLimited: searchLimitedRef.current
+  };
+};
+
+var _default = useMentionSuggestion;
+exports.default = _default;
+//# sourceMappingURL=useMentionSuggestion.js.map

package/lib/commonjs/hooks/useMentionSuggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMentionSuggestion","params","text","selection","channel","mentionedUsers","freshChannel","setFreshChannel","useState","useAsyncEffect","refresh","url","mentionManager","currentUser","useSendbirdChat","members","setMembers","timeoutRef","useRef","searchStringRangeRef","start","end","searchLimitedRef","updateSearchStringRange","selectionIndex","searchString","current","getSearchStringRangeInText","updateSearchLimited","mentionCount","mentionLimit","resetRefs","fetchMembers","selectionRanged","selectionContainsMentionedUser","some","it","rangeHelpers","overlaps","range","isTriggered","isValidSearchString","getSearchString","limited","length","config","isSuper","createMemberListQuery","nicknameStartsWithFilter","limit","suggestionLimit","next","then","filter","member","userId","sort","a","b","nickname","localeCompare","toLowerCase","startsWith","slice","useEffect","setTimeout","catch","finally","undefined","debounceMills","clearTimeout","reset","useCallback","searchStringRange","searchLimited"],"sources":["useMentionSuggestion.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';\nimport { useAsyncEffect } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { Range } from '../types';\n\nconst useMentionSuggestion = (params: {\n  text: string;\n  selection: Range;\n  channel: SendbirdGroupChannel;\n  mentionedUsers: { user: SendbirdUser; range: Range }[];\n}) => {\n  const { text, selection, channel, mentionedUsers } = params;\n\n  const [freshChannel, setFreshChannel] = useState(channel);\n\n  useAsyncEffect(async () => {\n    setFreshChannel(await channel.refresh());\n  }, [channel.url]);\n\n  const { mentionManager, currentUser } = useSendbirdChat();\n  const [members, setMembers] = useState<SendbirdMember[]>([]);\n  const timeoutRef = useRef<NodeJS.Timeout>();\n\n  const searchStringRangeRef = useRef<Range>({ start: 0, end: 0 });\n  const searchLimitedRef = useRef(false);\n\n  const updateSearchStringRange = (selectionIndex: number, searchString: string) => {\n    searchStringRangeRef.current = mentionManager.getSearchStringRangeInText(selectionIndex, searchString);\n    return searchStringRangeRef.current;\n  };\n  const updateSearchLimited = (mentionCount: number, mentionLimit: number) => {\n    searchLimitedRef.current = mentionCount >= mentionLimit;\n    return searchLimitedRef.current;\n  };\n  const resetRefs = () => {\n    searchLimitedRef.current = false;\n    searchStringRangeRef.current = { start: 0, end: 0 };\n  };\n\n  const fetchMembers = async (): Promise<SendbirdMember[]> => {\n    resetRefs();\n\n    const selectionRanged = selection.start !== selection.end;\n    if (selectionRanged) return [];\n\n    const selectionContainsMentionedUser = mentionedUsers.some((it) =>\n      mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n    );\n    if (selectionContainsMentionedUser) return [];\n\n    const { isTriggered, isValidSearchString, searchString } = mentionManager.getSearchString(text, selection.start);\n    if (!isTriggered() || !isValidSearchString()) return [];\n\n    const limited = updateSearchLimited(mentionedUsers.length, mentionManager.config.mentionLimit);\n    if (limited) return [];\n\n    updateSearchStringRange(selection.start, searchString);\n\n    if (freshChannel.isSuper) {\n      return freshChannel\n        .createMemberListQuery({\n          nicknameStartsWithFilter: searchString,\n          limit: mentionManager.config.suggestionLimit + 1,\n        })\n        .next()\n        .then((members) => members.filter((member) => member.userId !== currentUser?.userId));\n    } else {\n      return freshChannel.members\n        .sort((a, b) => a.nickname?.localeCompare(b.nickname))\n        .filter(\n          (member) =>\n            member.nickname?.toLowerCase().startsWith(searchString.toLowerCase()) &&\n            member.userId !== currentUser?.userId,\n        )\n        .slice(0, mentionManager.config.suggestionLimit);\n    }\n  };\n\n  useEffect(() => {\n    timeoutRef.current = setTimeout(async () => {\n      fetchMembers()\n        .then(setMembers)\n        .catch(() => setMembers([]))\n        .finally(() => (timeoutRef.current = undefined));\n    }, mentionManager.config.debounceMills);\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = undefined;\n      }\n    };\n  }, [text, selection]);\n\n  return {\n    members,\n    reset: useCallback(() => setMembers([]), []),\n    searchStringRange: searchStringRangeRef.current,\n    searchLimited: searchLimitedRef.current,\n  };\n};\n\nexport default useMentionSuggestion;\n"],"mappings":"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"}