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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.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,
@@ -32913,6 +32990,11 @@ var MessageBody = function MessageBody(_ref) {
32913
32990
  var attachmentMetas = useMemo(function () {
32914
32991
  return mediaAttachment && (isJSON(mediaAttachment.metadata) ? JSON.parse(mediaAttachment.metadata) : mediaAttachment.metadata);
32915
32992
  }, [mediaAttachment]);
32993
+ var fileAttachment = useMemo(function () {
32994
+ return message.attachments.find(function (attachment) {
32995
+ return attachment.type === attachmentTypes.file;
32996
+ });
32997
+ }, [message.attachments]);
32916
32998
  var borderRadius = useMemo(function () {
32917
32999
  return message.incoming && (incomingMessageStyles === null || incomingMessageStyles === void 0 ? void 0 : incomingMessageStyles.background) === 'inherit' ? '0px' : !message.incoming && (outgoingMessageStyles === null || outgoingMessageStyles === void 0 ? void 0 : outgoingMessageStyles.background) === 'inherit' ? '0px' : !message.incoming && ownMessageOnRightSide ? prevMessageUserID !== messageUserID || firstMessageInInterval ? '16px 16px 4px 16px' : nextMessageUserID !== messageUserID || lastMessageInInterval ? '16px 4px 16px 16px' : '16px 4px 4px 16px' : prevMessageUserID !== messageUserID || firstMessageInInterval ? '16px 16px 16px 4px' : nextMessageUserID !== messageUserID || lastMessageInInterval ? '4px 16px 16px 16px' : '4px 16px 16px 4px';
32918
33000
  }, [message.incoming, incomingMessageStyles === null || incomingMessageStyles === void 0 ? void 0 : incomingMessageStyles.background, outgoingMessageStyles === null || outgoingMessageStyles === void 0 ? void 0 : outgoingMessageStyles.background, prevMessageUserID, messageUserID, firstMessageInInterval, nextMessageUserID, lastMessageInInterval, ownMessageOnRightSide]);
@@ -33087,7 +33169,7 @@ var MessageBody = function MessageBody(_ref) {
33087
33169
  linkColor: linkColor,
33088
33170
  unsupportedMessage: unsupportedMessage,
33089
33171
  unsupportedMessageColor: textSecondary
33090
- }, ogContainerFirst && linkAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
33172
+ }, ogContainerFirst && linkAttachment && !mediaAttachment && !withMediaAttachment && !fileAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
33091
33173
  maxWidth: (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400,
33092
33174
  maxHeight: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxHeight,
33093
33175
  attachments: [linkAttachment],
@@ -33123,7 +33205,7 @@ var MessageBody = function MessageBody(_ref) {
33123
33205
  unsupportedMessage: unsupportedMessage
33124
33206
  })), !withAttachments && message.state === MESSAGE_STATUS.DELETE ? (/*#__PURE__*/React__default.createElement(MessageStatusDeleted$1, {
33125
33207
  color: textSecondary
33126
- }, " Message was deleted. ")) : '', !ogContainerFirst && linkAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
33208
+ }, " Message was deleted. ")) : '', !ogContainerFirst && linkAttachment && !mediaAttachment && !withMediaAttachment && !fileAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
33127
33209
  maxWidth: (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxWidth) || 400,
33128
33210
  maxHeight: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.maxHeight,
33129
33211
  attachments: [linkAttachment],
@@ -34176,8 +34258,8 @@ var Message$1 = function Message(_ref) {
34176
34258
  }
34177
34259
  };
34178
34260
  var unsupportedMessage = useMemo(function () {
34179
- 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;
34180
- }, [message.type]);
34261
+ return isMessageUnsupported(message);
34262
+ }, [message]);
34181
34263
  return /*#__PURE__*/React__default.createElement(MessageItem, {
34182
34264
  className: 'message_item',
34183
34265
  rtl: ownMessageOnRightSide && !message.incoming,
@@ -36416,24 +36498,24 @@ var MemberName$2 = styled.h3(_templateObject5$n || (_templateObject5$n = _tagged
36416
36498
  return props.color;
36417
36499
  });
36418
36500
 
36419
- var _path$13;
36420
- function _extends$15() {
36421
- 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) {
36422
36504
  for (var e = 1; e < arguments.length; e++) {
36423
36505
  var t = arguments[e];
36424
36506
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36425
36507
  }
36426
36508
  return n;
36427
- }, _extends$15.apply(null, arguments);
36509
+ }, _extends$16.apply(null, arguments);
36428
36510
  }
36429
36511
  function SvgBold(props) {
36430
- return /*#__PURE__*/createElement$1("svg", _extends$15({
36512
+ return /*#__PURE__*/createElement$1("svg", _extends$16({
36431
36513
  width: 18,
36432
36514
  height: 18,
36433
36515
  viewBox: "0 0 18.01 18.01",
36434
36516
  fill: "none",
36435
36517
  xmlns: "http://www.w3.org/2000/svg"
36436
- }, props), _path$13 || (_path$13 = /*#__PURE__*/createElement$1("path", {
36518
+ }, props), _path$14 || (_path$14 = /*#__PURE__*/createElement$1("path", {
36437
36519
  fillRule: "evenodd",
36438
36520
  clipRule: "evenodd",
36439
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",
@@ -36441,24 +36523,24 @@ function SvgBold(props) {
36441
36523
  })));
36442
36524
  }
36443
36525
 
36444
- var _path$14;
36445
- function _extends$16() {
36446
- 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) {
36447
36529
  for (var e = 1; e < arguments.length; e++) {
36448
36530
  var t = arguments[e];
36449
36531
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36450
36532
  }
36451
36533
  return n;
36452
- }, _extends$16.apply(null, arguments);
36534
+ }, _extends$17.apply(null, arguments);
36453
36535
  }
36454
36536
  function SvgItalic(props) {
36455
- return /*#__PURE__*/createElement$1("svg", _extends$16({
36537
+ return /*#__PURE__*/createElement$1("svg", _extends$17({
36456
36538
  width: 18,
36457
36539
  height: 18,
36458
36540
  viewBox: "0 0 18.01 18.01",
36459
36541
  fill: "none",
36460
36542
  xmlns: "http://www.w3.org/2000/svg"
36461
- }, props), _path$14 || (_path$14 = /*#__PURE__*/createElement$1("path", {
36543
+ }, props), _path$15 || (_path$15 = /*#__PURE__*/createElement$1("path", {
36462
36544
  fillRule: "evenodd",
36463
36545
  clipRule: "evenodd",
36464
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",
@@ -36467,17 +36549,17 @@ function SvgItalic(props) {
36467
36549
  }
36468
36550
 
36469
36551
  var _g$1;
36470
- function _extends$17() {
36471
- 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) {
36472
36554
  for (var e = 1; e < arguments.length; e++) {
36473
36555
  var t = arguments[e];
36474
36556
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36475
36557
  }
36476
36558
  return n;
36477
- }, _extends$17.apply(null, arguments);
36559
+ }, _extends$18.apply(null, arguments);
36478
36560
  }
36479
36561
  function SvgStrikethrough(props) {
36480
- return /*#__PURE__*/createElement$1("svg", _extends$17({
36562
+ return /*#__PURE__*/createElement$1("svg", _extends$18({
36481
36563
  width: 18,
36482
36564
  height: 18,
36483
36565
  viewBox: "0 0 18.01 18.01",
@@ -36494,41 +36576,41 @@ function SvgStrikethrough(props) {
36494
36576
  }))));
36495
36577
  }
36496
36578
 
36497
- var _path$15;
36498
- function _extends$18() {
36499
- 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) {
36500
36582
  for (var e = 1; e < arguments.length; e++) {
36501
36583
  var t = arguments[e];
36502
36584
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36503
36585
  }
36504
36586
  return n;
36505
- }, _extends$18.apply(null, arguments);
36587
+ }, _extends$19.apply(null, arguments);
36506
36588
  }
36507
36589
  function SvgMono(props) {
36508
- return /*#__PURE__*/createElement$1("svg", _extends$18({
36590
+ return /*#__PURE__*/createElement$1("svg", _extends$19({
36509
36591
  width: 18,
36510
36592
  height: 18,
36511
36593
  viewBox: "0 0 18.01 18.01",
36512
36594
  fill: "none",
36513
36595
  xmlns: "http://www.w3.org/2000/svg"
36514
- }, props), _path$15 || (_path$15 = /*#__PURE__*/createElement$1("path", {
36596
+ }, props), _path$16 || (_path$16 = /*#__PURE__*/createElement$1("path", {
36515
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",
36516
36598
  fill: "CurrentColor"
36517
36599
  })));
36518
36600
  }
36519
36601
 
36520
36602
  var _g$2;
36521
- function _extends$19() {
36522
- 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) {
36523
36605
  for (var e = 1; e < arguments.length; e++) {
36524
36606
  var t = arguments[e];
36525
36607
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
36526
36608
  }
36527
36609
  return n;
36528
- }, _extends$19.apply(null, arguments);
36610
+ }, _extends$1a.apply(null, arguments);
36529
36611
  }
36530
36612
  function SvgUnderline(props) {
36531
- return /*#__PURE__*/createElement$1("svg", _extends$19({
36613
+ return /*#__PURE__*/createElement$1("svg", _extends$1a({
36532
36614
  width: 18,
36533
36615
  height: 18,
36534
36616
  viewBox: "0 0 18.01 18.01",
@@ -37490,18 +37572,18 @@ var Emoji$1 = styled.li(_templateObject8$h || (_templateObject8$h = _taggedTempl
37490
37572
 
37491
37573
  var CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
37492
37574
 
37493
- var _circle$6, _path$16;
37494
- function _extends$1a() {
37495
- 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) {
37496
37578
  for (var e = 1; e < arguments.length; e++) {
37497
37579
  var t = arguments[e];
37498
37580
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37499
37581
  }
37500
37582
  return n;
37501
- }, _extends$1a.apply(null, arguments);
37583
+ }, _extends$1b.apply(null, arguments);
37502
37584
  }
37503
37585
  function SvgSend(props) {
37504
- return /*#__PURE__*/createElement$1("svg", _extends$1a({
37586
+ return /*#__PURE__*/createElement$1("svg", _extends$1b({
37505
37587
  width: 32,
37506
37588
  height: 32,
37507
37589
  fill: "none",
@@ -37511,142 +37593,142 @@ function SvgSend(props) {
37511
37593
  cy: 16,
37512
37594
  r: 16,
37513
37595
  fill: "currentColor"
37514
- })), _path$16 || (_path$16 = /*#__PURE__*/createElement$1("path", {
37596
+ })), _path$17 || (_path$17 = /*#__PURE__*/createElement$1("path", {
37515
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",
37516
37598
  fill: "#fff"
37517
37599
  })));
37518
37600
  }
37519
37601
 
37520
- var _path$17;
37521
- function _extends$1b() {
37522
- 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) {
37523
37605
  for (var e = 1; e < arguments.length; e++) {
37524
37606
  var t = arguments[e];
37525
37607
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37526
37608
  }
37527
37609
  return n;
37528
- }, _extends$1b.apply(null, arguments);
37610
+ }, _extends$1c.apply(null, arguments);
37529
37611
  }
37530
37612
  function SvgEye(props) {
37531
- return /*#__PURE__*/createElement$1("svg", _extends$1b({
37613
+ return /*#__PURE__*/createElement$1("svg", _extends$1c({
37532
37614
  width: 25,
37533
37615
  height: 24,
37534
37616
  fill: "none",
37535
37617
  xmlns: "http://www.w3.org/2000/svg"
37536
- }, props), _path$17 || (_path$17 = /*#__PURE__*/createElement$1("path", {
37618
+ }, props), _path$18 || (_path$18 = /*#__PURE__*/createElement$1("path", {
37537
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",
37538
37620
  fill: "CurrentColor"
37539
37621
  })));
37540
37622
  }
37541
37623
 
37542
- var _path$18;
37543
- function _extends$1c() {
37544
- 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) {
37545
37627
  for (var e = 1; e < arguments.length; e++) {
37546
37628
  var t = arguments[e];
37547
37629
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37548
37630
  }
37549
37631
  return n;
37550
- }, _extends$1c.apply(null, arguments);
37632
+ }, _extends$1d.apply(null, arguments);
37551
37633
  }
37552
37634
  function SvgAddAttachment(props) {
37553
- return /*#__PURE__*/createElement$1("svg", _extends$1c({
37635
+ return /*#__PURE__*/createElement$1("svg", _extends$1d({
37554
37636
  width: 24,
37555
37637
  height: 24,
37556
37638
  viewBox: "0 0 24.01 24.01",
37557
37639
  fill: "none",
37558
37640
  xmlns: "http://www.w3.org/2000/svg"
37559
- }, props), _path$18 || (_path$18 = /*#__PURE__*/createElement$1("path", {
37641
+ }, props), _path$19 || (_path$19 = /*#__PURE__*/createElement$1("path", {
37560
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",
37561
37643
  fill: "CurrentColor"
37562
37644
  })));
37563
37645
  }
37564
37646
 
37565
- var _path$19;
37566
- function _extends$1d() {
37567
- 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) {
37568
37650
  for (var e = 1; e < arguments.length; e++) {
37569
37651
  var t = arguments[e];
37570
37652
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37571
37653
  }
37572
37654
  return n;
37573
- }, _extends$1d.apply(null, arguments);
37655
+ }, _extends$1e.apply(null, arguments);
37574
37656
  }
37575
37657
  function SvgErrorCircle(props) {
37576
- return /*#__PURE__*/createElement$1("svg", _extends$1d({
37658
+ return /*#__PURE__*/createElement$1("svg", _extends$1e({
37577
37659
  width: 25,
37578
37660
  height: 24,
37579
37661
  fill: "none",
37580
37662
  xmlns: "http://www.w3.org/2000/svg"
37581
- }, props), _path$19 || (_path$19 = /*#__PURE__*/createElement$1("path", {
37663
+ }, props), _path$1a || (_path$1a = /*#__PURE__*/createElement$1("path", {
37582
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",
37583
37665
  fill: "#FFB73D"
37584
37666
  })));
37585
37667
  }
37586
37668
 
37587
- var _path$1a;
37588
- function _extends$1e() {
37589
- 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) {
37590
37672
  for (var e = 1; e < arguments.length; e++) {
37591
37673
  var t = arguments[e];
37592
37674
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37593
37675
  }
37594
37676
  return n;
37595
- }, _extends$1e.apply(null, arguments);
37677
+ }, _extends$1f.apply(null, arguments);
37596
37678
  }
37597
37679
  function SvgPlayRecord(props) {
37598
- return /*#__PURE__*/createElement$1("svg", _extends$1e({
37680
+ return /*#__PURE__*/createElement$1("svg", _extends$1f({
37599
37681
  width: 20,
37600
37682
  height: 20,
37601
37683
  viewBox: "0 0 20.01 20.01",
37602
37684
  fill: "none",
37603
37685
  xmlns: "http://www.w3.org/2000/svg"
37604
- }, props), _path$1a || (_path$1a = /*#__PURE__*/createElement$1("path", {
37686
+ }, props), _path$1b || (_path$1b = /*#__PURE__*/createElement$1("path", {
37605
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",
37606
37688
  fill: "CurrentColor"
37607
37689
  })));
37608
37690
  }
37609
37691
 
37610
- var _path$1b;
37611
- function _extends$1f() {
37612
- 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) {
37613
37695
  for (var e = 1; e < arguments.length; e++) {
37614
37696
  var t = arguments[e];
37615
37697
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37616
37698
  }
37617
37699
  return n;
37618
- }, _extends$1f.apply(null, arguments);
37700
+ }, _extends$1g.apply(null, arguments);
37619
37701
  }
37620
37702
  function SvgPauseRecord(props) {
37621
- return /*#__PURE__*/createElement$1("svg", _extends$1f({
37703
+ return /*#__PURE__*/createElement$1("svg", _extends$1g({
37622
37704
  width: 20,
37623
37705
  height: 20,
37624
37706
  viewBox: "0 0 20.01 20.01",
37625
37707
  fill: "none",
37626
37708
  xmlns: "http://www.w3.org/2000/svg"
37627
- }, props), _path$1b || (_path$1b = /*#__PURE__*/createElement$1("path", {
37709
+ }, props), _path$1c || (_path$1c = /*#__PURE__*/createElement$1("path", {
37628
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",
37629
37711
  fill: "CurrentColor"
37630
37712
  })));
37631
37713
  }
37632
37714
 
37633
- var _path$1c;
37634
- function _extends$1g() {
37635
- 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) {
37636
37718
  for (var e = 1; e < arguments.length; e++) {
37637
37719
  var t = arguments[e];
37638
37720
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37639
37721
  }
37640
37722
  return n;
37641
- }, _extends$1g.apply(null, arguments);
37723
+ }, _extends$1h.apply(null, arguments);
37642
37724
  }
37643
37725
  function SvgStopRecord(props) {
37644
- return /*#__PURE__*/createElement$1("svg", _extends$1g({
37726
+ return /*#__PURE__*/createElement$1("svg", _extends$1h({
37645
37727
  width: 20,
37646
37728
  height: 20,
37647
37729
  fill: "none",
37648
37730
  xmlns: "http://www.w3.org/2000/svg"
37649
- }, props), _path$1c || (_path$1c = /*#__PURE__*/createElement$1("path", {
37731
+ }, props), _path$1d || (_path$1d = /*#__PURE__*/createElement$1("path", {
37650
37732
  fillRule: "evenodd",
37651
37733
  clipRule: "evenodd",
37652
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",
@@ -37654,18 +37736,18 @@ function SvgStopRecord(props) {
37654
37736
  })));
37655
37737
  }
37656
37738
 
37657
- var _circle$7, _path$1d, _path2$6;
37658
- function _extends$1h() {
37659
- 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) {
37660
37742
  for (var e = 1; e < arguments.length; e++) {
37661
37743
  var t = arguments[e];
37662
37744
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
37663
37745
  }
37664
37746
  return n;
37665
- }, _extends$1h.apply(null, arguments);
37747
+ }, _extends$1i.apply(null, arguments);
37666
37748
  }
37667
37749
  function SvgRecordButton(props) {
37668
- return /*#__PURE__*/createElement$1("svg", _extends$1h({
37750
+ return /*#__PURE__*/createElement$1("svg", _extends$1i({
37669
37751
  width: 32,
37670
37752
  height: 32,
37671
37753
  viewBox: "0 0 32.01 32.01",
@@ -37676,10 +37758,10 @@ function SvgRecordButton(props) {
37676
37758
  cy: 16,
37677
37759
  r: 16,
37678
37760
  fill: "CurrentColor"
37679
- })), _path$1d || (_path$1d = /*#__PURE__*/createElement$1("path", {
37761
+ })), _path$1e || (_path$1e = /*#__PURE__*/createElement$1("path", {
37680
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",
37681
37763
  fill: "#fff"
37682
- })), _path2$6 || (_path2$6 = /*#__PURE__*/createElement$1("path", {
37764
+ })), _path2$7 || (_path2$7 = /*#__PURE__*/createElement$1("path", {
37683
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",
37684
37766
  fill: "#fff"
37685
37767
  })));
@@ -40116,23 +40198,23 @@ var copyToClipboard = function copyToClipboard(text) {
40116
40198
  }
40117
40199
  };
40118
40200
 
40119
- var _path$1e;
40120
- function _extends$1i() {
40121
- 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) {
40122
40204
  for (var e = 1; e < arguments.length; e++) {
40123
40205
  var t = arguments[e];
40124
40206
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40125
40207
  }
40126
40208
  return n;
40127
- }, _extends$1i.apply(null, arguments);
40209
+ }, _extends$1j.apply(null, arguments);
40128
40210
  }
40129
40211
  function SvgBottom(props) {
40130
- return /*#__PURE__*/createElement$1("svg", _extends$1i({
40212
+ return /*#__PURE__*/createElement$1("svg", _extends$1j({
40131
40213
  width: 12,
40132
40214
  height: 7,
40133
40215
  fill: "none",
40134
40216
  xmlns: "http://www.w3.org/2000/svg"
40135
- }, props), _path$1e || (_path$1e = /*#__PURE__*/createElement$1("path", {
40217
+ }, props), _path$1f || (_path$1f = /*#__PURE__*/createElement$1("path", {
40136
40218
  d: "M1.5 1.5l4.5 4 4.5-4",
40137
40219
  stroke: "#676A7C",
40138
40220
  strokeWidth: 1.4,
@@ -40141,50 +40223,50 @@ function SvgBottom(props) {
40141
40223
  })));
40142
40224
  }
40143
40225
 
40144
- var _path$1f, _path2$7;
40145
- function _extends$1j() {
40146
- 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) {
40147
40229
  for (var e = 1; e < arguments.length; e++) {
40148
40230
  var t = arguments[e];
40149
40231
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40150
40232
  }
40151
40233
  return n;
40152
- }, _extends$1j.apply(null, arguments);
40234
+ }, _extends$1k.apply(null, arguments);
40153
40235
  }
40154
40236
  function SvgMarkAsUnRead(props) {
40155
- return /*#__PURE__*/createElement$1("svg", _extends$1j({
40237
+ return /*#__PURE__*/createElement$1("svg", _extends$1k({
40156
40238
  width: 20,
40157
40239
  height: 20,
40158
40240
  viewBox: "0 0 20.01 20.01",
40159
40241
  fill: "none",
40160
40242
  xmlns: "http://www.w3.org/2000/svg"
40161
- }, props), _path$1f || (_path$1f = /*#__PURE__*/createElement$1("path", {
40243
+ }, props), _path$1g || (_path$1g = /*#__PURE__*/createElement$1("path", {
40162
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",
40163
40245
  fill: "currentColor"
40164
- })), _path2$7 || (_path2$7 = /*#__PURE__*/createElement$1("path", {
40246
+ })), _path2$8 || (_path2$8 = /*#__PURE__*/createElement$1("path", {
40165
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",
40166
40248
  fill: "currentColor"
40167
40249
  })));
40168
40250
  }
40169
40251
 
40170
- var _path$1g;
40171
- function _extends$1k() {
40172
- 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) {
40173
40255
  for (var e = 1; e < arguments.length; e++) {
40174
40256
  var t = arguments[e];
40175
40257
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40176
40258
  }
40177
40259
  return n;
40178
- }, _extends$1k.apply(null, arguments);
40260
+ }, _extends$1l.apply(null, arguments);
40179
40261
  }
40180
40262
  function SvgMarkAsRead(props) {
40181
- return /*#__PURE__*/createElement$1("svg", _extends$1k({
40263
+ return /*#__PURE__*/createElement$1("svg", _extends$1l({
40182
40264
  width: 20,
40183
40265
  height: 20,
40184
40266
  viewBox: "0 0 20.01 20.01",
40185
40267
  fill: "none",
40186
40268
  xmlns: "http://www.w3.org/2000/svg"
40187
- }, props), _path$1g || (_path$1g = /*#__PURE__*/createElement$1("path", {
40269
+ }, props), _path$1h || (_path$1h = /*#__PURE__*/createElement$1("path", {
40188
40270
  fillRule: "evenodd",
40189
40271
  clipRule: "evenodd",
40190
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",
@@ -40192,23 +40274,23 @@ function SvgMarkAsRead(props) {
40192
40274
  })));
40193
40275
  }
40194
40276
 
40195
- var _path$1h;
40196
- function _extends$1l() {
40197
- 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) {
40198
40280
  for (var e = 1; e < arguments.length; e++) {
40199
40281
  var t = arguments[e];
40200
40282
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40201
40283
  }
40202
40284
  return n;
40203
- }, _extends$1l.apply(null, arguments);
40285
+ }, _extends$1m.apply(null, arguments);
40204
40286
  }
40205
40287
  function SvgClear(props) {
40206
- return /*#__PURE__*/createElement$1("svg", _extends$1l({
40288
+ return /*#__PURE__*/createElement$1("svg", _extends$1m({
40207
40289
  width: 20,
40208
40290
  height: 21,
40209
40291
  fill: "none",
40210
40292
  xmlns: "http://www.w3.org/2000/svg"
40211
- }, props), _path$1h || (_path$1h = /*#__PURE__*/createElement$1("path", {
40293
+ }, props), _path$1i || (_path$1i = /*#__PURE__*/createElement$1("path", {
40212
40294
  fillRule: "evenodd",
40213
40295
  clipRule: "evenodd",
40214
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",
@@ -40216,49 +40298,49 @@ function SvgClear(props) {
40216
40298
  })));
40217
40299
  }
40218
40300
 
40219
- var _path$1i;
40220
- function _extends$1m() {
40221
- 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) {
40222
40304
  for (var e = 1; e < arguments.length; e++) {
40223
40305
  var t = arguments[e];
40224
40306
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40225
40307
  }
40226
40308
  return n;
40227
- }, _extends$1m.apply(null, arguments);
40309
+ }, _extends$1n.apply(null, arguments);
40228
40310
  }
40229
40311
  function SvgBlockChannel(props) {
40230
- return /*#__PURE__*/createElement$1("svg", _extends$1m({
40312
+ return /*#__PURE__*/createElement$1("svg", _extends$1n({
40231
40313
  width: 20,
40232
40314
  height: 21,
40233
40315
  viewBox: "0 0 20.01 21.01",
40234
40316
  fill: "none",
40235
40317
  xmlns: "http://www.w3.org/2000/svg"
40236
- }, props), _path$1i || (_path$1i = /*#__PURE__*/createElement$1("path", {
40318
+ }, props), _path$1j || (_path$1j = /*#__PURE__*/createElement$1("path", {
40237
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",
40238
40320
  fill: "CurrentColor"
40239
40321
  })));
40240
40322
  }
40241
40323
 
40242
- var _path$1j, _path2$8;
40243
- function _extends$1n() {
40244
- 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) {
40245
40327
  for (var e = 1; e < arguments.length; e++) {
40246
40328
  var t = arguments[e];
40247
40329
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40248
40330
  }
40249
40331
  return n;
40250
- }, _extends$1n.apply(null, arguments);
40332
+ }, _extends$1o.apply(null, arguments);
40251
40333
  }
40252
40334
  function SvgReport(props) {
40253
- return /*#__PURE__*/createElement$1("svg", _extends$1n({
40335
+ return /*#__PURE__*/createElement$1("svg", _extends$1o({
40254
40336
  width: 20,
40255
40337
  height: 21,
40256
40338
  fill: "none",
40257
40339
  xmlns: "http://www.w3.org/2000/svg"
40258
- }, props), _path$1j || (_path$1j = /*#__PURE__*/createElement$1("path", {
40340
+ }, props), _path$1k || (_path$1k = /*#__PURE__*/createElement$1("path", {
40259
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",
40260
40342
  fill: "CurrentColor"
40261
- })), _path2$8 || (_path2$8 = /*#__PURE__*/createElement$1("path", {
40343
+ })), _path2$9 || (_path2$9 = /*#__PURE__*/createElement$1("path", {
40262
40344
  fillRule: "evenodd",
40263
40345
  clipRule: "evenodd",
40264
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",
@@ -40266,46 +40348,46 @@ function SvgReport(props) {
40266
40348
  })));
40267
40349
  }
40268
40350
 
40269
- var _path$1k;
40270
- function _extends$1o() {
40271
- 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) {
40272
40354
  for (var e = 1; e < arguments.length; e++) {
40273
40355
  var t = arguments[e];
40274
40356
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40275
40357
  }
40276
40358
  return n;
40277
- }, _extends$1o.apply(null, arguments);
40359
+ }, _extends$1p.apply(null, arguments);
40278
40360
  }
40279
40361
  function SvgStar(props) {
40280
- return /*#__PURE__*/createElement$1("svg", _extends$1o({
40362
+ return /*#__PURE__*/createElement$1("svg", _extends$1p({
40281
40363
  width: 20,
40282
40364
  height: 20,
40283
40365
  fill: "none",
40284
40366
  xmlns: "http://www.w3.org/2000/svg"
40285
- }, props), _path$1k || (_path$1k = /*#__PURE__*/createElement$1("path", {
40367
+ }, props), _path$1l || (_path$1l = /*#__PURE__*/createElement$1("path", {
40286
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",
40287
40369
  fill: "#B2B6BE"
40288
40370
  })));
40289
40371
  }
40290
40372
 
40291
- var _path$1l;
40292
- function _extends$1p() {
40293
- 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) {
40294
40376
  for (var e = 1; e < arguments.length; e++) {
40295
40377
  var t = arguments[e];
40296
40378
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40297
40379
  }
40298
40380
  return n;
40299
- }, _extends$1p.apply(null, arguments);
40381
+ }, _extends$1q.apply(null, arguments);
40300
40382
  }
40301
40383
  function SvgUnpin(props) {
40302
- return /*#__PURE__*/createElement$1("svg", _extends$1p({
40384
+ return /*#__PURE__*/createElement$1("svg", _extends$1q({
40303
40385
  width: 20,
40304
40386
  height: 21,
40305
40387
  viewBox: "0 0 20.01 21.01",
40306
40388
  fill: "none",
40307
40389
  xmlns: "http://www.w3.org/2000/svg"
40308
- }, props), _path$1l || (_path$1l = /*#__PURE__*/createElement$1("path", {
40390
+ }, props), _path$1m || (_path$1m = /*#__PURE__*/createElement$1("path", {
40309
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",
40310
40392
  fill: "CurrentColor"
40311
40393
  })));
@@ -40810,18 +40892,18 @@ var ActionItem = styled.li(_templateObject16$3 || (_templateObject16$3 = _tagged
40810
40892
  return props.hoverColor;
40811
40893
  });
40812
40894
 
40813
- var _rect$2, _rect2, _path$1m;
40814
- function _extends$1q() {
40815
- 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) {
40816
40898
  for (var e = 1; e < arguments.length; e++) {
40817
40899
  var t = arguments[e];
40818
40900
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40819
40901
  }
40820
40902
  return n;
40821
- }, _extends$1q.apply(null, arguments);
40903
+ }, _extends$1r.apply(null, arguments);
40822
40904
  }
40823
40905
  function SvgAddMember(props) {
40824
- return /*#__PURE__*/createElement$1("svg", _extends$1q({
40906
+ return /*#__PURE__*/createElement$1("svg", _extends$1r({
40825
40907
  width: 40,
40826
40908
  height: 40,
40827
40909
  viewBox: "0 0 40.01 40.01",
@@ -40841,29 +40923,29 @@ function SvgAddMember(props) {
40841
40923
  stroke: "#000",
40842
40924
  strokeOpacity: 0.08,
40843
40925
  strokeWidth: 0.5
40844
- })), _path$1m || (_path$1m = /*#__PURE__*/createElement$1("path", {
40926
+ })), _path$1n || (_path$1n = /*#__PURE__*/createElement$1("path", {
40845
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",
40846
40928
  fill: "CurrentColor"
40847
40929
  })));
40848
40930
  }
40849
40931
 
40850
- var _path$1n;
40851
- function _extends$1r() {
40852
- 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) {
40853
40935
  for (var e = 1; e < arguments.length; e++) {
40854
40936
  var t = arguments[e];
40855
40937
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
40856
40938
  }
40857
40939
  return n;
40858
- }, _extends$1r.apply(null, arguments);
40940
+ }, _extends$1s.apply(null, arguments);
40859
40941
  }
40860
40942
  function SvgMoreVert(props) {
40861
- return /*#__PURE__*/createElement$1("svg", _extends$1r({
40943
+ return /*#__PURE__*/createElement$1("svg", _extends$1s({
40862
40944
  width: 4,
40863
40945
  height: 14,
40864
40946
  fill: "none",
40865
40947
  xmlns: "http://www.w3.org/2000/svg"
40866
- }, props), _path$1n || (_path$1n = /*#__PURE__*/createElement$1("path", {
40948
+ }, props), _path$1o || (_path$1o = /*#__PURE__*/createElement$1("path", {
40867
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",
40868
40950
  fill: "#9B9DA8"
40869
40951
  })));
@@ -41930,18 +42012,18 @@ var Media = function Media(_ref) {
41930
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"])));
41931
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"])));
41932
42014
 
41933
- var _rect$3, _path$1o;
41934
- function _extends$1s() {
41935
- 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) {
41936
42018
  for (var e = 1; e < arguments.length; e++) {
41937
42019
  var t = arguments[e];
41938
42020
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
41939
42021
  }
41940
42022
  return n;
41941
- }, _extends$1s.apply(null, arguments);
42023
+ }, _extends$1t.apply(null, arguments);
41942
42024
  }
41943
42025
  function SvgFileIcon$1(props) {
41944
- return /*#__PURE__*/createElement$1("svg", _extends$1s({
42026
+ return /*#__PURE__*/createElement$1("svg", _extends$1t({
41945
42027
  width: 40,
41946
42028
  height: 40,
41947
42029
  fill: "none",
@@ -41953,7 +42035,7 @@ function SvgFileIcon$1(props) {
41953
42035
  rx: 8,
41954
42036
  fill: "currentColor",
41955
42037
  fillOpacity: 0.2
41956
- })), _path$1o || (_path$1o = /*#__PURE__*/createElement$1("path", {
42038
+ })), _path$1p || (_path$1p = /*#__PURE__*/createElement$1("path", {
41957
42039
  fillRule: "evenodd",
41958
42040
  clipRule: "evenodd",
41959
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",
@@ -41961,23 +42043,23 @@ function SvgFileIcon$1(props) {
41961
42043
  })));
41962
42044
  }
41963
42045
 
41964
- var _path$1p;
41965
- function _extends$1t() {
41966
- 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) {
41967
42049
  for (var e = 1; e < arguments.length; e++) {
41968
42050
  var t = arguments[e];
41969
42051
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
41970
42052
  }
41971
42053
  return n;
41972
- }, _extends$1t.apply(null, arguments);
42054
+ }, _extends$1u.apply(null, arguments);
41973
42055
  }
41974
42056
  function SvgDownloadFile(props) {
41975
- return /*#__PURE__*/createElement$1("svg", _extends$1t({
42057
+ return /*#__PURE__*/createElement$1("svg", _extends$1u({
41976
42058
  width: 24,
41977
42059
  height: 24,
41978
42060
  xmlns: "http://www.w3.org/2000/svg",
41979
42061
  fill: "currentColor"
41980
- }, props), _path$1p || (_path$1p = /*#__PURE__*/createElement$1("path", {
42062
+ }, props), _path$1q || (_path$1q = /*#__PURE__*/createElement$1("path", {
41981
42063
  fillRule: "evenodd",
41982
42064
  clipRule: "evenodd",
41983
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"
@@ -42131,18 +42213,18 @@ var FileSizeAndDate = styled.span(_templateObject8$m || (_templateObject8$m = _t
42131
42213
  return props.color;
42132
42214
  });
42133
42215
 
42134
- var _rect$4, _path$1q;
42135
- function _extends$1u() {
42136
- 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) {
42137
42219
  for (var e = 1; e < arguments.length; e++) {
42138
42220
  var t = arguments[e];
42139
42221
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42140
42222
  }
42141
42223
  return n;
42142
- }, _extends$1u.apply(null, arguments);
42224
+ }, _extends$1v.apply(null, arguments);
42143
42225
  }
42144
42226
  function SvgLinkIcon(props) {
42145
- return /*#__PURE__*/createElement$1("svg", _extends$1u({
42227
+ return /*#__PURE__*/createElement$1("svg", _extends$1v({
42146
42228
  width: 40,
42147
42229
  height: 40,
42148
42230
  fill: "none",
@@ -42154,7 +42236,7 @@ function SvgLinkIcon(props) {
42154
42236
  rx: 8,
42155
42237
  fill: "currentColor",
42156
42238
  fillOpacity: 0.2
42157
- })), _path$1q || (_path$1q = /*#__PURE__*/createElement$1("path", {
42239
+ })), _path$1r || (_path$1r = /*#__PURE__*/createElement$1("path", {
42158
42240
  fillRule: "evenodd",
42159
42241
  clipRule: "evenodd",
42160
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",
@@ -42238,18 +42320,18 @@ var Links = function Links(_ref) {
42238
42320
  };
42239
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"])));
42240
42322
 
42241
- var _rect$5, _path$1r;
42242
- function _extends$1v() {
42243
- 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) {
42244
42326
  for (var e = 1; e < arguments.length; e++) {
42245
42327
  var t = arguments[e];
42246
42328
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42247
42329
  }
42248
42330
  return n;
42249
- }, _extends$1v.apply(null, arguments);
42331
+ }, _extends$1w.apply(null, arguments);
42250
42332
  }
42251
42333
  function SvgVoicePreview(props) {
42252
- return /*#__PURE__*/createElement$1("svg", _extends$1v({
42334
+ return /*#__PURE__*/createElement$1("svg", _extends$1w({
42253
42335
  width: 40,
42254
42336
  height: 40,
42255
42337
  fill: "none",
@@ -42259,24 +42341,24 @@ function SvgVoicePreview(props) {
42259
42341
  height: 40,
42260
42342
  rx: 20,
42261
42343
  fill: "#5159F6"
42262
- })), _path$1r || (_path$1r = /*#__PURE__*/createElement$1("path", {
42344
+ })), _path$1s || (_path$1s = /*#__PURE__*/createElement$1("path", {
42263
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",
42264
42346
  fill: "#fff"
42265
42347
  })));
42266
42348
  }
42267
42349
 
42268
- var _rect$6, _path$1s;
42269
- function _extends$1w() {
42270
- 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) {
42271
42353
  for (var e = 1; e < arguments.length; e++) {
42272
42354
  var t = arguments[e];
42273
42355
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
42274
42356
  }
42275
42357
  return n;
42276
- }, _extends$1w.apply(null, arguments);
42358
+ }, _extends$1x.apply(null, arguments);
42277
42359
  }
42278
42360
  function SvgVoicePreviewPause(props) {
42279
- return /*#__PURE__*/createElement$1("svg", _extends$1w({
42361
+ return /*#__PURE__*/createElement$1("svg", _extends$1x({
42280
42362
  width: 40,
42281
42363
  height: 40,
42282
42364
  fill: "none",
@@ -42286,7 +42368,7 @@ function SvgVoicePreviewPause(props) {
42286
42368
  height: 40,
42287
42369
  rx: 20,
42288
42370
  fill: "#5159F6"
42289
- })), _path$1s || (_path$1s = /*#__PURE__*/createElement$1("path", {
42371
+ })), _path$1t || (_path$1t = /*#__PURE__*/createElement$1("path", {
42290
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",
42291
42373
  fill: "#fff"
42292
42374
  })));
@@ -43623,23 +43705,23 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
43623
43705
  };
43624
43706
  var DetailsWrapper = styled.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n user-select: text;\n"])));
43625
43707
 
43626
- var _path$1t;
43627
- function _extends$1x() {
43628
- 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) {
43629
43711
  for (var e = 1; e < arguments.length; e++) {
43630
43712
  var t = arguments[e];
43631
43713
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
43632
43714
  }
43633
43715
  return n;
43634
- }, _extends$1x.apply(null, arguments);
43716
+ }, _extends$1y.apply(null, arguments);
43635
43717
  }
43636
43718
  function SvgChevronDown(props) {
43637
- return /*#__PURE__*/createElement$1("svg", _extends$1x({
43719
+ return /*#__PURE__*/createElement$1("svg", _extends$1y({
43638
43720
  width: 32,
43639
43721
  height: 32,
43640
43722
  fill: "none",
43641
43723
  xmlns: "http://www.w3.org/2000/svg"
43642
- }, props), _path$1t || (_path$1t = /*#__PURE__*/createElement$1("path", {
43724
+ }, props), _path$1u || (_path$1u = /*#__PURE__*/createElement$1("path", {
43643
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",
43644
43726
  fill: "CurrentColor"
43645
43727
  })));
@@ -43751,29 +43833,29 @@ var UnreadCount$1 = styled.span(_templateObject2$T || (_templateObject2$T = _tag
43751
43833
  return props.textColor || '#fff';
43752
43834
  });
43753
43835
 
43754
- var _path$1u, _path2$9;
43755
- function _extends$1y() {
43756
- 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) {
43757
43839
  for (var e = 1; e < arguments.length; e++) {
43758
43840
  var t = arguments[e];
43759
43841
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
43760
43842
  }
43761
43843
  return n;
43762
- }, _extends$1y.apply(null, arguments);
43844
+ }, _extends$1z.apply(null, arguments);
43763
43845
  }
43764
43846
  function SvgMention(props) {
43765
- return /*#__PURE__*/createElement$1("svg", _extends$1y({
43847
+ return /*#__PURE__*/createElement$1("svg", _extends$1z({
43766
43848
  width: 24,
43767
43849
  height: 24,
43768
43850
  fill: "none",
43769
43851
  xmlns: "http://www.w3.org/2000/svg"
43770
- }, props), _path$1u || (_path$1u = /*#__PURE__*/createElement$1("path", {
43852
+ }, props), _path$1v || (_path$1v = /*#__PURE__*/createElement$1("path", {
43771
43853
  d: "M12 15.6a3.6 3.6 0 100-7.2 3.6 3.6 0 000 7.2z",
43772
43854
  stroke: "currentColor",
43773
43855
  strokeWidth: 1.8,
43774
43856
  strokeLinecap: "round",
43775
43857
  strokeLinejoin: "round"
43776
- })), _path2$9 || (_path2$9 = /*#__PURE__*/createElement$1("path", {
43858
+ })), _path2$a || (_path2$a = /*#__PURE__*/createElement$1("path", {
43777
43859
  d: "M15.6 8.4v4.5a2.7 2.7 0 005.4 0V12a9 9 0 10-3.528 7.145",
43778
43860
  stroke: "currentColor",
43779
43861
  strokeWidth: 1.8,