@sendbird/uikit-react-native 3.7.6 → 3.8.1

package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","View","PushTriggerOption","Icon","MenuBar","Switch","useUIKitTheme","Logger","conditionChaining","useIIFE","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","WARN_onPressMenuNotification","WARN_onPressMenuSearchInChannel","GroupChannelSettingsMenu","_ref","onPressMenuModeration","onPressMenuMembers","onPressMenuSearchInChannel","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","menu","sdk","sbOptions","channel","Fragment","STRINGS","colors","__DEV__","uikit","groupChannel","enableMention","warn","uikitWithAppInfo","setting","enableMessageSearch","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","DEFAULT","OFF","error","onPressNotificationMenu","actionLabelNotificationMenu","actionItemNotificationMenu","getNotificationsLabel","ALL","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION_LABEL_ON","MENU_NOTIFICATION_LABEL_OFF","MENTION_ONLY","MENU_NOTIFICATION_LABEL_MENTION_ONLY","createElement","icon","color","onBackground01","value","onChangeValue","defaultMenuItems","visible","myRole","name","MENU_MODERATION","onPress","actionItem","MENU_NOTIFICATION","actionLabel","MENU_MEMBERS","String","memberCount","isEphemeral","push","MENU_SEARCH","iconColor","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","menuItems","map","key","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, conditionChaining, useIIFE } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nlet WARN_onPressMenuNotification = false;\nlet WARN_onPressMenuSearchInChannel = false;\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuModeration,\n  onPressMenuMembers,\n  onPressMenuSearchInChannel,\n  onPressMenuLeaveChannel,\n  onPressMenuNotification,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk, sbOptions } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  if (\n    __DEV__ &&\n    !WARN_onPressMenuNotification &&\n    !onPressMenuNotification &&\n    sbOptions.uikit.groupChannel.channel.enableMention\n  ) {\n    Logger.warn('If you are using mention, make sure to pass the `onPressMenuNotification` prop');\n    WARN_onPressMenuNotification = true;\n  }\n\n  if (\n    __DEV__ &&\n    !WARN_onPressMenuSearchInChannel &&\n    !onPressMenuSearchInChannel &&\n    sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch\n  ) {\n    Logger.warn('If you are using message search, make sure to pass the `onPressMenuSearchInChannel` prop');\n    WARN_onPressMenuSearchInChannel = true;\n  }\n\n  const toggleNotification = async () => {\n    try {\n      if (channel.myPushTriggerOption === 'off') {\n        await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n      } else {\n        await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n      }\n    } catch (error) {\n      Logger.warn('Failed to toggle notification', error);\n    }\n  };\n\n  const { onPressNotificationMenu, actionLabelNotificationMenu, actionItemNotificationMenu } = useIIFE(() => {\n    const getNotificationsLabel = () => {\n      switch (channel.myPushTriggerOption) {\n        case PushTriggerOption.ALL:\n        case PushTriggerOption.DEFAULT:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_ON;\n        case PushTriggerOption.OFF:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_OFF;\n        case PushTriggerOption.MENTION_ONLY:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_MENTION_ONLY;\n      }\n    };\n\n    return {\n      actionLabelNotificationMenu: getNotificationsLabel(),\n      actionItemNotificationMenu: conditionChaining(\n        [sbOptions.uikit.groupChannel.channel.enableMention],\n        [\n          <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n          <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n        ],\n      ),\n      onPressNotificationMenu: () => {\n        if (sbOptions.uikit.groupChannel.channel.enableMention) onPressMenuNotification?.();\n        else toggleNotification();\n      },\n    };\n  });\n\n  const defaultMenuItems: MenuBarProps[] = [\n    {\n      icon: 'moderation',\n      visible: channel.myRole === 'operator',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MODERATION,\n      onPress: () => onPressMenuModeration(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: onPressNotificationMenu,\n      actionLabel: actionLabelNotificationMenu,\n      actionItem: actionItemNotificationMenu,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n      onPress: () => onPressMenuMembers(),\n      actionLabel: String(channel.memberCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n  ];\n\n  if (sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch && !channel.isEphemeral) {\n    defaultMenuItems.push({\n      icon: 'search',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_SEARCH,\n      onPress: () => onPressMenuSearchInChannel?.(),\n    });\n  }\n\n  defaultMenuItems.push({\n    icon: 'leave',\n    iconColor: colors.error,\n    name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n    onPress: () => {\n      channel.leave().then(() => {\n        onPressMenuLeaveChannel();\n        sdk.clearCachedMessages([channel.url]).catch();\n      });\n    },\n  });\n\n  const menuItems = menuItemsCreator(defaultMenuItems);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            visible={menu.visible}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":"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"}
+{"version":3,"names":["React","useContext","View","PushTriggerOption","Icon","MenuBar","Switch","useUIKitTheme","Logger","conditionChaining","useIIFE","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","WARN_onPressMenuNotification","WARN_onPressMenuSearchInChannel","GroupChannelSettingsMenu","onPressMenuModeration","onPressMenuMembers","onPressMenuSearchInChannel","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","menu","sdk","sbOptions","channel","Fragment","STRINGS","colors","__DEV__","uikit","groupChannel","enableMention","warn","uikitWithAppInfo","setting","enableMessageSearch","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","DEFAULT","OFF","error","onPressNotificationMenu","actionLabelNotificationMenu","actionItemNotificationMenu","getNotificationsLabel","ALL","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION_LABEL_ON","MENU_NOTIFICATION_LABEL_OFF","MENTION_ONLY","MENU_NOTIFICATION_LABEL_MENTION_ONLY","createElement","icon","color","onBackground01","value","onChangeValue","defaultMenuItems","visible","myRole","name","MENU_MODERATION","onPress","actionItem","MENU_NOTIFICATION","actionLabel","MENU_MEMBERS","String","memberCount","isEphemeral","push","MENU_SEARCH","iconColor","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","menuItems","map","key","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, conditionChaining, useIIFE } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nlet WARN_onPressMenuNotification = false;\nlet WARN_onPressMenuSearchInChannel = false;\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuModeration,\n  onPressMenuMembers,\n  onPressMenuSearchInChannel,\n  onPressMenuLeaveChannel,\n  onPressMenuNotification,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk, sbOptions } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  if (\n    __DEV__ &&\n    !WARN_onPressMenuNotification &&\n    !onPressMenuNotification &&\n    sbOptions.uikit.groupChannel.channel.enableMention\n  ) {\n    Logger.warn('If you are using mention, make sure to pass the `onPressMenuNotification` prop');\n    WARN_onPressMenuNotification = true;\n  }\n\n  if (\n    __DEV__ &&\n    !WARN_onPressMenuSearchInChannel &&\n    !onPressMenuSearchInChannel &&\n    sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch\n  ) {\n    Logger.warn('If you are using message search, make sure to pass the `onPressMenuSearchInChannel` prop');\n    WARN_onPressMenuSearchInChannel = true;\n  }\n\n  const toggleNotification = async () => {\n    try {\n      if (channel.myPushTriggerOption === 'off') {\n        await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n      } else {\n        await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n      }\n    } catch (error) {\n      Logger.warn('Failed to toggle notification', error);\n    }\n  };\n\n  const { onPressNotificationMenu, actionLabelNotificationMenu, actionItemNotificationMenu } = useIIFE(() => {\n    const getNotificationsLabel = () => {\n      switch (channel.myPushTriggerOption) {\n        case PushTriggerOption.ALL:\n        case PushTriggerOption.DEFAULT:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_ON;\n        case PushTriggerOption.OFF:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_OFF;\n        case PushTriggerOption.MENTION_ONLY:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_MENTION_ONLY;\n      }\n    };\n\n    return {\n      actionLabelNotificationMenu: getNotificationsLabel(),\n      actionItemNotificationMenu: conditionChaining(\n        [sbOptions.uikit.groupChannel.channel.enableMention],\n        [\n          <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n          <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n        ],\n      ),\n      onPressNotificationMenu: () => {\n        if (sbOptions.uikit.groupChannel.channel.enableMention) onPressMenuNotification?.();\n        else toggleNotification();\n      },\n    };\n  });\n\n  const defaultMenuItems: MenuBarProps[] = [\n    {\n      icon: 'moderation',\n      visible: channel.myRole === 'operator',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MODERATION,\n      onPress: () => onPressMenuModeration(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: onPressNotificationMenu,\n      actionLabel: actionLabelNotificationMenu,\n      actionItem: actionItemNotificationMenu,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n      onPress: () => onPressMenuMembers(),\n      actionLabel: String(channel.memberCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n  ];\n\n  if (sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch && !channel.isEphemeral) {\n    defaultMenuItems.push({\n      icon: 'search',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_SEARCH,\n      onPress: () => onPressMenuSearchInChannel?.(),\n    });\n  }\n\n  defaultMenuItems.push({\n    icon: 'leave',\n    iconColor: colors.error,\n    name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n    onPress: () => {\n      channel.leave().then(() => {\n        onPressMenuLeaveChannel();\n        sdk.clearCachedMessages([channel.url]).catch();\n      });\n    },\n  });\n\n  const menuItems = menuItemsCreator(defaultMenuItems);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            visible={menu.visible}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["default","GroupChannelSettingsHeader","GroupChannelSettingsInfo","GroupChannelSettingsMenu","createGroupChannelSettingsModule","GroupChannelSettingsContextsProvider","GroupChannelSettingsContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelSettingsHeader } from './component/GroupChannelSettingsHeader';\nexport { default as GroupChannelSettingsInfo } from './component/GroupChannelSettingsInfo';\nexport { default as GroupChannelSettingsMenu } from './component/GroupChannelSettingsMenu';\nexport { default as createGroupChannelSettingsModule } from './module/createGroupChannelSettingsModule';\nexport { GroupChannelSettingsContextsProvider, GroupChannelSettingsContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,0BAA0B,QAAQ,wCAAwC;AAC9F,SAASD,OAAO,IAAIE,wBAAwB,QAAQ,sCAAsC;AAC1F,SAASF,OAAO,IAAIG,wBAAwB,QAAQ,sCAAsC;AAC1F,SAASH,OAAO,IAAII,gCAAgC,QAAQ,2CAA2C;AACvG,SAASC,oCAAoC,EAAEC,4BAA4B,QAAQ,wBAAwB"}
+{"version":3,"names":["default","GroupChannelSettingsHeader","GroupChannelSettingsInfo","GroupChannelSettingsMenu","createGroupChannelSettingsModule","GroupChannelSettingsContextsProvider","GroupChannelSettingsContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelSettingsHeader } from './component/GroupChannelSettingsHeader';\nexport { default as GroupChannelSettingsInfo } from './component/GroupChannelSettingsInfo';\nexport { default as GroupChannelSettingsMenu } from './component/GroupChannelSettingsMenu';\nexport { default as createGroupChannelSettingsModule } from './module/createGroupChannelSettingsModule';\nexport { GroupChannelSettingsContextsProvider, GroupChannelSettingsContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,0BAA0B,QAAQ,wCAAwC;AAC9F,SAASD,OAAO,IAAIE,wBAAwB,QAAQ,sCAAsC;AAC1F,SAASF,OAAO,IAAIG,wBAAwB,QAAQ,sCAAsC;AAC1F,SAASH,OAAO,IAAII,gCAAgC,QAAQ,2CAA2C;AACvG,SAASC,oCAAoC,EAAEC,4BAA4B,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/domain/groupChannelSettings/module/createGroupChannelSettingsModule.js

@@ -2,14 +2,13 @@ import GroupChannelSettingsHeader from '../component/GroupChannelSettingsHeader'
 import GroupChannelSettingsInfo from '../component/GroupChannelSettingsInfo';
 import GroupChannelSettingsMenu from '../component/GroupChannelSettingsMenu';
 import { GroupChannelSettingsContextsProvider } from './moduleContext';
-const createGroupChannelSettingsModule = function () {
-  let {
-    Header = GroupChannelSettingsHeader,
-    Info = GroupChannelSettingsInfo,
-    Menu = GroupChannelSettingsMenu,
-    Provider = GroupChannelSettingsContextsProvider,
-    ...module
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createGroupChannelSettingsModule = ({
+  Header = GroupChannelSettingsHeader,
+  Info = GroupChannelSettingsInfo,
+  Menu = GroupChannelSettingsMenu,
+  Provider = GroupChannelSettingsContextsProvider,
+  ...module
+} = {}) => {
   return {
     Header,
     Info,

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

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelSettingsHeader","GroupChannelSettingsInfo","GroupChannelSettingsMenu","GroupChannelSettingsContextsProvider","createGroupChannelSettingsModule","Header","Info","Menu","Provider","module","arguments","length","undefined"],"sources":["createGroupChannelSettingsModule.tsx"],"sourcesContent":["import GroupChannelSettingsHeader from '../component/GroupChannelSettingsHeader';\nimport GroupChannelSettingsInfo from '../component/GroupChannelSettingsInfo';\nimport GroupChannelSettingsMenu from '../component/GroupChannelSettingsMenu';\nimport type { GroupChannelSettingsModule } from '../types';\nimport { GroupChannelSettingsContextsProvider } from './moduleContext';\n\nconst createGroupChannelSettingsModule = ({\n  Header = GroupChannelSettingsHeader,\n  Info = GroupChannelSettingsInfo,\n  Menu = GroupChannelSettingsMenu,\n  Provider = GroupChannelSettingsContextsProvider,\n  ...module\n}: Partial<GroupChannelSettingsModule> = {}): GroupChannelSettingsModule => {\n  return { Header, Info, Menu, Provider, ...module };\n};\n\nexport default createGroupChannelSettingsModule;\n"],"mappings":"AAAA,OAAOA,0BAA0B,MAAM,yCAAyC;AAChF,OAAOC,wBAAwB,MAAM,uCAAuC;AAC5E,OAAOC,wBAAwB,MAAM,uCAAuC;AAE5E,SAASC,oCAAoC,QAAQ,iBAAiB;AAEtE,MAAMC,gCAAgC,GAAG,SAAAA,CAAA,EAMmC;EAAA,IANlC;IACxCC,MAAM,GAAGL,0BAA0B;IACnCM,IAAI,GAAGL,wBAAwB;IAC/BM,IAAI,GAAGL,wBAAwB;IAC/BM,QAAQ,GAAGL,oCAAoC;IAC/C,GAAGM;EACgC,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACzC,OAAO;IAAEL,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC;AACpD,CAAC;AAED,eAAeL,gCAAgC"}
+{"version":3,"names":["GroupChannelSettingsHeader","GroupChannelSettingsInfo","GroupChannelSettingsMenu","GroupChannelSettingsContextsProvider","createGroupChannelSettingsModule","Header","Info","Menu","Provider","module"],"sources":["createGroupChannelSettingsModule.tsx"],"sourcesContent":["import GroupChannelSettingsHeader from '../component/GroupChannelSettingsHeader';\nimport GroupChannelSettingsInfo from '../component/GroupChannelSettingsInfo';\nimport GroupChannelSettingsMenu from '../component/GroupChannelSettingsMenu';\nimport type { GroupChannelSettingsModule } from '../types';\nimport { GroupChannelSettingsContextsProvider } from './moduleContext';\n\nconst createGroupChannelSettingsModule = ({\n  Header = GroupChannelSettingsHeader,\n  Info = GroupChannelSettingsInfo,\n  Menu = GroupChannelSettingsMenu,\n  Provider = GroupChannelSettingsContextsProvider,\n  ...module\n}: Partial<GroupChannelSettingsModule> = {}): GroupChannelSettingsModule => {\n  return { Header, Info, Menu, Provider, ...module };\n};\n\nexport default createGroupChannelSettingsModule;\n"],"mappings":"AAAA,OAAOA,0BAA0B,MAAM,yCAAyC;AAChF,OAAOC,wBAAwB,MAAM,uCAAuC;AAC5E,OAAOC,wBAAwB,MAAM,uCAAuC;AAE5E,SAASC,oCAAoC,QAAQ,iBAAiB;AAEtE,MAAMC,gCAAgC,GAAGA,CAAC;EACxCC,MAAM,GAAGL,0BAA0B;EACnCM,IAAI,GAAGL,wBAAwB;EAC/BM,IAAI,GAAGL,wBAAwB;EAC/BM,QAAQ,GAAGL,oCAAoC;EAC/C,GAAGM;AACgC,CAAC,GAAG,CAAC,CAAC,KAAiC;EAC1E,OAAO;IAAEJ,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC;AACpD,CAAC;AAED,eAAeL,gCAAgC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import React, { createContext, useCallback } from 'react';
-import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';
-import { NOOP, isDifferentChannel, useForceUpdate, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { useGroupChannelHandler } from '@sendbird/uikit-tools';
+import { NOOP, isDifferentChannel, useForceUpdate } from '@sendbird/uikit-utils';
 import ProviderLayout from '../../../components/ProviderLayout';
 import { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';
 import SBUError from '../../../libs/SBUError';
@@ -14,12 +14,10 @@ export const GroupChannelSettingsContexts = {
     onPressHeaderRight: NOOP
   })
 };
-export const GroupChannelSettingsContextsProvider = _ref => {
-  let {
-    children,
-    channel
-  } = _ref;
-  const handlerId = useUniqHandlerId('GroupChannelSettingsContextsProvider');
+export const GroupChannelSettingsContextsProvider = ({
+  children,
+  channel
+}) => {
   const forceUpdate = useForceUpdate();
   const {
     STRINGS
@@ -37,7 +35,7 @@ export const GroupChannelSettingsContextsProvider = _ref => {
     if (isDifferentChannel(eventChannel, channel)) return;
     forceUpdate();
   };
-  useChannelHandler(sdk, handlerId, {
+  useGroupChannelHandler(sdk, {
     onChannelChanged: onChannelChanged,
     onChannelFrozen: onChannelChanged,
     onChannelUnfrozen: onChannelChanged,

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

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

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelSettingsProps {\n  Fragment: {\n    channel: GroupChannelSettingsProps['Provider']['channel'];\n    onPressHeaderLeft: GroupChannelSettingsProps['Header']['onPressHeaderLeft'];\n    onPressMenuModeration: GroupChannelSettingsProps['Menu']['onPressMenuModeration'];\n    onPressMenuMembers: GroupChannelSettingsProps['Menu']['onPressMenuMembers'];\n    onPressMenuSearchInChannel?: GroupChannelSettingsProps['Menu']['onPressMenuSearchInChannel'];\n    onPressMenuLeaveChannel: GroupChannelSettingsProps['Menu']['onPressMenuLeaveChannel'];\n    onPressMenuNotification?: GroupChannelSettingsProps['Menu']['onPressMenuNotification'];\n    menuItemsCreator?: GroupChannelSettingsProps['Menu']['menuItemsCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Info: {};\n  Menu: {\n    onPressMenuModeration: () => void;\n    onPressMenuMembers: () => void;\n    onPressMenuSearchInChannel?: () => void;\n    onPressMenuLeaveChannel: () => void;\n    onPressMenuNotification?: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n}\n\n/**\n * Internal context for GroupChannelSettings\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelSettingsContextsType {\n  Fragment: React.Context<{\n    channel: SendbirdGroupChannel;\n    headerTitle: string;\n    headerRight: string;\n    onPressHeaderRight: () => void;\n  }>;\n}\nexport interface GroupChannelSettingsModule {\n  Provider: CommonComponent<GroupChannelSettingsProps['Provider']>;\n  Header: CommonComponent<GroupChannelSettingsProps['Header']>;\n  Info: CommonComponent<GroupChannelSettingsProps['Info']>;\n  Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;\n}\n\nexport type GroupChannelSettingsFragment = React.FC<GroupChannelSettingsProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelSettingsProps {\n  Fragment: {\n    channel: GroupChannelSettingsProps['Provider']['channel'];\n    onPressHeaderLeft: GroupChannelSettingsProps['Header']['onPressHeaderLeft'];\n    onPressMenuModeration: GroupChannelSettingsProps['Menu']['onPressMenuModeration'];\n    onPressMenuMembers: GroupChannelSettingsProps['Menu']['onPressMenuMembers'];\n    onPressMenuSearchInChannel?: GroupChannelSettingsProps['Menu']['onPressMenuSearchInChannel'];\n    onPressMenuLeaveChannel: GroupChannelSettingsProps['Menu']['onPressMenuLeaveChannel'];\n    onPressMenuNotification?: GroupChannelSettingsProps['Menu']['onPressMenuNotification'];\n    menuItemsCreator?: GroupChannelSettingsProps['Menu']['menuItemsCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Info: {};\n  Menu: {\n    onPressMenuModeration: () => void;\n    onPressMenuMembers: () => void;\n    onPressMenuSearchInChannel?: () => void;\n    onPressMenuLeaveChannel: () => void;\n    onPressMenuNotification?: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n}\n\n/**\n * Internal context for GroupChannelSettings\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelSettingsContextsType {\n  Fragment: React.Context<{\n    channel: SendbirdGroupChannel;\n    headerTitle: string;\n    headerRight: string;\n    onPressHeaderRight: () => void;\n  }>;\n}\nexport interface GroupChannelSettingsModule {\n  Provider: CommonComponent<GroupChannelSettingsProps['Provider']>;\n  Header: CommonComponent<GroupChannelSettingsProps['Header']>;\n  Info: CommonComponent<GroupChannelSettingsProps['Info']>;\n  Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;\n}\n\nexport type GroupChannelSettingsFragment = React.FC<GroupChannelSettingsProps['Fragment']>;\n"],"mappings":"","ignoreList":[]}

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadHeader.js

@@ -1,13 +1,11 @@
 import React, { useContext } from 'react';
-import { View } from 'react-native';
-import { Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { Box, Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import { GroupChannelThreadContexts } from '../module/moduleContext';
-const GroupChannelThreadHeader = _ref => {
-  let {
-    onPressLeft,
-    onPressSubtitle
-  } = _ref;
+const GroupChannelThreadHeader = ({
+  onPressLeft,
+  onPressSubtitle
+}) => {
   const {
     headerTitle,
     channel
@@ -41,12 +39,11 @@ const GroupChannelThreadHeader = _ref => {
   };
   return /*#__PURE__*/React.createElement(HeaderComponent, {
     clearTitleMargin: true,
-    title: /*#__PURE__*/React.createElement(View, {
+    title: /*#__PURE__*/React.createElement(Box, {
       style: styles.titleContainer
-    }, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexShrink: 1
-      }
+    }, /*#__PURE__*/React.createElement(Box, {
+      flexShrink: 1,
+      alignItems: 'flex-start'
     }, /*#__PURE__*/React.createElement(Text, {
       h2: true,
       color: colors.onBackground01,

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","View","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","useLocalization","useSendbirdChat","GroupChannelThreadContexts","GroupChannelThreadHeader","_ref","onPressLeft","onPressSubtitle","headerTitle","channel","Fragment","HeaderComponent","STRINGS","select","colors","palette","currentUser","renderSubtitle","createElement","onPress","caption2","style","styles","subtitle","color","light","primary300","dark","primary200","numberOfLines","GROUP_CHANNEL_THREAD","HEADER_SUBTITLE","userId","clearTitleMargin","title","titleContainer","flexShrink","h2","onBackground01","left","icon","size","maxWidth","flexDirection","width","marginTop"],"sources":["GroupChannelThreadHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadHeader = ({ onPressLeft, onPressSubtitle }: GroupChannelThreadProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelThreadContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n  const { select, colors, palette } = useUIKitTheme();\n  const { currentUser } = useSendbirdChat();\n\n  const renderSubtitle = () => {\n    if (!currentUser) return null;\n\n    return (\n      <Text\n        onPress={onPressSubtitle}\n        caption2\n        style={styles.subtitle}\n        color={select({ light: palette.primary300, dark: palette.primary200 })}\n        numberOfLines={1}\n      >\n        {STRINGS.GROUP_CHANNEL_THREAD.HEADER_SUBTITLE(currentUser.userId, channel)}\n      </Text>\n    );\n  };\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <View style={styles.titleContainer}>\n          <View style={{ flexShrink: 1 }}>\n            <Text h2 color={colors.onBackground01} numberOfLines={1}>\n              {headerTitle}\n            </Text>\n            {renderSubtitle()}\n          </View>\n        </View>\n      }\n      left={<Icon icon={'arrow-left'} size={24} />}\n      onPressLeft={onPressLeft}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    width: '100%',\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelThreadHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AAErH,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAC5E,SAASC,0BAA0B,QAAQ,yBAAyB;AAGpE,MAAMC,wBAAwB,GAAGC,IAAA,IAAyE;EAAA,IAAxE;IAAEC,WAAW;IAAEC;EAAmD,CAAC,GAAAF,IAAA;EACnG,MAAM;IAAEG,WAAW;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACS,0BAA0B,CAACO,QAAQ,CAAC;EAChF,MAAM;IAAEC;EAAgB,CAAC,GAAGZ,cAAc,EAAE;EAC5C,MAAM;IAAEa;EAAQ,CAAC,GAAGX,eAAe,EAAE;EACrC,MAAM;IAAEY,MAAM;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGf,aAAa,EAAE;EACnD,MAAM;IAAEgB;EAAY,CAAC,GAAGd,eAAe,EAAE;EAEzC,MAAMe,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;IAE7B,oBACEvB,KAAA,CAAAyB,aAAA,CAACrB,IAAI;MACHsB,OAAO,EAAEZ,eAAgB;MACzBa,QAAQ;MACRC,KAAK,EAAEC,MAAM,CAACC,QAAS;MACvBC,KAAK,EAAEX,MAAM,CAAC;QAAEY,KAAK,EAAEV,OAAO,CAACW,UAAU;QAAEC,IAAI,EAAEZ,OAAO,CAACa;MAAW,CAAC,CAAE;MACvEC,aAAa,EAAE;IAAE,GAEhBjB,OAAO,CAACkB,oBAAoB,CAACC,eAAe,CAACf,WAAW,CAACgB,MAAM,EAAEvB,OAAO,CAAC,CACrE;EAEX,CAAC;EAED,oBACEhB,KAAA,CAAAyB,aAAA,CAACP,eAAe;IACdsB,gBAAgB;IAChBC,KAAK,eACHzC,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAAC0B,KAAK,EAAEC,MAAM,CAACa;IAAe,gBACjC1C,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAAC0B,KAAK,EAAE;QAAEe,UAAU,EAAE;MAAE;IAAE,gBAC7B3C,KAAA,CAAAyB,aAAA,CAACrB,IAAI;MAACwC,EAAE;MAACb,KAAK,EAAEV,MAAM,CAACwB,cAAe;MAACT,aAAa,EAAE;IAAE,GACrDrB,WAAW,CACP,EACNS,cAAc,EAAE,CACZ,CAEV;IACDsB,IAAI,eAAE9C,KAAA,CAAAyB,aAAA,CAACtB,IAAI;MAAC4C,IAAI,EAAE,YAAa;MAACC,IAAI,EAAE;IAAG,EAAI;IAC7CnC,WAAW,EAAEA;EAAY,EACzB;AAEN,CAAC;AAED,MAAMgB,MAAM,GAAGxB,gBAAgB,CAAC;EAC9BqC,cAAc,EAAE;IACdO,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE;EACT,CAAC;EACDrB,QAAQ,EAAE;IACRsB,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAezC,wBAAwB"}
+{"version":3,"names":["React","useContext","Box","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","useLocalization","useSendbirdChat","GroupChannelThreadContexts","GroupChannelThreadHeader","onPressLeft","onPressSubtitle","headerTitle","channel","Fragment","HeaderComponent","STRINGS","select","colors","palette","currentUser","renderSubtitle","createElement","onPress","caption2","style","styles","subtitle","color","light","primary300","dark","primary200","numberOfLines","GROUP_CHANNEL_THREAD","HEADER_SUBTITLE","userId","clearTitleMargin","title","titleContainer","flexShrink","alignItems","h2","onBackground01","left","icon","size","maxWidth","flexDirection","width","marginTop"],"sources":["GroupChannelThreadHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport {\n  Box,\n  Icon,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadHeader = ({ onPressLeft, onPressSubtitle }: GroupChannelThreadProps['Header']) => {\n  const { headerTitle, channel } = useContext(GroupChannelThreadContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n  const { select, colors, palette } = useUIKitTheme();\n  const { currentUser } = useSendbirdChat();\n\n  const renderSubtitle = () => {\n    if (!currentUser) return null;\n\n    return (\n      <Text\n        onPress={onPressSubtitle}\n        caption2\n        style={styles.subtitle}\n        color={select({ light: palette.primary300, dark: palette.primary200 })}\n        numberOfLines={1}\n      >\n        {STRINGS.GROUP_CHANNEL_THREAD.HEADER_SUBTITLE(currentUser.userId, channel)}\n      </Text>\n    );\n  };\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <Box style={styles.titleContainer}>\n          <Box flexShrink={1} alignItems={'flex-start'}>\n            <Text h2 color={colors.onBackground01} numberOfLines={1}>\n              {headerTitle}\n            </Text>\n            {renderSubtitle()}\n          </Box>\n        </Box>\n      }\n      left={<Icon icon={'arrow-left'} size={24} />}\n      onPressLeft={onPressLeft}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n    flexDirection: 'row',\n    width: '100%',\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default GroupChannelThreadHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SACEC,GAAG,EACHC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,QACR,yCAAyC;AAEhD,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAC5E,SAASC,0BAA0B,QAAQ,yBAAyB;AAGpE,MAAMC,wBAAwB,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAAmD,CAAC,KAAK;EACxG,MAAM;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACS,0BAA0B,CAACM,QAAQ,CAAC;EAChF,MAAM;IAAEC;EAAgB,CAAC,GAAGX,cAAc,CAAC,CAAC;EAC5C,MAAM;IAAEY;EAAQ,CAAC,GAAGV,eAAe,CAAC,CAAC;EACrC,MAAM;IAAEW,MAAM;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGd,aAAa,CAAC,CAAC;EACnD,MAAM;IAAEe;EAAY,CAAC,GAAGb,eAAe,CAAC,CAAC;EAEzC,MAAMc,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACD,WAAW,EAAE,OAAO,IAAI;IAE7B,oBACEtB,KAAA,CAAAwB,aAAA,CAACpB,IAAI;MACHqB,OAAO,EAAEZ,eAAgB;MACzBa,QAAQ;MACRC,KAAK,EAAEC,MAAM,CAACC,QAAS;MACvBC,KAAK,EAAEX,MAAM,CAAC;QAAEY,KAAK,EAAEV,OAAO,CAACW,UAAU;QAAEC,IAAI,EAAEZ,OAAO,CAACa;MAAW,CAAC,CAAE;MACvEC,aAAa,EAAE;IAAE,GAEhBjB,OAAO,CAACkB,oBAAoB,CAACC,eAAe,CAACf,WAAW,CAACgB,MAAM,EAAEvB,OAAO,CACrE,CAAC;EAEX,CAAC;EAED,oBACEf,KAAA,CAAAwB,aAAA,CAACP,eAAe;IACdsB,gBAAgB;IAChBC,KAAK,eACHxC,KAAA,CAAAwB,aAAA,CAACtB,GAAG;MAACyB,KAAK,EAAEC,MAAM,CAACa;IAAe,gBAChCzC,KAAA,CAAAwB,aAAA,CAACtB,GAAG;MAACwC,UAAU,EAAE,CAAE;MAACC,UAAU,EAAE;IAAa,gBAC3C3C,KAAA,CAAAwB,aAAA,CAACpB,IAAI;MAACwC,EAAE;MAACd,KAAK,EAAEV,MAAM,CAACyB,cAAe;MAACV,aAAa,EAAE;IAAE,GACrDrB,WACG,CAAC,EACNS,cAAc,CAAC,CACb,CACF,CACN;IACDuB,IAAI,eAAE9C,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MAAC4C,IAAI,EAAE,YAAa;MAACC,IAAI,EAAE;IAAG,CAAE,CAAE;IAC7CpC,WAAW,EAAEA;EAAY,CAC1B,CAAC;AAEN,CAAC;AAED,MAAMgB,MAAM,GAAGvB,gBAAgB,CAAC;EAC9BoC,cAAc,EAAE;IACdQ,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE;EACT,CAAC;EACDtB,QAAQ,EAAE;IACRuB,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAezC,wBAAwB","ignoreList":[]}

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadInput.js

@@ -1,13 +1,12 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useContext } from 'react';
 import { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';
 import ChannelInput from '../../../components/ChannelInput';
 import { GroupChannelThreadContexts } from '../module/moduleContext';
-const GroupChannelThreadInput = _ref => {
-  let {
-    inputDisabled,
-    ...props
-  } = _ref;
+const GroupChannelThreadInput = ({
+  inputDisabled,
+  ...props
+}) => {
   const {
     channel,
     keyboardAvoidOffset = 0,

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","getGroupChannelChatAvailableState","ChannelInput","GroupChannelThreadContexts","GroupChannelThreadInput","_ref","inputDisabled","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","parentMessage","Fragment","chatAvailableState","createElement","_extends","messageForThread","inputMuted","muted","inputFrozen","frozen","disabled","MessageToReplyPreview","memo"],"sources":["GroupChannelThreadInput.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadInput = ({ inputDisabled, ...props }: GroupChannelThreadProps['Input']) => {\n  const {\n    channel,\n    keyboardAvoidOffset = 0,\n    messageToEdit,\n    setMessageToEdit,\n    parentMessage,\n  } = useContext(GroupChannelThreadContexts.Fragment);\n\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      messageForThread={parentMessage}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={inputDisabled ?? chatAvailableState.disabled}\n      MessageToReplyPreview={() => {\n        return null;\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelThreadInput);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,iCAAiC,QAAQ,uBAAuB;AAEzE,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,0BAA0B,QAAQ,yBAAyB;AAGpE,MAAMC,uBAAuB,GAAGC,IAAA,IAAmE;EAAA,IAAlE;IAAEC,aAAa;IAAE,GAAGC;EAAwC,CAAC,GAAAF,IAAA;EAC5F,MAAM;IACJG,OAAO;IACPC,mBAAmB,GAAG,CAAC;IACvBC,aAAa;IACbC,gBAAgB;IAChBC;EACF,CAAC,GAAGZ,UAAU,CAACG,0BAA0B,CAACU,QAAQ,CAAC;EAEnD,MAAMC,kBAAkB,GAAGb,iCAAiC,CAACO,OAAO,CAAC;EAErE,oBACET,KAAA,CAAAgB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXR,OAAO,EAAEA,OAAQ;IACjBE,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCM,gBAAgB,EAAEL,aAAc;IAChCH,mBAAmB,EAAEA,mBAAoB;IACzCS,UAAU,EAAEJ,kBAAkB,CAACK,KAAM;IACrCC,WAAW,EAAEN,kBAAkB,CAACO,MAAO;IACvCf,aAAa,EAAEA,aAAa,IAAIQ,kBAAkB,CAACQ,QAAS;IAC5DC,qBAAqB,EAAEA,CAAA,KAAM;MAC3B,OAAO,IAAI;IACb;EAAE,GACEhB,KAAK,EACT;AAEN,CAAC;AAED,4BAAeR,KAAK,CAACyB,IAAI,CAACpB,uBAAuB,CAAC"}
+{"version":3,"names":["React","useContext","getGroupChannelChatAvailableState","ChannelInput","GroupChannelThreadContexts","GroupChannelThreadInput","inputDisabled","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","parentMessage","Fragment","chatAvailableState","createElement","_extends","messageForThread","inputMuted","muted","inputFrozen","frozen","disabled","MessageToReplyPreview","memo"],"sources":["GroupChannelThreadInput.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { getGroupChannelChatAvailableState } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadInput = ({ inputDisabled, ...props }: GroupChannelThreadProps['Input']) => {\n  const {\n    channel,\n    keyboardAvoidOffset = 0,\n    messageToEdit,\n    setMessageToEdit,\n    parentMessage,\n  } = useContext(GroupChannelThreadContexts.Fragment);\n\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      messageForThread={parentMessage}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={chatAvailableState.frozen}\n      inputDisabled={inputDisabled ?? chatAvailableState.disabled}\n      MessageToReplyPreview={() => {\n        return null;\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelThreadInput);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,iCAAiC,QAAQ,uBAAuB;AAEzE,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,0BAA0B,QAAQ,yBAAyB;AAGpE,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,aAAa;EAAE,GAAGC;AAAwC,CAAC,KAAK;EACjG,MAAM;IACJC,OAAO;IACPC,mBAAmB,GAAG,CAAC;IACvBC,aAAa;IACbC,gBAAgB;IAChBC;EACF,CAAC,GAAGX,UAAU,CAACG,0BAA0B,CAACS,QAAQ,CAAC;EAEnD,MAAMC,kBAAkB,GAAGZ,iCAAiC,CAACM,OAAO,CAAC;EAErE,oBACER,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAa,QAAA;IACXR,OAAO,EAAEA,OAAQ;IACjBE,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCM,gBAAgB,EAAEL,aAAc;IAChCH,mBAAmB,EAAEA,mBAAoB;IACzCS,UAAU,EAAEJ,kBAAkB,CAACK,KAAM;IACrCC,WAAW,EAAEN,kBAAkB,CAACO,MAAO;IACvCf,aAAa,EAAEA,aAAa,IAAIQ,kBAAkB,CAACQ,QAAS;IAC5DC,qBAAqB,EAAEA,CAAA,KAAM;MAC3B,OAAO,IAAI;IACb;EAAE,GACEhB,KAAK,CACV,CAAC;AAEN,CAAC;AAED,4BAAeP,KAAK,CAACwB,IAAI,CAACnB,uBAAuB,CAAC","ignoreList":[]}

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadMessageList.js

@@ -1,7 +1,7 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useContext, useEffect, useLayoutEffect, useRef } from 'react';
-import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
-import { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+import { useGroupChannelHandler } from '@sendbird/uikit-tools';
+import { isDifferentChannel, useFreshCallback } from '@sendbird/uikit-utils';
 import ChannelThreadMessageList from '../../../components/ChannelThreadMessageList';
 import { useSendbirdChat } from '../../../hooks/useContext';
 import { GroupChannelThreadContexts } from '../module/moduleContext';
@@ -20,7 +20,6 @@ const GroupChannelThreadMessageList = props => {
     lazyScrollToBottom,
     lazyScrollToIndex
   } = useContext(GroupChannelThreadContexts.MessageList);
-  const id = useUniqHandlerId('GroupChannelThreadMessageList');
   const ignorePropReached = useRef(false);
   const _onTopReached = () => {
     if (!ignorePropReached.current) {
@@ -32,8 +31,7 @@ const GroupChannelThreadMessageList = props => {
       props.onBottomReached();
     }
   };
-  const scrollToBottom = useFreshCallback(async function () {
-    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const scrollToBottom = useFreshCallback(async (animated = false) => {
     if (props.hasNext()) {
       props.onScrolledAwayFromBottom(false);
       await props.onResetMessageList().catch(_ => {});
@@ -65,7 +63,7 @@ const GroupChannelThreadMessageList = props => {
       }
     }
   }, [props.startingPoint]);
-  useChannelHandler(sdk, id, {
+  useGroupChannelHandler(sdk, {
     onReactionUpdated(channel, event) {
       if (isDifferentChannel(channel, props.channel)) return;
       const recentMessage = props.messages[0];
@@ -80,11 +78,10 @@ const GroupChannelThreadMessageList = props => {
     }
   });
   useEffect(() => {
-    return subscribe(_ref => {
-      let {
-        type,
-        data
-      } = _ref;
+    return subscribe(({
+      type,
+      data
+    }) => {
       switch (type) {
         case 'TYPING_BUBBLE_RENDERED':
         case 'MESSAGES_RECEIVED':

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useLayoutEffect","useRef","useChannelHandler","isDifferentChannel","useFreshCallback","useUniqHandlerId","ChannelThreadMessageList","useSendbirdChat","GroupChannelThreadContexts","GroupChannelThreadMessageList","props","sdk","setMessageToEdit","Fragment","subscribe","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToIndex","MessageList","id","ignorePropReached","_onTopReached","current","onTopReached","_onBottomReached","onBottomReached","scrollToBottom","animated","arguments","length","undefined","hasNext","onScrolledAwayFromBottom","onResetMessageList","catch","_","startingPoint","foundMessageIndex","messages","findIndex","it","createdAt","isIncludedInList","timeout","index","setTimeout","onReactionUpdated","channel","event","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","_ref","type","data","lastMessage","updatedMessage","lastMessageUpdated","isMaybeStreaming","hasAiBot","createElement","_extends","ref","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","renderNewMessagesButton","renderScrollToBottomButton","memo"],"sources":["GroupChannelThreadMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelThreadMessageList from '../../../components/ChannelThreadMessageList';\nimport { useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadMessageList = (props: GroupChannelThreadProps['MessageList']) => {\n  const { sdk } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelThreadContexts.Fragment);\n  const { subscribe } = useContext(GroupChannelThreadContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToIndex } = useContext(GroupChannelThreadContexts.MessageList);\n\n  const id = useUniqHandlerId('GroupChannelThreadMessageList');\n  const ignorePropReached = useRef(false);\n\n  const _onTopReached = () => {\n    if (!ignorePropReached.current) {\n      props.onTopReached();\n    }\n  };\n\n  const _onBottomReached = () => {\n    if (!ignorePropReached.current) {\n      props.onBottomReached();\n    }\n  };\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList().catch((_) => {});\n      props.onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (props.startingPoint) {\n      const foundMessageIndex = props.messages.findIndex((it) => it.createdAt === props.startingPoint);\n      const isIncludedInList = foundMessageIndex > -1;\n      if (isIncludedInList) {\n        ignorePropReached.current = true;\n        const timeout = 300;\n        lazyScrollToIndex({ index: foundMessageIndex, animated: true, timeout: timeout });\n        setTimeout(() => {\n          ignorePropReached.current = false;\n        }, timeout + 50);\n      }\n    }\n  }, [props.startingPoint]);\n\n  useChannelHandler(sdk, id, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom({ animated: true, timeout: 250 });\n      }\n    },\n  });\n\n  useEffect(() => {\n    return subscribe(({ type, data }) => {\n      switch (type) {\n        case 'TYPING_BUBBLE_RENDERED':\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGES_UPDATED': {\n          const lastMessage = props.channel.lastMessage;\n          const [updatedMessage] = data.messages;\n\n          const lastMessageUpdated =\n            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;\n          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;\n\n          if (isMaybeStreaming) {\n            scrollToBottom(false);\n          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  return (\n    <ChannelThreadMessageList\n      {...props}\n      ref={flatListRef}\n      onTopReached={_onTopReached}\n      onBottomReached={_onBottomReached}\n      onEditMessage={setMessageToEdit}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n      renderNewMessagesButton={null}\n      renderScrollToBottomButton={null}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelThreadMessageList);\n"],"mappings":"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"}
+{"version":3,"names":["React","useContext","useEffect","useLayoutEffect","useRef","useGroupChannelHandler","isDifferentChannel","useFreshCallback","ChannelThreadMessageList","useSendbirdChat","GroupChannelThreadContexts","GroupChannelThreadMessageList","props","sdk","setMessageToEdit","Fragment","subscribe","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToIndex","MessageList","ignorePropReached","_onTopReached","current","onTopReached","_onBottomReached","onBottomReached","scrollToBottom","animated","hasNext","onScrolledAwayFromBottom","onResetMessageList","catch","_","startingPoint","foundMessageIndex","messages","findIndex","it","createdAt","isIncludedInList","timeout","index","setTimeout","onReactionUpdated","channel","event","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","type","data","lastMessage","updatedMessage","lastMessageUpdated","isMaybeStreaming","hasAiBot","createElement","_extends","ref","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","renderNewMessagesButton","renderScrollToBottomButton","memo"],"sources":["GroupChannelThreadMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport { isDifferentChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport ChannelThreadMessageList from '../../../components/ChannelThreadMessageList';\nimport { useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelThreadContexts } from '../module/moduleContext';\nimport type { GroupChannelThreadProps } from '../types';\n\nconst GroupChannelThreadMessageList = (props: GroupChannelThreadProps['MessageList']) => {\n  const { sdk } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelThreadContexts.Fragment);\n  const { subscribe } = useContext(GroupChannelThreadContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToIndex } = useContext(GroupChannelThreadContexts.MessageList);\n\n  const ignorePropReached = useRef(false);\n\n  const _onTopReached = () => {\n    if (!ignorePropReached.current) {\n      props.onTopReached();\n    }\n  };\n\n  const _onBottomReached = () => {\n    if (!ignorePropReached.current) {\n      props.onBottomReached();\n    }\n  };\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList().catch((_) => {});\n      props.onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (props.startingPoint) {\n      const foundMessageIndex = props.messages.findIndex((it) => it.createdAt === props.startingPoint);\n      const isIncludedInList = foundMessageIndex > -1;\n      if (isIncludedInList) {\n        ignorePropReached.current = true;\n        const timeout = 300;\n        lazyScrollToIndex({ index: foundMessageIndex, animated: true, timeout: timeout });\n        setTimeout(() => {\n          ignorePropReached.current = false;\n        }, timeout + 50);\n      }\n    }\n  }, [props.startingPoint]);\n\n  useGroupChannelHandler(sdk, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom({ animated: true, timeout: 250 });\n      }\n    },\n  });\n\n  useEffect(() => {\n    return subscribe(({ type, data }) => {\n      switch (type) {\n        case 'TYPING_BUBBLE_RENDERED':\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGES_UPDATED': {\n          const lastMessage = props.channel.lastMessage;\n          const [updatedMessage] = data.messages;\n\n          const lastMessageUpdated =\n            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;\n          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;\n\n          if (isMaybeStreaming) {\n            scrollToBottom(false);\n          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  return (\n    <ChannelThreadMessageList\n      {...props}\n      ref={flatListRef}\n      onTopReached={_onTopReached}\n      onBottomReached={_onBottomReached}\n      onEditMessage={setMessageToEdit}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n      renderNewMessagesButton={null}\n      renderScrollToBottomButton={null}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelThreadMessageList);\n"],"mappings":"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","ignoreList":[]}

package/lib/module/domain/groupChannelThread/component/GroupChannelThreadParentMessageInfo.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-import { Avatar, Divider, Icon, Text, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { Avatar, Box, Divider, Icon, Text, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { Logger, getAvailableUriFromFileMessage, getFileExtension, getFileType, isMyMessage, isVoiceMessage, shouldRenderReaction, toMegabyte } from '@sendbird/uikit-utils';
 import ThreadParentMessageRenderer from '../../../components/ThreadParentMessageRenderer';
 import { useLocalization, usePlatformService, useSBUHandlers, useSendbirdChat } from '../../../hooks/useContext';
@@ -42,13 +42,14 @@ const GroupChannelThreadParentMessageInfo = props => {
   });
   const renderMessageInfoAndMenu = () => {
     var _parentMessage$sender2;
-    return /*#__PURE__*/React.createElement(View, {
+    return /*#__PURE__*/React.createElement(Box, {
       style: styles.infoAndMenuContainer
     }, /*#__PURE__*/React.createElement(Avatar, {
       size: 34,
       uri: (_parentMessage$sender2 = parentMessage.sender) === null || _parentMessage$sender2 === void 0 ? void 0 : _parentMessage$sender2.profileUrl
-    }), /*#__PURE__*/React.createElement(View, {
-      style: styles.userNickAndTimeContainer
+    }), /*#__PURE__*/React.createElement(Box, {
+      style: styles.userNickAndTimeContainer,
+      alignItems: 'flex-start'
     }, /*#__PURE__*/React.createElement(Text, {
       h2: true,
       color: colors.onBackground01,
@@ -68,12 +69,14 @@ const GroupChannelThreadParentMessageInfo = props => {
   };
   const renderReplyCount = replyCountText => {
     if (replyCountText) {
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.replyContainer
+      return /*#__PURE__*/React.createElement(Box, {
+        style: styles.replyContainer,
+        alignItems: 'flex-start'
       }, /*#__PURE__*/React.createElement(Text, {
         caption3: true,
         color: colors.onBackground03,
-        style: styles.replyText
+        style: styles.replyText,
+        numberOfLines: 1
       }, replyCountText), /*#__PURE__*/React.createElement(Divider, null));
     } else {
       return null;
@@ -117,7 +120,7 @@ const styles = createStyleSheet({
   userNickAndTimeContainer: {
     flexDirection: 'column',
     flex: 1,
-    marginLeft: 8
+    marginStart: 8
   },
   userNickname: {
     marginBottom: 2
@@ -135,7 +138,7 @@ const styles = createStyleSheet({
     paddingVertical: 8
   },
   reactionButtonContainer: {
-    paddingLeft: 16,
+    paddingStart: 16,
     marginBottom: 16
   },
   replyContainer: {
@@ -147,14 +150,13 @@ const styles = createStyleSheet({
     paddingVertical: 12
   }
 });
-const useCreateMessagePressActions = _ref => {
-  let {
-    channel,
-    currentUserId,
-    onDeleteMessage,
-    onPressMediaMessage,
-    onEditMessage
-  } = _ref;
+const useCreateMessagePressActions = ({
+  channel,
+  currentUserId,
+  onDeleteMessage,
+  onPressMediaMessage,
+  onEditMessage
+}) => {
   const handlers = useSBUHandlers();
   const {
     STRINGS
@@ -206,8 +208,8 @@ const useCreateMessagePressActions = _ref => {
       const fileType = getFileType(message.type || getFileExtension(message.name));
       if (['image', 'video', 'audio'].includes(fileType)) {
         var _handlers$onOpenFileU;
-        onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(message, () => onDeleteMessage(message), getAvailableUriFromFileMessage(message));
-        (_handlers$onOpenFileU = handlers.onOpenFileURL) === null || _handlers$onOpenFileU === void 0 ? void 0 : _handlers$onOpenFileU.call(handlers, message.url);
+        onPressMediaMessage === null || onPressMediaMessage === void 0 || onPressMediaMessage(message, () => onDeleteMessage(message), getAvailableUriFromFileMessage(message));
+        (_handlers$onOpenFileU = handlers.onOpenFileURL) === null || _handlers$onOpenFileU === void 0 || _handlers$onOpenFileU.call(handlers, message.url);
       } else {
         const openFile = handlers.onOpenFileURL ?? SBUUtils.openURL;
         openFile(message.url);
@@ -228,10 +230,9 @@ const useCreateMessagePressActions = _ref => {
       }]
     });
   };
-  return _ref2 => {
-    let {
-      message
-    } = _ref2;
+  return ({
+    message
+  }) => {
     if (!message.isUserMessage() && !message.isFileMessage()) return {};
     const sheetItems = [];
     const menu = {
@@ -279,16 +280,13 @@ const useCreateMessagePressActions = _ref => {
     const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
     const bottomSheetItem = {
       sheetItems,
-      HeaderComponent: shouldRenderReaction(channel, channel.isGroupChannel() && (channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions)) ? _ref3 => {
-        let {
-          onClose
-        } = _ref3;
-        return /*#__PURE__*/React.createElement(ReactionAddons.BottomSheet, {
-          message: message,
-          channel: channel,
-          onClose: onClose
-        });
-      } : undefined
+      HeaderComponent: shouldRenderReaction(channel, channel.isGroupChannel() && (channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions)) ? ({
+        onClose
+      }) => /*#__PURE__*/React.createElement(ReactionAddons.BottomSheet, {
+        message: message,
+        channel: channel,
+        onClose: onClose
+      }) : undefined
     };
     if (message.isFileMessage()) {
       return {