sceyt-chat-react-uikit 1.9.1-beta.11 → 1.9.1-beta.12

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.
Files changed (4) hide show
  1. package/index.js +7 -10
  2. package/index.modern.js +7 -10
  3. package/package.json +1 -1
  4. package/types/index.d.ts +1 -3
package/index.js CHANGED
@@ -41994,6 +41994,7 @@ function ForwardMessagePopup(_ref2) {
41994
41994
  surface1 = _useColor2[THEME_COLORS.SURFACE_1],
41995
41995
  textSecondary = _useColor2[THEME_COLORS.TEXT_SECONDARY],
41996
41996
  background = _useColor2[THEME_COLORS.BACKGROUND],
41997
+ backgroundSections = _useColor2[THEME_COLORS.BACKGROUND_SECTIONS],
41997
41998
  iconInactive = _useColor2[THEME_COLORS.ICON_INACTIVE],
41998
41999
  textOnPrimary = _useColor2[THEME_COLORS.TEXT_ON_PRIMARY],
41999
42000
  iconPrimary = _useColor2[THEME_COLORS.ICON_PRIMARY],
@@ -42655,8 +42656,7 @@ function ForwardMessagePopup(_ref2) {
42655
42656
  },
42656
42657
  thumbColor: surface2
42657
42658
  }), mentionQuery && visibleMentionCandidates.length > 0 && (/*#__PURE__*/React__default.createElement(ForwardMentionList, {
42658
- backgroundColor: background,
42659
- borderColor: tooltipBackground
42659
+ backgroundColor: backgroundSections
42660
42660
  }, visibleMentionCandidates.map(function (member, index) {
42661
42661
  var displayName = makeUsername(contactsMap[member.id], member, getFromContacts);
42662
42662
  return /*#__PURE__*/React__default.createElement(ForwardMentionOption, {
@@ -42751,10 +42751,8 @@ var SendNoteButton = styled__default.button(_templateObject17$2 || (_templateObj
42751
42751
  }, function (props) {
42752
42752
  return props.iconColor;
42753
42753
  });
42754
- var ForwardMentionList = styled__default.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 10;\n bottom: calc(100% + 4px);\n left: 0;\n width: 280px;\n max-height: 180px;\n overflow-y: auto;\n background: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n"])), function (props) {
42754
+ var ForwardMentionList = styled__default.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 10;\n bottom: calc(100% + 4px);\n left: 0;\n width: 280px;\n max-height: 180px;\n overflow-y: auto;\n background: ", ";\n border-radius: 8px;\n box-shadow: 0px 0px 24px 0px #11153929;\n"])), function (props) {
42755
42755
  return props.backgroundColor;
42756
- }, function (props) {
42757
- return props.borderColor;
42758
42756
  });
42759
42757
  var ForwardMentionOption = styled__default.button(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n width: 100%;\n gap: 8px;\n padding: 8px 10px;\n border: 0;\n background: ", ";\n color: ", ";\n font: inherit;\n text-align: left;\n cursor: pointer;\n\n &:hover {\n background: rgba(127, 127, 127, 0.12);\n }\n"])), function (props) {
42760
42758
  return props.isActive ? 'rgba(127, 127, 127, 0.12)' : 'transparent';
@@ -59036,10 +59034,9 @@ var SendMessageInput = function SendMessageInput(_ref4) {
59036
59034
  }
59037
59035
  };
59038
59036
  var canForwardMessage = React.useMemo(function () {
59039
- var _selectedMessagesMap$;
59040
- return selectedMessagesMap === null || selectedMessagesMap === void 0 ? void 0 : (_selectedMessagesMap$ = selectedMessagesMap.values()) === null || _selectedMessagesMap$ === void 0 ? void 0 : _selectedMessagesMap$.some(function (message) {
59037
+ return selectedMessagesMap ? Array.from(selectedMessagesMap.values()).some(function (message) {
59041
59038
  return message.type === exports.MESSAGE_TYPE.POLL || message.type === 'call';
59042
- });
59039
+ }) : false;
59043
59040
  }, [selectedMessagesMap]);
59044
59041
  var showLinkPreview = React.useMemo(function () {
59045
59042
  var _linkPreview$metadata, _linkPreview$metadata2, _linkPreview$metadata3, _linkPreview$metadata4, _linkPreview$metadata5, _linkPreview$metadata6, _linkPreview$metadata7, _linkPreview$metadata8;
@@ -59733,7 +59730,7 @@ function _extends$1C() {
59733
59730
  return n;
59734
59731
  }, _extends$1C.apply(null, arguments);
59735
59732
  }
59736
- function SvgMarkAsUnRead(props) {
59733
+ function SvgMarkAsUnread(props) {
59737
59734
  return /*#__PURE__*/React.createElement("svg", _extends$1C({
59738
59735
  width: 20,
59739
59736
  height: 20,
@@ -60998,7 +60995,7 @@ var DefaultStarIcon = styled__default(SvgStar)(_templateObject7$u || (_templateO
60998
60995
  var DefaultUnpinIcon = styled__default(SvgUnpin)(_templateObject8$r || (_templateObject8$r = _taggedTemplateLiteralLoose([""])));
60999
60996
  var DefaultPinIcon = styled__default(SvgPin)(_templateObject9$m || (_templateObject9$m = _taggedTemplateLiteralLoose([""])));
61000
60997
  var DefaultMarkAsRead = styled__default(SvgMarkAsRead)(_templateObject0$k || (_templateObject0$k = _taggedTemplateLiteralLoose([""])));
61001
- var DefaultMarkAsUnRead = styled__default(SvgMarkAsUnRead)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
60998
+ var DefaultMarkAsUnRead = styled__default(SvgMarkAsUnread)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
61002
60999
  var DefaultBlockIcon = styled__default(SvgBlockChannel)(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose([""])));
61003
61000
  var DefaultReportIcon = styled__default(SvgReport)(_templateObject11$b || (_templateObject11$b = _taggedTemplateLiteralLoose([""])));
61004
61001
  var DefaultClearIcon = styled__default(SvgClear)(_templateObject12$a || (_templateObject12$a = _taggedTemplateLiteralLoose([""])));
package/index.modern.js CHANGED
@@ -41974,6 +41974,7 @@ function ForwardMessagePopup(_ref2) {
41974
41974
  surface1 = _useColor2[THEME_COLORS.SURFACE_1],
41975
41975
  textSecondary = _useColor2[THEME_COLORS.TEXT_SECONDARY],
41976
41976
  background = _useColor2[THEME_COLORS.BACKGROUND],
41977
+ backgroundSections = _useColor2[THEME_COLORS.BACKGROUND_SECTIONS],
41977
41978
  iconInactive = _useColor2[THEME_COLORS.ICON_INACTIVE],
41978
41979
  textOnPrimary = _useColor2[THEME_COLORS.TEXT_ON_PRIMARY],
41979
41980
  iconPrimary = _useColor2[THEME_COLORS.ICON_PRIMARY],
@@ -42635,8 +42636,7 @@ function ForwardMessagePopup(_ref2) {
42635
42636
  },
42636
42637
  thumbColor: surface2
42637
42638
  }), mentionQuery && visibleMentionCandidates.length > 0 && (/*#__PURE__*/React__default.createElement(ForwardMentionList, {
42638
- backgroundColor: background,
42639
- borderColor: tooltipBackground
42639
+ backgroundColor: backgroundSections
42640
42640
  }, visibleMentionCandidates.map(function (member, index) {
42641
42641
  var displayName = makeUsername(contactsMap[member.id], member, getFromContacts);
42642
42642
  return /*#__PURE__*/React__default.createElement(ForwardMentionOption, {
@@ -42731,10 +42731,8 @@ var SendNoteButton = styled.button(_templateObject17$2 || (_templateObject17$2 =
42731
42731
  }, function (props) {
42732
42732
  return props.iconColor;
42733
42733
  });
42734
- var ForwardMentionList = styled.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 10;\n bottom: calc(100% + 4px);\n left: 0;\n width: 280px;\n max-height: 180px;\n overflow-y: auto;\n background: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n"])), function (props) {
42734
+ var ForwardMentionList = styled.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 10;\n bottom: calc(100% + 4px);\n left: 0;\n width: 280px;\n max-height: 180px;\n overflow-y: auto;\n background: ", ";\n border-radius: 8px;\n box-shadow: 0px 0px 24px 0px #11153929;\n"])), function (props) {
42735
42735
  return props.backgroundColor;
42736
- }, function (props) {
42737
- return props.borderColor;
42738
42736
  });
42739
42737
  var ForwardMentionOption = styled.button(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n width: 100%;\n gap: 8px;\n padding: 8px 10px;\n border: 0;\n background: ", ";\n color: ", ";\n font: inherit;\n text-align: left;\n cursor: pointer;\n\n &:hover {\n background: rgba(127, 127, 127, 0.12);\n }\n"])), function (props) {
42740
42738
  return props.isActive ? 'rgba(127, 127, 127, 0.12)' : 'transparent';
@@ -59016,10 +59014,9 @@ var SendMessageInput = function SendMessageInput(_ref4) {
59016
59014
  }
59017
59015
  };
59018
59016
  var canForwardMessage = useMemo(function () {
59019
- var _selectedMessagesMap$;
59020
- return selectedMessagesMap === null || selectedMessagesMap === void 0 ? void 0 : (_selectedMessagesMap$ = selectedMessagesMap.values()) === null || _selectedMessagesMap$ === void 0 ? void 0 : _selectedMessagesMap$.some(function (message) {
59017
+ return selectedMessagesMap ? Array.from(selectedMessagesMap.values()).some(function (message) {
59021
59018
  return message.type === MESSAGE_TYPE.POLL || message.type === 'call';
59022
- });
59019
+ }) : false;
59023
59020
  }, [selectedMessagesMap]);
59024
59021
  var showLinkPreview = useMemo(function () {
59025
59022
  var _linkPreview$metadata, _linkPreview$metadata2, _linkPreview$metadata3, _linkPreview$metadata4, _linkPreview$metadata5, _linkPreview$metadata6, _linkPreview$metadata7, _linkPreview$metadata8;
@@ -59713,7 +59710,7 @@ function _extends$1C() {
59713
59710
  return n;
59714
59711
  }, _extends$1C.apply(null, arguments);
59715
59712
  }
59716
- function SvgMarkAsUnRead(props) {
59713
+ function SvgMarkAsUnread(props) {
59717
59714
  return /*#__PURE__*/createElement("svg", _extends$1C({
59718
59715
  width: 20,
59719
59716
  height: 20,
@@ -60978,7 +60975,7 @@ var DefaultStarIcon = styled(SvgStar)(_templateObject7$u || (_templateObject7$u
60978
60975
  var DefaultUnpinIcon = styled(SvgUnpin)(_templateObject8$r || (_templateObject8$r = _taggedTemplateLiteralLoose([""])));
60979
60976
  var DefaultPinIcon = styled(SvgPin)(_templateObject9$m || (_templateObject9$m = _taggedTemplateLiteralLoose([""])));
60980
60977
  var DefaultMarkAsRead = styled(SvgMarkAsRead)(_templateObject0$k || (_templateObject0$k = _taggedTemplateLiteralLoose([""])));
60981
- var DefaultMarkAsUnRead = styled(SvgMarkAsUnRead)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
60978
+ var DefaultMarkAsUnRead = styled(SvgMarkAsUnread)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
60982
60979
  var DefaultBlockIcon = styled(SvgBlockChannel)(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose([""])));
60983
60980
  var DefaultReportIcon = styled(SvgReport)(_templateObject11$b || (_templateObject11$b = _taggedTemplateLiteralLoose([""])));
60984
60981
  var DefaultClearIcon = styled(SvgClear)(_templateObject12$a || (_templateObject12$a = _taggedTemplateLiteralLoose([""])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.9.1-beta.11",
3
+ "version": "1.9.1-beta.12",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",
package/types/index.d.ts CHANGED
@@ -48,13 +48,12 @@ export interface IAttachment {
48
48
  data: any;
49
49
  cachedUrl?: string;
50
50
  }
51
- declare class AttachmentBuilder {
51
+ export interface AttachmentBuilder {
52
52
  url: string;
53
53
  type: string;
54
54
  name?: string;
55
55
  metadata?: string;
56
56
  upload?: boolean;
57
- constructor(url: string, type: string);
58
57
  setName: (name: string) => this;
59
58
  setMetadata: (metadata: string) => this;
60
59
  setUpload: (upload: boolean) => this;
@@ -363,4 +362,3 @@ export interface OGMetadataProps {
363
362
  isInviteLink?: boolean;
364
363
  target?: string;
365
364
  }
366
- export {};