@sendbird/uikit-react-native 2.0.3 → 2.2.0

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/GroupChannelOperatorsHeader.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Icon","useHeaderStyle","GroupChannelOperatorsContexts","GroupChannelOperatorsHeader","onPressHeaderLeft","onPressHeaderRight","headerTitle","Fragment","HeaderComponent"],"sources":["GroupChannelOperatorsHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { GroupChannelOperatorsContexts } from '../module/moduleContext';\nimport type { GroupChannelOperatorsProps } from '../types';\n\nconst GroupChannelOperatorsHeader = ({\n  onPressHeaderLeft,\n  onPressHeaderRight,\n}: GroupChannelOperatorsProps['Header']) => {\n  const { headerTitle } = useContext(GroupChannelOperatorsContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={'plus'} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nexport default GroupChannelOperatorsHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,IAAT,EAAeC,cAAf,QAAqC,yCAArC;AAEA,SAASC,6BAAT,QAA8C,yBAA9C;;AAGA,MAAMC,2BAA2B,GAAG,QAGQ;EAAA,IAHP;IACnCC,iBADmC;IAEnCC;EAFmC,CAGO;EAC1C,MAAM;IAAEC;EAAF,IAAkBP,UAAU,CAACG,6BAA6B,CAACK,QAA/B,CAAlC;EACA,MAAM;IAAEC;EAAF,IAAsBP,cAAc,EAA1C;EACA,oBACE,oBAAC,eAAD;IACE,KAAK,EAAEK,WADT;IAEE,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAFR;IAGE,WAAW,EAAEF,iBAHf;IAIE,KAAK,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAJT;IAKE,YAAY,EAAEC;EALhB,EADF;AASD,CAfD;;AAiBA,eAAeF,2BAAf"}

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { FlatList } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';
+
+const GroupChannelOperatorsList = _ref => {
+  let {
+    operators,
+    renderUser,
+    ListEmptyComponent
+  } = _ref;
+  const renderItem = useFreshCallback(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return renderUser === null || renderUser === void 0 ? void 0 : renderUser({
+      user: item
+    });
+  });
+  const {
+    left,
+    right
+  } = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(FlatList, {
+    data: operators,
+    renderItem: renderItem,
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right,
+      flexGrow: 1
+    },
+    ListEmptyComponent: ListEmptyComponent,
+    bounces: false,
+    keyExtractor: getUserUniqId
+  });
+};
+
+export default GroupChannelOperatorsList;
+//# sourceMappingURL=GroupChannelOperatorsList.js.map

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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelOperatorsStatusEmpty = () => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'no-users'
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelOperatorsStatusEmpty;
+//# sourceMappingURL=GroupChannelOperatorsStatusEmpty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelOperatorsStatusEmpty","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelOperatorsStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelOperatorsStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-users'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelOperatorsStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,gCAAgC,GAAG,MAAM;EAC7C,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,gCAAf"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelOperatorsStatusError = _ref => {
+  let {
+    onPressRetry
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'error-wrong',
+    onPressRetry: onPressRetry
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelOperatorsStatusError;
+//# sourceMappingURL=GroupChannelOperatorsStatusError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelOperatorsStatusError","onPressRetry","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelOperatorsStatusError.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { GroupChannelOperatorsModule } from '../types';\n\nconst GroupChannelOperatorsStatusError: GroupChannelOperatorsModule['StatusError'] = ({ onPressRetry }) => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={onPressRetry} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelOperatorsStatusError;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAGA,MAAMC,gCAA4E,GAAG,QAAsB;EAAA,IAArB;IAAEC;EAAF,CAAqB;EACzG,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE,aAAxB;IAAuC,YAAY,EAAEF;EAArD,EADF,CADF;AAKD,CAND;;AAQA,MAAMC,MAAM,GAAGL,UAAU,CAACO,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeP,gCAAf"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelOperatorsStatusLoading = () => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'loading'
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelOperatorsStatusLoading;
+//# sourceMappingURL=GroupChannelOperatorsStatusLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelOperatorsStatusLoading","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelOperatorsStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelOperatorsStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelOperatorsStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,kCAAkC,GAAG,MAAM;EAC/C,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,kCAAf"}

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

@@ -0,0 +1,8 @@
+export { default as GroupChannelOperatorsList } from './component/GroupChannelOperatorsList';
+export { default as GroupChannelOperatorsHeader } from './component/GroupChannelOperatorsHeader';
+export { default as GroupChannelOperatorsStatusEmpty } from './component/GroupChannelOperatorsStatusEmpty';
+export { default as GroupChannelOperatorsStatusError } from './component/GroupChannelOperatorsStatusError';
+export { default as GroupChannelOperatorsStatusLoading } from './component/GroupChannelOperatorsStatusLoading';
+export { default as createGroupChannelOperatorsModule } from './module/createGroupChannelOperatorsModule';
+export { GroupChannelOperatorsContextsProvider, GroupChannelOperatorsContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","GroupChannelOperatorsList","GroupChannelOperatorsHeader","GroupChannelOperatorsStatusEmpty","GroupChannelOperatorsStatusError","GroupChannelOperatorsStatusLoading","createGroupChannelOperatorsModule","GroupChannelOperatorsContextsProvider","GroupChannelOperatorsContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelOperatorsList } from './component/GroupChannelOperatorsList';\nexport { default as GroupChannelOperatorsHeader } from './component/GroupChannelOperatorsHeader';\nexport { default as GroupChannelOperatorsStatusEmpty } from './component/GroupChannelOperatorsStatusEmpty';\nexport { default as GroupChannelOperatorsStatusError } from './component/GroupChannelOperatorsStatusError';\nexport { default as GroupChannelOperatorsStatusLoading } from './component/GroupChannelOperatorsStatusLoading';\nexport { default as createGroupChannelOperatorsModule } from './module/createGroupChannelOperatorsModule';\nexport { GroupChannelOperatorsContextsProvider, GroupChannelOperatorsContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,yBAApB,QAAqD,uCAArD;AACA,SAASD,OAAO,IAAIE,2BAApB,QAAuD,yCAAvD;AACA,SAASF,OAAO,IAAIG,gCAApB,QAA4D,8CAA5D;AACA,SAASH,OAAO,IAAII,gCAApB,QAA4D,8CAA5D;AACA,SAASJ,OAAO,IAAIK,kCAApB,QAA8D,gDAA9D;AACA,SAASL,OAAO,IAAIM,iCAApB,QAA6D,4CAA7D;AACA,SAASC,qCAAT,EAAgDC,6BAAhD,QAAqF,wBAArF"}

package/lib/module/domain/groupChannelOperators/module/createGroupChannelOperatorsModule.js

@@ -0,0 +1,30 @@
+import GroupChannelOperatorsHeader from '../component/GroupChannelOperatorsHeader';
+import GroupChannelOperatorsList from '../component/GroupChannelOperatorsList';
+import GroupChannelOperatorsStatusEmpty from '../component/GroupChannelOperatorsStatusEmpty';
+import GroupChannelOperatorsStatusError from '../component/GroupChannelOperatorsStatusError';
+import GroupChannelOperatorsStatusLoading from '../component/GroupChannelOperatorsStatusLoading';
+import { GroupChannelOperatorsContextsProvider } from './moduleContext';
+
+const createGroupChannelOperatorsModule = function () {
+  let {
+    Header = GroupChannelOperatorsHeader,
+    List = GroupChannelOperatorsList,
+    StatusEmpty = GroupChannelOperatorsStatusEmpty,
+    StatusError = GroupChannelOperatorsStatusError,
+    StatusLoading = GroupChannelOperatorsStatusLoading,
+    Provider = GroupChannelOperatorsContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    Provider,
+    StatusEmpty,
+    StatusError,
+    StatusLoading,
+    ...module
+  };
+};
+
+export default createGroupChannelOperatorsModule;
+//# sourceMappingURL=createGroupChannelOperatorsModule.js.map

package/lib/module/domain/groupChannelOperators/module/createGroupChannelOperatorsModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelOperatorsHeader","GroupChannelOperatorsList","GroupChannelOperatorsStatusEmpty","GroupChannelOperatorsStatusError","GroupChannelOperatorsStatusLoading","GroupChannelOperatorsContextsProvider","createGroupChannelOperatorsModule","Header","List","StatusEmpty","StatusError","StatusLoading","Provider","module"],"sources":["createGroupChannelOperatorsModule.tsx"],"sourcesContent":["import GroupChannelOperatorsHeader from '../component/GroupChannelOperatorsHeader';\nimport GroupChannelOperatorsList from '../component/GroupChannelOperatorsList';\nimport GroupChannelOperatorsStatusEmpty from '../component/GroupChannelOperatorsStatusEmpty';\nimport GroupChannelOperatorsStatusError from '../component/GroupChannelOperatorsStatusError';\nimport GroupChannelOperatorsStatusLoading from '../component/GroupChannelOperatorsStatusLoading';\nimport type { GroupChannelOperatorsModule } from '../types';\nimport { GroupChannelOperatorsContextsProvider } from './moduleContext';\n\nconst createGroupChannelOperatorsModule = ({\n  Header = GroupChannelOperatorsHeader,\n  List = GroupChannelOperatorsList,\n  StatusEmpty = GroupChannelOperatorsStatusEmpty,\n  StatusError = GroupChannelOperatorsStatusError,\n  StatusLoading = GroupChannelOperatorsStatusLoading,\n  Provider = GroupChannelOperatorsContextsProvider,\n  ...module\n}: Partial<GroupChannelOperatorsModule> = {}): GroupChannelOperatorsModule => {\n  return { Header, List, Provider, StatusEmpty, StatusError, StatusLoading, ...module };\n};\n\nexport default createGroupChannelOperatorsModule;\n"],"mappings":"AAAA,OAAOA,2BAAP,MAAwC,0CAAxC;AACA,OAAOC,yBAAP,MAAsC,wCAAtC;AACA,OAAOC,gCAAP,MAA6C,+CAA7C;AACA,OAAOC,gCAAP,MAA6C,+CAA7C;AACA,OAAOC,kCAAP,MAA+C,iDAA/C;AAEA,SAASC,qCAAT,QAAsD,iBAAtD;;AAEA,MAAMC,iCAAiC,GAAG,YAQoC;EAAA,IARnC;IACzCC,MAAM,GAAGP,2BADgC;IAEzCQ,IAAI,GAAGP,yBAFkC;IAGzCQ,WAAW,GAAGP,gCAH2B;IAIzCQ,WAAW,GAAGP,gCAJ2B;IAKzCQ,aAAa,GAAGP,kCALyB;IAMzCQ,QAAQ,GAAGP,qCAN8B;IAOzC,GAAGQ;EAPsC,CAQmC,uEAApC,EAAoC;EAC5E,OAAO;IAAEN,MAAF;IAAUC,IAAV;IAAgBI,QAAhB;IAA0BH,WAA1B;IAAuCC,WAAvC;IAAoDC,aAApD;IAAmE,GAAGE;EAAtE,CAAP;AACD,CAVD;;AAYA,eAAeP,iCAAf"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","GroupChannelOperatorsContexts","Fragment","headerTitle","channel","GroupChannelOperatorsContextsProvider","children","STRINGS","GROUP_CHANNEL_OPERATORS","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 { GroupChannelOperatorsContextsType, GroupChannelOperatorsModule } from '../types';\n\nexport const GroupChannelOperatorsContexts: GroupChannelOperatorsContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n  }),\n};\n\nexport const GroupChannelOperatorsContextsProvider: GroupChannelOperatorsModule['Provider'] = ({\n  channel,\n  children,\n}) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <GroupChannelOperatorsContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.GROUP_CHANNEL_OPERATORS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </GroupChannelOperatorsContexts.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,6BAAgE,GAAG;EAC9EC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAD;AADuD,CAAzE;AAOP,OAAO,MAAMC,qCAA8E,GAAG,QAGxF;EAAA,IAHyF;IAC7FD,OAD6F;IAE7FE;EAF6F,CAGzF;EACJ,MAAM;IAAEC;EAAF,IAAcP,eAAe,EAAnC;EACA,oBACE,oBAAC,cAAD,qBACE,oBAAC,6BAAD,CAA+B,QAA/B,CAAwC,QAAxC;IACE,KAAK,EAAE;MAAEG,WAAW,EAAEI,OAAO,CAACC,uBAAR,CAAgCC,YAA/C;MAA6DL;IAA7D;EADT,GAGGE,QAHH,CADF,CADF;AASD,CAdM"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type GroupChannelOperatorsProps = {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: GroupChannelOperatorsProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelOperatorsProps['Header']['onPressHeaderRight'];\n    renderUser?: GroupChannelOperatorsProps['List']['renderUser'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  List: {\n    operators: SendbirdUser[];\n    onLoadNext: () => void;\n    renderUser: (props: { user: SendbirdUser }) => React.ReactElement | null;\n    ListEmptyComponent?: React.ReactElement;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n};\n\n/**\n * Internal context for GroupChannelOperators\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type GroupChannelOperatorsContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n  }>;\n};\nexport interface GroupChannelOperatorsModule {\n  Provider: CommonComponent<GroupChannelOperatorsProps['Provider']>;\n  Header: CommonComponent<GroupChannelOperatorsProps['Header']>;\n  List: CommonComponent<GroupChannelOperatorsProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<GroupChannelOperatorsProps['StatusError']>;\n}\n\nexport type GroupChannelOperatorsFragment = CommonComponent<GroupChannelOperatorsProps['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsInfo.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { View } from 'react-native';
 import { Divider, Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';
-import { Logger, getGroupChannelTitle } from '@sendbird/uikit-utils';
+import { getGroupChannelTitle } from '@sendbird/uikit-utils';
 import ChannelCover from '../../../components/ChannelCover';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import { GroupChannelSettingsContexts } from '../module/moduleContext';
@@ -16,12 +16,6 @@ const GroupChannelSettingsInfo = _ => {
   const {
     STRINGS
   } = useLocalization();
-
-  if (!currentUser) {
-    Logger.warn('Cannot render GroupChannelSettingsInfo, please connect using `useConnection()` hook first');
-    return null;
-  }
-
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
     style: styles.userInfoContainer
   }, /*#__PURE__*/React.createElement(ChannelCover, {
@@ -31,7 +25,7 @@ const GroupChannelSettingsInfo = _ => {
   }), /*#__PURE__*/React.createElement(Text, {
     h1: true,
     numberOfLines: 1
-  }, getGroupChannelTitle(currentUser.userId, channel, STRINGS.LABELS.USER_NO_NAME, STRINGS.LABELS.CHANNEL_NO_MEMBERS))), /*#__PURE__*/React.createElement(Divider, null));
+  }, getGroupChannelTitle((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) || '', channel, STRINGS.LABELS.USER_NO_NAME, STRINGS.LABELS.CHANNEL_NO_MEMBERS))), /*#__PURE__*/React.createElement(Divider, null));
 };
 
 const styles = createStyleSheet({

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","View","Divider","Text","createStyleSheet","Logger","getGroupChannelTitle","ChannelCover","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","GroupChannelSettingsInfo","_","channel","Fragment","currentUser","STRINGS","warn","styles","userInfoContainer","avatarContainer","userId","LABELS","USER_NO_NAME","CHANNEL_NO_MEMBERS","container","flex","paddingVertical","alignItems","marginBottom","userIdContainer","userIdLabel"],"sources":["GroupChannelSettingsInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Divider, Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, getGroupChannelTitle } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsInfo = (_: GroupChannelSettingsProps['Info']) => {\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  if (!currentUser) {\n    Logger.warn('Cannot render GroupChannelSettingsInfo, please connect using `useConnection()` hook first');\n    return null;\n  }\n\n  return (\n    <View>\n      <View style={styles.userInfoContainer}>\n        <ChannelCover channel={channel} size={80} containerStyle={styles.avatarContainer} />\n        <Text h1 numberOfLines={1}>\n          {getGroupChannelTitle(\n            currentUser.userId,\n            channel,\n            STRINGS.LABELS.USER_NO_NAME,\n            STRINGS.LABELS.CHANNEL_NO_MEMBERS,\n          )}\n        </Text>\n      </View>\n      <Divider />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: { flex: 1 },\n  userInfoContainer: { paddingVertical: 24, alignItems: 'center' },\n  avatarContainer: { marginBottom: 12 },\n  userIdContainer: { paddingVertical: 16 },\n  userIdLabel: { marginBottom: 4 },\n});\nexport default GroupChannelSettingsInfo;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,OAAT,EAAkBC,IAAlB,EAAwBC,gBAAxB,QAAgD,yCAAhD;AACA,SAASC,MAAT,EAAiBC,oBAAjB,QAA6C,uBAA7C;AAEA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AACA,SAASC,4BAAT,QAA6C,yBAA7C;;AAGA,MAAMC,wBAAwB,GAAIC,CAAD,IAA0C;EACzE,MAAM;IAAEC;EAAF,IAAcb,UAAU,CAACU,4BAA4B,CAACI,QAA9B,CAA9B;EACA,MAAM;IAAEC;EAAF,IAAkBN,eAAe,EAAvC;EACA,MAAM;IAAEO;EAAF,IAAcR,eAAe,EAAnC;;EAEA,IAAI,CAACO,WAAL,EAAkB;IAChBV,MAAM,CAACY,IAAP,CAAY,2FAAZ;IACA,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAEN,OAAvB;IAAgC,IAAI,EAAE,EAAtC;IAA0C,cAAc,EAAEK,MAAM,CAACE;EAAjE,EADF,eAEE,oBAAC,IAAD;IAAM,EAAE,MAAR;IAAS,aAAa,EAAE;EAAxB,GACGd,oBAAoB,CACnBS,WAAW,CAACM,MADO,EAEnBR,OAFmB,EAGnBG,OAAO,CAACM,MAAR,CAAeC,YAHI,EAInBP,OAAO,CAACM,MAAR,CAAeE,kBAJI,CADvB,CAFF,CADF,eAYE,oBAAC,OAAD,OAZF,CADF;AAgBD,CA1BD;;AA4BA,MAAMN,MAAM,GAAGd,gBAAgB,CAAC;EAC9BqB,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAR,CADmB;EAE9BP,iBAAiB,EAAE;IAAEQ,eAAe,EAAE,EAAnB;IAAuBC,UAAU,EAAE;EAAnC,CAFW;EAG9BR,eAAe,EAAE;IAAES,YAAY,EAAE;EAAhB,CAHa;EAI9BC,eAAe,EAAE;IAAEH,eAAe,EAAE;EAAnB,CAJa;EAK9BI,WAAW,EAAE;IAAEF,YAAY,EAAE;EAAhB;AALiB,CAAD,CAA/B;AAOA,eAAelB,wBAAf"}
+{"version":3,"names":["React","useContext","View","Divider","Text","createStyleSheet","getGroupChannelTitle","ChannelCover","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","GroupChannelSettingsInfo","_","channel","Fragment","currentUser","STRINGS","styles","userInfoContainer","avatarContainer","userId","LABELS","USER_NO_NAME","CHANNEL_NO_MEMBERS","container","flex","paddingVertical","alignItems","marginBottom","userIdContainer","userIdLabel"],"sources":["GroupChannelSettingsInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Divider, Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { getGroupChannelTitle } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsInfo = (_: GroupChannelSettingsProps['Info']) => {\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  return (\n    <View>\n      <View style={styles.userInfoContainer}>\n        <ChannelCover channel={channel} size={80} containerStyle={styles.avatarContainer} />\n        <Text h1 numberOfLines={1}>\n          {getGroupChannelTitle(\n            currentUser?.userId || '',\n            channel,\n            STRINGS.LABELS.USER_NO_NAME,\n            STRINGS.LABELS.CHANNEL_NO_MEMBERS,\n          )}\n        </Text>\n      </View>\n      <Divider />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: { flex: 1 },\n  userInfoContainer: { paddingVertical: 24, alignItems: 'center' },\n  avatarContainer: { marginBottom: 12 },\n  userIdContainer: { paddingVertical: 16 },\n  userIdLabel: { marginBottom: 4 },\n});\nexport default GroupChannelSettingsInfo;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,OAAT,EAAkBC,IAAlB,EAAwBC,gBAAxB,QAAgD,yCAAhD;AACA,SAASC,oBAAT,QAAqC,uBAArC;AAEA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AACA,SAASC,4BAAT,QAA6C,yBAA7C;;AAGA,MAAMC,wBAAwB,GAAIC,CAAD,IAA0C;EACzE,MAAM;IAAEC;EAAF,IAAcZ,UAAU,CAACS,4BAA4B,CAACI,QAA9B,CAA9B;EACA,MAAM;IAAEC;EAAF,IAAkBN,eAAe,EAAvC;EACA,MAAM;IAAEO;EAAF,IAAcR,eAAe,EAAnC;EAEA,oBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD;IAAM,KAAK,EAAES,MAAM,CAACC;EAApB,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAEL,OAAvB;IAAgC,IAAI,EAAE,EAAtC;IAA0C,cAAc,EAAEI,MAAM,CAACE;EAAjE,EADF,eAEE,oBAAC,IAAD;IAAM,EAAE,MAAR;IAAS,aAAa,EAAE;EAAxB,GACGb,oBAAoB,CACnB,CAAAS,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEK,MAAb,KAAuB,EADJ,EAEnBP,OAFmB,EAGnBG,OAAO,CAACK,MAAR,CAAeC,YAHI,EAInBN,OAAO,CAACK,MAAR,CAAeE,kBAJI,CADvB,CAFF,CADF,eAYE,oBAAC,OAAD,OAZF,CADF;AAgBD,CArBD;;AAuBA,MAAMN,MAAM,GAAGZ,gBAAgB,CAAC;EAC9BmB,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAR,CADmB;EAE9BP,iBAAiB,EAAE;IAAEQ,eAAe,EAAE,EAAnB;IAAuBC,UAAU,EAAE;EAAnC,CAFW;EAG9BR,eAAe,EAAE;IAAES,YAAY,EAAE;EAAhB,CAHa;EAI9BC,eAAe,EAAE;IAAEH,eAAe,EAAE;EAAnB,CAJa;EAK9BI,WAAW,EAAE;IAAEF,YAAY,EAAE;EAAhB;AALiB,CAAD,CAA/B;AAOA,eAAejB,wBAAf"}