sceyt-chat-react-uikit 1.7.9-beta.2 → 1.7.9-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +12 -5
  2. package/index.modern.js +12 -5
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -45748,7 +45748,8 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45748
45748
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
45749
45749
  background = _useColor[THEME_COLORS.BACKGROUND],
45750
45750
  iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
45751
- backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED];
45751
+ backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED],
45752
+ surface2 = _useColor[THEME_COLORS.SURFACE_2];
45752
45753
  var contactsMap = useSelector(contactsMapSelector);
45753
45754
  var getFromContacts = getShowOnlyContactUsers();
45754
45755
  var dispatch = useDispatch();
@@ -45813,7 +45814,7 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45813
45814
  onMouseLeave: function onMouseLeave() {
45814
45815
  return setIsScrolling(false);
45815
45816
  },
45816
- thumbColor: background
45817
+ thumbColor: surface2
45817
45818
  }, isLoadingInitial ? (/*#__PURE__*/React__default.createElement(LoadingText$1, {
45818
45819
  color: textSecondary
45819
45820
  }, "Loading...")) : mutualChannels.length > 0 ? mutualChannels.map(function (channel) {
@@ -45836,7 +45837,7 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45836
45837
  color: textSecondary
45837
45838
  }, "Loading more...")))));
45838
45839
  };
45839
- var ChannelsList$1 = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n max-height: 400px;\n overflow-y: auto;\n overflow-x: hidden;\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 3px;\n opacity: 0.3;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n opacity: 0.6;\n }\n"])), function (props) {
45840
+ var ChannelsList$1 = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n max-height: 400px;\n overflow-y: auto;\n overflow-x: hidden;\n\n &::-webkit-scrollbar {\n width: 8px;\n background: transparent;\n }\n &::-webkit-scrollbar-thumb {\n background: transparent;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 4px;\n }\n &.show-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n }\n"])), function (props) {
45840
45841
  return props.thumbColor;
45841
45842
  });
45842
45843
  var ChannelItem$1 = styled__default.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: 6px 2px 6px 6px;\n border-radius: 8px;\n cursor: pointer;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
@@ -48826,6 +48827,12 @@ var Details = function Details(_ref) {
48826
48827
  return Promise.reject(e);
48827
48828
  }
48828
48829
  };
48830
+ var channelMetadata = React.useMemo(function () {
48831
+ if (isJSON(activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.metadata)) {
48832
+ return JSON.parse(activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.metadata);
48833
+ }
48834
+ return activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.metadata;
48835
+ }, [activeChannel]);
48829
48836
  return /*#__PURE__*/React__default.createElement(Container$v, {
48830
48837
  backgroundColor: backgroundColor,
48831
48838
  mounted: mounted,
@@ -48911,11 +48918,11 @@ var Details = function Details(_ref) {
48911
48918
  color: textSecondary,
48912
48919
  fontSize: channelMembersFontSize,
48913
48920
  lineHeight: channelMembersLineHeight
48914
- }, activeChannel && activeChannel.memberCount, " ", displayMemberText)))), showAboutChannel && activeChannel && activeChannel.metadata && activeChannel.metadata.d && (/*#__PURE__*/React__default.createElement(AboutChannel, null, showAboutChannelTitle && /*#__PURE__*/React__default.createElement(AboutChannelTitle, {
48921
+ }, activeChannel && activeChannel.memberCount, " ", displayMemberText)))), showAboutChannel && activeChannel && channelMetadata && (channelMetadata === null || channelMetadata === void 0 ? void 0 : channelMetadata.d) && (/*#__PURE__*/React__default.createElement(AboutChannel, null, showAboutChannelTitle && /*#__PURE__*/React__default.createElement(AboutChannelTitle, {
48915
48922
  color: textFootnote
48916
48923
  }, "About"), /*#__PURE__*/React__default.createElement(AboutChannelText, {
48917
48924
  color: textPrimary
48918
- }, activeChannel && activeChannel.metadata && activeChannel.metadata.d ? activeChannel.metadata.d : '')))), activeChannel && activeChannel.userRole && (/*#__PURE__*/React__default.createElement(Actions, {
48925
+ }, channelMetadata !== null && channelMetadata !== void 0 && channelMetadata.d ? channelMetadata === null || channelMetadata === void 0 ? void 0 : channelMetadata.d : '')))), activeChannel && activeChannel.userRole && (/*#__PURE__*/React__default.createElement(Actions, {
48919
48926
  setActionsHeight: setActionsHeight,
48920
48927
  theme: theme,
48921
48928
  showMuteUnmuteNotifications: showMuteUnmuteNotifications,
package/index.modern.js CHANGED
@@ -45747,7 +45747,8 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45747
45747
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
45748
45748
  background = _useColor[THEME_COLORS.BACKGROUND],
45749
45749
  iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
45750
- backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED];
45750
+ backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED],
45751
+ surface2 = _useColor[THEME_COLORS.SURFACE_2];
45751
45752
  var contactsMap = useSelector(contactsMapSelector);
45752
45753
  var getFromContacts = getShowOnlyContactUsers();
45753
45754
  var dispatch = useDispatch();
@@ -45812,7 +45813,7 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45812
45813
  onMouseLeave: function onMouseLeave() {
45813
45814
  return setIsScrolling(false);
45814
45815
  },
45815
- thumbColor: background
45816
+ thumbColor: surface2
45816
45817
  }, isLoadingInitial ? (/*#__PURE__*/React__default.createElement(LoadingText$1, {
45817
45818
  color: textSecondary
45818
45819
  }, "Loading...")) : mutualChannels.length > 0 ? mutualChannels.map(function (channel) {
@@ -45835,7 +45836,7 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
45835
45836
  color: textSecondary
45836
45837
  }, "Loading more...")))));
45837
45838
  };
45838
- var ChannelsList$1 = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n max-height: 400px;\n overflow-y: auto;\n overflow-x: hidden;\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 3px;\n opacity: 0.3;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n opacity: 0.6;\n }\n"])), function (props) {
45839
+ var ChannelsList$1 = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n max-height: 400px;\n overflow-y: auto;\n overflow-x: hidden;\n\n &::-webkit-scrollbar {\n width: 8px;\n background: transparent;\n }\n &::-webkit-scrollbar-thumb {\n background: transparent;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 4px;\n }\n &.show-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n }\n"])), function (props) {
45839
45840
  return props.thumbColor;
45840
45841
  });
45841
45842
  var ChannelItem$1 = styled.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: 6px 2px 6px 6px;\n border-radius: 8px;\n cursor: pointer;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
@@ -48825,6 +48826,12 @@ var Details = function Details(_ref) {
48825
48826
  return Promise.reject(e);
48826
48827
  }
48827
48828
  };
48829
+ var channelMetadata = useMemo(function () {
48830
+ if (isJSON(activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.metadata)) {
48831
+ return JSON.parse(activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.metadata);
48832
+ }
48833
+ return activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.metadata;
48834
+ }, [activeChannel]);
48828
48835
  return /*#__PURE__*/React__default.createElement(Container$v, {
48829
48836
  backgroundColor: backgroundColor,
48830
48837
  mounted: mounted,
@@ -48910,11 +48917,11 @@ var Details = function Details(_ref) {
48910
48917
  color: textSecondary,
48911
48918
  fontSize: channelMembersFontSize,
48912
48919
  lineHeight: channelMembersLineHeight
48913
- }, activeChannel && activeChannel.memberCount, " ", displayMemberText)))), showAboutChannel && activeChannel && activeChannel.metadata && activeChannel.metadata.d && (/*#__PURE__*/React__default.createElement(AboutChannel, null, showAboutChannelTitle && /*#__PURE__*/React__default.createElement(AboutChannelTitle, {
48920
+ }, activeChannel && activeChannel.memberCount, " ", displayMemberText)))), showAboutChannel && activeChannel && channelMetadata && (channelMetadata === null || channelMetadata === void 0 ? void 0 : channelMetadata.d) && (/*#__PURE__*/React__default.createElement(AboutChannel, null, showAboutChannelTitle && /*#__PURE__*/React__default.createElement(AboutChannelTitle, {
48914
48921
  color: textFootnote
48915
48922
  }, "About"), /*#__PURE__*/React__default.createElement(AboutChannelText, {
48916
48923
  color: textPrimary
48917
- }, activeChannel && activeChannel.metadata && activeChannel.metadata.d ? activeChannel.metadata.d : '')))), activeChannel && activeChannel.userRole && (/*#__PURE__*/React__default.createElement(Actions, {
48924
+ }, channelMetadata !== null && channelMetadata !== void 0 && channelMetadata.d ? channelMetadata === null || channelMetadata === void 0 ? void 0 : channelMetadata.d : '')))), activeChannel && activeChannel.userRole && (/*#__PURE__*/React__default.createElement(Actions, {
48918
48925
  setActionsHeight: setActionsHeight,
48919
48926
  theme: theme,
48920
48927
  showMuteUnmuteNotifications: showMuteUnmuteNotifications,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.9-beta.2",
3
+ "version": "1.7.9-beta.4",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",