sceyt-chat-react-uikit 1.7.4-beta.8 → 1.7.4

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.
package/index.js CHANGED
@@ -8834,6 +8834,21 @@ var moment = createCommonjsModule(function (module, exports) {
8834
8834
  })));
8835
8835
  });
8836
8836
 
8837
+ var HiddenMessageProperty;
8838
+ (function (HiddenMessageProperty) {
8839
+ HiddenMessageProperty["hideAfterChannelChange"] = "hideAfterChannelChange";
8840
+ HiddenMessageProperty["hideAfterSendMessage"] = "hideAfterSendMessage";
8841
+ })(HiddenMessageProperty || (HiddenMessageProperty = {}));
8842
+ (function (MESSAGE_TYPE) {
8843
+ MESSAGE_TYPE["TEXT"] = "text";
8844
+ MESSAGE_TYPE["MEDIA"] = "media";
8845
+ MESSAGE_TYPE["SYSTEM"] = "system";
8846
+ MESSAGE_TYPE["LINK"] = "link";
8847
+ MESSAGE_TYPE["FILE"] = "file";
8848
+ MESSAGE_TYPE["POLL"] = "poll";
8849
+ MESSAGE_TYPE["DELETED"] = "";
8850
+ })(exports.MESSAGE_TYPE || (exports.MESSAGE_TYPE = {}));
8851
+
8837
8852
  var makeUsername = function makeUsername(contact, user, fromContact, getFirstNameOnly) {
8838
8853
  var _contact$lastName;
8839
8854
  if (hideUserPresence && user && user.id && hideUserPresence(user)) {
@@ -8940,6 +8955,9 @@ var EditorTheme = {
8940
8955
  underlineStrikethrough: 'text_underlineStrikethrough'
8941
8956
  }
8942
8957
  };
8958
+ var isMessageUnsupported = function isMessageUnsupported(message) {
8959
+ return message.type !== exports.MESSAGE_TYPE.TEXT && message.type !== exports.MESSAGE_TYPE.MEDIA && message.type !== exports.MESSAGE_TYPE.FILE && message.type !== exports.MESSAGE_TYPE.LINK && message.type !== exports.MESSAGE_TYPE.POLL && message.type !== exports.MESSAGE_TYPE.DELETED;
8960
+ };
8943
8961
 
8944
8962
  var baseUrlForInviteMembers = '';
8945
8963
  var autoSelectFitsChannel = false;
@@ -10383,7 +10401,7 @@ var initialState$1 = {
10383
10401
  attachmentsUploadingProgress: {},
10384
10402
  playingAudioId: null,
10385
10403
  selectedMessagesMap: null,
10386
- oGMetadata: {},
10404
+ oGMetadata: null,
10387
10405
  attachmentUpdatedMap: {},
10388
10406
  messageMarkers: {},
10389
10407
  messagesMarkersLoadingState: null
@@ -10701,6 +10719,9 @@ var messageSlice = createSlice({
10701
10719
  var _action$payload10 = action.payload,
10702
10720
  url = _action$payload10.url,
10703
10721
  metadata = _action$payload10.metadata;
10722
+ if (!state.oGMetadata) {
10723
+ state.oGMetadata = {};
10724
+ }
10704
10725
  state.oGMetadata[url] = metadata;
10705
10726
  },
10706
10727
  updateOGMetadata: function updateOGMetadata(state, action) {
@@ -10708,6 +10729,9 @@ var messageSlice = createSlice({
10708
10729
  url = _action$payload11.url,
10709
10730
  metadata = _action$payload11.metadata;
10710
10731
  if (metadata) {
10732
+ if (!state.oGMetadata) {
10733
+ state.oGMetadata = {};
10734
+ }
10711
10735
  var existing = state.oGMetadata[url];
10712
10736
  state.oGMetadata[url] = existing ? _extends({}, existing, metadata) : metadata;
10713
10737
  }
@@ -17736,20 +17760,6 @@ var getFrame = function getFrame(videoSrc, time) {
17736
17760
  }
17737
17761
  };
17738
17762
 
17739
- var HiddenMessageProperty;
17740
- (function (HiddenMessageProperty) {
17741
- HiddenMessageProperty["hideAfterChannelChange"] = "hideAfterChannelChange";
17742
- HiddenMessageProperty["hideAfterSendMessage"] = "hideAfterSendMessage";
17743
- })(HiddenMessageProperty || (HiddenMessageProperty = {}));
17744
- (function (MESSAGE_TYPE) {
17745
- MESSAGE_TYPE["TEXT"] = "text";
17746
- MESSAGE_TYPE["MEDIA"] = "media";
17747
- MESSAGE_TYPE["SYSTEM"] = "system";
17748
- MESSAGE_TYPE["LINK"] = "link";
17749
- MESSAGE_TYPE["FILE"] = "file";
17750
- MESSAGE_TYPE["POLL"] = "poll";
17751
- })(exports.MESSAGE_TYPE || (exports.MESSAGE_TYPE = {}));
17752
-
17753
17763
  var _marked$3 = /*#__PURE__*/_regenerator().m(sendMessage),
17754
17764
  _marked2$2 = /*#__PURE__*/_regenerator().m(sendTextMessage),
17755
17765
  _marked3$1 = /*#__PURE__*/_regenerator().m(forwardMessage),
@@ -22276,7 +22286,7 @@ var Channel = function Channel(_ref3) {
22276
22286
  };
22277
22287
  }, [typingOrRecordingIndicator]);
22278
22288
  var unsupportedMessage = React.useMemo(function () {
22279
- return (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== exports.MESSAGE_TYPE.SYSTEM && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== exports.MESSAGE_TYPE.TEXT && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== exports.MESSAGE_TYPE.MEDIA && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== exports.MESSAGE_TYPE.FILE && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== exports.MESSAGE_TYPE.LINK && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== exports.MESSAGE_TYPE.POLL;
22289
+ return isMessageUnsupported(lastMessage);
22280
22290
  }, [lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type]);
22281
22291
  var MessageText = React.useMemo(function () {
22282
22292
  return /*#__PURE__*/React__default.createElement(ChannelMessageText, {
@@ -27813,6 +27823,38 @@ function SvgArrowDown(props) {
27813
27823
  })));
27814
27824
  }
27815
27825
 
27826
+ var _path$T, _path2$5, _path3$2;
27827
+ function _extends$U() {
27828
+ return _extends$U = Object.assign ? Object.assign.bind() : function (n) {
27829
+ for (var e = 1; e < arguments.length; e++) {
27830
+ var t = arguments[e];
27831
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
27832
+ }
27833
+ return n;
27834
+ }, _extends$U.apply(null, arguments);
27835
+ }
27836
+ function SvgInfoAction(props) {
27837
+ return /*#__PURE__*/React.createElement("svg", _extends$U({
27838
+ width: 18,
27839
+ height: 18,
27840
+ fill: "none",
27841
+ xmlns: "http://www.w3.org/2000/svg"
27842
+ }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
27843
+ fillRule: "evenodd",
27844
+ clipRule: "evenodd",
27845
+ d: "M8.333 1.376a6.957 6.957 0 100 13.914 6.957 6.957 0 000-13.914zM0 8.333a8.333 8.333 0 1116.667 0A8.333 8.333 0 010 8.333z",
27846
+ fill: "currentColor"
27847
+ })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
27848
+ fillRule: "evenodd",
27849
+ clipRule: "evenodd",
27850
+ d: "M7.008 7.696c0-.38.308-.688.688-.688h.637c.38 0 .688.308.688.688v3.774a.688.688 0 01-.05 1.374h-.638a.688.688 0 01-.688-.688V8.382a.688.688 0 01-.637-.686z",
27851
+ fill: "currentColor"
27852
+ })), _path3$2 || (_path3$2 = /*#__PURE__*/React.createElement("path", {
27853
+ d: "M8.174 5.785a.956.956 0 100-1.911.956.956 0 000 1.91z",
27854
+ fill: "currentColor"
27855
+ })));
27856
+ }
27857
+
27816
27858
  var _templateObject$t, _templateObject2$p, _templateObject3$j;
27817
27859
  function MessageActions(_ref) {
27818
27860
  var editModeToggle = _ref.editModeToggle,
@@ -28008,7 +28050,7 @@ function MessageActions(_ref) {
28008
28050
  disabledColor: textSecondary,
28009
28051
  bgColor: tooltipBackground,
28010
28052
  direction: 'top'
28011
- }, infoIconTooltipText || 'Info', /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), infoIcon || /*#__PURE__*/React__default.createElement(SvgInfo, null))), showDeleteMessage && (channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? myRole === 'owner' || myRole === 'admin' : true) && (/*#__PURE__*/React__default.createElement(Action, {
28053
+ }, infoIconTooltipText || 'Info', /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), infoIcon || /*#__PURE__*/React__default.createElement(SvgInfoAction, null))), showDeleteMessage && (channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? myRole === 'owner' || myRole === 'admin' : true) && (/*#__PURE__*/React__default.createElement(Action, {
28012
28054
  order: deleteIconOrder || 8,
28013
28055
  iconColor: messageActionIconsColor || warningColor,
28014
28056
  hoverBackgroundColor: backgroundHovered,
@@ -28059,18 +28101,18 @@ var Action = styled__default.div(_templateObject3$j || (_templateObject3$j = _ta
28059
28101
  return props.hoverBackgroundColor;
28060
28102
  }, ItemNote);
28061
28103
 
28062
- var _rect$1, _path$T;
28063
- function _extends$U() {
28064
- return _extends$U = Object.assign ? Object.assign.bind() : function (n) {
28104
+ var _rect$1, _path$U;
28105
+ function _extends$V() {
28106
+ return _extends$V = Object.assign ? Object.assign.bind() : function (n) {
28065
28107
  for (var e = 1; e < arguments.length; e++) {
28066
28108
  var t = arguments[e];
28067
28109
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28068
28110
  }
28069
28111
  return n;
28070
- }, _extends$U.apply(null, arguments);
28112
+ }, _extends$V.apply(null, arguments);
28071
28113
  }
28072
28114
  function SvgFileIcon(props) {
28073
- return /*#__PURE__*/React.createElement("svg", _extends$U({
28115
+ return /*#__PURE__*/React.createElement("svg", _extends$V({
28074
28116
  width: 40,
28075
28117
  height: 40,
28076
28118
  viewBox: "0 0 40.01 40.01",
@@ -28081,24 +28123,24 @@ function SvgFileIcon(props) {
28081
28123
  height: 40,
28082
28124
  rx: 20,
28083
28125
  fill: "Transparent"
28084
- })), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
28126
+ })), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
28085
28127
  d: "M22.48 10.097c.298.068.56.177.819.338.258.162.468.332 1.015.88l3.372 3.37c.547.548.717.758.879 1.016.161.258.27.521.338.818.069.297.097.565.097 1.34v7.295c0 1.337-.14 1.822-.4 2.311a2.726 2.726 0 01-1.135 1.134c-.489.262-.974.401-2.31.401h-9.31c-1.337 0-1.821-.14-2.31-.4a2.726 2.726 0 01-1.134-1.135c-.262-.489-.401-.974-.401-2.31v-11.31c0-1.337.14-1.821.4-2.31a2.726 2.726 0 011.135-1.134c.489-.262.973-.401 2.31-.401h5.296c.775 0 1.043.028 1.34.097zm-.68 1.827a.3.3 0 00-.3.3V16a.5.5 0 00.5.5h3.776a.3.3 0 00.212-.512l-3.976-3.976a.3.3 0 00-.212-.088z",
28086
28128
  fill: "#fff"
28087
28129
  })));
28088
28130
  }
28089
28131
 
28090
- var _circle$2, _path$U;
28091
- function _extends$V() {
28092
- return _extends$V = Object.assign ? Object.assign.bind() : function (n) {
28132
+ var _circle$2, _path$V;
28133
+ function _extends$W() {
28134
+ return _extends$W = Object.assign ? Object.assign.bind() : function (n) {
28093
28135
  for (var e = 1; e < arguments.length; e++) {
28094
28136
  var t = arguments[e];
28095
28137
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28096
28138
  }
28097
28139
  return n;
28098
- }, _extends$V.apply(null, arguments);
28140
+ }, _extends$W.apply(null, arguments);
28099
28141
  }
28100
28142
  function SvgDeleteUpload(props) {
28101
- return /*#__PURE__*/React.createElement("svg", _extends$V({
28143
+ return /*#__PURE__*/React.createElement("svg", _extends$W({
28102
28144
  width: 20,
28103
28145
  height: 20,
28104
28146
  viewBox: "0 0 20.01 20.01",
@@ -28111,7 +28153,7 @@ function SvgDeleteUpload(props) {
28111
28153
  fill: "CurrentColor",
28112
28154
  stroke: "#fff",
28113
28155
  strokeWidth: 1.4
28114
- })), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
28156
+ })), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
28115
28157
  d: "M13.5 6.5l-7 7M6.5 6.5l7 7",
28116
28158
  stroke: "#fff",
28117
28159
  strokeWidth: 1.4,
@@ -28120,24 +28162,24 @@ function SvgDeleteUpload(props) {
28120
28162
  })));
28121
28163
  }
28122
28164
 
28123
- var _path$V;
28124
- function _extends$W() {
28125
- return _extends$W = Object.assign ? Object.assign.bind() : function (n) {
28165
+ var _path$W;
28166
+ function _extends$X() {
28167
+ return _extends$X = Object.assign ? Object.assign.bind() : function (n) {
28126
28168
  for (var e = 1; e < arguments.length; e++) {
28127
28169
  var t = arguments[e];
28128
28170
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28129
28171
  }
28130
28172
  return n;
28131
- }, _extends$W.apply(null, arguments);
28173
+ }, _extends$X.apply(null, arguments);
28132
28174
  }
28133
28175
  function SvgUpload(props) {
28134
- return /*#__PURE__*/React.createElement("svg", _extends$W({
28176
+ return /*#__PURE__*/React.createElement("svg", _extends$X({
28135
28177
  width: 32,
28136
28178
  height: 32,
28137
28179
  viewBox: "0 0 32.01 32.01",
28138
28180
  fill: "none",
28139
28181
  xmlns: "http://www.w3.org/2000/svg"
28140
- }, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
28182
+ }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
28141
28183
  fillRule: "evenodd",
28142
28184
  clipRule: "evenodd",
28143
28185
  d: "M14.5 20.5a1.5 1.5 0 003 0V7.121l4.44 4.44a1.5 1.5 0 002.12-2.122l-7-7a1.5 1.5 0 00-2.12 0l-7 7a1.5 1.5 0 002.12 2.122l4.44-4.44V20.5zm-9 4.5a1.5 1.5 0 000 3h21a1.5 1.5 0 000-3h-21z",
@@ -28145,18 +28187,18 @@ function SvgUpload(props) {
28145
28187
  })));
28146
28188
  }
28147
28189
 
28148
- var _circle$3, _path$W;
28149
- function _extends$X() {
28150
- return _extends$X = Object.assign ? Object.assign.bind() : function (n) {
28190
+ var _circle$3, _path$X;
28191
+ function _extends$Y() {
28192
+ return _extends$Y = Object.assign ? Object.assign.bind() : function (n) {
28151
28193
  for (var e = 1; e < arguments.length; e++) {
28152
28194
  var t = arguments[e];
28153
28195
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28154
28196
  }
28155
28197
  return n;
28156
- }, _extends$X.apply(null, arguments);
28198
+ }, _extends$Y.apply(null, arguments);
28157
28199
  }
28158
28200
  function SvgPlayVideo(props) {
28159
- return /*#__PURE__*/React.createElement("svg", _extends$X({
28201
+ return /*#__PURE__*/React.createElement("svg", _extends$Y({
28160
28202
  width: 56,
28161
28203
  height: 56,
28162
28204
  fill: "none",
@@ -28167,7 +28209,7 @@ function SvgPlayVideo(props) {
28167
28209
  r: 28,
28168
28210
  fill: "#17191C",
28169
28211
  fillOpacity: 0.4
28170
- })), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
28212
+ })), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
28171
28213
  d: "M38.048 26.262c1.27.767 1.27 2.706 0 3.473l-13.224 7.996c-1.258.76-2.824-.202-2.824-1.737V20.003c0-1.535 1.566-2.498 2.824-1.737l13.224 7.996z",
28172
28214
  fill: "#fff"
28173
28215
  })));
@@ -28351,18 +28393,18 @@ var AttachmentImg = styled__default.img(_templateObject7$b || (_templateObject7$
28351
28393
  return props.borderRadius || '6px';
28352
28394
  });
28353
28395
 
28354
- var _circle$4, _path$X;
28355
- function _extends$Y() {
28356
- return _extends$Y = Object.assign ? Object.assign.bind() : function (n) {
28396
+ var _circle$4, _path$Y;
28397
+ function _extends$Z() {
28398
+ return _extends$Z = Object.assign ? Object.assign.bind() : function (n) {
28357
28399
  for (var e = 1; e < arguments.length; e++) {
28358
28400
  var t = arguments[e];
28359
28401
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28360
28402
  }
28361
28403
  return n;
28362
- }, _extends$Y.apply(null, arguments);
28404
+ }, _extends$Z.apply(null, arguments);
28363
28405
  }
28364
28406
  function SvgPlay(props) {
28365
- return /*#__PURE__*/React.createElement("svg", _extends$Y({
28407
+ return /*#__PURE__*/React.createElement("svg", _extends$Z({
28366
28408
  width: 32,
28367
28409
  height: 32,
28368
28410
  viewBox: "0 0 33 33",
@@ -28373,24 +28415,24 @@ function SvgPlay(props) {
28373
28415
  cy: 16,
28374
28416
  r: 16,
28375
28417
  fill: "CurrentColor"
28376
- })), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
28418
+ })), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
28377
28419
  d: "M21.652 15.022c.714.432.714 1.522 0 1.954l-7.438 4.498c-.708.428-1.589-.114-1.589-.977v-8.995c0-.864.88-1.405 1.589-.977l7.438 4.497z",
28378
28420
  fill: "#fff"
28379
28421
  })));
28380
28422
  }
28381
28423
 
28382
- var _circle$5, _path$Y;
28383
- function _extends$Z() {
28384
- return _extends$Z = Object.assign ? Object.assign.bind() : function (n) {
28424
+ var _circle$5, _path$Z;
28425
+ function _extends$_() {
28426
+ return _extends$_ = Object.assign ? Object.assign.bind() : function (n) {
28385
28427
  for (var e = 1; e < arguments.length; e++) {
28386
28428
  var t = arguments[e];
28387
28429
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28388
28430
  }
28389
28431
  return n;
28390
- }, _extends$Z.apply(null, arguments);
28432
+ }, _extends$_.apply(null, arguments);
28391
28433
  }
28392
28434
  function SvgPause(props) {
28393
- return /*#__PURE__*/React.createElement("svg", _extends$Z({
28435
+ return /*#__PURE__*/React.createElement("svg", _extends$_({
28394
28436
  width: 32,
28395
28437
  height: 32,
28396
28438
  viewBox: "0 0 33 33",
@@ -28401,7 +28443,7 @@ function SvgPause(props) {
28401
28443
  cy: 16,
28402
28444
  r: 16,
28403
28445
  fill: "CurrentColor"
28404
- })), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
28446
+ })), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
28405
28447
  d: "M13.721 10.375c.401 0 .547.042.694.12a.818.818 0 01.34.34c.078.147.12.293.12.694v8.942c0 .401-.042.547-.12.694a.818.818 0 01-.34.34c-.147.078-.293.12-.694.12h-1.067c-.401 0-.547-.042-.694-.12a.818.818 0 01-.34-.34c-.078-.147-.12-.293-.12-.694V11.53c0-.401.042-.547.12-.694a.818.818 0 01.34-.34c.147-.078.293-.12.694-.12h1.067zm5.625 0c.401 0 .547.042.694.12a.818.818 0 01.34.34c.078.147.12.293.12.694v8.942c0 .401-.042.547-.12.694a.818.818 0 01-.34.34c-.147.078-.293.12-.694.12H18.28c-.401 0-.547-.042-.694-.12a.818.818 0 01-.34-.34c-.078-.147-.12-.293-.12-.694V11.53c0-.401.042-.547.12-.694a.818.818 0 01.34-.34c.147-.078.293-.12.694-.12h1.067z",
28406
28448
  fill: "#fff"
28407
28449
  })));
@@ -31284,7 +31326,7 @@ var RepliedMessage = function RepliedMessage(_ref) {
31284
31326
  return 0;
31285
31327
  }, [message.parentMessage.attachments, parentNotLinkAttachment, (_message$parentMessag = message.parentMessage.attachments[0]) === null || _message$parentMessag === void 0 ? void 0 : _message$parentMessag.type, message.parentMessage.attachments.length]);
31286
31328
  var unsupportedMessage = React.useMemo(function () {
31287
- return message.parentMessage.type !== exports.MESSAGE_TYPE.SYSTEM && message.parentMessage.type !== exports.MESSAGE_TYPE.TEXT && message.parentMessage.type !== exports.MESSAGE_TYPE.MEDIA && message.parentMessage.type !== exports.MESSAGE_TYPE.FILE && message.parentMessage.type !== exports.MESSAGE_TYPE.LINK && message.parentMessage.type !== exports.MESSAGE_TYPE.POLL;
31329
+ return isMessageUnsupported(message.parentMessage);
31288
31330
  }, [message.parentMessage.type]);
31289
31331
  return /*#__PURE__*/React__default.createElement(ReplyMessageContainer, {
31290
31332
  withSenderName: showMessageSenderName,
@@ -31412,24 +31454,24 @@ var MessageHeaderCont = styled__default.div(_templateObject$y || (_templateObjec
31412
31454
  return props.withPadding && (props.isForwarded ? '8px 0 2px 12px' : !props.isReplied && !props.messageBody ? props.withMediaAttachment ? '8px 0 8px 12px' : '8px 0 0 12px' : '8px 0 0 12px');
31413
31455
  });
31414
31456
 
31415
- var _path$Z;
31416
- function _extends$_() {
31417
- return _extends$_ = Object.assign ? Object.assign.bind() : function (n) {
31457
+ var _path$_;
31458
+ function _extends$$() {
31459
+ return _extends$$ = Object.assign ? Object.assign.bind() : function (n) {
31418
31460
  for (var e = 1; e < arguments.length; e++) {
31419
31461
  var t = arguments[e];
31420
31462
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31421
31463
  }
31422
31464
  return n;
31423
- }, _extends$_.apply(null, arguments);
31465
+ }, _extends$$.apply(null, arguments);
31424
31466
  }
31425
31467
  function SvgEmojiAnimalIcon(props) {
31426
- return /*#__PURE__*/React.createElement("svg", _extends$_({
31468
+ return /*#__PURE__*/React.createElement("svg", _extends$$({
31427
31469
  width: 20,
31428
31470
  height: 20,
31429
31471
  viewBox: "0 0 20.01 20.01",
31430
31472
  fill: "none",
31431
31473
  xmlns: "http://www.w3.org/2000/svg"
31432
- }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
31474
+ }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
31433
31475
  fillRule: "evenodd",
31434
31476
  clipRule: "evenodd",
31435
31477
  d: "M7.188 3.875a.813.813 0 100 1.625.813.813 0 000-1.625zm-2.313.813a2.312 2.312 0 114.625 0 2.312 2.312 0 01-4.625 0zm7.938-.813a.813.813 0 100 1.625.813.813 0 000-1.625zm-2.313.813a2.312 2.312 0 114.625 0 2.312 2.312 0 01-4.625 0zM3.437 7.624a.813.813 0 100 1.625.813.813 0 000-1.625zm-2.312.813a2.312 2.312 0 114.625 0 2.312 2.312 0 01-4.625 0zm15.438-.813a.813.813 0 100 1.625.813.813 0 000-1.625zm-2.313.813a2.312 2.312 0 114.625 0 2.312 2.312 0 01-4.625 0zm-6.393-.359a3.563 3.563 0 015.567 1.862c.193.672.643 1.24 1.252 1.582a3.25 3.25 0 01-1.548 6.102h-.002c-.435 0-.864-.086-1.265-.253a4.859 4.859 0 00-3.722 0h.001a3.28 3.28 0 01-1.265.253h-.003a3.25 3.25 0 01-1.548-6.101A2.657 2.657 0 006.576 9.94a3.563 3.563 0 011.28-1.862zM10 8.863a2.062 2.062 0 00-1.982 1.493 4.156 4.156 0 01-1.964 2.478l-.008.004a1.75 1.75 0 001.517 3.15l.001-.001a6.358 6.358 0 014.872 0h.001a1.75 1.75 0 001.516-3.15l-.007-.003a4.156 4.156 0 01-1.964-2.478A2.062 2.062 0 0010 8.863z",
@@ -31437,34 +31479,34 @@ function SvgEmojiAnimalIcon(props) {
31437
31479
  })));
31438
31480
  }
31439
31481
 
31440
- var _path$_, _path2$5, _path3$2;
31441
- function _extends$$() {
31442
- return _extends$$ = Object.assign ? Object.assign.bind() : function (n) {
31482
+ var _path$$, _path2$6, _path3$3;
31483
+ function _extends$10() {
31484
+ return _extends$10 = Object.assign ? Object.assign.bind() : function (n) {
31443
31485
  for (var e = 1; e < arguments.length; e++) {
31444
31486
  var t = arguments[e];
31445
31487
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31446
31488
  }
31447
31489
  return n;
31448
- }, _extends$$.apply(null, arguments);
31490
+ }, _extends$10.apply(null, arguments);
31449
31491
  }
31450
31492
  function SvgEmojiFoodIcon(props) {
31451
- return /*#__PURE__*/React.createElement("svg", _extends$$({
31493
+ return /*#__PURE__*/React.createElement("svg", _extends$10({
31452
31494
  width: 20,
31453
31495
  height: 20,
31454
31496
  viewBox: "0 0 20.01 20.01",
31455
31497
  fill: "none",
31456
31498
  xmlns: "http://www.w3.org/2000/svg"
31457
- }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
31499
+ }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
31458
31500
  fillRule: "evenodd",
31459
31501
  clipRule: "evenodd",
31460
31502
  d: "M12.143 7.855c0-.395.32-.714.714-.714.779 0 1.501.261 2.033.779.535.52.824 1.249.824 2.078a.714.714 0 11-1.428 0c0-.49-.165-.833-.392-1.054-.23-.224-.579-.375-1.037-.375a.714.714 0 01-.714-.714z",
31461
31503
  fill: "CurrentColor"
31462
- })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
31504
+ })), _path2$6 || (_path2$6 = /*#__PURE__*/React.createElement("path", {
31463
31505
  fillRule: "evenodd",
31464
31506
  clipRule: "evenodd",
31465
31507
  d: "M10.083 2.222c-.616.616-.81 1.522-.797 2.367a6.008 6.008 0 00-1.905-.306c-3.438 0-5.952 2.45-5.952 5.858 0 1.644.588 3.698 1.574 5.35.968 1.622 2.465 3.08 4.378 3.08a5.98 5.98 0 002.62-.596 5.98 5.98 0 002.618.597c1.914 0 3.41-1.46 4.378-3.081.986-1.652 1.574-3.706 1.574-5.35 0-3.208-2.229-5.568-5.36-5.833.223-.434.307-.893.34-1.244.049-.518-.016-1.016-.09-1.528-.513-.072-1.01-.14-1.528-.09-.524.048-1.288.213-1.85.776zM7.38 5.712c-2.674 0-4.524 1.835-4.524 4.43 0 1.356.503 3.16 1.372 4.616.887 1.486 2.01 2.385 3.152 2.385.758 0 1.454-.178 2.075-.492a1.206 1.206 0 011.088 0 4.55 4.55 0 002.075.492c1.142 0 2.265-.899 3.152-2.385.869-1.456 1.372-3.26 1.372-4.617 0-2.594-1.85-4.43-4.524-4.43a4.57 4.57 0 00-2.073.493 1.206 1.206 0 01-1.09 0 4.551 4.551 0 00-2.075-.492zm3.341-1.437c.362-.026.776-.105 1.043-.37.265-.267.344-.682.37-1.043-.361.026-.776.104-1.042.37-.266.267-.345.681-.37 1.043z",
31466
31508
  fill: "CurrentColor"
31467
- })), _path3$2 || (_path3$2 = /*#__PURE__*/React.createElement("path", {
31509
+ })), _path3$3 || (_path3$3 = /*#__PURE__*/React.createElement("path", {
31468
31510
  fillRule: "evenodd",
31469
31511
  clipRule: "evenodd",
31470
31512
  d: "M12.857 7.14a.714.714 0 000 1.43c.458 0 .807.15 1.037.374.227.221.392.565.392 1.054a.714.714 0 101.428 0c0-.83-.289-1.557-.824-2.078-.532-.518-1.254-.78-2.033-.78z",
@@ -31472,24 +31514,24 @@ function SvgEmojiFoodIcon(props) {
31472
31514
  })));
31473
31515
  }
31474
31516
 
31475
- var _path$$;
31476
- function _extends$10() {
31477
- return _extends$10 = Object.assign ? Object.assign.bind() : function (n) {
31517
+ var _path$10;
31518
+ function _extends$11() {
31519
+ return _extends$11 = Object.assign ? Object.assign.bind() : function (n) {
31478
31520
  for (var e = 1; e < arguments.length; e++) {
31479
31521
  var t = arguments[e];
31480
31522
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31481
31523
  }
31482
31524
  return n;
31483
- }, _extends$10.apply(null, arguments);
31525
+ }, _extends$11.apply(null, arguments);
31484
31526
  }
31485
31527
  function SvgEmojiTravelIcon(props) {
31486
- return /*#__PURE__*/React.createElement("svg", _extends$10({
31528
+ return /*#__PURE__*/React.createElement("svg", _extends$11({
31487
31529
  width: 20,
31488
31530
  height: 20,
31489
31531
  viewBox: "0 0 20.01 20.01",
31490
31532
  fill: "none",
31491
31533
  xmlns: "http://www.w3.org/2000/svg"
31492
- }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
31534
+ }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
31493
31535
  fillRule: "evenodd",
31494
31536
  clipRule: "evenodd",
31495
31537
  d: "M13.763 2.458a2.6 2.6 0 013.748 3.604l-2.135 2.236a5.065 5.065 0 00-.188.204.076.076 0 00-.004.017l.004.03c.008.05.024.116.053.241l1.327 5.754.012.05c.044.189.096.412.079.639-.015.197-.07.39-.162.564-.106.202-.268.364-.406.5l-.036.037-.306.306c-.215.215-.409.408-.58.55-.175.147-.406.309-.705.362a1.46 1.46 0 01-1.124-.266c-.244-.18-.378-.429-.47-.638-.089-.204-.175-.464-.272-.752l-1.2-3.6-1.779 1.78a4.815 4.815 0 00-.172.178.076.076 0 00-.005.015l.001.027c.003.045.01.105.022.22l.141 1.27.005.045c.02.168.042.368.01.567a1.46 1.46 0 01-.172.49c-.1.176-.242.317-.362.437l-.032.032-.152.151-.018.019c-.166.166-.32.32-.46.438-.15.125-.338.258-.583.322a1.46 1.46 0 01-1.007-.1 1.49 1.49 0 01-.508-.43c-.114-.142-.236-.325-.366-.52l-1.22-1.83a4.929 4.929 0 00-.063-.09l-.009-.006a4.655 4.655 0 00-.077-.052l-1.829-1.22a7.783 7.783 0 01-.52-.365 1.492 1.492 0 01-.43-.509 1.46 1.46 0 01-.1-1.006c.065-.245.197-.434.323-.584.117-.14.272-.294.438-.46l.018-.018.152-.152.031-.032c.12-.12.262-.262.437-.362.152-.086.318-.145.49-.172a2.09 2.09 0 01.568.01l.044.005 1.27.141a4.747 4.747 0 00.247.023.075.075 0 00.015-.005 4.867 4.867 0 00.178-.172l1.78-1.78-3.6-1.199a9.48 9.48 0 01-.752-.272c-.209-.092-.457-.226-.638-.47a1.46 1.46 0 01-.265-1.124c.053-.298.215-.53.36-.705.143-.171.337-.365.552-.58l.02-.02.285-.285.037-.037c.136-.137.298-.3.5-.406a1.46 1.46 0 01.564-.161c.228-.018.45.034.64.078l.05.012 5.731 1.323a5.096 5.096 0 00.275.057.075.075 0 00.019-.005 5.146 5.146 0 00.199-.197l2.082-2.152zm2.728.948a1.216 1.216 0 00-1.734.014l-2.082 2.151-.036.037c-.132.137-.288.3-.483.407a1.46 1.46 0 01-.602.178c-.223.016-.442-.036-.627-.079l-.05-.011L5.146 4.78a5.06 5.06 0 00-.279-.059.077.077 0 00-.017.005 5.065 5.065 0 00-.205.197l-.285.285c-.243.243-.39.392-.487.508a.915.915 0 00-.063.083c0 .006.002.012.004.018.016.01.045.025.094.046.138.06.337.128.662.236l4.633 1.544a.692.692 0 01.27 1.146l-2.57 2.57-.032.032c-.12.12-.261.262-.436.362a1.459 1.459 0 01-.492.172 2.09 2.09 0 01-.567-.01l-.044-.005-1.27-.141a4.747 4.747 0 00-.247-.023.075.075 0 00-.015.005 4.867 4.867 0 00-.178.172l-.152.152c-.19.19-.301.302-.375.39a.735.735 0 00-.045.058c0 .008 0 .015.002.023.01.009.027.025.056.048.09.072.22.16.444.309l1.808 1.205.015.01a1.466 1.466 0 01.507.507l.01.016 1.206 1.807c.15.225.237.355.308.444.024.03.04.047.049.056a.076.076 0 00.022.002.723.723 0 00.059-.045c.087-.073.199-.184.39-.375l.151-.151a4.89 4.89 0 00.172-.178.077.077 0 00.005-.016v-.026a4.94 4.94 0 00-.023-.22l-.14-1.27-.006-.045a2.091 2.091 0 01-.01-.567 1.46 1.46 0 01.172-.491c.1-.175.242-.317.363-.437l.031-.031 2.57-2.57a.692.692 0 011.146.27L13.9 15.43c.109.325.175.523.236.662a.9.9 0 00.046.093.073.073 0 00.019.004.917.917 0 00.083-.063c.116-.096.264-.244.507-.486l.285-.285a5.078 5.078 0 00.197-.206.073.073 0 00.005-.017 5.042 5.042 0 00-.058-.279l-1.328-5.753-.011-.049c-.044-.184-.095-.401-.079-.624a1.46 1.46 0 01.152-.553c.1-.199.255-.36.386-.496l.034-.037 2.136-2.236a1.216 1.216 0 00-.02-1.7z",
@@ -31498,17 +31540,17 @@ function SvgEmojiTravelIcon(props) {
31498
31540
  }
31499
31541
 
31500
31542
  var _g, _defs$1;
31501
- function _extends$11() {
31502
- return _extends$11 = Object.assign ? Object.assign.bind() : function (n) {
31543
+ function _extends$12() {
31544
+ return _extends$12 = Object.assign ? Object.assign.bind() : function (n) {
31503
31545
  for (var e = 1; e < arguments.length; e++) {
31504
31546
  var t = arguments[e];
31505
31547
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31506
31548
  }
31507
31549
  return n;
31508
- }, _extends$11.apply(null, arguments);
31550
+ }, _extends$12.apply(null, arguments);
31509
31551
  }
31510
31552
  function SvgEmojiObjectIcon(props) {
31511
- return /*#__PURE__*/React.createElement("svg", _extends$11({
31553
+ return /*#__PURE__*/React.createElement("svg", _extends$12({
31512
31554
  width: 20,
31513
31555
  height: 20,
31514
31556
  viewBox: "0 0 20.01 20.01",
@@ -31529,24 +31571,24 @@ function SvgEmojiObjectIcon(props) {
31529
31571
  })))));
31530
31572
  }
31531
31573
 
31532
- var _path$10;
31533
- function _extends$12() {
31534
- return _extends$12 = Object.assign ? Object.assign.bind() : function (n) {
31574
+ var _path$11;
31575
+ function _extends$13() {
31576
+ return _extends$13 = Object.assign ? Object.assign.bind() : function (n) {
31535
31577
  for (var e = 1; e < arguments.length; e++) {
31536
31578
  var t = arguments[e];
31537
31579
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31538
31580
  }
31539
31581
  return n;
31540
- }, _extends$12.apply(null, arguments);
31582
+ }, _extends$13.apply(null, arguments);
31541
31583
  }
31542
31584
  function SvgEmojiSymbolsIcon(props) {
31543
- return /*#__PURE__*/React.createElement("svg", _extends$12({
31585
+ return /*#__PURE__*/React.createElement("svg", _extends$13({
31544
31586
  width: 20,
31545
31587
  height: 20,
31546
31588
  viewBox: "0 0 20.01 20.01",
31547
31589
  fill: "none",
31548
31590
  xmlns: "http://www.w3.org/2000/svg"
31549
- }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
31591
+ }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
31550
31592
  fillRule: "evenodd",
31551
31593
  clipRule: "evenodd",
31552
31594
  d: "M8.04 1.76a.75.75 0 01.616.863l-.548 3.294h5.146l.59-3.54a.75.75 0 111.48.246l-.55 3.294h2.31a.75.75 0 010 1.5h-2.56l-.86 5.167h2.586a.75.75 0 110 1.5h-2.837l-.59 3.54a.75.75 0 11-1.48-.247l.55-3.293H6.745l-.59 3.54a.75.75 0 11-1.48-.247l.55-3.293H2.083a.75.75 0 010-1.5h3.393l.86-5.167h-3.42a.75.75 0 110-1.5h3.67l.59-3.54a.75.75 0 01.864-.617zm-.182 5.657l-.862 5.167h5.146l.862-5.167H7.858z",
@@ -31554,24 +31596,24 @@ function SvgEmojiSymbolsIcon(props) {
31554
31596
  })));
31555
31597
  }
31556
31598
 
31557
- var _path$11;
31558
- function _extends$13() {
31559
- return _extends$13 = Object.assign ? Object.assign.bind() : function (n) {
31599
+ var _path$12;
31600
+ function _extends$14() {
31601
+ return _extends$14 = Object.assign ? Object.assign.bind() : function (n) {
31560
31602
  for (var e = 1; e < arguments.length; e++) {
31561
31603
  var t = arguments[e];
31562
31604
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31563
31605
  }
31564
31606
  return n;
31565
- }, _extends$13.apply(null, arguments);
31607
+ }, _extends$14.apply(null, arguments);
31566
31608
  }
31567
31609
  function SvgEmojiFlagicon(props) {
31568
- return /*#__PURE__*/React.createElement("svg", _extends$13({
31610
+ return /*#__PURE__*/React.createElement("svg", _extends$14({
31569
31611
  width: 20,
31570
31612
  height: 20,
31571
31613
  viewBox: "0 0 20.01 20.01",
31572
31614
  fill: "none",
31573
31615
  xmlns: "http://www.w3.org/2000/svg"
31574
- }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
31616
+ }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
31575
31617
  fillRule: "evenodd",
31576
31618
  clipRule: "evenodd",
31577
31619
  d: "M4.167 3.25a.917.917 0 00-.917.917v7.764c.288-.118.6-.181.917-.181h5.416a.75.75 0 01.53.22l.614.613h5.56L14.329 8.67a.75.75 0 010-.671l1.957-3.915H10.75V7.5a.75.75 0 01-1.5 0V3.25H4.167zm6.56-.667l-.613-.613a.75.75 0 00-.53-.22H4.166A2.417 2.417 0 001.75 4.167V17.5a.75.75 0 001.5 0v-3.333a.917.917 0 01.917-.917h5.106l.613.614c.141.14.332.22.53.22H17.5a.75.75 0 00.67-1.086l-2.332-4.665 2.333-4.664a.75.75 0 00-.671-1.086h-6.773z",
@@ -32067,24 +32109,24 @@ var Emoji = styled__default.li(_templateObject8$c || (_templateObject8$c = _tagg
32067
32109
  return props.hoverBackgroundColor;
32068
32110
  });
32069
32111
 
32070
- var _path$12;
32071
- function _extends$14() {
32072
- return _extends$14 = Object.assign ? Object.assign.bind() : function (n) {
32112
+ var _path$13;
32113
+ function _extends$15() {
32114
+ return _extends$15 = Object.assign ? Object.assign.bind() : function (n) {
32073
32115
  for (var e = 1; e < arguments.length; e++) {
32074
32116
  var t = arguments[e];
32075
32117
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
32076
32118
  }
32077
32119
  return n;
32078
- }, _extends$14.apply(null, arguments);
32120
+ }, _extends$15.apply(null, arguments);
32079
32121
  }
32080
32122
  function SvgPlus(props) {
32081
- return /*#__PURE__*/React.createElement("svg", _extends$14({
32123
+ return /*#__PURE__*/React.createElement("svg", _extends$15({
32082
32124
  width: 20,
32083
32125
  height: 20,
32084
32126
  viewBox: "0 0 20.01 20.01",
32085
32127
  fill: "none",
32086
32128
  xmlns: "http://www.w3.org/2000/svg"
32087
- }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
32129
+ }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
32088
32130
  d: "M10 3.778c.43 0 .778.348.778.778v4.666h4.666a.778.778 0 110 1.556h-4.666v4.666a.778.778 0 11-1.556 0v-4.666H4.556a.778.778 0 110-1.556h4.666V4.556c0-.43.348-.778.778-.778z",
32089
32131
  fill: "currentColor"
32090
32132
  })));
@@ -32352,7 +32394,7 @@ var validateUrl = function validateUrl(url) {
32352
32394
  }
32353
32395
  };
32354
32396
  var OGMetadata = function OGMetadata(_ref) {
32355
- var _metadata$og7, _metadata$og7$image, _metadata$og7$image$, _metadata$og9, _metadata$og9$favicon, _metadata$og13, _metadata$og14, _metadata$og15;
32397
+ var _metadata$og8, _metadata$og8$image, _metadata$og8$image$, _metadata$og0, _metadata$og0$favicon, _metadata$og14, _metadata$og15, _metadata$og16;
32356
32398
  var attachments = _ref.attachments,
32357
32399
  state = _ref.state,
32358
32400
  incoming = _ref.incoming,
@@ -32384,7 +32426,8 @@ var OGMetadata = function OGMetadata(_ref) {
32384
32426
  infoPadding = _ref$infoPadding === void 0 ? '0 8px' : _ref$infoPadding,
32385
32427
  ogContainerMargin = _ref.ogContainerMargin,
32386
32428
  _ref$target = _ref.target,
32387
- target = _ref$target === void 0 ? '_blank' : _ref$target;
32429
+ target = _ref$target === void 0 ? '_blank' : _ref$target,
32430
+ metadataGetSuccessCallback = _ref.metadataGetSuccessCallback;
32388
32431
  var dispatch = useDispatch();
32389
32432
  var oGMetadata = useSelector(function (state) {
32390
32433
  return state.MessageReducer.oGMetadata;
@@ -32399,7 +32442,7 @@ var OGMetadata = function OGMetadata(_ref) {
32399
32442
  });
32400
32443
  }, [attachments]);
32401
32444
  var metadata = React.useMemo(function () {
32402
- return oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url] || null;
32445
+ return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
32403
32446
  }, [oGMetadata, attachment]);
32404
32447
  var _useState = React.useState(false),
32405
32448
  imageLoadError = _useState[0],
@@ -32447,10 +32490,39 @@ var OGMetadata = function OGMetadata(_ref) {
32447
32490
  };
32448
32491
  image.onerror = function () {
32449
32492
  try {
32493
+ var _metadata$og2, _metadata$og2$favicon;
32450
32494
  setImageLoadError(true);
32451
- return Promise.resolve(storeMetadata(url, _extends({}, metadata))).then(function () {
32452
- handleMetadata(_extends({}, metadata));
32453
- });
32495
+ var favicon = new Image();
32496
+ favicon.src = metadata === null || metadata === void 0 ? void 0 : (_metadata$og2 = metadata.og) === null || _metadata$og2 === void 0 ? void 0 : (_metadata$og2$favicon = _metadata$og2.favicon) === null || _metadata$og2$favicon === void 0 ? void 0 : _metadata$og2$favicon.url;
32497
+ if (favicon.src) {
32498
+ favicon.onload = function () {
32499
+ try {
32500
+ return Promise.resolve(storeMetadata(url, _extends({}, metadata, {
32501
+ faviconLoaded: true
32502
+ }))).then(function () {
32503
+ handleMetadata(_extends({}, metadata, {
32504
+ faviconLoaded: true
32505
+ }));
32506
+ });
32507
+ } catch (e) {
32508
+ return Promise.reject(e);
32509
+ }
32510
+ };
32511
+ favicon.onerror = function () {
32512
+ try {
32513
+ return Promise.resolve(storeMetadata(url, _extends({}, metadata, {
32514
+ faviconLoaded: false
32515
+ }))).then(function () {
32516
+ handleMetadata(_extends({}, metadata, {
32517
+ faviconLoaded: false
32518
+ }));
32519
+ });
32520
+ } catch (e) {
32521
+ return Promise.reject(e);
32522
+ }
32523
+ };
32524
+ }
32525
+ return Promise.resolve();
32454
32526
  } catch (e) {
32455
32527
  return Promise.reject(e);
32456
32528
  }
@@ -32508,8 +32580,8 @@ var OGMetadata = function OGMetadata(_ref) {
32508
32580
  return url;
32509
32581
  }, [attachment]);
32510
32582
  var showOGMetadata = React.useMemo(function () {
32511
- var _metadata$og2, _metadata$og3, _metadata$og4, _metadata$og4$image, _metadata$og4$image$, _metadata$og5, _metadata$og5$favicon;
32512
- return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$og2 = metadata.og) === null || _metadata$og2 === void 0 ? void 0 : _metadata$og2.title) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.description) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og4 = metadata.og) === null || _metadata$og4 === void 0 ? void 0 : (_metadata$og4$image = _metadata$og4.image) === null || _metadata$og4$image === void 0 ? void 0 : (_metadata$og4$image$ = _metadata$og4$image[0]) === null || _metadata$og4$image$ === void 0 ? void 0 : _metadata$og4$image$.url) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : (_metadata$og5$favicon = _metadata$og5.favicon) === null || _metadata$og5$favicon === void 0 ? void 0 : _metadata$og5$favicon.url)) && metadata;
32583
+ var _metadata$og3, _metadata$og4, _metadata$og5, _metadata$og5$image, _metadata$og5$image$, _metadata$og6, _metadata$og6$favicon;
32584
+ return state !== 'deleted' && ((metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.title) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og4 = metadata.og) === null || _metadata$og4 === void 0 ? void 0 : _metadata$og4.description) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : (_metadata$og5$image = _metadata$og5.image) === null || _metadata$og5$image === void 0 ? void 0 : (_metadata$og5$image$ = _metadata$og5$image[0]) === null || _metadata$og5$image$ === void 0 ? void 0 : _metadata$og5$image$.url) || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : (_metadata$og6$favicon = _metadata$og6.favicon) === null || _metadata$og6$favicon === void 0 ? void 0 : _metadata$og6$favicon.url)) && metadata;
32513
32585
  }, [state, metadata]);
32514
32586
  var calculatedImageHeight = React.useMemo(function () {
32515
32587
  if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
@@ -32518,13 +32590,13 @@ var OGMetadata = function OGMetadata(_ref) {
32518
32590
  return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
32519
32591
  }, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
32520
32592
  var hasImage = React.useMemo(function () {
32521
- var _metadata$og6, _metadata$og6$image, _metadata$og6$image$;
32522
- return (metadata === null || metadata === void 0 ? void 0 : (_metadata$og6 = metadata.og) === null || _metadata$og6 === void 0 ? void 0 : (_metadata$og6$image = _metadata$og6.image) === null || _metadata$og6$image === void 0 ? void 0 : (_metadata$og6$image$ = _metadata$og6$image[0]) === null || _metadata$og6$image$ === void 0 ? void 0 : _metadata$og6$image$.url) && !imageLoadError;
32523
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og7 = metadata.og) === null || _metadata$og7 === void 0 ? void 0 : (_metadata$og7$image = _metadata$og7.image) === null || _metadata$og7$image === void 0 ? void 0 : (_metadata$og7$image$ = _metadata$og7$image[0]) === null || _metadata$og7$image$ === void 0 ? void 0 : _metadata$og7$image$.url, imageLoadError]);
32593
+ var _metadata$og7, _metadata$og7$image, _metadata$og7$image$;
32594
+ return (metadata === null || metadata === void 0 ? void 0 : (_metadata$og7 = metadata.og) === null || _metadata$og7 === void 0 ? void 0 : (_metadata$og7$image = _metadata$og7.image) === null || _metadata$og7$image === void 0 ? void 0 : (_metadata$og7$image$ = _metadata$og7$image[0]) === null || _metadata$og7$image$ === void 0 ? void 0 : _metadata$og7$image$.url) && !imageLoadError;
32595
+ }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$image = _metadata$og8.image) === null || _metadata$og8$image === void 0 ? void 0 : (_metadata$og8$image$ = _metadata$og8$image[0]) === null || _metadata$og8$image$ === void 0 ? void 0 : _metadata$og8$image$.url, imageLoadError]);
32524
32596
  var faviconUrl = React.useMemo(function () {
32525
- var _metadata$og8, _metadata$og8$favicon;
32526
- return metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$favicon = _metadata$og8.favicon) === null || _metadata$og8$favicon === void 0 ? void 0 : _metadata$og8$favicon.url;
32527
- }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : (_metadata$og9$favicon = _metadata$og9.favicon) === null || _metadata$og9$favicon === void 0 ? void 0 : _metadata$og9$favicon.url]);
32597
+ var _metadata$og9, _metadata$og9$favicon;
32598
+ return ogShowFavicon && metadata !== null && metadata !== void 0 && metadata.faviconLoaded ? metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : (_metadata$og9$favicon = _metadata$og9.favicon) === null || _metadata$og9$favicon === void 0 ? void 0 : _metadata$og9$favicon.url : '';
32599
+ }, [metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : (_metadata$og0$favicon = _metadata$og0.favicon) === null || _metadata$og0$favicon === void 0 ? void 0 : _metadata$og0$favicon.url, metadata === null || metadata === void 0 ? void 0 : metadata.faviconLoaded, ogShowFavicon]);
32528
32600
  var resolvedOrder = React.useMemo(function () {
32529
32601
  return order || {
32530
32602
  image: 1,
@@ -32533,8 +32605,13 @@ var OGMetadata = function OGMetadata(_ref) {
32533
32605
  link: 4
32534
32606
  };
32535
32607
  }, [order]);
32608
+ React.useEffect(function () {
32609
+ if (metadata && metadataGetSuccessCallback && hasImage) {
32610
+ metadataGetSuccessCallback(true);
32611
+ }
32612
+ }, [metadata, metadataGetSuccessCallback]);
32536
32613
  var elements = React.useMemo(function () {
32537
- var _resolvedOrder$image, _metadata$og0, _metadata$og0$image, _metadata$og0$image$, _resolvedOrder$title, _metadata$og1, _metadata$og10, _resolvedOrder$descri, _metadata$og11, _metadata$og12, _resolvedOrder$link;
32614
+ var _resolvedOrder$image, _metadata$og1, _metadata$og1$image, _metadata$og1$image$, _resolvedOrder$title, _metadata$og10, _metadata$og11, _resolvedOrder$descri, _metadata$og12, _metadata$og13, _resolvedOrder$link;
32538
32615
  return [hasImage ? {
32539
32616
  key: 'image',
32540
32617
  order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
@@ -32546,27 +32623,27 @@ var OGMetadata = function OGMetadata(_ref) {
32546
32623
  maxWidth: maxWidth,
32547
32624
  maxHeight: maxHeight || calculatedImageHeight
32548
32625
  }, /*#__PURE__*/React__default.createElement(Img, {
32549
- src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og0 = metadata.og) === null || _metadata$og0 === void 0 ? void 0 : (_metadata$og0$image = _metadata$og0.image) === null || _metadata$og0$image === void 0 ? void 0 : (_metadata$og0$image$ = _metadata$og0$image[0]) === null || _metadata$og0$image$ === void 0 ? void 0 : _metadata$og0$image$.url,
32626
+ src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : (_metadata$og1$image = _metadata$og1.image) === null || _metadata$og1$image === void 0 ? void 0 : (_metadata$og1$image$ = _metadata$og1$image[0]) === null || _metadata$og1$image$ === void 0 ? void 0 : _metadata$og1$image$.url,
32550
32627
  alt: 'OG image',
32551
32628
  shouldAnimate: shouldAnimate
32552
32629
  })))
32553
32630
  } : null, {
32554
32631
  key: 'title',
32555
32632
  order: (_resolvedOrder$title = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.title) != null ? _resolvedOrder$title : 2,
32556
- render: ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.title) && (/*#__PURE__*/React__default.createElement(Title$2, {
32633
+ render: ogShowTitle && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.title) && (/*#__PURE__*/React__default.createElement(Title$2, {
32557
32634
  maxWidth: maxWidth,
32558
32635
  shouldAnimate: shouldAnimate,
32559
32636
  padding: infoPadding
32560
- }, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og10 = metadata.og) === null || _metadata$og10 === void 0 ? void 0 : _metadata$og10.title)))
32637
+ }, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og11 = metadata.og) === null || _metadata$og11 === void 0 ? void 0 : _metadata$og11.title)))
32561
32638
  }, {
32562
32639
  key: 'description',
32563
32640
  order: (_resolvedOrder$descri = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.description) != null ? _resolvedOrder$descri : 3,
32564
- render: ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og11 = metadata.og) === null || _metadata$og11 === void 0 ? void 0 : _metadata$og11.description) && (/*#__PURE__*/React__default.createElement(Desc, {
32641
+ render: ogShowDescription && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.description) && (/*#__PURE__*/React__default.createElement(Desc, {
32565
32642
  maxWidth: maxWidth,
32566
32643
  shouldAnimate: shouldAnimate,
32567
32644
  color: textSecondary,
32568
32645
  padding: infoPadding
32569
- }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.description))
32646
+ }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : _metadata$og13.description))
32570
32647
  }, {
32571
32648
  key: 'link',
32572
32649
  order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
@@ -32581,7 +32658,7 @@ var OGMetadata = function OGMetadata(_ref) {
32581
32658
  var _a$order, _b$order;
32582
32659
  return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
32583
32660
  });
32584
- }, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : _metadata$og13.image, shouldAnimate, ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : _metadata$og14.title, infoPadding, ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.description, textSecondary, ogShowUrl, ogUrl]);
32661
+ }, [hasImage, resolvedOrder, showOGMetadata, maxWidth, calculatedImageHeight, maxHeight, metadata === null || metadata === void 0 ? void 0 : (_metadata$og14 = metadata.og) === null || _metadata$og14 === void 0 ? void 0 : _metadata$og14.image, shouldAnimate, ogShowTitle, metadata === null || metadata === void 0 ? void 0 : (_metadata$og15 = metadata.og) === null || _metadata$og15 === void 0 ? void 0 : _metadata$og15.title, infoPadding, ogShowDescription, metadata === null || metadata === void 0 ? void 0 : (_metadata$og16 = metadata.og) === null || _metadata$og16 === void 0 ? void 0 : _metadata$og16.description, textSecondary, ogShowUrl, ogUrl]);
32585
32662
  var textContent = React.useMemo(function () {
32586
32663
  return /*#__PURE__*/React__default.createElement(OGText, {
32587
32664
  shouldAnimate: shouldAnimate,
@@ -32602,7 +32679,7 @@ var OGMetadata = function OGMetadata(_ref) {
32602
32679
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
32603
32680
  key: el.key
32604
32681
  }, el.render);
32605
- }))) : ogShowFavicon && faviconUrl ? (/*#__PURE__*/React__default.createElement(OGRow, null, /*#__PURE__*/React__default.createElement(OGTextWrapper, null, textContent), /*#__PURE__*/React__default.createElement(FaviconContainer, {
32682
+ }))) : faviconUrl ? (/*#__PURE__*/React__default.createElement(OGRow, null, /*#__PURE__*/React__default.createElement(OGTextWrapper, null, textContent), /*#__PURE__*/React__default.createElement(FaviconContainer, {
32606
32683
  "aria-hidden": 'true'
32607
32684
  }, /*#__PURE__*/React__default.createElement(FaviconImg, {
32608
32685
  src: faviconUrl,
@@ -32914,6 +32991,11 @@ var MessageBody = function MessageBody(_ref) {
32914
32991
  var attachmentMetas = React.useMemo(function () {
32915
32992
  return mediaAttachment && (isJSON(mediaAttachment.metadata) ? JSON.parse(mediaAttachment.metadata) : mediaAttachment.metadata);
32916
32993
  }, [mediaAttachment]);
32994
+ var fileAttachment = React.useMemo(function () {
32995
+ return message.attachments.find(function (attachment) {
32996
+ return attachment.type === attachmentTypes.file;
32997
+ });
32998
+ }, [message.attachments]);
32917
32999
  var borderRadius = React.useMemo(function () {
32918
33000
  return message.incoming && (incomingMessageStyles === null || incomingMessageStyles === void 0 ? void 0 : incomingMessageStyles.background) === 'inherit' ? '0px' : !message.incoming && (outgoingMessageStyles === null || outgoingMessageStyles === void 0 ? void 0 : outgoingMessageStyles.background) === 'inherit' ? '0px' : !message.incoming && ownMessageOnRightSide ? prevMessageUserID !== messageUserID || firstMessageInInterval ? '16px 16px 4px 16px' : nextMessageUserID !== messageUserID || lastMessageInInterval ? '16px 4px 16px 16px' : '16px 4px 4px 16px' : prevMessageUserID !== messageUserID || firstMessageInInterval ? '16px 16px 16px 4px' : nextMessageUserID !== messageUserID || lastMessageInInterval ? '4px 16px 16px 16px' : '4px 16px 16px 4px';
32919
33001
  }, [message.incoming, incomingMessageStyles === null || incomingMessageStyles === void 0 ? void 0 : incomingMessageStyles.background, outgoingMessageStyles === null || outgoingMessageStyles === void 0 ? void 0 : outgoingMessageStyles.background, prevMessageUserID, messageUserID, firstMessageInInterval, nextMessageUserID, lastMessageInInterval, ownMessageOnRightSide]);
@@ -33088,7 +33170,7 @@ var MessageBody = function MessageBody(_ref) {
33088
33170
  linkColor: linkColor,
33089
33171
  unsupportedMessage: unsupportedMessage,
33090
33172
  unsupportedMessageColor: textSecondary
33091
- }, ogContainerFirst && linkAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
33173
+ }, ogContainerFirst && linkAttachment && !mediaAttachment && !withMediaAttachment && !fileAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
33092
33174
  maxWidth: (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400,
33093
33175
  maxHeight: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxHeight,
33094
33176
  attachments: [linkAttachment],
@@ -33124,7 +33206,7 @@ var MessageBody = function MessageBody(_ref) {
33124
33206
  unsupportedMessage: unsupportedMessage
33125
33207
  })), !withAttachments && message.state === MESSAGE_STATUS.DELETE ? (/*#__PURE__*/React__default.createElement(MessageStatusDeleted$1, {
33126
33208
  color: textSecondary
33127
- }, " Message was deleted. ")) : '', !ogContainerFirst && linkAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
33209
+ }, " Message was deleted. ")) : '', !ogContainerFirst && linkAttachment && !mediaAttachment && !withMediaAttachment && !fileAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
33128
33210
  maxWidth: (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400,
33129
33211
  maxHeight: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxHeight,
33130
33212
  attachments: [linkAttachment],
@@ -34177,8 +34259,8 @@ var Message$1 = function Message(_ref) {
34177
34259
  }
34178
34260
  };
34179
34261
  var unsupportedMessage = React.useMemo(function () {
34180
- return message.type !== exports.MESSAGE_TYPE.SYSTEM && message.type !== exports.MESSAGE_TYPE.POLL && message.type !== exports.MESSAGE_TYPE.FILE && message.type !== exports.MESSAGE_TYPE.LINK && message.type !== exports.MESSAGE_TYPE.MEDIA && message.type !== exports.MESSAGE_TYPE.TEXT;
34181
- }, [message.type]);
34262
+ return isMessageUnsupported(message);
34263
+ }, [message]);
34182
34264
  return /*#__PURE__*/React__default.createElement(MessageItem, {
34183
34265
  className: 'message_item',
34184
34266
  rtl: ownMessageOnRightSide && !message.incoming,
@@ -36417,24 +36499,24 @@ var MemberName$2 = styled__default.h3(_templateObject5$n || (_templateObject5$n
36417
36499
  return props.color;
36418
36500
  });
36419
36501
 
36420
- var _path$13;
36421
- function _extends$15() {
36422
- return _extends$15 = Object.assign ? Object.assign.bind() : function (n) {
36502
+ var _path$14;
36503
+ function _extends$16() {
36504
+ return _extends$16 = Object.assign ? Object.assign.bind() : function (n) {
36423
36505
  for (var e = 1; e < arguments.length; e++) {
36424
36506
  var t = arguments[e];
36425
36507
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36426
36508
  }
36427
36509
  return n;
36428
- }, _extends$15.apply(null, arguments);
36510
+ }, _extends$16.apply(null, arguments);
36429
36511
  }
36430
36512
  function SvgBold(props) {
36431
- return /*#__PURE__*/React.createElement("svg", _extends$15({
36513
+ return /*#__PURE__*/React.createElement("svg", _extends$16({
36432
36514
  width: 18,
36433
36515
  height: 18,
36434
36516
  viewBox: "0 0 18.01 18.01",
36435
36517
  fill: "none",
36436
36518
  xmlns: "http://www.w3.org/2000/svg"
36437
- }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
36519
+ }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
36438
36520
  fillRule: "evenodd",
36439
36521
  clipRule: "evenodd",
36440
36522
  d: "M6.35 3.029A1.1 1.1 0 005 4.1v10a1.1 1.1 0 001.35 1.072c.08.018.164.028.25.028h3.429c1.998 0 3.671-1.583 3.671-3.6a3.566 3.566 0 00-1.596-2.969c.38-.588.596-1.294.596-2.031 0-1.904-1.444-3.6-3.408-3.6H6.6c-.086 0-.17.01-.25.029zm3.41 7.138a3.318 3.318 0 01-.468.033H7.2V13h2.829c.842 0 1.471-.656 1.471-1.4 0-.744-.63-1.4-1.471-1.4a1.1 1.1 0 01-.268-.033zM7.2 8h2.092c.586 0 1.208-.542 1.208-1.4 0-.858-.622-1.4-1.208-1.4H7.2V8z",
@@ -36442,24 +36524,24 @@ function SvgBold(props) {
36442
36524
  })));
36443
36525
  }
36444
36526
 
36445
- var _path$14;
36446
- function _extends$16() {
36447
- return _extends$16 = Object.assign ? Object.assign.bind() : function (n) {
36527
+ var _path$15;
36528
+ function _extends$17() {
36529
+ return _extends$17 = Object.assign ? Object.assign.bind() : function (n) {
36448
36530
  for (var e = 1; e < arguments.length; e++) {
36449
36531
  var t = arguments[e];
36450
36532
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36451
36533
  }
36452
36534
  return n;
36453
- }, _extends$16.apply(null, arguments);
36535
+ }, _extends$17.apply(null, arguments);
36454
36536
  }
36455
36537
  function SvgItalic(props) {
36456
- return /*#__PURE__*/React.createElement("svg", _extends$16({
36538
+ return /*#__PURE__*/React.createElement("svg", _extends$17({
36457
36539
  width: 18,
36458
36540
  height: 18,
36459
36541
  viewBox: "0 0 18.01 18.01",
36460
36542
  fill: "none",
36461
36543
  xmlns: "http://www.w3.org/2000/svg"
36462
- }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
36544
+ }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
36463
36545
  fillRule: "evenodd",
36464
36546
  clipRule: "evenodd",
36465
36547
  d: "M9.984 3.2H8a.8.8 0 000 1.6h1.024l-1.68 8.4H6a.8.8 0 100 1.6h4a.8.8 0 000-1.6H8.976l1.68-8.4H12a.8.8 0 000-1.6H9.984z",
@@ -36468,17 +36550,17 @@ function SvgItalic(props) {
36468
36550
  }
36469
36551
 
36470
36552
  var _g$1;
36471
- function _extends$17() {
36472
- return _extends$17 = Object.assign ? Object.assign.bind() : function (n) {
36553
+ function _extends$18() {
36554
+ return _extends$18 = Object.assign ? Object.assign.bind() : function (n) {
36473
36555
  for (var e = 1; e < arguments.length; e++) {
36474
36556
  var t = arguments[e];
36475
36557
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36476
36558
  }
36477
36559
  return n;
36478
- }, _extends$17.apply(null, arguments);
36560
+ }, _extends$18.apply(null, arguments);
36479
36561
  }
36480
36562
  function SvgStrikethrough(props) {
36481
- return /*#__PURE__*/React.createElement("svg", _extends$17({
36563
+ return /*#__PURE__*/React.createElement("svg", _extends$18({
36482
36564
  width: 18,
36483
36565
  height: 18,
36484
36566
  viewBox: "0 0 18.01 18.01",
@@ -36495,41 +36577,41 @@ function SvgStrikethrough(props) {
36495
36577
  }))));
36496
36578
  }
36497
36579
 
36498
- var _path$15;
36499
- function _extends$18() {
36500
- return _extends$18 = Object.assign ? Object.assign.bind() : function (n) {
36580
+ var _path$16;
36581
+ function _extends$19() {
36582
+ return _extends$19 = Object.assign ? Object.assign.bind() : function (n) {
36501
36583
  for (var e = 1; e < arguments.length; e++) {
36502
36584
  var t = arguments[e];
36503
36585
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36504
36586
  }
36505
36587
  return n;
36506
- }, _extends$18.apply(null, arguments);
36588
+ }, _extends$19.apply(null, arguments);
36507
36589
  }
36508
36590
  function SvgMono(props) {
36509
- return /*#__PURE__*/React.createElement("svg", _extends$18({
36591
+ return /*#__PURE__*/React.createElement("svg", _extends$19({
36510
36592
  width: 18,
36511
36593
  height: 18,
36512
36594
  viewBox: "0 0 18.01 18.01",
36513
36595
  fill: "none",
36514
36596
  xmlns: "http://www.w3.org/2000/svg"
36515
- }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
36597
+ }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
36516
36598
  d: "M4.98 14.753A.826.826 0 014.37 15a.882.882 0 01-.624-.247.882.882 0 01-.247-.624V3.87c0-.24.082-.444.247-.608A.853.853 0 014.37 3c.581 0 1.003.258 1.266.773l3.238 6.28c0 .01.006.015.017.015.01 0 .016-.005.016-.016l3.222-6.247c.274-.537.712-.805 1.315-.805.252 0 .466.088.641.263a.873.873 0 01.263.641v10.192a.873.873 0 01-.263.641.872.872 0 01-.64.263.873.873 0 01-.642-.263.873.873 0 01-.263-.641V6.14c0-.011-.005-.017-.016-.017s-.017.006-.017.017l-2.433 4.833c-.252.493-.646.74-1.183.74s-.932-.247-1.184-.74L5.275 6.14c0-.011-.005-.017-.016-.017s-.017.006-.017.017v7.989c0 .24-.087.45-.263.624z",
36517
36599
  fill: "CurrentColor"
36518
36600
  })));
36519
36601
  }
36520
36602
 
36521
36603
  var _g$2;
36522
- function _extends$19() {
36523
- return _extends$19 = Object.assign ? Object.assign.bind() : function (n) {
36604
+ function _extends$1a() {
36605
+ return _extends$1a = Object.assign ? Object.assign.bind() : function (n) {
36524
36606
  for (var e = 1; e < arguments.length; e++) {
36525
36607
  var t = arguments[e];
36526
36608
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36527
36609
  }
36528
36610
  return n;
36529
- }, _extends$19.apply(null, arguments);
36611
+ }, _extends$1a.apply(null, arguments);
36530
36612
  }
36531
36613
  function SvgUnderline(props) {
36532
- return /*#__PURE__*/React.createElement("svg", _extends$19({
36614
+ return /*#__PURE__*/React.createElement("svg", _extends$1a({
36533
36615
  width: 18,
36534
36616
  height: 18,
36535
36617
  viewBox: "0 0 18.01 18.01",
@@ -37491,18 +37573,18 @@ var Emoji$1 = styled__default.li(_templateObject8$h || (_templateObject8$h = _ta
37491
37573
 
37492
37574
  var CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
37493
37575
 
37494
- var _circle$6, _path$16;
37495
- function _extends$1a() {
37496
- return _extends$1a = Object.assign ? Object.assign.bind() : function (n) {
37576
+ var _circle$6, _path$17;
37577
+ function _extends$1b() {
37578
+ return _extends$1b = Object.assign ? Object.assign.bind() : function (n) {
37497
37579
  for (var e = 1; e < arguments.length; e++) {
37498
37580
  var t = arguments[e];
37499
37581
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37500
37582
  }
37501
37583
  return n;
37502
- }, _extends$1a.apply(null, arguments);
37584
+ }, _extends$1b.apply(null, arguments);
37503
37585
  }
37504
37586
  function SvgSend(props) {
37505
- return /*#__PURE__*/React.createElement("svg", _extends$1a({
37587
+ return /*#__PURE__*/React.createElement("svg", _extends$1b({
37506
37588
  width: 32,
37507
37589
  height: 32,
37508
37590
  fill: "none",
@@ -37512,142 +37594,142 @@ function SvgSend(props) {
37512
37594
  cy: 16,
37513
37595
  r: 16,
37514
37596
  fill: "currentColor"
37515
- })), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
37597
+ })), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
37516
37598
  d: "M10.953 18.945c-.545 1.46-.888 2.485-1.028 3.076-.439 1.856-.758 2.274.879 1.392 1.637-.882 9.56-5.251 11.329-6.222 2.304-1.266 2.335-1.167-.124-2.511-1.873-1.024-9.704-5.279-11.205-6.115-1.501-.835-1.318-.464-.879 1.392.142.6.49 1.634 1.043 3.105a3.143 3.143 0 002.35 1.98l4.595.88a.079.079 0 010 .155l-4.606.88a3.143 3.143 0 00-2.354 1.988z",
37517
37599
  fill: "#fff"
37518
37600
  })));
37519
37601
  }
37520
37602
 
37521
- var _path$17;
37522
- function _extends$1b() {
37523
- return _extends$1b = Object.assign ? Object.assign.bind() : function (n) {
37603
+ var _path$18;
37604
+ function _extends$1c() {
37605
+ return _extends$1c = Object.assign ? Object.assign.bind() : function (n) {
37524
37606
  for (var e = 1; e < arguments.length; e++) {
37525
37607
  var t = arguments[e];
37526
37608
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37527
37609
  }
37528
37610
  return n;
37529
- }, _extends$1b.apply(null, arguments);
37611
+ }, _extends$1c.apply(null, arguments);
37530
37612
  }
37531
37613
  function SvgEye(props) {
37532
- return /*#__PURE__*/React.createElement("svg", _extends$1b({
37614
+ return /*#__PURE__*/React.createElement("svg", _extends$1c({
37533
37615
  width: 25,
37534
37616
  height: 24,
37535
37617
  fill: "none",
37536
37618
  xmlns: "http://www.w3.org/2000/svg"
37537
- }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
37619
+ }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
37538
37620
  d: "M12.5 5c6 0 10 5.6 10 7 0 1.4-4 7-10 7s-10-5.6-10-7c0-1.4 4-7 10-7zm0 2a5 5 0 100 10 5 5 0 000-10zm.001 2.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5z",
37539
37621
  fill: "CurrentColor"
37540
37622
  })));
37541
37623
  }
37542
37624
 
37543
- var _path$18;
37544
- function _extends$1c() {
37545
- return _extends$1c = Object.assign ? Object.assign.bind() : function (n) {
37625
+ var _path$19;
37626
+ function _extends$1d() {
37627
+ return _extends$1d = Object.assign ? Object.assign.bind() : function (n) {
37546
37628
  for (var e = 1; e < arguments.length; e++) {
37547
37629
  var t = arguments[e];
37548
37630
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37549
37631
  }
37550
37632
  return n;
37551
- }, _extends$1c.apply(null, arguments);
37633
+ }, _extends$1d.apply(null, arguments);
37552
37634
  }
37553
37635
  function SvgAddAttachment(props) {
37554
- return /*#__PURE__*/React.createElement("svg", _extends$1c({
37636
+ return /*#__PURE__*/React.createElement("svg", _extends$1d({
37555
37637
  width: 24,
37556
37638
  height: 24,
37557
37639
  viewBox: "0 0 24.01 24.01",
37558
37640
  fill: "none",
37559
37641
  xmlns: "http://www.w3.org/2000/svg"
37560
- }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
37642
+ }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
37561
37643
  d: "M12 1.714c5.68 0 10.286 4.605 10.286 10.286 0 5.68-4.605 10.286-10.286 10.286C6.32 22.286 1.714 17.68 1.714 12 1.714 6.32 6.32 1.714 12 1.714zm0 1.715a8.571 8.571 0 100 17.143 8.571 8.571 0 000-17.143zm0 3.428c.473 0 .857.384.857.857v3.429h3.429a.857.857 0 010 1.714h-3.429v3.429a.857.857 0 11-1.714 0v-3.429H7.714a.857.857 0 110-1.714h3.429V7.714c0-.473.384-.857.857-.857z",
37562
37644
  fill: "CurrentColor"
37563
37645
  })));
37564
37646
  }
37565
37647
 
37566
- var _path$19;
37567
- function _extends$1d() {
37568
- return _extends$1d = Object.assign ? Object.assign.bind() : function (n) {
37648
+ var _path$1a;
37649
+ function _extends$1e() {
37650
+ return _extends$1e = Object.assign ? Object.assign.bind() : function (n) {
37569
37651
  for (var e = 1; e < arguments.length; e++) {
37570
37652
  var t = arguments[e];
37571
37653
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37572
37654
  }
37573
37655
  return n;
37574
- }, _extends$1d.apply(null, arguments);
37656
+ }, _extends$1e.apply(null, arguments);
37575
37657
  }
37576
37658
  function SvgErrorCircle(props) {
37577
- return /*#__PURE__*/React.createElement("svg", _extends$1d({
37659
+ return /*#__PURE__*/React.createElement("svg", _extends$1e({
37578
37660
  width: 25,
37579
37661
  height: 24,
37580
37662
  fill: "none",
37581
37663
  xmlns: "http://www.w3.org/2000/svg"
37582
- }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
37664
+ }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
37583
37665
  d: "M12.5 1.714c5.68 0 10.286 4.605 10.286 10.286 0 5.68-4.605 10.285-10.286 10.285C6.82 22.285 2.214 17.68 2.214 12 2.214 6.319 6.82 1.714 12.5 1.714zm0 1.714a8.571 8.571 0 100 17.143 8.571 8.571 0 000-17.143zm0 11.657a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4zm.063-8.228c.204 0 .332.032.443.091.112.06.2.148.26.26.06.111.091.24.091.443v5.269c0 .204-.032.331-.091.443a.623.623 0 01-.26.26c-.111.059-.24.09-.443.09h-.126c-.204 0-.332-.031-.443-.09a.624.624 0 01-.26-.26c-.06-.112-.091-.24-.091-.443V7.65c0-.203.032-.33.091-.442.06-.112.148-.2.26-.26.111-.06.24-.091.443-.091h.126z",
37584
37666
  fill: "#FFB73D"
37585
37667
  })));
37586
37668
  }
37587
37669
 
37588
- var _path$1a;
37589
- function _extends$1e() {
37590
- return _extends$1e = Object.assign ? Object.assign.bind() : function (n) {
37670
+ var _path$1b;
37671
+ function _extends$1f() {
37672
+ return _extends$1f = Object.assign ? Object.assign.bind() : function (n) {
37591
37673
  for (var e = 1; e < arguments.length; e++) {
37592
37674
  var t = arguments[e];
37593
37675
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37594
37676
  }
37595
37677
  return n;
37596
- }, _extends$1e.apply(null, arguments);
37678
+ }, _extends$1f.apply(null, arguments);
37597
37679
  }
37598
37680
  function SvgPlayRecord(props) {
37599
- return /*#__PURE__*/React.createElement("svg", _extends$1e({
37681
+ return /*#__PURE__*/React.createElement("svg", _extends$1f({
37600
37682
  width: 20,
37601
37683
  height: 20,
37602
37684
  viewBox: "0 0 20.01 20.01",
37603
37685
  fill: "none",
37604
37686
  xmlns: "http://www.w3.org/2000/svg"
37605
- }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
37687
+ }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
37606
37688
  d: "M16.28 8.913c.793.48.793 1.692 0 2.172l-8.265 4.997c-.787.475-1.765-.126-1.765-1.086V5.002c0-.96.979-1.561 1.765-1.086l8.265 4.997z",
37607
37689
  fill: "CurrentColor"
37608
37690
  })));
37609
37691
  }
37610
37692
 
37611
- var _path$1b;
37612
- function _extends$1f() {
37613
- return _extends$1f = Object.assign ? Object.assign.bind() : function (n) {
37693
+ var _path$1c;
37694
+ function _extends$1g() {
37695
+ return _extends$1g = Object.assign ? Object.assign.bind() : function (n) {
37614
37696
  for (var e = 1; e < arguments.length; e++) {
37615
37697
  var t = arguments[e];
37616
37698
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37617
37699
  }
37618
37700
  return n;
37619
- }, _extends$1f.apply(null, arguments);
37701
+ }, _extends$1g.apply(null, arguments);
37620
37702
  }
37621
37703
  function SvgPauseRecord(props) {
37622
- return /*#__PURE__*/React.createElement("svg", _extends$1f({
37704
+ return /*#__PURE__*/React.createElement("svg", _extends$1g({
37623
37705
  width: 20,
37624
37706
  height: 20,
37625
37707
  viewBox: "0 0 20.01 20.01",
37626
37708
  fill: "none",
37627
37709
  xmlns: "http://www.w3.org/2000/svg"
37628
- }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
37710
+ }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
37629
37711
  d: "M7.468 3.75c.446 0 .607.046.77.134.163.087.291.215.378.378.088.163.134.324.134.77v9.936c0 .446-.046.607-.134.77a.908.908 0 01-.378.378c-.163.088-.324.134-.77.134H6.282c-.446 0-.607-.046-.77-.134a.908.908 0 01-.378-.378c-.088-.162-.134-.324-.134-.77V5.032c0-.446.046-.607.134-.77a.909.909 0 01.378-.378c.163-.088.324-.134.77-.134h1.186zm6.25 0c.446 0 .607.046.77.134.163.087.291.215.378.378.088.163.134.324.134.77v9.936c0 .446-.046.607-.134.77a.908.908 0 01-.378.378c-.162.088-.324.134-.77.134h-1.186c-.446 0-.607-.046-.77-.134a.908.908 0 01-.378-.378c-.088-.162-.134-.324-.134-.77V5.032c0-.446.046-.607.134-.77a.908.908 0 01.378-.378c.162-.088.324-.134.77-.134h1.186z",
37630
37712
  fill: "CurrentColor"
37631
37713
  })));
37632
37714
  }
37633
37715
 
37634
- var _path$1c;
37635
- function _extends$1g() {
37636
- return _extends$1g = Object.assign ? Object.assign.bind() : function (n) {
37716
+ var _path$1d;
37717
+ function _extends$1h() {
37718
+ return _extends$1h = Object.assign ? Object.assign.bind() : function (n) {
37637
37719
  for (var e = 1; e < arguments.length; e++) {
37638
37720
  var t = arguments[e];
37639
37721
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37640
37722
  }
37641
37723
  return n;
37642
- }, _extends$1g.apply(null, arguments);
37724
+ }, _extends$1h.apply(null, arguments);
37643
37725
  }
37644
37726
  function SvgStopRecord(props) {
37645
- return /*#__PURE__*/React.createElement("svg", _extends$1g({
37727
+ return /*#__PURE__*/React.createElement("svg", _extends$1h({
37646
37728
  width: 20,
37647
37729
  height: 20,
37648
37730
  fill: "none",
37649
37731
  xmlns: "http://www.w3.org/2000/svg"
37650
- }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
37732
+ }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
37651
37733
  fillRule: "evenodd",
37652
37734
  clipRule: "evenodd",
37653
37735
  d: "M4.421 5.441c-.254.5-.254 1.153-.254 2.46v4.2c0 1.306 0 1.96.254 2.459.224.439.581.796 1.02 1.02.5.254 1.153.254 2.46.254h4.2c1.306 0 1.96 0 2.459-.255.439-.223.796-.58 1.02-1.02.254-.498.254-1.152.254-2.459V7.9c0-1.306 0-1.96-.255-2.459a2.333 2.333 0 00-1.02-1.02c-.498-.254-1.152-.254-2.459-.254H7.9c-1.306 0-1.96 0-2.459.254-.439.224-.796.581-1.02 1.02z",
@@ -37655,18 +37737,18 @@ function SvgStopRecord(props) {
37655
37737
  })));
37656
37738
  }
37657
37739
 
37658
- var _circle$7, _path$1d, _path2$6;
37659
- function _extends$1h() {
37660
- return _extends$1h = Object.assign ? Object.assign.bind() : function (n) {
37740
+ var _circle$7, _path$1e, _path2$7;
37741
+ function _extends$1i() {
37742
+ return _extends$1i = Object.assign ? Object.assign.bind() : function (n) {
37661
37743
  for (var e = 1; e < arguments.length; e++) {
37662
37744
  var t = arguments[e];
37663
37745
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37664
37746
  }
37665
37747
  return n;
37666
- }, _extends$1h.apply(null, arguments);
37748
+ }, _extends$1i.apply(null, arguments);
37667
37749
  }
37668
37750
  function SvgRecordButton(props) {
37669
- return /*#__PURE__*/React.createElement("svg", _extends$1h({
37751
+ return /*#__PURE__*/React.createElement("svg", _extends$1i({
37670
37752
  width: 32,
37671
37753
  height: 32,
37672
37754
  viewBox: "0 0 32.01 32.01",
@@ -37677,10 +37759,10 @@ function SvgRecordButton(props) {
37677
37759
  cy: 16,
37678
37760
  r: 16,
37679
37761
  fill: "CurrentColor"
37680
- })), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
37762
+ })), _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
37681
37763
  d: "M12.875 10.375a3.125 3.125 0 116.25 0v5a3.125 3.125 0 11-6.25 0v-5zM15.219 22.406a.781.781 0 111.562 0v1.563a.781.781 0 11-1.562 0v-1.563zM23.5 14.906a.781.781 0 11-1.563 0 .781.781 0 011.563 0zM10.063 14.906a.781.781 0 11-1.563 0 .781.781 0 011.563 0z",
37682
37764
  fill: "#fff"
37683
- })), _path2$6 || (_path2$6 = /*#__PURE__*/React.createElement("path", {
37765
+ })), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement("path", {
37684
37766
  d: "M16 22.25a7.5 7.5 0 007.5-7.5h-1.563a5.937 5.937 0 11-11.875 0H8.5a7.5 7.5 0 007.5 7.5z",
37685
37767
  fill: "#fff"
37686
37768
  })));
@@ -40117,23 +40199,23 @@ var copyToClipboard = function copyToClipboard(text) {
40117
40199
  }
40118
40200
  };
40119
40201
 
40120
- var _path$1e;
40121
- function _extends$1i() {
40122
- return _extends$1i = Object.assign ? Object.assign.bind() : function (n) {
40202
+ var _path$1f;
40203
+ function _extends$1j() {
40204
+ return _extends$1j = Object.assign ? Object.assign.bind() : function (n) {
40123
40205
  for (var e = 1; e < arguments.length; e++) {
40124
40206
  var t = arguments[e];
40125
40207
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40126
40208
  }
40127
40209
  return n;
40128
- }, _extends$1i.apply(null, arguments);
40210
+ }, _extends$1j.apply(null, arguments);
40129
40211
  }
40130
40212
  function SvgBottom(props) {
40131
- return /*#__PURE__*/React.createElement("svg", _extends$1i({
40213
+ return /*#__PURE__*/React.createElement("svg", _extends$1j({
40132
40214
  width: 12,
40133
40215
  height: 7,
40134
40216
  fill: "none",
40135
40217
  xmlns: "http://www.w3.org/2000/svg"
40136
- }, props), _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
40218
+ }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
40137
40219
  d: "M1.5 1.5l4.5 4 4.5-4",
40138
40220
  stroke: "#676A7C",
40139
40221
  strokeWidth: 1.4,
@@ -40142,50 +40224,50 @@ function SvgBottom(props) {
40142
40224
  })));
40143
40225
  }
40144
40226
 
40145
- var _path$1f, _path2$7;
40146
- function _extends$1j() {
40147
- return _extends$1j = Object.assign ? Object.assign.bind() : function (n) {
40227
+ var _path$1g, _path2$8;
40228
+ function _extends$1k() {
40229
+ return _extends$1k = Object.assign ? Object.assign.bind() : function (n) {
40148
40230
  for (var e = 1; e < arguments.length; e++) {
40149
40231
  var t = arguments[e];
40150
40232
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40151
40233
  }
40152
40234
  return n;
40153
- }, _extends$1j.apply(null, arguments);
40235
+ }, _extends$1k.apply(null, arguments);
40154
40236
  }
40155
40237
  function SvgMarkAsUnRead(props) {
40156
- return /*#__PURE__*/React.createElement("svg", _extends$1j({
40238
+ return /*#__PURE__*/React.createElement("svg", _extends$1k({
40157
40239
  width: 20,
40158
40240
  height: 20,
40159
40241
  viewBox: "0 0 20.01 20.01",
40160
40242
  fill: "none",
40161
40243
  xmlns: "http://www.w3.org/2000/svg"
40162
- }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
40244
+ }, props), _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
40163
40245
  d: "M18.25 7.189v3.843c0 .673 0 1.224-.037 1.671-.037.464-.118.882-.317 1.273a3.25 3.25 0 01-1.42 1.42c-.391.2-.81.28-1.273.318-.447.036-.998.036-1.671.036h-2.129c-.55 0-.72.004-.878.036a1.752 1.752 0 00-.444.156c-.143.073-.279.177-.708.52l-2.01 1.608c-.154.124-.307.246-.441.335-.129.085-.366.228-.67.228-.356 0-.692-.16-.914-.438-.19-.239-.226-.513-.24-.667-.015-.16-.015-.356-.015-.554v-1.228c-.358-.01-.655-.034-.924-.107a3.25 3.25 0 01-2.298-2.298c-.111-.415-.111-.896-.111-1.566V6.469c0-.674 0-1.224.037-1.672.037-.463.118-.881.317-1.272a3.25 3.25 0 011.42-1.42c.391-.2.81-.28 1.273-.318.448-.037.998-.037 1.672-.037h6.342c-.19.464-.3.97-.31 1.5h-6c-.713 0-1.203 0-1.582.032-.37.03-.57.086-.713.159a1.75 1.75 0 00-.765.765c-.074.144-.13.343-.16.713-.03.38-.03.869-.03 1.581v5.167c0 .823.006 1.088.059 1.286a1.75 1.75 0 001.237 1.238c.199.053.463.06 1.286.06a.75.75 0 01.75.75v1.772L8.49 15.25c.355-.284.614-.492.91-.643.26-.133.538-.23.825-.29.324-.066.657-.066 1.112-.066H13.5c.713 0 1.202 0 1.581-.031.37-.03.57-.086.713-.16a1.75 1.75 0 00.765-.764c.074-.144.13-.343.16-.714.03-.38.031-.868.031-1.58V7.498c.53-.01 1.036-.12 1.5-.31z",
40164
40246
  fill: "currentColor"
40165
- })), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement("path", {
40247
+ })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
40166
40248
  d: "M5.833 6.334a.75.75 0 100 1.5H10a.75.75 0 000-1.5H5.833zM5.833 9.25a.75.75 0 100 1.5H12.5a.75.75 0 100-1.5H5.833zM19.167 3.333a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",
40167
40249
  fill: "currentColor"
40168
40250
  })));
40169
40251
  }
40170
40252
 
40171
- var _path$1g;
40172
- function _extends$1k() {
40173
- return _extends$1k = Object.assign ? Object.assign.bind() : function (n) {
40253
+ var _path$1h;
40254
+ function _extends$1l() {
40255
+ return _extends$1l = Object.assign ? Object.assign.bind() : function (n) {
40174
40256
  for (var e = 1; e < arguments.length; e++) {
40175
40257
  var t = arguments[e];
40176
40258
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40177
40259
  }
40178
40260
  return n;
40179
- }, _extends$1k.apply(null, arguments);
40261
+ }, _extends$1l.apply(null, arguments);
40180
40262
  }
40181
40263
  function SvgMarkAsRead(props) {
40182
- return /*#__PURE__*/React.createElement("svg", _extends$1k({
40264
+ return /*#__PURE__*/React.createElement("svg", _extends$1l({
40183
40265
  width: 20,
40184
40266
  height: 20,
40185
40267
  viewBox: "0 0 20.01 20.01",
40186
40268
  fill: "none",
40187
40269
  xmlns: "http://www.w3.org/2000/svg"
40188
- }, props), _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
40270
+ }, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
40189
40271
  fillRule: "evenodd",
40190
40272
  clipRule: "evenodd",
40191
40273
  d: "M6.469 1.75h7.062c.674 0 1.225 0 1.672.037.463.037.882.118 1.273.317a3.25 3.25 0 011.42 1.42c.199.391.28.81.317 1.273.037.448.037.998.037 1.672v4.562c0 .674 0 1.224-.037 1.672-.037.463-.118.882-.317 1.273a3.25 3.25 0 01-1.42 1.42c-.391.199-.81.28-1.273.317-.447.037-.998.037-1.671.037h-2.129c-.55 0-.72.004-.878.036a1.752 1.752 0 00-.444.156c-.143.073-.279.177-.708.52l-2.01 1.608a6.553 6.553 0 01-.441.334c-.129.085-.366.229-.67.23-.356 0-.692-.162-.914-.44-.19-.238-.226-.513-.24-.666-.015-.16-.015-.356-.015-.554v-1.229c-.358-.008-.655-.034-.924-.106a3.25 3.25 0 01-2.298-2.298c-.111-.415-.111-.896-.111-1.566V6.469c0-.674 0-1.224.037-1.672.037-.463.118-.882.317-1.272a3.25 3.25 0 011.42-1.42c.391-.2.81-.28 1.273-.318.448-.037.998-.037 1.672-.037zm-1.55 1.532c-.37.03-.57.085-.713.159a1.75 1.75 0 00-.765.765c-.074.144-.13.343-.16.713-.03.38-.03.869-.03 1.581v5.167c0 .823.006 1.087.059 1.286a1.75 1.75 0 001.237 1.237c.199.054.463.06 1.286.06a.75.75 0 01.75.75v1.773l1.853-1.482.053-.042c.355-.285.614-.492.91-.643.26-.133.538-.23.825-.29.324-.066.657-.066 1.112-.066H13.5c.713 0 1.202 0 1.581-.032.37-.03.57-.085.713-.159a1.75 1.75 0 00.765-.764c.074-.145.13-.344.16-.714.03-.38.031-.869.031-1.581V6.5c0-.712 0-1.202-.032-1.58-.03-.371-.085-.57-.159-.714a1.75 1.75 0 00-.765-.765c-.144-.074-.343-.13-.713-.16-.38-.03-.868-.031-1.58-.031h-7c-.713 0-1.203 0-1.582.032zm.164 3.801a.75.75 0 01.75-.75H10a.75.75 0 010 1.5H5.833a.75.75 0 01-.75-.75zm0 2.917a.75.75 0 01.75-.75H12.5a.75.75 0 010 1.5H5.833a.75.75 0 01-.75-.75z",
@@ -40193,23 +40275,23 @@ function SvgMarkAsRead(props) {
40193
40275
  })));
40194
40276
  }
40195
40277
 
40196
- var _path$1h;
40197
- function _extends$1l() {
40198
- return _extends$1l = Object.assign ? Object.assign.bind() : function (n) {
40278
+ var _path$1i;
40279
+ function _extends$1m() {
40280
+ return _extends$1m = Object.assign ? Object.assign.bind() : function (n) {
40199
40281
  for (var e = 1; e < arguments.length; e++) {
40200
40282
  var t = arguments[e];
40201
40283
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40202
40284
  }
40203
40285
  return n;
40204
- }, _extends$1l.apply(null, arguments);
40286
+ }, _extends$1m.apply(null, arguments);
40205
40287
  }
40206
40288
  function SvgClear(props) {
40207
- return /*#__PURE__*/React.createElement("svg", _extends$1l({
40289
+ return /*#__PURE__*/React.createElement("svg", _extends$1m({
40208
40290
  width: 20,
40209
40291
  height: 21,
40210
40292
  fill: "none",
40211
40293
  xmlns: "http://www.w3.org/2000/svg"
40212
- }, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
40294
+ }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
40213
40295
  fillRule: "evenodd",
40214
40296
  clipRule: "evenodd",
40215
40297
  d: "M10 3.833a6.667 6.667 0 100 13.333 6.667 6.667 0 000-13.333zm-8.333 6.666a8.333 8.333 0 1116.667 0 8.333 8.333 0 01-16.667 0zM6.911 7.41a.833.833 0 011.179 0L10 9.32l1.911-1.91A.833.833 0 0113.09 8.59l-1.911 1.91 1.91 1.911a.833.833 0 01-1.178 1.179l-1.91-1.911-1.911 1.91A.833.833 0 016.91 12.41l1.91-1.91-1.91-1.911a.833.833 0 010-1.179z",
@@ -40217,49 +40299,49 @@ function SvgClear(props) {
40217
40299
  })));
40218
40300
  }
40219
40301
 
40220
- var _path$1i;
40221
- function _extends$1m() {
40222
- return _extends$1m = Object.assign ? Object.assign.bind() : function (n) {
40302
+ var _path$1j;
40303
+ function _extends$1n() {
40304
+ return _extends$1n = Object.assign ? Object.assign.bind() : function (n) {
40223
40305
  for (var e = 1; e < arguments.length; e++) {
40224
40306
  var t = arguments[e];
40225
40307
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40226
40308
  }
40227
40309
  return n;
40228
- }, _extends$1m.apply(null, arguments);
40310
+ }, _extends$1n.apply(null, arguments);
40229
40311
  }
40230
40312
  function SvgBlockChannel(props) {
40231
- return /*#__PURE__*/React.createElement("svg", _extends$1m({
40313
+ return /*#__PURE__*/React.createElement("svg", _extends$1n({
40232
40314
  width: 20,
40233
40315
  height: 21,
40234
40316
  viewBox: "0 0 20.01 21.01",
40235
40317
  fill: "none",
40236
40318
  xmlns: "http://www.w3.org/2000/svg"
40237
- }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
40319
+ }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
40238
40320
  d: "M10 2.167A8.336 8.336 0 001.667 10.5c0 4.6 3.733 8.334 8.333 8.334s8.333-3.734 8.333-8.334S14.6 2.167 10 2.167zm0 15A6.665 6.665 0 013.333 10.5c0-1.541.525-2.958 1.409-4.083l9.341 9.342A6.586 6.586 0 0110 17.167zm5.258-2.583L5.917 5.242A6.585 6.585 0 0110 3.834a6.665 6.665 0 016.667 6.666 6.586 6.586 0 01-1.409 4.084z",
40239
40321
  fill: "CurrentColor"
40240
40322
  })));
40241
40323
  }
40242
40324
 
40243
- var _path$1j, _path2$8;
40244
- function _extends$1n() {
40245
- return _extends$1n = Object.assign ? Object.assign.bind() : function (n) {
40325
+ var _path$1k, _path2$9;
40326
+ function _extends$1o() {
40327
+ return _extends$1o = Object.assign ? Object.assign.bind() : function (n) {
40246
40328
  for (var e = 1; e < arguments.length; e++) {
40247
40329
  var t = arguments[e];
40248
40330
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40249
40331
  }
40250
40332
  return n;
40251
- }, _extends$1n.apply(null, arguments);
40333
+ }, _extends$1o.apply(null, arguments);
40252
40334
  }
40253
40335
  function SvgReport(props) {
40254
- return /*#__PURE__*/React.createElement("svg", _extends$1n({
40336
+ return /*#__PURE__*/React.createElement("svg", _extends$1o({
40255
40337
  width: 20,
40256
40338
  height: 21,
40257
40339
  fill: "none",
40258
40340
  xmlns: "http://www.w3.org/2000/svg"
40259
- }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
40341
+ }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
40260
40342
  d: "M9.096 10.402a.882.882 0 011.765 0v3.627a.882.882 0 11-1.765 0v-3.627zM9.979 6.088a.98.98 0 100 1.96.98.98 0 000-1.96z",
40261
40343
  fill: "CurrentColor"
40262
- })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
40344
+ })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
40263
40345
  fillRule: "evenodd",
40264
40346
  clipRule: "evenodd",
40265
40347
  d: "M10 17.27A6.77 6.77 0 1010 3.73a6.77 6.77 0 000 13.542zm0 1.563a8.333 8.333 0 100-16.667 8.333 8.333 0 000 16.667z",
@@ -40267,46 +40349,46 @@ function SvgReport(props) {
40267
40349
  })));
40268
40350
  }
40269
40351
 
40270
- var _path$1k;
40271
- function _extends$1o() {
40272
- return _extends$1o = Object.assign ? Object.assign.bind() : function (n) {
40352
+ var _path$1l;
40353
+ function _extends$1p() {
40354
+ return _extends$1p = Object.assign ? Object.assign.bind() : function (n) {
40273
40355
  for (var e = 1; e < arguments.length; e++) {
40274
40356
  var t = arguments[e];
40275
40357
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40276
40358
  }
40277
40359
  return n;
40278
- }, _extends$1o.apply(null, arguments);
40360
+ }, _extends$1p.apply(null, arguments);
40279
40361
  }
40280
40362
  function SvgStar(props) {
40281
- return /*#__PURE__*/React.createElement("svg", _extends$1o({
40363
+ return /*#__PURE__*/React.createElement("svg", _extends$1p({
40282
40364
  width: 20,
40283
40365
  height: 20,
40284
40366
  fill: "none",
40285
40367
  xmlns: "http://www.w3.org/2000/svg"
40286
- }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
40368
+ }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
40287
40369
  d: "M12.888 7.002l3.823.367c1.33.128 1.739 1.43.711 2.285l-2.993 2.49 1.111 4.06c.365 1.332-.767 2.14-1.901 1.337l-3.637-2.573-3.637 2.573c-1.13.799-2.267-.005-1.902-1.338l1.111-4.058-2.993-2.491c-1.032-.86-.625-2.156.711-2.285l3.823-.367 1.684-3.889c.528-1.217 1.878-1.217 2.405 0l1.684 3.889z",
40288
40370
  fill: "#B2B6BE"
40289
40371
  })));
40290
40372
  }
40291
40373
 
40292
- var _path$1l;
40293
- function _extends$1p() {
40294
- return _extends$1p = Object.assign ? Object.assign.bind() : function (n) {
40374
+ var _path$1m;
40375
+ function _extends$1q() {
40376
+ return _extends$1q = Object.assign ? Object.assign.bind() : function (n) {
40295
40377
  for (var e = 1; e < arguments.length; e++) {
40296
40378
  var t = arguments[e];
40297
40379
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40298
40380
  }
40299
40381
  return n;
40300
- }, _extends$1p.apply(null, arguments);
40382
+ }, _extends$1q.apply(null, arguments);
40301
40383
  }
40302
40384
  function SvgUnpin(props) {
40303
- return /*#__PURE__*/React.createElement("svg", _extends$1p({
40385
+ return /*#__PURE__*/React.createElement("svg", _extends$1q({
40304
40386
  width: 20,
40305
40387
  height: 21,
40306
40388
  viewBox: "0 0 20.01 21.01",
40307
40389
  fill: "none",
40308
40390
  xmlns: "http://www.w3.org/2000/svg"
40309
- }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
40391
+ }, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
40310
40392
  d: "M8.74 6.616l1.09 1.089 2.995 2.996 1.09 1.088 3.557 3.559a.77.77 0 01-1.09 1.09l-3.365-3.366-.306 3.982a1.059 1.059 0 01-1.805.667l-3.504-3.504-4.356 4.356c-.726.726-1.816-.363-1.09-1.089l4.357-4.356L2.81 9.624a1.059 1.059 0 01.667-1.805l3.982-.306L4.06 4.115a.77.77 0 011.09-1.09l3.59 3.591zm1.634-1.634l.32-.32a.385.385 0 00.106-.197l.34-1.699a.77.77 0 011.3-.394l5.717 5.718a.77.77 0 01-.393 1.3l-1.7.34a.385.385 0 00-.196.105l-.32.32a.77.77 0 01-1.09-1.089l.32-.32c.27-.269.612-.452.985-.526l.288-.058-3.683-3.683-.058.288a1.926 1.926 0 01-.526.984l-.32.32a.77.77 0 11-1.09-1.089zM8.701 8.755a1.925 1.925 0 01-.849.272l-3.214.247 6.617 6.618.248-3.214c.023-.303.117-.593.272-.849L8.7 8.755z",
40311
40393
  fill: "CurrentColor"
40312
40394
  })));
@@ -40811,18 +40893,18 @@ var ActionItem = styled__default.li(_templateObject16$3 || (_templateObject16$3
40811
40893
  return props.hoverColor;
40812
40894
  });
40813
40895
 
40814
- var _rect$2, _rect2, _path$1m;
40815
- function _extends$1q() {
40816
- return _extends$1q = Object.assign ? Object.assign.bind() : function (n) {
40896
+ var _rect$2, _rect2, _path$1n;
40897
+ function _extends$1r() {
40898
+ return _extends$1r = Object.assign ? Object.assign.bind() : function (n) {
40817
40899
  for (var e = 1; e < arguments.length; e++) {
40818
40900
  var t = arguments[e];
40819
40901
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40820
40902
  }
40821
40903
  return n;
40822
- }, _extends$1q.apply(null, arguments);
40904
+ }, _extends$1r.apply(null, arguments);
40823
40905
  }
40824
40906
  function SvgAddMember(props) {
40825
- return /*#__PURE__*/React.createElement("svg", _extends$1q({
40907
+ return /*#__PURE__*/React.createElement("svg", _extends$1r({
40826
40908
  width: 40,
40827
40909
  height: 40,
40828
40910
  viewBox: "0 0 40.01 40.01",
@@ -40842,29 +40924,29 @@ function SvgAddMember(props) {
40842
40924
  stroke: "#000",
40843
40925
  strokeOpacity: 0.08,
40844
40926
  strokeWidth: 0.5
40845
- })), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
40927
+ })), _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
40846
40928
  d: "M20 12a1 1 0 011 1v6h6a1 1 0 110 2h-6v6a1 1 0 11-2 0l-.001-6H13a1 1 0 110-2h5.999L19 13a1 1 0 011-1z",
40847
40929
  fill: "CurrentColor"
40848
40930
  })));
40849
40931
  }
40850
40932
 
40851
- var _path$1n;
40852
- function _extends$1r() {
40853
- return _extends$1r = Object.assign ? Object.assign.bind() : function (n) {
40933
+ var _path$1o;
40934
+ function _extends$1s() {
40935
+ return _extends$1s = Object.assign ? Object.assign.bind() : function (n) {
40854
40936
  for (var e = 1; e < arguments.length; e++) {
40855
40937
  var t = arguments[e];
40856
40938
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40857
40939
  }
40858
40940
  return n;
40859
- }, _extends$1r.apply(null, arguments);
40941
+ }, _extends$1s.apply(null, arguments);
40860
40942
  }
40861
40943
  function SvgMoreVert(props) {
40862
- return /*#__PURE__*/React.createElement("svg", _extends$1r({
40944
+ return /*#__PURE__*/React.createElement("svg", _extends$1s({
40863
40945
  width: 4,
40864
40946
  height: 14,
40865
40947
  fill: "none",
40866
40948
  xmlns: "http://www.w3.org/2000/svg"
40867
- }, props), _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
40949
+ }, props), _path$1o || (_path$1o = /*#__PURE__*/React.createElement("path", {
40868
40950
  d: "M.532 11.012c.355-.355.764-.533 1.228-.533.464 0 .874.178 1.228.533.355.354.532.764.532 1.228 0 .464-.177.873-.532 1.228-.354.355-.764.532-1.228.532-.464 0-.873-.177-1.228-.532C.177 13.113 0 12.704 0 12.24c0-.464.177-.873.532-1.228zm0-5.24c.355-.355.764-.532 1.228-.532.464 0 .874.177 1.228.532.355.355.532.764.532 1.228 0 .464-.177.873-.532 1.228-.354.355-.764.532-1.228.532-.464 0-.873-.177-1.228-.532C.177 7.873 0 7.464 0 7c0-.464.177-.873.532-1.228zm2.456-2.784c-.354.355-.764.532-1.228.532-.464 0-.873-.177-1.228-.532C.177 2.634 0 2.224 0 1.76 0 1.296.177.887.532.532.887.177 1.296 0 1.76 0c.464 0 .874.177 1.228.532.355.355.532.764.532 1.228 0 .464-.177.874-.532 1.228z",
40869
40951
  fill: "#9B9DA8"
40870
40952
  })));
@@ -41931,18 +42013,18 @@ var Media = function Media(_ref) {
41931
42013
  var Container$n = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n padding: 6px 4px;\n overflow-x: hidden;\n overflow-y: auto;\n list-style: none;\n transition: all 0.2s;\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n"])));
41932
42014
  var MediaItem = styled__default.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n width: calc(33.3333% - 4px);\n height: 110px;\n box-sizing: border-box;\n //border: 1px solid #ccc;\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n overflow: hidden;\n margin: 2px;\n"])));
41933
42015
 
41934
- var _rect$3, _path$1o;
41935
- function _extends$1s() {
41936
- return _extends$1s = Object.assign ? Object.assign.bind() : function (n) {
42016
+ var _rect$3, _path$1p;
42017
+ function _extends$1t() {
42018
+ return _extends$1t = Object.assign ? Object.assign.bind() : function (n) {
41937
42019
  for (var e = 1; e < arguments.length; e++) {
41938
42020
  var t = arguments[e];
41939
42021
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
41940
42022
  }
41941
42023
  return n;
41942
- }, _extends$1s.apply(null, arguments);
42024
+ }, _extends$1t.apply(null, arguments);
41943
42025
  }
41944
42026
  function SvgFileIcon$1(props) {
41945
- return /*#__PURE__*/React.createElement("svg", _extends$1s({
42027
+ return /*#__PURE__*/React.createElement("svg", _extends$1t({
41946
42028
  width: 40,
41947
42029
  height: 40,
41948
42030
  fill: "none",
@@ -41954,7 +42036,7 @@ function SvgFileIcon$1(props) {
41954
42036
  rx: 8,
41955
42037
  fill: "currentColor",
41956
42038
  fillOpacity: 0.2
41957
- })), _path$1o || (_path$1o = /*#__PURE__*/React.createElement("path", {
42039
+ })), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
41958
42040
  fillRule: "evenodd",
41959
42041
  clipRule: "evenodd",
41960
42042
  d: "M18.022 9.714c-2.098 0-3.023.185-3.962.687a4.685 4.685 0 00-1.944 1.944c-.502.94-.687 1.864-.687 3.962v7.386c0 2.098.184 3.023.687 3.962a4.686 4.686 0 001.944 1.944c.938.502 1.864.687 3.962.687h3.957c2.098 0 3.023-.185 3.962-.687a4.686 4.686 0 001.944-1.944c.502-.939.687-1.864.687-3.962v-5.1c0-.683-.024-.99-.105-1.34a3.097 3.097 0 00-.399-.964c-.19-.305-.391-.539-.874-1.022l-4.175-4.175c-.483-.483-.717-.683-1.022-.874a3.095 3.095 0 00-.964-.399c-.293-.068-.556-.095-1.033-.103v-.002h-1.978zm0 1.715c-2.002 0-2.587.181-3.154.484a2.971 2.971 0 00-1.24 1.24c-.304.567-.485 1.153-.485 3.154v7.386c0 2.001.181 2.587.484 3.153.288.538.704.954 1.241 1.241.566.303 1.152.485 3.154.485h3.957c2.001 0 2.587-.182 3.153-.485a2.971 2.971 0 001.241-1.24c.303-.567.484-1.153.484-3.154v-5.1c0-.117 0-.219-.002-.308h-4.712A2.143 2.143 0 0120 16.144l.001-4.712-.15-.002h-1.83zm3.784.875l-.092-.091v3.93c0 .21.152.385.352.422l.077.006 3.932.002-.093-.093-4.176-4.176zm-6.092 12.839c0-.474.384-.857.858-.857H20A.857.857 0 1120 26h-3.428a.857.857 0 01-.858-.857zm.858-4.286a.857.857 0 000 1.715h6a.857.857 0 000-1.715h-6z",
@@ -41962,23 +42044,23 @@ function SvgFileIcon$1(props) {
41962
42044
  })));
41963
42045
  }
41964
42046
 
41965
- var _path$1p;
41966
- function _extends$1t() {
41967
- return _extends$1t = Object.assign ? Object.assign.bind() : function (n) {
42047
+ var _path$1q;
42048
+ function _extends$1u() {
42049
+ return _extends$1u = Object.assign ? Object.assign.bind() : function (n) {
41968
42050
  for (var e = 1; e < arguments.length; e++) {
41969
42051
  var t = arguments[e];
41970
42052
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
41971
42053
  }
41972
42054
  return n;
41973
- }, _extends$1t.apply(null, arguments);
42055
+ }, _extends$1u.apply(null, arguments);
41974
42056
  }
41975
42057
  function SvgDownloadFile(props) {
41976
- return /*#__PURE__*/React.createElement("svg", _extends$1t({
42058
+ return /*#__PURE__*/React.createElement("svg", _extends$1u({
41977
42059
  width: 24,
41978
42060
  height: 24,
41979
42061
  xmlns: "http://www.w3.org/2000/svg",
41980
42062
  fill: "currentColor"
41981
- }, props), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
42063
+ }, props), _path$1q || (_path$1q = /*#__PURE__*/React.createElement("path", {
41982
42064
  fillRule: "evenodd",
41983
42065
  clipRule: "evenodd",
41984
42066
  d: "M12 2a.91.91 0 01.91.91v11.44l2.993-2.993a.91.91 0 011.285 1.286l-4.545 4.545a.91.91 0 01-1.286 0l-4.545-4.545a.909.909 0 111.285-1.286l2.994 2.994V2.909A.91.91 0 0112 2zM2.91 15.636a.91.91 0 01.908.91v1.136a2.5 2.5 0 002.5 2.5h11.364a2.5 2.5 0 002.5-2.5v-1.136a.91.91 0 111.818 0v1.136A4.318 4.318 0 0117.682 22H6.318A4.318 4.318 0 012 17.682v-1.136a.91.91 0 01.91-.91z"
@@ -42132,18 +42214,18 @@ var FileSizeAndDate = styled__default.span(_templateObject8$m || (_templateObjec
42132
42214
  return props.color;
42133
42215
  });
42134
42216
 
42135
- var _rect$4, _path$1q;
42136
- function _extends$1u() {
42137
- return _extends$1u = Object.assign ? Object.assign.bind() : function (n) {
42217
+ var _rect$4, _path$1r;
42218
+ function _extends$1v() {
42219
+ return _extends$1v = Object.assign ? Object.assign.bind() : function (n) {
42138
42220
  for (var e = 1; e < arguments.length; e++) {
42139
42221
  var t = arguments[e];
42140
42222
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42141
42223
  }
42142
42224
  return n;
42143
- }, _extends$1u.apply(null, arguments);
42225
+ }, _extends$1v.apply(null, arguments);
42144
42226
  }
42145
42227
  function SvgLinkIcon(props) {
42146
- return /*#__PURE__*/React.createElement("svg", _extends$1u({
42228
+ return /*#__PURE__*/React.createElement("svg", _extends$1v({
42147
42229
  width: 40,
42148
42230
  height: 40,
42149
42231
  fill: "none",
@@ -42155,7 +42237,7 @@ function SvgLinkIcon(props) {
42155
42237
  rx: 8,
42156
42238
  fill: "currentColor",
42157
42239
  fillOpacity: 0.2
42158
- })), _path$1q || (_path$1q = /*#__PURE__*/React.createElement("path", {
42240
+ })), _path$1r || (_path$1r = /*#__PURE__*/React.createElement("path", {
42159
42241
  fillRule: "evenodd",
42160
42242
  clipRule: "evenodd",
42161
42243
  d: "M21.547 11.524a4.9 4.9 0 016.928 6.929l-.01.011-4 4a4.9 4.9 0 01-6.93 0 .9.9 0 011.273-1.273 3.1 3.1 0 004.384 0l3.994-3.994a3.1 3.1 0 00-4.384-4.383l-1.094 1.094a.9.9 0 01-1.272-1.273l1.1-1.1.01-.01zm-6.011 6.011a4.9 4.9 0 016.928 0 .9.9 0 11-1.272 1.273 3.1 3.1 0 00-4.384 0l-4 4-.01.011a3.1 3.1 0 104.383 4.384l.01-.012 1.103-1.1a.9.9 0 111.272 1.272l-1.097 1.096a4.9 4.9 0 11-6.928-6.929l3.995-3.995z",
@@ -42239,18 +42321,18 @@ var Links = function Links(_ref) {
42239
42321
  };
42240
42322
  var Container$p = styled__default.ul(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 11px 0 0;\n overflow-x: hidden;\n overflow-y: auto;\n list-style: none;\n transition: all 0.2s;\n"])));
42241
42323
 
42242
- var _rect$5, _path$1r;
42243
- function _extends$1v() {
42244
- return _extends$1v = Object.assign ? Object.assign.bind() : function (n) {
42324
+ var _rect$5, _path$1s;
42325
+ function _extends$1w() {
42326
+ return _extends$1w = Object.assign ? Object.assign.bind() : function (n) {
42245
42327
  for (var e = 1; e < arguments.length; e++) {
42246
42328
  var t = arguments[e];
42247
42329
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42248
42330
  }
42249
42331
  return n;
42250
- }, _extends$1v.apply(null, arguments);
42332
+ }, _extends$1w.apply(null, arguments);
42251
42333
  }
42252
42334
  function SvgVoicePreview(props) {
42253
- return /*#__PURE__*/React.createElement("svg", _extends$1v({
42335
+ return /*#__PURE__*/React.createElement("svg", _extends$1w({
42254
42336
  width: 40,
42255
42337
  height: 40,
42256
42338
  fill: "none",
@@ -42260,24 +42342,24 @@ function SvgVoicePreview(props) {
42260
42342
  height: 40,
42261
42343
  rx: 20,
42262
42344
  fill: "#5159F6"
42263
- })), _path$1r || (_path$1r = /*#__PURE__*/React.createElement("path", {
42345
+ })), _path$1s || (_path$1s = /*#__PURE__*/React.createElement("path", {
42264
42346
  d: "M27.536 18.696c.952.576.952 2.03 0 2.605l-9.918 5.997c-.944.57-2.118-.151-2.118-1.303V14.002c0-1.151 1.174-1.873 2.118-1.303l9.918 5.997z",
42265
42347
  fill: "#fff"
42266
42348
  })));
42267
42349
  }
42268
42350
 
42269
- var _rect$6, _path$1s;
42270
- function _extends$1w() {
42271
- return _extends$1w = Object.assign ? Object.assign.bind() : function (n) {
42351
+ var _rect$6, _path$1t;
42352
+ function _extends$1x() {
42353
+ return _extends$1x = Object.assign ? Object.assign.bind() : function (n) {
42272
42354
  for (var e = 1; e < arguments.length; e++) {
42273
42355
  var t = arguments[e];
42274
42356
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42275
42357
  }
42276
42358
  return n;
42277
- }, _extends$1w.apply(null, arguments);
42359
+ }, _extends$1x.apply(null, arguments);
42278
42360
  }
42279
42361
  function SvgVoicePreviewPause(props) {
42280
- return /*#__PURE__*/React.createElement("svg", _extends$1w({
42362
+ return /*#__PURE__*/React.createElement("svg", _extends$1x({
42281
42363
  width: 40,
42282
42364
  height: 40,
42283
42365
  fill: "none",
@@ -42287,7 +42369,7 @@ function SvgVoicePreviewPause(props) {
42287
42369
  height: 40,
42288
42370
  rx: 20,
42289
42371
  fill: "#5159F6"
42290
- })), _path$1s || (_path$1s = /*#__PURE__*/React.createElement("path", {
42372
+ })), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
42291
42373
  d: "M16.962 12.5c.535 0 .729.056.924.16.196.105.35.258.454.454.104.195.16.39.16.924v11.924c0 .535-.056.729-.16.924a1.09 1.09 0 01-.454.454c-.195.104-.39.16-.924.16h-1.424c-.535 0-.729-.056-.924-.16a1.09 1.09 0 01-.454-.454c-.104-.195-.16-.39-.16-.924V14.038c0-.535.056-.729.16-.924a1.09 1.09 0 01.454-.454c.195-.104.39-.16.924-.16h1.424zm7.5 0c.535 0 .729.056.924.16.196.105.35.258.454.454.104.195.16.39.16.924v11.924c0 .535-.056.729-.16.924a1.09 1.09 0 01-.454.454c-.195.104-.39.16-.924.16h-1.424c-.535 0-.729-.056-.924-.16a1.09 1.09 0 01-.454-.454c-.104-.195-.16-.39-.16-.924V14.038c0-.535.056-.729.16-.924a1.09 1.09 0 01.454-.454c.195-.104.39-.16.924-.16h1.424z",
42292
42374
  fill: "#fff"
42293
42375
  })));
@@ -43624,23 +43706,23 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
43624
43706
  };
43625
43707
  var DetailsWrapper = styled__default.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n user-select: text;\n"])));
43626
43708
 
43627
- var _path$1t;
43628
- function _extends$1x() {
43629
- return _extends$1x = Object.assign ? Object.assign.bind() : function (n) {
43709
+ var _path$1u;
43710
+ function _extends$1y() {
43711
+ return _extends$1y = Object.assign ? Object.assign.bind() : function (n) {
43630
43712
  for (var e = 1; e < arguments.length; e++) {
43631
43713
  var t = arguments[e];
43632
43714
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
43633
43715
  }
43634
43716
  return n;
43635
- }, _extends$1x.apply(null, arguments);
43717
+ }, _extends$1y.apply(null, arguments);
43636
43718
  }
43637
43719
  function SvgChevronDown(props) {
43638
- return /*#__PURE__*/React.createElement("svg", _extends$1x({
43720
+ return /*#__PURE__*/React.createElement("svg", _extends$1y({
43639
43721
  width: 32,
43640
43722
  height: 32,
43641
43723
  fill: "none",
43642
43724
  xmlns: "http://www.w3.org/2000/svg"
43643
- }, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
43725
+ }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
43644
43726
  d: "M9.298 12.937a1.056 1.056 0 10-1.374 1.603l7.39 6.333c.395.339.978.339 1.373 0l7.389-6.333a1.056 1.056 0 10-1.374-1.603L16 18.68l-6.702-5.744z",
43645
43727
  fill: "CurrentColor"
43646
43728
  })));
@@ -43752,29 +43834,29 @@ var UnreadCount$1 = styled__default.span(_templateObject2$T || (_templateObject2
43752
43834
  return props.textColor || '#fff';
43753
43835
  });
43754
43836
 
43755
- var _path$1u, _path2$9;
43756
- function _extends$1y() {
43757
- return _extends$1y = Object.assign ? Object.assign.bind() : function (n) {
43837
+ var _path$1v, _path2$a;
43838
+ function _extends$1z() {
43839
+ return _extends$1z = Object.assign ? Object.assign.bind() : function (n) {
43758
43840
  for (var e = 1; e < arguments.length; e++) {
43759
43841
  var t = arguments[e];
43760
43842
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
43761
43843
  }
43762
43844
  return n;
43763
- }, _extends$1y.apply(null, arguments);
43845
+ }, _extends$1z.apply(null, arguments);
43764
43846
  }
43765
43847
  function SvgMention(props) {
43766
- return /*#__PURE__*/React.createElement("svg", _extends$1y({
43848
+ return /*#__PURE__*/React.createElement("svg", _extends$1z({
43767
43849
  width: 24,
43768
43850
  height: 24,
43769
43851
  fill: "none",
43770
43852
  xmlns: "http://www.w3.org/2000/svg"
43771
- }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
43853
+ }, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement("path", {
43772
43854
  d: "M12 15.6a3.6 3.6 0 100-7.2 3.6 3.6 0 000 7.2z",
43773
43855
  stroke: "currentColor",
43774
43856
  strokeWidth: 1.8,
43775
43857
  strokeLinecap: "round",
43776
43858
  strokeLinejoin: "round"
43777
- })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
43859
+ })), _path2$a || (_path2$a = /*#__PURE__*/React.createElement("path", {
43778
43860
  d: "M15.6 8.4v4.5a2.7 2.7 0 005.4 0V12a9 9 0 10-3.528 7.145",
43779
43861
  stroke: "currentColor",
43780
43862
  strokeWidth: 1.8,