sceyt-chat-react-uikit 1.7.4-beta.5 → 1.7.4-beta.6

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 (5) hide show
  1. package/components/Message/OGMetadata/index.d.ts +2 -1
  2. package/index.js +59 -28
  3. package/index.modern.js +59 -28
  4. package/messageUtils/index.d.ts +2 -1
  5. package/package.json +1 -1
package/components/Message/OGMetadata/index.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
2
  import { IAttachment } from '../../../types';
3
- declare const OGMetadata: ({ attachments, state, incoming }: {
3
+ declare const OGMetadata: ({ attachments, state, incoming, target }: {
4
4
  attachments: IAttachment[];
5
5
  state: string;
6
6
  incoming: boolean;
7
+ target?: string | undefined;
7
8
  }) => React.JSX.Element;
8
9
  export { OGMetadata };
package/index.js CHANGED
@@ -12760,7 +12760,7 @@ function SvgSearch(props) {
12760
12760
  })));
12761
12761
  }
12762
12762
 
12763
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40;
12763
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
12764
12764
  function md5(inputString) {
12765
12765
  var hc = '0123456789abcdef';
12766
12766
  function rh(n) {
@@ -13256,6 +13256,11 @@ var AttachmentPreviewTitle = styled__default.span(_templateObject40 || (_templat
13256
13256
  }, function (props) {
13257
13257
  return props.color;
13258
13258
  });
13259
+ var CopiedTooltip = styled__default.span(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: calc(100% + 6px);\n padding: 4px 8px;\n border-radius: 6px;\n font-size: 12px;\n line-height: 14px;\n white-space: nowrap;\n pointer-events: none;\n z-index: 10;\n animation: slideDownFadeIn 0.3s ease-out;\n background-color: ", ";\n color: ", ";\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);\n\n @keyframes slideDownFadeIn {\n from {\n transform: translateX(-50%) translateY(8px);\n opacity: 0;\n }\n to {\n transform: translateX(-50%) translateY(0);\n opacity: 1;\n }\n }\n"])), function (p) {
13260
+ return p.background;
13261
+ }, function (p) {
13262
+ return p.color;
13263
+ });
13259
13264
 
13260
13265
  var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1;
13261
13266
  var StatusText = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: ", ";\n"])), function (props) {
@@ -13332,7 +13337,10 @@ var MessageStatusIcon = function MessageStatusIcon(_ref) {
13332
13337
  });
13333
13338
  }
13334
13339
  };
13335
- var linkifyTextPart = function linkifyTextPart(textPart, match) {
13340
+ var linkifyTextPart = function linkifyTextPart(textPart, match, target) {
13341
+ if (target === void 0) {
13342
+ target = '_blank';
13343
+ }
13336
13344
  var newMessageText;
13337
13345
  var prevMatchEnd = 0;
13338
13346
  var lastFoundIndex = 0;
@@ -13344,7 +13352,7 @@ var linkifyTextPart = function linkifyTextPart(textPart, match) {
13344
13352
  draggable: false,
13345
13353
  key: index,
13346
13354
  href: matchItem.url,
13347
- target: '_blank',
13355
+ target: target,
13348
13356
  rel: 'noreferrer'
13349
13357
  }, "" + matchItem.text)];
13350
13358
  } else {
@@ -13352,7 +13360,7 @@ var linkifyTextPart = function linkifyTextPart(textPart, match) {
13352
13360
  draggable: false,
13353
13361
  key: index,
13354
13362
  href: matchItem.url,
13355
- target: '_blank',
13363
+ target: target,
13356
13364
  rel: 'noreferrer'
13357
13365
  }, "" + matchItem.text));
13358
13366
  }
@@ -13374,7 +13382,9 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
13374
13382
  textSecondary = _ref2.textSecondary,
13375
13383
  onMentionNameClick = _ref2.onMentionNameClick,
13376
13384
  shouldOpenUserProfileForMention = _ref2.shouldOpenUserProfileForMention,
13377
- unsupportedMessage = _ref2.unsupportedMessage;
13385
+ unsupportedMessage = _ref2.unsupportedMessage,
13386
+ _ref2$target = _ref2.target,
13387
+ target = _ref2$target === void 0 ? '_blank' : _ref2$target;
13378
13388
  try {
13379
13389
  var messageText = [];
13380
13390
  var linkify = new LinkifyIt();
@@ -13392,12 +13402,12 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
13392
13402
  var firstPart = "" + (textPart ? textPart === null || textPart === void 0 ? void 0 : textPart.substring(nextPartIndex || 0, attributeOffset) : '');
13393
13403
  var firstPartMatch = firstPart ? linkify.match(firstPart) : '';
13394
13404
  if (!isLastMessage && !asSampleText && firstPartMatch) {
13395
- firstPart = linkifyTextPart(firstPart, firstPartMatch);
13405
+ firstPart = linkifyTextPart(firstPart, firstPartMatch, target);
13396
13406
  }
13397
13407
  var secondPart = "" + (textPart ? textPart === null || textPart === void 0 ? void 0 : textPart.substring(attributeOffset + attribute.length) : '');
13398
13408
  var secondPartMatch = secondPart ? linkify.match(secondPart) : '';
13399
13409
  if (!isLastMessage && !asSampleText && secondPartMatch) {
13400
- secondPart = linkifyTextPart(secondPart, secondPartMatch);
13410
+ secondPart = linkifyTextPart(secondPart, secondPartMatch, target);
13401
13411
  }
13402
13412
  if (attribute.type.includes('mention')) {
13403
13413
  var mentionDisplay = message.mentionedUsers && message.mentionedUsers.find(function (men) {
@@ -13466,7 +13476,7 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
13466
13476
  } else {
13467
13477
  var match = linkify.match(text);
13468
13478
  if (!isLastMessage && !asSampleText && match) {
13469
- messageText = linkifyTextPart(text, match);
13479
+ messageText = linkifyTextPart(text, match, target);
13470
13480
  }
13471
13481
  }
13472
13482
  return messageText.length > 1 ? asSampleText ? messageText.join('') : messageText : text;
@@ -22120,7 +22130,7 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
22120
22130
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
22121
22131
  })) + " " + (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) {
22122
22132
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
22123
- })) + " " + (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, /*#__PURE__*/React__default.createElement(LastMessageDescription, 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", ' "')), LastMessageAttachments({
22133
+ })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'LG' ? 'Left this group' : lastMessage.body === 'JL' ? 'Joined this group via invite link' : '') : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(LastMessageDescription, 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", ' "')), LastMessageAttachments({
22124
22134
  lastMessage: lastMessage
22125
22135
  }), !!(lastMessage && lastMessage.id) && MessageTextFormat({
22126
22136
  text: lastMessage.body,
@@ -32347,7 +32357,9 @@ var OGMetadata = function OGMetadata(_ref) {
32347
32357
  var _metadata$og4, _metadata$og4$image, _metadata$og4$image$, _metadata$og5, _metadata$og5$image, _metadata$og5$image$, _metadata$og6, _metadata$og7, _metadata$og7$favicon, _metadata$og8, _metadata$og8$favicon, _metadata$og9, _metadata$og0, _metadata$og1;
32348
32358
  var attachments = _ref.attachments,
32349
32359
  state = _ref.state,
32350
- incoming = _ref.incoming;
32360
+ incoming = _ref.incoming,
32361
+ _ref$target = _ref.target,
32362
+ target = _ref$target === void 0 ? '_blank' : _ref$target;
32351
32363
  var dispatch = useDispatch();
32352
32364
  var oGMetadata = useSelector(function (state) {
32353
32365
  return state.MessageReducer.oGMetadata;
@@ -32487,7 +32499,7 @@ var OGMetadata = function OGMetadata(_ref) {
32487
32499
  bgColor: incoming ? incomingMessageBackgroundX : outgoingMessageBackgroundX
32488
32500
  }, /*#__PURE__*/React__default.createElement("div", {
32489
32501
  onClick: function onClick() {
32490
- window.open(attachment === null || attachment === void 0 ? void 0 : attachment.url, '_blank');
32502
+ window.open(attachment === null || attachment === void 0 ? void 0 : attachment.url, target);
32491
32503
  },
32492
32504
  style: {
32493
32505
  width: showOGMetadata ? '100%' : 'auto'
@@ -40802,7 +40814,7 @@ function ResetLinkConfirmModal(_ref) {
40802
40814
  });
40803
40815
  }
40804
40816
 
40805
- var _templateObject$P, _templateObject2$K, _templateObject3$D, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m, _templateObject8$k, _templateObject9$g, _templateObject0$f, _templateObject1$c, _templateObject10$7, _templateObject11$7, _templateObject12$6;
40817
+ var _templateObject$P, _templateObject2$K, _templateObject3$D, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m, _templateObject8$k, _templateObject9$g, _templateObject0$f, _templateObject1$c, _templateObject10$7, _templateObject11$7, _templateObject12$6, _templateObject13$5;
40806
40818
  function InviteLinkModal(_ref) {
40807
40819
  var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
40808
40820
  var onClose = _ref.onClose,
@@ -40817,7 +40829,8 @@ function InviteLinkModal(_ref) {
40817
40829
  surface1 = _useColor[THEME_COLORS.SURFACE_1],
40818
40830
  textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY],
40819
40831
  border = _useColor[THEME_COLORS.BORDER],
40820
- iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY];
40832
+ iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
40833
+ tooltipBackground = _useColor[THEME_COLORS.TOOLTIP_BACKGROUND];
40821
40834
  var theme = useSelector(themeSelector) || 'light';
40822
40835
  var connectionStatus = useSelector(connectionStatusSelector, reactRedux.shallowEqual);
40823
40836
  var channelsInviteKeys = useSelector(channelInviteKeysSelector, reactRedux.shallowEqual);
@@ -40861,11 +40874,23 @@ function InviteLinkModal(_ref) {
40861
40874
  var _useState4 = React.useState('link'),
40862
40875
  shareMode = _useState4[0],
40863
40876
  setShareMode = _useState4[1];
40877
+ var _useState5 = React.useState(false),
40878
+ showCopiedToast = _useState5[0],
40879
+ setShowCopiedToast = _useState5[1];
40864
40880
  var logoRef = React.useRef(null);
40881
+ var toastTimeoutRef = React.useRef(null);
40865
40882
  var handleCopy = function handleCopy() {
40866
40883
  try {
40867
40884
  var _temp = _catch(function () {
40868
- return Promise.resolve(navigator.clipboard.writeText(inviteUrl)).then(function () {});
40885
+ return Promise.resolve(navigator.clipboard.writeText(inviteUrl)).then(function () {
40886
+ setShowCopiedToast(true);
40887
+ if (toastTimeoutRef.current) {
40888
+ clearTimeout(toastTimeoutRef.current);
40889
+ }
40890
+ toastTimeoutRef.current = setTimeout(function () {
40891
+ setShowCopiedToast(false);
40892
+ }, 2000);
40893
+ });
40869
40894
  }, function () {});
40870
40895
  return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
40871
40896
  } catch (e) {
@@ -41097,6 +41122,13 @@ function InviteLinkModal(_ref) {
41097
41122
  dispatch(getChannelInviteKeysAC(channelId));
41098
41123
  }
41099
41124
  }, [channelId]);
41125
+ React.useEffect(function () {
41126
+ return function () {
41127
+ if (toastTimeoutRef.current) {
41128
+ clearTimeout(toastTimeoutRef.current);
41129
+ }
41130
+ };
41131
+ }, []);
41100
41132
  var channelInviteKeys = React.useMemo(function () {
41101
41133
  return channelId && channelsInviteKeys !== null && channelsInviteKeys !== void 0 && channelsInviteKeys[channelId] ? channelsInviteKeys[channelId] : [];
41102
41134
  }, [channelId, channelsInviteKeys]);
@@ -41196,12 +41228,15 @@ function InviteLinkModal(_ref) {
41196
41228
  value: inviteUrl,
41197
41229
  readOnly: true,
41198
41230
  color: textPrimary
41199
- }), /*#__PURE__*/React__default.createElement(CopyButton, {
41231
+ }), /*#__PURE__*/React__default.createElement(CopyButtonWrapper, null, /*#__PURE__*/React__default.createElement(CopyButton, {
41200
41232
  onClick: handleCopy,
41201
41233
  "aria-label": 'Copy invite link'
41202
41234
  }, /*#__PURE__*/React__default.createElement(SvgCopyIcon, {
41203
41235
  color: accentColor
41204
- }))), showHistorySection && /*#__PURE__*/React__default.createElement(SectionTitle, {
41236
+ })), showCopiedToast && (/*#__PURE__*/React__default.createElement(CopiedTooltip, {
41237
+ background: tooltipBackground,
41238
+ color: textOnPrimary
41239
+ }, "Copied")))), showHistorySection && /*#__PURE__*/React__default.createElement(SectionTitle, {
41205
41240
  color: textSecondary
41206
41241
  }, historyTitle), showHistorySection && (/*#__PURE__*/React__default.createElement(HistoryRow, null, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(FieldLabel, {
41207
41242
  color: textPrimary
@@ -41279,22 +41314,23 @@ var LinkInput = styled__default.input(_templateObject7$m || (_templateObject7$m
41279
41314
  return p.color;
41280
41315
  });
41281
41316
  var CopyButton = styled__default.button(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border: none;\n background: transparent;\n cursor: pointer;\n"])));
41282
- var SectionTitle = styled__default.h4(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n margin: 16px 0 8px;\n font-weight: 500;\n font-size: 15px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
41317
+ var CopyButtonWrapper = styled__default.div(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n"])));
41318
+ var SectionTitle = styled__default.h4(_templateObject0$f || (_templateObject0$f = _taggedTemplateLiteralLoose(["\n margin: 16px 0 8px;\n font-weight: 500;\n font-size: 15px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
41283
41319
  return p.color;
41284
41320
  });
41285
- var HistoryRow = styled__default.div(_templateObject0$f || (_templateObject0$f = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n"])));
41286
- var Switch = styled__default.div(_templateObject1$c || (_templateObject1$c = _taggedTemplateLiteralLoose(["\n width: 44px;\n height: 26px;\n border-radius: 13px;\n background: ", ";\n position: relative;\n cursor: pointer;\n transition: background 0.2s ease;\n\n &:after {\n content: '';\n position: absolute;\n top: 3px;\n left: ", ";\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 50%;\n transition: left 0.2s ease;\n }\n"])), function (p) {
41321
+ var HistoryRow = styled__default.div(_templateObject1$c || (_templateObject1$c = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n"])));
41322
+ var Switch = styled__default.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n width: 44px;\n height: 26px;\n border-radius: 13px;\n background: ", ";\n position: relative;\n cursor: pointer;\n transition: background 0.2s ease;\n\n &:after {\n content: '';\n position: absolute;\n top: 3px;\n left: ", ";\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 50%;\n transition: left 0.2s ease;\n }\n"])), function (p) {
41287
41323
  return p.active ? p.accent : 'rgba(226,226,226,1)';
41288
41324
  }, function (p) {
41289
41325
  return p.active ? '22px' : '3px';
41290
41326
  });
41291
- var ResetLink = styled__default.button(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n margin-top: 12px;\n border: none;\n background: transparent;\n color: #ff4d4f;\n cursor: pointer;\n"])));
41292
- var QRCodeBox = styled__default.div(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: ", ";\n display: flex;\n width: max-content;\n padding: 13.5px;\n margin: auto;\n position: relative;\n"])), function (p) {
41327
+ var ResetLink = styled__default.button(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n margin-top: 12px;\n border: none;\n background: transparent;\n color: #ff4d4f;\n cursor: pointer;\n"])));
41328
+ var QRCodeBox = styled__default.div(_templateObject12$6 || (_templateObject12$6 = _taggedTemplateLiteralLoose(["\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: ", ";\n display: flex;\n width: max-content;\n padding: 13.5px;\n margin: auto;\n position: relative;\n"])), function (p) {
41293
41329
  return p.borderColor;
41294
41330
  }, function (p) {
41295
41331
  return p.backgroundColor;
41296
41332
  });
41297
- var QrHint = styled__default.p(_templateObject12$6 || (_templateObject12$6 = _taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n margin: 12px 0 0;\n"])), function (p) {
41333
+ var QrHint = styled__default.p(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n margin: 12px 0 0;\n"])), function (p) {
41298
41334
  return p.color;
41299
41335
  });
41300
41336
 
@@ -42677,7 +42713,7 @@ var EditChannel = function EditChannel(_ref) {
42677
42713
  })));
42678
42714
  };
42679
42715
 
42680
- var _templateObject$Z, _templateObject2$S, _templateObject3$J, _templateObject4$D, _templateObject5$x, _templateObject6$s, _templateObject7$q, _templateObject8$o, _templateObject9$i, _templateObject0$g, _templateObject1$d, _templateObject10$8, _templateObject11$8, _templateObject12$7;
42716
+ var _templateObject$Z, _templateObject2$S, _templateObject3$J, _templateObject4$D, _templateObject5$x, _templateObject6$s, _templateObject7$q, _templateObject8$o, _templateObject9$i, _templateObject0$g, _templateObject1$d, _templateObject10$8, _templateObject11$8;
42681
42717
  var Details = function Details(_ref) {
42682
42718
  var _activeChannel$member;
42683
42719
  var detailsTitleText = _ref.detailsTitleText,
@@ -43156,11 +43192,6 @@ var ChannelName$1 = styled__default(SectionHeader)(_templateObject0$g || (_templ
43156
43192
  var ChannelNameWrapper = styled__default.div(_templateObject1$d || (_templateObject1$d = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
43157
43193
  var EditButton = styled__default.span(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n margin-left: 6px;\n cursor: pointer;\n color: #b2b6be;\n"])));
43158
43194
  var PhoneNumberContainer = styled__default.span(_templateObject11$8 || (_templateObject11$8 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: text;\n"])));
43159
- var CopiedTooltip = styled__default.span(_templateObject12$7 || (_templateObject12$7 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: calc(100% + 6px);\n padding: 4px 8px;\n border-radius: 6px;\n background: ", ";\n color: ", ";\n font-size: 12px;\n line-height: 14px;\n white-space: nowrap;\n pointer-events: none;\n z-index: 10;\n"])), function (props) {
43160
- return props.background;
43161
- }, function (props) {
43162
- return props.color;
43163
- });
43164
43195
 
43165
43196
  var _templateObject$_;
43166
43197
  var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
package/index.modern.js CHANGED
@@ -12758,7 +12758,7 @@ function SvgSearch(props) {
12758
12758
  })));
12759
12759
  }
12760
12760
 
12761
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40;
12761
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
12762
12762
  function md5(inputString) {
12763
12763
  var hc = '0123456789abcdef';
12764
12764
  function rh(n) {
@@ -13254,6 +13254,11 @@ var AttachmentPreviewTitle = styled.span(_templateObject40 || (_templateObject40
13254
13254
  }, function (props) {
13255
13255
  return props.color;
13256
13256
  });
13257
+ var CopiedTooltip = styled.span(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: calc(100% + 6px);\n padding: 4px 8px;\n border-radius: 6px;\n font-size: 12px;\n line-height: 14px;\n white-space: nowrap;\n pointer-events: none;\n z-index: 10;\n animation: slideDownFadeIn 0.3s ease-out;\n background-color: ", ";\n color: ", ";\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);\n\n @keyframes slideDownFadeIn {\n from {\n transform: translateX(-50%) translateY(8px);\n opacity: 0;\n }\n to {\n transform: translateX(-50%) translateY(0);\n opacity: 1;\n }\n }\n"])), function (p) {
13258
+ return p.background;
13259
+ }, function (p) {
13260
+ return p.color;
13261
+ });
13257
13262
 
13258
13263
  var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1;
13259
13264
  var StatusText = styled.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: ", ";\n"])), function (props) {
@@ -13330,7 +13335,10 @@ var MessageStatusIcon = function MessageStatusIcon(_ref) {
13330
13335
  });
13331
13336
  }
13332
13337
  };
13333
- var linkifyTextPart = function linkifyTextPart(textPart, match) {
13338
+ var linkifyTextPart = function linkifyTextPart(textPart, match, target) {
13339
+ if (target === void 0) {
13340
+ target = '_blank';
13341
+ }
13334
13342
  var newMessageText;
13335
13343
  var prevMatchEnd = 0;
13336
13344
  var lastFoundIndex = 0;
@@ -13342,7 +13350,7 @@ var linkifyTextPart = function linkifyTextPart(textPart, match) {
13342
13350
  draggable: false,
13343
13351
  key: index,
13344
13352
  href: matchItem.url,
13345
- target: '_blank',
13353
+ target: target,
13346
13354
  rel: 'noreferrer'
13347
13355
  }, "" + matchItem.text)];
13348
13356
  } else {
@@ -13350,7 +13358,7 @@ var linkifyTextPart = function linkifyTextPart(textPart, match) {
13350
13358
  draggable: false,
13351
13359
  key: index,
13352
13360
  href: matchItem.url,
13353
- target: '_blank',
13361
+ target: target,
13354
13362
  rel: 'noreferrer'
13355
13363
  }, "" + matchItem.text));
13356
13364
  }
@@ -13372,7 +13380,9 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
13372
13380
  textSecondary = _ref2.textSecondary,
13373
13381
  onMentionNameClick = _ref2.onMentionNameClick,
13374
13382
  shouldOpenUserProfileForMention = _ref2.shouldOpenUserProfileForMention,
13375
- unsupportedMessage = _ref2.unsupportedMessage;
13383
+ unsupportedMessage = _ref2.unsupportedMessage,
13384
+ _ref2$target = _ref2.target,
13385
+ target = _ref2$target === void 0 ? '_blank' : _ref2$target;
13376
13386
  try {
13377
13387
  var messageText = [];
13378
13388
  var linkify = new LinkifyIt();
@@ -13390,12 +13400,12 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
13390
13400
  var firstPart = "" + (textPart ? textPart === null || textPart === void 0 ? void 0 : textPart.substring(nextPartIndex || 0, attributeOffset) : '');
13391
13401
  var firstPartMatch = firstPart ? linkify.match(firstPart) : '';
13392
13402
  if (!isLastMessage && !asSampleText && firstPartMatch) {
13393
- firstPart = linkifyTextPart(firstPart, firstPartMatch);
13403
+ firstPart = linkifyTextPart(firstPart, firstPartMatch, target);
13394
13404
  }
13395
13405
  var secondPart = "" + (textPart ? textPart === null || textPart === void 0 ? void 0 : textPart.substring(attributeOffset + attribute.length) : '');
13396
13406
  var secondPartMatch = secondPart ? linkify.match(secondPart) : '';
13397
13407
  if (!isLastMessage && !asSampleText && secondPartMatch) {
13398
- secondPart = linkifyTextPart(secondPart, secondPartMatch);
13408
+ secondPart = linkifyTextPart(secondPart, secondPartMatch, target);
13399
13409
  }
13400
13410
  if (attribute.type.includes('mention')) {
13401
13411
  var mentionDisplay = message.mentionedUsers && message.mentionedUsers.find(function (men) {
@@ -13464,7 +13474,7 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
13464
13474
  } else {
13465
13475
  var match = linkify.match(text);
13466
13476
  if (!isLastMessage && !asSampleText && match) {
13467
- messageText = linkifyTextPart(text, match);
13477
+ messageText = linkifyTextPart(text, match, target);
13468
13478
  }
13469
13479
  }
13470
13480
  return messageText.length > 1 ? asSampleText ? messageText.join('') : messageText : text;
@@ -22119,7 +22129,7 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
22119
22129
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
22120
22130
  })) + " " + (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) {
22121
22131
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
22122
- })) + " " + (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, /*#__PURE__*/React__default.createElement(LastMessageDescription, 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", ' "')), LastMessageAttachments({
22132
+ })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'LG' ? 'Left this group' : lastMessage.body === 'JL' ? 'Joined this group via invite link' : '') : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(LastMessageDescription, 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", ' "')), LastMessageAttachments({
22123
22133
  lastMessage: lastMessage
22124
22134
  }), !!(lastMessage && lastMessage.id) && MessageTextFormat({
22125
22135
  text: lastMessage.body,
@@ -32346,7 +32356,9 @@ var OGMetadata = function OGMetadata(_ref) {
32346
32356
  var _metadata$og4, _metadata$og4$image, _metadata$og4$image$, _metadata$og5, _metadata$og5$image, _metadata$og5$image$, _metadata$og6, _metadata$og7, _metadata$og7$favicon, _metadata$og8, _metadata$og8$favicon, _metadata$og9, _metadata$og0, _metadata$og1;
32347
32357
  var attachments = _ref.attachments,
32348
32358
  state = _ref.state,
32349
- incoming = _ref.incoming;
32359
+ incoming = _ref.incoming,
32360
+ _ref$target = _ref.target,
32361
+ target = _ref$target === void 0 ? '_blank' : _ref$target;
32350
32362
  var dispatch = useDispatch();
32351
32363
  var oGMetadata = useSelector(function (state) {
32352
32364
  return state.MessageReducer.oGMetadata;
@@ -32486,7 +32498,7 @@ var OGMetadata = function OGMetadata(_ref) {
32486
32498
  bgColor: incoming ? incomingMessageBackgroundX : outgoingMessageBackgroundX
32487
32499
  }, /*#__PURE__*/React__default.createElement("div", {
32488
32500
  onClick: function onClick() {
32489
- window.open(attachment === null || attachment === void 0 ? void 0 : attachment.url, '_blank');
32501
+ window.open(attachment === null || attachment === void 0 ? void 0 : attachment.url, target);
32490
32502
  },
32491
32503
  style: {
32492
32504
  width: showOGMetadata ? '100%' : 'auto'
@@ -40801,7 +40813,7 @@ function ResetLinkConfirmModal(_ref) {
40801
40813
  });
40802
40814
  }
40803
40815
 
40804
- var _templateObject$P, _templateObject2$K, _templateObject3$D, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m, _templateObject8$k, _templateObject9$g, _templateObject0$f, _templateObject1$c, _templateObject10$7, _templateObject11$7, _templateObject12$6;
40816
+ var _templateObject$P, _templateObject2$K, _templateObject3$D, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m, _templateObject8$k, _templateObject9$g, _templateObject0$f, _templateObject1$c, _templateObject10$7, _templateObject11$7, _templateObject12$6, _templateObject13$5;
40805
40817
  function InviteLinkModal(_ref) {
40806
40818
  var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
40807
40819
  var onClose = _ref.onClose,
@@ -40816,7 +40828,8 @@ function InviteLinkModal(_ref) {
40816
40828
  surface1 = _useColor[THEME_COLORS.SURFACE_1],
40817
40829
  textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY],
40818
40830
  border = _useColor[THEME_COLORS.BORDER],
40819
- iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY];
40831
+ iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
40832
+ tooltipBackground = _useColor[THEME_COLORS.TOOLTIP_BACKGROUND];
40820
40833
  var theme = useSelector(themeSelector) || 'light';
40821
40834
  var connectionStatus = useSelector(connectionStatusSelector, shallowEqual);
40822
40835
  var channelsInviteKeys = useSelector(channelInviteKeysSelector, shallowEqual);
@@ -40860,11 +40873,23 @@ function InviteLinkModal(_ref) {
40860
40873
  var _useState4 = useState('link'),
40861
40874
  shareMode = _useState4[0],
40862
40875
  setShareMode = _useState4[1];
40876
+ var _useState5 = useState(false),
40877
+ showCopiedToast = _useState5[0],
40878
+ setShowCopiedToast = _useState5[1];
40863
40879
  var logoRef = useRef(null);
40880
+ var toastTimeoutRef = useRef(null);
40864
40881
  var handleCopy = function handleCopy() {
40865
40882
  try {
40866
40883
  var _temp = _catch(function () {
40867
- return Promise.resolve(navigator.clipboard.writeText(inviteUrl)).then(function () {});
40884
+ return Promise.resolve(navigator.clipboard.writeText(inviteUrl)).then(function () {
40885
+ setShowCopiedToast(true);
40886
+ if (toastTimeoutRef.current) {
40887
+ clearTimeout(toastTimeoutRef.current);
40888
+ }
40889
+ toastTimeoutRef.current = setTimeout(function () {
40890
+ setShowCopiedToast(false);
40891
+ }, 2000);
40892
+ });
40868
40893
  }, function () {});
40869
40894
  return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
40870
40895
  } catch (e) {
@@ -41096,6 +41121,13 @@ function InviteLinkModal(_ref) {
41096
41121
  dispatch(getChannelInviteKeysAC(channelId));
41097
41122
  }
41098
41123
  }, [channelId]);
41124
+ useEffect(function () {
41125
+ return function () {
41126
+ if (toastTimeoutRef.current) {
41127
+ clearTimeout(toastTimeoutRef.current);
41128
+ }
41129
+ };
41130
+ }, []);
41099
41131
  var channelInviteKeys = useMemo(function () {
41100
41132
  return channelId && channelsInviteKeys !== null && channelsInviteKeys !== void 0 && channelsInviteKeys[channelId] ? channelsInviteKeys[channelId] : [];
41101
41133
  }, [channelId, channelsInviteKeys]);
@@ -41195,12 +41227,15 @@ function InviteLinkModal(_ref) {
41195
41227
  value: inviteUrl,
41196
41228
  readOnly: true,
41197
41229
  color: textPrimary
41198
- }), /*#__PURE__*/React__default.createElement(CopyButton, {
41230
+ }), /*#__PURE__*/React__default.createElement(CopyButtonWrapper, null, /*#__PURE__*/React__default.createElement(CopyButton, {
41199
41231
  onClick: handleCopy,
41200
41232
  "aria-label": 'Copy invite link'
41201
41233
  }, /*#__PURE__*/React__default.createElement(SvgCopyIcon, {
41202
41234
  color: accentColor
41203
- }))), showHistorySection && /*#__PURE__*/React__default.createElement(SectionTitle, {
41235
+ })), showCopiedToast && (/*#__PURE__*/React__default.createElement(CopiedTooltip, {
41236
+ background: tooltipBackground,
41237
+ color: textOnPrimary
41238
+ }, "Copied")))), showHistorySection && /*#__PURE__*/React__default.createElement(SectionTitle, {
41204
41239
  color: textSecondary
41205
41240
  }, historyTitle), showHistorySection && (/*#__PURE__*/React__default.createElement(HistoryRow, null, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(FieldLabel, {
41206
41241
  color: textPrimary
@@ -41278,22 +41313,23 @@ var LinkInput = styled.input(_templateObject7$m || (_templateObject7$m = _tagged
41278
41313
  return p.color;
41279
41314
  });
41280
41315
  var CopyButton = styled.button(_templateObject8$k || (_templateObject8$k = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border: none;\n background: transparent;\n cursor: pointer;\n"])));
41281
- var SectionTitle = styled.h4(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n margin: 16px 0 8px;\n font-weight: 500;\n font-size: 15px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
41316
+ var CopyButtonWrapper = styled.div(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n"])));
41317
+ var SectionTitle = styled.h4(_templateObject0$f || (_templateObject0$f = _taggedTemplateLiteralLoose(["\n margin: 16px 0 8px;\n font-weight: 500;\n font-size: 15px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
41282
41318
  return p.color;
41283
41319
  });
41284
- var HistoryRow = styled.div(_templateObject0$f || (_templateObject0$f = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n"])));
41285
- var Switch = styled.div(_templateObject1$c || (_templateObject1$c = _taggedTemplateLiteralLoose(["\n width: 44px;\n height: 26px;\n border-radius: 13px;\n background: ", ";\n position: relative;\n cursor: pointer;\n transition: background 0.2s ease;\n\n &:after {\n content: '';\n position: absolute;\n top: 3px;\n left: ", ";\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 50%;\n transition: left 0.2s ease;\n }\n"])), function (p) {
41320
+ var HistoryRow = styled.div(_templateObject1$c || (_templateObject1$c = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n"])));
41321
+ var Switch = styled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n width: 44px;\n height: 26px;\n border-radius: 13px;\n background: ", ";\n position: relative;\n cursor: pointer;\n transition: background 0.2s ease;\n\n &:after {\n content: '';\n position: absolute;\n top: 3px;\n left: ", ";\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 50%;\n transition: left 0.2s ease;\n }\n"])), function (p) {
41286
41322
  return p.active ? p.accent : 'rgba(226,226,226,1)';
41287
41323
  }, function (p) {
41288
41324
  return p.active ? '22px' : '3px';
41289
41325
  });
41290
- var ResetLink = styled.button(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n margin-top: 12px;\n border: none;\n background: transparent;\n color: #ff4d4f;\n cursor: pointer;\n"])));
41291
- var QRCodeBox = styled.div(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: ", ";\n display: flex;\n width: max-content;\n padding: 13.5px;\n margin: auto;\n position: relative;\n"])), function (p) {
41326
+ var ResetLink = styled.button(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n margin-top: 12px;\n border: none;\n background: transparent;\n color: #ff4d4f;\n cursor: pointer;\n"])));
41327
+ var QRCodeBox = styled.div(_templateObject12$6 || (_templateObject12$6 = _taggedTemplateLiteralLoose(["\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: ", ";\n display: flex;\n width: max-content;\n padding: 13.5px;\n margin: auto;\n position: relative;\n"])), function (p) {
41292
41328
  return p.borderColor;
41293
41329
  }, function (p) {
41294
41330
  return p.backgroundColor;
41295
41331
  });
41296
- var QrHint = styled.p(_templateObject12$6 || (_templateObject12$6 = _taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n margin: 12px 0 0;\n"])), function (p) {
41332
+ var QrHint = styled.p(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n margin: 12px 0 0;\n"])), function (p) {
41297
41333
  return p.color;
41298
41334
  });
41299
41335
 
@@ -42676,7 +42712,7 @@ var EditChannel = function EditChannel(_ref) {
42676
42712
  })));
42677
42713
  };
42678
42714
 
42679
- var _templateObject$Z, _templateObject2$S, _templateObject3$J, _templateObject4$D, _templateObject5$x, _templateObject6$s, _templateObject7$q, _templateObject8$o, _templateObject9$i, _templateObject0$g, _templateObject1$d, _templateObject10$8, _templateObject11$8, _templateObject12$7;
42715
+ var _templateObject$Z, _templateObject2$S, _templateObject3$J, _templateObject4$D, _templateObject5$x, _templateObject6$s, _templateObject7$q, _templateObject8$o, _templateObject9$i, _templateObject0$g, _templateObject1$d, _templateObject10$8, _templateObject11$8;
42680
42716
  var Details = function Details(_ref) {
42681
42717
  var _activeChannel$member;
42682
42718
  var detailsTitleText = _ref.detailsTitleText,
@@ -43155,11 +43191,6 @@ var ChannelName$1 = styled(SectionHeader)(_templateObject0$g || (_templateObject
43155
43191
  var ChannelNameWrapper = styled.div(_templateObject1$d || (_templateObject1$d = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
43156
43192
  var EditButton = styled.span(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n margin-left: 6px;\n cursor: pointer;\n color: #b2b6be;\n"])));
43157
43193
  var PhoneNumberContainer = styled.span(_templateObject11$8 || (_templateObject11$8 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: text;\n"])));
43158
- var CopiedTooltip = styled.span(_templateObject12$7 || (_templateObject12$7 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: calc(100% + 6px);\n padding: 4px 8px;\n border-radius: 6px;\n background: ", ";\n color: ", ";\n font-size: 12px;\n line-height: 14px;\n white-space: nowrap;\n pointer-events: none;\n z-index: 10;\n"])), function (props) {
43159
- return props.background;
43160
- }, function (props) {
43161
- return props.color;
43162
- });
43163
43194
 
43164
43195
  var _templateObject$_;
43165
43196
  var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
package/messageUtils/index.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const MessageStatusIcon: ({ messageStatus, messageStatusDisplayingType,
8
8
  readIconColor?: string | undefined;
9
9
  accentColor?: string | undefined;
10
10
  }) => React.JSX.Element;
11
- declare const MessageTextFormat: ({ text, message, contactsMap, getFromContacts, isLastMessage, asSampleText, accentColor, textSecondary, onMentionNameClick, shouldOpenUserProfileForMention, unsupportedMessage }: {
11
+ declare const MessageTextFormat: ({ text, message, contactsMap, getFromContacts, isLastMessage, asSampleText, accentColor, textSecondary, onMentionNameClick, shouldOpenUserProfileForMention, unsupportedMessage, target }: {
12
12
  text: string;
13
13
  message: any;
14
14
  contactsMap?: IContactsMap | undefined;
@@ -20,5 +20,6 @@ declare const MessageTextFormat: ({ text, message, contactsMap, getFromContacts,
20
20
  onMentionNameClick?: ((user: IUser) => void) | undefined;
21
21
  shouldOpenUserProfileForMention?: boolean | undefined;
22
22
  unsupportedMessage?: boolean | undefined;
23
+ target?: string | undefined;
23
24
  }) => any;
24
25
  export { MessageStatusIcon, MessageTextFormat };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.4-beta.5",
3
+ "version": "1.7.4-beta.6",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",