@uzum-tech/ui 1.7.2 → 1.8.0

package/es/locales/common/enUS.d.ts

@@ -129,6 +129,7 @@ declare const enUS: {
         typingText: string;
         retryText: string;
         closeButtonText: string;
+        unreadNotificationText: string;
     };
 };
 export type ULocale = typeof enUS;

package/es/locales/common/enUS.js

@@ -129,7 +129,8 @@ const enUS = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default enUS;

package/es/locales/common/eo.js

@@ -130,7 +130,8 @@ const eo = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default eo;

package/es/locales/common/esAR.js

@@ -132,7 +132,8 @@ const esAR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default esAR;

package/es/locales/common/faIR.js

@@ -128,7 +128,8 @@ const faIR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default faIR;

package/es/locales/common/frFR.js

@@ -128,7 +128,8 @@ const frFR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default frFR;

package/es/locales/common/idID.js

@@ -132,7 +132,8 @@ const idID = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default idID;

package/es/locales/common/itIT.js

@@ -131,7 +131,8 @@ const itIT = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default itIT;

package/es/locales/common/jaJP.js

@@ -131,7 +131,8 @@ const jaJP = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default jaJP;

package/es/locales/common/koKR.js

@@ -131,7 +131,8 @@ const koKR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default koKR;

package/es/locales/common/nbNO.js

@@ -132,7 +132,8 @@ const nbNO = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default nbNO;

package/es/locales/common/nlNL.js

@@ -130,7 +130,8 @@ const nlNL = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default nlNL;

package/es/locales/common/plPL.js

@@ -131,7 +131,8 @@ const plPL = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default plPL;

package/es/locales/common/ptBR.js

@@ -128,7 +128,8 @@ const ptBR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default ptBR;

package/es/locales/common/ruRU.js

@@ -133,7 +133,8 @@ const ruRu = {
         inputPlaceholder: 'Написать сообщение...',
         typingText: 'Печатает...',
         retryText: 'Повторно отправить',
-        closeButtonText: 'Завершить чат'
+        closeButtonText: 'Завершить чат',
+        unreadNotificationText: 'новых сообщений'
     }
 };
 export default ruRu;

package/es/locales/common/skSK.js

@@ -132,7 +132,8 @@ const skSK = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default skSK;

package/es/locales/common/svSE.js

@@ -128,7 +128,8 @@ const svSE = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default svSE;

package/es/locales/common/thTH.js

@@ -132,7 +132,8 @@ const thTH = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default thTH;

package/es/locales/common/trTR.js

@@ -129,7 +129,8 @@ const trTR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default trTR;

package/es/locales/common/ukUA.js

@@ -129,7 +129,8 @@ const ukUA = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default ukUA;

package/es/locales/common/viVN.js

@@ -128,7 +128,8 @@ const viVN = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default viVN;

package/es/locales/common/zhCN.js

@@ -128,7 +128,8 @@ const zhCN = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default zhCN;

package/es/locales/common/zhTW.js

@@ -128,7 +128,8 @@ const zhTW = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 export default zhTW;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.7.2";
+declare const _default: "1.8.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.7.2';
+export default '1.8.0';

package/lib/chat/index.d.ts

@@ -1,2 +1,6 @@
 export { default as UChat } from './src/Chat';
+export { default as UChatListItems } from './src/ChatListItems';
+export { default as UChatMessages } from './src/ChatMessages';
 export type { ChatId, MessageStatus, ChatMessageType, ChatMarkType, ChatProps, ChatListItemProps, ChatMessageProps, ChatMarkProps, ChatHeaderProps, ChatFooterProps, ChatListHeaderProps, ChatSlots, ChatListItemSlots, ChatMessageSlots, ChatMarkSlots, ChatHeaderSlots, ChatFooterSlots, ChatListItemData, ChatMessageData, ChatAttachment, OnChatSelect, OnMessageSend, OnAttachmentUpload, OnFilterChange, OnLoadMoreChats, OnNetworkError, OnUploadError, OnSendError, ChatInst, ChatListInst, chatInjectionKey } from './src/interface';
+export type { ChatListItemsProps } from './src/ChatListItems';
+export type { ChatMessagesProps } from './src/ChatMessages';

package/lib/chat/index.js

@@ -3,6 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UChat = void 0;
+exports.UChatMessages = exports.UChatListItems = exports.UChat = void 0;
 var Chat_1 = require("./src/Chat");
 Object.defineProperty(exports, "UChat", { enumerable: true, get: function () { return __importDefault(Chat_1).default; } });
+var ChatListItems_1 = require("./src/ChatListItems");
+Object.defineProperty(exports, "UChatListItems", { enumerable: true, get: function () { return __importDefault(ChatListItems_1).default; } });
+var ChatMessages_1 = require("./src/ChatMessages");
+Object.defineProperty(exports, "UChatMessages", { enumerable: true, get: function () { return __importDefault(ChatMessages_1).default; } });

package/lib/chat/src/Chat.d.ts

@@ -115,6 +115,10 @@ export declare const chatProps: {
         type: PropType<ChatPropsType["closeButtonText"]>;
         default: undefined;
     };
+    unreadNotificationText: {
+        type: PropType<ChatPropsType["unreadNotificationText"]>;
+        default: undefined;
+    };
     chatItemsLoading: {
         type: PropType<ChatPropsType["chatItemsLoading"]>;
         default: boolean;
@@ -2241,6 +2245,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["closeButtonText"]>;
         default: undefined;
     };
+    unreadNotificationText: {
+        type: PropType<ChatPropsType["unreadNotificationText"]>;
+        default: undefined;
+    };
     chatItemsLoading: {
         type: PropType<ChatPropsType["chatItemsLoading"]>;
         default: boolean;
@@ -5285,6 +5293,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["closeButtonText"]>;
         default: undefined;
     };
+    unreadNotificationText: {
+        type: PropType<ChatPropsType["unreadNotificationText"]>;
+        default: undefined;
+    };
     chatItemsLoading: {
         type: PropType<ChatPropsType["chatItemsLoading"]>;
         default: boolean;
@@ -7312,15 +7324,19 @@ declare const _default: import("vue").DefineComponent<{
     typingText: string | undefined;
     retryText: string | undefined;
     closeButtonText: string | undefined;
+    unreadNotificationText: string | undefined;
     maxHeight: string | number;
     emptyProps: Partial<Partial<import("../..").EmptyProps> | undefined>;
+    chatItems: ChatListItemData[] | undefined;
+    selectedChatId: import("./interface").ChatId | undefined;
+    typingChatIds: (string | number | symbol)[];
+    onChatSelect: import("./interface").OnChatSelect | undefined;
+    messages: ChatMessageData[] | undefined;
+    onMessageRetry: ((message: ChatMessageData) => void) | undefined;
     onChatClose: () => void;
     onChatShare: () => void;
     onUserProfile: () => void;
     headerActions: (() => import("vue").VNodeChild)[] | undefined;
-    chatItems: ChatListItemData[] | undefined;
-    selectedChatId: import("./interface").ChatId | undefined;
-    messages: ChatMessageData[] | undefined;
     listEmptyProps: Partial<Partial<import("../..").EmptyProps> | undefined>;
     listHeaderTitle: string | (() => import("vue").VNodeChild) | undefined;
     listHeaderActions: (() => import("vue").VNodeChild)[] | undefined;
@@ -7343,14 +7359,11 @@ declare const _default: import("vue").DefineComponent<{
     chatItemsLoadingCount: number | undefined;
     messagesLoading: boolean | undefined;
     messagesLoadingCount: number | undefined;
-    onChatSelect: import("./interface").OnChatSelect | undefined;
-    onMessageRetry: ((message: ChatMessageData) => void) | undefined;
     onAttachmentUpload: import("./interface").OnAttachmentUpload | undefined;
     onFilterChange: import("./interface").OnFilterChange | undefined;
     onLoadMoreChats: import("./interface").OnLoadMoreChats | undefined;
     onNetworkError: import("./interface").OnNetworkError | undefined;
     onUploadError: import("./interface").OnUploadError | undefined;
     onSendError: import("./interface").OnSendError | undefined;
-    typingChatIds: (string | number | symbol)[];
 }, {}>;
 export default _default;

package/lib/chat/src/Chat.js

@@ -97,6 +97,9 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, closeButtonText: {
         type: String,
         default: undefined
+    }, unreadNotificationText: {
+        type: String,
+        default: undefined
     }, chatItemsLoading: {
         type: Boolean,
         default: false
@@ -165,6 +168,11 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Chat', '-chat', index_cssr_1.default, styles_1.chatLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('Chat');
+        const notificationsShownSet = (0, vue_1.ref)(new Set());
+        const markNotificationShown = (chatId) => {
+            notificationsShownSet.value.add(chatId);
+            notificationsShownSet.value = new Set(notificationsShownSet.value);
+        };
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { backgroundColor, borderColor, sidebarBackgroundColor, sidebarBorderColor, sidebarItemBackgroundColor, sidebarItemBackgroundColorHover, sidebarItemBackgroundColorSelected, sidebarItemTextColor, sidebarItemTextColorSelected, sidebarItemSubtitleColor, sidebarItemTimeColor, mainBackgroundColor, headerBackgroundColor, headerBorderColor, headerTitleColor, messageBubbleBackgroundColorOwn, messageBubbleBackgroundColorOther, messageBubbleTextColorOwn, messageBubbleTextColorOther, messageTimeColor, messageStatusColor, attachmentBackgroundColorOwn, attachmentBackgroundColorOther, footerBackgroundColor, footerBorderColor, inputBackgroundColor, inputBorderColor, unreadNotificationBackgroundColor, unreadNotificationTextColor, typingIndicatorColor, dateSeparatorColor, dateSeparatorBackgroundColor, borderRadius, errorColor } } = themeRef.value;
             return {
@@ -232,11 +240,35 @@ exports.default = (0, vue_1.defineComponent)({
             }
             return [];
         });
+        const lastUnreadCounts = (0, vue_1.ref)({});
+        (0, vue_1.watch)(() => props.chatItems, (chatItems) => {
+            if (!chatItems)
+                return;
+            chatItems.forEach((chatItem) => {
+                const chatId = chatItem.id;
+                const currentUnreadCount = chatItem.unreadCount || 0;
+                const lastUnreadCount = lastUnreadCounts.value[chatId] || 0;
+                if (currentUnreadCount > lastUnreadCount) {
+                    const newSet = new Set(notificationsShownSet.value);
+                    newSet.delete(chatId);
+                    notificationsShownSet.value = newSet;
+                }
+                lastUnreadCounts.value[chatId] = currentUnreadCount;
+            });
+        }, { deep: true, immediate: true });
+        const unreadCountsBeforeRead = (0, vue_1.ref)({});
         const handleChatSelect = (chatId) => {
             var _a, _b;
+            const previousChatId = uncontrolledSelectedChatIdRef.value;
+            if (previousChatId !== undefined && previousChatId !== chatId) {
+                emit('mark-messages-read', previousChatId);
+            }
+            const selectedItem = (_a = props.chatItems) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === chatId);
+            const unreadCountBeforeRead = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.unreadCount) || 0;
+            unreadCountsBeforeRead.value[chatId] = unreadCountBeforeRead;
             uncontrolledSelectedChatIdRef.value = chatId;
             emit('update:selectedChatId', chatId);
-            const selectedItem = (_a = props.chatItems) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === chatId);
+            emit('mark-messages-read', chatId);
             if (selectedItem) {
                 (_b = props.onChatSelect) === null || _b === void 0 ? void 0 : _b.call(props, chatId, selectedItem);
             }
@@ -288,6 +320,7 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedRetryTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.retryText) !== null && _a !== void 0 ? _a : localeRef.value.retryText; });
         const mergedTypingTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.typingText) !== null && _a !== void 0 ? _a : localeRef.value.typingText; });
         const mergedCloseButtonTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.closeButtonText) !== null && _a !== void 0 ? _a : localeRef.value.closeButtonText; });
+        const mergedUnreadNotificationTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.unreadNotificationText) !== null && _a !== void 0 ? _a : localeRef.value.unreadNotificationText; });
         (0, vue_1.provide)(interface_1.chatInjectionKey, {
             mergedClsPrefixRef,
             chatItemsRef: (0, vue_1.toRef)(props, 'chatItems'),
@@ -319,6 +352,10 @@ exports.default = (0, vue_1.defineComponent)({
             retryTextRef: mergedRetryTextRef,
             typingTextRef: mergedTypingTextRef,
             closeButtonTextRef: mergedCloseButtonTextRef,
+            unreadNotificationTextRef: mergedUnreadNotificationTextRef,
+            notificationsShownSetRef: notificationsShownSet,
+            unreadCountsBeforeReadRef: unreadCountsBeforeRead,
+            markNotificationShown,
             handleChatSelect,
             handleMessageSend,
             handleMessageRetry,
@@ -352,17 +389,19 @@ exports.default = (0, vue_1.defineComponent)({
             }
             : {};
         return ((0, vue_1.h)("div", { class: [`${this.mergedClsPrefix}-chat`, this.themeClass], style: Object.assign(Object.assign({}, maxHeightStyle), this.cssVars) },
-            (0, vue_1.h)(flex_1.UFlex, { wrap: false, size: [20, 20], style: { width: '100%' } },
-                (0, _utils_1.resolveSlot)($slots.sidebar, () => [
-                    (0, vue_1.h)(Sidebar_1.default, null, {
-                        sidebarHeaderMain: $slots.sidebarHeaderMain,
-                        sidebarHeaderActions: $slots.sidebarHeaderActions
-                    })
-                ]),
-                (0, _utils_1.resolveSlot)($slots.default, () => [
-                    (0, vue_1.h)(MainArea_1.default, null, {
-                        headerActions: $slots.headerActions
-                    })
-                ]))));
+            (0, vue_1.h)(flex_1.UFlex, { wrap: false, size: [20, 20], style: { width: '100%' } }, {
+                default: () => ((0, vue_1.h)(vue_1.Fragment, null,
+                    (0, _utils_1.resolveSlot)($slots.sidebar, () => [
+                        (0, vue_1.h)(Sidebar_1.default, null, {
+                            sidebarHeaderMain: $slots.sidebarHeaderMain,
+                            sidebarHeaderActions: $slots.sidebarHeaderActions
+                        })
+                    ]),
+                    (0, _utils_1.resolveSlot)($slots.default, () => [
+                        (0, vue_1.h)(MainArea_1.default, null, {
+                            headerActions: $slots.headerActions
+                        })
+                    ])))
+            })));
     }
 });