stream-chat-react-native-core 9.3.1 → 9.4.0-beta.1

package/lib/module/components/ChannelDetails/components/modal/Modal.js

@@ -0,0 +1,49 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChannelDetailsModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/modal/Modal.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ChannelDetailsModal = ({
+  children,
+  onClose,
+  visible
+}) => {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelDetails.modal,
+    bodyOverride = _useTheme$theme$chann.body,
+    rootOverride = _useTheme$theme$chann.root,
+    semantics = _useTheme$theme.semantics;
+  var rootStyle = (0, _react.useMemo)(() => _reactNative.StyleSheet.flatten([styles.root, {
+    backgroundColor: semantics.backgroundCoreElevation1
+  }, rootOverride]), [rootOverride, semantics.backgroundCoreElevation1]);
+  return (0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    animationType: "slide",
+    onRequestClose: onClose,
+    presentationStyle: "pageSheet",
+    visible: visible,
+    children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
+      style: rootStyle,
+      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.body, bodyOverride],
+        children: children
+      })
+    })
+  });
+};
+exports.ChannelDetailsModal = ChannelDetailsModal;
+var styles = _reactNative.StyleSheet.create({
+  body: {
+    flex: 1
+  },
+  root: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=Modal.js.map

package/lib/module/components/ChannelDetails/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_ThemeContext","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChannelDetailsModal","children","onClose","visible","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelDetails","modal","bodyOverride","body","rootOverride","root","semantics","rootStyle","useMemo","StyleSheet","flatten","styles","backgroundColor","backgroundCoreElevation1","jsx","Modal","animationType","onRequestClose","presentationStyle","GestureHandlerRootView","style","View","exports","create","flex"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/modal/Modal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChannelDetails/components/modal/ModalHeader.js

@@ -0,0 +1,85 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _xmark = require("../../../../icons/xmark");
+var _theme = require("../../../../theme");
+var _Button = require("../../../ui/Button/Button");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/modal/ModalHeader.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ModalHeader = ({
+  onClose,
+  rightAction,
+  title
+}) => {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelDetails.modal,
+    headerOverride = _useTheme$theme$chann.header,
+    headerTitleOverride = _useTheme$theme$chann.headerTitle,
+    semantics = _useTheme$theme.semantics;
+  var styles = useStyles();
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.header, headerOverride],
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.side,
+      children: (0, _jsxRuntime.jsx)(_Button.Button, {
+        accessibilityLabelKey: "a11y/Close",
+        iconOnly: true,
+        LeadingIcon: _xmark.NewClose,
+        onPress: onClose,
+        size: "md",
+        type: "outline",
+        variant: "secondary"
+      })
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.center,
+      children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        accessibilityRole: "header",
+        numberOfLines: 1,
+        style: [styles.title, {
+          color: semantics.textPrimary
+        }, headerTitleOverride],
+        children: title
+      })
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.side, styles.sideRight],
+      children: rightAction
+    })]
+  });
+};
+exports.ModalHeader = ModalHeader;
+var useStyles = () => (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+  center: {
+    alignItems: 'center',
+    flex: 2,
+    justifyContent: 'center'
+  },
+  header: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingBottom: _theme.primitives.spacingSm,
+    paddingHorizontal: _theme.primitives.spacingSm,
+    paddingTop: _theme.primitives.spacingSm,
+    gap: _theme.primitives.spacingSm
+  },
+  side: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  sideRight: {
+    alignItems: 'flex-end'
+  },
+  title: {
+    fontSize: _theme.primitives.typographyFontSizeMd,
+    fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+    lineHeight: _theme.primitives.typographyLineHeightNormal,
+    writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
+  }
+}), []);
+//# sourceMappingURL=ModalHeader.js.map

package/lib/module/components/ChannelDetails/components/modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_xmark","_theme","_Button","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ModalHeader","onClose","rightAction","title","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelDetails","modal","headerOverride","header","headerTitleOverride","headerTitle","semantics","styles","useStyles","jsxs","View","style","children","jsx","side","Button","accessibilityLabelKey","iconOnly","LeadingIcon","NewClose","onPress","size","type","variant","center","Text","accessibilityRole","numberOfLines","color","textPrimary","sideRight","exports","useMemo","StyleSheet","create","alignItems","flex","justifyContent","flexDirection","paddingBottom","primitives","spacingSm","paddingHorizontal","paddingTop","gap","fontSize","typographyFontSizeMd","fontWeight","typographyFontWeightSemiBold","lineHeight","typographyLineHeightNormal","writingDirection","I18nManager","isRTL"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/modal/ModalHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChannelDetails/hooks/index.js

@@ -0,0 +1,70 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useChannelDetailsActionItems = require("./useChannelDetailsActionItems");
+Object.keys(_useChannelDetailsActionItems).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useChannelDetailsActionItems[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChannelDetailsActionItems[key];
+    }
+  });
+});
+var _useChannelDetailsMemberStatusText = require("./useChannelDetailsMemberStatusText");
+Object.keys(_useChannelDetailsMemberStatusText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useChannelDetailsMemberStatusText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChannelDetailsMemberStatusText[key];
+    }
+  });
+});
+var _useChannelDetailsMembersPreview = require("./useChannelDetailsMembersPreview");
+Object.keys(_useChannelDetailsMembersPreview).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useChannelDetailsMembersPreview[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChannelDetailsMembersPreview[key];
+    }
+  });
+});
+var _useEditChannelImage = require("./useEditChannelImage");
+Object.keys(_useEditChannelImage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useEditChannelImage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useEditChannelImage[key];
+    }
+  });
+});
+var _useUserActivityStatus = require("./useUserActivityStatus");
+Object.keys(_useUserActivityStatus).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useUserActivityStatus[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useUserActivityStatus[key];
+    }
+  });
+});
+var _members = require("./members");
+Object.keys(_members).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _members[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _members[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/ChannelDetails/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useChannelDetailsActionItems","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useChannelDetailsMemberStatusText","_useChannelDetailsMembersPreview","_useEditChannelImage","_useUserActivityStatus","_members"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/hooks/index.ts"],"mappings":";;;AAAA,IAAAA,6BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,6BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,6BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,6BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,kCAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,kCAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,kCAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,kCAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,gCAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,gCAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,gCAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,gCAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,oBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,oBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,oBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,oBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,sBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,sBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,sBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,sBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,QAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,QAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,QAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,QAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/module/components/ChannelDetails/hooks/members/index.js

@@ -0,0 +1,26 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useChannelAllMembers = require("./useChannelAllMembers");
+Object.keys(_useChannelAllMembers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useChannelAllMembers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChannelAllMembers[key];
+    }
+  });
+});
+var _useMemberRoleLabel = require("./useMemberRoleLabel");
+Object.keys(_useMemberRoleLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMemberRoleLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMemberRoleLabel[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/ChannelDetails/hooks/members/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useChannelAllMembers","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useMemberRoleLabel"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/hooks/members/index.ts"],"mappings":";;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,qBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,qBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,qBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,mBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,mBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,mBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,mBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/module/components/ChannelDetails/hooks/members/useChannelAllMembers.js

@@ -0,0 +1,139 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChannelAllMembers = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _contexts = require("../../../../contexts");
+var _useChannelActions = require("../../../../hooks/actions/useChannelActions");
+var _useChannelMembersState = require("../../../ChannelList/hooks/useChannelMembersState");
+var _useNotificationApi2 = require("../../../Notifications/hooks/useNotificationApi");
+var PAGE_SIZE = 25;
+var noop = () => undefined;
+var useChannelAllMembers = ({
+  channel
+}) => {
+  var _useNotificationApi = (0, _useNotificationApi2.useNotificationApi)(),
+    addNotification = _useNotificationApi.addNotification;
+  var _useTranslationContex = (0, _contexts.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var localMembers = (0, _useChannelMembersState.useChannelMembersState)(channel);
+  var _useState = (0, _react.useState)(() => {
+      var memberCount = channel.data?.member_count;
+      var loadedCount = Object.keys(channel.state.members).length;
+      return memberCount == null || loadedCount >= memberCount ? 'local' : 'paginated';
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    mode = _useState2[0];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    results = _useState4[0],
+    setResults = _useState4[1];
+  var _useState5 = (0, _react.useState)(mode === 'paginated'),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useState7 = (0, _react.useState)(mode === 'paginated'),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    hasMore = _useState8[0],
+    setHasMore = _useState8[1];
+  var offsetRef = (0, _react.useRef)(0);
+  var requestIdRef = (0, _react.useRef)(0);
+  var inFlightRef = (0, _react.useRef)(false);
+  var fetchPage = (0, _react.useCallback)(function () {
+    var _ref = (0, _asyncToGenerator2.default)(function* ({
+      append
+    }) {
+      var requestId = ++requestIdRef.current;
+      inFlightRef.current = true;
+      setLoading(true);
+      if (!append) {
+        offsetRef.current = 0;
+        setHasMore(true);
+      }
+      try {
+        var filter = {};
+        var sort = {
+          created_at: 1
+        };
+        var response = yield channel.queryMembers(filter, sort, {
+          limit: PAGE_SIZE,
+          offset: offsetRef.current
+        });
+        if (requestId !== requestIdRef.current) return;
+        var fetched = response.members ?? [];
+        setResults(prev => {
+          if (!append) return fetched;
+          var seen = new Set(prev.map(m => m.user_id ?? m.user?.id));
+          var deduped = fetched.filter(m => !seen.has(m.user_id ?? m.user?.id));
+          return deduped.length ? [...prev, ...deduped] : prev;
+        });
+        offsetRef.current += fetched.length;
+        if (fetched.length < PAGE_SIZE) {
+          setHasMore(false);
+        }
+      } catch (err) {
+        if (requestId !== requestIdRef.current) return;
+        addNotification({
+          message: t('Failed to load members'),
+          options: {
+            ...(0, _useChannelActions.getNotificationErrorOptions)(err),
+            severity: 'error',
+            type: 'api:channel:query-members:failed'
+          },
+          origin: {
+            context: {
+              channel
+            },
+            emitter: 'ChannelAllMembers'
+          }
+        });
+      } finally {
+        if (requestId === requestIdRef.current) {
+          inFlightRef.current = false;
+          setLoading(false);
+        }
+      }
+    });
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [addNotification, channel, t]);
+  var fetchPageRef = (0, _react.useRef)(fetchPage);
+  fetchPageRef.current = fetchPage;
+  (0, _react.useEffect)(() => {
+    if (mode !== 'paginated') return;
+    fetchPageRef.current({
+      append: false
+    });
+    return () => {
+      requestIdRef.current += 1;
+    };
+  }, [mode]);
+  var loadMore = (0, _react.useCallback)(() => {
+    if (mode !== 'paginated') return;
+    if (inFlightRef.current || !hasMore || loading) return;
+    fetchPageRef.current({
+      append: true
+    });
+  }, [mode, hasMore, loading]);
+  var localResults = (0, _react.useMemo)(() => Object.values(localMembers), [localMembers]);
+  if (mode === 'local') {
+    return {
+      hasMore: false,
+      loading: false,
+      loadMore: noop,
+      results: localResults
+    };
+  }
+  return {
+    hasMore,
+    loading,
+    loadMore,
+    results
+  };
+};
+exports.useChannelAllMembers = useChannelAllMembers;
+//# sourceMappingURL=useChannelAllMembers.js.map

package/lib/module/components/ChannelDetails/hooks/members/useChannelAllMembers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_contexts","_useChannelActions","_useChannelMembersState","_useNotificationApi2","PAGE_SIZE","noop","undefined","useChannelAllMembers","channel","_useNotificationApi","useNotificationApi","addNotification","_useTranslationContex","useTranslationContext","t","localMembers","useChannelMembersState","_useState","useState","memberCount","data","member_count","loadedCount","Object","keys","state","members","length","_useState2","_slicedToArray2","default","mode","_useState3","_useState4","results","setResults","_useState5","_useState6","loading","setLoading","_useState7","_useState8","hasMore","setHasMore","offsetRef","useRef","requestIdRef","inFlightRef","fetchPage","useCallback","_ref","_asyncToGenerator2","append","requestId","current","filter","sort","created_at","response","queryMembers","limit","offset","fetched","prev","seen","Set","map","m","user_id","user","id","deduped","has","err","message","options","getNotificationErrorOptions","severity","type","origin","context","emitter","_x","apply","arguments","fetchPageRef","useEffect","loadMore","localResults","useMemo","values","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/hooks/members/useChannelAllMembers.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChannelDetails/hooks/members/useMemberRoleLabel.js

@@ -0,0 +1,33 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMemberRoleLabel = void 0;
+var _channelDetailsContext = require("../../../../contexts/channelDetailsContext/channelDetailsContext");
+var _TranslationContext = require("../../../../contexts/translationContext/TranslationContext");
+var useMemberRoleLabel = member => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel,
+    getMemberRoleLabel = _useChannelDetailsCon.getMemberRoleLabel;
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  if (getMemberRoleLabel) {
+    return getMemberRoleLabel({
+      channel,
+      member,
+      t
+    }) ?? null;
+  }
+  var userId = member.user?.id;
+  if (userId && userId === channel?.data?.created_by?.id) {
+    return t('Owner');
+  }
+  if (member.user?.role === 'admin') {
+    return t('Admin');
+  }
+  if (member.channel_role === 'channel_moderator') {
+    return t('Moderator');
+  }
+  return null;
+};
+exports.useMemberRoleLabel = useMemberRoleLabel;
+//# sourceMappingURL=useMemberRoleLabel.js.map

package/lib/module/components/ChannelDetails/hooks/members/useMemberRoleLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_channelDetailsContext","require","_TranslationContext","useMemberRoleLabel","member","_useChannelDetailsCon","useChannelDetailsContext","channel","getMemberRoleLabel","_useTranslationContex","useTranslationContext","t","userId","user","id","data","created_by","role","channel_role","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/hooks/members/useMemberRoleLabel.ts"],"mappings":";;;;AAEA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AASO,IAAME,kBAAkB,GAAIC,MAA6B,IAAoB;EAClF,IAAAC,qBAAA,GAAwC,IAAAC,+CAAwB,EAAC,CAAC;IAA1DC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;IAAEC,kBAAkB,GAAAH,qBAAA,CAAlBG,kBAAkB;EACnC,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EAET,IAAIH,kBAAkB,EAAE;IACtB,OAAOA,kBAAkB,CAAC;MAAED,OAAO;MAAEH,MAAM;MAAEO;IAAE,CAAC,CAAC,IAAI,IAAI;EAC3D;EAEA,IAAMC,MAAM,GAAGR,MAAM,CAACS,IAAI,EAAEC,EAAE;EAC9B,IAAIF,MAAM,IAAIA,MAAM,KAAKL,OAAO,EAAEQ,IAAI,EAAEC,UAAU,EAAEF,EAAE,EAAE;IACtD,OAAOH,CAAC,CAAC,OAAO,CAAC;EACnB;EACA,IAAIP,MAAM,CAACS,IAAI,EAAEI,IAAI,KAAK,OAAO,EAAE;IACjC,OAAON,CAAC,CAAC,OAAO,CAAC;EACnB;EACA,IAAIP,MAAM,CAACc,YAAY,KAAK,mBAAmB,EAAE;IAC/C,OAAOP,CAAC,CAAC,WAAW,CAAC;EACvB;EACA,OAAO,IAAI;AACb,CAAC;AAACQ,OAAA,CAAAhB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/module/components/ChannelDetails/hooks/useChannelDetailsActionItems.js

@@ -0,0 +1,34 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChannelDetailsActionItems = void 0;
+var _react = require("react");
+var _channelDetailsContext = require("../../../contexts/channelDetailsContext/channelDetailsContext");
+var _useChannelActionItems = require("../../../hooks/actions/useChannelActionItems");
+var useChannelDetailsActionItems = () => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    channel = _useChannelDetailsCon.channel,
+    getChannelActionItems = _useChannelDetailsCon.getChannelActionItems,
+    onChannelDismiss = _useChannelDetailsCon.onChannelDismiss;
+  var items = (0, _useChannelActionItems.useChannelActionItems)({
+    channel,
+    getChannelActionItems
+  });
+  return (0, _react.useMemo)(() => items.map(item => {
+    if (item.id === 'leave' || item.id === 'deleteChannel' || item.id === 'block') {
+      return {
+        ...item,
+        action: options => item.action({
+          ...options,
+          onSuccess: () => {
+            options?.onSuccess?.();
+            onChannelDismiss?.();
+          }
+        })
+      };
+    }
+    return item;
+  }), [items, onChannelDismiss]);
+};
+exports.useChannelDetailsActionItems = useChannelDetailsActionItems;
+//# sourceMappingURL=useChannelDetailsActionItems.js.map

package/lib/module/components/ChannelDetails/hooks/useChannelDetailsActionItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_channelDetailsContext","_useChannelActionItems","useChannelDetailsActionItems","_useChannelDetailsCon","useChannelDetailsContext","channel","getChannelActionItems","onChannelDismiss","items","useChannelActionItems","useMemo","map","item","id","action","options","onSuccess","exports"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/hooks/useChannelDetailsActionItems.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAQO,IAAMG,4BAA4B,GAAGA,CAAA,KAA2B;EACrE,IAAAC,qBAAA,GAA6D,IAAAC,+CAAwB,EAAC,CAAC;IAA/EC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;IAAEC,qBAAqB,GAAAH,qBAAA,CAArBG,qBAAqB;IAAEC,gBAAgB,GAAAJ,qBAAA,CAAhBI,gBAAgB;EAExD,IAAMC,KAAK,GAAG,IAAAC,4CAAqB,EAAC;IAAEJ,OAAO;IAAEC;EAAsB,CAAC,CAAC;EAEvE,OAAO,IAAAI,cAAO,EACZ,MACEF,KAAK,CAACG,GAAG,CAAEC,IAAI,IAAK;IAClB,IAAIA,IAAI,CAACC,EAAE,KAAK,OAAO,IAAID,IAAI,CAACC,EAAE,KAAK,eAAe,IAAID,IAAI,CAACC,EAAE,KAAK,OAAO,EAAE;MAC7E,OAAO;QACL,GAAGD,IAAI;QACPE,MAAM,EAAGC,OAAO,IACdH,IAAI,CAACE,MAAM,CAAC;UACV,GAAGC,OAAO;UACVC,SAAS,EAAEA,CAAA,KAAM;YACfD,OAAO,EAAEC,SAAS,GAAG,CAAC;YACtBT,gBAAgB,GAAG,CAAC;UACtB;QACF,CAAC;MACL,CAAC;IACH;IACA,OAAOK,IAAI;EACb,CAAC,CAAC,EACJ,CAACJ,KAAK,EAAED,gBAAgB,CAC1B,CAAC;AACH,CAAC;AAACU,OAAA,CAAAf,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/lib/module/components/ChannelDetails/hooks/useChannelDetailsMemberStatusText.js

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChannelDetailsMemberStatusText = void 0;
+var _react = require("react");
+var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
+var _useChannelMemberCount = require("../../../hooks/useChannelMemberCount");
+var _useIsDirectChat = require("../../../hooks/useIsDirectChat");
+var _useChannelMembersState = require("../../ChannelList/hooks/useChannelMembersState");
+var _useChannelOnlineMemberCount = require("../../ChannelList/hooks/useChannelOnlineMemberCount");
+var useChannelDetailsMemberStatusText = channel => {
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var members = (0, _useChannelMembersState.useChannelMembersState)(channel);
+  var memberCount = (0, _useChannelMemberCount.useChannelMemberCount)(channel);
+  var onlineCount = (0, _useChannelOnlineMemberCount.useChannelOnlineMemberCount)(channel);
+  var isDirect = (0, _useIsDirectChat.useIsDirectChat)(channel);
+  return (0, _react.useMemo)(() => {
+    if (isDirect) {
+      var ownUserId = channel.getClient().userID;
+      var otherMember = Object.values(members).find(member => member.user?.id !== ownUserId);
+      return otherMember?.user?.online ? t('Online') : '';
+    }
+    return t('{{memberCount}} members, {{onlineCount}} online', {
+      count: memberCount,
+      memberCount,
+      onlineCount
+    });
+  }, [channel, isDirect, memberCount, members, onlineCount, t]);
+};
+exports.useChannelDetailsMemberStatusText = useChannelDetailsMemberStatusText;
+//# sourceMappingURL=useChannelDetailsMemberStatusText.js.map

package/lib/module/components/ChannelDetails/hooks/useChannelDetailsMemberStatusText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_TranslationContext","_useChannelMemberCount","_useIsDirectChat","_useChannelMembersState","_useChannelOnlineMemberCount","useChannelDetailsMemberStatusText","channel","_useTranslationContex","useTranslationContext","t","members","useChannelMembersState","memberCount","useChannelMemberCount","onlineCount","useChannelOnlineMemberCount","isDirect","useIsDirectChat","useMemo","ownUserId","getClient","userID","otherMember","Object","values","find","member","user","id","online","count","exports"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/hooks/useChannelDetailsMemberStatusText.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,4BAAA,GAAAL,OAAA;AAQO,IAAMM,iCAAiC,GAAIC,OAAgB,IAAa;EAC7E,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EACT,IAAMC,OAAO,GAAG,IAAAC,8CAAsB,EAACL,OAAO,CAAC;EAC/C,IAAMM,WAAW,GAAG,IAAAC,4CAAqB,EAACP,OAAO,CAAC;EAClD,IAAMQ,WAAW,GAAG,IAAAC,wDAA2B,EAACT,OAAO,CAAC;EACxD,IAAMU,QAAQ,GAAG,IAAAC,gCAAe,EAACX,OAAO,CAAC;EAEzC,OAAO,IAAAY,cAAO,EAAC,MAAM;IACnB,IAAIF,QAAQ,EAAE;MACZ,IAAMG,SAAS,GAAGb,OAAO,CAACc,SAAS,CAAC,CAAC,CAACC,MAAM;MAC5C,IAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAACd,OAAO,CAAC,CAACe,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACC,IAAI,EAAEC,EAAE,KAAKT,SAAS,CAAC;MAC1F,OAAOG,WAAW,EAAEK,IAAI,EAAEE,MAAM,GAAGpB,CAAC,CAAC,QAAQ,CAAC,GAAG,EAAE;IACrD;IACA,OAAOA,CAAC,CAAC,iDAAiD,EAAE;MAC1DqB,KAAK,EAAElB,WAAW;MAClBA,WAAW;MACXE;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACR,OAAO,EAAEU,QAAQ,EAAEJ,WAAW,EAAEF,OAAO,EAAEI,WAAW,EAAEL,CAAC,CAAC,CAAC;AAC/D,CAAC;AAACsB,OAAA,CAAA1B,iCAAA,GAAAA,iCAAA","ignoreList":[]}

package/lib/module/components/ChannelDetails/hooks/useChannelDetailsMembersPreview.js

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChannelDetailsMembersPreview = exports.DEFAULT_VISIBLE_MEMBER_COUNT = void 0;
+var _react = require("react");
+var _useChannelMemberCount = require("../../../hooks/useChannelMemberCount");
+var _useChannelMembersState = require("../../ChannelList/hooks/useChannelMembersState");
+var DEFAULT_VISIBLE_MEMBER_COUNT = exports.DEFAULT_VISIBLE_MEMBER_COUNT = 5;
+var useChannelDetailsMembersPreview = (channel, max = DEFAULT_VISIBLE_MEMBER_COUNT) => {
+  var members = (0, _useChannelMembersState.useChannelMembersState)(channel);
+  var memberCount = (0, _useChannelMemberCount.useChannelMemberCount)(channel);
+  return (0, _react.useMemo)(() => {
+    var all = Object.values(members);
+    var total = memberCount || all.length;
+    return {
+      hasMore: total > max,
+      total,
+      visible: all.slice(0, max)
+    };
+  }, [members, memberCount, max]);
+};
+exports.useChannelDetailsMembersPreview = useChannelDetailsMembersPreview;
+//# sourceMappingURL=useChannelDetailsMembersPreview.js.map

package/lib/module/components/ChannelDetails/hooks/useChannelDetailsMembersPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useChannelMemberCount","_useChannelMembersState","DEFAULT_VISIBLE_MEMBER_COUNT","exports","useChannelDetailsMembersPreview","channel","max","members","useChannelMembersState","memberCount","useChannelMemberCount","useMemo","all","Object","values","total","length","hasMore","visible","slice"],"sourceRoot":"../../../../../src","sources":["components/ChannelDetails/hooks/useChannelDetailsMembersPreview.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAEO,IAAMG,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,CAAC;AAWtC,IAAME,+BAA+B,GAAGA,CAC7CC,OAAgB,EAChBC,GAAW,GAAGJ,4BAA4B,KACT;EACjC,IAAMK,OAAO,GAAG,IAAAC,8CAAsB,EAACH,OAAO,CAAC;EAC/C,IAAMI,WAAW,GAAG,IAAAC,4CAAqB,EAACL,OAAO,CAAC;EAElD,OAAO,IAAAM,cAAO,EAAC,MAAM;IACnB,IAAMC,GAAG,GAAGC,MAAM,CAACC,MAAM,CAACP,OAAO,CAAC;IAClC,IAAMQ,KAAK,GAAGN,WAAW,IAAIG,GAAG,CAACI,MAAM;IACvC,OAAO;MACLC,OAAO,EAAEF,KAAK,GAAGT,GAAG;MACpBS,KAAK;MACLG,OAAO,EAAEN,GAAG,CAACO,KAAK,CAAC,CAAC,EAAEb,GAAG;IAC3B,CAAC;EACH,CAAC,EAAE,CAACC,OAAO,EAAEE,WAAW,EAAEH,GAAG,CAAC,CAAC;AACjC,CAAC;AAACH,OAAA,CAAAC,+BAAA,GAAAA,+BAAA","ignoreList":[]}

package/lib/module/components/ChannelDetails/hooks/useEditChannelImage.js

@@ -0,0 +1,70 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEditChannelImage = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("react");
+var _reactNative = require("react-native");
+var _channelDetailsContext = require("../../../contexts/channelDetailsContext/channelDetailsContext");
+var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
+var _native = require("../../../native");
+var _compressImage = require("../../../utils/compressImage");
+var useEditChannelImage = () => {
+  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
+    compressImageQuality = _useChannelDetailsCon.compressImageQuality;
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var takePhoto = (0, _react.useCallback)((0, _asyncToGenerator2.default)(function* () {
+    var file = yield _native.NativeHandlers.takePhoto({
+      compressImageQuality: compressImageQuality ?? 1,
+      mediaType: 'image'
+    });
+    if (file.askToOpenSettings) {
+      _reactNative.Alert.alert(t('Allow camera access in device settings'), t('Device camera is used to take photos or videos.'), [{
+        style: 'cancel',
+        text: t('Cancel')
+      }, {
+        onPress: () => _reactNative.Linking.openSettings(),
+        style: 'default',
+        text: t('Open Settings')
+      }]);
+      return undefined;
+    }
+    if (file.cancelled) {
+      return undefined;
+    }
+    return file;
+  }), [compressImageQuality, t]);
+  var pickImageFromNativePicker = (0, _react.useCallback)((0, _asyncToGenerator2.default)(function* () {
+    var result = yield _native.NativeHandlers.pickImage({
+      maxNumberOfFiles: 1
+    });
+    if (result.askToOpenSettings) {
+      _reactNative.Alert.alert(t('Allow access to your Gallery'), t('Device gallery permissions is used to take photos or videos.'), [{
+        style: 'cancel',
+        text: t('Cancel')
+      }, {
+        onPress: () => _reactNative.Linking.openSettings(),
+        style: 'default',
+        text: t('Open Settings')
+      }]);
+      return undefined;
+    }
+    if (result.cancelled || !result.assets?.length) {
+      return undefined;
+    }
+    var asset = result.assets[0];
+    var compressedUri = yield (0, _compressImage.compressedImageURI)(asset, compressImageQuality);
+    return {
+      ...asset,
+      uri: compressedUri
+    };
+  }), [compressImageQuality, t]);
+  return {
+    pickImageFromNativePicker,
+    takePhoto
+  };
+};
+exports.useEditChannelImage = useEditChannelImage;
+//# sourceMappingURL=useEditChannelImage.js.map