sceyt-chat-react-uikit 1.6.8-beta.12 → 1.6.8-beta.13

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 (4) hide show
  1. package/components/Channel/index.d.ts +1 -0
  2. package/index.js +32 -30
  3. package/index.modern.js +32 -30
  4. package/package.json +1 -1
package/components/Channel/index.d.ts CHANGED
@@ -85,6 +85,7 @@ export declare const LastMessageText: import("styled-components").StyledComponen
85
85
  noBody?: boolean | undefined;
86
86
  deletedMessage?: boolean | undefined;
87
87
  }, never>;
88
+ export declare const LastMessageDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
88
89
  export declare const ChannelStatus: import("styled-components").StyledComponent<"div", any, {
89
90
  color: string;
90
91
  }, never>;
package/index.js CHANGED
@@ -13851,30 +13851,31 @@ function getChannelMentions(action) {
13851
13851
  mentionsQueryBuilder = new SceytChatClient.MentionsListQueryBuilder();
13852
13852
  mentionsQueryBuilder.setChannelId(channelId);
13853
13853
  mentionsQueryBuilder.limit(10);
13854
- _context7.next = 9;
13854
+ mentionsQueryBuilder.setDirection(queryDirection.NEXT);
13855
+ _context7.next = 10;
13855
13856
  return effects.call(mentionsQueryBuilder.build);
13856
- case 9:
13857
+ case 10:
13857
13858
  mentionsQuery = _context7.sent;
13858
- _context7.next = 12;
13859
+ _context7.next = 13;
13859
13860
  return effects.call(mentionsQuery.loadNext);
13860
- case 12:
13861
+ case 13:
13861
13862
  mentions = _context7.sent;
13862
- _context7.next = 15;
13863
+ _context7.next = 16;
13863
13864
  return effects.put(updateChannelDataAC(channelId, {
13864
13865
  mentionsIds: mentions.mentions
13865
13866
  }));
13866
- case 15:
13867
- _context7.next = 20;
13867
+ case 16:
13868
+ _context7.next = 21;
13868
13869
  break;
13869
- case 17:
13870
- _context7.prev = 17;
13870
+ case 18:
13871
+ _context7.prev = 18;
13871
13872
  _context7.t0 = _context7["catch"](0);
13872
13873
  log.error(_context7.t0, 'Error in get channel mentions');
13873
- case 20:
13874
+ case 21:
13874
13875
  case "end":
13875
13876
  return _context7.stop();
13876
13877
  }
13877
- }, _marked7, null, [[0, 17]]);
13878
+ }, _marked7, null, [[0, 18]]);
13878
13879
  }
13879
13880
  function channelsForForwardLoadMore(action) {
13880
13881
  var payload, limit, SceytChatClient, channelQueryForward, channelsData, channelsToAdd, _yield$call4, mappedChannels;
@@ -19473,7 +19474,7 @@ var DeletedAvatarWrapper = styled__default(SvgDeletedUserAvatar)(_templateObject
19473
19474
  return props.color;
19474
19475
  });
19475
19476
 
19476
- var _templateObject$4, _templateObject2$4, _templateObject3$3, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1;
19477
+ var _templateObject$4, _templateObject2$4, _templateObject3$3, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
19477
19478
  var ChannelMessageText = function ChannelMessageText(_ref) {
19478
19479
  var isTypingOrRecording = _ref.isTypingOrRecording,
19479
19480
  textPrimary = _ref.textPrimary,
@@ -19496,7 +19497,7 @@ var ChannelMessageText = function ChannelMessageText(_ref) {
19496
19497
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
19497
19498
  })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'RM' ? " removed " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.slice(0, 5).map(function (mem) {
19498
19499
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
19499
- })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'LG' ? 'Left this group' : '') : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, channel.lastReactedMessage && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Reacted", /*#__PURE__*/React__default.createElement(ReactionItem, null, channel.newReactions && channel.newReactions[0] && channel.newReactions[0].key), "to", ' "')), !!(lastMessage.attachments && lastMessage.attachments.length) && (lastMessage.attachments[0].type === attachmentTypes.image ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgPicture, null), lastMessage.body ? '' : 'Photo')) : lastMessage.attachments[0].type === attachmentTypes.video ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVideoCall, null), lastMessage.body ? '' : 'Video')) : lastMessage.attachments[0].type === attachmentTypes.file ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgChoseFile, null), lastMessage.body ? '' : 'File')) : lastMessage.attachments[0].type === attachmentTypes.voice ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVoiceIcon, null), lastMessage.body ? '' : 'Voice')) : null), !!(lastMessage && lastMessage.id) && MessageTextFormat({
19500
+ })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'LG' ? 'Left this group' : '') : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, channel.lastReactedMessage && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Reacted", /*#__PURE__*/React__default.createElement(ReactionItem, null, channel.newReactions && channel.newReactions[0] && channel.newReactions[0].key), "to", ' "')), !!(lastMessage.attachments && lastMessage.attachments.length) && (lastMessage.attachments[0].type === attachmentTypes.image ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgPicture, null), lastMessage.body ? '' : 'Photo')) : lastMessage.attachments[0].type === attachmentTypes.video ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVideoCall, null), lastMessage.body ? '' : 'Video')) : lastMessage.attachments[0].type === attachmentTypes.file ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgChoseFile, null), lastMessage.body ? '' : 'File')) : lastMessage.attachments[0].type === attachmentTypes.voice ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVoiceIcon, null), lastMessage.body ? '' : 'Voice')) : null), /*#__PURE__*/React__default.createElement(LastMessageDescription, null, !!(lastMessage && lastMessage.id) && MessageTextFormat({
19500
19501
  text: lastMessage.body,
19501
19502
  message: lastMessage,
19502
19503
  contactsMap: contactsMap,
@@ -19504,7 +19505,7 @@ var ChannelMessageText = function ChannelMessageText(_ref) {
19504
19505
  isLastMessage: true,
19505
19506
  accentColor: accentColor,
19506
19507
  textSecondary: textSecondary
19507
- }), channel.lastReactedMessage && '"'))));
19508
+ })), channel.lastReactedMessage && '"'))));
19508
19509
  };
19509
19510
  var Channel = function Channel(_ref2) {
19510
19511
  var _channel$metadata, _channel$metadata2;
@@ -19707,7 +19708,7 @@ var Channel = function Channel(_ref2) {
19707
19708
  }, /*#__PURE__*/React__default.createElement("span", {
19708
19709
  ref: messageAuthorRef
19709
19710
  }, lastMessage.user.id === user.id ? 'You' : makeUsername(contactsMap && contactsMap[lastMessage.user.id], lastMessage.user, getFromContacts, true)))), !isTypingOrRecording && (isDirectChannel ? !isTypingOrRecording && (draftMessageText || lastMessage.user && lastMessage.state !== MESSAGE_STATUS.DELETE && (channel.lastReactedMessage && channel.newReactions && channel.newReactions[0] ? channel.newReactions[0].user && channel.newReactions[0].user.id === user.id : lastMessage.user.id === user.id)) : isTypingOrRecording && draftMessageText || lastMessage && lastMessage.state !== MESSAGE_STATUS.DELETE && lastMessage.type !== 'system') && (/*#__PURE__*/React__default.createElement(Points, {
19710
- color: draftMessageText && warningColor
19711
+ color: draftMessageText && warningColor || textPrimary
19711
19712
  }, ": ")), /*#__PURE__*/React__default.createElement(LastMessageText, {
19712
19713
  color: textSecondary,
19713
19714
  withAttachments: !!(lastMessage && lastMessage.attachments && lastMessage.attachments.length && lastMessage.attachments[0].type !== attachmentTypes.link) && !isTypingOrRecording,
@@ -19808,7 +19809,7 @@ var LastMessageAuthor = styled__default.div(_templateObject9$1 || (_templateObje
19808
19809
  var Points = styled__default.span(_templateObject0$1 || (_templateObject0$1 = _taggedTemplateLiteralLoose(["\n margin-right: 4px;\n color: ", ";\n"])), function (props) {
19809
19810
  return props.color;
19810
19811
  });
19811
- var LastMessageText = styled__default.span(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: ", ";\n font-style: ", ";\n transform: ", ";\n //height: 20px;\n\n > svg {\n width: 16px;\n height: 16px;\n margin-right: 4px;\n color: ", ";\n //transform: ", ";\n transform: translate(0px, 3px);\n }\n"])), function (props) {
19812
+ var LastMessageText = styled__default.span(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: ", ";\n font-style: ", ";\n transform: ", ";\n //height: 20px;\n\n > svg {\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n margin-right: 4px;\n color: ", ";\n transform: translate(0px, 3px);\n }\n & > span {\n display: flex;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n & > div {\n display: flex;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n & > svg {\n width: 18px;\n height: 18px;\n min-width: 18px;\n min-height: 18px;\n color: ", ";\n }\n }\n"])), function (props) {
19812
19813
  return props.color;
19813
19814
  }, function (props) {
19814
19815
  return props.deletedMessage && 'italic';
@@ -19817,28 +19818,29 @@ var LastMessageText = styled__default.span(_templateObject1$1 || (_templateObjec
19817
19818
  }, function (props) {
19818
19819
  return props.color;
19819
19820
  }, function (props) {
19820
- return props.withAttachments ? 'translate(0px, 3px)' : 'translate(0px, 2px)';
19821
+ return props.color;
19821
19822
  });
19822
- var ChannelStatus = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 16px;\n top: 15px;\n display: flex;\n flex-wrap: wrap;\n height: 42px;\n margin-left: auto;\n\n & > svg {\n width: 16px;\n height: 16px;\n color: ", ";\n }\n"])), function (props) {
19823
+ var LastMessageDescription = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n"])));
19824
+ var ChannelStatus = styled__default.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 16px;\n top: 15px;\n display: flex;\n flex-wrap: wrap;\n height: 42px;\n margin-left: auto;\n\n & > svg {\n width: 16px;\n height: 16px;\n color: ", ";\n }\n"])), function (props) {
19823
19825
  return props.color;
19824
19826
  });
19825
- var LastMessageDate = styled__default.span(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: ", ";\n line-height: 16px;\n"])), function (props) {
19827
+ var LastMessageDate = styled__default.span(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: ", ";\n line-height: 16px;\n"])), function (props) {
19826
19828
  return props.color;
19827
19829
  }, function (props) {
19828
19830
  return props.fontSize || '12px';
19829
19831
  });
19830
- var DeliveryIconCont = styled__default.span(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n margin-right: 6px;\n line-height: 13px;\n"])));
19831
- var UnreadMentionIconWrapper = styled__default.span(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n margin-right: ", ";\n line-height: 13px;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
19832
+ var DeliveryIconCont = styled__default.span(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n margin-right: 6px;\n line-height: 13px;\n"])));
19833
+ var UnreadMentionIconWrapper = styled__default.span(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n margin-right: ", ";\n line-height: 13px;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
19832
19834
  return props.rightMargin && '8px';
19833
19835
  }, function (props) {
19834
19836
  return props.iconColor;
19835
19837
  });
19836
- var TypingIndicator = styled__default.span(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n font-style: italic;\n"])));
19837
- var ReactionItem = styled__default.span(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n font-family:\n apple color emoji,\n segoe ui emoji,\n noto color emoji,\n android emoji,\n emojisymbols,\n emojione mozilla,\n twemoji mozilla,\n segoe ui symbol;\n padding: 0 3px;\n"])));
19838
- var UnreadInfo = styled__default.span(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: ", ";\n right: 16px;\n display: flex;\n margin-top: 7px;\n align-items: center;\n flex: 0 0 auto;\n margin-left: auto;\n"])), function (props) {
19838
+ var TypingIndicator = styled__default.span(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n font-style: italic;\n"])));
19839
+ var ReactionItem = styled__default.span(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n font-family:\n apple color emoji,\n segoe ui emoji,\n noto color emoji,\n android emoji,\n emojisymbols,\n emojione mozilla,\n twemoji mozilla,\n segoe ui symbol;\n padding: 0 3px;\n"])));
19840
+ var UnreadInfo = styled__default.span(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: ", ";\n right: 16px;\n display: flex;\n margin-top: 7px;\n align-items: center;\n flex: 0 0 auto;\n margin-left: auto;\n"])), function (props) {
19839
19841
  return props.bottom || '11px';
19840
19842
  });
19841
- var UnreadCount = styled__default.span(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n padding: 0 4px;\n font-size: ", ";\n min-width: ", ";\n height: ", ";\n text-align: center;\n font-weight: 500;\n color: ", ";\n border-radius: 10px;\n box-sizing: border-box;\n\n ", "\n"])), function (props) {
19843
+ var UnreadCount = styled__default.span(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n padding: 0 4px;\n font-size: ", ";\n min-width: ", ";\n height: ", ";\n text-align: center;\n font-weight: 500;\n color: ", ";\n border-radius: 10px;\n box-sizing: border-box;\n\n ", "\n"])), function (props) {
19842
19844
  return props.backgroundColor;
19843
19845
  }, function (props) {
19844
19846
  return props.fontSize || '13px';
@@ -19851,10 +19853,10 @@ var UnreadCount = styled__default.span(_templateObject17$1 || (_templateObject17
19851
19853
  }, function (props) {
19852
19854
  return props.isMuted && "background-color: " + props.mutedBackgroundColor + ";";
19853
19855
  });
19854
- var PinnedIconWrapper = styled__default.span(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n & > svg {\n color: ", ";\n }\n"])), function (props) {
19856
+ var PinnedIconWrapper = styled__default.span(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n & > svg {\n color: ", ";\n }\n"])), function (props) {
19855
19857
  return props.color;
19856
19858
  });
19857
- var MessageTextContainer = styled__default.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"])));
19859
+ var MessageTextContainer = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"])));
19858
19860
 
19859
19861
  var _templateObject$5, _templateObject2$5;
19860
19862
  var SearchInputContainer = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n max-width: ", ";\n box-sizing: border-box;\n padding: ", ";\n\n & ", " {\n ", ";\n }\n"])), function (props) {
@@ -22278,7 +22280,7 @@ var NoData = styled__default.div(_templateObject8$4 || (_templateObject8$4 = _ta
22278
22280
  return props.color;
22279
22281
  });
22280
22282
  var LoadingWrapper = styled__default.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: calc(50% - 20px);\n top: calc(50% - 20px);\n"])));
22281
- var ChannelListHeader = styled__default.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n max-width: ", ";\n padding: 12px;\n box-sizing: border-box;\n padding-left: ", ";\n border-right: ", ";\n"])), function (props) {
22283
+ var ChannelListHeader = styled__default.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n max-width: ", ";\n padding: 12px;\n padding-left: 22px;\n box-sizing: border-box;\n padding-left: ", ";\n border-right: ", ";\n"])), function (props) {
22282
22284
  return props.maxWidth ? props.maxWidth + "px" : 'inherit';
22283
22285
  }, function (props) {
22284
22286
  return props.withoutProfile && '52px';
@@ -34107,7 +34109,7 @@ var RecordingAnimation = function RecordingAnimation(_ref2) {
34107
34109
  }));
34108
34110
  };
34109
34111
 
34110
- var _templateObject$I, _templateObject2$D, _templateObject3$w, _templateObject4$r, _templateObject5$n, _templateObject6$j, _templateObject7$h, _templateObject8$f, _templateObject9$d, _templateObject0$c, _templateObject1$8, _templateObject10$5, _templateObject11$5, _templateObject12$4, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
34112
+ var _templateObject$I, _templateObject2$D, _templateObject3$w, _templateObject4$r, _templateObject5$n, _templateObject6$j, _templateObject7$h, _templateObject8$f, _templateObject9$d, _templateObject0$c, _templateObject1$8, _templateObject10$5, _templateObject11$5, _templateObject12$4, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
34111
34113
  function AutoFocusPlugin(_ref) {
34112
34114
  var messageForReply = _ref.messageForReply;
34113
34115
  var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
@@ -35760,7 +35762,7 @@ var TypingIndicatorCont = styled__default.div(_templateObject18$2 || (_templateO
35760
35762
  var TypingFrom = styled__default.h5(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n margin: 0 4px 0 0;\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n letter-spacing: -0.2px;\n color: ", ";\n"])), function (props) {
35761
35763
  return props.color;
35762
35764
  });
35763
- var sizeAnimation = styled.keyframes(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n 0% {\n width: 2px;\n height: 2px;\n opacity: 0.4;\n }\n 50% {\n width: 2px;\n height: 2px;\n opacity: 0.4;\n }\n 100% {\n width: 6px;\n height: 6px;\n opacity: 1;\n }\n"])));
35765
+ var sizeAnimation = styled.keyframes(_templateObject20$2 || (_templateObject20$2 = _taggedTemplateLiteralLoose(["\n 0% {\n width: 2px;\n height: 2px;\n opacity: 0.4;\n }\n 50% {\n width: 2px;\n height: 2px;\n opacity: 0.4;\n }\n 100% {\n width: 6px;\n height: 6px;\n opacity: 1;\n }\n"])));
35764
35766
  var DotOne = styled__default.span(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose([""])));
35765
35767
  var DotTwo = styled__default.span(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteralLoose([""])));
35766
35768
  var DotThree = styled__default.span(_templateObject23$1 || (_templateObject23$1 = _taggedTemplateLiteralLoose([""])));
package/index.modern.js CHANGED
@@ -13828,30 +13828,31 @@ function getChannelMentions(action) {
13828
13828
  mentionsQueryBuilder = new SceytChatClient.MentionsListQueryBuilder();
13829
13829
  mentionsQueryBuilder.setChannelId(channelId);
13830
13830
  mentionsQueryBuilder.limit(10);
13831
- _context7.next = 9;
13831
+ mentionsQueryBuilder.setDirection(queryDirection.NEXT);
13832
+ _context7.next = 10;
13832
13833
  return call(mentionsQueryBuilder.build);
13833
- case 9:
13834
+ case 10:
13834
13835
  mentionsQuery = _context7.sent;
13835
- _context7.next = 12;
13836
+ _context7.next = 13;
13836
13837
  return call(mentionsQuery.loadNext);
13837
- case 12:
13838
+ case 13:
13838
13839
  mentions = _context7.sent;
13839
- _context7.next = 15;
13840
+ _context7.next = 16;
13840
13841
  return put(updateChannelDataAC(channelId, {
13841
13842
  mentionsIds: mentions.mentions
13842
13843
  }));
13843
- case 15:
13844
- _context7.next = 20;
13844
+ case 16:
13845
+ _context7.next = 21;
13845
13846
  break;
13846
- case 17:
13847
- _context7.prev = 17;
13847
+ case 18:
13848
+ _context7.prev = 18;
13848
13849
  _context7.t0 = _context7["catch"](0);
13849
13850
  log.error(_context7.t0, 'Error in get channel mentions');
13850
- case 20:
13851
+ case 21:
13851
13852
  case "end":
13852
13853
  return _context7.stop();
13853
13854
  }
13854
- }, _marked7, null, [[0, 17]]);
13855
+ }, _marked7, null, [[0, 18]]);
13855
13856
  }
13856
13857
  function channelsForForwardLoadMore(action) {
13857
13858
  var payload, limit, SceytChatClient, channelQueryForward, channelsData, channelsToAdd, _yield$call4, mappedChannels;
@@ -19450,7 +19451,7 @@ var DeletedAvatarWrapper = styled(SvgDeletedUserAvatar)(_templateObject4$2 || (_
19450
19451
  return props.color;
19451
19452
  });
19452
19453
 
19453
- var _templateObject$4, _templateObject2$4, _templateObject3$3, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1;
19454
+ var _templateObject$4, _templateObject2$4, _templateObject3$3, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
19454
19455
  var ChannelMessageText = function ChannelMessageText(_ref) {
19455
19456
  var isTypingOrRecording = _ref.isTypingOrRecording,
19456
19457
  textPrimary = _ref.textPrimary,
@@ -19473,7 +19474,7 @@ var ChannelMessageText = function ChannelMessageText(_ref) {
19473
19474
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
19474
19475
  })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'RM' ? " removed " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.slice(0, 5).map(function (mem) {
19475
19476
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
19476
- })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'LG' ? 'Left this group' : '') : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, channel.lastReactedMessage && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Reacted", /*#__PURE__*/React__default.createElement(ReactionItem, null, channel.newReactions && channel.newReactions[0] && channel.newReactions[0].key), "to", ' "')), !!(lastMessage.attachments && lastMessage.attachments.length) && (lastMessage.attachments[0].type === attachmentTypes.image ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgPicture, null), lastMessage.body ? '' : 'Photo')) : lastMessage.attachments[0].type === attachmentTypes.video ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVideoCall, null), lastMessage.body ? '' : 'Video')) : lastMessage.attachments[0].type === attachmentTypes.file ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgChoseFile, null), lastMessage.body ? '' : 'File')) : lastMessage.attachments[0].type === attachmentTypes.voice ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVoiceIcon, null), lastMessage.body ? '' : 'Voice')) : null), !!(lastMessage && lastMessage.id) && MessageTextFormat({
19477
+ })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'LG' ? 'Left this group' : '') : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, channel.lastReactedMessage && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Reacted", /*#__PURE__*/React__default.createElement(ReactionItem, null, channel.newReactions && channel.newReactions[0] && channel.newReactions[0].key), "to", ' "')), !!(lastMessage.attachments && lastMessage.attachments.length) && (lastMessage.attachments[0].type === attachmentTypes.image ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgPicture, null), lastMessage.body ? '' : 'Photo')) : lastMessage.attachments[0].type === attachmentTypes.video ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVideoCall, null), lastMessage.body ? '' : 'Video')) : lastMessage.attachments[0].type === attachmentTypes.file ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgChoseFile, null), lastMessage.body ? '' : 'File')) : lastMessage.attachments[0].type === attachmentTypes.voice ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVoiceIcon, null), lastMessage.body ? '' : 'Voice')) : null), /*#__PURE__*/React__default.createElement(LastMessageDescription, null, !!(lastMessage && lastMessage.id) && MessageTextFormat({
19477
19478
  text: lastMessage.body,
19478
19479
  message: lastMessage,
19479
19480
  contactsMap: contactsMap,
@@ -19481,7 +19482,7 @@ var ChannelMessageText = function ChannelMessageText(_ref) {
19481
19482
  isLastMessage: true,
19482
19483
  accentColor: accentColor,
19483
19484
  textSecondary: textSecondary
19484
- }), channel.lastReactedMessage && '"'))));
19485
+ })), channel.lastReactedMessage && '"'))));
19485
19486
  };
19486
19487
  var Channel = function Channel(_ref2) {
19487
19488
  var _channel$metadata, _channel$metadata2;
@@ -19684,7 +19685,7 @@ var Channel = function Channel(_ref2) {
19684
19685
  }, /*#__PURE__*/React__default.createElement("span", {
19685
19686
  ref: messageAuthorRef
19686
19687
  }, lastMessage.user.id === user.id ? 'You' : makeUsername(contactsMap && contactsMap[lastMessage.user.id], lastMessage.user, getFromContacts, true)))), !isTypingOrRecording && (isDirectChannel ? !isTypingOrRecording && (draftMessageText || lastMessage.user && lastMessage.state !== MESSAGE_STATUS.DELETE && (channel.lastReactedMessage && channel.newReactions && channel.newReactions[0] ? channel.newReactions[0].user && channel.newReactions[0].user.id === user.id : lastMessage.user.id === user.id)) : isTypingOrRecording && draftMessageText || lastMessage && lastMessage.state !== MESSAGE_STATUS.DELETE && lastMessage.type !== 'system') && (/*#__PURE__*/React__default.createElement(Points, {
19687
- color: draftMessageText && warningColor
19688
+ color: draftMessageText && warningColor || textPrimary
19688
19689
  }, ": ")), /*#__PURE__*/React__default.createElement(LastMessageText, {
19689
19690
  color: textSecondary,
19690
19691
  withAttachments: !!(lastMessage && lastMessage.attachments && lastMessage.attachments.length && lastMessage.attachments[0].type !== attachmentTypes.link) && !isTypingOrRecording,
@@ -19785,7 +19786,7 @@ var LastMessageAuthor = styled.div(_templateObject9$1 || (_templateObject9$1 = _
19785
19786
  var Points = styled.span(_templateObject0$1 || (_templateObject0$1 = _taggedTemplateLiteralLoose(["\n margin-right: 4px;\n color: ", ";\n"])), function (props) {
19786
19787
  return props.color;
19787
19788
  });
19788
- var LastMessageText = styled.span(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: ", ";\n font-style: ", ";\n transform: ", ";\n //height: 20px;\n\n > svg {\n width: 16px;\n height: 16px;\n margin-right: 4px;\n color: ", ";\n //transform: ", ";\n transform: translate(0px, 3px);\n }\n"])), function (props) {
19789
+ var LastMessageText = styled.span(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: ", ";\n font-style: ", ";\n transform: ", ";\n //height: 20px;\n\n > svg {\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n margin-right: 4px;\n color: ", ";\n transform: translate(0px, 3px);\n }\n & > span {\n display: flex;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n & > div {\n display: flex;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n & > svg {\n width: 18px;\n height: 18px;\n min-width: 18px;\n min-height: 18px;\n color: ", ";\n }\n }\n"])), function (props) {
19789
19790
  return props.color;
19790
19791
  }, function (props) {
19791
19792
  return props.deletedMessage && 'italic';
@@ -19794,28 +19795,29 @@ var LastMessageText = styled.span(_templateObject1$1 || (_templateObject1$1 = _t
19794
19795
  }, function (props) {
19795
19796
  return props.color;
19796
19797
  }, function (props) {
19797
- return props.withAttachments ? 'translate(0px, 3px)' : 'translate(0px, 2px)';
19798
+ return props.color;
19798
19799
  });
19799
- var ChannelStatus = styled.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 16px;\n top: 15px;\n display: flex;\n flex-wrap: wrap;\n height: 42px;\n margin-left: auto;\n\n & > svg {\n width: 16px;\n height: 16px;\n color: ", ";\n }\n"])), function (props) {
19800
+ var LastMessageDescription = styled.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n"])));
19801
+ var ChannelStatus = styled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 16px;\n top: 15px;\n display: flex;\n flex-wrap: wrap;\n height: 42px;\n margin-left: auto;\n\n & > svg {\n width: 16px;\n height: 16px;\n color: ", ";\n }\n"])), function (props) {
19800
19802
  return props.color;
19801
19803
  });
19802
- var LastMessageDate = styled.span(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: ", ";\n line-height: 16px;\n"])), function (props) {
19804
+ var LastMessageDate = styled.span(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: ", ";\n line-height: 16px;\n"])), function (props) {
19803
19805
  return props.color;
19804
19806
  }, function (props) {
19805
19807
  return props.fontSize || '12px';
19806
19808
  });
19807
- var DeliveryIconCont = styled.span(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n margin-right: 6px;\n line-height: 13px;\n"])));
19808
- var UnreadMentionIconWrapper = styled.span(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n margin-right: ", ";\n line-height: 13px;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
19809
+ var DeliveryIconCont = styled.span(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n margin-right: 6px;\n line-height: 13px;\n"])));
19810
+ var UnreadMentionIconWrapper = styled.span(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n margin-right: ", ";\n line-height: 13px;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
19809
19811
  return props.rightMargin && '8px';
19810
19812
  }, function (props) {
19811
19813
  return props.iconColor;
19812
19814
  });
19813
- var TypingIndicator = styled.span(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n font-style: italic;\n"])));
19814
- var ReactionItem = styled.span(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n font-family:\n apple color emoji,\n segoe ui emoji,\n noto color emoji,\n android emoji,\n emojisymbols,\n emojione mozilla,\n twemoji mozilla,\n segoe ui symbol;\n padding: 0 3px;\n"])));
19815
- var UnreadInfo = styled.span(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: ", ";\n right: 16px;\n display: flex;\n margin-top: 7px;\n align-items: center;\n flex: 0 0 auto;\n margin-left: auto;\n"])), function (props) {
19815
+ var TypingIndicator = styled.span(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n font-style: italic;\n"])));
19816
+ var ReactionItem = styled.span(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n font-family:\n apple color emoji,\n segoe ui emoji,\n noto color emoji,\n android emoji,\n emojisymbols,\n emojione mozilla,\n twemoji mozilla,\n segoe ui symbol;\n padding: 0 3px;\n"])));
19817
+ var UnreadInfo = styled.span(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: ", ";\n right: 16px;\n display: flex;\n margin-top: 7px;\n align-items: center;\n flex: 0 0 auto;\n margin-left: auto;\n"])), function (props) {
19816
19818
  return props.bottom || '11px';
19817
19819
  });
19818
- var UnreadCount = styled.span(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n padding: 0 4px;\n font-size: ", ";\n min-width: ", ";\n height: ", ";\n text-align: center;\n font-weight: 500;\n color: ", ";\n border-radius: 10px;\n box-sizing: border-box;\n\n ", "\n"])), function (props) {
19820
+ var UnreadCount = styled.span(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n padding: 0 4px;\n font-size: ", ";\n min-width: ", ";\n height: ", ";\n text-align: center;\n font-weight: 500;\n color: ", ";\n border-radius: 10px;\n box-sizing: border-box;\n\n ", "\n"])), function (props) {
19819
19821
  return props.backgroundColor;
19820
19822
  }, function (props) {
19821
19823
  return props.fontSize || '13px';
@@ -19828,10 +19830,10 @@ var UnreadCount = styled.span(_templateObject17$1 || (_templateObject17$1 = _tag
19828
19830
  }, function (props) {
19829
19831
  return props.isMuted && "background-color: " + props.mutedBackgroundColor + ";";
19830
19832
  });
19831
- var PinnedIconWrapper = styled.span(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n & > svg {\n color: ", ";\n }\n"])), function (props) {
19833
+ var PinnedIconWrapper = styled.span(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n & > svg {\n color: ", ";\n }\n"])), function (props) {
19832
19834
  return props.color;
19833
19835
  });
19834
- var MessageTextContainer = styled.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"])));
19836
+ var MessageTextContainer = styled.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"])));
19835
19837
 
19836
19838
  var _templateObject$5, _templateObject2$5;
19837
19839
  var SearchInputContainer = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n max-width: ", ";\n box-sizing: border-box;\n padding: ", ";\n\n & ", " {\n ", ";\n }\n"])), function (props) {
@@ -22255,7 +22257,7 @@ var NoData = styled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTempl
22255
22257
  return props.color;
22256
22258
  });
22257
22259
  var LoadingWrapper = styled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: calc(50% - 20px);\n top: calc(50% - 20px);\n"])));
22258
- var ChannelListHeader = styled.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n max-width: ", ";\n padding: 12px;\n box-sizing: border-box;\n padding-left: ", ";\n border-right: ", ";\n"])), function (props) {
22260
+ var ChannelListHeader = styled.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n max-width: ", ";\n padding: 12px;\n padding-left: 22px;\n box-sizing: border-box;\n padding-left: ", ";\n border-right: ", ";\n"])), function (props) {
22259
22261
  return props.maxWidth ? props.maxWidth + "px" : 'inherit';
22260
22262
  }, function (props) {
22261
22263
  return props.withoutProfile && '52px';
@@ -34084,7 +34086,7 @@ var RecordingAnimation = function RecordingAnimation(_ref2) {
34084
34086
  }));
34085
34087
  };
34086
34088
 
34087
- var _templateObject$I, _templateObject2$D, _templateObject3$w, _templateObject4$r, _templateObject5$n, _templateObject6$j, _templateObject7$h, _templateObject8$f, _templateObject9$d, _templateObject0$c, _templateObject1$8, _templateObject10$5, _templateObject11$5, _templateObject12$4, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
34089
+ var _templateObject$I, _templateObject2$D, _templateObject3$w, _templateObject4$r, _templateObject5$n, _templateObject6$j, _templateObject7$h, _templateObject8$f, _templateObject9$d, _templateObject0$c, _templateObject1$8, _templateObject10$5, _templateObject11$5, _templateObject12$4, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
34088
34090
  function AutoFocusPlugin(_ref) {
34089
34091
  var messageForReply = _ref.messageForReply;
34090
34092
  var _useLexicalComposerCo = useLexicalComposerContext(),
@@ -35737,7 +35739,7 @@ var TypingIndicatorCont = styled.div(_templateObject18$2 || (_templateObject18$2
35737
35739
  var TypingFrom = styled.h5(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n margin: 0 4px 0 0;\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n letter-spacing: -0.2px;\n color: ", ";\n"])), function (props) {
35738
35740
  return props.color;
35739
35741
  });
35740
- var sizeAnimation = keyframes(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n 0% {\n width: 2px;\n height: 2px;\n opacity: 0.4;\n }\n 50% {\n width: 2px;\n height: 2px;\n opacity: 0.4;\n }\n 100% {\n width: 6px;\n height: 6px;\n opacity: 1;\n }\n"])));
35742
+ var sizeAnimation = keyframes(_templateObject20$2 || (_templateObject20$2 = _taggedTemplateLiteralLoose(["\n 0% {\n width: 2px;\n height: 2px;\n opacity: 0.4;\n }\n 50% {\n width: 2px;\n height: 2px;\n opacity: 0.4;\n }\n 100% {\n width: 6px;\n height: 6px;\n opacity: 1;\n }\n"])));
35741
35743
  var DotOne = styled.span(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose([""])));
35742
35744
  var DotTwo = styled.span(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteralLoose([""])));
35743
35745
  var DotThree = styled.span(_templateObject23$1 || (_templateObject23$1 = _taggedTemplateLiteralLoose([""])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.6.8-beta.12",
3
+ "version": "1.6.8-beta.13",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",