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