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.modern.js CHANGED
@@ -8832,6 +8832,22 @@ var moment = createCommonjsModule(function (module, exports) {
8832
8832
  })));
8833
8833
  });
8834
8834
 
8835
+ var HiddenMessageProperty;
8836
+ (function (HiddenMessageProperty) {
8837
+ HiddenMessageProperty["hideAfterChannelChange"] = "hideAfterChannelChange";
8838
+ HiddenMessageProperty["hideAfterSendMessage"] = "hideAfterSendMessage";
8839
+ })(HiddenMessageProperty || (HiddenMessageProperty = {}));
8840
+ var MESSAGE_TYPE;
8841
+ (function (MESSAGE_TYPE) {
8842
+ MESSAGE_TYPE["TEXT"] = "text";
8843
+ MESSAGE_TYPE["MEDIA"] = "media";
8844
+ MESSAGE_TYPE["SYSTEM"] = "system";
8845
+ MESSAGE_TYPE["LINK"] = "link";
8846
+ MESSAGE_TYPE["FILE"] = "file";
8847
+ MESSAGE_TYPE["POLL"] = "poll";
8848
+ MESSAGE_TYPE["DELETED"] = "";
8849
+ })(MESSAGE_TYPE || (MESSAGE_TYPE = {}));
8850
+
8835
8851
  var makeUsername = function makeUsername(contact, user, fromContact, getFirstNameOnly) {
8836
8852
  var _contact$lastName;
8837
8853
  if (hideUserPresence && user && user.id && hideUserPresence(user)) {
@@ -8938,6 +8954,9 @@ var EditorTheme = {
8938
8954
  underlineStrikethrough: 'text_underlineStrikethrough'
8939
8955
  }
8940
8956
  };
8957
+ var isMessageUnsupported = function isMessageUnsupported(message) {
8958
+ return message.type !== MESSAGE_TYPE.TEXT && message.type !== MESSAGE_TYPE.MEDIA && message.type !== MESSAGE_TYPE.FILE && message.type !== MESSAGE_TYPE.LINK && message.type !== MESSAGE_TYPE.POLL && message.type !== MESSAGE_TYPE.DELETED;
8959
+ };
8941
8960
 
8942
8961
  var baseUrlForInviteMembers = '';
8943
8962
  var autoSelectFitsChannel = false;
@@ -10381,7 +10400,7 @@ var initialState$1 = {
10381
10400
  attachmentsUploadingProgress: {},
10382
10401
  playingAudioId: null,
10383
10402
  selectedMessagesMap: null,
10384
- oGMetadata: {},
10403
+ oGMetadata: null,
10385
10404
  attachmentUpdatedMap: {},
10386
10405
  messageMarkers: {},
10387
10406
  messagesMarkersLoadingState: null
@@ -10699,6 +10718,9 @@ var messageSlice = createSlice({
10699
10718
  var _action$payload10 = action.payload,
10700
10719
  url = _action$payload10.url,
10701
10720
  metadata = _action$payload10.metadata;
10721
+ if (!state.oGMetadata) {
10722
+ state.oGMetadata = {};
10723
+ }
10702
10724
  state.oGMetadata[url] = metadata;
10703
10725
  },
10704
10726
  updateOGMetadata: function updateOGMetadata(state, action) {
@@ -10706,6 +10728,9 @@ var messageSlice = createSlice({
10706
10728
  url = _action$payload11.url,
10707
10729
  metadata = _action$payload11.metadata;
10708
10730
  if (metadata) {
10731
+ if (!state.oGMetadata) {
10732
+ state.oGMetadata = {};
10733
+ }
10709
10734
  var existing = state.oGMetadata[url];
10710
10735
  state.oGMetadata[url] = existing ? _extends({}, existing, metadata) : metadata;
10711
10736
  }
@@ -17734,21 +17759,6 @@ var getFrame = function getFrame(videoSrc, time) {
17734
17759
  }
17735
17760
  };
17736
17761
 
17737
- var HiddenMessageProperty;
17738
- (function (HiddenMessageProperty) {
17739
- HiddenMessageProperty["hideAfterChannelChange"] = "hideAfterChannelChange";
17740
- HiddenMessageProperty["hideAfterSendMessage"] = "hideAfterSendMessage";
17741
- })(HiddenMessageProperty || (HiddenMessageProperty = {}));
17742
- var MESSAGE_TYPE;
17743
- (function (MESSAGE_TYPE) {
17744
- MESSAGE_TYPE["TEXT"] = "text";
17745
- MESSAGE_TYPE["MEDIA"] = "media";
17746
- MESSAGE_TYPE["SYSTEM"] = "system";
17747
- MESSAGE_TYPE["LINK"] = "link";
17748
- MESSAGE_TYPE["FILE"] = "file";
17749
- MESSAGE_TYPE["POLL"] = "poll";
17750
- })(MESSAGE_TYPE || (MESSAGE_TYPE = {}));
17751
-
17752
17762
  var _marked$3 = /*#__PURE__*/_regenerator().m(sendMessage),
17753
17763
  _marked2$2 = /*#__PURE__*/_regenerator().m(sendTextMessage),
17754
17764
  _marked3$1 = /*#__PURE__*/_regenerator().m(forwardMessage),
@@ -22275,7 +22285,7 @@ var Channel = function Channel(_ref3) {
22275
22285
  };
22276
22286
  }, [typingOrRecordingIndicator]);
22277
22287
  var unsupportedMessage = useMemo(function () {
22278
- return (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== MESSAGE_TYPE.SYSTEM && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== MESSAGE_TYPE.TEXT && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== MESSAGE_TYPE.MEDIA && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== MESSAGE_TYPE.FILE && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== MESSAGE_TYPE.LINK && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) !== MESSAGE_TYPE.POLL;
22288
+ return isMessageUnsupported(lastMessage);
22279
22289
  }, [lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type]);
22280
22290
  var MessageText = useMemo(function () {
22281
22291
  return /*#__PURE__*/React__default.createElement(ChannelMessageText, {
@@ -27812,6 +27822,38 @@ function SvgArrowDown(props) {
27812
27822
  })));
27813
27823
  }
27814
27824
 
27825
+ var _path$T, _path2$5, _path3$2;
27826
+ function _extends$U() {
27827
+ return _extends$U = Object.assign ? Object.assign.bind() : function (n) {
27828
+ for (var e = 1; e < arguments.length; e++) {
27829
+ var t = arguments[e];
27830
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
27831
+ }
27832
+ return n;
27833
+ }, _extends$U.apply(null, arguments);
27834
+ }
27835
+ function SvgInfoAction(props) {
27836
+ return /*#__PURE__*/createElement$1("svg", _extends$U({
27837
+ width: 18,
27838
+ height: 18,
27839
+ fill: "none",
27840
+ xmlns: "http://www.w3.org/2000/svg"
27841
+ }, props), _path$T || (_path$T = /*#__PURE__*/createElement$1("path", {
27842
+ fillRule: "evenodd",
27843
+ clipRule: "evenodd",
27844
+ 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",
27845
+ fill: "currentColor"
27846
+ })), _path2$5 || (_path2$5 = /*#__PURE__*/createElement$1("path", {
27847
+ fillRule: "evenodd",
27848
+ clipRule: "evenodd",
27849
+ 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",
27850
+ fill: "currentColor"
27851
+ })), _path3$2 || (_path3$2 = /*#__PURE__*/createElement$1("path", {
27852
+ d: "M8.174 5.785a.956.956 0 100-1.911.956.956 0 000 1.91z",
27853
+ fill: "currentColor"
27854
+ })));
27855
+ }
27856
+
27815
27857
  var _templateObject$t, _templateObject2$p, _templateObject3$j;
27816
27858
  function MessageActions(_ref) {
27817
27859
  var editModeToggle = _ref.editModeToggle,
@@ -28007,7 +28049,7 @@ function MessageActions(_ref) {
28007
28049
  disabledColor: textSecondary,
28008
28050
  bgColor: tooltipBackground,
28009
28051
  direction: 'top'
28010
- }, 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, {
28052
+ }, 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, {
28011
28053
  order: deleteIconOrder || 8,
28012
28054
  iconColor: messageActionIconsColor || warningColor,
28013
28055
  hoverBackgroundColor: backgroundHovered,
@@ -28058,18 +28100,18 @@ var Action = styled.div(_templateObject3$j || (_templateObject3$j = _taggedTempl
28058
28100
  return props.hoverBackgroundColor;
28059
28101
  }, ItemNote);
28060
28102
 
28061
- var _rect$1, _path$T;
28062
- function _extends$U() {
28063
- return _extends$U = Object.assign ? Object.assign.bind() : function (n) {
28103
+ var _rect$1, _path$U;
28104
+ function _extends$V() {
28105
+ return _extends$V = Object.assign ? Object.assign.bind() : function (n) {
28064
28106
  for (var e = 1; e < arguments.length; e++) {
28065
28107
  var t = arguments[e];
28066
28108
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28067
28109
  }
28068
28110
  return n;
28069
- }, _extends$U.apply(null, arguments);
28111
+ }, _extends$V.apply(null, arguments);
28070
28112
  }
28071
28113
  function SvgFileIcon(props) {
28072
- return /*#__PURE__*/createElement$1("svg", _extends$U({
28114
+ return /*#__PURE__*/createElement$1("svg", _extends$V({
28073
28115
  width: 40,
28074
28116
  height: 40,
28075
28117
  viewBox: "0 0 40.01 40.01",
@@ -28080,24 +28122,24 @@ function SvgFileIcon(props) {
28080
28122
  height: 40,
28081
28123
  rx: 20,
28082
28124
  fill: "Transparent"
28083
- })), _path$T || (_path$T = /*#__PURE__*/createElement$1("path", {
28125
+ })), _path$U || (_path$U = /*#__PURE__*/createElement$1("path", {
28084
28126
  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",
28085
28127
  fill: "#fff"
28086
28128
  })));
28087
28129
  }
28088
28130
 
28089
- var _circle$2, _path$U;
28090
- function _extends$V() {
28091
- return _extends$V = Object.assign ? Object.assign.bind() : function (n) {
28131
+ var _circle$2, _path$V;
28132
+ function _extends$W() {
28133
+ return _extends$W = Object.assign ? Object.assign.bind() : function (n) {
28092
28134
  for (var e = 1; e < arguments.length; e++) {
28093
28135
  var t = arguments[e];
28094
28136
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28095
28137
  }
28096
28138
  return n;
28097
- }, _extends$V.apply(null, arguments);
28139
+ }, _extends$W.apply(null, arguments);
28098
28140
  }
28099
28141
  function SvgDeleteUpload(props) {
28100
- return /*#__PURE__*/createElement$1("svg", _extends$V({
28142
+ return /*#__PURE__*/createElement$1("svg", _extends$W({
28101
28143
  width: 20,
28102
28144
  height: 20,
28103
28145
  viewBox: "0 0 20.01 20.01",
@@ -28110,7 +28152,7 @@ function SvgDeleteUpload(props) {
28110
28152
  fill: "CurrentColor",
28111
28153
  stroke: "#fff",
28112
28154
  strokeWidth: 1.4
28113
- })), _path$U || (_path$U = /*#__PURE__*/createElement$1("path", {
28155
+ })), _path$V || (_path$V = /*#__PURE__*/createElement$1("path", {
28114
28156
  d: "M13.5 6.5l-7 7M6.5 6.5l7 7",
28115
28157
  stroke: "#fff",
28116
28158
  strokeWidth: 1.4,
@@ -28119,24 +28161,24 @@ function SvgDeleteUpload(props) {
28119
28161
  })));
28120
28162
  }
28121
28163
 
28122
- var _path$V;
28123
- function _extends$W() {
28124
- return _extends$W = Object.assign ? Object.assign.bind() : function (n) {
28164
+ var _path$W;
28165
+ function _extends$X() {
28166
+ return _extends$X = Object.assign ? Object.assign.bind() : function (n) {
28125
28167
  for (var e = 1; e < arguments.length; e++) {
28126
28168
  var t = arguments[e];
28127
28169
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28128
28170
  }
28129
28171
  return n;
28130
- }, _extends$W.apply(null, arguments);
28172
+ }, _extends$X.apply(null, arguments);
28131
28173
  }
28132
28174
  function SvgUpload(props) {
28133
- return /*#__PURE__*/createElement$1("svg", _extends$W({
28175
+ return /*#__PURE__*/createElement$1("svg", _extends$X({
28134
28176
  width: 32,
28135
28177
  height: 32,
28136
28178
  viewBox: "0 0 32.01 32.01",
28137
28179
  fill: "none",
28138
28180
  xmlns: "http://www.w3.org/2000/svg"
28139
- }, props), _path$V || (_path$V = /*#__PURE__*/createElement$1("path", {
28181
+ }, props), _path$W || (_path$W = /*#__PURE__*/createElement$1("path", {
28140
28182
  fillRule: "evenodd",
28141
28183
  clipRule: "evenodd",
28142
28184
  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",
@@ -28144,18 +28186,18 @@ function SvgUpload(props) {
28144
28186
  })));
28145
28187
  }
28146
28188
 
28147
- var _circle$3, _path$W;
28148
- function _extends$X() {
28149
- return _extends$X = Object.assign ? Object.assign.bind() : function (n) {
28189
+ var _circle$3, _path$X;
28190
+ function _extends$Y() {
28191
+ return _extends$Y = Object.assign ? Object.assign.bind() : function (n) {
28150
28192
  for (var e = 1; e < arguments.length; e++) {
28151
28193
  var t = arguments[e];
28152
28194
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28153
28195
  }
28154
28196
  return n;
28155
- }, _extends$X.apply(null, arguments);
28197
+ }, _extends$Y.apply(null, arguments);
28156
28198
  }
28157
28199
  function SvgPlayVideo(props) {
28158
- return /*#__PURE__*/createElement$1("svg", _extends$X({
28200
+ return /*#__PURE__*/createElement$1("svg", _extends$Y({
28159
28201
  width: 56,
28160
28202
  height: 56,
28161
28203
  fill: "none",
@@ -28166,7 +28208,7 @@ function SvgPlayVideo(props) {
28166
28208
  r: 28,
28167
28209
  fill: "#17191C",
28168
28210
  fillOpacity: 0.4
28169
- })), _path$W || (_path$W = /*#__PURE__*/createElement$1("path", {
28211
+ })), _path$X || (_path$X = /*#__PURE__*/createElement$1("path", {
28170
28212
  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",
28171
28213
  fill: "#fff"
28172
28214
  })));
@@ -28350,18 +28392,18 @@ var AttachmentImg = styled.img(_templateObject7$b || (_templateObject7$b = _tagg
28350
28392
  return props.borderRadius || '6px';
28351
28393
  });
28352
28394
 
28353
- var _circle$4, _path$X;
28354
- function _extends$Y() {
28355
- return _extends$Y = Object.assign ? Object.assign.bind() : function (n) {
28395
+ var _circle$4, _path$Y;
28396
+ function _extends$Z() {
28397
+ return _extends$Z = Object.assign ? Object.assign.bind() : function (n) {
28356
28398
  for (var e = 1; e < arguments.length; e++) {
28357
28399
  var t = arguments[e];
28358
28400
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28359
28401
  }
28360
28402
  return n;
28361
- }, _extends$Y.apply(null, arguments);
28403
+ }, _extends$Z.apply(null, arguments);
28362
28404
  }
28363
28405
  function SvgPlay(props) {
28364
- return /*#__PURE__*/createElement$1("svg", _extends$Y({
28406
+ return /*#__PURE__*/createElement$1("svg", _extends$Z({
28365
28407
  width: 32,
28366
28408
  height: 32,
28367
28409
  viewBox: "0 0 33 33",
@@ -28372,24 +28414,24 @@ function SvgPlay(props) {
28372
28414
  cy: 16,
28373
28415
  r: 16,
28374
28416
  fill: "CurrentColor"
28375
- })), _path$X || (_path$X = /*#__PURE__*/createElement$1("path", {
28417
+ })), _path$Y || (_path$Y = /*#__PURE__*/createElement$1("path", {
28376
28418
  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",
28377
28419
  fill: "#fff"
28378
28420
  })));
28379
28421
  }
28380
28422
 
28381
- var _circle$5, _path$Y;
28382
- function _extends$Z() {
28383
- return _extends$Z = Object.assign ? Object.assign.bind() : function (n) {
28423
+ var _circle$5, _path$Z;
28424
+ function _extends$_() {
28425
+ return _extends$_ = Object.assign ? Object.assign.bind() : function (n) {
28384
28426
  for (var e = 1; e < arguments.length; e++) {
28385
28427
  var t = arguments[e];
28386
28428
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
28387
28429
  }
28388
28430
  return n;
28389
- }, _extends$Z.apply(null, arguments);
28431
+ }, _extends$_.apply(null, arguments);
28390
28432
  }
28391
28433
  function SvgPause(props) {
28392
- return /*#__PURE__*/createElement$1("svg", _extends$Z({
28434
+ return /*#__PURE__*/createElement$1("svg", _extends$_({
28393
28435
  width: 32,
28394
28436
  height: 32,
28395
28437
  viewBox: "0 0 33 33",
@@ -28400,7 +28442,7 @@ function SvgPause(props) {
28400
28442
  cy: 16,
28401
28443
  r: 16,
28402
28444
  fill: "CurrentColor"
28403
- })), _path$Y || (_path$Y = /*#__PURE__*/createElement$1("path", {
28445
+ })), _path$Z || (_path$Z = /*#__PURE__*/createElement$1("path", {
28404
28446
  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",
28405
28447
  fill: "#fff"
28406
28448
  })));
@@ -31283,7 +31325,7 @@ var RepliedMessage = function RepliedMessage(_ref) {
31283
31325
  return 0;
31284
31326
  }, [message.parentMessage.attachments, parentNotLinkAttachment, (_message$parentMessag = message.parentMessage.attachments[0]) === null || _message$parentMessag === void 0 ? void 0 : _message$parentMessag.type, message.parentMessage.attachments.length]);
31285
31327
  var unsupportedMessage = useMemo(function () {
31286
- return message.parentMessage.type !== MESSAGE_TYPE.SYSTEM && message.parentMessage.type !== MESSAGE_TYPE.TEXT && message.parentMessage.type !== MESSAGE_TYPE.MEDIA && message.parentMessage.type !== MESSAGE_TYPE.FILE && message.parentMessage.type !== MESSAGE_TYPE.LINK && message.parentMessage.type !== MESSAGE_TYPE.POLL;
31328
+ return isMessageUnsupported(message.parentMessage);
31287
31329
  }, [message.parentMessage.type]);
31288
31330
  return /*#__PURE__*/React__default.createElement(ReplyMessageContainer, {
31289
31331
  withSenderName: showMessageSenderName,
@@ -31411,24 +31453,24 @@ var MessageHeaderCont = styled.div(_templateObject$y || (_templateObject$y = _ta
31411
31453
  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');
31412
31454
  });
31413
31455
 
31414
- var _path$Z;
31415
- function _extends$_() {
31416
- return _extends$_ = Object.assign ? Object.assign.bind() : function (n) {
31456
+ var _path$_;
31457
+ function _extends$$() {
31458
+ return _extends$$ = Object.assign ? Object.assign.bind() : function (n) {
31417
31459
  for (var e = 1; e < arguments.length; e++) {
31418
31460
  var t = arguments[e];
31419
31461
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31420
31462
  }
31421
31463
  return n;
31422
- }, _extends$_.apply(null, arguments);
31464
+ }, _extends$$.apply(null, arguments);
31423
31465
  }
31424
31466
  function SvgEmojiAnimalIcon(props) {
31425
- return /*#__PURE__*/createElement$1("svg", _extends$_({
31467
+ return /*#__PURE__*/createElement$1("svg", _extends$$({
31426
31468
  width: 20,
31427
31469
  height: 20,
31428
31470
  viewBox: "0 0 20.01 20.01",
31429
31471
  fill: "none",
31430
31472
  xmlns: "http://www.w3.org/2000/svg"
31431
- }, props), _path$Z || (_path$Z = /*#__PURE__*/createElement$1("path", {
31473
+ }, props), _path$_ || (_path$_ = /*#__PURE__*/createElement$1("path", {
31432
31474
  fillRule: "evenodd",
31433
31475
  clipRule: "evenodd",
31434
31476
  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",
@@ -31436,34 +31478,34 @@ function SvgEmojiAnimalIcon(props) {
31436
31478
  })));
31437
31479
  }
31438
31480
 
31439
- var _path$_, _path2$5, _path3$2;
31440
- function _extends$$() {
31441
- return _extends$$ = Object.assign ? Object.assign.bind() : function (n) {
31481
+ var _path$$, _path2$6, _path3$3;
31482
+ function _extends$10() {
31483
+ return _extends$10 = Object.assign ? Object.assign.bind() : function (n) {
31442
31484
  for (var e = 1; e < arguments.length; e++) {
31443
31485
  var t = arguments[e];
31444
31486
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31445
31487
  }
31446
31488
  return n;
31447
- }, _extends$$.apply(null, arguments);
31489
+ }, _extends$10.apply(null, arguments);
31448
31490
  }
31449
31491
  function SvgEmojiFoodIcon(props) {
31450
- return /*#__PURE__*/createElement$1("svg", _extends$$({
31492
+ return /*#__PURE__*/createElement$1("svg", _extends$10({
31451
31493
  width: 20,
31452
31494
  height: 20,
31453
31495
  viewBox: "0 0 20.01 20.01",
31454
31496
  fill: "none",
31455
31497
  xmlns: "http://www.w3.org/2000/svg"
31456
- }, props), _path$_ || (_path$_ = /*#__PURE__*/createElement$1("path", {
31498
+ }, props), _path$$ || (_path$$ = /*#__PURE__*/createElement$1("path", {
31457
31499
  fillRule: "evenodd",
31458
31500
  clipRule: "evenodd",
31459
31501
  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",
31460
31502
  fill: "CurrentColor"
31461
- })), _path2$5 || (_path2$5 = /*#__PURE__*/createElement$1("path", {
31503
+ })), _path2$6 || (_path2$6 = /*#__PURE__*/createElement$1("path", {
31462
31504
  fillRule: "evenodd",
31463
31505
  clipRule: "evenodd",
31464
31506
  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",
31465
31507
  fill: "CurrentColor"
31466
- })), _path3$2 || (_path3$2 = /*#__PURE__*/createElement$1("path", {
31508
+ })), _path3$3 || (_path3$3 = /*#__PURE__*/createElement$1("path", {
31467
31509
  fillRule: "evenodd",
31468
31510
  clipRule: "evenodd",
31469
31511
  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",
@@ -31471,24 +31513,24 @@ function SvgEmojiFoodIcon(props) {
31471
31513
  })));
31472
31514
  }
31473
31515
 
31474
- var _path$$;
31475
- function _extends$10() {
31476
- return _extends$10 = Object.assign ? Object.assign.bind() : function (n) {
31516
+ var _path$10;
31517
+ function _extends$11() {
31518
+ return _extends$11 = Object.assign ? Object.assign.bind() : function (n) {
31477
31519
  for (var e = 1; e < arguments.length; e++) {
31478
31520
  var t = arguments[e];
31479
31521
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31480
31522
  }
31481
31523
  return n;
31482
- }, _extends$10.apply(null, arguments);
31524
+ }, _extends$11.apply(null, arguments);
31483
31525
  }
31484
31526
  function SvgEmojiTravelIcon(props) {
31485
- return /*#__PURE__*/createElement$1("svg", _extends$10({
31527
+ return /*#__PURE__*/createElement$1("svg", _extends$11({
31486
31528
  width: 20,
31487
31529
  height: 20,
31488
31530
  viewBox: "0 0 20.01 20.01",
31489
31531
  fill: "none",
31490
31532
  xmlns: "http://www.w3.org/2000/svg"
31491
- }, props), _path$$ || (_path$$ = /*#__PURE__*/createElement$1("path", {
31533
+ }, props), _path$10 || (_path$10 = /*#__PURE__*/createElement$1("path", {
31492
31534
  fillRule: "evenodd",
31493
31535
  clipRule: "evenodd",
31494
31536
  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",
@@ -31497,17 +31539,17 @@ function SvgEmojiTravelIcon(props) {
31497
31539
  }
31498
31540
 
31499
31541
  var _g, _defs$1;
31500
- function _extends$11() {
31501
- return _extends$11 = Object.assign ? Object.assign.bind() : function (n) {
31542
+ function _extends$12() {
31543
+ return _extends$12 = Object.assign ? Object.assign.bind() : function (n) {
31502
31544
  for (var e = 1; e < arguments.length; e++) {
31503
31545
  var t = arguments[e];
31504
31546
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31505
31547
  }
31506
31548
  return n;
31507
- }, _extends$11.apply(null, arguments);
31549
+ }, _extends$12.apply(null, arguments);
31508
31550
  }
31509
31551
  function SvgEmojiObjectIcon(props) {
31510
- return /*#__PURE__*/createElement$1("svg", _extends$11({
31552
+ return /*#__PURE__*/createElement$1("svg", _extends$12({
31511
31553
  width: 20,
31512
31554
  height: 20,
31513
31555
  viewBox: "0 0 20.01 20.01",
@@ -31528,24 +31570,24 @@ function SvgEmojiObjectIcon(props) {
31528
31570
  })))));
31529
31571
  }
31530
31572
 
31531
- var _path$10;
31532
- function _extends$12() {
31533
- return _extends$12 = Object.assign ? Object.assign.bind() : function (n) {
31573
+ var _path$11;
31574
+ function _extends$13() {
31575
+ return _extends$13 = Object.assign ? Object.assign.bind() : function (n) {
31534
31576
  for (var e = 1; e < arguments.length; e++) {
31535
31577
  var t = arguments[e];
31536
31578
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31537
31579
  }
31538
31580
  return n;
31539
- }, _extends$12.apply(null, arguments);
31581
+ }, _extends$13.apply(null, arguments);
31540
31582
  }
31541
31583
  function SvgEmojiSymbolsIcon(props) {
31542
- return /*#__PURE__*/createElement$1("svg", _extends$12({
31584
+ return /*#__PURE__*/createElement$1("svg", _extends$13({
31543
31585
  width: 20,
31544
31586
  height: 20,
31545
31587
  viewBox: "0 0 20.01 20.01",
31546
31588
  fill: "none",
31547
31589
  xmlns: "http://www.w3.org/2000/svg"
31548
- }, props), _path$10 || (_path$10 = /*#__PURE__*/createElement$1("path", {
31590
+ }, props), _path$11 || (_path$11 = /*#__PURE__*/createElement$1("path", {
31549
31591
  fillRule: "evenodd",
31550
31592
  clipRule: "evenodd",
31551
31593
  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",
@@ -31553,24 +31595,24 @@ function SvgEmojiSymbolsIcon(props) {
31553
31595
  })));
31554
31596
  }
31555
31597
 
31556
- var _path$11;
31557
- function _extends$13() {
31558
- return _extends$13 = Object.assign ? Object.assign.bind() : function (n) {
31598
+ var _path$12;
31599
+ function _extends$14() {
31600
+ return _extends$14 = Object.assign ? Object.assign.bind() : function (n) {
31559
31601
  for (var e = 1; e < arguments.length; e++) {
31560
31602
  var t = arguments[e];
31561
31603
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31562
31604
  }
31563
31605
  return n;
31564
- }, _extends$13.apply(null, arguments);
31606
+ }, _extends$14.apply(null, arguments);
31565
31607
  }
31566
31608
  function SvgEmojiFlagicon(props) {
31567
- return /*#__PURE__*/createElement$1("svg", _extends$13({
31609
+ return /*#__PURE__*/createElement$1("svg", _extends$14({
31568
31610
  width: 20,
31569
31611
  height: 20,
31570
31612
  viewBox: "0 0 20.01 20.01",
31571
31613
  fill: "none",
31572
31614
  xmlns: "http://www.w3.org/2000/svg"
31573
- }, props), _path$11 || (_path$11 = /*#__PURE__*/createElement$1("path", {
31615
+ }, props), _path$12 || (_path$12 = /*#__PURE__*/createElement$1("path", {
31574
31616
  fillRule: "evenodd",
31575
31617
  clipRule: "evenodd",
31576
31618
  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",
@@ -32066,24 +32108,24 @@ var Emoji = styled.li(_templateObject8$c || (_templateObject8$c = _taggedTemplat
32066
32108
  return props.hoverBackgroundColor;
32067
32109
  });
32068
32110
 
32069
- var _path$12;
32070
- function _extends$14() {
32071
- return _extends$14 = Object.assign ? Object.assign.bind() : function (n) {
32111
+ var _path$13;
32112
+ function _extends$15() {
32113
+ return _extends$15 = Object.assign ? Object.assign.bind() : function (n) {
32072
32114
  for (var e = 1; e < arguments.length; e++) {
32073
32115
  var t = arguments[e];
32074
32116
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
32075
32117
  }
32076
32118
  return n;
32077
- }, _extends$14.apply(null, arguments);
32119
+ }, _extends$15.apply(null, arguments);
32078
32120
  }
32079
32121
  function SvgPlus(props) {
32080
- return /*#__PURE__*/createElement$1("svg", _extends$14({
32122
+ return /*#__PURE__*/createElement$1("svg", _extends$15({
32081
32123
  width: 20,
32082
32124
  height: 20,
32083
32125
  viewBox: "0 0 20.01 20.01",
32084
32126
  fill: "none",
32085
32127
  xmlns: "http://www.w3.org/2000/svg"
32086
- }, props), _path$12 || (_path$12 = /*#__PURE__*/createElement$1("path", {
32128
+ }, props), _path$13 || (_path$13 = /*#__PURE__*/createElement$1("path", {
32087
32129
  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",
32088
32130
  fill: "currentColor"
32089
32131
  })));
@@ -32351,7 +32393,7 @@ var validateUrl = function validateUrl(url) {
32351
32393
  }
32352
32394
  };
32353
32395
  var OGMetadata = function OGMetadata(_ref) {
32354
- var _metadata$og7, _metadata$og7$image, _metadata$og7$image$, _metadata$og9, _metadata$og9$favicon, _metadata$og13, _metadata$og14, _metadata$og15;
32396
+ var _metadata$og8, _metadata$og8$image, _metadata$og8$image$, _metadata$og0, _metadata$og0$favicon, _metadata$og14, _metadata$og15, _metadata$og16;
32355
32397
  var attachments = _ref.attachments,
32356
32398
  state = _ref.state,
32357
32399
  incoming = _ref.incoming,
@@ -32383,7 +32425,8 @@ var OGMetadata = function OGMetadata(_ref) {
32383
32425
  infoPadding = _ref$infoPadding === void 0 ? '0 8px' : _ref$infoPadding,
32384
32426
  ogContainerMargin = _ref.ogContainerMargin,
32385
32427
  _ref$target = _ref.target,
32386
- target = _ref$target === void 0 ? '_blank' : _ref$target;
32428
+ target = _ref$target === void 0 ? '_blank' : _ref$target,
32429
+ metadataGetSuccessCallback = _ref.metadataGetSuccessCallback;
32387
32430
  var dispatch = useDispatch();
32388
32431
  var oGMetadata = useSelector(function (state) {
32389
32432
  return state.MessageReducer.oGMetadata;
@@ -32398,7 +32441,7 @@ var OGMetadata = function OGMetadata(_ref) {
32398
32441
  });
32399
32442
  }, [attachments]);
32400
32443
  var metadata = useMemo(function () {
32401
- return oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url] || null;
32444
+ return (oGMetadata === null || oGMetadata === void 0 ? void 0 : oGMetadata[attachment === null || attachment === void 0 ? void 0 : attachment.url]) || null;
32402
32445
  }, [oGMetadata, attachment]);
32403
32446
  var _useState = useState(false),
32404
32447
  imageLoadError = _useState[0],
@@ -32446,10 +32489,39 @@ var OGMetadata = function OGMetadata(_ref) {
32446
32489
  };
32447
32490
  image.onerror = function () {
32448
32491
  try {
32492
+ var _metadata$og2, _metadata$og2$favicon;
32449
32493
  setImageLoadError(true);
32450
- return Promise.resolve(storeMetadata(url, _extends({}, metadata))).then(function () {
32451
- handleMetadata(_extends({}, metadata));
32452
- });
32494
+ var favicon = new Image();
32495
+ 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;
32496
+ if (favicon.src) {
32497
+ favicon.onload = function () {
32498
+ try {
32499
+ return Promise.resolve(storeMetadata(url, _extends({}, metadata, {
32500
+ faviconLoaded: true
32501
+ }))).then(function () {
32502
+ handleMetadata(_extends({}, metadata, {
32503
+ faviconLoaded: true
32504
+ }));
32505
+ });
32506
+ } catch (e) {
32507
+ return Promise.reject(e);
32508
+ }
32509
+ };
32510
+ favicon.onerror = function () {
32511
+ try {
32512
+ return Promise.resolve(storeMetadata(url, _extends({}, metadata, {
32513
+ faviconLoaded: false
32514
+ }))).then(function () {
32515
+ handleMetadata(_extends({}, metadata, {
32516
+ faviconLoaded: false
32517
+ }));
32518
+ });
32519
+ } catch (e) {
32520
+ return Promise.reject(e);
32521
+ }
32522
+ };
32523
+ }
32524
+ return Promise.resolve();
32453
32525
  } catch (e) {
32454
32526
  return Promise.reject(e);
32455
32527
  }
@@ -32507,8 +32579,8 @@ var OGMetadata = function OGMetadata(_ref) {
32507
32579
  return url;
32508
32580
  }, [attachment]);
32509
32581
  var showOGMetadata = useMemo(function () {
32510
- var _metadata$og2, _metadata$og3, _metadata$og4, _metadata$og4$image, _metadata$og4$image$, _metadata$og5, _metadata$og5$favicon;
32511
- 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;
32582
+ var _metadata$og3, _metadata$og4, _metadata$og5, _metadata$og5$image, _metadata$og5$image$, _metadata$og6, _metadata$og6$favicon;
32583
+ 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;
32512
32584
  }, [state, metadata]);
32513
32585
  var calculatedImageHeight = useMemo(function () {
32514
32586
  if (!(metadata !== null && metadata !== void 0 && metadata.imageWidth) || !(metadata !== null && metadata !== void 0 && metadata.imageHeight)) {
@@ -32517,13 +32589,13 @@ var OGMetadata = function OGMetadata(_ref) {
32517
32589
  return (metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight) / ((metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth) / maxWidth);
32518
32590
  }, [metadata === null || metadata === void 0 ? void 0 : metadata.imageWidth, metadata === null || metadata === void 0 ? void 0 : metadata.imageHeight, maxWidth]);
32519
32591
  var hasImage = useMemo(function () {
32520
- var _metadata$og6, _metadata$og6$image, _metadata$og6$image$;
32521
- 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;
32522
- }, [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]);
32592
+ var _metadata$og7, _metadata$og7$image, _metadata$og7$image$;
32593
+ 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;
32594
+ }, [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]);
32523
32595
  var faviconUrl = useMemo(function () {
32524
- var _metadata$og8, _metadata$og8$favicon;
32525
- 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;
32526
- }, [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]);
32596
+ var _metadata$og9, _metadata$og9$favicon;
32597
+ 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 : '';
32598
+ }, [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]);
32527
32599
  var resolvedOrder = useMemo(function () {
32528
32600
  return order || {
32529
32601
  image: 1,
@@ -32532,8 +32604,13 @@ var OGMetadata = function OGMetadata(_ref) {
32532
32604
  link: 4
32533
32605
  };
32534
32606
  }, [order]);
32607
+ useEffect(function () {
32608
+ if (metadata && metadataGetSuccessCallback && hasImage) {
32609
+ metadataGetSuccessCallback(true);
32610
+ }
32611
+ }, [metadata, metadataGetSuccessCallback]);
32535
32612
  var elements = useMemo(function () {
32536
- 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;
32613
+ 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;
32537
32614
  return [hasImage ? {
32538
32615
  key: 'image',
32539
32616
  order: (_resolvedOrder$image = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.image) != null ? _resolvedOrder$image : 1,
@@ -32545,27 +32622,27 @@ var OGMetadata = function OGMetadata(_ref) {
32545
32622
  maxWidth: maxWidth,
32546
32623
  maxHeight: maxHeight || calculatedImageHeight
32547
32624
  }, /*#__PURE__*/React__default.createElement(Img, {
32548
- 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,
32625
+ 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,
32549
32626
  alt: 'OG image',
32550
32627
  shouldAnimate: shouldAnimate
32551
32628
  })))
32552
32629
  } : null, {
32553
32630
  key: 'title',
32554
32631
  order: (_resolvedOrder$title = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.title) != null ? _resolvedOrder$title : 2,
32555
- 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, {
32632
+ 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, {
32556
32633
  maxWidth: maxWidth,
32557
32634
  shouldAnimate: shouldAnimate,
32558
32635
  padding: infoPadding
32559
- }, /*#__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)))
32636
+ }, /*#__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)))
32560
32637
  }, {
32561
32638
  key: 'description',
32562
32639
  order: (_resolvedOrder$descri = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.description) != null ? _resolvedOrder$descri : 3,
32563
- 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, {
32640
+ 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, {
32564
32641
  maxWidth: maxWidth,
32565
32642
  shouldAnimate: shouldAnimate,
32566
32643
  color: textSecondary,
32567
32644
  padding: infoPadding
32568
- }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og12 = metadata.og) === null || _metadata$og12 === void 0 ? void 0 : _metadata$og12.description))
32645
+ }, metadata === null || metadata === void 0 ? void 0 : (_metadata$og13 = metadata.og) === null || _metadata$og13 === void 0 ? void 0 : _metadata$og13.description))
32569
32646
  }, {
32570
32647
  key: 'link',
32571
32648
  order: (_resolvedOrder$link = resolvedOrder === null || resolvedOrder === void 0 ? void 0 : resolvedOrder.link) != null ? _resolvedOrder$link : 4,
@@ -32580,7 +32657,7 @@ var OGMetadata = function OGMetadata(_ref) {
32580
32657
  var _a$order, _b$order;
32581
32658
  return ((_a$order = a.order) != null ? _a$order : 0) - ((_b$order = b.order) != null ? _b$order : 0);
32582
32659
  });
32583
- }, [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]);
32660
+ }, [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]);
32584
32661
  var textContent = useMemo(function () {
32585
32662
  return /*#__PURE__*/React__default.createElement(OGText, {
32586
32663
  shouldAnimate: shouldAnimate,
@@ -32601,7 +32678,7 @@ var OGMetadata = function OGMetadata(_ref) {
32601
32678
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
32602
32679
  key: el.key
32603
32680
  }, el.render);
32604
- }))) : ogShowFavicon && faviconUrl ? (/*#__PURE__*/React__default.createElement(OGRow, null, /*#__PURE__*/React__default.createElement(OGTextWrapper, null, textContent), /*#__PURE__*/React__default.createElement(FaviconContainer, {
32681
+ }))) : faviconUrl ? (/*#__PURE__*/React__default.createElement(OGRow, null, /*#__PURE__*/React__default.createElement(OGTextWrapper, null, textContent), /*#__PURE__*/React__default.createElement(FaviconContainer, {
32605
32682
  "aria-hidden": 'true'
32606
32683
  }, /*#__PURE__*/React__default.createElement(FaviconImg, {
32607
32684
  src: faviconUrl,
@@ -34181,8 +34258,8 @@ var Message$1 = function Message(_ref) {
34181
34258
  }
34182
34259
  };
34183
34260
  var unsupportedMessage = useMemo(function () {
34184
- return message.type !== MESSAGE_TYPE.SYSTEM && message.type !== MESSAGE_TYPE.POLL && message.type !== MESSAGE_TYPE.FILE && message.type !== MESSAGE_TYPE.LINK && message.type !== MESSAGE_TYPE.MEDIA && message.type !== MESSAGE_TYPE.TEXT;
34185
- }, [message.type]);
34261
+ return isMessageUnsupported(message);
34262
+ }, [message]);
34186
34263
  return /*#__PURE__*/React__default.createElement(MessageItem, {
34187
34264
  className: 'message_item',
34188
34265
  rtl: ownMessageOnRightSide && !message.incoming,
@@ -36421,24 +36498,24 @@ var MemberName$2 = styled.h3(_templateObject5$n || (_templateObject5$n = _tagged
36421
36498
  return props.color;
36422
36499
  });
36423
36500
 
36424
- var _path$13;
36425
- function _extends$15() {
36426
- return _extends$15 = Object.assign ? Object.assign.bind() : function (n) {
36501
+ var _path$14;
36502
+ function _extends$16() {
36503
+ return _extends$16 = Object.assign ? Object.assign.bind() : function (n) {
36427
36504
  for (var e = 1; e < arguments.length; e++) {
36428
36505
  var t = arguments[e];
36429
36506
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36430
36507
  }
36431
36508
  return n;
36432
- }, _extends$15.apply(null, arguments);
36509
+ }, _extends$16.apply(null, arguments);
36433
36510
  }
36434
36511
  function SvgBold(props) {
36435
- return /*#__PURE__*/createElement$1("svg", _extends$15({
36512
+ return /*#__PURE__*/createElement$1("svg", _extends$16({
36436
36513
  width: 18,
36437
36514
  height: 18,
36438
36515
  viewBox: "0 0 18.01 18.01",
36439
36516
  fill: "none",
36440
36517
  xmlns: "http://www.w3.org/2000/svg"
36441
- }, props), _path$13 || (_path$13 = /*#__PURE__*/createElement$1("path", {
36518
+ }, props), _path$14 || (_path$14 = /*#__PURE__*/createElement$1("path", {
36442
36519
  fillRule: "evenodd",
36443
36520
  clipRule: "evenodd",
36444
36521
  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",
@@ -36446,24 +36523,24 @@ function SvgBold(props) {
36446
36523
  })));
36447
36524
  }
36448
36525
 
36449
- var _path$14;
36450
- function _extends$16() {
36451
- return _extends$16 = Object.assign ? Object.assign.bind() : function (n) {
36526
+ var _path$15;
36527
+ function _extends$17() {
36528
+ return _extends$17 = Object.assign ? Object.assign.bind() : function (n) {
36452
36529
  for (var e = 1; e < arguments.length; e++) {
36453
36530
  var t = arguments[e];
36454
36531
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36455
36532
  }
36456
36533
  return n;
36457
- }, _extends$16.apply(null, arguments);
36534
+ }, _extends$17.apply(null, arguments);
36458
36535
  }
36459
36536
  function SvgItalic(props) {
36460
- return /*#__PURE__*/createElement$1("svg", _extends$16({
36537
+ return /*#__PURE__*/createElement$1("svg", _extends$17({
36461
36538
  width: 18,
36462
36539
  height: 18,
36463
36540
  viewBox: "0 0 18.01 18.01",
36464
36541
  fill: "none",
36465
36542
  xmlns: "http://www.w3.org/2000/svg"
36466
- }, props), _path$14 || (_path$14 = /*#__PURE__*/createElement$1("path", {
36543
+ }, props), _path$15 || (_path$15 = /*#__PURE__*/createElement$1("path", {
36467
36544
  fillRule: "evenodd",
36468
36545
  clipRule: "evenodd",
36469
36546
  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",
@@ -36472,17 +36549,17 @@ function SvgItalic(props) {
36472
36549
  }
36473
36550
 
36474
36551
  var _g$1;
36475
- function _extends$17() {
36476
- return _extends$17 = Object.assign ? Object.assign.bind() : function (n) {
36552
+ function _extends$18() {
36553
+ return _extends$18 = Object.assign ? Object.assign.bind() : function (n) {
36477
36554
  for (var e = 1; e < arguments.length; e++) {
36478
36555
  var t = arguments[e];
36479
36556
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36480
36557
  }
36481
36558
  return n;
36482
- }, _extends$17.apply(null, arguments);
36559
+ }, _extends$18.apply(null, arguments);
36483
36560
  }
36484
36561
  function SvgStrikethrough(props) {
36485
- return /*#__PURE__*/createElement$1("svg", _extends$17({
36562
+ return /*#__PURE__*/createElement$1("svg", _extends$18({
36486
36563
  width: 18,
36487
36564
  height: 18,
36488
36565
  viewBox: "0 0 18.01 18.01",
@@ -36499,41 +36576,41 @@ function SvgStrikethrough(props) {
36499
36576
  }))));
36500
36577
  }
36501
36578
 
36502
- var _path$15;
36503
- function _extends$18() {
36504
- return _extends$18 = Object.assign ? Object.assign.bind() : function (n) {
36579
+ var _path$16;
36580
+ function _extends$19() {
36581
+ return _extends$19 = Object.assign ? Object.assign.bind() : function (n) {
36505
36582
  for (var e = 1; e < arguments.length; e++) {
36506
36583
  var t = arguments[e];
36507
36584
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36508
36585
  }
36509
36586
  return n;
36510
- }, _extends$18.apply(null, arguments);
36587
+ }, _extends$19.apply(null, arguments);
36511
36588
  }
36512
36589
  function SvgMono(props) {
36513
- return /*#__PURE__*/createElement$1("svg", _extends$18({
36590
+ return /*#__PURE__*/createElement$1("svg", _extends$19({
36514
36591
  width: 18,
36515
36592
  height: 18,
36516
36593
  viewBox: "0 0 18.01 18.01",
36517
36594
  fill: "none",
36518
36595
  xmlns: "http://www.w3.org/2000/svg"
36519
- }, props), _path$15 || (_path$15 = /*#__PURE__*/createElement$1("path", {
36596
+ }, props), _path$16 || (_path$16 = /*#__PURE__*/createElement$1("path", {
36520
36597
  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",
36521
36598
  fill: "CurrentColor"
36522
36599
  })));
36523
36600
  }
36524
36601
 
36525
36602
  var _g$2;
36526
- function _extends$19() {
36527
- return _extends$19 = Object.assign ? Object.assign.bind() : function (n) {
36603
+ function _extends$1a() {
36604
+ return _extends$1a = Object.assign ? Object.assign.bind() : function (n) {
36528
36605
  for (var e = 1; e < arguments.length; e++) {
36529
36606
  var t = arguments[e];
36530
36607
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36531
36608
  }
36532
36609
  return n;
36533
- }, _extends$19.apply(null, arguments);
36610
+ }, _extends$1a.apply(null, arguments);
36534
36611
  }
36535
36612
  function SvgUnderline(props) {
36536
- return /*#__PURE__*/createElement$1("svg", _extends$19({
36613
+ return /*#__PURE__*/createElement$1("svg", _extends$1a({
36537
36614
  width: 18,
36538
36615
  height: 18,
36539
36616
  viewBox: "0 0 18.01 18.01",
@@ -37495,18 +37572,18 @@ var Emoji$1 = styled.li(_templateObject8$h || (_templateObject8$h = _taggedTempl
37495
37572
 
37496
37573
  var CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
37497
37574
 
37498
- var _circle$6, _path$16;
37499
- function _extends$1a() {
37500
- return _extends$1a = Object.assign ? Object.assign.bind() : function (n) {
37575
+ var _circle$6, _path$17;
37576
+ function _extends$1b() {
37577
+ return _extends$1b = Object.assign ? Object.assign.bind() : function (n) {
37501
37578
  for (var e = 1; e < arguments.length; e++) {
37502
37579
  var t = arguments[e];
37503
37580
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37504
37581
  }
37505
37582
  return n;
37506
- }, _extends$1a.apply(null, arguments);
37583
+ }, _extends$1b.apply(null, arguments);
37507
37584
  }
37508
37585
  function SvgSend(props) {
37509
- return /*#__PURE__*/createElement$1("svg", _extends$1a({
37586
+ return /*#__PURE__*/createElement$1("svg", _extends$1b({
37510
37587
  width: 32,
37511
37588
  height: 32,
37512
37589
  fill: "none",
@@ -37516,142 +37593,142 @@ function SvgSend(props) {
37516
37593
  cy: 16,
37517
37594
  r: 16,
37518
37595
  fill: "currentColor"
37519
- })), _path$16 || (_path$16 = /*#__PURE__*/createElement$1("path", {
37596
+ })), _path$17 || (_path$17 = /*#__PURE__*/createElement$1("path", {
37520
37597
  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",
37521
37598
  fill: "#fff"
37522
37599
  })));
37523
37600
  }
37524
37601
 
37525
- var _path$17;
37526
- function _extends$1b() {
37527
- return _extends$1b = Object.assign ? Object.assign.bind() : function (n) {
37602
+ var _path$18;
37603
+ function _extends$1c() {
37604
+ return _extends$1c = Object.assign ? Object.assign.bind() : function (n) {
37528
37605
  for (var e = 1; e < arguments.length; e++) {
37529
37606
  var t = arguments[e];
37530
37607
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37531
37608
  }
37532
37609
  return n;
37533
- }, _extends$1b.apply(null, arguments);
37610
+ }, _extends$1c.apply(null, arguments);
37534
37611
  }
37535
37612
  function SvgEye(props) {
37536
- return /*#__PURE__*/createElement$1("svg", _extends$1b({
37613
+ return /*#__PURE__*/createElement$1("svg", _extends$1c({
37537
37614
  width: 25,
37538
37615
  height: 24,
37539
37616
  fill: "none",
37540
37617
  xmlns: "http://www.w3.org/2000/svg"
37541
- }, props), _path$17 || (_path$17 = /*#__PURE__*/createElement$1("path", {
37618
+ }, props), _path$18 || (_path$18 = /*#__PURE__*/createElement$1("path", {
37542
37619
  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",
37543
37620
  fill: "CurrentColor"
37544
37621
  })));
37545
37622
  }
37546
37623
 
37547
- var _path$18;
37548
- function _extends$1c() {
37549
- return _extends$1c = Object.assign ? Object.assign.bind() : function (n) {
37624
+ var _path$19;
37625
+ function _extends$1d() {
37626
+ return _extends$1d = Object.assign ? Object.assign.bind() : function (n) {
37550
37627
  for (var e = 1; e < arguments.length; e++) {
37551
37628
  var t = arguments[e];
37552
37629
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37553
37630
  }
37554
37631
  return n;
37555
- }, _extends$1c.apply(null, arguments);
37632
+ }, _extends$1d.apply(null, arguments);
37556
37633
  }
37557
37634
  function SvgAddAttachment(props) {
37558
- return /*#__PURE__*/createElement$1("svg", _extends$1c({
37635
+ return /*#__PURE__*/createElement$1("svg", _extends$1d({
37559
37636
  width: 24,
37560
37637
  height: 24,
37561
37638
  viewBox: "0 0 24.01 24.01",
37562
37639
  fill: "none",
37563
37640
  xmlns: "http://www.w3.org/2000/svg"
37564
- }, props), _path$18 || (_path$18 = /*#__PURE__*/createElement$1("path", {
37641
+ }, props), _path$19 || (_path$19 = /*#__PURE__*/createElement$1("path", {
37565
37642
  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",
37566
37643
  fill: "CurrentColor"
37567
37644
  })));
37568
37645
  }
37569
37646
 
37570
- var _path$19;
37571
- function _extends$1d() {
37572
- return _extends$1d = Object.assign ? Object.assign.bind() : function (n) {
37647
+ var _path$1a;
37648
+ function _extends$1e() {
37649
+ return _extends$1e = Object.assign ? Object.assign.bind() : function (n) {
37573
37650
  for (var e = 1; e < arguments.length; e++) {
37574
37651
  var t = arguments[e];
37575
37652
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37576
37653
  }
37577
37654
  return n;
37578
- }, _extends$1d.apply(null, arguments);
37655
+ }, _extends$1e.apply(null, arguments);
37579
37656
  }
37580
37657
  function SvgErrorCircle(props) {
37581
- return /*#__PURE__*/createElement$1("svg", _extends$1d({
37658
+ return /*#__PURE__*/createElement$1("svg", _extends$1e({
37582
37659
  width: 25,
37583
37660
  height: 24,
37584
37661
  fill: "none",
37585
37662
  xmlns: "http://www.w3.org/2000/svg"
37586
- }, props), _path$19 || (_path$19 = /*#__PURE__*/createElement$1("path", {
37663
+ }, props), _path$1a || (_path$1a = /*#__PURE__*/createElement$1("path", {
37587
37664
  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",
37588
37665
  fill: "#FFB73D"
37589
37666
  })));
37590
37667
  }
37591
37668
 
37592
- var _path$1a;
37593
- function _extends$1e() {
37594
- return _extends$1e = Object.assign ? Object.assign.bind() : function (n) {
37669
+ var _path$1b;
37670
+ function _extends$1f() {
37671
+ return _extends$1f = Object.assign ? Object.assign.bind() : function (n) {
37595
37672
  for (var e = 1; e < arguments.length; e++) {
37596
37673
  var t = arguments[e];
37597
37674
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37598
37675
  }
37599
37676
  return n;
37600
- }, _extends$1e.apply(null, arguments);
37677
+ }, _extends$1f.apply(null, arguments);
37601
37678
  }
37602
37679
  function SvgPlayRecord(props) {
37603
- return /*#__PURE__*/createElement$1("svg", _extends$1e({
37680
+ return /*#__PURE__*/createElement$1("svg", _extends$1f({
37604
37681
  width: 20,
37605
37682
  height: 20,
37606
37683
  viewBox: "0 0 20.01 20.01",
37607
37684
  fill: "none",
37608
37685
  xmlns: "http://www.w3.org/2000/svg"
37609
- }, props), _path$1a || (_path$1a = /*#__PURE__*/createElement$1("path", {
37686
+ }, props), _path$1b || (_path$1b = /*#__PURE__*/createElement$1("path", {
37610
37687
  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",
37611
37688
  fill: "CurrentColor"
37612
37689
  })));
37613
37690
  }
37614
37691
 
37615
- var _path$1b;
37616
- function _extends$1f() {
37617
- return _extends$1f = Object.assign ? Object.assign.bind() : function (n) {
37692
+ var _path$1c;
37693
+ function _extends$1g() {
37694
+ return _extends$1g = Object.assign ? Object.assign.bind() : function (n) {
37618
37695
  for (var e = 1; e < arguments.length; e++) {
37619
37696
  var t = arguments[e];
37620
37697
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37621
37698
  }
37622
37699
  return n;
37623
- }, _extends$1f.apply(null, arguments);
37700
+ }, _extends$1g.apply(null, arguments);
37624
37701
  }
37625
37702
  function SvgPauseRecord(props) {
37626
- return /*#__PURE__*/createElement$1("svg", _extends$1f({
37703
+ return /*#__PURE__*/createElement$1("svg", _extends$1g({
37627
37704
  width: 20,
37628
37705
  height: 20,
37629
37706
  viewBox: "0 0 20.01 20.01",
37630
37707
  fill: "none",
37631
37708
  xmlns: "http://www.w3.org/2000/svg"
37632
- }, props), _path$1b || (_path$1b = /*#__PURE__*/createElement$1("path", {
37709
+ }, props), _path$1c || (_path$1c = /*#__PURE__*/createElement$1("path", {
37633
37710
  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",
37634
37711
  fill: "CurrentColor"
37635
37712
  })));
37636
37713
  }
37637
37714
 
37638
- var _path$1c;
37639
- function _extends$1g() {
37640
- return _extends$1g = Object.assign ? Object.assign.bind() : function (n) {
37715
+ var _path$1d;
37716
+ function _extends$1h() {
37717
+ return _extends$1h = Object.assign ? Object.assign.bind() : function (n) {
37641
37718
  for (var e = 1; e < arguments.length; e++) {
37642
37719
  var t = arguments[e];
37643
37720
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37644
37721
  }
37645
37722
  return n;
37646
- }, _extends$1g.apply(null, arguments);
37723
+ }, _extends$1h.apply(null, arguments);
37647
37724
  }
37648
37725
  function SvgStopRecord(props) {
37649
- return /*#__PURE__*/createElement$1("svg", _extends$1g({
37726
+ return /*#__PURE__*/createElement$1("svg", _extends$1h({
37650
37727
  width: 20,
37651
37728
  height: 20,
37652
37729
  fill: "none",
37653
37730
  xmlns: "http://www.w3.org/2000/svg"
37654
- }, props), _path$1c || (_path$1c = /*#__PURE__*/createElement$1("path", {
37731
+ }, props), _path$1d || (_path$1d = /*#__PURE__*/createElement$1("path", {
37655
37732
  fillRule: "evenodd",
37656
37733
  clipRule: "evenodd",
37657
37734
  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",
@@ -37659,18 +37736,18 @@ function SvgStopRecord(props) {
37659
37736
  })));
37660
37737
  }
37661
37738
 
37662
- var _circle$7, _path$1d, _path2$6;
37663
- function _extends$1h() {
37664
- return _extends$1h = Object.assign ? Object.assign.bind() : function (n) {
37739
+ var _circle$7, _path$1e, _path2$7;
37740
+ function _extends$1i() {
37741
+ return _extends$1i = Object.assign ? Object.assign.bind() : function (n) {
37665
37742
  for (var e = 1; e < arguments.length; e++) {
37666
37743
  var t = arguments[e];
37667
37744
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37668
37745
  }
37669
37746
  return n;
37670
- }, _extends$1h.apply(null, arguments);
37747
+ }, _extends$1i.apply(null, arguments);
37671
37748
  }
37672
37749
  function SvgRecordButton(props) {
37673
- return /*#__PURE__*/createElement$1("svg", _extends$1h({
37750
+ return /*#__PURE__*/createElement$1("svg", _extends$1i({
37674
37751
  width: 32,
37675
37752
  height: 32,
37676
37753
  viewBox: "0 0 32.01 32.01",
@@ -37681,10 +37758,10 @@ function SvgRecordButton(props) {
37681
37758
  cy: 16,
37682
37759
  r: 16,
37683
37760
  fill: "CurrentColor"
37684
- })), _path$1d || (_path$1d = /*#__PURE__*/createElement$1("path", {
37761
+ })), _path$1e || (_path$1e = /*#__PURE__*/createElement$1("path", {
37685
37762
  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",
37686
37763
  fill: "#fff"
37687
- })), _path2$6 || (_path2$6 = /*#__PURE__*/createElement$1("path", {
37764
+ })), _path2$7 || (_path2$7 = /*#__PURE__*/createElement$1("path", {
37688
37765
  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",
37689
37766
  fill: "#fff"
37690
37767
  })));
@@ -40121,23 +40198,23 @@ var copyToClipboard = function copyToClipboard(text) {
40121
40198
  }
40122
40199
  };
40123
40200
 
40124
- var _path$1e;
40125
- function _extends$1i() {
40126
- return _extends$1i = Object.assign ? Object.assign.bind() : function (n) {
40201
+ var _path$1f;
40202
+ function _extends$1j() {
40203
+ return _extends$1j = Object.assign ? Object.assign.bind() : function (n) {
40127
40204
  for (var e = 1; e < arguments.length; e++) {
40128
40205
  var t = arguments[e];
40129
40206
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40130
40207
  }
40131
40208
  return n;
40132
- }, _extends$1i.apply(null, arguments);
40209
+ }, _extends$1j.apply(null, arguments);
40133
40210
  }
40134
40211
  function SvgBottom(props) {
40135
- return /*#__PURE__*/createElement$1("svg", _extends$1i({
40212
+ return /*#__PURE__*/createElement$1("svg", _extends$1j({
40136
40213
  width: 12,
40137
40214
  height: 7,
40138
40215
  fill: "none",
40139
40216
  xmlns: "http://www.w3.org/2000/svg"
40140
- }, props), _path$1e || (_path$1e = /*#__PURE__*/createElement$1("path", {
40217
+ }, props), _path$1f || (_path$1f = /*#__PURE__*/createElement$1("path", {
40141
40218
  d: "M1.5 1.5l4.5 4 4.5-4",
40142
40219
  stroke: "#676A7C",
40143
40220
  strokeWidth: 1.4,
@@ -40146,50 +40223,50 @@ function SvgBottom(props) {
40146
40223
  })));
40147
40224
  }
40148
40225
 
40149
- var _path$1f, _path2$7;
40150
- function _extends$1j() {
40151
- return _extends$1j = Object.assign ? Object.assign.bind() : function (n) {
40226
+ var _path$1g, _path2$8;
40227
+ function _extends$1k() {
40228
+ return _extends$1k = Object.assign ? Object.assign.bind() : function (n) {
40152
40229
  for (var e = 1; e < arguments.length; e++) {
40153
40230
  var t = arguments[e];
40154
40231
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40155
40232
  }
40156
40233
  return n;
40157
- }, _extends$1j.apply(null, arguments);
40234
+ }, _extends$1k.apply(null, arguments);
40158
40235
  }
40159
40236
  function SvgMarkAsUnRead(props) {
40160
- return /*#__PURE__*/createElement$1("svg", _extends$1j({
40237
+ return /*#__PURE__*/createElement$1("svg", _extends$1k({
40161
40238
  width: 20,
40162
40239
  height: 20,
40163
40240
  viewBox: "0 0 20.01 20.01",
40164
40241
  fill: "none",
40165
40242
  xmlns: "http://www.w3.org/2000/svg"
40166
- }, props), _path$1f || (_path$1f = /*#__PURE__*/createElement$1("path", {
40243
+ }, props), _path$1g || (_path$1g = /*#__PURE__*/createElement$1("path", {
40167
40244
  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",
40168
40245
  fill: "currentColor"
40169
- })), _path2$7 || (_path2$7 = /*#__PURE__*/createElement$1("path", {
40246
+ })), _path2$8 || (_path2$8 = /*#__PURE__*/createElement$1("path", {
40170
40247
  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",
40171
40248
  fill: "currentColor"
40172
40249
  })));
40173
40250
  }
40174
40251
 
40175
- var _path$1g;
40176
- function _extends$1k() {
40177
- return _extends$1k = Object.assign ? Object.assign.bind() : function (n) {
40252
+ var _path$1h;
40253
+ function _extends$1l() {
40254
+ return _extends$1l = Object.assign ? Object.assign.bind() : function (n) {
40178
40255
  for (var e = 1; e < arguments.length; e++) {
40179
40256
  var t = arguments[e];
40180
40257
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40181
40258
  }
40182
40259
  return n;
40183
- }, _extends$1k.apply(null, arguments);
40260
+ }, _extends$1l.apply(null, arguments);
40184
40261
  }
40185
40262
  function SvgMarkAsRead(props) {
40186
- return /*#__PURE__*/createElement$1("svg", _extends$1k({
40263
+ return /*#__PURE__*/createElement$1("svg", _extends$1l({
40187
40264
  width: 20,
40188
40265
  height: 20,
40189
40266
  viewBox: "0 0 20.01 20.01",
40190
40267
  fill: "none",
40191
40268
  xmlns: "http://www.w3.org/2000/svg"
40192
- }, props), _path$1g || (_path$1g = /*#__PURE__*/createElement$1("path", {
40269
+ }, props), _path$1h || (_path$1h = /*#__PURE__*/createElement$1("path", {
40193
40270
  fillRule: "evenodd",
40194
40271
  clipRule: "evenodd",
40195
40272
  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",
@@ -40197,23 +40274,23 @@ function SvgMarkAsRead(props) {
40197
40274
  })));
40198
40275
  }
40199
40276
 
40200
- var _path$1h;
40201
- function _extends$1l() {
40202
- return _extends$1l = Object.assign ? Object.assign.bind() : function (n) {
40277
+ var _path$1i;
40278
+ function _extends$1m() {
40279
+ return _extends$1m = Object.assign ? Object.assign.bind() : function (n) {
40203
40280
  for (var e = 1; e < arguments.length; e++) {
40204
40281
  var t = arguments[e];
40205
40282
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40206
40283
  }
40207
40284
  return n;
40208
- }, _extends$1l.apply(null, arguments);
40285
+ }, _extends$1m.apply(null, arguments);
40209
40286
  }
40210
40287
  function SvgClear(props) {
40211
- return /*#__PURE__*/createElement$1("svg", _extends$1l({
40288
+ return /*#__PURE__*/createElement$1("svg", _extends$1m({
40212
40289
  width: 20,
40213
40290
  height: 21,
40214
40291
  fill: "none",
40215
40292
  xmlns: "http://www.w3.org/2000/svg"
40216
- }, props), _path$1h || (_path$1h = /*#__PURE__*/createElement$1("path", {
40293
+ }, props), _path$1i || (_path$1i = /*#__PURE__*/createElement$1("path", {
40217
40294
  fillRule: "evenodd",
40218
40295
  clipRule: "evenodd",
40219
40296
  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",
@@ -40221,49 +40298,49 @@ function SvgClear(props) {
40221
40298
  })));
40222
40299
  }
40223
40300
 
40224
- var _path$1i;
40225
- function _extends$1m() {
40226
- return _extends$1m = Object.assign ? Object.assign.bind() : function (n) {
40301
+ var _path$1j;
40302
+ function _extends$1n() {
40303
+ return _extends$1n = Object.assign ? Object.assign.bind() : function (n) {
40227
40304
  for (var e = 1; e < arguments.length; e++) {
40228
40305
  var t = arguments[e];
40229
40306
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40230
40307
  }
40231
40308
  return n;
40232
- }, _extends$1m.apply(null, arguments);
40309
+ }, _extends$1n.apply(null, arguments);
40233
40310
  }
40234
40311
  function SvgBlockChannel(props) {
40235
- return /*#__PURE__*/createElement$1("svg", _extends$1m({
40312
+ return /*#__PURE__*/createElement$1("svg", _extends$1n({
40236
40313
  width: 20,
40237
40314
  height: 21,
40238
40315
  viewBox: "0 0 20.01 21.01",
40239
40316
  fill: "none",
40240
40317
  xmlns: "http://www.w3.org/2000/svg"
40241
- }, props), _path$1i || (_path$1i = /*#__PURE__*/createElement$1("path", {
40318
+ }, props), _path$1j || (_path$1j = /*#__PURE__*/createElement$1("path", {
40242
40319
  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",
40243
40320
  fill: "CurrentColor"
40244
40321
  })));
40245
40322
  }
40246
40323
 
40247
- var _path$1j, _path2$8;
40248
- function _extends$1n() {
40249
- return _extends$1n = Object.assign ? Object.assign.bind() : function (n) {
40324
+ var _path$1k, _path2$9;
40325
+ function _extends$1o() {
40326
+ return _extends$1o = Object.assign ? Object.assign.bind() : function (n) {
40250
40327
  for (var e = 1; e < arguments.length; e++) {
40251
40328
  var t = arguments[e];
40252
40329
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40253
40330
  }
40254
40331
  return n;
40255
- }, _extends$1n.apply(null, arguments);
40332
+ }, _extends$1o.apply(null, arguments);
40256
40333
  }
40257
40334
  function SvgReport(props) {
40258
- return /*#__PURE__*/createElement$1("svg", _extends$1n({
40335
+ return /*#__PURE__*/createElement$1("svg", _extends$1o({
40259
40336
  width: 20,
40260
40337
  height: 21,
40261
40338
  fill: "none",
40262
40339
  xmlns: "http://www.w3.org/2000/svg"
40263
- }, props), _path$1j || (_path$1j = /*#__PURE__*/createElement$1("path", {
40340
+ }, props), _path$1k || (_path$1k = /*#__PURE__*/createElement$1("path", {
40264
40341
  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",
40265
40342
  fill: "CurrentColor"
40266
- })), _path2$8 || (_path2$8 = /*#__PURE__*/createElement$1("path", {
40343
+ })), _path2$9 || (_path2$9 = /*#__PURE__*/createElement$1("path", {
40267
40344
  fillRule: "evenodd",
40268
40345
  clipRule: "evenodd",
40269
40346
  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",
@@ -40271,46 +40348,46 @@ function SvgReport(props) {
40271
40348
  })));
40272
40349
  }
40273
40350
 
40274
- var _path$1k;
40275
- function _extends$1o() {
40276
- return _extends$1o = Object.assign ? Object.assign.bind() : function (n) {
40351
+ var _path$1l;
40352
+ function _extends$1p() {
40353
+ return _extends$1p = Object.assign ? Object.assign.bind() : function (n) {
40277
40354
  for (var e = 1; e < arguments.length; e++) {
40278
40355
  var t = arguments[e];
40279
40356
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40280
40357
  }
40281
40358
  return n;
40282
- }, _extends$1o.apply(null, arguments);
40359
+ }, _extends$1p.apply(null, arguments);
40283
40360
  }
40284
40361
  function SvgStar(props) {
40285
- return /*#__PURE__*/createElement$1("svg", _extends$1o({
40362
+ return /*#__PURE__*/createElement$1("svg", _extends$1p({
40286
40363
  width: 20,
40287
40364
  height: 20,
40288
40365
  fill: "none",
40289
40366
  xmlns: "http://www.w3.org/2000/svg"
40290
- }, props), _path$1k || (_path$1k = /*#__PURE__*/createElement$1("path", {
40367
+ }, props), _path$1l || (_path$1l = /*#__PURE__*/createElement$1("path", {
40291
40368
  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",
40292
40369
  fill: "#B2B6BE"
40293
40370
  })));
40294
40371
  }
40295
40372
 
40296
- var _path$1l;
40297
- function _extends$1p() {
40298
- return _extends$1p = Object.assign ? Object.assign.bind() : function (n) {
40373
+ var _path$1m;
40374
+ function _extends$1q() {
40375
+ return _extends$1q = Object.assign ? Object.assign.bind() : function (n) {
40299
40376
  for (var e = 1; e < arguments.length; e++) {
40300
40377
  var t = arguments[e];
40301
40378
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40302
40379
  }
40303
40380
  return n;
40304
- }, _extends$1p.apply(null, arguments);
40381
+ }, _extends$1q.apply(null, arguments);
40305
40382
  }
40306
40383
  function SvgUnpin(props) {
40307
- return /*#__PURE__*/createElement$1("svg", _extends$1p({
40384
+ return /*#__PURE__*/createElement$1("svg", _extends$1q({
40308
40385
  width: 20,
40309
40386
  height: 21,
40310
40387
  viewBox: "0 0 20.01 21.01",
40311
40388
  fill: "none",
40312
40389
  xmlns: "http://www.w3.org/2000/svg"
40313
- }, props), _path$1l || (_path$1l = /*#__PURE__*/createElement$1("path", {
40390
+ }, props), _path$1m || (_path$1m = /*#__PURE__*/createElement$1("path", {
40314
40391
  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",
40315
40392
  fill: "CurrentColor"
40316
40393
  })));
@@ -40815,18 +40892,18 @@ var ActionItem = styled.li(_templateObject16$3 || (_templateObject16$3 = _tagged
40815
40892
  return props.hoverColor;
40816
40893
  });
40817
40894
 
40818
- var _rect$2, _rect2, _path$1m;
40819
- function _extends$1q() {
40820
- return _extends$1q = Object.assign ? Object.assign.bind() : function (n) {
40895
+ var _rect$2, _rect2, _path$1n;
40896
+ function _extends$1r() {
40897
+ return _extends$1r = Object.assign ? Object.assign.bind() : function (n) {
40821
40898
  for (var e = 1; e < arguments.length; e++) {
40822
40899
  var t = arguments[e];
40823
40900
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40824
40901
  }
40825
40902
  return n;
40826
- }, _extends$1q.apply(null, arguments);
40903
+ }, _extends$1r.apply(null, arguments);
40827
40904
  }
40828
40905
  function SvgAddMember(props) {
40829
- return /*#__PURE__*/createElement$1("svg", _extends$1q({
40906
+ return /*#__PURE__*/createElement$1("svg", _extends$1r({
40830
40907
  width: 40,
40831
40908
  height: 40,
40832
40909
  viewBox: "0 0 40.01 40.01",
@@ -40846,29 +40923,29 @@ function SvgAddMember(props) {
40846
40923
  stroke: "#000",
40847
40924
  strokeOpacity: 0.08,
40848
40925
  strokeWidth: 0.5
40849
- })), _path$1m || (_path$1m = /*#__PURE__*/createElement$1("path", {
40926
+ })), _path$1n || (_path$1n = /*#__PURE__*/createElement$1("path", {
40850
40927
  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",
40851
40928
  fill: "CurrentColor"
40852
40929
  })));
40853
40930
  }
40854
40931
 
40855
- var _path$1n;
40856
- function _extends$1r() {
40857
- return _extends$1r = Object.assign ? Object.assign.bind() : function (n) {
40932
+ var _path$1o;
40933
+ function _extends$1s() {
40934
+ return _extends$1s = Object.assign ? Object.assign.bind() : function (n) {
40858
40935
  for (var e = 1; e < arguments.length; e++) {
40859
40936
  var t = arguments[e];
40860
40937
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40861
40938
  }
40862
40939
  return n;
40863
- }, _extends$1r.apply(null, arguments);
40940
+ }, _extends$1s.apply(null, arguments);
40864
40941
  }
40865
40942
  function SvgMoreVert(props) {
40866
- return /*#__PURE__*/createElement$1("svg", _extends$1r({
40943
+ return /*#__PURE__*/createElement$1("svg", _extends$1s({
40867
40944
  width: 4,
40868
40945
  height: 14,
40869
40946
  fill: "none",
40870
40947
  xmlns: "http://www.w3.org/2000/svg"
40871
- }, props), _path$1n || (_path$1n = /*#__PURE__*/createElement$1("path", {
40948
+ }, props), _path$1o || (_path$1o = /*#__PURE__*/createElement$1("path", {
40872
40949
  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",
40873
40950
  fill: "#9B9DA8"
40874
40951
  })));
@@ -41935,18 +42012,18 @@ var Media = function Media(_ref) {
41935
42012
  var Container$n = styled.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"])));
41936
42013
  var MediaItem = styled.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"])));
41937
42014
 
41938
- var _rect$3, _path$1o;
41939
- function _extends$1s() {
41940
- return _extends$1s = Object.assign ? Object.assign.bind() : function (n) {
42015
+ var _rect$3, _path$1p;
42016
+ function _extends$1t() {
42017
+ return _extends$1t = Object.assign ? Object.assign.bind() : function (n) {
41941
42018
  for (var e = 1; e < arguments.length; e++) {
41942
42019
  var t = arguments[e];
41943
42020
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
41944
42021
  }
41945
42022
  return n;
41946
- }, _extends$1s.apply(null, arguments);
42023
+ }, _extends$1t.apply(null, arguments);
41947
42024
  }
41948
42025
  function SvgFileIcon$1(props) {
41949
- return /*#__PURE__*/createElement$1("svg", _extends$1s({
42026
+ return /*#__PURE__*/createElement$1("svg", _extends$1t({
41950
42027
  width: 40,
41951
42028
  height: 40,
41952
42029
  fill: "none",
@@ -41958,7 +42035,7 @@ function SvgFileIcon$1(props) {
41958
42035
  rx: 8,
41959
42036
  fill: "currentColor",
41960
42037
  fillOpacity: 0.2
41961
- })), _path$1o || (_path$1o = /*#__PURE__*/createElement$1("path", {
42038
+ })), _path$1p || (_path$1p = /*#__PURE__*/createElement$1("path", {
41962
42039
  fillRule: "evenodd",
41963
42040
  clipRule: "evenodd",
41964
42041
  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",
@@ -41966,23 +42043,23 @@ function SvgFileIcon$1(props) {
41966
42043
  })));
41967
42044
  }
41968
42045
 
41969
- var _path$1p;
41970
- function _extends$1t() {
41971
- return _extends$1t = Object.assign ? Object.assign.bind() : function (n) {
42046
+ var _path$1q;
42047
+ function _extends$1u() {
42048
+ return _extends$1u = Object.assign ? Object.assign.bind() : function (n) {
41972
42049
  for (var e = 1; e < arguments.length; e++) {
41973
42050
  var t = arguments[e];
41974
42051
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
41975
42052
  }
41976
42053
  return n;
41977
- }, _extends$1t.apply(null, arguments);
42054
+ }, _extends$1u.apply(null, arguments);
41978
42055
  }
41979
42056
  function SvgDownloadFile(props) {
41980
- return /*#__PURE__*/createElement$1("svg", _extends$1t({
42057
+ return /*#__PURE__*/createElement$1("svg", _extends$1u({
41981
42058
  width: 24,
41982
42059
  height: 24,
41983
42060
  xmlns: "http://www.w3.org/2000/svg",
41984
42061
  fill: "currentColor"
41985
- }, props), _path$1p || (_path$1p = /*#__PURE__*/createElement$1("path", {
42062
+ }, props), _path$1q || (_path$1q = /*#__PURE__*/createElement$1("path", {
41986
42063
  fillRule: "evenodd",
41987
42064
  clipRule: "evenodd",
41988
42065
  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"
@@ -42136,18 +42213,18 @@ var FileSizeAndDate = styled.span(_templateObject8$m || (_templateObject8$m = _t
42136
42213
  return props.color;
42137
42214
  });
42138
42215
 
42139
- var _rect$4, _path$1q;
42140
- function _extends$1u() {
42141
- return _extends$1u = Object.assign ? Object.assign.bind() : function (n) {
42216
+ var _rect$4, _path$1r;
42217
+ function _extends$1v() {
42218
+ return _extends$1v = Object.assign ? Object.assign.bind() : function (n) {
42142
42219
  for (var e = 1; e < arguments.length; e++) {
42143
42220
  var t = arguments[e];
42144
42221
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42145
42222
  }
42146
42223
  return n;
42147
- }, _extends$1u.apply(null, arguments);
42224
+ }, _extends$1v.apply(null, arguments);
42148
42225
  }
42149
42226
  function SvgLinkIcon(props) {
42150
- return /*#__PURE__*/createElement$1("svg", _extends$1u({
42227
+ return /*#__PURE__*/createElement$1("svg", _extends$1v({
42151
42228
  width: 40,
42152
42229
  height: 40,
42153
42230
  fill: "none",
@@ -42159,7 +42236,7 @@ function SvgLinkIcon(props) {
42159
42236
  rx: 8,
42160
42237
  fill: "currentColor",
42161
42238
  fillOpacity: 0.2
42162
- })), _path$1q || (_path$1q = /*#__PURE__*/createElement$1("path", {
42239
+ })), _path$1r || (_path$1r = /*#__PURE__*/createElement$1("path", {
42163
42240
  fillRule: "evenodd",
42164
42241
  clipRule: "evenodd",
42165
42242
  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",
@@ -42243,18 +42320,18 @@ var Links = function Links(_ref) {
42243
42320
  };
42244
42321
  var Container$p = styled.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"])));
42245
42322
 
42246
- var _rect$5, _path$1r;
42247
- function _extends$1v() {
42248
- return _extends$1v = Object.assign ? Object.assign.bind() : function (n) {
42323
+ var _rect$5, _path$1s;
42324
+ function _extends$1w() {
42325
+ return _extends$1w = Object.assign ? Object.assign.bind() : function (n) {
42249
42326
  for (var e = 1; e < arguments.length; e++) {
42250
42327
  var t = arguments[e];
42251
42328
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42252
42329
  }
42253
42330
  return n;
42254
- }, _extends$1v.apply(null, arguments);
42331
+ }, _extends$1w.apply(null, arguments);
42255
42332
  }
42256
42333
  function SvgVoicePreview(props) {
42257
- return /*#__PURE__*/createElement$1("svg", _extends$1v({
42334
+ return /*#__PURE__*/createElement$1("svg", _extends$1w({
42258
42335
  width: 40,
42259
42336
  height: 40,
42260
42337
  fill: "none",
@@ -42264,24 +42341,24 @@ function SvgVoicePreview(props) {
42264
42341
  height: 40,
42265
42342
  rx: 20,
42266
42343
  fill: "#5159F6"
42267
- })), _path$1r || (_path$1r = /*#__PURE__*/createElement$1("path", {
42344
+ })), _path$1s || (_path$1s = /*#__PURE__*/createElement$1("path", {
42268
42345
  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",
42269
42346
  fill: "#fff"
42270
42347
  })));
42271
42348
  }
42272
42349
 
42273
- var _rect$6, _path$1s;
42274
- function _extends$1w() {
42275
- return _extends$1w = Object.assign ? Object.assign.bind() : function (n) {
42350
+ var _rect$6, _path$1t;
42351
+ function _extends$1x() {
42352
+ return _extends$1x = Object.assign ? Object.assign.bind() : function (n) {
42276
42353
  for (var e = 1; e < arguments.length; e++) {
42277
42354
  var t = arguments[e];
42278
42355
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42279
42356
  }
42280
42357
  return n;
42281
- }, _extends$1w.apply(null, arguments);
42358
+ }, _extends$1x.apply(null, arguments);
42282
42359
  }
42283
42360
  function SvgVoicePreviewPause(props) {
42284
- return /*#__PURE__*/createElement$1("svg", _extends$1w({
42361
+ return /*#__PURE__*/createElement$1("svg", _extends$1x({
42285
42362
  width: 40,
42286
42363
  height: 40,
42287
42364
  fill: "none",
@@ -42291,7 +42368,7 @@ function SvgVoicePreviewPause(props) {
42291
42368
  height: 40,
42292
42369
  rx: 20,
42293
42370
  fill: "#5159F6"
42294
- })), _path$1s || (_path$1s = /*#__PURE__*/createElement$1("path", {
42371
+ })), _path$1t || (_path$1t = /*#__PURE__*/createElement$1("path", {
42295
42372
  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",
42296
42373
  fill: "#fff"
42297
42374
  })));
@@ -43628,23 +43705,23 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
43628
43705
  };
43629
43706
  var DetailsWrapper = styled.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n user-select: text;\n"])));
43630
43707
 
43631
- var _path$1t;
43632
- function _extends$1x() {
43633
- return _extends$1x = Object.assign ? Object.assign.bind() : function (n) {
43708
+ var _path$1u;
43709
+ function _extends$1y() {
43710
+ return _extends$1y = Object.assign ? Object.assign.bind() : function (n) {
43634
43711
  for (var e = 1; e < arguments.length; e++) {
43635
43712
  var t = arguments[e];
43636
43713
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
43637
43714
  }
43638
43715
  return n;
43639
- }, _extends$1x.apply(null, arguments);
43716
+ }, _extends$1y.apply(null, arguments);
43640
43717
  }
43641
43718
  function SvgChevronDown(props) {
43642
- return /*#__PURE__*/createElement$1("svg", _extends$1x({
43719
+ return /*#__PURE__*/createElement$1("svg", _extends$1y({
43643
43720
  width: 32,
43644
43721
  height: 32,
43645
43722
  fill: "none",
43646
43723
  xmlns: "http://www.w3.org/2000/svg"
43647
- }, props), _path$1t || (_path$1t = /*#__PURE__*/createElement$1("path", {
43724
+ }, props), _path$1u || (_path$1u = /*#__PURE__*/createElement$1("path", {
43648
43725
  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",
43649
43726
  fill: "CurrentColor"
43650
43727
  })));
@@ -43756,29 +43833,29 @@ var UnreadCount$1 = styled.span(_templateObject2$T || (_templateObject2$T = _tag
43756
43833
  return props.textColor || '#fff';
43757
43834
  });
43758
43835
 
43759
- var _path$1u, _path2$9;
43760
- function _extends$1y() {
43761
- return _extends$1y = Object.assign ? Object.assign.bind() : function (n) {
43836
+ var _path$1v, _path2$a;
43837
+ function _extends$1z() {
43838
+ return _extends$1z = Object.assign ? Object.assign.bind() : function (n) {
43762
43839
  for (var e = 1; e < arguments.length; e++) {
43763
43840
  var t = arguments[e];
43764
43841
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
43765
43842
  }
43766
43843
  return n;
43767
- }, _extends$1y.apply(null, arguments);
43844
+ }, _extends$1z.apply(null, arguments);
43768
43845
  }
43769
43846
  function SvgMention(props) {
43770
- return /*#__PURE__*/createElement$1("svg", _extends$1y({
43847
+ return /*#__PURE__*/createElement$1("svg", _extends$1z({
43771
43848
  width: 24,
43772
43849
  height: 24,
43773
43850
  fill: "none",
43774
43851
  xmlns: "http://www.w3.org/2000/svg"
43775
- }, props), _path$1u || (_path$1u = /*#__PURE__*/createElement$1("path", {
43852
+ }, props), _path$1v || (_path$1v = /*#__PURE__*/createElement$1("path", {
43776
43853
  d: "M12 15.6a3.6 3.6 0 100-7.2 3.6 3.6 0 000 7.2z",
43777
43854
  stroke: "currentColor",
43778
43855
  strokeWidth: 1.8,
43779
43856
  strokeLinecap: "round",
43780
43857
  strokeLinejoin: "round"
43781
- })), _path2$9 || (_path2$9 = /*#__PURE__*/createElement$1("path", {
43858
+ })), _path2$a || (_path2$a = /*#__PURE__*/createElement$1("path", {
43782
43859
  d: "M15.6 8.4v4.5a2.7 2.7 0 005.4 0V12a9 9 0 10-3.528 7.145",
43783
43860
  stroke: "currentColor",
43784
43861
  strokeWidth: 1.8,