@sendbird/uikit-react
Version:
Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.
140 lines (136 loc) • 8.96 kB
JavaScript
import { c as __spreadArray } from './bundle-yl5d1NoZ.js';
import React__default from 'react';
import { f as format } from './bundle-mGsud0ec.js';
import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-viBng0Kh.js';
import Loader from '../ui/Loader.js';
import { a as isDefaultChannelName, E as isTemplateMessage, l as isImage, B as isGif, k as isVideo, F as isAudio, G as isVoiceMessageMimeType, H as isSentStatus } from './bundle-vmZ9LoYK.js';
import { OutgoingMessageStates, getOutgoingMessageState } from '../utils/message/getOutgoingMessageState.js';
import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-BhhLSKSz.js';
import { u as useLocalization } from './bundle-Del33VzI.js';
import { c as classnames } from './bundle-MlG9piGf.js';
var getChannelTitle = function (channel, currentUserId, stringSet) {
var _a;
if (stringSet === void 0) { stringSet = LabelStringSet; }
if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
return stringSet.NO_TITLE;
}
if (!isDefaultChannelName(channel)) {
return channel.name;
}
if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
return stringSet.NO_MEMBERS;
}
return ((channel === null || channel === void 0 ? void 0 : channel.members) || [])
.filter(function (_a) {
var userId = _a.userId;
return userId !== currentUserId;
})
.map(function (_a) {
var nickname = _a.nickname;
return nickname || stringSet.NO_NAME;
})
.join(', ');
};
var getLastMessageCreatedAt = function (_a) {
var _b;
var channel = _a.channel, locale = _a.locale, _c = _a.stringSet, stringSet = _c === void 0 ? LabelStringSet : _c;
var createdAt = (_b = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _b === void 0 ? void 0 : _b.createdAt;
var optionalParam = locale ? { locale: locale } : null;
if (!createdAt) {
return '';
}
if (isToday(createdAt)) {
return format(createdAt, stringSet.DATE_FORMAT__LAST_MESSAGE_CREATED_AT__TODAY, optionalParam);
}
if (isYesterday(createdAt)) {
return stringSet.MESSAGE_STATUS__YESTERDAY || 'Yesterday';
}
if (isThisYear(createdAt)) {
return format(createdAt, stringSet.DATE_FORMAT__LAST_MESSAGE_CREATED_AT__THIS_YEAR, optionalParam);
}
return format(createdAt, stringSet.DATE_FORMAT__LAST_MESSAGE_CREATED_AT__PREVIOUS_YEAR, optionalParam);
};
var getTotalMembers = function (channel) { return ((channel === null || channel === void 0 ? void 0 : channel.memberCount) ? channel.memberCount : 0); };
var getChannelPreviewFileDisplayString = function (mimeType, stringSet) {
var _a, _b, _c, _d, _e, _f;
if (stringSet === void 0) { stringSet = LabelStringSet; }
if (isGif(mimeType)) {
return (_a = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF) !== null && _a !== void 0 ? _a : '';
}
if (isImage(mimeType)) {
return (_b = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _b !== void 0 ? _b : '';
}
if (isVideo(mimeType)) {
return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO) !== null && _c !== void 0 ? _c : '';
}
if (isAudio(mimeType)) {
return (_d = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO) !== null && _d !== void 0 ? _d : '';
}
if (isVoiceMessageMimeType(mimeType)) {
return (_e = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE) !== null && _e !== void 0 ? _e : '';
}
return (_f = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL) !== null && _f !== void 0 ? _f : '';
};
var getPrettyLastMessage = function (message, stringSet) {
var _a, _b, _c, _d;
if (message === void 0) { message = null; }
if (stringSet === void 0) { stringSet = LabelStringSet; }
if (!message)
return '';
if (isTemplateMessage(message)) {
return stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_TEMPLATE_MESSAGE;
}
if (message.isFileMessage()) {
return getChannelPreviewFileDisplayString(message.type, stringSet);
}
if (message.isMultipleFilesMessage()) {
var mimeType = (_b = (_a = message.fileInfoList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.mimeType;
if (isImage(mimeType) || isGif(mimeType)) {
return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _c !== void 0 ? _c : '';
}
return getChannelPreviewFileDisplayString(mimeType, stringSet);
}
return (_d = message.message) !== null && _d !== void 0 ? _d : '';
};
var getLastMessageText = function (channel, stringSet) {
if (stringSet === void 0) { stringSet = LabelStringSet; }
return (channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? getPrettyLastMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage, stringSet) : '';
};
var getChannelUnreadMessageCount = function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) ? channel.unreadMessageCount : 0; };
var _a, _b;
var MessageStatusTypes = OutgoingMessageStates;
var iconType = (_a = {},
_a[OutgoingMessageStates.SENT] = IconTypes.DONE,
_a[OutgoingMessageStates.DELIVERED] = IconTypes.DONE_ALL,
_a[OutgoingMessageStates.READ] = IconTypes.DONE_ALL,
_a[OutgoingMessageStates.FAILED] = IconTypes.ERROR,
_a[OutgoingMessageStates.PENDING] = undefined,
_a[OutgoingMessageStates.NONE] = undefined,
_a);
var iconColor = (_b = {},
_b[OutgoingMessageStates.SENT] = IconColors.SENT,
_b[OutgoingMessageStates.DELIVERED] = IconColors.SENT,
_b[OutgoingMessageStates.READ] = IconColors.READ,
_b[OutgoingMessageStates.FAILED] = IconColors.ERROR,
_b[OutgoingMessageStates.PENDING] = undefined,
_b[OutgoingMessageStates.NONE] = undefined,
_b);
function MessageStatus(_a) {
var _b;
var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _c === void 0 ? true : _c;
var _d = useLocalization(), stringSet = _d.stringSet, dateLocale = _d.dateLocale;
var status = getOutgoingMessageState(channel, message);
var hideMessageStatusIcon = ((_b = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _b === void 0 ? void 0 : _b.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
&& !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED));
return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
'sendbird-message-status',
], false).join(' ') },
(status === OutgoingMessageStates.PENDING) ? (React__default.createElement(Loader, { className: "sendbird-message-status__icon", testID: "sendbird-message-status-icon", width: "16px", height: "16px" },
React__default.createElement(Icon, { type: IconTypes.SPINNER, fillColor: IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React__default.createElement(Icon, { className: classnames('sendbird-message-status__icon', hideMessageStatusIcon && 'hide-icon', status !== OutgoingMessageStates.FAILED && 'sendbird-message-status--sent'), testID: "sendbird-message-status-icon", type: iconType[status] || IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
isSentStatus(status) && (React__default.createElement(Label, { className: "sendbird-message-status__text", testID: "sendbird-message-status-text", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, isDateSeparatorConsidered
? format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, stringSet.DATE_FORMAT__MESSAGE_CREATED_AT, { locale: dateLocale })
: getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
}
export { MessageStatus as M, getLastMessageText as a, getTotalMembers as b, getLastMessageCreatedAt as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
//# sourceMappingURL=bundle-2U8QpYXo.js.map