sceyt-chat-react-uikit 1.7.1-beta.12 → 1.7.1-beta.13

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 (5) hide show
  1. package/components/Channel/index.d.ts +1 -0
  2. package/components/ChannelList/index.d.ts +1 -0
  3. package/index.js +21 -9
  4. package/index.modern.js +21 -9
  5. package/package.json +1 -1
package/components/Channel/index.d.ts CHANGED
@@ -46,6 +46,7 @@ interface IChannelProps {
46
46
  user: IUser;
47
47
  MessageText: any;
48
48
  }) => any;
49
+ doNotShowMessageDeliveryTypes: string[];
49
50
  }
50
51
  declare const Channel: React.FC<IChannelProps>;
51
52
  export default Channel;
package/components/ChannelList/index.d.ts CHANGED
@@ -77,6 +77,7 @@ interface IChannelListProps {
77
77
  getCustomLatestMessage?: (lastMessage: IMessage, typingOrRecording: any, draftMessageText: any, textSecondary: string, channel: IChannel, channelLastMessageFontSize: string, channelLastMessageHeight: string, isDirectChannel: boolean, textPrimary: string, messageAuthorRef: any, contactsMap: {
78
78
  [key: string]: IContact;
79
79
  }, getFromContacts: boolean, warningColor: string, user: IUser, MessageText: any) => any;
80
+ doNotShowMessageDeliveryTypes: string[];
80
81
  }
81
82
  declare const ChannelList: React.FC<IChannelListProps>;
82
83
  export default ChannelList;
package/index.js CHANGED
@@ -21179,7 +21179,8 @@ var Channel = function Channel(_ref3) {
21179
21179
  channelAvatarSize = _ref3.channelAvatarSize,
21180
21180
  channelAvatarTextSize = _ref3.channelAvatarTextSize,
21181
21181
  setSelectedChannel = _ref3.setSelectedChannel,
21182
- getCustomLatestMessage = _ref3.getCustomLatestMessage;
21182
+ getCustomLatestMessage = _ref3.getCustomLatestMessage,
21183
+ doNotShowMessageDeliveryTypes = _ref3.doNotShowMessageDeliveryTypes;
21183
21184
  var _useColor = useColors(),
21184
21185
  accentColor = _useColor[THEME_COLORS.ACCENT],
21185
21186
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -21335,6 +21336,9 @@ var Channel = function Channel(_ref3) {
21335
21336
  MessageText: MessageText
21336
21337
  });
21337
21338
  }, [getCustomLatestMessage, lastMessage, typingOrRecording, draftMessageText, textSecondary, channel, channelLastMessageFontSize, channelLastMessageHeight, isDirectChannel, textPrimary, messageAuthorRef, contactsMap, getFromContacts, warningColor, user, MessageText]);
21339
+ var isTypeValid = React.useCallback(function (type) {
21340
+ return !doNotShowMessageDeliveryTypes.includes(type);
21341
+ }, [doNotShowMessageDeliveryTypes]);
21338
21342
  return /*#__PURE__*/React__default.createElement(Container$2, {
21339
21343
  theme: theme,
21340
21344
  selectedChannel: channel.id === activeChannel.id,
@@ -21423,7 +21427,7 @@ var Channel = function Channel(_ref3) {
21423
21427
  }, MessageText)))), /*#__PURE__*/React__default.createElement(ChannelStatus, {
21424
21428
  color: iconInactive,
21425
21429
  ref: messageTimeAndStatusRef
21426
- }, lastMessage && lastMessage.state !== MESSAGE_STATUS.DELETE && (/*#__PURE__*/React__default.createElement(DeliveryIconCont, null, lastMessage && lastMessage.user && lastMessage.user.id === user.id && lastMessage.type !== 'system' && MessageStatusIcon({
21430
+ }, lastMessage && lastMessage.state !== MESSAGE_STATUS.DELETE && (/*#__PURE__*/React__default.createElement(DeliveryIconCont, null, lastMessage && lastMessage.user && lastMessage.user.id === user.id && isTypeValid(lastMessage.type) && MessageStatusIcon({
21427
21431
  messageStatus: lastMessage.deliveryStatus,
21428
21432
  messageStatusDisplayingType: 'ticks',
21429
21433
  readIconColor: accentColor,
@@ -23428,7 +23432,9 @@ var ChannelList = function ChannelList(_ref) {
23428
23432
  searchChannelInputFontSize = _ref.searchChannelInputFontSize,
23429
23433
  searchedChannelsTitleFontSize = _ref.searchedChannelsTitleFontSize,
23430
23434
  searchChannelsPadding = _ref.searchChannelsPadding,
23431
- getCustomLatestMessage = _ref.getCustomLatestMessage;
23435
+ getCustomLatestMessage = _ref.getCustomLatestMessage,
23436
+ _ref$doNotShowMessage = _ref.doNotShowMessageDeliveryTypes,
23437
+ doNotShowMessageDeliveryTypes = _ref$doNotShowMessage === void 0 ? ['system'] : _ref$doNotShowMessage;
23432
23438
  var _useColor = useColors(),
23433
23439
  background = _useColor[THEME_COLORS.BACKGROUND],
23434
23440
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -23736,7 +23742,8 @@ var ChannelList = function ChannelList(_ref) {
23736
23742
  key: channel.id,
23737
23743
  contactsMap: contactsMap,
23738
23744
  setSelectedChannel: setSelectedChannel,
23739
- getCustomLatestMessage: getCustomLatestMessage
23745
+ getCustomLatestMessage: getCustomLatestMessage,
23746
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23740
23747
  }));
23741
23748
  }))) : channelsLoading === LOADING_STATE.LOADED && searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha = searchedChannels.chats_groups) !== null && _searchedChannels$cha !== void 0 && _searchedChannels$cha.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha2 = searchedChannels.channels) !== null && _searchedChannels$cha2 !== void 0 && _searchedChannels$cha2.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$con = searchedChannels.contacts) !== null && _searchedChannels$con !== void 0 && _searchedChannels$con.length ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(searchedChannels.chats_groups && searchedChannels.chats_groups.length) && (/*#__PURE__*/React__default.createElement(DirectChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
23742
23749
  color: textSecondary,
@@ -23772,7 +23779,8 @@ var ChannelList = function ChannelList(_ref) {
23772
23779
  key: channel.id,
23773
23780
  contactsMap: contactsMap,
23774
23781
  setSelectedChannel: setSelectedChannel,
23775
- getCustomLatestMessage: getCustomLatestMessage
23782
+ getCustomLatestMessage: getCustomLatestMessage,
23783
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23776
23784
  }));
23777
23785
  }))), !!(searchedChannels.contacts && searchedChannels.contacts.length) && (/*#__PURE__*/React__default.createElement(GroupChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
23778
23786
  color: textSecondary,
@@ -23840,7 +23848,8 @@ var ChannelList = function ChannelList(_ref) {
23840
23848
  key: channel.id,
23841
23849
  contactsMap: contactsMap,
23842
23850
  setSelectedChannel: setSelectedChannel,
23843
- getCustomLatestMessage: getCustomLatestMessage
23851
+ getCustomLatestMessage: getCustomLatestMessage,
23852
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23844
23853
  }));
23845
23854
  }))))) : (/*#__PURE__*/React__default.createElement(NoData, {
23846
23855
  color: textSecondary,
@@ -23889,7 +23898,8 @@ var ChannelList = function ChannelList(_ref) {
23889
23898
  key: channel.id,
23890
23899
  contactsMap: contactsMap,
23891
23900
  setSelectedChannel: setSelectedChannel,
23892
- getCustomLatestMessage: getCustomLatestMessage
23901
+ getCustomLatestMessage: getCustomLatestMessage,
23902
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23893
23903
  }));
23894
23904
  }))), !!searchValue && (channelsLoading === LOADING_STATE.LOADED ? !((_searchedChannels$cha4 = searchedChannels.chats_groups) !== null && _searchedChannels$cha4 !== void 0 && _searchedChannels$cha4.length) && !((_searchedChannels$cha5 = searchedChannels.chats_groups) !== null && _searchedChannels$cha5 !== void 0 && _searchedChannels$cha5.length) && !((_searchedChannels$cha6 = searchedChannels.channels) !== null && _searchedChannels$cha6 !== void 0 && _searchedChannels$cha6.length) ? (/*#__PURE__*/React__default.createElement(NoData, {
23895
23905
  color: textSecondary,
@@ -23928,7 +23938,8 @@ var ChannelList = function ChannelList(_ref) {
23928
23938
  contactsMap: contactsMap,
23929
23939
  key: channel.id,
23930
23940
  setSelectedChannel: setSelectedChannel,
23931
- getCustomLatestMessage: getCustomLatestMessage
23941
+ getCustomLatestMessage: getCustomLatestMessage,
23942
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23932
23943
  }));
23933
23944
  }))), !!searchedChannels.channels.length && (/*#__PURE__*/React__default.createElement(GroupChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
23934
23945
  color: textSecondary,
@@ -23964,7 +23975,8 @@ var ChannelList = function ChannelList(_ref) {
23964
23975
  key: channel.id,
23965
23976
  contactsMap: contactsMap,
23966
23977
  setSelectedChannel: setSelectedChannel,
23967
- getCustomLatestMessage: getCustomLatestMessage
23978
+ getCustomLatestMessage: getCustomLatestMessage,
23979
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23968
23980
  }));
23969
23981
  }))))) : (/*#__PURE__*/React__default.createElement(LoadingWrapper, null, /*#__PURE__*/React__default.createElement(UploadingIcon, {
23970
23982
  color: textFootnote
package/index.modern.js CHANGED
@@ -21158,7 +21158,8 @@ var Channel = function Channel(_ref3) {
21158
21158
  channelAvatarSize = _ref3.channelAvatarSize,
21159
21159
  channelAvatarTextSize = _ref3.channelAvatarTextSize,
21160
21160
  setSelectedChannel = _ref3.setSelectedChannel,
21161
- getCustomLatestMessage = _ref3.getCustomLatestMessage;
21161
+ getCustomLatestMessage = _ref3.getCustomLatestMessage,
21162
+ doNotShowMessageDeliveryTypes = _ref3.doNotShowMessageDeliveryTypes;
21162
21163
  var _useColor = useColors(),
21163
21164
  accentColor = _useColor[THEME_COLORS.ACCENT],
21164
21165
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -21314,6 +21315,9 @@ var Channel = function Channel(_ref3) {
21314
21315
  MessageText: MessageText
21315
21316
  });
21316
21317
  }, [getCustomLatestMessage, lastMessage, typingOrRecording, draftMessageText, textSecondary, channel, channelLastMessageFontSize, channelLastMessageHeight, isDirectChannel, textPrimary, messageAuthorRef, contactsMap, getFromContacts, warningColor, user, MessageText]);
21318
+ var isTypeValid = useCallback(function (type) {
21319
+ return !doNotShowMessageDeliveryTypes.includes(type);
21320
+ }, [doNotShowMessageDeliveryTypes]);
21317
21321
  return /*#__PURE__*/React__default.createElement(Container$2, {
21318
21322
  theme: theme,
21319
21323
  selectedChannel: channel.id === activeChannel.id,
@@ -21402,7 +21406,7 @@ var Channel = function Channel(_ref3) {
21402
21406
  }, MessageText)))), /*#__PURE__*/React__default.createElement(ChannelStatus, {
21403
21407
  color: iconInactive,
21404
21408
  ref: messageTimeAndStatusRef
21405
- }, lastMessage && lastMessage.state !== MESSAGE_STATUS.DELETE && (/*#__PURE__*/React__default.createElement(DeliveryIconCont, null, lastMessage && lastMessage.user && lastMessage.user.id === user.id && lastMessage.type !== 'system' && MessageStatusIcon({
21409
+ }, lastMessage && lastMessage.state !== MESSAGE_STATUS.DELETE && (/*#__PURE__*/React__default.createElement(DeliveryIconCont, null, lastMessage && lastMessage.user && lastMessage.user.id === user.id && isTypeValid(lastMessage.type) && MessageStatusIcon({
21406
21410
  messageStatus: lastMessage.deliveryStatus,
21407
21411
  messageStatusDisplayingType: 'ticks',
21408
21412
  readIconColor: accentColor,
@@ -23407,7 +23411,9 @@ var ChannelList = function ChannelList(_ref) {
23407
23411
  searchChannelInputFontSize = _ref.searchChannelInputFontSize,
23408
23412
  searchedChannelsTitleFontSize = _ref.searchedChannelsTitleFontSize,
23409
23413
  searchChannelsPadding = _ref.searchChannelsPadding,
23410
- getCustomLatestMessage = _ref.getCustomLatestMessage;
23414
+ getCustomLatestMessage = _ref.getCustomLatestMessage,
23415
+ _ref$doNotShowMessage = _ref.doNotShowMessageDeliveryTypes,
23416
+ doNotShowMessageDeliveryTypes = _ref$doNotShowMessage === void 0 ? ['system'] : _ref$doNotShowMessage;
23411
23417
  var _useColor = useColors(),
23412
23418
  background = _useColor[THEME_COLORS.BACKGROUND],
23413
23419
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -23715,7 +23721,8 @@ var ChannelList = function ChannelList(_ref) {
23715
23721
  key: channel.id,
23716
23722
  contactsMap: contactsMap,
23717
23723
  setSelectedChannel: setSelectedChannel,
23718
- getCustomLatestMessage: getCustomLatestMessage
23724
+ getCustomLatestMessage: getCustomLatestMessage,
23725
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23719
23726
  }));
23720
23727
  }))) : channelsLoading === LOADING_STATE.LOADED && searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha = searchedChannels.chats_groups) !== null && _searchedChannels$cha !== void 0 && _searchedChannels$cha.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha2 = searchedChannels.channels) !== null && _searchedChannels$cha2 !== void 0 && _searchedChannels$cha2.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$con = searchedChannels.contacts) !== null && _searchedChannels$con !== void 0 && _searchedChannels$con.length ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(searchedChannels.chats_groups && searchedChannels.chats_groups.length) && (/*#__PURE__*/React__default.createElement(DirectChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
23721
23728
  color: textSecondary,
@@ -23751,7 +23758,8 @@ var ChannelList = function ChannelList(_ref) {
23751
23758
  key: channel.id,
23752
23759
  contactsMap: contactsMap,
23753
23760
  setSelectedChannel: setSelectedChannel,
23754
- getCustomLatestMessage: getCustomLatestMessage
23761
+ getCustomLatestMessage: getCustomLatestMessage,
23762
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23755
23763
  }));
23756
23764
  }))), !!(searchedChannels.contacts && searchedChannels.contacts.length) && (/*#__PURE__*/React__default.createElement(GroupChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
23757
23765
  color: textSecondary,
@@ -23819,7 +23827,8 @@ var ChannelList = function ChannelList(_ref) {
23819
23827
  key: channel.id,
23820
23828
  contactsMap: contactsMap,
23821
23829
  setSelectedChannel: setSelectedChannel,
23822
- getCustomLatestMessage: getCustomLatestMessage
23830
+ getCustomLatestMessage: getCustomLatestMessage,
23831
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23823
23832
  }));
23824
23833
  }))))) : (/*#__PURE__*/React__default.createElement(NoData, {
23825
23834
  color: textSecondary,
@@ -23868,7 +23877,8 @@ var ChannelList = function ChannelList(_ref) {
23868
23877
  key: channel.id,
23869
23878
  contactsMap: contactsMap,
23870
23879
  setSelectedChannel: setSelectedChannel,
23871
- getCustomLatestMessage: getCustomLatestMessage
23880
+ getCustomLatestMessage: getCustomLatestMessage,
23881
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23872
23882
  }));
23873
23883
  }))), !!searchValue && (channelsLoading === LOADING_STATE.LOADED ? !((_searchedChannels$cha4 = searchedChannels.chats_groups) !== null && _searchedChannels$cha4 !== void 0 && _searchedChannels$cha4.length) && !((_searchedChannels$cha5 = searchedChannels.chats_groups) !== null && _searchedChannels$cha5 !== void 0 && _searchedChannels$cha5.length) && !((_searchedChannels$cha6 = searchedChannels.channels) !== null && _searchedChannels$cha6 !== void 0 && _searchedChannels$cha6.length) ? (/*#__PURE__*/React__default.createElement(NoData, {
23874
23884
  color: textSecondary,
@@ -23907,7 +23917,8 @@ var ChannelList = function ChannelList(_ref) {
23907
23917
  contactsMap: contactsMap,
23908
23918
  key: channel.id,
23909
23919
  setSelectedChannel: setSelectedChannel,
23910
- getCustomLatestMessage: getCustomLatestMessage
23920
+ getCustomLatestMessage: getCustomLatestMessage,
23921
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23911
23922
  }));
23912
23923
  }))), !!searchedChannels.channels.length && (/*#__PURE__*/React__default.createElement(GroupChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
23913
23924
  color: textSecondary,
@@ -23943,7 +23954,8 @@ var ChannelList = function ChannelList(_ref) {
23943
23954
  key: channel.id,
23944
23955
  contactsMap: contactsMap,
23945
23956
  setSelectedChannel: setSelectedChannel,
23946
- getCustomLatestMessage: getCustomLatestMessage
23957
+ getCustomLatestMessage: getCustomLatestMessage,
23958
+ doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes
23947
23959
  }));
23948
23960
  }))))) : (/*#__PURE__*/React__default.createElement(LoadingWrapper, null, /*#__PURE__*/React__default.createElement(UploadingIcon, {
23949
23961
  color: textFootnote
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.1-beta.12",
3
+ "version": "1.7.1-beta.13",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",