@sendbird/uikit-react-native 2.0.2 → 2.1.0

package/lib/module/domain/groupChannelModeration/component/GroupChannelModerationMenu.js

@@ -0,0 +1,87 @@
+import React, { useContext, useState } from 'react';
+import { View } from 'react-native';
+import { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { useLocalization } from '../../../hooks/useContext';
+import { GroupChannelModerationContexts } from '../module/moduleContext';
+
+const GroupChannelModerationMenu = _ref => {
+  let {
+    onPressMenuBannedUsers,
+    onPressMenuMutedMembers,
+    onPressMenuOperators,
+    menuItemsCreator = menu => menu
+  } = _ref;
+  const {
+    channel
+  } = useContext(GroupChannelModerationContexts.Fragment);
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const [isFrozen, setIsFrozen] = useState(() => channel.isFrozen);
+
+  const toggleFreeze = async () => {
+    if (channel.isFrozen) {
+      await channel.unfreeze();
+    } else {
+      await channel.freeze();
+    }
+
+    setIsFrozen(channel.isFrozen);
+  };
+
+  const menuItems = menuItemsCreator([{
+    icon: 'operator',
+    name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_OPERATORS,
+    onPress: () => onPressMenuOperators(),
+    actionItem: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'mute',
+    visible: !channel.isBroadcast,
+    name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_MUTED_MEMBERS,
+    onPress: () => onPressMenuMutedMembers(),
+    actionItem: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'ban',
+    name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_BANNED_USERS,
+    onPress: () => onPressMenuBannedUsers(),
+    actionItem: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'freeze',
+    visible: !channel.isBroadcast,
+    name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_FREEZE_CHANNEL,
+    actionItem: /*#__PURE__*/React.createElement(Switch, {
+      value: isFrozen,
+      onChangeValue: toggleFreeze
+    }),
+    onPress: toggleFreeze
+  }]);
+  return /*#__PURE__*/React.createElement(View, null, menuItems.map(menu => {
+    return /*#__PURE__*/React.createElement(MenuBar, {
+      key: menu.name,
+      onPress: menu.onPress,
+      name: menu.name,
+      disabled: menu.disabled,
+      visible: menu.visible,
+      icon: menu.icon,
+      iconColor: menu.iconColor,
+      iconBackgroundColor: menu.iconBackgroundColor,
+      actionLabel: menu.actionLabel,
+      actionItem: menu.actionItem
+    });
+  }));
+};
+
+export default GroupChannelModerationMenu;
+//# sourceMappingURL=GroupChannelModerationMenu.js.map

package/lib/module/domain/groupChannelModeration/component/GroupChannelModerationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useState","View","Icon","MenuBar","Switch","useUIKitTheme","useLocalization","GroupChannelModerationContexts","GroupChannelModerationMenu","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","menu","channel","Fragment","STRINGS","colors","isFrozen","setIsFrozen","toggleFreeze","unfreeze","freeze","menuItems","icon","name","GROUP_CHANNEL_MODERATION","MENU_OPERATORS","onPress","actionItem","onBackground01","visible","isBroadcast","MENU_MUTED_MEMBERS","MENU_BANNED_USERS","MENU_FREEZE_CHANNEL","map","disabled","iconColor","iconBackgroundColor","actionLabel"],"sources":["GroupChannelModerationMenu.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { View } from 'react-native';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelModerationContexts } from '../module/moduleContext';\nimport type { GroupChannelModerationProps } from '../types';\n\nconst GroupChannelModerationMenu = ({\n  onPressMenuBannedUsers,\n  onPressMenuMutedMembers,\n  onPressMenuOperators,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelModerationProps['Menu']) => {\n  const { channel } = useContext(GroupChannelModerationContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [isFrozen, setIsFrozen] = useState(() => channel.isFrozen);\n\n  const toggleFreeze = async () => {\n    if (channel.isFrozen) {\n      await channel.unfreeze();\n    } else {\n      await channel.freeze();\n    }\n\n    setIsFrozen(channel.isFrozen);\n  };\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'operator',\n      name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_OPERATORS,\n      onPress: () => onPressMenuOperators(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'mute',\n      visible: !channel.isBroadcast,\n      name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_MUTED_MEMBERS,\n      onPress: () => onPressMenuMutedMembers(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'ban',\n      name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_BANNED_USERS,\n      onPress: () => onPressMenuBannedUsers(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'freeze',\n      visible: !channel.isBroadcast,\n      name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_FREEZE_CHANNEL,\n      actionItem: <Switch value={isFrozen} onChangeValue={toggleFreeze} />,\n      onPress: toggleFreeze,\n    },\n  ]);\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 GroupChannelModerationMenu;\n"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export { default as GroupChannelModerationHeader } from './component/GroupChannelModerationHeader';
+export { default as GroupChannelModerationMenu } from './component/GroupChannelModerationMenu';
+export { default as createGroupChannelModerationModule } from './module/createGroupChannelModerationModule';
+export { GroupChannelModerationContextsProvider, GroupChannelModerationContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","GroupChannelModerationHeader","GroupChannelModerationMenu","createGroupChannelModerationModule","GroupChannelModerationContextsProvider","GroupChannelModerationContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelModerationHeader } from './component/GroupChannelModerationHeader';\nexport { default as GroupChannelModerationMenu } from './component/GroupChannelModerationMenu';\nexport { default as createGroupChannelModerationModule } from './module/createGroupChannelModerationModule';\nexport { GroupChannelModerationContextsProvider, GroupChannelModerationContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,4BAApB,QAAwD,0CAAxD;AACA,SAASD,OAAO,IAAIE,0BAApB,QAAsD,wCAAtD;AACA,SAASF,OAAO,IAAIG,kCAApB,QAA8D,6CAA9D;AACA,SAASC,sCAAT,EAAiDC,8BAAjD,QAAuF,wBAAvF"}

package/lib/module/domain/groupChannelModeration/module/createGroupChannelModerationModule.js

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

package/lib/module/domain/groupChannelModeration/module/createGroupChannelModerationModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelModerationHeader","GroupChannelModerationMenu","GroupChannelModerationContextsProvider","createGroupChannelModerationModule","Header","Menu","Provider","module"],"sources":["createGroupChannelModerationModule.tsx"],"sourcesContent":["import GroupChannelModerationHeader from '../component/GroupChannelModerationHeader';\nimport GroupChannelModerationMenu from '../component/GroupChannelModerationMenu';\nimport type { GroupChannelModerationModule } from '../types';\nimport { GroupChannelModerationContextsProvider } from './moduleContext';\n\nconst createGroupChannelModerationModule = ({\n  Header = GroupChannelModerationHeader,\n  Menu = GroupChannelModerationMenu,\n  Provider = GroupChannelModerationContextsProvider,\n  ...module\n}: Partial<GroupChannelModerationModule> = {}): GroupChannelModerationModule => {\n  return { Header, Menu, Provider, ...module };\n};\n\nexport default createGroupChannelModerationModule;\n"],"mappings":"AAAA,OAAOA,4BAAP,MAAyC,2CAAzC;AACA,OAAOC,0BAAP,MAAuC,yCAAvC;AAEA,SAASC,sCAAT,QAAuD,iBAAvD;;AAEA,MAAMC,kCAAkC,GAAG,YAKqC;EAAA,IALpC;IAC1CC,MAAM,GAAGJ,4BADiC;IAE1CK,IAAI,GAAGJ,0BAFmC;IAG1CK,QAAQ,GAAGJ,sCAH+B;IAI1C,GAAGK;EAJuC,CAKoC,uEAArC,EAAqC;EAC9E,OAAO;IAAEH,MAAF;IAAUC,IAAV;IAAgBC,QAAhB;IAA0B,GAAGC;EAA7B,CAAP;AACD,CAPD;;AASA,eAAeJ,kCAAf"}

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

@@ -0,0 +1,26 @@
+import React, { createContext } from 'react';
+import ProviderLayout from '../../../components/ProviderLayout';
+import { useLocalization } from '../../../hooks/useContext';
+export const GroupChannelModerationContexts = {
+  Fragment: /*#__PURE__*/createContext({
+    headerTitle: '',
+    channel: {}
+  })
+};
+export const GroupChannelModerationContextsProvider = _ref => {
+  let {
+    children,
+    channel
+  } = _ref;
+  // const [visible, setVisible] = useState(false);
+  const {
+    STRINGS
+  } = useLocalization();
+  return /*#__PURE__*/React.createElement(ProviderLayout, null, /*#__PURE__*/React.createElement(GroupChannelModerationContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.GROUP_CHANNEL_MODERATION.HEADER_TITLE,
+      channel
+    }
+  }, children));
+};
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","GroupChannelModerationContexts","Fragment","headerTitle","channel","GroupChannelModerationContextsProvider","children","STRINGS","GROUP_CHANNEL_MODERATION","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 { GroupChannelModerationContextsType, GroupChannelModerationModule } from '../types';\n\nexport const GroupChannelModerationContexts: GroupChannelModerationContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n  }),\n};\n\nexport const GroupChannelModerationContextsProvider: GroupChannelModerationModule['Provider'] = ({\n  children,\n  channel,\n}) => {\n  // const [visible, setVisible] = useState(false);\n\n  const { STRINGS } = useLocalization();\n\n  return (\n    <ProviderLayout>\n      <GroupChannelModerationContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.GROUP_CHANNEL_MODERATION.HEADER_TITLE, channel }}\n      >\n        {children}\n      </GroupChannelModerationContexts.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,8BAAkE,GAAG;EAChFC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAD;AADyD,CAA3E;AAOP,OAAO,MAAMC,sCAAgF,GAAG,QAG1F;EAAA,IAH2F;IAC/FC,QAD+F;IAE/FF;EAF+F,CAG3F;EACJ;EAEA,MAAM;IAAEG;EAAF,IAAcP,eAAe,EAAnC;EAEA,oBACE,oBAAC,cAAD,qBACE,oBAAC,8BAAD,CAAgC,QAAhC,CAAyC,QAAzC;IACE,KAAK,EAAE;MAAEG,WAAW,EAAEI,OAAO,CAACC,wBAAR,CAAiCC,YAAhD;MAA8DL;IAA9D;EADT,GAGGE,QAHH,CADF,CADF;AASD,CAjBM"}

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

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

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

@@ -0,0 +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 type GroupChannelModerationProps = {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: GroupChannelModerationProps['Header']['onPressHeaderLeft'];\n    onPressMenuOperators: GroupChannelModerationProps['Menu']['onPressMenuOperators'];\n    onPressMenuMutedMembers: GroupChannelModerationProps['Menu']['onPressMenuMutedMembers'];\n    onPressMenuBannedUsers: GroupChannelModerationProps['Menu']['onPressMenuBannedUsers'];\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Menu: {\n    onPressMenuOperators: () => void;\n    onPressMenuMutedMembers: () => void;\n    onPressMenuBannedUsers: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n};\n\n/**\n * Internal context for GroupChannelModeration\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type GroupChannelModerationContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n  }>;\n};\nexport interface GroupChannelModerationModule {\n  Provider: CommonComponent<GroupChannelModerationProps['Provider']>;\n  Header: CommonComponent<GroupChannelModerationProps['Header']>;\n  Menu: CommonComponent<GroupChannelModerationProps['Menu']>;\n}\n\nexport type GroupChannelModerationFragment = CommonComponent<GroupChannelModerationProps['Fragment']>;\n"],"mappings":""}

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

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

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

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

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import { FlatList } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useFreshCallback } from '@sendbird/uikit-utils';
+
+const GroupChannelMutedMembersList = _ref => {
+  let {
+    renderUser,
+    mutedMembers,
+    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: mutedMembers,
+    renderItem: renderItem,
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right,
+      flexGrow: 1
+    },
+    ListEmptyComponent: ListEmptyComponent,
+    bounces: false
+  });
+};
+
+export default GroupChannelMutedMembersList;
+//# sourceMappingURL=GroupChannelMutedMembersList.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelMutedMembersStatusEmpty","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelMutedMembersStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelMutedMembersStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-muted-members'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelMutedMembersStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,mCAAmC,GAAG,MAAM;EAChD,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,mCAAf"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelMutedMembersStatusError = _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 GroupChannelMutedMembersStatusError;
+//# sourceMappingURL=GroupChannelMutedMembersStatusError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelMutedMembersStatusError","onPressRetry","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelMutedMembersStatusError.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { GroupChannelMutedMembersModule } from '../types';\n\nconst GroupChannelMutedMembersStatusError: GroupChannelMutedMembersModule['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 GroupChannelMutedMembersStatusError;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAGA,MAAMC,mCAAkF,GAAG,QAAsB;EAAA,IAArB;IAAEC;EAAF,CAAqB;EAC/G,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,mCAAf"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelMutedMembersStatusLoading = () => {
+  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 GroupChannelMutedMembersStatusLoading;
+//# sourceMappingURL=GroupChannelMutedMembersStatusLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelMutedMembersStatusLoading","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelMutedMembersStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelMutedMembersStatusLoading = () => {\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 GroupChannelMutedMembersStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,qCAAqC,GAAG,MAAM;EAClD,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,qCAAf"}

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

@@ -0,0 +1,8 @@
+export { default as GroupChannelMutedMembersList } from './component/GroupChannelMutedMembersList';
+export { default as GroupChannelMutedMembersHeader } from './component/GroupChannelMutedMembersHeader';
+export { default as GroupChannelMutedMembersStatusEmpty } from './component/GroupChannelMutedMembersStatusEmpty';
+export { default as GroupChannelMutedMembersStatusError } from './component/GroupChannelMutedMembersStatusError';
+export { default as GroupChannelMutedMembersStatusLoading } from './component/GroupChannelMutedMembersStatusLoading';
+export { default as createGroupChannelMutedMembersModule } from './module/createGroupChannelMutedMembersModule';
+export { GroupChannelMutedMembersContextsProvider, GroupChannelMutedMembersContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","GroupChannelMutedMembersList","GroupChannelMutedMembersHeader","GroupChannelMutedMembersStatusEmpty","GroupChannelMutedMembersStatusError","GroupChannelMutedMembersStatusLoading","createGroupChannelMutedMembersModule","GroupChannelMutedMembersContextsProvider","GroupChannelMutedMembersContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelMutedMembersList } from './component/GroupChannelMutedMembersList';\nexport { default as GroupChannelMutedMembersHeader } from './component/GroupChannelMutedMembersHeader';\nexport { default as GroupChannelMutedMembersStatusEmpty } from './component/GroupChannelMutedMembersStatusEmpty';\nexport { default as GroupChannelMutedMembersStatusError } from './component/GroupChannelMutedMembersStatusError';\nexport { default as GroupChannelMutedMembersStatusLoading } from './component/GroupChannelMutedMembersStatusLoading';\nexport { default as createGroupChannelMutedMembersModule } from './module/createGroupChannelMutedMembersModule';\nexport { GroupChannelMutedMembersContextsProvider, GroupChannelMutedMembersContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,4BAApB,QAAwD,0CAAxD;AACA,SAASD,OAAO,IAAIE,8BAApB,QAA0D,4CAA1D;AACA,SAASF,OAAO,IAAIG,mCAApB,QAA+D,iDAA/D;AACA,SAASH,OAAO,IAAII,mCAApB,QAA+D,iDAA/D;AACA,SAASJ,OAAO,IAAIK,qCAApB,QAAiE,mDAAjE;AACA,SAASL,OAAO,IAAIM,oCAApB,QAAgE,+CAAhE;AACA,SAASC,wCAAT,EAAmDC,gCAAnD,QAA2F,wBAA3F"}

package/lib/module/domain/groupChannelMutedMembers/module/createGroupChannelMutedMembersModule.js

@@ -0,0 +1,30 @@
+import GroupChannelMutedMembersHeader from '../component/GroupChannelMutedMembersHeader';
+import GroupChannelMutedMembersList from '../component/GroupChannelMutedMembersList';
+import GroupChannelMutedMembersStatusEmpty from '../component/GroupChannelMutedMembersStatusEmpty';
+import GroupChannelMutedMembersStatusError from '../component/GroupChannelMutedMembersStatusError';
+import GroupChannelMutedMembersStatusLoading from '../component/GroupChannelMutedMembersStatusLoading';
+import { GroupChannelMutedMembersContextsProvider } from './moduleContext';
+
+const createGroupChannelMutedMembersModule = function () {
+  let {
+    Header = GroupChannelMutedMembersHeader,
+    List = GroupChannelMutedMembersList,
+    StatusEmpty = GroupChannelMutedMembersStatusEmpty,
+    StatusError = GroupChannelMutedMembersStatusError,
+    StatusLoading = GroupChannelMutedMembersStatusLoading,
+    Provider = GroupChannelMutedMembersContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    Provider,
+    StatusEmpty,
+    StatusError,
+    StatusLoading,
+    ...module
+  };
+};
+
+export default createGroupChannelMutedMembersModule;
+//# sourceMappingURL=createGroupChannelMutedMembersModule.js.map

package/lib/module/domain/groupChannelMutedMembers/module/createGroupChannelMutedMembersModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelMutedMembersHeader","GroupChannelMutedMembersList","GroupChannelMutedMembersStatusEmpty","GroupChannelMutedMembersStatusError","GroupChannelMutedMembersStatusLoading","GroupChannelMutedMembersContextsProvider","createGroupChannelMutedMembersModule","Header","List","StatusEmpty","StatusError","StatusLoading","Provider","module"],"sources":["createGroupChannelMutedMembersModule.tsx"],"sourcesContent":["import GroupChannelMutedMembersHeader from '../component/GroupChannelMutedMembersHeader';\nimport GroupChannelMutedMembersList from '../component/GroupChannelMutedMembersList';\nimport GroupChannelMutedMembersStatusEmpty from '../component/GroupChannelMutedMembersStatusEmpty';\nimport GroupChannelMutedMembersStatusError from '../component/GroupChannelMutedMembersStatusError';\nimport GroupChannelMutedMembersStatusLoading from '../component/GroupChannelMutedMembersStatusLoading';\nimport type { GroupChannelMutedMembersModule } from '../types';\nimport { GroupChannelMutedMembersContextsProvider } from './moduleContext';\n\nconst createGroupChannelMutedMembersModule = ({\n  Header = GroupChannelMutedMembersHeader,\n  List = GroupChannelMutedMembersList,\n  StatusEmpty = GroupChannelMutedMembersStatusEmpty,\n  StatusError = GroupChannelMutedMembersStatusError,\n  StatusLoading = GroupChannelMutedMembersStatusLoading,\n  Provider = GroupChannelMutedMembersContextsProvider,\n  ...module\n}: Partial<GroupChannelMutedMembersModule> = {}): GroupChannelMutedMembersModule => {\n  return { Header, List, Provider, StatusEmpty, StatusError, StatusLoading, ...module };\n};\n\nexport default createGroupChannelMutedMembersModule;\n"],"mappings":"AAAA,OAAOA,8BAAP,MAA2C,6CAA3C;AACA,OAAOC,4BAAP,MAAyC,2CAAzC;AACA,OAAOC,mCAAP,MAAgD,kDAAhD;AACA,OAAOC,mCAAP,MAAgD,kDAAhD;AACA,OAAOC,qCAAP,MAAkD,oDAAlD;AAEA,SAASC,wCAAT,QAAyD,iBAAzD;;AAEA,MAAMC,oCAAoC,GAAG,YAQuC;EAAA,IARtC;IAC5CC,MAAM,GAAGP,8BADmC;IAE5CQ,IAAI,GAAGP,4BAFqC;IAG5CQ,WAAW,GAAGP,mCAH8B;IAI5CQ,WAAW,GAAGP,mCAJ8B;IAK5CQ,aAAa,GAAGP,qCAL4B;IAM5CQ,QAAQ,GAAGP,wCANiC;IAO5C,GAAGQ;EAPyC,CAQsC,uEAAvC,EAAuC;EAClF,OAAO;IAAEN,MAAF;IAAUC,IAAV;IAAgBI,QAAhB;IAA0BH,WAA1B;IAAuCC,WAAvC;IAAoDC,aAApD;IAAmE,GAAGE;EAAtE,CAAP;AACD,CAVD;;AAYA,eAAeP,oCAAf"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","GroupChannelMutedMembersContexts","Fragment","headerTitle","channel","GroupChannelMutedMembersContextsProvider","children","STRINGS","GROUP_CHANNEL_MUTED_MEMBERS","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 { GroupChannelMutedMembersContextsType, GroupChannelMutedMembersModule } from '../types';\n\nexport const GroupChannelMutedMembersContexts: GroupChannelMutedMembersContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n  }),\n};\n\nexport const GroupChannelMutedMembersContextsProvider: GroupChannelMutedMembersModule['Provider'] = ({\n  channel,\n  children,\n}) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <GroupChannelMutedMembersContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.GROUP_CHANNEL_MUTED_MEMBERS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </GroupChannelMutedMembersContexts.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,gCAAsE,GAAG;EACpFC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAD;AAD6D,CAA/E;AAOP,OAAO,MAAMC,wCAAoF,GAAG,QAG9F;EAAA,IAH+F;IACnGD,OADmG;IAEnGE;EAFmG,CAG/F;EACJ,MAAM;IAAEC;EAAF,IAAcP,eAAe,EAAnC;EACA,oBACE,oBAAC,cAAD,qBACE,oBAAC,gCAAD,CAAkC,QAAlC,CAA2C,QAA3C;IACE,KAAK,EAAE;MAAEG,WAAW,EAAEI,OAAO,CAACC,2BAAR,CAAoCC,YAAnD;MAAiEL;IAAjE;EADT,GAGGE,QAHH,CADF,CADF;AASD,CAdM"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type GroupChannelMutedMembersProps = {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: GroupChannelMutedMembersProps['Header']['onPressHeaderLeft'];\n    renderUser?: GroupChannelMutedMembersProps['List']['renderUser'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  List: {\n    renderUser: (props: { user: SendbirdRestrictedUser }) => React.ReactElement | null;\n    onLoadNext: () => void;\n    mutedMembers: SendbirdRestrictedUser[];\n    ListEmptyComponent?: React.ReactElement;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n};\n\n/**\n * Internal context for GroupChannelMutedMembers\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type GroupChannelMutedMembersContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n  }>;\n};\nexport interface GroupChannelMutedMembersModule {\n  Provider: CommonComponent<GroupChannelMutedMembersProps['Provider']>;\n  Header: CommonComponent<GroupChannelMutedMembersProps['Header']>;\n  List: CommonComponent<GroupChannelMutedMembersProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<GroupChannelMutedMembersProps['StatusError']>;\n}\n\nexport type GroupChannelMutedMembersFragment = CommonComponent<GroupChannelMutedMembersProps['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,38 @@
+import React from 'react';
+import { FlatList } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { 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
+  });
+};
+
+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","useFreshCallback","GroupChannelOperatorsList","operators","renderUser","ListEmptyComponent","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelOperatorsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\nimport { useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelOperatorsProps } from '../types';\n\nconst GroupChannelOperatorsList = ({\n  operators,\n  renderUser,\n  ListEmptyComponent,\n}: GroupChannelOperatorsProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdUser> = useFreshCallback(({ item }) => renderUser?.({ user: item }));\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={operators}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n    />\n  );\n};\n\nexport default GroupChannelOperatorsList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAGA,SAASC,gBAAT,QAAiC,uBAAjC;;AAIA,MAAMC,yBAAyB,GAAG,QAIQ;EAAA,IAJP;IACjCC,SADiC;IAEjCC,UAFiC;IAGjCC;EAHiC,CAIO;EACxC,MAAMC,UAAwC,GAAGL,gBAAgB,CAAC;IAAA,IAAC;MAAEM;IAAF,CAAD;IAAA,OAAcH,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAG;MAAEI,IAAI,EAAED;IAAR,CAAH,CAAxB;EAAA,CAAD,CAAjE;EACA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBV,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEG,SADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAER,kBAJtB;IAKE,OAAO,EAAE;EALX,EADF;AASD,CAjBD;;AAmBA,eAAeH,yBAAf"}

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