sceyt-chat-react-uikit 1.7.4-beta.9 → 1.7.5-beta.1

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