@sendbird/uikit-react-native 2.1.0 → 2.2.0

package/lib/module/domain/groupChannel/component/GroupChannelSuggestedMentionList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Pressable","ScrollView","View","useWindowDimensions","useSafeAreaInsets","Avatar","Divider","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","conditionChaining","useLocalization","useSendbirdChat","useKeyboardStatus","useMentionSuggestion","GroupChannelContexts","GroupChannelSuggestedMentionList","text","selection","inputHeight","bottomInset","onPressToMention","mentionedUsers","width","screenWidth","height","screenHeight","channel","Fragment","mentionManager","STRINGS","colors","topInset","left","right","keyboard","members","reset","searchStringRange","searchLimited","isLandscape","isShortened","visible","canRenderMembers","length","maxHeight","styles","suggestion","renderLimitGuide","borderTopColor","onBackground04","marginRight","onBackground02","GROUP_CHANNEL","MENTION_LIMITED","config","mentionLimit","renderMembers","map","member","userId","userContainer","profileUrl","userAvatar","userInfo","onBackground01","userNickname","nickname","LABELS","USER_NO_NAME","onBackground03","position","bottom","container","scrollView","backgroundColor","background","bottomSpace","borderTopWidth","paddingLeft","paddingRight","top","flexDirection","alignItems","justifyContent","flex","flexShrink","lineHeight","textAlignVertical","minWidth","paddingHorizontal"],"sources":["GroupChannelSuggestedMentionList.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  Avatar,\n  Divider,\n  Icon,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport useKeyboardStatus from '../../../hooks/useKeyboardStatus';\nimport useMentionSuggestion from '../../../hooks/useMentionSuggestion';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelSuggestedMentionList = ({\n  text,\n  selection,\n  inputHeight,\n  bottomInset,\n  onPressToMention,\n  mentionedUsers,\n}: GroupChannelProps['SuggestedMentionList']) => {\n  const { width: screenWidth, height: screenHeight } = useWindowDimensions();\n  const { channel } = useContext(GroupChannelContexts.Fragment);\n  const { mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { topInset } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  const keyboard = useKeyboardStatus();\n\n  const { members, reset, searchStringRange, searchLimited } = useMentionSuggestion({\n    text,\n    selection,\n    channel,\n    mentionedUsers,\n  });\n\n  const isLandscape = screenWidth > screenHeight;\n  const isShortened = isLandscape && keyboard.visible;\n  const canRenderMembers = members.length > 0;\n  const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;\n\n  const renderLimitGuide = () => {\n    return (\n      <View style={[styles.searchLimited, { borderTopColor: colors.onBackground04 }]}>\n        <Icon icon={'info'} size={20} containerStyle={{ marginRight: 4 }} color={colors.onBackground02} />\n        <Text body3 color={colors.onBackground02}>\n          {STRINGS.GROUP_CHANNEL.MENTION_LIMITED(mentionManager.config.mentionLimit)}\n        </Text>\n      </View>\n    );\n  };\n\n  const renderMembers = () => {\n    return (\n      <View>\n        {members.map((member) => {\n          return (\n            <Pressable\n              onPress={() => {\n                onPressToMention(member, searchStringRange);\n                reset();\n              }}\n              key={member.userId}\n              style={styles.userContainer}\n            >\n              <Avatar size={28} uri={member.profileUrl} containerStyle={styles.userAvatar} />\n              <View style={styles.userInfo}>\n                <Text body2 color={colors.onBackground01} numberOfLines={1} style={styles.userNickname}>\n                  {member.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n                <Text body3 color={colors.onBackground03} numberOfLines={1} style={styles.userId}>\n                  {member.userId}\n                </Text>\n                <Divider style={{ position: 'absolute', bottom: 0 }} />\n              </View>\n            </Pressable>\n          );\n        })}\n      </View>\n    );\n  };\n\n  return (\n    <Pressable\n      onPress={reset}\n      pointerEvents={canRenderMembers ? 'auto' : 'none'}\n      style={[styles.container, { bottom: inputHeight + bottomInset }]}\n    >\n      <ScrollView\n        bounces={false}\n        keyboardDismissMode={'none'}\n        keyboardShouldPersistTaps={'always'}\n        style={[\n          styles.scrollView,\n          {\n            maxHeight,\n            backgroundColor: colors.background,\n            bottom: keyboard.bottomSpace,\n          },\n          canRenderMembers && {\n            borderTopWidth: 1,\n            borderTopColor: colors.onBackground04,\n          },\n        ]}\n        contentContainerStyle={{ paddingLeft: left, paddingRight: right }}\n      >\n        {conditionChaining([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])}\n      </ScrollView>\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  suggestion: {\n    height: 196,\n  },\n  container: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n  },\n  scrollView: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n  },\n  userContainer: {\n    paddingLeft: 16,\n    flexDirection: 'row',\n    height: 44,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  userAvatar: {\n    marginRight: 16,\n  },\n  userInfo: {\n    flexDirection: 'row',\n    flex: 1,\n  },\n  userNickname: {\n    flexShrink: 1,\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    marginRight: 6,\n  },\n  userId: {\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    minWidth: 32,\n    flexShrink: 1,\n    marginRight: 16,\n  },\n  searchLimited: {\n    borderTopWidth: 1,\n    paddingHorizontal: 16,\n    height: 44,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\nexport default GroupChannelSuggestedMentionList;\n"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 export { default as GroupChannelHeader } from './component/GroupChannelHeader';
 export { default as GroupChannelMessageList } from './component/GroupChannelMessageList';
 export { default as GroupChannelInput } from './component/GroupChannelInput';
+export { default as GroupChannelSuggestedMentionList } from './component/GroupChannelSuggestedMentionList';
 export { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';
 export { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';
 export { default as createGroupChannelModule } from './module/createGroupChannelModule';

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

@@ -1 +1 @@
-{"version":3,"names":["default","GroupChannelHeader","GroupChannelMessageList","GroupChannelInput","GroupChannelStatusEmpty","GroupChannelStatusLoading","createGroupChannelModule","GroupChannelContextsProvider","GroupChannelContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelHeader } from './component/GroupChannelHeader';\nexport { default as GroupChannelMessageList } from './component/GroupChannelMessageList';\nexport { default as GroupChannelInput } from './component/GroupChannelInput';\nexport { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';\nexport { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';\nexport { default as createGroupChannelModule } from './module/createGroupChannelModule';\nexport { GroupChannelContextsProvider, GroupChannelContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,gCAA9C;AACA,SAASD,OAAO,IAAIE,uBAApB,QAAmD,qCAAnD;AACA,SAASF,OAAO,IAAIG,iBAApB,QAA6C,+BAA7C;AACA,SAASH,OAAO,IAAII,uBAApB,QAAmD,qCAAnD;AACA,SAASJ,OAAO,IAAIK,yBAApB,QAAqD,uCAArD;AACA,SAASL,OAAO,IAAIM,wBAApB,QAAoD,mCAApD;AACA,SAASC,4BAAT,EAAuCC,oBAAvC,QAAmE,wBAAnE"}
+{"version":3,"names":["default","GroupChannelHeader","GroupChannelMessageList","GroupChannelInput","GroupChannelSuggestedMentionList","GroupChannelStatusEmpty","GroupChannelStatusLoading","createGroupChannelModule","GroupChannelContextsProvider","GroupChannelContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelHeader } from './component/GroupChannelHeader';\nexport { default as GroupChannelMessageList } from './component/GroupChannelMessageList';\nexport { default as GroupChannelInput } from './component/GroupChannelInput';\nexport { default as GroupChannelSuggestedMentionList } from './component/GroupChannelSuggestedMentionList';\nexport { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';\nexport { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';\nexport { default as createGroupChannelModule } from './module/createGroupChannelModule';\nexport { GroupChannelContextsProvider, GroupChannelContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,gCAA9C;AACA,SAASD,OAAO,IAAIE,uBAApB,QAAmD,qCAAnD;AACA,SAASF,OAAO,IAAIG,iBAApB,QAA6C,+BAA7C;AACA,SAASH,OAAO,IAAII,gCAApB,QAA4D,8CAA5D;AACA,SAASJ,OAAO,IAAIK,uBAApB,QAAmD,qCAAnD;AACA,SAASL,OAAO,IAAIM,yBAApB,QAAqD,uCAArD;AACA,SAASN,OAAO,IAAIO,wBAApB,QAAoD,mCAApD;AACA,SAASC,4BAAT,EAAuCC,oBAAvC,QAAmE,wBAAnE"}

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

@@ -3,6 +3,7 @@ import GroupChannelInput from '../component/GroupChannelInput';
 import GroupChannelMessageList from '../component/GroupChannelMessageList';
 import GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';
 import GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';
+import GroupChannelSuggestedMentionList from '../component/GroupChannelSuggestedMentionList';
 import { GroupChannelContextsProvider } from './moduleContext';
 
 const createGroupChannelModule = function () {
@@ -10,6 +11,7 @@ const createGroupChannelModule = function () {
     Header = GroupChannelHeader,
     MessageList = GroupChannelMessageList,
     Input = GroupChannelInput,
+    SuggestedMentionList = GroupChannelSuggestedMentionList,
     StatusLoading = GroupChannelStatusLoading,
     StatusEmpty = GroupChannelStatusEmpty,
     Provider = GroupChannelContextsProvider,
@@ -19,6 +21,7 @@ const createGroupChannelModule = function () {
     Header,
     MessageList,
     Input,
+    SuggestedMentionList,
     StatusEmpty,
     StatusLoading,
     Provider,

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

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelHeader","GroupChannelInput","GroupChannelMessageList","GroupChannelStatusEmpty","GroupChannelStatusLoading","GroupChannelContextsProvider","createGroupChannelModule","Header","MessageList","Input","StatusLoading","StatusEmpty","Provider","module"],"sources":["createGroupChannelModule.tsx"],"sourcesContent":["import GroupChannelHeader from '../component/GroupChannelHeader';\nimport GroupChannelInput from '../component/GroupChannelInput';\nimport GroupChannelMessageList from '../component/GroupChannelMessageList';\nimport GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';\nimport GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';\nimport type { GroupChannelModule } from '../types';\nimport { GroupChannelContextsProvider } from './moduleContext';\n\nconst createGroupChannelModule = ({\n  Header = GroupChannelHeader,\n  MessageList = GroupChannelMessageList,\n  Input = GroupChannelInput,\n  StatusLoading = GroupChannelStatusLoading,\n  StatusEmpty = GroupChannelStatusEmpty,\n  Provider = GroupChannelContextsProvider,\n  ...module\n}: Partial<GroupChannelModule> = {}): GroupChannelModule => {\n  return { Header, MessageList, Input, StatusEmpty, StatusLoading, Provider, ...module };\n};\n\nexport default createGroupChannelModule;\n"],"mappings":"AAAA,OAAOA,kBAAP,MAA+B,iCAA/B;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,uBAAP,MAAoC,sCAApC;AACA,OAAOC,uBAAP,MAAoC,sCAApC;AACA,OAAOC,yBAAP,MAAsC,wCAAtC;AAEA,SAASC,4BAAT,QAA6C,iBAA7C;;AAEA,MAAMC,wBAAwB,GAAG,YAQ2B;EAAA,IAR1B;IAChCC,MAAM,GAAGP,kBADuB;IAEhCQ,WAAW,GAAGN,uBAFkB;IAGhCO,KAAK,GAAGR,iBAHwB;IAIhCS,aAAa,GAAGN,yBAJgB;IAKhCO,WAAW,GAAGR,uBALkB;IAMhCS,QAAQ,GAAGP,4BANqB;IAOhC,GAAGQ;EAP6B,CAQ0B,uEAA3B,EAA2B;EAC1D,OAAO;IAAEN,MAAF;IAAUC,WAAV;IAAuBC,KAAvB;IAA8BE,WAA9B;IAA2CD,aAA3C;IAA0DE,QAA1D;IAAoE,GAAGC;EAAvE,CAAP;AACD,CAVD;;AAYA,eAAeP,wBAAf"}
+{"version":3,"names":["GroupChannelHeader","GroupChannelInput","GroupChannelMessageList","GroupChannelStatusEmpty","GroupChannelStatusLoading","GroupChannelSuggestedMentionList","GroupChannelContextsProvider","createGroupChannelModule","Header","MessageList","Input","SuggestedMentionList","StatusLoading","StatusEmpty","Provider","module"],"sources":["createGroupChannelModule.tsx"],"sourcesContent":["import GroupChannelHeader from '../component/GroupChannelHeader';\nimport GroupChannelInput from '../component/GroupChannelInput';\nimport GroupChannelMessageList from '../component/GroupChannelMessageList';\nimport GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';\nimport GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';\nimport GroupChannelSuggestedMentionList from '../component/GroupChannelSuggestedMentionList';\nimport type { GroupChannelModule } from '../types';\nimport { GroupChannelContextsProvider } from './moduleContext';\n\nconst createGroupChannelModule = ({\n  Header = GroupChannelHeader,\n  MessageList = GroupChannelMessageList,\n  Input = GroupChannelInput,\n  SuggestedMentionList = GroupChannelSuggestedMentionList,\n  StatusLoading = GroupChannelStatusLoading,\n  StatusEmpty = GroupChannelStatusEmpty,\n  Provider = GroupChannelContextsProvider,\n  ...module\n}: Partial<GroupChannelModule> = {}): GroupChannelModule => {\n  return {\n    Header,\n    MessageList,\n    Input,\n    SuggestedMentionList,\n    StatusEmpty,\n    StatusLoading,\n    Provider,\n    ...module,\n  };\n};\n\nexport default createGroupChannelModule;\n"],"mappings":"AAAA,OAAOA,kBAAP,MAA+B,iCAA/B;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,uBAAP,MAAoC,sCAApC;AACA,OAAOC,uBAAP,MAAoC,sCAApC;AACA,OAAOC,yBAAP,MAAsC,wCAAtC;AACA,OAAOC,gCAAP,MAA6C,+CAA7C;AAEA,SAASC,4BAAT,QAA6C,iBAA7C;;AAEA,MAAMC,wBAAwB,GAAG,YAS2B;EAAA,IAT1B;IAChCC,MAAM,GAAGR,kBADuB;IAEhCS,WAAW,GAAGP,uBAFkB;IAGhCQ,KAAK,GAAGT,iBAHwB;IAIhCU,oBAAoB,GAAGN,gCAJS;IAKhCO,aAAa,GAAGR,yBALgB;IAMhCS,WAAW,GAAGV,uBANkB;IAOhCW,QAAQ,GAAGR,4BAPqB;IAQhC,GAAGS;EAR6B,CAS0B,uEAA3B,EAA2B;EAC1D,OAAO;IACLP,MADK;IAELC,WAFK;IAGLC,KAHK;IAILC,oBAJK;IAKLE,WALK;IAMLD,aANK;IAOLE,QAPK;IAQL,GAAGC;EARE,CAAP;AAUD,CApBD;;AAsBA,eAAeR,wBAAf"}

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

@@ -7,7 +7,7 @@ export const GroupChannelContexts = {
   Fragment: /*#__PURE__*/createContext({
     headerTitle: '',
     channel: {},
-    setEditMessage: NOOP
+    setMessageToEdit: NOOP
   }),
   TypingIndicator: /*#__PURE__*/createContext({
     typingUsers: []
@@ -30,7 +30,7 @@ export const GroupChannelContextsProvider = _ref => {
     sdk
   } = useSendbirdChat();
   const [typingUsers, setTypingUsers] = useState([]);
-  const [editMessage, setEditMessage] = useState();
+  const [messageToEdit, setMessageToEdit] = useState();
   useChannelHandler(sdk, `GroupChannelContextsProvider_${id}`, {
     onTypingStatusUpdated(eventChannel) {
       if (isDifferentChannel(channel, eventChannel)) return;
@@ -43,8 +43,8 @@ export const GroupChannelContextsProvider = _ref => {
     value: {
       headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? '', channel),
       channel,
-      editMessage,
-      setEditMessage,
+      messageToEdit,
+      setMessageToEdit,
       keyboardAvoidOffset
     }
   }, /*#__PURE__*/React.createElement(GroupChannelContexts.TypingIndicator.Provider, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useState","useChannelHandler","NOOP","isDifferentChannel","useUniqId","ProviderLayout","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setEditMessage","TypingIndicator","typingUsers","GroupChannelContextsProvider","children","enableTypingIndicator","keyboardAvoidOffset","Error","id","STRINGS","currentUser","sdk","setTypingUsers","editMessage","onTypingStatusUpdated","eventChannel","getTypingUsers","GROUP_CHANNEL","HEADER_TITLE","userId"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserMessage,\n  isDifferentChannel,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelContextsType, GroupChannelModule } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setEditMessage: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const id = useUniqId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [editMessage, setEditMessage] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(sdk, `GroupChannelContextsProvider_${id}`, {\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          editMessage,\n          setEditMessage,\n          keyboardAvoidOffset,\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          {children}\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,QAA/B,QAA+C,OAA/C;AAEA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,SACEC,IADF,EAMEC,kBANF,EAOEC,SAPF,QAQO,uBARP;AAUA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AAGA,OAAO,MAAMC,oBAA8C,GAAG;EAC5DC,QAAQ,eAAEV,aAAa,CAAC;IACtBW,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE,EAFa;IAGtBC,cAAc,EAAEV;EAHM,CAAD,CADqC;EAM5DW,eAAe,eAAEd,aAAa,CAAC;IAC7Be,WAAW,EAAE;EADgB,CAAD;AAN8B,CAAvD;AAWP,OAAO,MAAMC,4BAA4D,GAAG,QAKtE;EAAA,IALuE;IAC3EC,QAD2E;IAE3EL,OAF2E;IAG3EM,qBAH2E;IAI3EC,mBAAmB,GAAG;EAJqD,CAKvE;EACJ,IAAI,CAACP,OAAL,EAAc,MAAM,IAAIQ,KAAJ,CAAU,oDAAV,CAAN;EAEd,MAAMC,EAAE,GAAGhB,SAAS,CAAC,8BAAD,CAApB;EACA,MAAM;IAAEiB;EAAF,IAAcf,eAAe,EAAnC;EACA,MAAM;IAAEgB,WAAF;IAAeC;EAAf,IAAuBhB,eAAe,EAA5C;EAEA,MAAM,CAACO,WAAD,EAAcU,cAAd,IAAgCxB,QAAQ,CAAiB,EAAjB,CAA9C;EACA,MAAM,CAACyB,WAAD,EAAcb,cAAd,IAAgCZ,QAAQ,EAA9C;EAEAC,iBAAiB,CAACsB,GAAD,EAAO,gCAA+BH,EAAG,EAAzC,EAA4C;IAC3DM,qBAAqB,CAACC,YAAD,EAAe;MAClC,IAAIxB,kBAAkB,CAACQ,OAAD,EAAUgB,YAAV,CAAtB,EAA+C;MAC/C,IAAI,CAACV,qBAAL,EAA4B;MAC5BO,cAAc,CAACG,YAAY,CAACC,cAAb,EAAD,CAAd;IACD;;EAL0D,CAA5C,CAAjB;EAQA,oBACE,oBAAC,cAAD,qBACE,oBAAC,oBAAD,CAAsB,QAAtB,CAA+B,QAA/B;IACE,KAAK,EAAE;MACLlB,WAAW,EAAEW,OAAO,CAACQ,aAAR,CAAsBC,YAAtB,CAAmC,CAAAR,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAES,MAAb,KAAuB,EAA1D,EAA8DpB,OAA9D,CADR;MAELA,OAFK;MAGLc,WAHK;MAILb,cAJK;MAKLM;IALK;EADT,gBASE,oBAAC,oBAAD,CAAsB,eAAtB,CAAsC,QAAtC;IAA+C,KAAK,EAAE;MAAEJ;IAAF;EAAtD,GACGE,QADH,CATF,CADF,CADF;AAiBD,CAxCM"}
+{"version":3,"names":["React","createContext","useState","useChannelHandler","NOOP","isDifferentChannel","useUniqId","ProviderLayout","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","TypingIndicator","typingUsers","GroupChannelContextsProvider","children","enableTypingIndicator","keyboardAvoidOffset","Error","id","STRINGS","currentUser","sdk","setTypingUsers","messageToEdit","onTypingStatusUpdated","eventChannel","getTypingUsers","GROUP_CHANNEL","HEADER_TITLE","userId"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserMessage,\n  isDifferentChannel,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelContextsType, GroupChannelModule } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setMessageToEdit: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const id = useUniqId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(sdk, `GroupChannelContextsProvider_${id}`, {\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\n  });\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          messageToEdit,\n          setMessageToEdit,\n          keyboardAvoidOffset,\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          {children}\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,QAA/B,QAA+C,OAA/C;AAEA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,SACEC,IADF,EAMEC,kBANF,EAOEC,SAPF,QAQO,uBARP;AAUA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AAGA,OAAO,MAAMC,oBAA8C,GAAG;EAC5DC,QAAQ,eAAEV,aAAa,CAAC;IACtBW,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE,EAFa;IAGtBC,gBAAgB,EAAEV;EAHI,CAAD,CADqC;EAM5DW,eAAe,eAAEd,aAAa,CAAC;IAC7Be,WAAW,EAAE;EADgB,CAAD;AAN8B,CAAvD;AAWP,OAAO,MAAMC,4BAA4D,GAAG,QAKtE;EAAA,IALuE;IAC3EC,QAD2E;IAE3EL,OAF2E;IAG3EM,qBAH2E;IAI3EC,mBAAmB,GAAG;EAJqD,CAKvE;EACJ,IAAI,CAACP,OAAL,EAAc,MAAM,IAAIQ,KAAJ,CAAU,oDAAV,CAAN;EAEd,MAAMC,EAAE,GAAGhB,SAAS,CAAC,8BAAD,CAApB;EACA,MAAM;IAAEiB;EAAF,IAAcf,eAAe,EAAnC;EACA,MAAM;IAAEgB,WAAF;IAAeC;EAAf,IAAuBhB,eAAe,EAA5C;EAEA,MAAM,CAACO,WAAD,EAAcU,cAAd,IAAgCxB,QAAQ,CAAiB,EAAjB,CAA9C;EACA,MAAM,CAACyB,aAAD,EAAgBb,gBAAhB,IAAoCZ,QAAQ,EAAlD;EAEAC,iBAAiB,CAACsB,GAAD,EAAO,gCAA+BH,EAAG,EAAzC,EAA4C;IAC3DM,qBAAqB,CAACC,YAAD,EAAe;MAClC,IAAIxB,kBAAkB,CAACQ,OAAD,EAAUgB,YAAV,CAAtB,EAA+C;MAC/C,IAAI,CAACV,qBAAL,EAA4B;MAC5BO,cAAc,CAACG,YAAY,CAACC,cAAb,EAAD,CAAd;IACD;;EAL0D,CAA5C,CAAjB;EAQA,oBACE,oBAAC,cAAD,qBACE,oBAAC,oBAAD,CAAsB,QAAtB,CAA+B,QAA/B;IACE,KAAK,EAAE;MACLlB,WAAW,EAAEW,OAAO,CAACQ,aAAR,CAAsBC,YAAtB,CAAmC,CAAAR,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAES,MAAb,KAAuB,EAA1D,EAA8DpB,OAA9D,CADR;MAELA,OAFK;MAGLc,aAHK;MAILb,gBAJK;MAKLM;IALK;EADT,gBASE,oBAAC,oBAAD,CAAsB,eAAtB,CAAsC,QAAtC;IAA+C,KAAK,EAAE;MAAEJ;IAAF;EAAtD,GACGE,QADH,CATF,CADF,CADF;AAiBD,CAxCM"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageCreateParams,\n    ) => SendbirdFileMessageCreateParams | Promise<SendbirdFileMessageCreateParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageCreateParams,\n    ) => SendbirdUserMessageCreateParams | Promise<SendbirdUserMessageCreateParams>;\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: {\n    shouldRenderInput: boolean;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage) => Promise<void>;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    editMessage?: SendbirdUserMessage | SendbirdFileMessage;\n    setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdGroupChannel,\n  SendbirdMember,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent, MentionedUser, Range } from '../../types';\n\ntype UserMessageMentionParams = Required<{\n  messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];\n  userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];\n  type: SendbirdUserMessageCreateParams['mentionType'];\n}>;\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageCreateParams,\n    ) => SendbirdFileMessageCreateParams | Promise<SendbirdFileMessageCreateParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageCreateParams,\n    ) => SendbirdUserMessageCreateParams | Promise<SendbirdUserMessageCreateParams>;\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: {\n    shouldRenderInput: boolean;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string, mention?: UserMessageMentionParams) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (\n      editedText: string,\n      message: SendbirdUserMessage,\n      mention?: UserMessageMentionParams,\n    ) => Promise<void>;\n    SuggestedMentionList: (props: GroupChannelProps['SuggestedMentionList']) => JSX.Element | null;\n  };\n\n  SuggestedMentionList: {\n    text: string;\n    selection: Range;\n    topInset: number;\n    bottomInset: number;\n    inputHeight: number;\n    onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n    mentionedUsers: MentionedUser[];\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  SuggestedMentionList: CommonComponent<GroupChannelProps['SuggestedMentionList']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersList.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FlatList } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useFreshCallback } from '@sendbird/uikit-utils';
+import { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';
 
 const GroupChannelBannedUsersList = _ref => {
   let {
@@ -31,8 +31,9 @@ const GroupChannelBannedUsersList = _ref => {
       flexGrow: 1
     },
     ListEmptyComponent: ListEmptyComponent,
-    onEndReached: () => onLoadNext(),
-    bounces: false
+    onEndReached: onLoadNext,
+    bounces: false,
+    keyExtractor: getUserUniqId
   });
 };
 

package/lib/module/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","useSafeAreaInsets","useFreshCallback","GroupChannelBannedUsersList","renderUser","bannedUsers","onLoadNext","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelBannedUsersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelBannedUsersProps } from '../types';\n\nconst GroupChannelBannedUsersList = ({\n  renderUser,\n  bannedUsers,\n  onLoadNext,\n  ListEmptyComponent,\n}: GroupChannelBannedUsersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={bannedUsers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      onEndReached={() => onLoadNext()}\n      bounces={false}\n    />\n  );\n};\n\nexport default GroupChannelBannedUsersList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAAiCC,gBAAjC,QAAyD,uBAAzD;;AAIA,MAAMC,2BAA2B,GAAG,QAKQ;EAAA,IALP;IACnCC,UADmC;IAEnCC,WAFmC;IAGnCC,UAHmC;IAInCC;EAJmC,CAKO;EAC1C,MAAMC,UAAkD,GAAGN,gBAAgB,CAAC;IAAA,IAAC;MAAEO;IAAF,CAAD;IAAA,OAC1EL,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEM,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAD,CAA3E;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBX,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEI,WADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,YAAY,EAAE,MAAMD,UAAU,EALhC;IAME,OAAO,EAAE;EANX,EADF;AAUD,CArBD;;AAuBA,eAAeH,2BAAf"}
+{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","GroupChannelBannedUsersList","renderUser","bannedUsers","onLoadNext","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelBannedUsersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelBannedUsersProps } from '../types';\n\nconst GroupChannelBannedUsersList = ({\n  renderUser,\n  bannedUsers,\n  onLoadNext,\n  ListEmptyComponent,\n}: GroupChannelBannedUsersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={bannedUsers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      onEndReached={onLoadNext}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default GroupChannelBannedUsersList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAAiCC,aAAjC,EAAgDC,gBAAhD,QAAwE,uBAAxE;;AAIA,MAAMC,2BAA2B,GAAG,QAKQ;EAAA,IALP;IACnCC,UADmC;IAEnCC,WAFmC;IAGnCC,UAHmC;IAInCC;EAJmC,CAKO;EAC1C,MAAMC,UAAkD,GAAGN,gBAAgB,CAAC;IAAA,IAAC;MAAEO;IAAF,CAAD;IAAA,OAC1EL,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEM,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAD,CAA3E;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBZ,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEK,WADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,YAAY,EAAED,UALhB;IAME,OAAO,EAAE,KANX;IAOE,YAAY,EAAEL;EAPhB,EADF;AAWD,CAtBD;;AAwBA,eAAeE,2BAAf"}

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

@@ -5,7 +5,7 @@ import { FlatList } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { PushTriggerOption } from '@sendbird/chat';
 import { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';
-import { PASS, useFreshCallback } from '@sendbird/uikit-utils';
+import { PASS, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 
 const GroupChannelListList = _ref => {
@@ -72,7 +72,8 @@ const GroupChannelListList = _ref => {
     contentContainerStyle: [flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle, {
       paddingLeft: left,
       paddingRight: right
-    }]
+    }],
+    keyExtractor: getChannelUniqId
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","FlatList","useSafeAreaInsets","PushTriggerOption","useActionMenu","useToast","PASS","useFreshCallback","useLocalization","useSendbirdChat","GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","toast","openMenu","STRINGS","sdk","currentUser","onLongPress","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","DEFAULT","OFF","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","item","left","right","contentContainerStyle","paddingLeft","paddingRight"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { PASS, SendbirdGroupChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n            } else {\n              await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","FlatList","useSafeAreaInsets","PushTriggerOption","useActionMenu","useToast","PASS","getChannelUniqId","useFreshCallback","useLocalization","useSendbirdChat","GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","toast","openMenu","STRINGS","sdk","currentUser","onLongPress","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","DEFAULT","OFF","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","item","left","right","contentContainerStyle","paddingLeft","paddingRight"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { PASS, SendbirdGroupChannel, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n            } else {\n              await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n      keyExtractor={getChannelUniqId}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,iBAAT,QAAkC,gBAAlC;AACA,SAASC,aAAT,EAAwBC,QAAxB,QAAwC,yCAAxC;AACA,SAASC,IAAT,EAAqCC,gBAArC,EAAuDC,gBAAvD,QAA+E,uBAA/E;AAEA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;;AAGA,MAAMC,oBAAoB,GAAG,QAMQ;EAAA,IANP;IAC5BC,yBAD4B;IAE5BC,aAF4B;IAG5BC,UAH4B;IAI5BC,aAJ4B;IAK5BC,eAAe,GAAGV;EALU,CAMO;EACnC,MAAMW,KAAK,GAAGZ,QAAQ,EAAtB;EACA,MAAM;IAAEa;EAAF,IAAed,aAAa,EAAlC;EACA,MAAM;IAAEe;EAAF,IAAcV,eAAe,EAAnC;EACA,MAAM;IAAEW,GAAF;IAAOC;EAAP,IAAuBX,eAAe,EAA5C;EAEA,MAAMY,WAAW,GAAGd,gBAAgB,CAAEe,OAAD,IAAmC;IACtE,MAAMC,MAAM,GAAGD,OAAO,CAACE,mBAAR,KAAgC,KAAhC,GAAwC,IAAxC,GAA+C,KAA9D;IACA,MAAMC,QAAQ,GAAGV,eAAe,CAAC;MAC/BW,KAAK,EAAER,OAAO,CAACS,kBAAR,CAA2BC,oBAA3B,CAAgD,CAAAR,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAES,MAAb,KAAuB,EAAvE,EAA2EP,OAA3E,CADwB;MAE/BQ,SAAS,EAAE,CACT;QACEJ,KAAK,EAAER,OAAO,CAACS,kBAAR,CAA2BI,2BAA3B,CAAuDT,OAAvD,CADT;QAEEU,OAAO,EAAE,YAAY;UACnB,IAAIT,MAAM,KAAK,IAAf,EAAqB;YACnB,MAAMD,OAAO,CAACW,sBAAR,CAA+B/B,iBAAiB,CAACgC,OAAjD,CAAN;UACD,CAFD,MAEO;YACL,MAAMZ,OAAO,CAACW,sBAAR,CAA+B/B,iBAAiB,CAACiC,GAAjD,CAAN;UACD;QACF,CARH;QASEC,OAAO,EAAE,MAAM;UACbpB,KAAK,CAACqB,IAAN,CACEd,MAAM,KAAK,IAAX,GAAkBL,OAAO,CAACoB,KAAR,CAAcC,2BAAhC,GAA8DrB,OAAO,CAACoB,KAAR,CAAcE,4BAD9E,EAEE,OAFF;QAID;MAdH,CADS,EAiBT;QACEd,KAAK,EAAER,OAAO,CAACS,kBAAR,CAA2Bc,oBADpC;QAEET,OAAO,EAAE,YAAY;UACnBV,OAAO,CAACoB,KAAR,GAAgBC,IAAhB,CAAqB,MAAMxB,GAAG,CAACyB,mBAAJ,CAAwB,CAACtB,OAAO,CAACuB,GAAT,CAAxB,EAAuCC,KAAvC,EAA3B;QACD,CAJH;QAKEV,OAAO,EAAE,MAAMpB,KAAK,CAACqB,IAAN,CAAWnB,OAAO,CAACoB,KAAR,CAAcS,mBAAzB,EAA8C,OAA9C;MALjB,CAjBS;IAFoB,CAAD,CAAhC;IA6BA9B,QAAQ,CAACQ,QAAD,CAAR;EACD,CAhCmC,CAApC;EAkCA,MAAMuB,UAAgD,GAAGjD,WAAW,CAClE;IAAA,IAAC;MAAEkD;IAAF,CAAD;IAAA,OAActC,yBAAd,aAAcA,yBAAd,uBAAcA,yBAAyB,CAAGsC,IAAH,EAAS,MAAM5B,WAAW,CAAC4B,IAAD,CAA1B,CAAvC;EAAA,CADkE,EAElE,CAACtC,yBAAD,EAA4BU,WAA5B,CAFkE,CAApE;EAKA,MAAM;IAAE6B,IAAF;IAAQC;EAAR,IAAkBlD,iBAAiB,EAAzC;EACA,oBACE,oBAAC,QAAD;IACE,OAAO,EAAE,KADX;IAEE,IAAI,EAAEW,aAFR;IAGE,UAAU,EAAEoC,UAHd;IAIE,YAAY,EAAEnC;EAJhB,GAKMC,aALN;IAME,qBAAqB,EAAE,CAACA,aAAD,aAACA,aAAD,uBAACA,aAAa,CAAEsC,qBAAhB,EAAuC;MAAEC,WAAW,EAAEH,IAAf;MAAqBI,YAAY,EAAEH;IAAnC,CAAvC,CANzB;IAOE,YAAY,EAAE7C;EAPhB,GADF;AAWD,CA/DD;;AAiEA,eAAeI,oBAAf"}

package/lib/module/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersList.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FlatList } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useFreshCallback } from '@sendbird/uikit-utils';
+import { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';
 
 const GroupChannelMutedMembersList = _ref => {
   let {
@@ -30,7 +30,8 @@ const GroupChannelMutedMembersList = _ref => {
       flexGrow: 1
     },
     ListEmptyComponent: ListEmptyComponent,
-    bounces: false
+    bounces: false,
+    keyExtractor: getUserUniqId
   });
 };
 

package/lib/module/domain/groupChannelMutedMembers/component/GroupChannelMutedMembersList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","useSafeAreaInsets","useFreshCallback","GroupChannelMutedMembersList","renderUser","mutedMembers","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelMutedMembersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelMutedMembersProps } from '../types';\n\nconst GroupChannelMutedMembersList = ({\n  renderUser,\n  mutedMembers,\n  ListEmptyComponent,\n}: GroupChannelMutedMembersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={mutedMembers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n    />\n  );\n};\n\nexport default GroupChannelMutedMembersList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAAiCC,gBAAjC,QAAyD,uBAAzD;;AAIA,MAAMC,4BAA4B,GAAG,QAIQ;EAAA,IAJP;IACpCC,UADoC;IAEpCC,YAFoC;IAGpCC;EAHoC,CAIO;EAC3C,MAAMC,UAAkD,GAAGL,gBAAgB,CAAC;IAAA,IAAC;MAAEM;IAAF,CAAD;IAAA,OAC1EJ,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEK,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAD,CAA3E;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBV,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEI,YADR;IAEE,UAAU,EAAEE,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,OAAO,EAAE;EALX,EADF;AASD,CAnBD;;AAqBA,eAAeH,4BAAf"}
+{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","GroupChannelMutedMembersList","renderUser","mutedMembers","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelMutedMembersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelMutedMembersProps } from '../types';\n\nconst GroupChannelMutedMembersList = ({\n  renderUser,\n  mutedMembers,\n  ListEmptyComponent,\n}: GroupChannelMutedMembersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={mutedMembers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default GroupChannelMutedMembersList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAAiCC,aAAjC,EAAgDC,gBAAhD,QAAwE,uBAAxE;;AAIA,MAAMC,4BAA4B,GAAG,QAIQ;EAAA,IAJP;IACpCC,UADoC;IAEpCC,YAFoC;IAGpCC;EAHoC,CAIO;EAC3C,MAAMC,UAAkD,GAAGL,gBAAgB,CAAC;IAAA,IAAC;MAAEM;IAAF,CAAD;IAAA,OAC1EJ,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEK,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAD,CAA3E;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBX,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEK,YADR;IAEE,UAAU,EAAEE,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,OAAO,EAAE,KALX;IAME,YAAY,EAAEL;EANhB,EADF;AAUD,CApBD;;AAsBA,eAAeE,4BAAf"}

package/lib/module/domain/groupChannelNotifications/component/GroupChannelNotificationsHeader.js

@@ -0,0 +1,25 @@
+import React, { useContext } from 'react';
+import { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
+import { GroupChannelNotificationsContexts } from '../module/moduleContext';
+
+const GroupChannelNotificationsHeader = _ref => {
+  let {
+    onPressHeaderLeft
+  } = _ref;
+  const {
+    headerTitle
+  } = useContext(GroupChannelNotificationsContexts.Fragment);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft
+  });
+};
+
+export default GroupChannelNotificationsHeader;
+//# sourceMappingURL=GroupChannelNotificationsHeader.js.map

package/lib/module/domain/groupChannelNotifications/component/GroupChannelNotificationsHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Icon","useHeaderStyle","GroupChannelNotificationsContexts","GroupChannelNotificationsHeader","onPressHeaderLeft","headerTitle","Fragment","HeaderComponent"],"sources":["GroupChannelNotificationsHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { GroupChannelNotificationsContexts } from '../module/moduleContext';\nimport type { GroupChannelNotificationsProps } from '../types';\n\nconst GroupChannelNotificationsHeader = ({ onPressHeaderLeft }: GroupChannelNotificationsProps['Header']) => {\n  const { headerTitle } = useContext(GroupChannelNotificationsContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return <HeaderComponent title={headerTitle} left={<Icon icon={'arrow-left'} />} onPressLeft={onPressHeaderLeft} />;\n};\n\nexport default GroupChannelNotificationsHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,IAAT,EAAeC,cAAf,QAAqC,yCAArC;AAEA,SAASC,iCAAT,QAAkD,yBAAlD;;AAGA,MAAMC,+BAA+B,GAAG,QAAqE;EAAA,IAApE;IAAEC;EAAF,CAAoE;EAC3G,MAAM;IAAEC;EAAF,IAAkBN,UAAU,CAACG,iCAAiC,CAACI,QAAnC,CAAlC;EACA,MAAM;IAAEC;EAAF,IAAsBN,cAAc,EAA1C;EACA,oBAAO,oBAAC,eAAD;IAAiB,KAAK,EAAEI,WAAxB;IAAqC,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAA3C;IAAyE,WAAW,EAAED;EAAtF,EAAP;AACD,CAJD;;AAMA,eAAeD,+BAAf"}

package/lib/module/domain/groupChannelNotifications/component/GroupChannelNotificationsView.js

@@ -0,0 +1,122 @@
+import React, { useContext } from 'react';
+import { Pressable, ScrollView, View } from 'react-native';
+import { PushTriggerOption } from '@sendbird/chat';
+import { Divider, Icon, Switch, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { useForceUpdate } from '@sendbird/uikit-utils';
+import { useLocalization } from '../../../hooks/useContext';
+import { GroupChannelNotificationsContexts } from '../module/moduleContext';
+
+const GroupChannelNotificationsView = () => {
+  const {
+    channel
+  } = useContext(GroupChannelNotificationsContexts.Fragment);
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const forceUpdate = useForceUpdate();
+  const turnedOnNotifications = channel.myPushTriggerOption !== PushTriggerOption.OFF;
+  const turnedOnNotificationsOptionAll = [PushTriggerOption.ALL, PushTriggerOption.DEFAULT].some(it => it === channel.myPushTriggerOption);
+  const turnedOnNotificationsOptionMentionsOnly = channel.myPushTriggerOption === PushTriggerOption.MENTION_ONLY;
+
+  const toggleNotificationSwitch = async val => {
+    if (val) {
+      await channel.setMyPushTriggerOption(PushTriggerOption.ALL);
+    } else {
+      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);
+    }
+
+    forceUpdate();
+  };
+
+  const onPressNotificationsOption = async option => {
+    await channel.setMyPushTriggerOption(option);
+    forceUpdate();
+  };
+
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    bounces: false,
+    contentContainerStyle: styles.container
+  }, /*#__PURE__*/React.createElement(Bar, {
+    subtitle2: true,
+    title: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS,
+    description: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_DESC,
+    component: /*#__PURE__*/React.createElement(Switch, {
+      value: turnedOnNotifications,
+      onChangeValue: toggleNotificationSwitch
+    })
+  }), /*#__PURE__*/React.createElement(Divider, null), turnedOnNotifications && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Bar, {
+    body3: true,
+    onPress: () => onPressNotificationsOption(PushTriggerOption.ALL),
+    title: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_OPTION_ALL,
+    component: /*#__PURE__*/React.createElement(Icon, {
+      color: turnedOnNotificationsOptionAll ? colors.primary : colors.onBackground03,
+      icon: turnedOnNotificationsOptionAll ? 'radio-on' : 'radio-off',
+      size: 24
+    })
+  }), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Bar, {
+    body3: true,
+    onPress: () => onPressNotificationsOption(PushTriggerOption.MENTION_ONLY),
+    title: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_OPTION_MENTION_ONLY,
+    component: /*#__PURE__*/React.createElement(Icon, {
+      color: turnedOnNotificationsOptionMentionsOnly ? colors.primary : colors.onBackground03,
+      icon: turnedOnNotificationsOptionMentionsOnly ? 'radio-on' : 'radio-off',
+      size: 24
+    })
+  }), /*#__PURE__*/React.createElement(Divider, null)));
+};
+
+const Bar = _ref => {
+  let {
+    title,
+    onPress,
+    description,
+    component,
+    subtitle2,
+    body3
+  } = _ref;
+  const {
+    colors
+  } = useUIKitTheme();
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    style: styles.barContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    body3: body3,
+    subtitle2: subtitle2,
+    numberOfLines: 1,
+    color: colors.onBackground01,
+    style: styles.title
+  }, title), /*#__PURE__*/React.createElement(View, null, component)), Boolean(description) && /*#__PURE__*/React.createElement(Text, {
+    body3: true,
+    color: colors.onBackground02,
+    style: styles.desc
+  }, description));
+};
+
+const styles = createStyleSheet({
+  container: {
+    paddingHorizontal: 16
+  },
+  barContainer: {
+    paddingVertical: 16
+  },
+  titleContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  title: {
+    flex: 1,
+    marginRight: 8
+  },
+  desc: {
+    marginTop: 8,
+    flex: 1
+  }
+});
+export default GroupChannelNotificationsView;
+//# sourceMappingURL=GroupChannelNotificationsView.js.map

package/lib/module/domain/groupChannelNotifications/component/GroupChannelNotificationsView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Pressable","ScrollView","View","PushTriggerOption","Divider","Icon","Switch","Text","createStyleSheet","useUIKitTheme","useForceUpdate","useLocalization","GroupChannelNotificationsContexts","GroupChannelNotificationsView","channel","Fragment","STRINGS","colors","forceUpdate","turnedOnNotifications","myPushTriggerOption","OFF","turnedOnNotificationsOptionAll","ALL","DEFAULT","some","it","turnedOnNotificationsOptionMentionsOnly","MENTION_ONLY","toggleNotificationSwitch","val","setMyPushTriggerOption","onPressNotificationsOption","option","styles","container","GROUP_CHANNEL_NOTIFICATIONS","MENU_NOTIFICATIONS","MENU_NOTIFICATIONS_DESC","MENU_NOTIFICATIONS_OPTION_ALL","primary","onBackground03","MENU_NOTIFICATIONS_OPTION_MENTION_ONLY","Bar","title","onPress","description","component","subtitle2","body3","barContainer","titleContainer","onBackground01","Boolean","onBackground02","desc","paddingHorizontal","paddingVertical","flexDirection","alignItems","flex","marginRight","marginTop"],"sources":["GroupChannelNotificationsView.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Pressable, ScrollView, View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { Divider, Icon, Switch, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { useForceUpdate } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelNotificationsContexts } from '../module/moduleContext';\n\nconst GroupChannelNotificationsView = () => {\n  const { channel } = useContext(GroupChannelNotificationsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const forceUpdate = useForceUpdate();\n\n  const turnedOnNotifications = channel.myPushTriggerOption !== PushTriggerOption.OFF;\n  const turnedOnNotificationsOptionAll = [PushTriggerOption.ALL, PushTriggerOption.DEFAULT].some(\n    (it) => it === channel.myPushTriggerOption,\n  );\n  const turnedOnNotificationsOptionMentionsOnly = channel.myPushTriggerOption === PushTriggerOption.MENTION_ONLY;\n\n  const toggleNotificationSwitch = async (val: boolean) => {\n    if (val) {\n      await channel.setMyPushTriggerOption(PushTriggerOption.ALL);\n    } else {\n      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n    }\n    forceUpdate();\n  };\n\n  const onPressNotificationsOption = async (option: PushTriggerOption.ALL | PushTriggerOption.MENTION_ONLY) => {\n    await channel.setMyPushTriggerOption(option);\n    forceUpdate();\n  };\n\n  return (\n    <ScrollView bounces={false} contentContainerStyle={styles.container}>\n      <Bar\n        subtitle2\n        title={STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS}\n        description={STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_DESC}\n        component={<Switch value={turnedOnNotifications} onChangeValue={toggleNotificationSwitch} />}\n      />\n      <Divider />\n      {turnedOnNotifications && (\n        <>\n          <Bar\n            body3\n            onPress={() => onPressNotificationsOption(PushTriggerOption.ALL)}\n            title={STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_OPTION_ALL}\n            component={\n              <Icon\n                color={turnedOnNotificationsOptionAll ? colors.primary : colors.onBackground03}\n                icon={turnedOnNotificationsOptionAll ? 'radio-on' : 'radio-off'}\n                size={24}\n              />\n            }\n          />\n          <Divider />\n          <Bar\n            body3\n            onPress={() => onPressNotificationsOption(PushTriggerOption.MENTION_ONLY)}\n            title={STRINGS.GROUP_CHANNEL_NOTIFICATIONS.MENU_NOTIFICATIONS_OPTION_MENTION_ONLY}\n            component={\n              <Icon\n                color={turnedOnNotificationsOptionMentionsOnly ? colors.primary : colors.onBackground03}\n                icon={turnedOnNotificationsOptionMentionsOnly ? 'radio-on' : 'radio-off'}\n                size={24}\n              />\n            }\n          />\n          <Divider />\n        </>\n      )}\n    </ScrollView>\n  );\n};\n\ntype BarProps = {\n  title: string;\n  onPress?: () => void;\n  description?: string;\n  component: React.ReactNode;\n  subtitle2?: boolean;\n  body3?: boolean;\n};\nconst Bar = ({ title, onPress, description, component, subtitle2, body3 }: BarProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Pressable onPress={onPress} style={styles.barContainer}>\n      <View style={styles.titleContainer}>\n        <Text body3={body3} subtitle2={subtitle2} numberOfLines={1} color={colors.onBackground01} style={styles.title}>\n          {title}\n        </Text>\n        <View>{component}</View>\n      </View>\n      {Boolean(description) && (\n        <Text body3 color={colors.onBackground02} style={styles.desc}>\n          {description}\n        </Text>\n      )}\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 16,\n  },\n  barContainer: {\n    paddingVertical: 16,\n  },\n  titleContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  title: {\n    flex: 1,\n    marginRight: 8,\n  },\n  desc: {\n    marginTop: 8,\n    flex: 1,\n  },\n});\n\nexport default GroupChannelNotificationsView;\n"],"mappings":"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"}

package/lib/module/domain/groupChannelNotifications/index.js

@@ -0,0 +1,5 @@
+export { default as GroupChannelNotificationsView } from './component/GroupChannelNotificationsView';
+export { default as GroupChannelNotificationsHeader } from './component/GroupChannelNotificationsHeader';
+export { default as createGroupChannelNotificationsModule } from './module/createGroupChannelNotificationsModule';
+export { GroupChannelNotificationsContextsProvider, GroupChannelNotificationsContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

package/lib/module/domain/groupChannelNotifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","GroupChannelNotificationsView","GroupChannelNotificationsHeader","createGroupChannelNotificationsModule","GroupChannelNotificationsContextsProvider","GroupChannelNotificationsContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelNotificationsView } from './component/GroupChannelNotificationsView';\nexport { default as GroupChannelNotificationsHeader } from './component/GroupChannelNotificationsHeader';\nexport { default as createGroupChannelNotificationsModule } from './module/createGroupChannelNotificationsModule';\nexport { GroupChannelNotificationsContextsProvider, GroupChannelNotificationsContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,6BAApB,QAAyD,2CAAzD;AACA,SAASD,OAAO,IAAIE,+BAApB,QAA2D,6CAA3D;AACA,SAASF,OAAO,IAAIG,qCAApB,QAAiE,gDAAjE;AACA,SAASC,yCAAT,EAAoDC,iCAApD,QAA6F,wBAA7F"}

package/lib/module/domain/groupChannelNotifications/module/createGroupChannelNotificationsModule.js

@@ -0,0 +1,21 @@
+import GroupChannelNotificationsHeader from '../component/GroupChannelNotificationsHeader';
+import GroupChannelNotificationsView from '../component/GroupChannelNotificationsView';
+import { GroupChannelNotificationsContextsProvider } from './moduleContext';
+
+const createGroupChannelNotificationsModule = function () {
+  let {
+    Header = GroupChannelNotificationsHeader,
+    View = GroupChannelNotificationsView,
+    Provider = GroupChannelNotificationsContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    View,
+    Provider,
+    ...module
+  };
+};
+
+export default createGroupChannelNotificationsModule;
+//# sourceMappingURL=createGroupChannelNotificationsModule.js.map

package/lib/module/domain/groupChannelNotifications/module/createGroupChannelNotificationsModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelNotificationsHeader","GroupChannelNotificationsView","GroupChannelNotificationsContextsProvider","createGroupChannelNotificationsModule","Header","View","Provider","module"],"sources":["createGroupChannelNotificationsModule.tsx"],"sourcesContent":["import GroupChannelNotificationsHeader from '../component/GroupChannelNotificationsHeader';\nimport GroupChannelNotificationsView from '../component/GroupChannelNotificationsView';\nimport type { GroupChannelNotificationsModule } from '../types';\nimport { GroupChannelNotificationsContextsProvider } from './moduleContext';\n\nconst createGroupChannelNotificationsModule = ({\n  Header = GroupChannelNotificationsHeader,\n  View = GroupChannelNotificationsView,\n  Provider = GroupChannelNotificationsContextsProvider,\n  ...module\n}: Partial<GroupChannelNotificationsModule> = {}): GroupChannelNotificationsModule => {\n  return { Header, View, Provider, ...module };\n};\n\nexport default createGroupChannelNotificationsModule;\n"],"mappings":"AAAA,OAAOA,+BAAP,MAA4C,8CAA5C;AACA,OAAOC,6BAAP,MAA0C,4CAA1C;AAEA,SAASC,yCAAT,QAA0D,iBAA1D;;AAEA,MAAMC,qCAAqC,GAAG,YAKwC;EAAA,IALvC;IAC7CC,MAAM,GAAGJ,+BADoC;IAE7CK,IAAI,GAAGJ,6BAFsC;IAG7CK,QAAQ,GAAGJ,yCAHkC;IAI7C,GAAGK;EAJ0C,CAKuC,uEAAxC,EAAwC;EACpF,OAAO;IAAEH,MAAF;IAAUC,IAAV;IAAgBC,QAAhB;IAA0B,GAAGC;EAA7B,CAAP;AACD,CAPD;;AASA,eAAeJ,qCAAf"}

package/lib/module/domain/groupChannelNotifications/module/moduleContext.js

@@ -0,0 +1,25 @@
+import React, { createContext } from 'react';
+import ProviderLayout from '../../../components/ProviderLayout';
+import { useLocalization } from '../../../hooks/useContext';
+export const GroupChannelNotificationsContexts = {
+  Fragment: /*#__PURE__*/createContext({
+    headerTitle: '',
+    channel: {}
+  })
+};
+export const GroupChannelNotificationsContextsProvider = _ref => {
+  let {
+    children,
+    channel
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  return /*#__PURE__*/React.createElement(ProviderLayout, null, /*#__PURE__*/React.createElement(GroupChannelNotificationsContexts.Fragment.Provider, {
+    value: {
+      channel,
+      headerTitle: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.HEADER_TITLE
+    }
+  }, children));
+};
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","GroupChannelNotificationsContexts","Fragment","headerTitle","channel","GroupChannelNotificationsContextsProvider","children","STRINGS","GROUP_CHANNEL_NOTIFICATIONS","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { GroupChannelNotificationsContextsType, GroupChannelNotificationsModule } from '../types';\n\nexport const GroupChannelNotificationsContexts: GroupChannelNotificationsContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n  }),\n};\n\nexport const GroupChannelNotificationsContextsProvider: GroupChannelNotificationsModule['Provider'] = ({\n  children,\n  channel,\n}) => {\n  const { STRINGS } = useLocalization();\n\n  return (\n    <ProviderLayout>\n      <GroupChannelNotificationsContexts.Fragment.Provider\n        value={{ channel, headerTitle: STRINGS.GROUP_CHANNEL_NOTIFICATIONS.HEADER_TITLE }}\n      >\n        {children}\n      </GroupChannelNotificationsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AAIA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,QAAgC,2BAAhC;AAGA,OAAO,MAAMC,iCAAwE,GAAG;EACtFC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAD;AAD+D,CAAjF;AAOP,OAAO,MAAMC,yCAAsF,GAAG,QAGhG;EAAA,IAHiG;IACrGC,QADqG;IAErGF;EAFqG,CAGjG;EACJ,MAAM;IAAEG;EAAF,IAAcP,eAAe,EAAnC;EAEA,oBACE,oBAAC,cAAD,qBACE,oBAAC,iCAAD,CAAmC,QAAnC,CAA4C,QAA5C;IACE,KAAK,EAAE;MAAEI,OAAF;MAAWD,WAAW,EAAEI,OAAO,CAACC,2BAAR,CAAoCC;IAA5D;EADT,GAGGH,QAHH,CADF,CADF;AASD,CAfM"}

package/lib/module/domain/groupChannelNotifications/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/domain/groupChannelNotifications/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type GroupChannelNotificationsProps = {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: GroupChannelNotificationsProps['Header']['onPressHeaderLeft'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  View: {};\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n};\n\n/**\n * Internal context for GroupChannelNotifications\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type GroupChannelNotificationsContextsType = {\n  Fragment: React.Context<{\n    channel: SendbirdGroupChannel;\n    headerTitle: string;\n  }>;\n};\nexport interface GroupChannelNotificationsModule {\n  Provider: CommonComponent<GroupChannelNotificationsProps['Provider']>;\n  Header: CommonComponent<GroupChannelNotificationsProps['Header']>;\n  View: CommonComponent<GroupChannelNotificationsProps['View']>;\n}\n\nexport type GroupChannelNotificationsFragment = CommonComponent<GroupChannelNotificationsProps['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/groupChannelOperators/component/GroupChannelOperatorsList.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FlatList } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useFreshCallback } from '@sendbird/uikit-utils';
+import { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';
 
 const GroupChannelOperatorsList = _ref => {
   let {
@@ -30,7 +30,8 @@ const GroupChannelOperatorsList = _ref => {
       flexGrow: 1
     },
     ListEmptyComponent: ListEmptyComponent,
-    bounces: false
+    bounces: false,
+    keyExtractor: getUserUniqId
   });
 };
 

package/lib/module/domain/groupChannelOperators/component/GroupChannelOperatorsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","useSafeAreaInsets","useFreshCallback","GroupChannelOperatorsList","operators","renderUser","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelOperatorsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\nimport { useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelOperatorsProps } from '../types';\n\nconst GroupChannelOperatorsList = ({\n  operators,\n  renderUser,\n  ListEmptyComponent,\n}: GroupChannelOperatorsProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdUser> = useFreshCallback(({ item }) => renderUser?.({ user: item }));\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={operators}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n    />\n  );\n};\n\nexport default GroupChannelOperatorsList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAGA,SAASC,gBAAT,QAAiC,uBAAjC;;AAIA,MAAMC,yBAAyB,GAAG,QAIQ;EAAA,IAJP;IACjCC,SADiC;IAEjCC,UAFiC;IAGjCC;EAHiC,CAIO;EACxC,MAAMC,UAAwC,GAAGL,gBAAgB,CAAC;IAAA,IAAC;MAAEM;IAAF,CAAD;IAAA,OAAcH,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAG;MAAEI,IAAI,EAAED;IAAR,CAAH,CAAxB;EAAA,CAAD,CAAjE;EACA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBV,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEG,SADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,OAAO,EAAE;EALX,EADF;AASD,CAjBD;;AAmBA,eAAeH,yBAAf"}
+{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","GroupChannelOperatorsList","operators","renderUser","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelOperatorsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\nimport { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelOperatorsProps } from '../types';\n\nconst GroupChannelOperatorsList = ({\n  operators,\n  renderUser,\n  ListEmptyComponent,\n}: GroupChannelOperatorsProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdUser> = useFreshCallback(({ item }) => renderUser?.({ user: item }));\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={operators}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default GroupChannelOperatorsList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAGA,SAASC,aAAT,EAAwBC,gBAAxB,QAAgD,uBAAhD;;AAIA,MAAMC,yBAAyB,GAAG,QAIQ;EAAA,IAJP;IACjCC,SADiC;IAEjCC,UAFiC;IAGjCC;EAHiC,CAIO;EACxC,MAAMC,UAAwC,GAAGL,gBAAgB,CAAC;IAAA,IAAC;MAAEM;IAAF,CAAD;IAAA,OAAcH,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAG;MAAEI,IAAI,EAAED;IAAR,CAAH,CAAxB;EAAA,CAAD,CAAjE;EACA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBX,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEI,SADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,OAAO,EAAE,KALX;IAME,YAAY,EAAEL;EANhB,EADF;AAUD,CAlBD;;AAoBA,eAAeE,yBAAf"}