sceyt-chat-react-uikit 1.7.1-beta.14 → 1.7.1-beta.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +47 -44
  2. package/index.modern.js +47 -44
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -10606,8 +10606,8 @@ var messageSlice = createSlice({
10606
10606
  var _action$payload8 = action.payload,
10607
10607
  uploaded = _action$payload8.uploaded,
10608
10608
  total = _action$payload8.total,
10609
- attachmentId = _action$payload8.attachmentId,
10610
- progress = _action$payload8.progress;
10609
+ attachmentId = _action$payload8.attachmentId;
10610
+ var progress = uploaded / total;
10611
10611
  var updateData = {
10612
10612
  uploaded: uploaded,
10613
10613
  total: total,
@@ -18840,44 +18840,50 @@ function getMessageQuery(action) {
18840
18840
  return effects.call(getChannelFromAllChannels, channelId);
18841
18841
  case 1:
18842
18842
  channel = _context0.v;
18843
- _context0.n = 2;
18844
- return effects.call(channel.getMessagesById, [messageId]);
18843
+ if (channel) {
18844
+ _context0.n = 2;
18845
+ break;
18846
+ }
18847
+ return _context0.a(2);
18845
18848
  case 2:
18849
+ _context0.n = 3;
18850
+ return effects.call(channel.getMessagesById, [messageId]);
18851
+ case 3:
18846
18852
  messages = _context0.v;
18847
18853
  fetchedMessage = messages && messages[0] ? JSON.parse(JSON.stringify(messages[0])) : null;
18848
18854
  if (!fetchedMessage) {
18849
- _context0.n = 5;
18855
+ _context0.n = 6;
18850
18856
  break;
18851
18857
  }
18852
- _context0.n = 3;
18858
+ _context0.n = 4;
18853
18859
  return effects.put(updateMessageAC(messageId, fetchedMessage));
18854
- case 3:
18860
+ case 4:
18855
18861
  updateMessageOnMap(channel.id, {
18856
18862
  messageId: messageId,
18857
18863
  params: fetchedMessage
18858
18864
  });
18859
18865
  updateMessageOnAllMessages(messageId, fetchedMessage);
18860
- _context0.n = 4;
18866
+ _context0.n = 5;
18861
18867
  return effects.put(setScrollToMessagesAC(messageId, false));
18862
- case 4:
18868
+ case 5:
18863
18869
  if (!(channel.lastMessage && channel.lastMessage.id === messageId)) {
18864
- _context0.n = 5;
18870
+ _context0.n = 6;
18865
18871
  break;
18866
18872
  }
18867
18873
  updateChannelLastMessageOnAllChannels(channel.id, fetchedMessage);
18868
- _context0.n = 5;
18874
+ _context0.n = 6;
18869
18875
  return effects.put(updateChannelLastMessageAC(fetchedMessage, channel));
18870
- case 5:
18871
- _context0.n = 7;
18872
- break;
18873
18876
  case 6:
18874
- _context0.p = 6;
18877
+ _context0.n = 8;
18878
+ break;
18879
+ case 7:
18880
+ _context0.p = 7;
18875
18881
  _t0 = _context0.v;
18876
18882
  log.error('error in message query', _t0);
18877
- case 7:
18883
+ case 8:
18878
18884
  return _context0.a(2);
18879
18885
  }
18880
- }, _marked8$1, null, [[0, 6]]);
18886
+ }, _marked8$1, null, [[0, 7]]);
18881
18887
  }
18882
18888
  function loadMoreMessages(action) {
18883
18889
  var payload, limit, direction, channelId, messageId, hasNext, SceytChatClient, messageQueryBuilder, messageQuery, result, _t1;
@@ -31421,53 +31427,50 @@ var OGMetadataContainer = styled__default.div(_templateObject$A || (_templateObj
31421
31427
  var showOGMetadata = _ref2.showOGMetadata;
31422
31428
  return showOGMetadata ? '0.8rem' : '0';
31423
31429
  });
31424
- var ImageContainer = styled__default.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n max-height: ", ";\n opacity: ", ";\n overflow: hidden;\n width: 100%;\n margin: 0 auto;\n padding: ", ";\n height: ", ";\n transition: height 0.2s ease;\n"])), function (_ref3) {
31430
+ var ImageContainer = styled__default.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n opacity: ", ";\n overflow: hidden;\n margin: 0 auto;\n padding: ", ";\n transition: height 0.2s ease;\n"])), function (_ref3) {
31425
31431
  var width = _ref3.width;
31426
- return width + "px";
31432
+ return width ? "\n max-width: " + (width + "px") + ";\n " : "\n max-width: 100%;\n width: 100%;\n ";
31427
31433
  }, function (_ref4) {
31428
- var height = _ref4.height;
31429
- return height + "px";
31434
+ var height = _ref4.height,
31435
+ showOGMetadata = _ref4.showOGMetadata;
31436
+ return height ? "\n max-height: " + (height + "px") + ";\n height: " + (showOGMetadata ? height + "px" : '0') + ";\n " : "\n max-height: 200px;\n height: " + (showOGMetadata ? '200px' : '0') + ";\n ";
31430
31437
  }, function (_ref5) {
31431
31438
  var showOGMetadata = _ref5.showOGMetadata;
31432
31439
  return showOGMetadata ? 1 : 0;
31433
31440
  }, function (_ref6) {
31434
31441
  var showOGMetadata = _ref6.showOGMetadata;
31435
31442
  return showOGMetadata ? '0.3rem' : '0';
31436
- }, function (_ref7) {
31437
- var showOGMetadata = _ref7.showOGMetadata,
31438
- height = _ref7.height;
31439
- return showOGMetadata ? height + "px" : '0';
31440
31443
  });
31441
- var OGText = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n width: 80%;\n padding: 0.5rem;\n margin: 0;\n transition: all 0.2s ease;\n"])));
31442
- var Url = styled__default.p(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n margin: 0 0 12px 0;\n color: gray;\n max-width: ", ";\n transition: all 0.2s ease;\n"])), function (_ref8) {
31444
+ var OGText = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n padding: 0.5rem;\n margin: 0;\n transition: all 0.2s ease;\n"])));
31445
+ var Url = styled__default.p(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n margin: 0 0 12px 0;\n color: gray;\n ", "\n transition: all 0.2s ease;\n"])), function (_ref7) {
31446
+ var maxWidth = _ref7.maxWidth;
31447
+ return maxWidth && "\n max-width: " + (maxWidth + "px") + ";\n ";
31448
+ });
31449
+ var Title = styled__default.p(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n font-size: 13px;\n padding: 0;\n display: flex;\n align-items: center;\n ", "\n transition: all 0.2s ease;\n"])), function (_ref8) {
31443
31450
  var maxWidth = _ref8.maxWidth;
31444
- return maxWidth + "px";
31451
+ return maxWidth && "\n max-width: " + (maxWidth + "px") + ";\n ";
31445
31452
  });
31446
- var Title = styled__default.p(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n font-size: 13px;\n padding: 0;\n display: flex;\n align-items: center;\n max-width: ", ";\n transition: all 0.2s ease;\n"])), function (_ref9) {
31453
+ var Desc = styled__default.p(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n ", "\n transition: all 0.2s ease;\n"])), function (_ref9) {
31447
31454
  var maxWidth = _ref9.maxWidth;
31448
- return maxWidth + "px";
31449
- });
31450
- var Desc = styled__default.p(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n max-width: ", ";\n transition: all 0.2s ease;\n"])), function (_ref0) {
31451
- var maxWidth = _ref0.maxWidth;
31452
- return maxWidth + "px";
31455
+ return maxWidth && "\n max-width: " + (maxWidth + "px") + ";\n ";
31453
31456
  });
31454
- var Img = styled__default.img(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n min-width: ", ";\n max-height: ", ";\n min-height: ", ";\n width: ", ";\n height: ", ";\n object-fit: cover;\n transition: height 0.2s ease;\n"])), function (_ref1) {
31457
+ var Img = styled__default.img(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n min-width: ", ";\n max-height: ", ";\n min-height: ", ";\n width: ", ";\n height: ", ";\n object-fit: cover;\n transition: height 0.2s ease;\n"])), function (_ref0) {
31458
+ var width = _ref0.width;
31459
+ return width + "px";
31460
+ }, function (_ref1) {
31455
31461
  var width = _ref1.width;
31456
31462
  return width + "px";
31457
31463
  }, function (_ref10) {
31458
- var width = _ref10.width;
31459
- return width + "px";
31464
+ var height = _ref10.height;
31465
+ return height + "px";
31460
31466
  }, function (_ref11) {
31461
31467
  var height = _ref11.height;
31462
31468
  return height + "px";
31463
31469
  }, function (_ref12) {
31464
- var height = _ref12.height;
31465
- return height + "px";
31466
- }, function (_ref13) {
31467
- var width = _ref13.width;
31470
+ var width = _ref12.width;
31468
31471
  return width + "px";
31469
- }, function (_ref14) {
31470
- var height = _ref14.height;
31472
+ }, function (_ref13) {
31473
+ var height = _ref13.height;
31471
31474
  return height + "px";
31472
31475
  });
31473
31476
  var Favicon = styled__default.img(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n transition: all 0.2s ease;\n width: 24px;\n height: 24px;\n object-fit: contain;\n margin-right: 4px;\n"])));
@@ -37545,7 +37548,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
37545
37548
  if (attachments.length) {
37546
37549
  var videoAttachment = false;
37547
37550
  attachments.forEach(function (att) {
37548
- if (att.type === 'video' || att.data.type.split('/')[0] === 'video') {
37551
+ if ((att.type === 'video' || att.data.type.split('/')[0] === 'video') && att.type !== 'file') {
37549
37552
  videoAttachment = true;
37550
37553
  if (!readyVideoAttachments[att.tid]) {
37551
37554
  setSendMessageIsActive(false);
package/index.modern.js CHANGED
@@ -10585,8 +10585,8 @@ var messageSlice = createSlice({
10585
10585
  var _action$payload8 = action.payload,
10586
10586
  uploaded = _action$payload8.uploaded,
10587
10587
  total = _action$payload8.total,
10588
- attachmentId = _action$payload8.attachmentId,
10589
- progress = _action$payload8.progress;
10588
+ attachmentId = _action$payload8.attachmentId;
10589
+ var progress = uploaded / total;
10590
10590
  var updateData = {
10591
10591
  uploaded: uploaded,
10592
10592
  total: total,
@@ -18819,44 +18819,50 @@ function getMessageQuery(action) {
18819
18819
  return call(getChannelFromAllChannels, channelId);
18820
18820
  case 1:
18821
18821
  channel = _context0.v;
18822
- _context0.n = 2;
18823
- return call(channel.getMessagesById, [messageId]);
18822
+ if (channel) {
18823
+ _context0.n = 2;
18824
+ break;
18825
+ }
18826
+ return _context0.a(2);
18824
18827
  case 2:
18828
+ _context0.n = 3;
18829
+ return call(channel.getMessagesById, [messageId]);
18830
+ case 3:
18825
18831
  messages = _context0.v;
18826
18832
  fetchedMessage = messages && messages[0] ? JSON.parse(JSON.stringify(messages[0])) : null;
18827
18833
  if (!fetchedMessage) {
18828
- _context0.n = 5;
18834
+ _context0.n = 6;
18829
18835
  break;
18830
18836
  }
18831
- _context0.n = 3;
18837
+ _context0.n = 4;
18832
18838
  return put(updateMessageAC(messageId, fetchedMessage));
18833
- case 3:
18839
+ case 4:
18834
18840
  updateMessageOnMap(channel.id, {
18835
18841
  messageId: messageId,
18836
18842
  params: fetchedMessage
18837
18843
  });
18838
18844
  updateMessageOnAllMessages(messageId, fetchedMessage);
18839
- _context0.n = 4;
18845
+ _context0.n = 5;
18840
18846
  return put(setScrollToMessagesAC(messageId, false));
18841
- case 4:
18847
+ case 5:
18842
18848
  if (!(channel.lastMessage && channel.lastMessage.id === messageId)) {
18843
- _context0.n = 5;
18849
+ _context0.n = 6;
18844
18850
  break;
18845
18851
  }
18846
18852
  updateChannelLastMessageOnAllChannels(channel.id, fetchedMessage);
18847
- _context0.n = 5;
18853
+ _context0.n = 6;
18848
18854
  return put(updateChannelLastMessageAC(fetchedMessage, channel));
18849
- case 5:
18850
- _context0.n = 7;
18851
- break;
18852
18855
  case 6:
18853
- _context0.p = 6;
18856
+ _context0.n = 8;
18857
+ break;
18858
+ case 7:
18859
+ _context0.p = 7;
18854
18860
  _t0 = _context0.v;
18855
18861
  log.error('error in message query', _t0);
18856
- case 7:
18862
+ case 8:
18857
18863
  return _context0.a(2);
18858
18864
  }
18859
- }, _marked8$1, null, [[0, 6]]);
18865
+ }, _marked8$1, null, [[0, 7]]);
18860
18866
  }
18861
18867
  function loadMoreMessages(action) {
18862
18868
  var payload, limit, direction, channelId, messageId, hasNext, SceytChatClient, messageQueryBuilder, messageQuery, result, _t1;
@@ -31400,53 +31406,50 @@ var OGMetadataContainer = styled.div(_templateObject$A || (_templateObject$A = _
31400
31406
  var showOGMetadata = _ref2.showOGMetadata;
31401
31407
  return showOGMetadata ? '0.8rem' : '0';
31402
31408
  });
31403
- var ImageContainer = styled.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n max-height: ", ";\n opacity: ", ";\n overflow: hidden;\n width: 100%;\n margin: 0 auto;\n padding: ", ";\n height: ", ";\n transition: height 0.2s ease;\n"])), function (_ref3) {
31409
+ var ImageContainer = styled.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n opacity: ", ";\n overflow: hidden;\n margin: 0 auto;\n padding: ", ";\n transition: height 0.2s ease;\n"])), function (_ref3) {
31404
31410
  var width = _ref3.width;
31405
- return width + "px";
31411
+ return width ? "\n max-width: " + (width + "px") + ";\n " : "\n max-width: 100%;\n width: 100%;\n ";
31406
31412
  }, function (_ref4) {
31407
- var height = _ref4.height;
31408
- return height + "px";
31413
+ var height = _ref4.height,
31414
+ showOGMetadata = _ref4.showOGMetadata;
31415
+ return height ? "\n max-height: " + (height + "px") + ";\n height: " + (showOGMetadata ? height + "px" : '0') + ";\n " : "\n max-height: 200px;\n height: " + (showOGMetadata ? '200px' : '0') + ";\n ";
31409
31416
  }, function (_ref5) {
31410
31417
  var showOGMetadata = _ref5.showOGMetadata;
31411
31418
  return showOGMetadata ? 1 : 0;
31412
31419
  }, function (_ref6) {
31413
31420
  var showOGMetadata = _ref6.showOGMetadata;
31414
31421
  return showOGMetadata ? '0.3rem' : '0';
31415
- }, function (_ref7) {
31416
- var showOGMetadata = _ref7.showOGMetadata,
31417
- height = _ref7.height;
31418
- return showOGMetadata ? height + "px" : '0';
31419
31422
  });
31420
- var OGText = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n width: 80%;\n padding: 0.5rem;\n margin: 0;\n transition: all 0.2s ease;\n"])));
31421
- var Url = styled.p(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n margin: 0 0 12px 0;\n color: gray;\n max-width: ", ";\n transition: all 0.2s ease;\n"])), function (_ref8) {
31423
+ var OGText = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n padding: 0.5rem;\n margin: 0;\n transition: all 0.2s ease;\n"])));
31424
+ var Url = styled.p(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n margin: 0 0 12px 0;\n color: gray;\n ", "\n transition: all 0.2s ease;\n"])), function (_ref7) {
31425
+ var maxWidth = _ref7.maxWidth;
31426
+ return maxWidth && "\n max-width: " + (maxWidth + "px") + ";\n ";
31427
+ });
31428
+ var Title = styled.p(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n font-size: 13px;\n padding: 0;\n display: flex;\n align-items: center;\n ", "\n transition: all 0.2s ease;\n"])), function (_ref8) {
31422
31429
  var maxWidth = _ref8.maxWidth;
31423
- return maxWidth + "px";
31430
+ return maxWidth && "\n max-width: " + (maxWidth + "px") + ";\n ";
31424
31431
  });
31425
- var Title = styled.p(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n font-size: 13px;\n padding: 0;\n display: flex;\n align-items: center;\n max-width: ", ";\n transition: all 0.2s ease;\n"])), function (_ref9) {
31432
+ var Desc = styled.p(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n ", "\n transition: all 0.2s ease;\n"])), function (_ref9) {
31426
31433
  var maxWidth = _ref9.maxWidth;
31427
- return maxWidth + "px";
31428
- });
31429
- var Desc = styled.p(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n max-width: ", ";\n transition: all 0.2s ease;\n"])), function (_ref0) {
31430
- var maxWidth = _ref0.maxWidth;
31431
- return maxWidth + "px";
31434
+ return maxWidth && "\n max-width: " + (maxWidth + "px") + ";\n ";
31432
31435
  });
31433
- var Img = styled.img(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n min-width: ", ";\n max-height: ", ";\n min-height: ", ";\n width: ", ";\n height: ", ";\n object-fit: cover;\n transition: height 0.2s ease;\n"])), function (_ref1) {
31436
+ var Img = styled.img(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n min-width: ", ";\n max-height: ", ";\n min-height: ", ";\n width: ", ";\n height: ", ";\n object-fit: cover;\n transition: height 0.2s ease;\n"])), function (_ref0) {
31437
+ var width = _ref0.width;
31438
+ return width + "px";
31439
+ }, function (_ref1) {
31434
31440
  var width = _ref1.width;
31435
31441
  return width + "px";
31436
31442
  }, function (_ref10) {
31437
- var width = _ref10.width;
31438
- return width + "px";
31443
+ var height = _ref10.height;
31444
+ return height + "px";
31439
31445
  }, function (_ref11) {
31440
31446
  var height = _ref11.height;
31441
31447
  return height + "px";
31442
31448
  }, function (_ref12) {
31443
- var height = _ref12.height;
31444
- return height + "px";
31445
- }, function (_ref13) {
31446
- var width = _ref13.width;
31449
+ var width = _ref12.width;
31447
31450
  return width + "px";
31448
- }, function (_ref14) {
31449
- var height = _ref14.height;
31451
+ }, function (_ref13) {
31452
+ var height = _ref13.height;
31450
31453
  return height + "px";
31451
31454
  });
31452
31455
  var Favicon = styled.img(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose(["\n transition: all 0.2s ease;\n width: 24px;\n height: 24px;\n object-fit: contain;\n margin-right: 4px;\n"])));
@@ -37524,7 +37527,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
37524
37527
  if (attachments.length) {
37525
37528
  var videoAttachment = false;
37526
37529
  attachments.forEach(function (att) {
37527
- if (att.type === 'video' || att.data.type.split('/')[0] === 'video') {
37530
+ if ((att.type === 'video' || att.data.type.split('/')[0] === 'video') && att.type !== 'file') {
37528
37531
  videoAttachment = true;
37529
37532
  if (!readyVideoAttachments[att.tid]) {
37530
37533
  setSendMessageIsActive(false);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.1-beta.14",
3
+ "version": "1.7.1-beta.16",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",