@sendbird/uikit-react-native 2.1.0 → 2.2.0

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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"}

package/lib/commonjs/hooks/useMentionTextInput.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _reactNative = require("react-native");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _useContext = require("./useContext");
+
+const useMentionTextInput = params => {
+  const {
+    mentionManager
+  } = (0, _useContext.useSendbirdChat)();
+  const mentionedUsersRef = (0, _react.useRef)([]);
+  const textInputRef = (0, _react.useRef)();
+  const [text, setText] = (0, _react.useState)('');
+  const [selection, setSelection] = (0, _react.useState)({
+    start: 0,
+    end: 0
+  }); // TODO: Refactor text edit logic more clearly
+
+  (0, _react.useEffect)(() => {
+    if (mentionManager.shouldUseMentionedMessageTemplate(params.messageToEdit)) {
+      const result = mentionManager.templateToTextAndMentionedUsers(params.messageToEdit.mentionedMessageTemplate, params.messageToEdit.mentionedUsers);
+      mentionedUsersRef.current = result.mentionedUsers;
+      setText(result.mentionedText);
+    } else {
+      var _params$messageToEdit;
+
+      mentionedUsersRef.current = [];
+
+      if ((_params$messageToEdit = params.messageToEdit) !== null && _params$messageToEdit !== void 0 && _params$messageToEdit.isUserMessage()) {
+        setText(params.messageToEdit.message);
+      }
+    }
+  }, [params.messageToEdit]);
+  const onChangeText = (0, _uikitUtils.useFreshCallback)((_nextText, addedMentionedUser) => {
+    const prevText = text;
+    let nextText = _nextText;
+    let offset = nextText.length - prevText.length; // Text clear
+
+    if (nextText === '') {
+      mentionedUsersRef.current = [];
+    } // Text add
+    else if (offset > 0) {
+      /** Add mentioned user **/
+      if (addedMentionedUser) mentionedUsersRef.current.push(addedMentionedUser);
+      /** Reconcile mentioned users range on the right side of the selection **/
+
+      mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(offset, selection.end, mentionedUsersRef.current);
+    } // Text remove
+    else if (offset < 0) {
+      // Ranged remove
+      if (selection.start !== selection.end) {
+        /** Filter mentioned users in selection range **/
+        const {
+          filtered,
+          lastSelection
+        } = mentionManager.removeMentionedUsersInSelection(selection, mentionedUsersRef.current);
+        /** Reconcile mentioned users range on the right side of the selection **/
+
+        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(offset, Math.max(selection.end, lastSelection), filtered);
+      } // Single remove
+      else {
+        /** Find mentioned user who ranges in removed selection **/
+        const foundIndex = mentionedUsersRef.current.findIndex(it => mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'));
+        /** If found, remove from the mentioned user list and remove remainder text **/
+
+        if (foundIndex > -1) {
+          const it = mentionedUsersRef.current[foundIndex];
+          const remainderLength = it.range.end - it.range.start + offset;
+          offset = -remainderLength + offset;
+          nextText = (0, _uikitUtils.replace)(nextText, it.range.start, it.range.start + remainderLength, '');
+          mentionedUsersRef.current.splice(foundIndex, 1);
+        }
+        /** Reconcile mentioned users range on the right side of the selection **/
+
+
+        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(offset, selection.end, mentionedUsersRef.current);
+      }
+    }
+
+    setText(nextText);
+  });
+  return {
+    textInputRef,
+    selection,
+    onSelectionChange: (0, _uikitUtils.useFreshCallback)(e => {
+      const nativeSelection = { ...e.nativeEvent.selection
+      }; // NOTE: To synchronize call onSelectionChange after onChangeText called on each platform.
+
+      setTimeout(() => {
+        const mentionedUser = mentionedUsersRef.current.find(it => mentionManager.rangeHelpers.overlaps(it.range, nativeSelection)); // Selection should be blocked if changed into mentioned area
+
+        if (mentionedUser) {
+          var _textInputRef$current;
+
+          const selectionBlock = {
+            start: mentionedUser.range.start,
+            end: mentionedUser.range.end
+          };
+          (_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 ? void 0 : _textInputRef$current.setNativeProps({
+            selection: selectionBlock
+          }); // BUG: setNativeProps called again when invoked onChangeText
+          //  https://github.com/facebook/react-native/issues/33520
+
+          if (_reactNative.Platform.OS === 'android') {
+            setTimeout(() => {
+              var _textInputRef$current2;
+
+              (_textInputRef$current2 = textInputRef.current) === null || _textInputRef$current2 === void 0 ? void 0 : _textInputRef$current2.setNativeProps({
+                selection: {
+                  start: 0
+                }
+              });
+            }, 250);
+          }
+
+          setSelection(selectionBlock);
+        } else {
+          setSelection(nativeSelection);
+        }
+      }, 10);
+    }),
+    text,
+    onChangeText,
+    mentionedUsers: mentionedUsersRef.current
+  };
+};
+
+var _default = useMentionTextInput;
+exports.default = _default;
+//# sourceMappingURL=useMentionTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMentionTextInput","params","mentionManager","useSendbirdChat","mentionedUsersRef","useRef","textInputRef","text","setText","useState","selection","setSelection","start","end","useEffect","shouldUseMentionedMessageTemplate","messageToEdit","result","templateToTextAndMentionedUsers","mentionedMessageTemplate","mentionedUsers","current","mentionedText","isUserMessage","message","onChangeText","useFreshCallback","_nextText","addedMentionedUser","prevText","nextText","offset","length","push","reconcileRangeOfMentionedUsers","filtered","lastSelection","removeMentionedUsersInSelection","Math","max","foundIndex","findIndex","it","rangeHelpers","overlaps","range","remainderLength","replace","splice","onSelectionChange","e","nativeSelection","nativeEvent","setTimeout","mentionedUser","find","selectionBlock","setNativeProps","Platform","OS"],"sources":["useMentionTextInput.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { NativeSyntheticEvent, TextInput, TextInputSelectionChangeEventData } from 'react-native';\nimport { Platform } from 'react-native';\n\nimport { SendbirdFileMessage, SendbirdUserMessage, replace, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { MentionedUser } from '../types';\nimport { useSendbirdChat } from './useContext';\n\nconst useMentionTextInput = (params: { messageToEdit?: SendbirdUserMessage | SendbirdFileMessage }) => {\n  const { mentionManager } = useSendbirdChat();\n\n  const mentionedUsersRef = useRef<MentionedUser[]>([]);\n  const textInputRef = useRef<TextInput>();\n\n  const [text, setText] = useState('');\n  const [selection, setSelection] = useState({ start: 0, end: 0 });\n\n  // TODO: Refactor text edit logic more clearly\n  useEffect(() => {\n    if (mentionManager.shouldUseMentionedMessageTemplate(params.messageToEdit)) {\n      const result = mentionManager.templateToTextAndMentionedUsers(\n        params.messageToEdit.mentionedMessageTemplate,\n        params.messageToEdit.mentionedUsers,\n      );\n\n      mentionedUsersRef.current = result.mentionedUsers;\n      setText(result.mentionedText);\n    } else {\n      mentionedUsersRef.current = [];\n      if (params.messageToEdit?.isUserMessage()) {\n        setText(params.messageToEdit.message);\n      }\n    }\n  }, [params.messageToEdit]);\n\n  const onChangeText = useFreshCallback((_nextText: string, addedMentionedUser?: MentionedUser) => {\n    const prevText = text;\n    let nextText = _nextText;\n    let offset = nextText.length - prevText.length;\n\n    // Text clear\n    if (nextText === '') {\n      mentionedUsersRef.current = [];\n    }\n    // Text add\n    else if (offset > 0) {\n      /** Add mentioned user **/\n      if (addedMentionedUser) mentionedUsersRef.current.push(addedMentionedUser);\n\n      /** Reconcile mentioned users range on the right side of the selection **/\n      mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n        offset,\n        selection.end,\n        mentionedUsersRef.current,\n      );\n    }\n    // Text remove\n    else if (offset < 0) {\n      // Ranged remove\n      if (selection.start !== selection.end) {\n        /** Filter mentioned users in selection range **/\n        const { filtered, lastSelection } = mentionManager.removeMentionedUsersInSelection(\n          selection,\n          mentionedUsersRef.current,\n        );\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          Math.max(selection.end, lastSelection),\n          filtered,\n        );\n      }\n      // Single remove\n      else {\n        /** Find mentioned user who ranges in removed selection **/\n        const foundIndex = mentionedUsersRef.current.findIndex((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n        );\n        /** If found, remove from the mentioned user list and remove remainder text **/\n        if (foundIndex > -1) {\n          const it = mentionedUsersRef.current[foundIndex];\n          const remainderLength = it.range.end - it.range.start + offset;\n\n          offset = -remainderLength + offset;\n          nextText = replace(nextText, it.range.start, it.range.start + remainderLength, '');\n\n          mentionedUsersRef.current.splice(foundIndex, 1);\n        }\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          selection.end,\n          mentionedUsersRef.current,\n        );\n      }\n    }\n\n    setText(nextText);\n  });\n\n  return {\n    textInputRef,\n    selection,\n    onSelectionChange: useFreshCallback((e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => {\n      const nativeSelection = { ...e.nativeEvent.selection };\n\n      // NOTE: To synchronize call onSelectionChange after onChangeText called on each platform.\n      setTimeout(() => {\n        const mentionedUser = mentionedUsersRef.current.find((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, nativeSelection),\n        );\n\n        // Selection should be blocked if changed into mentioned area\n        if (mentionedUser) {\n          const selectionBlock = { start: mentionedUser.range.start, end: mentionedUser.range.end };\n          textInputRef.current?.setNativeProps({ selection: selectionBlock });\n          // BUG: setNativeProps called again when invoked onChangeText\n          //  https://github.com/facebook/react-native/issues/33520\n          if (Platform.OS === 'android') {\n            setTimeout(() => {\n              textInputRef.current?.setNativeProps({ selection: { start: 0 } });\n            }, 250);\n          }\n          setSelection(selectionBlock);\n        } else {\n          setSelection(nativeSelection);\n        }\n      }, 10);\n    }),\n    text,\n    onChangeText,\n    mentionedUsers: mentionedUsersRef.current,\n  };\n};\n\nexport default useMentionTextInput;\n"],"mappings":"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"}

package/lib/commonjs/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   MessageRenderer: true,
+  ReactionAddons: true,
+  ReactionBottomSheets: true,
   ChannelCover: true,
   ChatFlatList: true,
   FileViewer: true,
@@ -26,6 +28,7 @@ var _exportNames = {
   createGroupChannelRegisterOperatorFragment: true,
   createGroupChannelMutedMembersFragment: true,
   createGroupChannelBannedUsersFragment: true,
+  createGroupChannelNotificationsFragment: true,
   SendbirdChatContext: true,
   SendbirdChatProvider: true,
   PlatformServiceContext: true,
@@ -36,10 +39,6 @@ var _exportNames = {
   LocalizationProvider: true,
   useConnection: true,
   usePushTokenRegistration: true,
-  useLocalization: true,
-  usePlatformService: true,
-  useSendbirdChat: true,
-  useUserProfile: true,
   StringSetEn: true,
   createBaseStringSet: true,
   createNativeFileService: true,
@@ -50,6 +49,10 @@ var _exportNames = {
   createExpoClipboardService: true,
   createExpoNotificationService: true,
   createExpoMediaService: true,
+  GroupChannelNotificationsProps: true,
+  GroupChannelNotificationsContextsType: true,
+  GroupChannelNotificationsFragment: true,
+  GroupChannelNotificationsModule: true,
   SendbirdUIKitContainer: true,
   SendbirdUIKit: true,
   SBUError: true
@@ -72,6 +75,30 @@ Object.defineProperty(exports, "FileViewer", {
     return _FileViewer.default;
   }
 });
+Object.defineProperty(exports, "GroupChannelNotificationsContextsType", {
+  enumerable: true,
+  get: function () {
+    return _types.GroupChannelNotificationsContextsType;
+  }
+});
+Object.defineProperty(exports, "GroupChannelNotificationsFragment", {
+  enumerable: true,
+  get: function () {
+    return _types.GroupChannelNotificationsFragment;
+  }
+});
+Object.defineProperty(exports, "GroupChannelNotificationsModule", {
+  enumerable: true,
+  get: function () {
+    return _types.GroupChannelNotificationsModule;
+  }
+});
+Object.defineProperty(exports, "GroupChannelNotificationsProps", {
+  enumerable: true,
+  get: function () {
+    return _types.GroupChannelNotificationsProps;
+  }
+});
 Object.defineProperty(exports, "LocalizationContext", {
   enumerable: true,
   get: function () {
@@ -114,6 +141,18 @@ Object.defineProperty(exports, "ProviderLayout", {
     return _ProviderLayout.default;
   }
 });
+Object.defineProperty(exports, "ReactionAddons", {
+  enumerable: true,
+  get: function () {
+    return _ReactionAddons.ReactionAddons;
+  }
+});
+Object.defineProperty(exports, "ReactionBottomSheets", {
+  enumerable: true,
+  get: function () {
+    return _ReactionBottomSheets.ReactionBottomSheets;
+  }
+});
 Object.defineProperty(exports, "SBUError", {
   enumerable: true,
   get: function () {
@@ -270,6 +309,12 @@ Object.defineProperty(exports, "createGroupChannelMutedMembersFragment", {
     return _createGroupChannelMutedMembersFragment.default;
   }
 });
+Object.defineProperty(exports, "createGroupChannelNotificationsFragment", {
+  enumerable: true,
+  get: function () {
+    return _createGroupChannelNotificationsFragment.default;
+  }
+});
 Object.defineProperty(exports, "createGroupChannelOperatorsFragment", {
   enumerable: true,
   get: function () {
@@ -318,36 +363,12 @@ Object.defineProperty(exports, "useConnection", {
     return _useConnection.default;
   }
 });
-Object.defineProperty(exports, "useLocalization", {
-  enumerable: true,
-  get: function () {
-    return _useContext.useLocalization;
-  }
-});
-Object.defineProperty(exports, "usePlatformService", {
-  enumerable: true,
-  get: function () {
-    return _useContext.usePlatformService;
-  }
-});
 Object.defineProperty(exports, "usePushTokenRegistration", {
   enumerable: true,
   get: function () {
     return _usePushTokenRegistration.default;
   }
 });
-Object.defineProperty(exports, "useSendbirdChat", {
-  enumerable: true,
-  get: function () {
-    return _useContext.useSendbirdChat;
-  }
-});
-Object.defineProperty(exports, "useUserProfile", {
-  enumerable: true,
-  get: function () {
-    return _useContext.useUserProfile;
-  }
-});
 
 var _reactNative = require("react-native");
 
@@ -355,6 +376,10 @@ var _uikitUtils = require("@sendbird/uikit-utils");
 
 var _MessageRenderer = _interopRequireDefault(require("./components/MessageRenderer"));
 
+var _ReactionAddons = require("./components/ReactionAddons");
+
+var _ReactionBottomSheets = require("./components/ReactionBottomSheets");
+
 var _ChannelCover = _interopRequireDefault(require("./components/ChannelCover"));
 
 var _ChatFlatList = _interopRequireDefault(require("./components/ChatFlatList"));
@@ -397,6 +422,8 @@ var _createGroupChannelMutedMembersFragment = _interopRequireDefault(require("./
 
 var _createGroupChannelBannedUsersFragment = _interopRequireDefault(require("./fragments/createGroupChannelBannedUsersFragment"));
 
+var _createGroupChannelNotificationsFragment = _interopRequireDefault(require("./fragments/createGroupChannelNotificationsFragment"));
+
 var _SendbirdChatCtx = require("./contexts/SendbirdChatCtx");
 
 var _PlatformServiceCtx = require("./contexts/PlatformServiceCtx");
@@ -411,6 +438,18 @@ var _usePushTokenRegistration = _interopRequireDefault(require("./hooks/usePushT
 
 var _useContext = require("./hooks/useContext");
 
+Object.keys(_useContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useContext[key];
+    }
+  });
+});
+
 var _StringSet = _interopRequireDefault(require("./localization/StringSet.en"));
 
 var _StringSet2 = require("./localization/StringSet.type");
@@ -473,30 +512,46 @@ Object.keys(_groupChannelList).forEach(function (key) {
   });
 });
 
-var _userList = require("./domain/userList");
+var _groupChannelNotifications = require("./domain/groupChannelNotifications");
 
-Object.keys(_userList).forEach(function (key) {
+Object.keys(_groupChannelNotifications).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _userList[key]) return;
+  if (key in exports && exports[key] === _groupChannelNotifications[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _userList[key];
+      return _groupChannelNotifications[key];
+    }
+  });
+});
+
+var _types = require("./domain/groupChannelNotifications/types");
+
+var _types2 = require("./domain/groupChannelUserList/types");
+
+Object.keys(_types2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types2[key];
     }
   });
 });
 
-var _types = require("./domain/groupChannelUserList/types");
+var _userList = require("./domain/userList");
 
-Object.keys(_types).forEach(function (key) {
+Object.keys(_userList).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
+  if (key in exports && exports[key] === _userList[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _types[key];
+      return _userList[key];
     }
   });
 });
@@ -505,16 +560,16 @@ var _SendbirdUIKitContainer = _interopRequireWildcard(require("./containers/Send
 
 var _SBUError = _interopRequireDefault(require("./libs/SBUError"));
 
-var _types2 = require("./types");
+var _types3 = require("./types");
 
-Object.keys(_types2).forEach(function (key) {
+Object.keys(_types3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types2[key]) return;
+  if (key in exports && exports[key] === _types3[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _types2[key];
+      return _types3[key];
     }
   });
 });