stream-chat-react-native-core 6.3.1 → 6.4.0-beta.2

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelMemberUpdated.js

@@ -0,0 +1,75 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChannelMemberUpdated = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = require("react");
+var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
+var _utils = require("../utils");
+var useChannelMemberUpdated = function useChannelMemberUpdated(_ref) {
+  var lockChannelOrder = _ref.lockChannelOrder,
+    onChannelMemberUpdated = _ref.onChannelMemberUpdated,
+    options = _ref.options,
+    setChannels = _ref.setChannels;
+  var _useChatContext = (0, _ChatContext.useChatContext)(),
+    client = _useChatContext.client;
+  (0, _react.useEffect)(function () {
+    var handleEvent = function handleEvent(event) {
+      if (typeof onChannelMemberUpdated === 'function') {
+        onChannelMemberUpdated(lockChannelOrder, setChannels, event, options);
+      } else {
+        var _event$member;
+        if (!options) return;
+        var filters = options.filters,
+          sort = options.sort;
+        if (!((_event$member = event.member) != null && _event$member.user) || event.member.user.id !== client.userID || !event.channel_type) {
+          return;
+        }
+        var channelType = event.channel_type;
+        var channelId = event.channel_id;
+        var considerPinnedChannels = (0, _utils.shouldConsiderPinnedChannels)(sort);
+        var considerArchivedChannels = (0, _utils.shouldConsiderArchivedChannels)(filters);
+        var pinnedAtSort = (0, _utils.findPinnedAtSortOrder)({
+          sort: sort
+        });
+        setChannels(function (currentChannels) {
+          if (!currentChannels) return currentChannels;
+          var targetChannel = client.channel(channelType, channelId);
+          var targetChannelIndex = currentChannels.indexOf(targetChannel);
+          var targetChannelExistsWithinList = targetChannelIndex >= 0;
+          var isTargetChannelPinned = (0, _utils.isChannelPinned)(targetChannel);
+          var isTargetChannelArchived = (0, _utils.isChannelArchived)(targetChannel);
+          if (!considerPinnedChannels || lockChannelOrder) {
+            return currentChannels;
+          }
+          var newChannels = (0, _toConsumableArray2["default"])(currentChannels);
+          if (targetChannelExistsWithinList) {
+            newChannels.splice(targetChannelIndex, 1);
+          }
+          if (considerArchivedChannels && !isTargetChannelArchived && filters != null && filters.archived || considerArchivedChannels && isTargetChannelArchived && !(filters != null && filters.archived)) {
+            return newChannels;
+          }
+          var lastPinnedChannelIndex = null;
+          if (pinnedAtSort === 1 || pinnedAtSort === -1 && !isTargetChannelPinned) {
+            lastPinnedChannelIndex = (0, _utils.findLastPinnedChannelIndex)({
+              channels: newChannels
+            });
+          }
+          var newTargetChannelIndex = typeof lastPinnedChannelIndex === 'number' ? lastPinnedChannelIndex + 1 : 0;
+          if (currentChannels[newTargetChannelIndex] === targetChannel) {
+            return currentChannels;
+          }
+          newChannels.splice(newTargetChannelIndex, 0, targetChannel);
+          return newChannels;
+        });
+      }
+    };
+    var listener = client == null ? void 0 : client.on('member.updated', handleEvent);
+    return function () {
+      return listener == null ? void 0 : listener.unsubscribe();
+    };
+  }, []);
+};
+exports.useChannelMemberUpdated = useChannelMemberUpdated;
+//# sourceMappingURL=useChannelMemberUpdated.js.map

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelMemberUpdated.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_ChatContext","_utils","useChannelMemberUpdated","_ref","lockChannelOrder","onChannelMemberUpdated","options","setChannels","_useChatContext","useChatContext","client","useEffect","handleEvent","event","_event$member","filters","sort","member","user","id","userID","channel_type","channelType","channelId","channel_id","considerPinnedChannels","shouldConsiderPinnedChannels","considerArchivedChannels","shouldConsiderArchivedChannels","pinnedAtSort","findPinnedAtSortOrder","currentChannels","targetChannel","channel","targetChannelIndex","indexOf","targetChannelExistsWithinList","isTargetChannelPinned","isChannelPinned","isTargetChannelArchived","isChannelArchived","newChannels","_toConsumableArray2","splice","archived","lastPinnedChannelIndex","findLastPinnedChannelIndex","channels","newTargetChannelIndex","listener","on","unsubscribe","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelList/hooks/listeners/useChannelMemberUpdated.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessage.js

@@ -7,31 +7,42 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = require("react");
 var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
 var _utils = require("../../utils");
+var _utils2 = require("../utils");
 var useNewMessage = function useNewMessage(_ref) {
   var lockChannelOrder = _ref.lockChannelOrder,
     onNewMessage = _ref.onNewMessage,
+    options = _ref.options,
     setChannels = _ref.setChannels;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
   (0, _react.useEffect)(function () {
     var handleEvent = function handleEvent(event) {
       if (typeof onNewMessage === 'function') {
-        onNewMessage(lockChannelOrder, setChannels, event);
+        onNewMessage(lockChannelOrder, setChannels, event, options);
       } else {
+        if (!options) return;
+        var filters = options.filters,
+          sort = options.sort;
+        var considerPinnedChannels = (0, _utils2.shouldConsiderPinnedChannels)(sort);
+        var considerArchivedChannels = (0, _utils2.shouldConsiderArchivedChannels)(filters);
+        var channelType = event.channel_type;
+        var channelId = event.channel_id;
+        if (!channelType || !channelId) return;
         setChannels(function (channels) {
           if (!channels) return channels;
-          var channelInList = channels.filter(function (channel) {
-            return channel.cid === event.cid;
-          }).length > 0;
-          if (!channelInList && event.channel_type && event.channel_id) {
-            var channel = client.channel(event.channel_type, event.channel_id);
-            return [channel].concat((0, _toConsumableArray2["default"])(channels));
+          var targetChannel = client.channel(channelType, channelId);
+          var targetChannelIndex = channels.indexOf(targetChannel);
+          var isTargetChannelArchived = (0, _utils2.isChannelArchived)(targetChannel);
+          var isTargetChannelPinned = (0, _utils2.isChannelPinned)(targetChannel);
+          if (considerArchivedChannels && isTargetChannelArchived && !(filters != null && filters.archived) || considerArchivedChannels && !isTargetChannelArchived && filters != null && filters.archived || isTargetChannelPinned && considerPinnedChannels || lockChannelOrder) {
+            return (0, _toConsumableArray2["default"])(channels);
           }
-          if (!lockChannelOrder && event.cid) return (0, _utils.moveChannelUp)({
+          return (0, _utils.moveChannelUp)({
             channels: channels,
-            cid: event.cid
+            channelToMove: targetChannel,
+            channelToMoveIndexWithinChannels: targetChannelIndex,
+            sort: sort
           });
-          return (0, _toConsumableArray2["default"])(channels);
         });
       }
     };

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_ChatContext","_utils","useNewMessage","_ref","lockChannelOrder","onNewMessage","setChannels","_useChatContext","useChatContext","client","useEffect","handleEvent","event","channels","channelInList","filter","channel","cid","length","channel_type","channel_id","concat","_toConsumableArray2","moveChannelUp","listener","on","unsubscribe","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelList/hooks/listeners/useNewMessage.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAaO,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAMY;EAAA,IAHpCC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,WAAW,GAAAH,IAAA,CAAXG,WAAW;EAEX,IAAAC,eAAA,GAAmB,IAAAC,2BAAc,EAAqB,CAAC;IAA/CC,MAAM,GAAAF,eAAA,CAANE,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAgC,EAAK;MACxD,IAAI,OAAOP,YAAY,KAAK,UAAU,EAAE;QACtCA,YAAY,CAACD,gBAAgB,EAAEE,WAAW,EAAEM,KAAK,CAAC;MACpD,CAAC,MAAM;QACLN,WAAW,CAAC,UAACO,QAAQ,EAAK;UACxB,IAAI,CAACA,QAAQ,EAAE,OAAOA,QAAQ;UAC9B,IAAMC,aAAa,GAAGD,QAAQ,CAACE,MAAM,CAAC,UAACC,OAAO;YAAA,OAAKA,OAAO,CAACC,GAAG,KAAKL,KAAK,CAACK,GAAG;UAAA,EAAC,CAACC,MAAM,GAAG,CAAC;UAExF,IAAI,CAACJ,aAAa,IAAIF,KAAK,CAACO,YAAY,IAAIP,KAAK,CAACQ,UAAU,EAAE;YAI5D,IAAMJ,OAAO,GAAGP,MAAM,CAACO,OAAO,CAACJ,KAAK,CAACO,YAAY,EAAEP,KAAK,CAACQ,UAAU,CAAC;YACpE,QAAQJ,OAAO,EAAAK,MAAA,KAAAC,mBAAA,aAAKT,QAAQ;UAC9B;UAEA,IAAI,CAACT,gBAAgB,IAAIQ,KAAK,CAACK,GAAG,EAChC,OAAO,IAAAM,oBAAa,EAAqB;YACvCV,QAAQ,EAARA,QAAQ;YACRI,GAAG,EAAEL,KAAK,CAACK;UACb,CAAC,CAAC;UAEJ,WAAAK,mBAAA,aAAWT,QAAQ;QACrB,CAAC,CAAC;MACJ;IACF,CAAC;IAED,IAAMW,QAAQ,GAAGf,MAAM,oBAANA,MAAM,CAAEgB,EAAE,CAAC,aAAa,EAAEd,WAAW,CAAC;IACvD,OAAO;MAAA,OAAMa,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,CAAC,CAAC;IAAA;EAEtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACC,OAAA,CAAAzB,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_ChatContext","_utils","_utils2","useNewMessage","_ref","lockChannelOrder","onNewMessage","options","setChannels","_useChatContext","useChatContext","client","useEffect","handleEvent","event","filters","sort","considerPinnedChannels","shouldConsiderPinnedChannels","considerArchivedChannels","shouldConsiderArchivedChannels","channelType","channel_type","channelId","channel_id","channels","targetChannel","channel","targetChannelIndex","indexOf","isTargetChannelArchived","isChannelArchived","isTargetChannelPinned","isChannelPinned","archived","_toConsumableArray2","moveChannelUp","channelToMove","channelToMoveIndexWithinChannels","listener","on","unsubscribe","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelList/hooks/listeners/useNewMessage.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAoBO,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAOY;EAAA,IAJpCC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;EAEX,IAAAC,eAAA,GAAmB,IAAAC,2BAAc,EAAqB,CAAC;IAA/CC,MAAM,GAAAF,eAAA,CAANE,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAgC,EAAK;MACxD,IAAI,OAAOR,YAAY,KAAK,UAAU,EAAE;QACtCA,YAAY,CAACD,gBAAgB,EAAEG,WAAW,EAAEM,KAAK,EAAEP,OAAO,CAAC;MAC7D,CAAC,MAAM;QACL,IAAI,CAACA,OAAO,EAAE;QACd,IAAQQ,OAAO,GAAWR,OAAO,CAAzBQ,OAAO;UAAEC,IAAI,GAAKT,OAAO,CAAhBS,IAAI;QACrB,IAAMC,sBAAsB,GAAG,IAAAC,oCAA4B,EAACF,IAAI,CAAC;QACjE,IAAMG,wBAAwB,GAAG,IAAAC,sCAA8B,EAACL,OAAO,CAAC;QAExE,IAAMM,WAAW,GAAGP,KAAK,CAACQ,YAAY;QACtC,IAAMC,SAAS,GAAGT,KAAK,CAACU,UAAU;QAElC,IAAI,CAACH,WAAW,IAAI,CAACE,SAAS,EAAE;QAEhCf,WAAW,CAAC,UAACiB,QAAQ,EAAK;UACxB,IAAI,CAACA,QAAQ,EAAE,OAAOA,QAAQ;UAC9B,IAAMC,aAAa,GAAGf,MAAM,CAACgB,OAAO,CAACN,WAAW,EAAEE,SAAS,CAAC;UAC5D,IAAMK,kBAAkB,GAAGH,QAAQ,CAACI,OAAO,CAACH,aAAa,CAAC;UAE1D,IAAMI,uBAAuB,GAAG,IAAAC,yBAAiB,EAACL,aAAa,CAAC;UAChE,IAAMM,qBAAqB,GAAG,IAAAC,uBAAe,EAACP,aAAa,CAAC;UAE5D,IAEGP,wBAAwB,IAAIW,uBAAuB,IAAI,EAACf,OAAO,YAAPA,OAAO,CAAEmB,QAAQ,KAEzEf,wBAAwB,IAAI,CAACW,uBAAuB,IAAIf,OAAO,YAAPA,OAAO,CAAEmB,QAAS,IAE1EF,qBAAqB,IAAIf,sBAAuB,IACjDZ,gBAAgB,EAChB;YACA,WAAA8B,mBAAA,aAAWV,QAAQ;UACrB;UAEA,OAAO,IAAAW,oBAAa,EAAqB;YACvCX,QAAQ,EAARA,QAAQ;YACRY,aAAa,EAAEX,aAAa;YAC5BY,gCAAgC,EAAEV,kBAAkB;YACpDZ,IAAI,EAAJA;UACF,CAAC,CAAC;QACJ,CAAC,CAAC;MACJ;IACF,CAAC;IAED,IAAMuB,QAAQ,GAAG5B,MAAM,oBAANA,MAAM,CAAE6B,EAAE,CAAC,aAAa,EAAE3B,WAAW,CAAC;IACvD,OAAO;MAAA,OAAM0B,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,CAAC,CAAC;IAAA;EAEtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACC,OAAA,CAAAvC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessageNotification.js

@@ -10,15 +10,17 @@ var _react = require("react");
 var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
 var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
 var _utils = require("../../utils");
+var _utils2 = require("../utils");
 var useNewMessageNotification = function useNewMessageNotification(_ref) {
   var onNewMessageNotification = _ref.onNewMessageNotification,
+    options = _ref.options,
     setChannels = _ref.setChannels;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
   (0, _react.useEffect)(function () {
     var handleEvent = function () {
       var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(event) {
-        var _event$channel, _event$channel2, channel;
+        var _event$channel, _event$channel2, filters, channel, considerArchivedChannels;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -26,26 +28,40 @@ var useNewMessageNotification = function useNewMessageNotification(_ref) {
                 _context.next = 4;
                 break;
               }
-              onNewMessageNotification(setChannels, event);
-              _context.next = 9;
+              onNewMessageNotification(setChannels, event, options);
+              _context.next = 15;
               break;
             case 4:
+              if (options) {
+                _context.next = 6;
+                break;
+              }
+              return _context.abrupt("return");
+            case 6:
+              filters = options.filters;
               if (!((_event$channel = event.channel) != null && _event$channel.id && (_event$channel2 = event.channel) != null && _event$channel2.type)) {
-                _context.next = 9;
+                _context.next = 15;
                 break;
               }
-              _context.next = 7;
+              _context.next = 10;
               return (0, _utils.getChannel)({
                 client: client,
                 id: event.channel.id,
                 type: event.channel.type
               });
-            case 7:
+            case 10:
               channel = _context.sent;
+              considerArchivedChannels = filters && filters.archived === false;
+              if (!((0, _utils2.isChannelArchived)(channel) && considerArchivedChannels)) {
+                _context.next = 14;
+                break;
+              }
+              return _context.abrupt("return");
+            case 14:
               setChannels(function (channels) {
                 return channels ? (0, _uniqBy["default"])([channel].concat((0, _toConsumableArray2["default"])(channels)), 'cid') : channels;
               });
-            case 9:
+            case 15:
             case "end":
               return _context.stop();
           }

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessageNotification.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_uniqBy","_interopRequireDefault","_ChatContext","_utils","useNewMessageNotification","_ref","onNewMessageNotification","setChannels","_useChatContext","useChatContext","client","useEffect","handleEvent","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","event","_event$channel","_event$channel2","channel","wrap","_callee$","_context","prev","next","id","type","getChannel","sent","channels","uniqBy","concat","_toConsumableArray2","stop","_x","apply","arguments","listener","on","unsubscribe","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelList/hooks/listeners/useNewMessageNotification.ts"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAIA,IAAAG,YAAA,GAAAH,OAAA;AAGA,IAAAI,MAAA,GAAAJ,OAAA;AAYO,IAAMK,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EAKA;EAAA,IAFpCC,wBAAwB,GAAAD,IAAA,CAAxBC,wBAAwB;IACxBC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EAEX,IAAAC,eAAA,GAAmB,IAAAC,2BAAc,EAAqB,CAAC;IAA/CC,MAAM,GAAAF,eAAA,CAANE,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW;MAAA,IAAAC,KAAA,OAAAC,kBAAA,aAAAC,YAAA,YAAAC,IAAA,CAAG,SAAAC,QAAOC,KAAgC;QAAA,IAAAC,cAAA,EAAAC,eAAA,EAAAC,OAAA;QAAA,OAAAN,YAAA,YAAAO,IAAA,UAAAC,SAAAC,QAAA;UAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;YAAA;cAAA,MACrD,OAAOpB,wBAAwB,KAAK,UAAU;gBAAAkB,QAAA,CAAAE,IAAA;gBAAA;cAAA;cAChDpB,wBAAwB,CAACC,WAAW,EAAEW,KAAK,CAAC;cAACM,QAAA,CAAAE,IAAA;cAAA;YAAA;cAAA,MAEzC,CAAAP,cAAA,GAAAD,KAAK,CAACG,OAAO,aAAbF,cAAA,CAAeQ,EAAE,KAAAP,eAAA,GAAIF,KAAK,CAACG,OAAO,aAAbD,eAAA,CAAeQ,IAAI;gBAAAJ,QAAA,CAAAE,IAAA;gBAAA;cAAA;cAAAF,QAAA,CAAAE,IAAA;cAAA,OACpB,IAAAG,iBAAU,EAAC;gBAC/BnB,MAAM,EAANA,MAAM;gBACNiB,EAAE,EAAET,KAAK,CAACG,OAAO,CAACM,EAAE;gBACpBC,IAAI,EAAEV,KAAK,CAACG,OAAO,CAACO;cACtB,CAAC,CAAC;YAAA;cAJIP,OAAO,GAAAG,QAAA,CAAAM,IAAA;cAKbvB,WAAW,CAAC,UAACwB,QAAQ;gBAAA,OAAMA,QAAQ,GAAG,IAAAC,kBAAM,GAAEX,OAAO,EAAAY,MAAA,KAAAC,mBAAA,aAAKH,QAAQ,IAAG,KAAK,CAAC,GAAGA,QAAQ;cAAA,CAAC,CAAC;YAAC;YAAA;cAAA,OAAAP,QAAA,CAAAW,IAAA;UAAA;QAAA,GAAAlB,OAAA;MAAA,CAG9F;MAAA,gBAbKL,WAAWA,CAAAwB,EAAA;QAAA,OAAAvB,KAAA,CAAAwB,KAAA,OAAAC,SAAA;MAAA;IAAA,GAahB;IAED,IAAMC,QAAQ,GAAG7B,MAAM,oBAANA,MAAM,CAAE8B,EAAE,CAAC,0BAA0B,EAAE5B,WAAW,CAAC;IACpE,OAAO;MAAA,OAAM2B,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,CAAC,CAAC;IAAA;EAEtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACC,OAAA,CAAAtC,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_uniqBy","_interopRequireDefault","_ChatContext","_utils","_utils2","useNewMessageNotification","_ref","onNewMessageNotification","options","setChannels","_useChatContext","useChatContext","client","useEffect","handleEvent","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","event","_event$channel","_event$channel2","filters","channel","considerArchivedChannels","wrap","_callee$","_context","prev","next","abrupt","id","type","getChannel","sent","archived","isChannelArchived","channels","uniqBy","concat","_toConsumableArray2","stop","_x","apply","arguments","listener","on","unsubscribe","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelList/hooks/listeners/useNewMessageNotification.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ChannelList/hooks/useChannelMembershipState.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChannelMembershipState = useChannelMembershipState;
+var _useSelectedChannelState = require("./useSelectedChannelState");
+var selector = function selector(channel) {
+  return channel.state.membership;
+};
+var keys = ['member.updated'];
+function useChannelMembershipState(channel) {
+  return (0, _useSelectedChannelState.useSelectedChannelState)({
+    channel: channel,
+    selector: selector,
+    stateChangeEventKeys: keys
+  });
+}
+//# sourceMappingURL=useChannelMembershipState.js.map

package/lib/commonjs/components/ChannelList/hooks/useChannelMembershipState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useSelectedChannelState","require","selector","channel","state","membership","keys","useChannelMembershipState","useSelectedChannelState","stateChangeEventKeys"],"sourceRoot":"../../../../../src","sources":["components/ChannelList/hooks/useChannelMembershipState.ts"],"mappings":";;;;AAEA,IAAAA,wBAAA,GAAAC,OAAA;AAIA,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CACZC,OAAoC;EAAA,OACjCA,OAAO,CAACC,KAAK,CAACC,UAAU;AAAA;AAC7B,IAAMC,IAAkB,GAAG,CAAC,gBAAgB,CAAC;AAQtC,SAASC,yBAAyBA,CACvCJ,OAAqC,EACrC;EACA,OAAO,IAAAK,gDAAuB,EAAC;IAAEL,OAAO,EAAPA,OAAO;IAAED,QAAQ,EAARA,QAAQ;IAAEO,oBAAoB,EAAEH;EAAK,CAAC,CAAC;AACnF","ignoreList":[]}

package/lib/commonjs/components/ChannelList/hooks/useSelectedChannelState.js

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectedChannelState = useSelectedChannelState;
+var _react = require("react");
+var _shim = require("use-sync-external-store/shim");
+var noop = function noop() {};
+function useSelectedChannelState(_ref) {
+  var channel = _ref.channel,
+    selector = _ref.selector,
+    _ref$stateChangeEvent = _ref.stateChangeEventKeys,
+    stateChangeEventKeys = _ref$stateChangeEvent === void 0 ? ['all'] : _ref$stateChangeEvent;
+  var subscribe = (0, _react.useCallback)(function (onStoreChange) {
+    if (!channel) return noop;
+    var subscriptions = stateChangeEventKeys.map(function (et) {
+      return channel.on(et, function () {
+        onStoreChange(selector(channel));
+      });
+    });
+    return function () {
+      return subscriptions.forEach(function (subscription) {
+        return subscription.unsubscribe();
+      });
+    };
+  }, [channel, selector, stateChangeEventKeys]);
+  var getSnapshot = (0, _react.useCallback)(function () {
+    if (!channel) return undefined;
+    return selector(channel);
+  }, [channel, selector]);
+  return (0, _shim.useSyncExternalStore)(subscribe, getSnapshot);
+}
+//# sourceMappingURL=useSelectedChannelState.js.map

package/lib/commonjs/components/ChannelList/hooks/useSelectedChannelState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_shim","noop","useSelectedChannelState","_ref","channel","selector","_ref$stateChangeEvent","stateChangeEventKeys","subscribe","useCallback","onStoreChange","subscriptions","map","et","on","forEach","subscription","unsubscribe","getSnapshot","undefined","useSyncExternalStore"],"sourceRoot":"../../../../../src","sources":["components/ChannelList/hooks/useSelectedChannelState.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAA,EAAS,CAAC,CAAC;AAkBd,SAASC,uBAAuBA,CAAAC,IAAA,EAQrB;EAAA,IAPhBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,qBAAA,GAAAH,IAAA,CACRI,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,CAAC,KAAK,CAAC,GAAAA,qBAAA;EAM9B,IAAME,SAAS,GAAG,IAAAC,kBAAW,EAC3B,UAACC,aAAiC,EAAK;IACrC,IAAI,CAACN,OAAO,EAAE,OAAOH,IAAI;IAEzB,IAAMU,aAAa,GAAGJ,oBAAoB,CAACK,GAAG,CAAC,UAACC,EAAE;MAAA,OAChDT,OAAO,CAACU,EAAE,CAACD,EAAE,EAAE,YAAM;QACnBH,aAAa,CAACL,QAAQ,CAACD,OAAO,CAAC,CAAC;MAClC,CAAC,CAAC;IAAA,CACJ,CAAC;IAED,OAAO;MAAA,OAAMO,aAAa,CAACI,OAAO,CAAC,UAACC,YAAY;QAAA,OAAKA,YAAY,CAACC,WAAW,CAAC,CAAC;MAAA,EAAC;IAAA;EAClF,CAAC,EACD,CAACb,OAAO,EAAEC,QAAQ,EAAEE,oBAAoB,CAC1C,CAAC;EAED,IAAMW,WAAW,GAAG,IAAAT,kBAAW,EAAC,YAAM;IACpC,IAAI,CAACL,OAAO,EAAE,OAAOe,SAAS;IAE9B,OAAOd,QAAQ,CAACD,OAAO,CAAC;EAC1B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEvB,OAAO,IAAAe,0BAAoB,EAACZ,SAAS,EAAEU,WAAW,CAAC;AACrD","ignoreList":[]}

package/lib/commonjs/components/ChannelList/hooks/utils/index.js

@@ -0,0 +1,102 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractSortValue = void 0;
+exports.findLastPinnedChannelIndex = findLastPinnedChannelIndex;
+exports.findPinnedAtSortOrder = findPinnedAtSortOrder;
+exports.shouldConsiderPinnedChannels = exports.shouldConsiderArchivedChannels = exports.isChannelPinned = exports.isChannelArchived = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var isChannelPinned = function isChannelPinned(channel) {
+  if (!channel) return false;
+  var member = channel.state.membership;
+  return !!(member != null && member.pinned_at);
+};
+exports.isChannelPinned = isChannelPinned;
+var isChannelArchived = function isChannelArchived(channel) {
+  if (!channel) return false;
+  var member = channel.state.membership;
+  return !!(member != null && member.archived_at);
+};
+exports.isChannelArchived = isChannelArchived;
+var shouldConsiderArchivedChannels = function shouldConsiderArchivedChannels(filters) {
+  if (!filters) return false;
+  return typeof filters.archived === 'boolean';
+};
+exports.shouldConsiderArchivedChannels = shouldConsiderArchivedChannels;
+var extractSortValue = function extractSortValue(_ref) {
+  var _option$targetKey, _option;
+  var atIndex = _ref.atIndex,
+    sort = _ref.sort,
+    targetKey = _ref.targetKey;
+  if (!sort) return null;
+  var option = null;
+  if (Array.isArray(sort)) {
+    var _sort$atIndex;
+    option = (_sort$atIndex = sort[atIndex]) != null ? _sort$atIndex : null;
+  } else {
+    var index = 0;
+    for (var key in sort) {
+      if (index !== atIndex) {
+        index++;
+        continue;
+      }
+      if (key !== targetKey) {
+        return null;
+      }
+      option = sort;
+      break;
+    }
+  }
+  return (_option$targetKey = (_option = option) == null ? void 0 : _option[targetKey]) != null ? _option$targetKey : null;
+};
+exports.extractSortValue = extractSortValue;
+var shouldConsiderPinnedChannels = function shouldConsiderPinnedChannels(sort) {
+  var value = extractSortValue({
+    atIndex: 0,
+    sort: sort,
+    targetKey: 'pinned_at'
+  });
+  if (typeof value !== 'number') return false;
+  return Math.abs(value) === 1;
+};
+exports.shouldConsiderPinnedChannels = shouldConsiderPinnedChannels;
+function findPinnedAtSortOrder(_ref2) {
+  var sort = _ref2.sort;
+  if (!sort) return null;
+  if (Array.isArray(sort)) {
+    var _sort = (0, _slicedToArray2["default"])(sort, 1),
+      option = _sort[0];
+    if (!(option != null && option.pinned_at)) return null;
+    return option.pinned_at;
+  } else {
+    if (!sort.pinned_at) return null;
+    return sort.pinned_at;
+  }
+}
+function findLastPinnedChannelIndex(_ref3) {
+  var channels = _ref3.channels;
+  var lastPinnedChannelIndex = null;
+  var _iterator = _createForOfIteratorHelper(channels),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var channel = _step.value;
+      if (!isChannelPinned(channel)) break;
+      if (typeof lastPinnedChannelIndex === 'number') {
+        lastPinnedChannelIndex++;
+      } else {
+        lastPinnedChannelIndex = 0;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return lastPinnedChannelIndex;
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/ChannelList/hooks/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isChannelPinned","channel","member","state","membership","pinned_at","exports","isChannelArchived","archived_at","shouldConsiderArchivedChannels","filters","archived","extractSortValue","_ref","_option$targetKey","_option","atIndex","sort","targetKey","option","Array","isArray","_sort$atIndex","index","key","shouldConsiderPinnedChannels","value","Math","abs","findPinnedAtSortOrder","_ref2","_sort","_slicedToArray2","findLastPinnedChannelIndex","_ref3","channels","lastPinnedChannelIndex","_iterator","_createForOfIteratorHelper","_step","s","n","done","err","e","f"],"sourceRoot":"../../../../../../src","sources":["components/ChannelList/hooks/utils/index.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ChannelList/utils.js

@@ -6,19 +6,31 @@ exports.moveChannelUp = exports.getChannel = exports.MAX_QUERY_CHANNELS_LIMIT =
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
+var _utils = require("./hooks/utils");
 var moveChannelUp = function moveChannelUp(_ref) {
-  var _ref$channels = _ref.channels,
-    channels = _ref$channels === void 0 ? [] : _ref$channels,
-    cid = _ref.cid;
-  var index = channels.findIndex(function (c) {
-    return c.cid === cid;
+  var channels = _ref.channels,
+    channelToMove = _ref.channelToMove,
+    channelToMoveIndexWithinChannels = _ref.channelToMoveIndexWithinChannels,
+    sort = _ref.sort;
+  var targetChannelIndex = channelToMoveIndexWithinChannels != null ? channelToMoveIndexWithinChannels : channels.findIndex(function (channel) {
+    return channel.cid === channelToMove.cid;
   });
-  if (index <= 0) return channels;
-  var channel = channels[index];
-  channels.splice(index, 1);
-  channels.unshift(channel);
-  return (0, _uniqBy["default"])([channel].concat((0, _toConsumableArray2["default"])(channels)), 'cid');
+  var targetChannelExistsWithinList = targetChannelIndex >= 0;
+  var targetChannelAlreadyAtTheTop = targetChannelIndex === 0;
+  var considerPinnedChannels = (0, _utils.shouldConsiderPinnedChannels)(sort);
+  if (targetChannelAlreadyAtTheTop) return channels;
+  var newChannels = (0, _toConsumableArray2["default"])(channels);
+  if (targetChannelExistsWithinList) {
+    newChannels.splice(targetChannelIndex, 1);
+  }
+  var lastPinnedChannelIndex = null;
+  if (considerPinnedChannels) {
+    lastPinnedChannelIndex = (0, _utils.findLastPinnedChannelIndex)({
+      channels: newChannels
+    });
+  }
+  newChannels.splice(typeof lastPinnedChannelIndex === 'number' ? lastPinnedChannelIndex + 1 : 0, 0, channelToMove);
+  return newChannels;
 };
 exports.moveChannelUp = moveChannelUp;
 var getChannel = function () {

package/lib/commonjs/components/ChannelList/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_uniqBy","_interopRequireDefault","require","moveChannelUp","_ref","_ref$channels","channels","cid","index","findIndex","c","channel","splice","unshift","uniqBy","concat","_toConsumableArray2","exports","getChannel","_ref3","_asyncToGenerator2","_regenerator","mark","_callee","_ref2","client","id","type","wrap","_callee$","_context","prev","next","watch","abrupt","stop","_x","apply","arguments","DEFAULT_QUERY_CHANNELS_LIMIT","MAX_QUERY_CHANNELS_LIMIT"],"sourceRoot":"../../../../src","sources":["components/ChannelList/utils.ts"],"mappings":";;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAYO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAKgB;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAFxCE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IACbE,GAAG,GAAAH,IAAA,CAAHG,GAAG;EAGH,IAAMC,KAAK,GAAGF,QAAQ,CAACG,SAAS,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,CAACH,GAAG,KAAKA,GAAG;EAAA,EAAC;EACtD,IAAIC,KAAK,IAAI,CAAC,EAAE,OAAOF,QAAQ;EAC/B,IAAMK,OAAO,GAAGL,QAAQ,CAACE,KAAK,CAAC;EAG/BF,QAAQ,CAACM,MAAM,CAACJ,KAAK,EAAE,CAAC,CAAC;EACzBF,QAAQ,CAACO,OAAO,CAACF,OAAO,CAAC;EAEzB,OAAO,IAAAG,kBAAM,GAAEH,OAAO,EAAAI,MAAA,KAAAC,mBAAA,aAAKV,QAAQ,IAAG,KAAK,CAAC;AAC9C,CAAC;AAACW,OAAA,CAAAd,aAAA,GAAAA,aAAA;AAUK,IAAMe,UAAU;EAAA,IAAAC,KAAA,OAAAC,kBAAA,aAAAC,YAAA,YAAAC,IAAA,CAAG,SAAAC,QAAAC,KAAA;IAAA,IAAAC,MAAA,EAAAC,EAAA,EAAAC,IAAA,EAAAhB,OAAA;IAAA,OAAAU,YAAA,YAAAO,IAAA,UAAAC,SAAAC,QAAA;MAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;QAAA;UAGxBP,MAAM,GAAAD,KAAA,CAANC,MAAM,EACNC,EAAE,GAAAF,KAAA,CAAFE,EAAE,EACFC,IAAI,GAAAH,KAAA,CAAJG,IAAI;UAEEhB,OAAO,GAAGc,MAAM,CAACd,OAAO,CAACgB,IAAI,EAAED,EAAE,CAAC;UAAAI,QAAA,CAAAE,IAAA;UAAA,OAClCrB,OAAO,CAACsB,KAAK,CAAC,CAAC;QAAA;UAAA,OAAAH,QAAA,CAAAI,MAAA,WACdvB,OAAO;QAAA;QAAA;UAAA,OAAAmB,QAAA,CAAAK,IAAA;MAAA;IAAA,GAAAZ,OAAA;EAAA,CACf;EAAA,gBAVYL,UAAUA,CAAAkB,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,KAAA,OAAAC,SAAA;EAAA;AAAA,GAUtB;AAACrB,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAEK,IAAMqB,4BAA4B,GAAG,EAAE;AAACtB,OAAA,CAAAsB,4BAAA,GAAAA,4BAAA;AACxC,IAAMC,wBAAwB,GAAG,EAAE;AAACvB,OAAA,CAAAuB,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"names":["_utils","require","moveChannelUp","_ref","channels","channelToMove","channelToMoveIndexWithinChannels","sort","targetChannelIndex","findIndex","channel","cid","targetChannelExistsWithinList","targetChannelAlreadyAtTheTop","considerPinnedChannels","shouldConsiderPinnedChannels","newChannels","_toConsumableArray2","splice","lastPinnedChannelIndex","findLastPinnedChannelIndex","exports","getChannel","_ref3","_asyncToGenerator2","_regenerator","mark","_callee","_ref2","client","id","type","wrap","_callee$","_context","prev","next","watch","abrupt","stop","_x","apply","arguments","DEFAULT_QUERY_CHANNELS_LIMIT","MAX_QUERY_CHANNELS_LIMIT"],"sourceRoot":"../../../../src","sources":["components/ChannelList/utils.ts"],"mappings":";;;;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAiBO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAOgB;EAAA,IAJxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,gCAAgC,GAAAH,IAAA,CAAhCG,gCAAgC;IAChCC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAGJ,IAAMC,kBAAkB,GACtBF,gCAAgC,WAAhCA,gCAAgC,GAChCF,QAAQ,CAACK,SAAS,CAAC,UAACC,OAAO;IAAA,OAAKA,OAAO,CAACC,GAAG,KAAKN,aAAa,CAACM,GAAG;EAAA,EAAC;EAEpE,IAAMC,6BAA6B,GAAGJ,kBAAkB,IAAI,CAAC;EAC7D,IAAMK,4BAA4B,GAAGL,kBAAkB,KAAK,CAAC;EAK7D,IAAMM,sBAAsB,GAAG,IAAAC,mCAA4B,EAACR,IAAI,CAAC;EAEjE,IAAIM,4BAA4B,EAAE,OAAOT,QAAQ;EAEjD,IAAMY,WAAW,OAAAC,mBAAA,aAAOb,QAAQ,CAAC;EAGjC,IAAIQ,6BAA6B,EAAE;IACjCI,WAAW,CAACE,MAAM,CAACV,kBAAkB,EAAE,CAAC,CAAC;EAC3C;EAIA,IAAIW,sBAAqC,GAAG,IAAI;EAChD,IAAIL,sBAAsB,EAAE;IAC1BK,sBAAsB,GAAG,IAAAC,iCAA0B,EAAC;MAAEhB,QAAQ,EAAEY;IAAY,CAAC,CAAC;EAChF;EAGAA,WAAW,CAACE,MAAM,CAChB,OAAOC,sBAAsB,KAAK,QAAQ,GAAGA,sBAAsB,GAAG,CAAC,GAAG,CAAC,EAC3E,CAAC,EACDd,aACF,CAAC;EAED,OAAOW,WAAW;AACpB,CAAC;AAACK,OAAA,CAAAnB,aAAA,GAAAA,aAAA;AAUK,IAAMoB,UAAU;EAAA,IAAAC,KAAA,OAAAC,kBAAA,aAAAC,YAAA,YAAAC,IAAA,CAAG,SAAAC,QAAAC,KAAA;IAAA,IAAAC,MAAA,EAAAC,EAAA,EAAAC,IAAA,EAAArB,OAAA;IAAA,OAAAe,YAAA,YAAAO,IAAA,UAAAC,SAAAC,QAAA;MAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;QAAA;UAGxBP,MAAM,GAAAD,KAAA,CAANC,MAAM,EACNC,EAAE,GAAAF,KAAA,CAAFE,EAAE,EACFC,IAAI,GAAAH,KAAA,CAAJG,IAAI;UAEErB,OAAO,GAAGmB,MAAM,CAACnB,OAAO,CAACqB,IAAI,EAAED,EAAE,CAAC;UAAAI,QAAA,CAAAE,IAAA;UAAA,OAClC1B,OAAO,CAAC2B,KAAK,CAAC,CAAC;QAAA;UAAA,OAAAH,QAAA,CAAAI,MAAA,WACd5B,OAAO;QAAA;QAAA;UAAA,OAAAwB,QAAA,CAAAK,IAAA;MAAA;IAAA,GAAAZ,OAAA;EAAA,CACf;EAAA,gBAVYL,UAAUA,CAAAkB,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,KAAA,OAAAC,SAAA;EAAA;AAAA,GAUtB;AAACrB,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAEK,IAAMqB,4BAA4B,GAAG,EAAE;AAACtB,OAAA,CAAAsB,4BAAA,GAAAA,4BAAA;AACxC,IAAMC,wBAAwB,GAAG,EAAE;AAACvB,OAAA,CAAAuB,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/lib/commonjs/components/ChannelPreview/ChannelPreviewMessenger.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChannelPreviewMessenger = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _ChannelAvatar = require("./ChannelAvatar");
 var _ChannelPreviewMessage = require("./ChannelPreviewMessage");
 var _ChannelPreviewMutedStatus = require("./ChannelPreviewMutedStatus");
@@ -80,7 +79,7 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
     border = _useTheme$theme$color.border,
     white_snow = _useTheme$theme$color.white_snow;
   var displayName = (0, _useChannelPreviewDisplayName.useChannelPreviewDisplayName)(channel, Math.floor(maxWidth / ((title.fontSize || styles.title.fontSize) / 2)));
-  return (0, _jsxRuntime.jsxs)(_reactNativeGestureHandler.TouchableOpacity, {
+  return (0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
     onPress: function onPress() {
       if (onSelect) {
         onSelect(channel);

package/lib/commonjs/components/ChannelPreview/ChannelPreviewMessenger.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_ChannelAvatar","_ChannelPreviewMessage","_ChannelPreviewMutedStatus","_ChannelPreviewStatus","_ChannelPreviewTitle","_ChannelPreviewUnreadCount","_useChannelPreviewDisplayName","_ChannelsContext","_ThemeContext","_useViewport2","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","container","borderBottomWidth","flex","flexDirection","paddingHorizontal","paddingVertical","contentContainer","row","alignItems","justifyContent","paddingLeft","statusContainer","display","title","fontSize","fontWeight","ChannelPreviewMessengerWithContext","props","channel","formatLatestMessageDate","latestMessagePreview","maxUnreadCount","muted","onSelect","_props$PreviewAvatar","PreviewAvatar","ChannelAvatar","_props$PreviewMessage","PreviewMessage","ChannelPreviewMessage","_props$PreviewMutedSt","PreviewMutedStatus","ChannelPreviewMutedStatus","_props$PreviewStatus","PreviewStatus","ChannelPreviewStatus","_props$PreviewTitle","PreviewTitle","ChannelPreviewTitle","_props$PreviewUnreadC","PreviewUnreadCount","ChannelPreviewUnreadCount","unread","_useViewport","useViewport","vw","maxWidth","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","_useTheme$theme$color","colors","border","white_snow","displayName","useChannelPreviewDisplayName","Math","floor","jsxs","TouchableOpacity","onPress","style","backgroundColor","borderBottomColor","testID","children","jsx","View","concat","id","MemoizedChannelPreviewMessengerWithContext","React","memo","ChannelPreviewMessenger","_useChannelsContext","useChannelsContext","forceUpdate","Object","assign","exports"],"sourceRoot":"../../../../src","sources":["components/ChannelPreview/ChannelPreviewMessenger.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChannelAvatar","_ChannelPreviewMessage","_ChannelPreviewMutedStatus","_ChannelPreviewStatus","_ChannelPreviewTitle","_ChannelPreviewUnreadCount","_useChannelPreviewDisplayName","_ChannelsContext","_ThemeContext","_useViewport2","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","container","borderBottomWidth","flex","flexDirection","paddingHorizontal","paddingVertical","contentContainer","row","alignItems","justifyContent","paddingLeft","statusContainer","display","title","fontSize","fontWeight","ChannelPreviewMessengerWithContext","props","channel","formatLatestMessageDate","latestMessagePreview","maxUnreadCount","muted","onSelect","_props$PreviewAvatar","PreviewAvatar","ChannelAvatar","_props$PreviewMessage","PreviewMessage","ChannelPreviewMessage","_props$PreviewMutedSt","PreviewMutedStatus","ChannelPreviewMutedStatus","_props$PreviewStatus","PreviewStatus","ChannelPreviewStatus","_props$PreviewTitle","PreviewTitle","ChannelPreviewTitle","_props$PreviewUnreadC","PreviewUnreadCount","ChannelPreviewUnreadCount","unread","_useViewport","useViewport","vw","maxWidth","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","_useTheme$theme$color","colors","border","white_snow","displayName","useChannelPreviewDisplayName","Math","floor","jsxs","TouchableOpacity","onPress","style","backgroundColor","borderBottomColor","testID","children","jsx","View","concat","id","MemoizedChannelPreviewMessengerWithContext","React","memo","ChannelPreviewMessenger","_useChannelsContext","useChannelsContext","forceUpdate","Object","assign","exports"],"sourceRoot":"../../../../src","sources":["components/ChannelPreview/ChannelPreviewMessenger.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ImageGallery/components/ImageGalleryVideoControl.js

@@ -16,7 +16,15 @@ var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/ImageGalleryVideoControl.tsx";
 var styles = _reactNative.StyleSheet.create({
   durationTextStyle: {
-    fontWeight: 'bold'
+    fontWeight: 'bold',
+    marginLeft: 16
+  },
+  progressContainer: {
+    flex: 1
+  },
+  progressDurationText: {
+    fontWeight: 'bold',
+    marginRight: 16
   },
   roundedView: {
     alignItems: 'center',
@@ -25,15 +33,15 @@ var styles = _reactNative.StyleSheet.create({
     elevation: 2,
     height: 36,
     justifyContent: 'center',
+    marginRight: 16,
     width: 36
   },
   videoContainer: {
     alignItems: 'center',
     backgroundColor: 'rgba(52, 52, 52, 0.1)',
-    display: 'flex',
     flexDirection: 'row',
-    justifyContent: 'space-between',
-    padding: 10
+    justifyContent: 'space-evenly',
+    padding: 12
   }
 });
 var ImageGalleryVideoControl = _react["default"].memo(function (props) {
@@ -54,6 +62,7 @@ var ImageGalleryVideoControl = _react["default"].memo(function (props) {
     static_white = _useTheme$theme$color.static_white,
     _useTheme$theme$image = _useTheme$theme.imageGallery.videoControl,
     durationTextStyle = _useTheme$theme$image.durationTextStyle,
+    progressDurationText = _useTheme$theme$image.progressDurationText,
     roundedView = _useTheme$theme$image.roundedView,
     videoContainer = _useTheme$theme$image.videoContainer;
   var handlePlayPause = function () {
@@ -107,17 +116,19 @@ var ImageGalleryVideoControl = _react["default"].memo(function (props) {
       })
     }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
       accessibilityLabel: "Progress Duration",
-      style: [styles.durationTextStyle, {
+      style: [styles.progressDurationText, {
         color: black
-      }, durationTextStyle],
+      }, progressDurationText],
       children: progressDuration
-    }), (0, _jsxRuntime.jsx)(_ProgressControl.ProgressControl, {
-      duration: duration,
-      filledColor: accent_blue,
-      onPlayPause: onPlayPause,
-      progress: progress,
-      testID: 'progress-control',
-      width: 180
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.progressContainer,
+      children: (0, _jsxRuntime.jsx)(_ProgressControl.ProgressControl, {
+        duration: duration,
+        filledColor: accent_blue,
+        progress: progress,
+        testID: 'progress-control',
+        width: 180
+      })
     }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
       accessibilityLabel: "Video Duration",
       style: [styles.durationTextStyle, {