sceyt-chat-react-uikit 1.7.7-beta.6 → 1.7.7-beta.7

package/index.js

@@ -16065,7 +16065,7 @@ function createChannel(action) {
   }, _marked$2, null, [[0, 17]]);
 }
 function getChannels(action) {
-  var _params$filter, _types, _activeChannel, _mappedChannels, _mappedChannels3, _mappedChannels4, payload, params, SceytChatClient, connectionStatus, channelQueryBuilder, channelTypesFilter, types, limit, channelQuery, channelsData, channelList, channelId, activeChannel, _yield$call, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys, _mappedChannels2, channelMessageMap, _activeChannel2, _activeChannel3, hiddenList, allChannelsQueryBuilder, allChannelsQuery, hasNext, totalAllChannelsAdded, i, allChannelsData, allChannelList, _t2, _t3, _t4;
+  var _params$filter, _types, _activeChannel, _mappedChannels, _mappedChannels3, _mappedChannels4, payload, params, SceytChatClient, connectionStatus, channelQueryBuilder, channelTypesFilter, types, limit, channelQuery, channelsData, channelList, channelId, activeChannel, _yield$call, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys, _mappedChannels2, channelMessageMap, _activeChannel2, _activeChannel3, hiddenList, allChannelsQueryBuilder, allChannelsQuery, hasNext, totalAllChannelsAdded, i, _connectionStatus, allChannelsData, allChannelList, _t2, _t3, _t4;
   return _regenerator().w(function (_context2) {
     while (1) switch (_context2.p = _context2.n) {
       case 0:
@@ -16223,7 +16223,7 @@ function getChannels(action) {
         hiddenList = store.getState().ChannelReducer.hideChannelList;
         log.info('[getChannels] hiddenList state:', hiddenList);
         if (hiddenList) {
-          _context2.n = 27;
+          _context2.n = 28;
           break;
         }
         log.info('[getChannels] starting all channels query (hiddenList is false)');
@@ -16248,18 +16248,26 @@ function getChannels(action) {
         i = 0;
       case 19:
         if (!(i <= 4)) {
-          _context2.n = 26;
+          _context2.n = 27;
           break;
         }
         if (!hasNext) {
-          _context2.n = 24;
+          _context2.n = 25;
           break;
         }
         _context2.p = 20;
+        _connectionStatus = store.getState().UserReducer.connectionStatus;
+        if (!(_connectionStatus !== CONNECTION_STATUS.CONNECTED)) {
+          _context2.n = 21;
+          break;
+        }
+        log.warn('[getChannels] connection not ready, aborting. Status:', _connectionStatus);
+        return _context2.a(3, 27);
+      case 21:
         log.info('[getChannels] loading all channels page:', i + 1);
-        _context2.n = 21;
+        _context2.n = 22;
         return effects.call(allChannelsQuery.loadNextPage);
-      case 21:
+      case 22:
         allChannelsData = _context2.v;
         hasNext = allChannelsData.hasNext;
         allChannelList = allChannelsData.channels;
@@ -16270,33 +16278,34 @@ function getChannels(action) {
         addChannelsToAllChannels(allChannelList);
         totalAllChannelsAdded += (allChannelList === null || allChannelList === void 0 ? void 0 : allChannelList.length) || 0;
         log.info('[getChannels] total all channels added so far:', totalAllChannelsAdded);
-        _context2.n = 23;
+        _context2.n = 24;
         break;
-      case 22:
-        _context2.p = 22;
+      case 23:
+        _context2.p = 23;
         _t3 = _context2.v;
         log.error(_t3, 'Error on get all channels page:', i + 1);
-      case 23:
-        _context2.n = 25;
-        break;
+        return _context2.a(3, 27);
       case 24:
-        log.info('[getChannels] no more pages available, stopping at iteration:', i);
+        _context2.n = 26;
+        break;
       case 25:
+        log.info('[getChannels] no more pages available, stopping at iteration:', i);
+      case 26:
         i++;
         _context2.n = 19;
         break;
-      case 26:
+      case 27:
         log.info('[getChannels] all channels query completed, total channels added:', totalAllChannelsAdded);
-        _context2.n = 28;
+        _context2.n = 29;
         break;
-      case 27:
-        log.info('[getChannels] skipping all channels query (hiddenList is true)');
       case 28:
+        log.info('[getChannels] skipping all channels query (hiddenList is true)');
+      case 29:
         log.info('[getChannels] completed successfully. Final mapped channels count:', ((_mappedChannels4 = mappedChannels) === null || _mappedChannels4 === void 0 ? void 0 : _mappedChannels4.length) || 0);
-        _context2.n = 30;
+        _context2.n = 31;
         break;
-      case 29:
-        _context2.p = 29;
+      case 30:
+        _context2.p = 30;
         _t4 = _context2.v;
         log.error('[getChannels] error occurred:', JSON.stringify(_t4), 'Error on get channels');
         log.error('[getChannels] error details:', {
@@ -16304,10 +16313,10 @@ function getChannels(action) {
           code: _t4.code,
           stack: _t4.stack
         });
-      case 30:
+      case 31:
         return _context2.a(2);
     }
-  }, _marked2$1, null, [[20, 22], [1, 29]]);
+  }, _marked2$1, null, [[20, 23], [1, 30]]);
 }
 function searchChannels(action) {
   var payload, params, contactsMap, SceytChatClient, getFromContacts, searchBy, _params$filter2, _types2, channelQueryBuilder, channelTypesFilter, types, allChannels, publicChannels, chatsGroups, contactsList, contactsWithChannelsMap, lowerCaseSearchBy, handleChannels, channelsMap, _iterator, _step, channel, channelQuery, channelsData, _iterator2, _step2, _channel, channelsToAdd, _t5;
@@ -16630,39 +16639,66 @@ function searchChannelsForForward(action) {
   }, _marked5, null, [[0, 7]]);
 }
 function channelsLoadMore(action) {
-  var payload, limit, channelQuery, channelsData, _yield$call3, mappedChannels, channelsForUpdateLastReactionMessage, channelMessageMap, _t8;
+  var _mappedChannels5, _mappedChannels7, _mappedChannels8, payload, limit, channelQuery, channelsData, channelList, _yield$call3, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys2, _mappedChannels6, channelMessageMap, _t8;
   return _regenerator().w(function (_context6) {
     while (1) switch (_context6.p = _context6.n) {
       case 0:
-        _context6.p = 0;
+        log.info('[channelsLoadMore] start load more channels');
+        _context6.p = 1;
         payload = action.payload;
         limit = payload.limit;
+        log.info('[channelsLoadMore] input payload:', JSON.stringify({
+          limit: limit
+        }));
         channelQuery = query.channelQuery;
+        log.info('[channelsLoadMore] channelQuery exists:', !!channelQuery);
+        if (channelQuery) {
+          _context6.n = 2;
+          break;
+        }
+        log.error('[channelsLoadMore] channelQuery is null or undefined, cannot load more');
+        return _context6.a(2);
+      case 2:
         if (limit) {
+          log.info('[channelsLoadMore] setting query limit to:', limit);
           channelQuery.limit = limit;
+        } else {
+          log.info('[channelsLoadMore] no limit provided, using existing query limit');
         }
-        _context6.n = 1;
+        _context6.n = 3;
         return effects.put(setChannelsLoadingStateAC(LOADING_STATE.LOADING));
-      case 1:
-        _context6.n = 2;
+      case 3:
+        log.info('[channelsLoadMore] loading next page...');
+        _context6.n = 4;
         return effects.call(channelQuery.loadNextPage);
-      case 2:
+      case 4:
         channelsData = _context6.v;
-        _context6.n = 3;
+        channelList = channelsData.channels;
+        log.info('[channelsLoadMore] channelsData received:', JSON.stringify({
+          channelsCount: (channelList === null || channelList === void 0 ? void 0 : channelList.length) || 0,
+          hasNext: channelsData.hasNext
+        }));
+        _context6.n = 5;
         return effects.put(channelHasNextAC(channelsData.hasNext));
-      case 3:
-        _context6.n = 4;
+      case 5:
+        log.info('[channelsLoadMore] hasNext set to:', channelsData.hasNext);
+        _context6.n = 6;
         return effects.call(setChannelsInMap, channelsData.channels);
-      case 4:
+      case 6:
         _yield$call3 = _context6.v;
         mappedChannels = _yield$call3.channels;
         channelsForUpdateLastReactionMessage = _yield$call3.channelsForUpdateLastReactionMessage;
-        if (!channelsForUpdateLastReactionMessage.length) {
-          _context6.n = 6;
+        log.info('[channelsLoadMore] setChannelsInMap result:', JSON.stringify({
+          mappedChannelsCount: ((_mappedChannels5 = mappedChannels) === null || _mappedChannels5 === void 0 ? void 0 : _mappedChannels5.length) || 0,
+          channelsForUpdateLastReactionMessageCount: (channelsForUpdateLastReactionMessage === null || channelsForUpdateLastReactionMessage === void 0 ? void 0 : channelsForUpdateLastReactionMessage.length) || 0
+        }));
+        if (!(channelsForUpdateLastReactionMessage !== null && channelsForUpdateLastReactionMessage !== void 0 && channelsForUpdateLastReactionMessage.length)) {
+          _context6.n = 8;
           break;
         }
+        log.info('[channelsLoadMore] processing channels for reaction message update:', channelsForUpdateLastReactionMessage === null || channelsForUpdateLastReactionMessage === void 0 ? void 0 : channelsForUpdateLastReactionMessage.length);
         channelMessageMap = {};
-        _context6.n = 5;
+        _context6.n = 7;
         return effects.call(function () {
           try {
             return Promise.resolve(Promise.all(channelsForUpdateLastReactionMessage.map(function (channel) {
@@ -16670,9 +16706,10 @@ function channelsLoadMore(action) {
                 return Promise.resolve(new Promise(function (resolve) {
                   channel.getMessagesById([channel.newReactions[0].messageId]).then(function (messages) {
                     channelMessageMap[channel.id] = messages[0];
+                    log.info('[channelsLoadMore] successfully fetched reaction message for channel:', channel === null || channel === void 0 ? void 0 : channel.id);
                     resolve(true);
                   })["catch"](function (e) {
-                    log.error(e, 'Error on getMessagesById');
+                    log.error(e, 'Error on getMessagesById for channel:', channel === null || channel === void 0 ? void 0 : channel.id);
                     resolve(true);
                   });
                 }));
@@ -16684,30 +16721,43 @@ function channelsLoadMore(action) {
             return Promise.reject(e);
           }
         });
-      case 5:
+      case 7:
+        log.info('[channelsLoadMore] reaction messages fetched:', channelMessageMap ? (_Object$keys2 = Object.keys(channelMessageMap)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length : 0);
         mappedChannels = mappedChannels.map(function (channel) {
           if (channelMessageMap[channel.id]) {
             channel.lastReactedMessage = channelMessageMap[channel.id];
           }
           return channel;
         });
-      case 6:
-        _context6.n = 7;
-        return effects.put(addChannelsAC(mappedChannels));
-      case 7:
-        _context6.n = 8;
-        return effects.put(setChannelsLoadingStateAC(LOADING_STATE.LOADED));
+        log.info('[channelsLoadMore] mappedChannels updated with reaction messages, final count:', ((_mappedChannels6 = mappedChannels) === null || _mappedChannels6 === void 0 ? void 0 : _mappedChannels6.length) || 0);
+        _context6.n = 9;
+        break;
       case 8:
+        log.info('[channelsLoadMore] no channels need reaction message update');
+      case 9:
+        log.info('[channelsLoadMore] adding channels to state, count:', ((_mappedChannels7 = mappedChannels) === null || _mappedChannels7 === void 0 ? void 0 : _mappedChannels7.length) || 0);
         _context6.n = 10;
+        return effects.put(addChannelsAC(mappedChannels));
+      case 10:
+        _context6.n = 11;
+        return effects.put(setChannelsLoadingStateAC(LOADING_STATE.LOADED));
+      case 11:
+        log.info('[channelsLoadMore] completed successfully. Total channels added:', ((_mappedChannels8 = mappedChannels) === null || _mappedChannels8 === void 0 ? void 0 : _mappedChannels8.length) || 0);
+        _context6.n = 13;
         break;
-      case 9:
-        _context6.p = 9;
+      case 12:
+        _context6.p = 12;
         _t8 = _context6.v;
-        log.error(_t8, 'Error in load more channels');
-      case 10:
+        log.error('[channelsLoadMore] error occurred:', _t8);
+        log.error('[channelsLoadMore] error details:', JSON.stringify({
+          message: _t8 === null || _t8 === void 0 ? void 0 : _t8.message,
+          code: _t8 === null || _t8 === void 0 ? void 0 : _t8.code,
+          stack: _t8 === null || _t8 === void 0 ? void 0 : _t8.stack
+        }));
+      case 13:
         return _context6.a(2);
     }
-  }, _marked6, null, [[0, 9]]);
+  }, _marked6, null, [[1, 12]]);
 }
 function getChannelMentions(action) {
   var payload, channelId, _SceytChatClient3, mentionsQueryBuilder, mentionsQuery, mentions, _t9;
@@ -35248,7 +35298,7 @@ var OGMetadata = function OGMetadata(_ref) {
         metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, false, false, metadata);
       }
     }
-  }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata, showOGMetadata, showImage, metadataGetSuccessCallback]);
+  }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata, showOGMetadata, showImage]);
   var elements = React.useMemo(function () {
     var _resolvedOrder$image, _metadata$og17, _metadata$og17$image, _metadata$og17$image$, _resolvedOrder$title, _metadata$og18, _metadata$og18$title, _resolvedOrder$descri, _metadata$og19, _metadata$og19$descri, _resolvedOrder$link;
     return [showImage ? {

package/index.modern.js

@@ -16064,7 +16064,7 @@ function createChannel(action) {
   }, _marked$2, null, [[0, 17]]);
 }
 function getChannels(action) {
-  var _params$filter, _types, _activeChannel, _mappedChannels, _mappedChannels3, _mappedChannels4, payload, params, SceytChatClient, connectionStatus, channelQueryBuilder, channelTypesFilter, types, limit, channelQuery, channelsData, channelList, channelId, activeChannel, _yield$call, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys, _mappedChannels2, channelMessageMap, _activeChannel2, _activeChannel3, hiddenList, allChannelsQueryBuilder, allChannelsQuery, hasNext, totalAllChannelsAdded, i, allChannelsData, allChannelList, _t2, _t3, _t4;
+  var _params$filter, _types, _activeChannel, _mappedChannels, _mappedChannels3, _mappedChannels4, payload, params, SceytChatClient, connectionStatus, channelQueryBuilder, channelTypesFilter, types, limit, channelQuery, channelsData, channelList, channelId, activeChannel, _yield$call, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys, _mappedChannels2, channelMessageMap, _activeChannel2, _activeChannel3, hiddenList, allChannelsQueryBuilder, allChannelsQuery, hasNext, totalAllChannelsAdded, i, _connectionStatus, allChannelsData, allChannelList, _t2, _t3, _t4;
   return _regenerator().w(function (_context2) {
     while (1) switch (_context2.p = _context2.n) {
       case 0:
@@ -16222,7 +16222,7 @@ function getChannels(action) {
         hiddenList = store.getState().ChannelReducer.hideChannelList;
         log.info('[getChannels] hiddenList state:', hiddenList);
         if (hiddenList) {
-          _context2.n = 27;
+          _context2.n = 28;
           break;
         }
         log.info('[getChannels] starting all channels query (hiddenList is false)');
@@ -16247,18 +16247,26 @@ function getChannels(action) {
         i = 0;
       case 19:
         if (!(i <= 4)) {
-          _context2.n = 26;
+          _context2.n = 27;
           break;
         }
         if (!hasNext) {
-          _context2.n = 24;
+          _context2.n = 25;
           break;
         }
         _context2.p = 20;
+        _connectionStatus = store.getState().UserReducer.connectionStatus;
+        if (!(_connectionStatus !== CONNECTION_STATUS.CONNECTED)) {
+          _context2.n = 21;
+          break;
+        }
+        log.warn('[getChannels] connection not ready, aborting. Status:', _connectionStatus);
+        return _context2.a(3, 27);
+      case 21:
         log.info('[getChannels] loading all channels page:', i + 1);
-        _context2.n = 21;
+        _context2.n = 22;
         return call(allChannelsQuery.loadNextPage);
-      case 21:
+      case 22:
         allChannelsData = _context2.v;
         hasNext = allChannelsData.hasNext;
         allChannelList = allChannelsData.channels;
@@ -16269,33 +16277,34 @@ function getChannels(action) {
         addChannelsToAllChannels(allChannelList);
         totalAllChannelsAdded += (allChannelList === null || allChannelList === void 0 ? void 0 : allChannelList.length) || 0;
         log.info('[getChannels] total all channels added so far:', totalAllChannelsAdded);
-        _context2.n = 23;
+        _context2.n = 24;
         break;
-      case 22:
-        _context2.p = 22;
+      case 23:
+        _context2.p = 23;
         _t3 = _context2.v;
         log.error(_t3, 'Error on get all channels page:', i + 1);
-      case 23:
-        _context2.n = 25;
-        break;
+        return _context2.a(3, 27);
       case 24:
-        log.info('[getChannels] no more pages available, stopping at iteration:', i);
+        _context2.n = 26;
+        break;
       case 25:
+        log.info('[getChannels] no more pages available, stopping at iteration:', i);
+      case 26:
         i++;
         _context2.n = 19;
         break;
-      case 26:
+      case 27:
         log.info('[getChannels] all channels query completed, total channels added:', totalAllChannelsAdded);
-        _context2.n = 28;
+        _context2.n = 29;
         break;
-      case 27:
-        log.info('[getChannels] skipping all channels query (hiddenList is true)');
       case 28:
+        log.info('[getChannels] skipping all channels query (hiddenList is true)');
+      case 29:
         log.info('[getChannels] completed successfully. Final mapped channels count:', ((_mappedChannels4 = mappedChannels) === null || _mappedChannels4 === void 0 ? void 0 : _mappedChannels4.length) || 0);
-        _context2.n = 30;
+        _context2.n = 31;
         break;
-      case 29:
-        _context2.p = 29;
+      case 30:
+        _context2.p = 30;
         _t4 = _context2.v;
         log.error('[getChannels] error occurred:', JSON.stringify(_t4), 'Error on get channels');
         log.error('[getChannels] error details:', {
@@ -16303,10 +16312,10 @@ function getChannels(action) {
           code: _t4.code,
           stack: _t4.stack
         });
-      case 30:
+      case 31:
         return _context2.a(2);
     }
-  }, _marked2$1, null, [[20, 22], [1, 29]]);
+  }, _marked2$1, null, [[20, 23], [1, 30]]);
 }
 function searchChannels(action) {
   var payload, params, contactsMap, SceytChatClient, getFromContacts, searchBy, _params$filter2, _types2, channelQueryBuilder, channelTypesFilter, types, allChannels, publicChannels, chatsGroups, contactsList, contactsWithChannelsMap, lowerCaseSearchBy, handleChannels, channelsMap, _iterator, _step, channel, channelQuery, channelsData, _iterator2, _step2, _channel, channelsToAdd, _t5;
@@ -16629,39 +16638,66 @@ function searchChannelsForForward(action) {
   }, _marked5, null, [[0, 7]]);
 }
 function channelsLoadMore(action) {
-  var payload, limit, channelQuery, channelsData, _yield$call3, mappedChannels, channelsForUpdateLastReactionMessage, channelMessageMap, _t8;
+  var _mappedChannels5, _mappedChannels7, _mappedChannels8, payload, limit, channelQuery, channelsData, channelList, _yield$call3, mappedChannels, channelsForUpdateLastReactionMessage, _Object$keys2, _mappedChannels6, channelMessageMap, _t8;
   return _regenerator().w(function (_context6) {
     while (1) switch (_context6.p = _context6.n) {
       case 0:
-        _context6.p = 0;
+        log.info('[channelsLoadMore] start load more channels');
+        _context6.p = 1;
         payload = action.payload;
         limit = payload.limit;
+        log.info('[channelsLoadMore] input payload:', JSON.stringify({
+          limit: limit
+        }));
         channelQuery = query.channelQuery;
+        log.info('[channelsLoadMore] channelQuery exists:', !!channelQuery);
+        if (channelQuery) {
+          _context6.n = 2;
+          break;
+        }
+        log.error('[channelsLoadMore] channelQuery is null or undefined, cannot load more');
+        return _context6.a(2);
+      case 2:
         if (limit) {
+          log.info('[channelsLoadMore] setting query limit to:', limit);
           channelQuery.limit = limit;
+        } else {
+          log.info('[channelsLoadMore] no limit provided, using existing query limit');
         }
-        _context6.n = 1;
+        _context6.n = 3;
         return put(setChannelsLoadingStateAC(LOADING_STATE.LOADING));
-      case 1:
-        _context6.n = 2;
+      case 3:
+        log.info('[channelsLoadMore] loading next page...');
+        _context6.n = 4;
         return call(channelQuery.loadNextPage);
-      case 2:
+      case 4:
         channelsData = _context6.v;
-        _context6.n = 3;
+        channelList = channelsData.channels;
+        log.info('[channelsLoadMore] channelsData received:', JSON.stringify({
+          channelsCount: (channelList === null || channelList === void 0 ? void 0 : channelList.length) || 0,
+          hasNext: channelsData.hasNext
+        }));
+        _context6.n = 5;
         return put(channelHasNextAC(channelsData.hasNext));
-      case 3:
-        _context6.n = 4;
+      case 5:
+        log.info('[channelsLoadMore] hasNext set to:', channelsData.hasNext);
+        _context6.n = 6;
         return call(setChannelsInMap, channelsData.channels);
-      case 4:
+      case 6:
         _yield$call3 = _context6.v;
         mappedChannels = _yield$call3.channels;
         channelsForUpdateLastReactionMessage = _yield$call3.channelsForUpdateLastReactionMessage;
-        if (!channelsForUpdateLastReactionMessage.length) {
-          _context6.n = 6;
+        log.info('[channelsLoadMore] setChannelsInMap result:', JSON.stringify({
+          mappedChannelsCount: ((_mappedChannels5 = mappedChannels) === null || _mappedChannels5 === void 0 ? void 0 : _mappedChannels5.length) || 0,
+          channelsForUpdateLastReactionMessageCount: (channelsForUpdateLastReactionMessage === null || channelsForUpdateLastReactionMessage === void 0 ? void 0 : channelsForUpdateLastReactionMessage.length) || 0
+        }));
+        if (!(channelsForUpdateLastReactionMessage !== null && channelsForUpdateLastReactionMessage !== void 0 && channelsForUpdateLastReactionMessage.length)) {
+          _context6.n = 8;
           break;
         }
+        log.info('[channelsLoadMore] processing channels for reaction message update:', channelsForUpdateLastReactionMessage === null || channelsForUpdateLastReactionMessage === void 0 ? void 0 : channelsForUpdateLastReactionMessage.length);
         channelMessageMap = {};
-        _context6.n = 5;
+        _context6.n = 7;
         return call(function () {
           try {
             return Promise.resolve(Promise.all(channelsForUpdateLastReactionMessage.map(function (channel) {
@@ -16669,9 +16705,10 @@ function channelsLoadMore(action) {
                 return Promise.resolve(new Promise(function (resolve) {
                   channel.getMessagesById([channel.newReactions[0].messageId]).then(function (messages) {
                     channelMessageMap[channel.id] = messages[0];
+                    log.info('[channelsLoadMore] successfully fetched reaction message for channel:', channel === null || channel === void 0 ? void 0 : channel.id);
                     resolve(true);
                   })["catch"](function (e) {
-                    log.error(e, 'Error on getMessagesById');
+                    log.error(e, 'Error on getMessagesById for channel:', channel === null || channel === void 0 ? void 0 : channel.id);
                     resolve(true);
                   });
                 }));
@@ -16683,30 +16720,43 @@ function channelsLoadMore(action) {
             return Promise.reject(e);
           }
         });
-      case 5:
+      case 7:
+        log.info('[channelsLoadMore] reaction messages fetched:', channelMessageMap ? (_Object$keys2 = Object.keys(channelMessageMap)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length : 0);
         mappedChannels = mappedChannels.map(function (channel) {
           if (channelMessageMap[channel.id]) {
             channel.lastReactedMessage = channelMessageMap[channel.id];
           }
           return channel;
         });
-      case 6:
-        _context6.n = 7;
-        return put(addChannelsAC(mappedChannels));
-      case 7:
-        _context6.n = 8;
-        return put(setChannelsLoadingStateAC(LOADING_STATE.LOADED));
+        log.info('[channelsLoadMore] mappedChannels updated with reaction messages, final count:', ((_mappedChannels6 = mappedChannels) === null || _mappedChannels6 === void 0 ? void 0 : _mappedChannels6.length) || 0);
+        _context6.n = 9;
+        break;
       case 8:
+        log.info('[channelsLoadMore] no channels need reaction message update');
+      case 9:
+        log.info('[channelsLoadMore] adding channels to state, count:', ((_mappedChannels7 = mappedChannels) === null || _mappedChannels7 === void 0 ? void 0 : _mappedChannels7.length) || 0);
         _context6.n = 10;
+        return put(addChannelsAC(mappedChannels));
+      case 10:
+        _context6.n = 11;
+        return put(setChannelsLoadingStateAC(LOADING_STATE.LOADED));
+      case 11:
+        log.info('[channelsLoadMore] completed successfully. Total channels added:', ((_mappedChannels8 = mappedChannels) === null || _mappedChannels8 === void 0 ? void 0 : _mappedChannels8.length) || 0);
+        _context6.n = 13;
         break;
-      case 9:
-        _context6.p = 9;
+      case 12:
+        _context6.p = 12;
         _t8 = _context6.v;
-        log.error(_t8, 'Error in load more channels');
-      case 10:
+        log.error('[channelsLoadMore] error occurred:', _t8);
+        log.error('[channelsLoadMore] error details:', JSON.stringify({
+          message: _t8 === null || _t8 === void 0 ? void 0 : _t8.message,
+          code: _t8 === null || _t8 === void 0 ? void 0 : _t8.code,
+          stack: _t8 === null || _t8 === void 0 ? void 0 : _t8.stack
+        }));
+      case 13:
         return _context6.a(2);
     }
-  }, _marked6, null, [[0, 9]]);
+  }, _marked6, null, [[1, 12]]);
 }
 function getChannelMentions(action) {
   var payload, channelId, _SceytChatClient3, mentionsQueryBuilder, mentionsQuery, mentions, _t9;
@@ -35247,7 +35297,7 @@ var OGMetadata = function OGMetadata(_ref) {
         metadataGetSuccessCallback === null || metadataGetSuccessCallback === void 0 ? void 0 : metadataGetSuccessCallback(attachment === null || attachment === void 0 ? void 0 : attachment.url, false, false, metadata);
       }
     }
-  }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata, showOGMetadata, showImage, metadataGetSuccessCallback]);
+  }, [metadataLoaded, oGMetadata, attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata, showOGMetadata, showImage]);
   var elements = useMemo(function () {
     var _resolvedOrder$image, _metadata$og17, _metadata$og17$image, _metadata$og17$image$, _resolvedOrder$title, _metadata$og18, _metadata$og18$title, _resolvedOrder$descri, _metadata$og19, _metadata$og19$descri, _resolvedOrder$link;
     return [showImage ? {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sceyt-chat-react-uikit",
-  "version": "1.7.7-beta.6",
+  "version": "1.7.7-beta.7",
   "description": "Interactive React UI Components for Sceyt Chat.",
   "author": "Sceyt",
   "license": "MIT",