sceyt-chat-react-uikit 1.7.4-beta.9 → 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,
@@ -34182,8 +34259,8 @@ var Message$1 = function Message(_ref) {
34182
34259
  }
34183
34260
  };
34184
34261
  var unsupportedMessage = React.useMemo(function () {
34185
- 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;
34186
- }, [message.type]);
34262
+ return isMessageUnsupported(message);
34263
+ }, [message]);
34187
34264
  return /*#__PURE__*/React__default.createElement(MessageItem, {
34188
34265
  className: 'message_item',
34189
34266
  rtl: ownMessageOnRightSide && !message.incoming,
@@ -36422,24 +36499,24 @@ var MemberName$2 = styled__default.h3(_templateObject5$n || (_templateObject5$n
36422
36499
  return props.color;
36423
36500
  });
36424
36501
 
36425
- var _path$13;
36426
- function _extends$15() {
36427
- 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) {
36428
36505
  for (var e = 1; e < arguments.length; e++) {
36429
36506
  var t = arguments[e];
36430
36507
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36431
36508
  }
36432
36509
  return n;
36433
- }, _extends$15.apply(null, arguments);
36510
+ }, _extends$16.apply(null, arguments);
36434
36511
  }
36435
36512
  function SvgBold(props) {
36436
- return /*#__PURE__*/React.createElement("svg", _extends$15({
36513
+ return /*#__PURE__*/React.createElement("svg", _extends$16({
36437
36514
  width: 18,
36438
36515
  height: 18,
36439
36516
  viewBox: "0 0 18.01 18.01",
36440
36517
  fill: "none",
36441
36518
  xmlns: "http://www.w3.org/2000/svg"
36442
- }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
36519
+ }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
36443
36520
  fillRule: "evenodd",
36444
36521
  clipRule: "evenodd",
36445
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",
@@ -36447,24 +36524,24 @@ function SvgBold(props) {
36447
36524
  })));
36448
36525
  }
36449
36526
 
36450
- var _path$14;
36451
- function _extends$16() {
36452
- 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) {
36453
36530
  for (var e = 1; e < arguments.length; e++) {
36454
36531
  var t = arguments[e];
36455
36532
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36456
36533
  }
36457
36534
  return n;
36458
- }, _extends$16.apply(null, arguments);
36535
+ }, _extends$17.apply(null, arguments);
36459
36536
  }
36460
36537
  function SvgItalic(props) {
36461
- return /*#__PURE__*/React.createElement("svg", _extends$16({
36538
+ return /*#__PURE__*/React.createElement("svg", _extends$17({
36462
36539
  width: 18,
36463
36540
  height: 18,
36464
36541
  viewBox: "0 0 18.01 18.01",
36465
36542
  fill: "none",
36466
36543
  xmlns: "http://www.w3.org/2000/svg"
36467
- }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
36544
+ }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
36468
36545
  fillRule: "evenodd",
36469
36546
  clipRule: "evenodd",
36470
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",
@@ -36473,17 +36550,17 @@ function SvgItalic(props) {
36473
36550
  }
36474
36551
 
36475
36552
  var _g$1;
36476
- function _extends$17() {
36477
- 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) {
36478
36555
  for (var e = 1; e < arguments.length; e++) {
36479
36556
  var t = arguments[e];
36480
36557
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36481
36558
  }
36482
36559
  return n;
36483
- }, _extends$17.apply(null, arguments);
36560
+ }, _extends$18.apply(null, arguments);
36484
36561
  }
36485
36562
  function SvgStrikethrough(props) {
36486
- return /*#__PURE__*/React.createElement("svg", _extends$17({
36563
+ return /*#__PURE__*/React.createElement("svg", _extends$18({
36487
36564
  width: 18,
36488
36565
  height: 18,
36489
36566
  viewBox: "0 0 18.01 18.01",
@@ -36500,41 +36577,41 @@ function SvgStrikethrough(props) {
36500
36577
  }))));
36501
36578
  }
36502
36579
 
36503
- var _path$15;
36504
- function _extends$18() {
36505
- 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) {
36506
36583
  for (var e = 1; e < arguments.length; e++) {
36507
36584
  var t = arguments[e];
36508
36585
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36509
36586
  }
36510
36587
  return n;
36511
- }, _extends$18.apply(null, arguments);
36588
+ }, _extends$19.apply(null, arguments);
36512
36589
  }
36513
36590
  function SvgMono(props) {
36514
- return /*#__PURE__*/React.createElement("svg", _extends$18({
36591
+ return /*#__PURE__*/React.createElement("svg", _extends$19({
36515
36592
  width: 18,
36516
36593
  height: 18,
36517
36594
  viewBox: "0 0 18.01 18.01",
36518
36595
  fill: "none",
36519
36596
  xmlns: "http://www.w3.org/2000/svg"
36520
- }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
36597
+ }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
36521
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",
36522
36599
  fill: "CurrentColor"
36523
36600
  })));
36524
36601
  }
36525
36602
 
36526
36603
  var _g$2;
36527
- function _extends$19() {
36528
- 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) {
36529
36606
  for (var e = 1; e < arguments.length; e++) {
36530
36607
  var t = arguments[e];
36531
36608
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36532
36609
  }
36533
36610
  return n;
36534
- }, _extends$19.apply(null, arguments);
36611
+ }, _extends$1a.apply(null, arguments);
36535
36612
  }
36536
36613
  function SvgUnderline(props) {
36537
- return /*#__PURE__*/React.createElement("svg", _extends$19({
36614
+ return /*#__PURE__*/React.createElement("svg", _extends$1a({
36538
36615
  width: 18,
36539
36616
  height: 18,
36540
36617
  viewBox: "0 0 18.01 18.01",
@@ -37496,18 +37573,18 @@ var Emoji$1 = styled__default.li(_templateObject8$h || (_templateObject8$h = _ta
37496
37573
 
37497
37574
  var CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
37498
37575
 
37499
- var _circle$6, _path$16;
37500
- function _extends$1a() {
37501
- 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) {
37502
37579
  for (var e = 1; e < arguments.length; e++) {
37503
37580
  var t = arguments[e];
37504
37581
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37505
37582
  }
37506
37583
  return n;
37507
- }, _extends$1a.apply(null, arguments);
37584
+ }, _extends$1b.apply(null, arguments);
37508
37585
  }
37509
37586
  function SvgSend(props) {
37510
- return /*#__PURE__*/React.createElement("svg", _extends$1a({
37587
+ return /*#__PURE__*/React.createElement("svg", _extends$1b({
37511
37588
  width: 32,
37512
37589
  height: 32,
37513
37590
  fill: "none",
@@ -37517,142 +37594,142 @@ function SvgSend(props) {
37517
37594
  cy: 16,
37518
37595
  r: 16,
37519
37596
  fill: "currentColor"
37520
- })), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
37597
+ })), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
37521
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",
37522
37599
  fill: "#fff"
37523
37600
  })));
37524
37601
  }
37525
37602
 
37526
- var _path$17;
37527
- function _extends$1b() {
37528
- 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) {
37529
37606
  for (var e = 1; e < arguments.length; e++) {
37530
37607
  var t = arguments[e];
37531
37608
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37532
37609
  }
37533
37610
  return n;
37534
- }, _extends$1b.apply(null, arguments);
37611
+ }, _extends$1c.apply(null, arguments);
37535
37612
  }
37536
37613
  function SvgEye(props) {
37537
- return /*#__PURE__*/React.createElement("svg", _extends$1b({
37614
+ return /*#__PURE__*/React.createElement("svg", _extends$1c({
37538
37615
  width: 25,
37539
37616
  height: 24,
37540
37617
  fill: "none",
37541
37618
  xmlns: "http://www.w3.org/2000/svg"
37542
- }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
37619
+ }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
37543
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",
37544
37621
  fill: "CurrentColor"
37545
37622
  })));
37546
37623
  }
37547
37624
 
37548
- var _path$18;
37549
- function _extends$1c() {
37550
- 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) {
37551
37628
  for (var e = 1; e < arguments.length; e++) {
37552
37629
  var t = arguments[e];
37553
37630
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37554
37631
  }
37555
37632
  return n;
37556
- }, _extends$1c.apply(null, arguments);
37633
+ }, _extends$1d.apply(null, arguments);
37557
37634
  }
37558
37635
  function SvgAddAttachment(props) {
37559
- return /*#__PURE__*/React.createElement("svg", _extends$1c({
37636
+ return /*#__PURE__*/React.createElement("svg", _extends$1d({
37560
37637
  width: 24,
37561
37638
  height: 24,
37562
37639
  viewBox: "0 0 24.01 24.01",
37563
37640
  fill: "none",
37564
37641
  xmlns: "http://www.w3.org/2000/svg"
37565
- }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
37642
+ }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
37566
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",
37567
37644
  fill: "CurrentColor"
37568
37645
  })));
37569
37646
  }
37570
37647
 
37571
- var _path$19;
37572
- function _extends$1d() {
37573
- 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) {
37574
37651
  for (var e = 1; e < arguments.length; e++) {
37575
37652
  var t = arguments[e];
37576
37653
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37577
37654
  }
37578
37655
  return n;
37579
- }, _extends$1d.apply(null, arguments);
37656
+ }, _extends$1e.apply(null, arguments);
37580
37657
  }
37581
37658
  function SvgErrorCircle(props) {
37582
- return /*#__PURE__*/React.createElement("svg", _extends$1d({
37659
+ return /*#__PURE__*/React.createElement("svg", _extends$1e({
37583
37660
  width: 25,
37584
37661
  height: 24,
37585
37662
  fill: "none",
37586
37663
  xmlns: "http://www.w3.org/2000/svg"
37587
- }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
37664
+ }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
37588
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",
37589
37666
  fill: "#FFB73D"
37590
37667
  })));
37591
37668
  }
37592
37669
 
37593
- var _path$1a;
37594
- function _extends$1e() {
37595
- 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) {
37596
37673
  for (var e = 1; e < arguments.length; e++) {
37597
37674
  var t = arguments[e];
37598
37675
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37599
37676
  }
37600
37677
  return n;
37601
- }, _extends$1e.apply(null, arguments);
37678
+ }, _extends$1f.apply(null, arguments);
37602
37679
  }
37603
37680
  function SvgPlayRecord(props) {
37604
- return /*#__PURE__*/React.createElement("svg", _extends$1e({
37681
+ return /*#__PURE__*/React.createElement("svg", _extends$1f({
37605
37682
  width: 20,
37606
37683
  height: 20,
37607
37684
  viewBox: "0 0 20.01 20.01",
37608
37685
  fill: "none",
37609
37686
  xmlns: "http://www.w3.org/2000/svg"
37610
- }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
37687
+ }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
37611
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",
37612
37689
  fill: "CurrentColor"
37613
37690
  })));
37614
37691
  }
37615
37692
 
37616
- var _path$1b;
37617
- function _extends$1f() {
37618
- 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) {
37619
37696
  for (var e = 1; e < arguments.length; e++) {
37620
37697
  var t = arguments[e];
37621
37698
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37622
37699
  }
37623
37700
  return n;
37624
- }, _extends$1f.apply(null, arguments);
37701
+ }, _extends$1g.apply(null, arguments);
37625
37702
  }
37626
37703
  function SvgPauseRecord(props) {
37627
- return /*#__PURE__*/React.createElement("svg", _extends$1f({
37704
+ return /*#__PURE__*/React.createElement("svg", _extends$1g({
37628
37705
  width: 20,
37629
37706
  height: 20,
37630
37707
  viewBox: "0 0 20.01 20.01",
37631
37708
  fill: "none",
37632
37709
  xmlns: "http://www.w3.org/2000/svg"
37633
- }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
37710
+ }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
37634
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",
37635
37712
  fill: "CurrentColor"
37636
37713
  })));
37637
37714
  }
37638
37715
 
37639
- var _path$1c;
37640
- function _extends$1g() {
37641
- 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) {
37642
37719
  for (var e = 1; e < arguments.length; e++) {
37643
37720
  var t = arguments[e];
37644
37721
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37645
37722
  }
37646
37723
  return n;
37647
- }, _extends$1g.apply(null, arguments);
37724
+ }, _extends$1h.apply(null, arguments);
37648
37725
  }
37649
37726
  function SvgStopRecord(props) {
37650
- return /*#__PURE__*/React.createElement("svg", _extends$1g({
37727
+ return /*#__PURE__*/React.createElement("svg", _extends$1h({
37651
37728
  width: 20,
37652
37729
  height: 20,
37653
37730
  fill: "none",
37654
37731
  xmlns: "http://www.w3.org/2000/svg"
37655
- }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
37732
+ }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
37656
37733
  fillRule: "evenodd",
37657
37734
  clipRule: "evenodd",
37658
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",
@@ -37660,18 +37737,18 @@ function SvgStopRecord(props) {
37660
37737
  })));
37661
37738
  }
37662
37739
 
37663
- var _circle$7, _path$1d, _path2$6;
37664
- function _extends$1h() {
37665
- 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) {
37666
37743
  for (var e = 1; e < arguments.length; e++) {
37667
37744
  var t = arguments[e];
37668
37745
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37669
37746
  }
37670
37747
  return n;
37671
- }, _extends$1h.apply(null, arguments);
37748
+ }, _extends$1i.apply(null, arguments);
37672
37749
  }
37673
37750
  function SvgRecordButton(props) {
37674
- return /*#__PURE__*/React.createElement("svg", _extends$1h({
37751
+ return /*#__PURE__*/React.createElement("svg", _extends$1i({
37675
37752
  width: 32,
37676
37753
  height: 32,
37677
37754
  viewBox: "0 0 32.01 32.01",
@@ -37682,10 +37759,10 @@ function SvgRecordButton(props) {
37682
37759
  cy: 16,
37683
37760
  r: 16,
37684
37761
  fill: "CurrentColor"
37685
- })), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
37762
+ })), _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
37686
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",
37687
37764
  fill: "#fff"
37688
- })), _path2$6 || (_path2$6 = /*#__PURE__*/React.createElement("path", {
37765
+ })), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement("path", {
37689
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",
37690
37767
  fill: "#fff"
37691
37768
  })));
@@ -40122,23 +40199,23 @@ var copyToClipboard = function copyToClipboard(text) {
40122
40199
  }
40123
40200
  };
40124
40201
 
40125
- var _path$1e;
40126
- function _extends$1i() {
40127
- 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) {
40128
40205
  for (var e = 1; e < arguments.length; e++) {
40129
40206
  var t = arguments[e];
40130
40207
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40131
40208
  }
40132
40209
  return n;
40133
- }, _extends$1i.apply(null, arguments);
40210
+ }, _extends$1j.apply(null, arguments);
40134
40211
  }
40135
40212
  function SvgBottom(props) {
40136
- return /*#__PURE__*/React.createElement("svg", _extends$1i({
40213
+ return /*#__PURE__*/React.createElement("svg", _extends$1j({
40137
40214
  width: 12,
40138
40215
  height: 7,
40139
40216
  fill: "none",
40140
40217
  xmlns: "http://www.w3.org/2000/svg"
40141
- }, props), _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
40218
+ }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
40142
40219
  d: "M1.5 1.5l4.5 4 4.5-4",
40143
40220
  stroke: "#676A7C",
40144
40221
  strokeWidth: 1.4,
@@ -40147,50 +40224,50 @@ function SvgBottom(props) {
40147
40224
  })));
40148
40225
  }
40149
40226
 
40150
- var _path$1f, _path2$7;
40151
- function _extends$1j() {
40152
- 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) {
40153
40230
  for (var e = 1; e < arguments.length; e++) {
40154
40231
  var t = arguments[e];
40155
40232
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40156
40233
  }
40157
40234
  return n;
40158
- }, _extends$1j.apply(null, arguments);
40235
+ }, _extends$1k.apply(null, arguments);
40159
40236
  }
40160
40237
  function SvgMarkAsUnRead(props) {
40161
- return /*#__PURE__*/React.createElement("svg", _extends$1j({
40238
+ return /*#__PURE__*/React.createElement("svg", _extends$1k({
40162
40239
  width: 20,
40163
40240
  height: 20,
40164
40241
  viewBox: "0 0 20.01 20.01",
40165
40242
  fill: "none",
40166
40243
  xmlns: "http://www.w3.org/2000/svg"
40167
- }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
40244
+ }, props), _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
40168
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",
40169
40246
  fill: "currentColor"
40170
- })), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement("path", {
40247
+ })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
40171
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",
40172
40249
  fill: "currentColor"
40173
40250
  })));
40174
40251
  }
40175
40252
 
40176
- var _path$1g;
40177
- function _extends$1k() {
40178
- 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) {
40179
40256
  for (var e = 1; e < arguments.length; e++) {
40180
40257
  var t = arguments[e];
40181
40258
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40182
40259
  }
40183
40260
  return n;
40184
- }, _extends$1k.apply(null, arguments);
40261
+ }, _extends$1l.apply(null, arguments);
40185
40262
  }
40186
40263
  function SvgMarkAsRead(props) {
40187
- return /*#__PURE__*/React.createElement("svg", _extends$1k({
40264
+ return /*#__PURE__*/React.createElement("svg", _extends$1l({
40188
40265
  width: 20,
40189
40266
  height: 20,
40190
40267
  viewBox: "0 0 20.01 20.01",
40191
40268
  fill: "none",
40192
40269
  xmlns: "http://www.w3.org/2000/svg"
40193
- }, props), _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
40270
+ }, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
40194
40271
  fillRule: "evenodd",
40195
40272
  clipRule: "evenodd",
40196
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",
@@ -40198,23 +40275,23 @@ function SvgMarkAsRead(props) {
40198
40275
  })));
40199
40276
  }
40200
40277
 
40201
- var _path$1h;
40202
- function _extends$1l() {
40203
- 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) {
40204
40281
  for (var e = 1; e < arguments.length; e++) {
40205
40282
  var t = arguments[e];
40206
40283
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40207
40284
  }
40208
40285
  return n;
40209
- }, _extends$1l.apply(null, arguments);
40286
+ }, _extends$1m.apply(null, arguments);
40210
40287
  }
40211
40288
  function SvgClear(props) {
40212
- return /*#__PURE__*/React.createElement("svg", _extends$1l({
40289
+ return /*#__PURE__*/React.createElement("svg", _extends$1m({
40213
40290
  width: 20,
40214
40291
  height: 21,
40215
40292
  fill: "none",
40216
40293
  xmlns: "http://www.w3.org/2000/svg"
40217
- }, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
40294
+ }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
40218
40295
  fillRule: "evenodd",
40219
40296
  clipRule: "evenodd",
40220
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",
@@ -40222,49 +40299,49 @@ function SvgClear(props) {
40222
40299
  })));
40223
40300
  }
40224
40301
 
40225
- var _path$1i;
40226
- function _extends$1m() {
40227
- 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) {
40228
40305
  for (var e = 1; e < arguments.length; e++) {
40229
40306
  var t = arguments[e];
40230
40307
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40231
40308
  }
40232
40309
  return n;
40233
- }, _extends$1m.apply(null, arguments);
40310
+ }, _extends$1n.apply(null, arguments);
40234
40311
  }
40235
40312
  function SvgBlockChannel(props) {
40236
- return /*#__PURE__*/React.createElement("svg", _extends$1m({
40313
+ return /*#__PURE__*/React.createElement("svg", _extends$1n({
40237
40314
  width: 20,
40238
40315
  height: 21,
40239
40316
  viewBox: "0 0 20.01 21.01",
40240
40317
  fill: "none",
40241
40318
  xmlns: "http://www.w3.org/2000/svg"
40242
- }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
40319
+ }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
40243
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",
40244
40321
  fill: "CurrentColor"
40245
40322
  })));
40246
40323
  }
40247
40324
 
40248
- var _path$1j, _path2$8;
40249
- function _extends$1n() {
40250
- 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) {
40251
40328
  for (var e = 1; e < arguments.length; e++) {
40252
40329
  var t = arguments[e];
40253
40330
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40254
40331
  }
40255
40332
  return n;
40256
- }, _extends$1n.apply(null, arguments);
40333
+ }, _extends$1o.apply(null, arguments);
40257
40334
  }
40258
40335
  function SvgReport(props) {
40259
- return /*#__PURE__*/React.createElement("svg", _extends$1n({
40336
+ return /*#__PURE__*/React.createElement("svg", _extends$1o({
40260
40337
  width: 20,
40261
40338
  height: 21,
40262
40339
  fill: "none",
40263
40340
  xmlns: "http://www.w3.org/2000/svg"
40264
- }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
40341
+ }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
40265
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",
40266
40343
  fill: "CurrentColor"
40267
- })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
40344
+ })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
40268
40345
  fillRule: "evenodd",
40269
40346
  clipRule: "evenodd",
40270
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",
@@ -40272,46 +40349,46 @@ function SvgReport(props) {
40272
40349
  })));
40273
40350
  }
40274
40351
 
40275
- var _path$1k;
40276
- function _extends$1o() {
40277
- 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) {
40278
40355
  for (var e = 1; e < arguments.length; e++) {
40279
40356
  var t = arguments[e];
40280
40357
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40281
40358
  }
40282
40359
  return n;
40283
- }, _extends$1o.apply(null, arguments);
40360
+ }, _extends$1p.apply(null, arguments);
40284
40361
  }
40285
40362
  function SvgStar(props) {
40286
- return /*#__PURE__*/React.createElement("svg", _extends$1o({
40363
+ return /*#__PURE__*/React.createElement("svg", _extends$1p({
40287
40364
  width: 20,
40288
40365
  height: 20,
40289
40366
  fill: "none",
40290
40367
  xmlns: "http://www.w3.org/2000/svg"
40291
- }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
40368
+ }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
40292
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",
40293
40370
  fill: "#B2B6BE"
40294
40371
  })));
40295
40372
  }
40296
40373
 
40297
- var _path$1l;
40298
- function _extends$1p() {
40299
- 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) {
40300
40377
  for (var e = 1; e < arguments.length; e++) {
40301
40378
  var t = arguments[e];
40302
40379
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40303
40380
  }
40304
40381
  return n;
40305
- }, _extends$1p.apply(null, arguments);
40382
+ }, _extends$1q.apply(null, arguments);
40306
40383
  }
40307
40384
  function SvgUnpin(props) {
40308
- return /*#__PURE__*/React.createElement("svg", _extends$1p({
40385
+ return /*#__PURE__*/React.createElement("svg", _extends$1q({
40309
40386
  width: 20,
40310
40387
  height: 21,
40311
40388
  viewBox: "0 0 20.01 21.01",
40312
40389
  fill: "none",
40313
40390
  xmlns: "http://www.w3.org/2000/svg"
40314
- }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
40391
+ }, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
40315
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",
40316
40393
  fill: "CurrentColor"
40317
40394
  })));
@@ -40816,18 +40893,18 @@ var ActionItem = styled__default.li(_templateObject16$3 || (_templateObject16$3
40816
40893
  return props.hoverColor;
40817
40894
  });
40818
40895
 
40819
- var _rect$2, _rect2, _path$1m;
40820
- function _extends$1q() {
40821
- 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) {
40822
40899
  for (var e = 1; e < arguments.length; e++) {
40823
40900
  var t = arguments[e];
40824
40901
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40825
40902
  }
40826
40903
  return n;
40827
- }, _extends$1q.apply(null, arguments);
40904
+ }, _extends$1r.apply(null, arguments);
40828
40905
  }
40829
40906
  function SvgAddMember(props) {
40830
- return /*#__PURE__*/React.createElement("svg", _extends$1q({
40907
+ return /*#__PURE__*/React.createElement("svg", _extends$1r({
40831
40908
  width: 40,
40832
40909
  height: 40,
40833
40910
  viewBox: "0 0 40.01 40.01",
@@ -40847,29 +40924,29 @@ function SvgAddMember(props) {
40847
40924
  stroke: "#000",
40848
40925
  strokeOpacity: 0.08,
40849
40926
  strokeWidth: 0.5
40850
- })), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
40927
+ })), _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
40851
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",
40852
40929
  fill: "CurrentColor"
40853
40930
  })));
40854
40931
  }
40855
40932
 
40856
- var _path$1n;
40857
- function _extends$1r() {
40858
- 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) {
40859
40936
  for (var e = 1; e < arguments.length; e++) {
40860
40937
  var t = arguments[e];
40861
40938
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40862
40939
  }
40863
40940
  return n;
40864
- }, _extends$1r.apply(null, arguments);
40941
+ }, _extends$1s.apply(null, arguments);
40865
40942
  }
40866
40943
  function SvgMoreVert(props) {
40867
- return /*#__PURE__*/React.createElement("svg", _extends$1r({
40944
+ return /*#__PURE__*/React.createElement("svg", _extends$1s({
40868
40945
  width: 4,
40869
40946
  height: 14,
40870
40947
  fill: "none",
40871
40948
  xmlns: "http://www.w3.org/2000/svg"
40872
- }, props), _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
40949
+ }, props), _path$1o || (_path$1o = /*#__PURE__*/React.createElement("path", {
40873
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",
40874
40951
  fill: "#9B9DA8"
40875
40952
  })));
@@ -41936,18 +42013,18 @@ var Media = function Media(_ref) {
41936
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"])));
41937
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"])));
41938
42015
 
41939
- var _rect$3, _path$1o;
41940
- function _extends$1s() {
41941
- 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) {
41942
42019
  for (var e = 1; e < arguments.length; e++) {
41943
42020
  var t = arguments[e];
41944
42021
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
41945
42022
  }
41946
42023
  return n;
41947
- }, _extends$1s.apply(null, arguments);
42024
+ }, _extends$1t.apply(null, arguments);
41948
42025
  }
41949
42026
  function SvgFileIcon$1(props) {
41950
- return /*#__PURE__*/React.createElement("svg", _extends$1s({
42027
+ return /*#__PURE__*/React.createElement("svg", _extends$1t({
41951
42028
  width: 40,
41952
42029
  height: 40,
41953
42030
  fill: "none",
@@ -41959,7 +42036,7 @@ function SvgFileIcon$1(props) {
41959
42036
  rx: 8,
41960
42037
  fill: "currentColor",
41961
42038
  fillOpacity: 0.2
41962
- })), _path$1o || (_path$1o = /*#__PURE__*/React.createElement("path", {
42039
+ })), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
41963
42040
  fillRule: "evenodd",
41964
42041
  clipRule: "evenodd",
41965
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",
@@ -41967,23 +42044,23 @@ function SvgFileIcon$1(props) {
41967
42044
  })));
41968
42045
  }
41969
42046
 
41970
- var _path$1p;
41971
- function _extends$1t() {
41972
- 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) {
41973
42050
  for (var e = 1; e < arguments.length; e++) {
41974
42051
  var t = arguments[e];
41975
42052
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
41976
42053
  }
41977
42054
  return n;
41978
- }, _extends$1t.apply(null, arguments);
42055
+ }, _extends$1u.apply(null, arguments);
41979
42056
  }
41980
42057
  function SvgDownloadFile(props) {
41981
- return /*#__PURE__*/React.createElement("svg", _extends$1t({
42058
+ return /*#__PURE__*/React.createElement("svg", _extends$1u({
41982
42059
  width: 24,
41983
42060
  height: 24,
41984
42061
  xmlns: "http://www.w3.org/2000/svg",
41985
42062
  fill: "currentColor"
41986
- }, props), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
42063
+ }, props), _path$1q || (_path$1q = /*#__PURE__*/React.createElement("path", {
41987
42064
  fillRule: "evenodd",
41988
42065
  clipRule: "evenodd",
41989
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"
@@ -42137,18 +42214,18 @@ var FileSizeAndDate = styled__default.span(_templateObject8$m || (_templateObjec
42137
42214
  return props.color;
42138
42215
  });
42139
42216
 
42140
- var _rect$4, _path$1q;
42141
- function _extends$1u() {
42142
- 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) {
42143
42220
  for (var e = 1; e < arguments.length; e++) {
42144
42221
  var t = arguments[e];
42145
42222
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42146
42223
  }
42147
42224
  return n;
42148
- }, _extends$1u.apply(null, arguments);
42225
+ }, _extends$1v.apply(null, arguments);
42149
42226
  }
42150
42227
  function SvgLinkIcon(props) {
42151
- return /*#__PURE__*/React.createElement("svg", _extends$1u({
42228
+ return /*#__PURE__*/React.createElement("svg", _extends$1v({
42152
42229
  width: 40,
42153
42230
  height: 40,
42154
42231
  fill: "none",
@@ -42160,7 +42237,7 @@ function SvgLinkIcon(props) {
42160
42237
  rx: 8,
42161
42238
  fill: "currentColor",
42162
42239
  fillOpacity: 0.2
42163
- })), _path$1q || (_path$1q = /*#__PURE__*/React.createElement("path", {
42240
+ })), _path$1r || (_path$1r = /*#__PURE__*/React.createElement("path", {
42164
42241
  fillRule: "evenodd",
42165
42242
  clipRule: "evenodd",
42166
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",
@@ -42244,18 +42321,18 @@ var Links = function Links(_ref) {
42244
42321
  };
42245
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"])));
42246
42323
 
42247
- var _rect$5, _path$1r;
42248
- function _extends$1v() {
42249
- 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) {
42250
42327
  for (var e = 1; e < arguments.length; e++) {
42251
42328
  var t = arguments[e];
42252
42329
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42253
42330
  }
42254
42331
  return n;
42255
- }, _extends$1v.apply(null, arguments);
42332
+ }, _extends$1w.apply(null, arguments);
42256
42333
  }
42257
42334
  function SvgVoicePreview(props) {
42258
- return /*#__PURE__*/React.createElement("svg", _extends$1v({
42335
+ return /*#__PURE__*/React.createElement("svg", _extends$1w({
42259
42336
  width: 40,
42260
42337
  height: 40,
42261
42338
  fill: "none",
@@ -42265,24 +42342,24 @@ function SvgVoicePreview(props) {
42265
42342
  height: 40,
42266
42343
  rx: 20,
42267
42344
  fill: "#5159F6"
42268
- })), _path$1r || (_path$1r = /*#__PURE__*/React.createElement("path", {
42345
+ })), _path$1s || (_path$1s = /*#__PURE__*/React.createElement("path", {
42269
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",
42270
42347
  fill: "#fff"
42271
42348
  })));
42272
42349
  }
42273
42350
 
42274
- var _rect$6, _path$1s;
42275
- function _extends$1w() {
42276
- 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) {
42277
42354
  for (var e = 1; e < arguments.length; e++) {
42278
42355
  var t = arguments[e];
42279
42356
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42280
42357
  }
42281
42358
  return n;
42282
- }, _extends$1w.apply(null, arguments);
42359
+ }, _extends$1x.apply(null, arguments);
42283
42360
  }
42284
42361
  function SvgVoicePreviewPause(props) {
42285
- return /*#__PURE__*/React.createElement("svg", _extends$1w({
42362
+ return /*#__PURE__*/React.createElement("svg", _extends$1x({
42286
42363
  width: 40,
42287
42364
  height: 40,
42288
42365
  fill: "none",
@@ -42292,7 +42369,7 @@ function SvgVoicePreviewPause(props) {
42292
42369
  height: 40,
42293
42370
  rx: 20,
42294
42371
  fill: "#5159F6"
42295
- })), _path$1s || (_path$1s = /*#__PURE__*/React.createElement("path", {
42372
+ })), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
42296
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",
42297
42374
  fill: "#fff"
42298
42375
  })));
@@ -43629,23 +43706,23 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
43629
43706
  };
43630
43707
  var DetailsWrapper = styled__default.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n user-select: text;\n"])));
43631
43708
 
43632
- var _path$1t;
43633
- function _extends$1x() {
43634
- 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) {
43635
43712
  for (var e = 1; e < arguments.length; e++) {
43636
43713
  var t = arguments[e];
43637
43714
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
43638
43715
  }
43639
43716
  return n;
43640
- }, _extends$1x.apply(null, arguments);
43717
+ }, _extends$1y.apply(null, arguments);
43641
43718
  }
43642
43719
  function SvgChevronDown(props) {
43643
- return /*#__PURE__*/React.createElement("svg", _extends$1x({
43720
+ return /*#__PURE__*/React.createElement("svg", _extends$1y({
43644
43721
  width: 32,
43645
43722
  height: 32,
43646
43723
  fill: "none",
43647
43724
  xmlns: "http://www.w3.org/2000/svg"
43648
- }, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
43725
+ }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
43649
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",
43650
43727
  fill: "CurrentColor"
43651
43728
  })));
@@ -43757,29 +43834,29 @@ var UnreadCount$1 = styled__default.span(_templateObject2$T || (_templateObject2
43757
43834
  return props.textColor || '#fff';
43758
43835
  });
43759
43836
 
43760
- var _path$1u, _path2$9;
43761
- function _extends$1y() {
43762
- 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) {
43763
43840
  for (var e = 1; e < arguments.length; e++) {
43764
43841
  var t = arguments[e];
43765
43842
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
43766
43843
  }
43767
43844
  return n;
43768
- }, _extends$1y.apply(null, arguments);
43845
+ }, _extends$1z.apply(null, arguments);
43769
43846
  }
43770
43847
  function SvgMention(props) {
43771
- return /*#__PURE__*/React.createElement("svg", _extends$1y({
43848
+ return /*#__PURE__*/React.createElement("svg", _extends$1z({
43772
43849
  width: 24,
43773
43850
  height: 24,
43774
43851
  fill: "none",
43775
43852
  xmlns: "http://www.w3.org/2000/svg"
43776
- }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
43853
+ }, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement("path", {
43777
43854
  d: "M12 15.6a3.6 3.6 0 100-7.2 3.6 3.6 0 000 7.2z",
43778
43855
  stroke: "currentColor",
43779
43856
  strokeWidth: 1.8,
43780
43857
  strokeLinecap: "round",
43781
43858
  strokeLinejoin: "round"
43782
- })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
43859
+ })), _path2$a || (_path2$a = /*#__PURE__*/React.createElement("path", {
43783
43860
  d: "M15.6 8.4v4.5a2.7 2.7 0 005.4 0V12a9 9 0 10-3.528 7.145",
43784
43861
  stroke: "currentColor",
43785
43862
  strokeWidth: 1.8,