@sendbird/uikit-react-native 2.3.0 → 2.4.0

package/lib/commonjs/domain/openChannelList/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OpenChannelListContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.OpenChannelListContexts;
+  }
+});
+Object.defineProperty(exports, "OpenChannelListContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.OpenChannelListContextsProvider;
+  }
+});
+Object.defineProperty(exports, "OpenChannelListHeader", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelListHeader.default;
+  }
+});
+Object.defineProperty(exports, "OpenChannelListList", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelListList.default;
+  }
+});
+Object.defineProperty(exports, "OpenChannelListStatusEmpty", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelListStatusEmpty.default;
+  }
+});
+Object.defineProperty(exports, "OpenChannelListStatusError", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelListStatusError.default;
+  }
+});
+Object.defineProperty(exports, "OpenChannelListStatusLoading", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelListStatusLoading.default;
+  }
+});
+Object.defineProperty(exports, "createOpenChannelListModule", {
+  enumerable: true,
+  get: function () {
+    return _createOpenChannelListModule.default;
+  }
+});
+
+var _OpenChannelListHeader = _interopRequireDefault(require("./component/OpenChannelListHeader"));
+
+var _OpenChannelListList = _interopRequireDefault(require("./component/OpenChannelListList"));
+
+var _OpenChannelListStatusEmpty = _interopRequireDefault(require("./component/OpenChannelListStatusEmpty"));
+
+var _OpenChannelListStatusLoading = _interopRequireDefault(require("./component/OpenChannelListStatusLoading"));
+
+var _OpenChannelListStatusError = _interopRequireDefault(require("./component/OpenChannelListStatusError"));
+
+var _createOpenChannelListModule = _interopRequireDefault(require("./module/createOpenChannelListModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/domain/openChannelList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelListHeader } from './component/OpenChannelListHeader';\nexport { default as OpenChannelListList } from './component/OpenChannelListList';\nexport { default as OpenChannelListStatusEmpty } from './component/OpenChannelListStatusEmpty';\nexport { default as OpenChannelListStatusLoading } from './component/OpenChannelListStatusLoading';\nexport { default as OpenChannelListStatusError } from './component/OpenChannelListStatusError';\nexport { default as createOpenChannelListModule } from './module/createOpenChannelListModule';\nexport { OpenChannelListContextsProvider, OpenChannelListContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/commonjs/domain/openChannelList/module/createOpenChannelListModule.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _OpenChannelListHeader = _interopRequireDefault(require("../component/OpenChannelListHeader"));
+
+var _OpenChannelListList = _interopRequireDefault(require("../component/OpenChannelListList"));
+
+var _OpenChannelListStatusEmpty = _interopRequireDefault(require("../component/OpenChannelListStatusEmpty"));
+
+var _OpenChannelListStatusError = _interopRequireDefault(require("../component/OpenChannelListStatusError"));
+
+var _OpenChannelListStatusLoading = _interopRequireDefault(require("../component/OpenChannelListStatusLoading"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createOpenChannelListModule = function () {
+  let {
+    Header = _OpenChannelListHeader.default,
+    List = _OpenChannelListList.default,
+    StatusLoading = _OpenChannelListStatusLoading.default,
+    StatusEmpty = _OpenChannelListStatusEmpty.default,
+    StatusError = _OpenChannelListStatusError.default,
+    Provider = _moduleContext.OpenChannelListContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    Provider,
+    StatusEmpty,
+    StatusLoading,
+    StatusError,
+    ...module
+  };
+};
+
+var _default = createOpenChannelListModule;
+exports.default = _default;
+//# sourceMappingURL=createOpenChannelListModule.js.map

package/lib/commonjs/domain/openChannelList/module/createOpenChannelListModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createOpenChannelListModule","Header","OpenChannelListHeader","List","OpenChannelListList","StatusLoading","OpenChannelListStatusLoading","StatusEmpty","OpenChannelListStatusEmpty","StatusError","OpenChannelListStatusError","Provider","OpenChannelListContextsProvider","module"],"sources":["createOpenChannelListModule.tsx"],"sourcesContent":["import OpenChannelListHeader from '../component/OpenChannelListHeader';\nimport OpenChannelListList from '../component/OpenChannelListList';\nimport OpenChannelListStatusEmpty from '../component/OpenChannelListStatusEmpty';\nimport OpenChannelListStatusError from '../component/OpenChannelListStatusError';\nimport OpenChannelListStatusLoading from '../component/OpenChannelListStatusLoading';\nimport type { OpenChannelListModule } from '../types';\nimport { OpenChannelListContextsProvider } from './moduleContext';\n\nconst createOpenChannelListModule = ({\n  Header = OpenChannelListHeader,\n  List = OpenChannelListList,\n  StatusLoading = OpenChannelListStatusLoading,\n  StatusEmpty = OpenChannelListStatusEmpty,\n  StatusError = OpenChannelListStatusError,\n  Provider = OpenChannelListContextsProvider,\n  ...module\n}: Partial<OpenChannelListModule> = {}): OpenChannelListModule => {\n  return { Header, List, Provider, StatusEmpty, StatusLoading, StatusError, ...module };\n};\n\nexport default createOpenChannelListModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,2BAA2B,GAAG,YAQ8B;EAAA,IAR7B;IACnCC,MAAM,GAAGC,8BAD0B;IAEnCC,IAAI,GAAGC,4BAF4B;IAGnCC,aAAa,GAAGC,qCAHmB;IAInCC,WAAW,GAAGC,mCAJqB;IAKnCC,WAAW,GAAGC,mCALqB;IAMnCC,QAAQ,GAAGC,8CANwB;IAOnC,GAAGC;EAPgC,CAQ6B,uEAA9B,EAA8B;EAChE,OAAO;IAAEZ,MAAF;IAAUE,IAAV;IAAgBQ,QAAhB;IAA0BJ,WAA1B;IAAuCF,aAAvC;IAAsDI,WAAtD;IAAmE,GAAGI;EAAtE,CAAP;AACD,CAVD;;eAYeb,2B"}

package/lib/commonjs/domain/openChannelList/module/moduleContext.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpenChannelListContextsProvider = exports.OpenChannelListContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+
+var _useContext = require("../../../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const OpenChannelListContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: ''
+  })
+};
+exports.OpenChannelListContexts = OpenChannelListContexts;
+
+const OpenChannelListContextsProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(OpenChannelListContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.OPEN_CHANNEL_LIST.HEADER_TITLE
+    }
+  }, children));
+};
+
+exports.OpenChannelListContextsProvider = OpenChannelListContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

package/lib/commonjs/domain/openChannelList/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelListContexts","Fragment","createContext","headerTitle","OpenChannelListContextsProvider","children","STRINGS","useLocalization","OPEN_CHANNEL_LIST","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelListContextsType, OpenChannelListModule } from '../types';\n\nexport const OpenChannelListContexts: OpenChannelListContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n  }),\n};\n\nexport const OpenChannelListContextsProvider: OpenChannelListModule['Provider'] = ({ children }) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelListContexts.Fragment.Provider value={{ headerTitle: STRINGS.OPEN_CHANNEL_LIST.HEADER_TITLE }}>\n        {children}\n      </OpenChannelListContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAGO,MAAMA,uBAAoD,GAAG;EAClEC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE;EADS,CAAd;AADwD,CAA7D;;;AAMA,MAAMC,+BAAkE,GAAG,QAAkB;EAAA,IAAjB;IAAEC;EAAF,CAAiB;EAClG,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,uBAAD,CAAyB,QAAzB,CAAkC,QAAlC;IAA2C,KAAK,EAAE;MAAEJ,WAAW,EAAEG,OAAO,CAACE,iBAAR,CAA0BC;IAAzC;EAAlD,GACGJ,QADH,CADF,CADF;AAOD,CATM"}

package/lib/commonjs/domain/openChannelList/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/domain/openChannelList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseOpenChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelListProps = {\n  Fragment: {\n    /** Handler for navigating to OpenChannelFragment **/\n    onPressChannel: (channel: SendbirdOpenChannel) => void;\n    /** Handler for navigating to OpenChannelCreateFragment **/\n    onPressCreateChannel: () => void;\n    /** Method for rendering open channel preview **/\n    renderOpenChannelPreview?: OpenChannelListProps['List']['renderOpenChannelPreview'];\n    /** Method for creating a custom query of open channel list **/\n    queryCreator?: UseOpenChannelListOptions['queryCreator'];\n    /** Props for FlatList component, it passed to OpenChannelList.List **/\n    flatListProps?: OpenChannelListProps['List']['flatListProps'];\n  };\n  Header: {\n    onPressHeaderRight: () => void;\n  };\n  List: {\n    /** OpenChannels from SendbirdChat SDK **/\n    openChannels: SendbirdOpenChannel[];\n    /** Method for rendering a preview of each open channel **/\n    renderOpenChannelPreview: (props: { channel: SendbirdOpenChannel }) => React.ReactElement | null;\n    /** Handler for loading the next batch of open channels **/\n    onLoadNext: () => Promise<void>;\n    /** Props for the FlatList component, passed to the OpenChannelList.List **/\n    flatListProps?: Omit<FlatListProps<SendbirdOpenChannel>, 'data' | 'renderItem'>;\n    /** Props for the indicates if the FlatList is currently being refreshed  **/\n    refreshing: boolean;\n    /** Handler for refreshing the list of open channels **/\n    onRefresh: () => void;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n};\n\n/**\n * Internal context for OpenChannelList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelListContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n  }>;\n};\nexport interface OpenChannelListModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<OpenChannelListProps['Header']>;\n  List: CommonComponent<OpenChannelListProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<OpenChannelListProps['StatusError']>;\n}\n\nexport type OpenChannelListFragment = CommonComponent<OpenChannelListProps['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/openChannelModeration/component/OpenChannelModerationHeader.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _moduleContext = require("../module/moduleContext");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const OpenChannelModerationHeader = _ref => {
+  let {
+    onPressHeaderLeft
+  } = _ref;
+  const {
+    headerTitle
+  } = (0, _react.useContext)(_moduleContext.OpenChannelModerationContexts.Fragment);
+  const {
+    HeaderComponent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft
+  });
+};
+
+var _default = OpenChannelModerationHeader;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelModerationHeader.js.map

package/lib/commonjs/domain/openChannelModeration/component/OpenChannelModerationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelModerationHeader","onPressHeaderLeft","headerTitle","useContext","OpenChannelModerationContexts","Fragment","HeaderComponent","useHeaderStyle"],"sources":["OpenChannelModerationHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { OpenChannelModerationContexts } from '../module/moduleContext';\nimport type { OpenChannelModerationProps } from '../types';\n\nconst OpenChannelModerationHeader = ({ onPressHeaderLeft }: OpenChannelModerationProps['Header']) => {\n  const { headerTitle } = useContext(OpenChannelModerationContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n\n  return <HeaderComponent title={headerTitle} left={<Icon icon={'arrow-left'} />} onPressLeft={onPressHeaderLeft} />;\n};\n\nexport default OpenChannelModerationHeader;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAGA,MAAMA,2BAA2B,GAAG,QAAiE;EAAA,IAAhE;IAAEC;EAAF,CAAgE;EACnG,MAAM;IAAEC;EAAF,IAAkB,IAAAC,iBAAA,EAAWC,4CAAA,CAA8BC,QAAzC,CAAxB;EACA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EAEA,oBAAO,6BAAC,eAAD;IAAiB,KAAK,EAAEL,WAAxB;IAAqC,IAAI,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAA3C;IAAyE,WAAW,EAAED;EAAtF,EAAP;AACD,CALD;;eAOeD,2B"}

package/lib/commonjs/domain/openChannelModeration/component/OpenChannelModerationMenu.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _useContext = require("../../../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const OpenChannelModerationMenu = _ref => {
+  let {
+    onPressMenuBannedUsers,
+    onPressMenuMutedParticipants,
+    onPressMenuOperators,
+    menuItemsCreator = menu => menu
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const menuItems = menuItemsCreator([{
+    icon: 'operator',
+    name: STRINGS.OPEN_CHANNEL_MODERATION.MENU_OPERATORS,
+    onPress: () => onPressMenuOperators(),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'mute',
+    name: STRINGS.OPEN_CHANNEL_MODERATION.MENU_MUTED_PARTICIPANTS,
+    onPress: () => onPressMenuMutedParticipants(),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'ban',
+    name: STRINGS.OPEN_CHANNEL_MODERATION.MENU_BANNED_USERS,
+    onPress: () => onPressMenuBannedUsers(),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, menuItems.map(menu => {
+    return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.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
+    });
+  }));
+};
+
+var _default = OpenChannelModerationMenu;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelModerationMenu.js.map

package/lib/commonjs/domain/openChannelModeration/component/OpenChannelModerationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelModerationMenu","onPressMenuBannedUsers","onPressMenuMutedParticipants","onPressMenuOperators","menuItemsCreator","menu","STRINGS","useLocalization","colors","useUIKitTheme","menuItems","icon","name","OPEN_CHANNEL_MODERATION","MENU_OPERATORS","onPress","actionItem","onBackground01","MENU_MUTED_PARTICIPANTS","MENU_BANNED_USERS","map","disabled","visible","iconColor","iconBackgroundColor","actionLabel"],"sources":["OpenChannelModerationMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelModerationProps } from '../types';\n\nconst OpenChannelModerationMenu = ({\n  onPressMenuBannedUsers,\n  onPressMenuMutedParticipants,\n  onPressMenuOperators,\n  menuItemsCreator = (menu) => menu,\n}: OpenChannelModerationProps['Menu']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'operator',\n      name: STRINGS.OPEN_CHANNEL_MODERATION.MENU_OPERATORS,\n      onPress: () => onPressMenuOperators(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'mute',\n      name: STRINGS.OPEN_CHANNEL_MODERATION.MENU_MUTED_PARTICIPANTS,\n      onPress: () => onPressMenuMutedParticipants(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'ban',\n      name: STRINGS.OPEN_CHANNEL_MODERATION.MENU_BANNED_USERS,\n      onPress: () => onPressMenuBannedUsers(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\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 OpenChannelModerationMenu;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AAEA;;;;AAGA,MAAMA,yBAAyB,GAAG,QAKQ;EAAA,IALP;IACjCC,sBADiC;IAEjCC,4BAFiC;IAGjCC,oBAHiC;IAIjCC,gBAAgB,GAAIC,IAAD,IAAUA;EAJI,CAKO;EACxC,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,MAAMC,SAAyB,GAAGN,gBAAgB,CAAC,CACjD;IACEO,IAAI,EAAE,UADR;IAEEC,IAAI,EAAEN,OAAO,CAACO,uBAAR,CAAgCC,cAFxC;IAGEC,OAAO,EAAE,MAAMZ,oBAAoB,EAHrC;IAIEa,UAAU,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAER,MAAM,CAACS;IAA3C;EAJd,CADiD,EAOjD;IACEN,IAAI,EAAE,MADR;IAEEC,IAAI,EAAEN,OAAO,CAACO,uBAAR,CAAgCK,uBAFxC;IAGEH,OAAO,EAAE,MAAMb,4BAA4B,EAH7C;IAIEc,UAAU,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAER,MAAM,CAACS;IAA3C;EAJd,CAPiD,EAajD;IACEN,IAAI,EAAE,KADR;IAEEC,IAAI,EAAEN,OAAO,CAACO,uBAAR,CAAgCM,iBAFxC;IAGEJ,OAAO,EAAE,MAAMd,sBAAsB,EAHvC;IAIEe,UAAU,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAER,MAAM,CAACS;IAA3C;EAJd,CAbiD,CAAD,CAAlD;EAqBA,oBACE,6BAAC,iBAAD,QACGP,SAAS,CAACU,GAAV,CAAef,IAAD,IAAU;IACvB,oBACE,6BAAC,mCAAD;MACE,GAAG,EAAEA,IAAI,CAACO,IADZ;MAEE,OAAO,EAAEP,IAAI,CAACU,OAFhB;MAGE,IAAI,EAAEV,IAAI,CAACO,IAHb;MAIE,QAAQ,EAAEP,IAAI,CAACgB,QAJjB;MAKE,OAAO,EAAEhB,IAAI,CAACiB,OALhB;MAME,IAAI,EAAEjB,IAAI,CAACM,IANb;MAOE,SAAS,EAAEN,IAAI,CAACkB,SAPlB;MAQE,mBAAmB,EAAElB,IAAI,CAACmB,mBAR5B;MASE,WAAW,EAAEnB,IAAI,CAACoB,WATpB;MAUE,UAAU,EAAEpB,IAAI,CAACW;IAVnB,EADF;EAcD,CAfA,CADH,CADF;AAoBD,CAlDD;;eAoDehB,yB"}

package/lib/commonjs/domain/openChannelModeration/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OpenChannelModerationContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.OpenChannelModerationContexts;
+  }
+});
+Object.defineProperty(exports, "OpenChannelModerationContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.OpenChannelModerationContextsProvider;
+  }
+});
+Object.defineProperty(exports, "OpenChannelModerationHeader", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelModerationHeader.default;
+  }
+});
+Object.defineProperty(exports, "OpenChannelModerationMenu", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelModerationMenu.default;
+  }
+});
+Object.defineProperty(exports, "createOpenChannelModerationModule", {
+  enumerable: true,
+  get: function () {
+    return _createOpenChannelModerationModule.default;
+  }
+});
+
+var _OpenChannelModerationHeader = _interopRequireDefault(require("./component/OpenChannelModerationHeader"));
+
+var _OpenChannelModerationMenu = _interopRequireDefault(require("./component/OpenChannelModerationMenu"));
+
+var _createOpenChannelModerationModule = _interopRequireDefault(require("./module/createOpenChannelModerationModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/domain/openChannelModeration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelModerationHeader } from './component/OpenChannelModerationHeader';\nexport { default as OpenChannelModerationMenu } from './component/OpenChannelModerationMenu';\nexport { default as createOpenChannelModerationModule } from './module/createOpenChannelModerationModule';\nexport { OpenChannelModerationContextsProvider, OpenChannelModerationContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}

package/lib/commonjs/domain/openChannelModeration/module/createOpenChannelModerationModule.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _OpenChannelModerationHeader = _interopRequireDefault(require("../component/OpenChannelModerationHeader"));
+
+var _OpenChannelModerationMenu = _interopRequireDefault(require("../component/OpenChannelModerationMenu"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createOpenChannelModerationModule = function () {
+  let {
+    Header = _OpenChannelModerationHeader.default,
+    Menu = _OpenChannelModerationMenu.default,
+    Provider = _moduleContext.OpenChannelModerationContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    Menu,
+    Provider,
+    ...module
+  };
+};
+
+var _default = createOpenChannelModerationModule;
+exports.default = _default;
+//# sourceMappingURL=createOpenChannelModerationModule.js.map

package/lib/commonjs/domain/openChannelModeration/module/createOpenChannelModerationModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createOpenChannelModerationModule","Header","OpenChannelModerationHeader","Menu","OpenChannelModerationMenu","Provider","OpenChannelModerationContextsProvider","module"],"sources":["createOpenChannelModerationModule.tsx"],"sourcesContent":["import OpenChannelModerationHeader from '../component/OpenChannelModerationHeader';\nimport OpenChannelModerationMenu from '../component/OpenChannelModerationMenu';\nimport type { OpenChannelModerationModule } from '../types';\nimport { OpenChannelModerationContextsProvider } from './moduleContext';\n\nconst createOpenChannelModerationModule = ({\n  Header = OpenChannelModerationHeader,\n  Menu = OpenChannelModerationMenu,\n  Provider = OpenChannelModerationContextsProvider,\n  ...module\n}: Partial<OpenChannelModerationModule> = {}): OpenChannelModerationModule => {\n  return { Header, Menu, Provider, ...module };\n};\n\nexport default createOpenChannelModerationModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,iCAAiC,GAAG,YAKoC;EAAA,IALnC;IACzCC,MAAM,GAAGC,oCADgC;IAEzCC,IAAI,GAAGC,kCAFkC;IAGzCC,QAAQ,GAAGC,oDAH8B;IAIzC,GAAGC;EAJsC,CAKmC,uEAApC,EAAoC;EAC5E,OAAO;IAAEN,MAAF;IAAUE,IAAV;IAAgBE,QAAhB;IAA0B,GAAGE;EAA7B,CAAP;AACD,CAPD;;eASeP,iC"}

package/lib/commonjs/domain/openChannelModeration/module/moduleContext.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpenChannelModerationContextsProvider = exports.OpenChannelModerationContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+
+var _useContext = require("../../../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const OpenChannelModerationContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: '',
+    channel: {}
+  })
+};
+exports.OpenChannelModerationContexts = OpenChannelModerationContexts;
+
+const OpenChannelModerationContextsProvider = _ref => {
+  let {
+    children,
+    channel
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(OpenChannelModerationContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.OPEN_CHANNEL_MODERATION.HEADER_TITLE,
+      channel
+    }
+  }, children));
+};
+
+exports.OpenChannelModerationContextsProvider = OpenChannelModerationContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

package/lib/commonjs/domain/openChannelModeration/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelModerationContexts","Fragment","createContext","headerTitle","channel","OpenChannelModerationContextsProvider","children","STRINGS","useLocalization","OPEN_CHANNEL_MODERATION","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelModerationContextsType, OpenChannelModerationModule } from '../types';\n\nexport const OpenChannelModerationContexts: OpenChannelModerationContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdOpenChannel,\n  }),\n};\n\nexport const OpenChannelModerationContextsProvider: OpenChannelModerationModule['Provider'] = ({\n  children,\n  channel,\n}) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelModerationContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.OPEN_CHANNEL_MODERATION.HEADER_TITLE,\n          channel,\n        }}\n      >\n        {children}\n      </OpenChannelModerationContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;;;AAGO,MAAMA,6BAAgE,GAAG;EAC9EC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAd;AADoE,CAAzE;;;AAOA,MAAMC,qCAA8E,GAAG,QAGxF;EAAA,IAHyF;IAC7FC,QAD6F;IAE7FF;EAF6F,CAGzF;EACJ,MAAM;IAAEG;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,6BAAD,CAA+B,QAA/B,CAAwC,QAAxC;IACE,KAAK,EAAE;MACLL,WAAW,EAAEI,OAAO,CAACE,uBAAR,CAAgCC,YADxC;MAELN;IAFK;EADT,GAMGE,QANH,CADF,CADF;AAYD,CAjBM"}

package/lib/commonjs/domain/openChannelModeration/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/domain/openChannelModeration/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 { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelModerationProps = {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: OpenChannelModerationProps['Header']['onPressHeaderLeft'];\n    onPressMenuOperators: OpenChannelModerationProps['Menu']['onPressMenuOperators'];\n    onPressMenuMutedParticipants: OpenChannelModerationProps['Menu']['onPressMenuMutedParticipants'];\n    onPressMenuBannedUsers: OpenChannelModerationProps['Menu']['onPressMenuBannedUsers'];\n    menuItemsCreator?: OpenChannelModerationProps['Menu']['menuItemsCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Menu: {\n    onPressMenuOperators: () => void;\n    onPressMenuMutedParticipants: () => void;\n    onPressMenuBannedUsers: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n  };\n};\n\n/**\n * Internal context for OpenChannelModeration\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelModerationContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdOpenChannel;\n  }>;\n};\nexport interface OpenChannelModerationModule {\n  Provider: CommonComponent<OpenChannelModerationProps['Provider']>;\n  Header: CommonComponent<OpenChannelModerationProps['Header']>;\n  Menu: CommonComponent<OpenChannelModerationProps['Menu']>;\n}\n\nexport type OpenChannelModerationFragment = CommonComponent<OpenChannelModerationProps['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsHeader.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _moduleContext = require("../module/moduleContext");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const OpenChannelMutedParticipantsHeader = _ref => {
+  let {
+    onPressHeaderLeft
+  } = _ref;
+  const {
+    headerTitle
+  } = (0, _react.useContext)(_moduleContext.OpenChannelMutedParticipantsContexts.Fragment);
+  const {
+    HeaderComponent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft
+  });
+};
+
+var _default = OpenChannelMutedParticipantsHeader;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelMutedParticipantsHeader.js.map

package/lib/commonjs/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelMutedParticipantsHeader","onPressHeaderLeft","headerTitle","useContext","OpenChannelMutedParticipantsContexts","Fragment","HeaderComponent","useHeaderStyle"],"sources":["OpenChannelMutedParticipantsHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { OpenChannelMutedParticipantsContexts } from '../module/moduleContext';\nimport type { OpenChannelMutedParticipantsProps } from '../types';\n\nconst OpenChannelMutedParticipantsHeader = ({ onPressHeaderLeft }: OpenChannelMutedParticipantsProps['Header']) => {\n  const { headerTitle } = useContext(OpenChannelMutedParticipantsContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return <HeaderComponent title={headerTitle} left={<Icon icon={'arrow-left'} />} onPressLeft={onPressHeaderLeft} />;\n};\n\nexport default OpenChannelMutedParticipantsHeader;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAGA,MAAMA,kCAAkC,GAAG,QAAwE;EAAA,IAAvE;IAAEC;EAAF,CAAuE;EACjH,MAAM;IAAEC;EAAF,IAAkB,IAAAC,iBAAA,EAAWC,mDAAA,CAAqCC,QAAhD,CAAxB;EACA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EACA,oBAAO,6BAAC,eAAD;IAAiB,KAAK,EAAEL,WAAxB;IAAqC,IAAI,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAA3C;IAAyE,WAAW,EAAED;EAAtF,EAAP;AACD,CAJD;;eAMeD,kC"}

package/lib/commonjs/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsList.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const OpenChannelMutedParticipantsList = _ref => {
+  let {
+    renderUser,
+    mutedParticipants,
+    ListEmptyComponent,
+    onLoadNext
+  } = _ref;
+  const renderItem = (0, _uikitUtils.useFreshCallback)(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return renderUser === null || renderUser === void 0 ? void 0 : renderUser({
+      user: item
+    });
+  });
+  const {
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: mutedParticipants,
+    renderItem: renderItem,
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right,
+      flexGrow: 1
+    },
+    ListEmptyComponent: ListEmptyComponent,
+    bounces: false,
+    keyExtractor: _uikitUtils.getUserUniqId,
+    onEndReached: onLoadNext
+  });
+};
+
+var _default = OpenChannelMutedParticipantsList;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelMutedParticipantsList.js.map

package/lib/commonjs/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelMutedParticipantsList","renderUser","mutedParticipants","ListEmptyComponent","onLoadNext","renderItem","useFreshCallback","item","user","left","right","useSafeAreaInsets","paddingLeft","paddingRight","flexGrow","getUserUniqId"],"sources":["OpenChannelMutedParticipantsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelMutedParticipantsProps } from '../types';\n\nconst OpenChannelMutedParticipantsList = ({\n  renderUser,\n  mutedParticipants,\n  ListEmptyComponent,\n  onLoadNext,\n}: OpenChannelMutedParticipantsProps['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={mutedParticipants}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n      onEndReached={onLoadNext}\n    />\n  );\n};\n\nexport default OpenChannelMutedParticipantsList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAIA,MAAMA,gCAAgC,GAAG,QAKQ;EAAA,IALP;IACxCC,UADwC;IAExCC,iBAFwC;IAGxCC,kBAHwC;IAIxCC;EAJwC,CAKO;EAC/C,MAAMC,UAAkD,GAAG,IAAAC,4BAAA,EAAiB;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAC1EN,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEO,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAjB,CAA3D;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EAEA,oBACE,6BAAC,qBAAD;IACE,IAAI,EAAET,iBADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEO,WAAW,EAAEH,IAAf;MAAqBI,YAAY,EAAEH,KAAnC;MAA0CI,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAEX,kBAJtB;IAKE,OAAO,EAAE,KALX;IAME,YAAY,EAAEY,yBANhB;IAOE,YAAY,EAAEX;EAPhB,EADF;AAWD,CAtBD;;eAwBeJ,gC"}

package/lib/commonjs/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsStatusEmpty.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const OpenChannelMutedParticipantsStatusEmpty = () => {
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'no-muted-participants'
+  }));
+};
+
+var _default = OpenChannelMutedParticipantsStatusEmpty;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelMutedParticipantsStatusEmpty.js.map

package/lib/commonjs/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsStatusEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelMutedParticipantsStatusEmpty"],"sources":["OpenChannelMutedParticipantsStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelMutedParticipantsStatusEmpty = () => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'no-muted-participants'} />\n    </Box>\n  );\n};\n\nexport default OpenChannelMutedParticipantsStatusEmpty;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;AAEA,MAAMA,uCAAuC,GAAG,MAAM;EACpD,oBACE,6BAAC,+BAAD;IAAK,IAAI,EAAE,CAAX;IAAc,UAAU,EAAE,QAA1B;IAAoC,cAAc,EAAE;EAApD,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;eAQeA,uC"}