@uzum-tech/ui 1.7.2 → 1.8.1

package/es/chat/src/styles/index.cssr.js

@@ -4,7 +4,6 @@ export default cB('chat', `
  max-height: 100%;
  min-height: 0;
  display: flex;
- overflow: hidden;
  box-sizing: border-box;
  .u-list-item__text {
  grid-template-columns: 1fr !important;
@@ -13,7 +12,6 @@ export default cB('chat', `
  height: 100%;
  max-height: 100%;
  min-height: 0;
- overflow: hidden;
  }
 `, [cB('chat-sidebar', `
  max-width: 388px;
@@ -24,10 +22,10 @@ export default cB('chat', `
  background-color: var(--u-sidebar-background-color);
  border: 1px solid var(--u-sidebar-border-color);
  border-radius: 20px;
- overflow: hidden;
  `, [cE('header', `
- padding: 16px 16px 0 16px;
  flex-shrink: 0;
+ `), cE('header-container', `
+ padding: 16px 16px 4px 16px;
  `), cE('header-main', `
  flex: 0 0 48%;
  min-width: 0;
@@ -43,7 +41,7 @@ export default cB('chat', `
  overflow-y: auto;
  min-height: 0;
  padding: 16px;
- padding-top: 12px;
+ padding-top: 8px;
  `), cE('item', `
  padding: 12px 16px;
  width: 100%;
@@ -137,7 +135,6 @@ export default cB('chat', `
  `), cE('item-status sup', `
  padding: 2px 6px 2px 5px;
  height: 22px;
- --u-color: var(--u-unread-notification-background-color);
  `), cE('item-status-icon', `
  color: var(--u-sidebar-item-time-color);
  `, [cM('read', `
@@ -159,7 +156,6 @@ export default cB('chat', `
  height: 100%;
  max-height: 100%;
  min-height: 0;
- overflow: hidden;
  `, [cE('header', `
  border-bottom: 1px solid var(--u-border-color);
  width: 100%;
@@ -175,7 +171,7 @@ export default cB('chat', `
  color: var(--u-unread-notification-text-color);
  padding: 6px 12px;
  text-align: center;
- font-size: 12px;
+ font-size: 14px;
  font-weight: 500;
  margin: 8px 0;
  display: flex;
@@ -209,8 +205,19 @@ export default cB('chat', `
  color: var(--u-date-separator-color);
  padding: 4px 12px;
  border-radius: 12px;
- font-size: 12px;
+ font-size: 14px;
  font-weight: 500;
+ `)]), cE('mark', `
+ display: flex;
+ justify-content: center;
+ margin: 12px 0;
+ width: 100%;
+ `, [c('span', `
+ padding: 6px 12px;
+ border-radius: 8px;
+ color: var(--u-text-color-secondary);
+ background-color: var(--u-date-separator-background-color);
+ text-align: center;
  `)]), cE('message', `
  display: flex;
  margin-bottom: 8px;
@@ -326,13 +333,6 @@ export default cB('chat', `
  `), cE('input', `
  flex: 1;
  margin-right: 4px;
- --u-color: #F3F4F6 !important;
- --u-color-focus: #F3F4F6 !important;
- --u-border: none !important;
- --u-border-focus: none !important;
- --u-border-hover: none !important;
- --u-box-shadow: none !important;
- --u-box-shadow-focus: none !important;
  `), cE('attach-btn', `
  margin-left: 4px;
  flex-shrink: 0;

package/es/chat/styles/light.d.ts

@@ -35,7 +35,6 @@ export declare const self: (vars: ThemeCommonVars) => {
     borderRadius: string;
     errorColor: string;
 };
-export type ChatThemeVars = ReturnType<typeof self>;
 declare const chatLight: import("../../_mixins").Theme<"Chat", {
     backgroundColor: string;
     borderColor: string;
@@ -686,4 +685,5 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
     }, any>;
 }>;
 export default chatLight;
+export type ChatThemeVars = ReturnType<typeof self>;
 export type ChatTheme = typeof chatLight;

package/es/chat/styles/light.js

@@ -1,14 +1,26 @@
 import { inputLight } from '../../input/styles';
+import { self as inputSelf } from '../../input/styles/light';
 import { emptyLight } from '../../empty/styles';
 import { selectLight } from '../../select/styles';
 import { avatarLight } from '../../avatar/styles';
 import { badgeLight } from '../../badge/styles';
+import { self as badgeSelf } from '../../badge/styles/light';
 import { buttonLight } from '../../button/styles';
 import { iconLight } from '../../icon/styles';
 import { listLight } from '../../list/styles';
 import { typographyLight } from '../../typography/styles';
 import { commonLight } from '../../_styles/common';
 import { createTheme } from '../../_mixins';
+const chatInputLight = Object.assign(Object.assign({}, inputLight), { self(vars) {
+        const originalInputSelf = inputSelf(vars);
+        const { elementsTertiary } = vars;
+        return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
+    } });
+const chatBadgeLight = Object.assign(Object.assign({}, badgeLight), { self(vars) {
+        const originalBadgeSelf = badgeSelf(vars);
+        const { brandPrimary400, elementsSecondary } = vars;
+        return Object.assign(Object.assign({}, originalBadgeSelf), { color: brandPrimary400, textColor: elementsSecondary });
+    } });
 export const self = (vars) => {
     const { borderRadiusLarge, elementsQuaternary, elementsTertiary, textTertiary, textPrimary, textSecondary, surfacePrimary, brandPrimary500, brandPrimary400, transparencySecondary, elementsSecondary, elementsDarkQuinary, staticRed, staticWhite } = vars;
     return {
@@ -43,7 +55,7 @@ export const self = (vars) => {
         unreadNotificationTextColor: elementsSecondary,
         typingIndicatorColor: textSecondary,
         dateSeparatorColor: textTertiary,
-        dateSeparatorBackgroundColor: elementsTertiary,
+        dateSeparatorBackgroundColor: 'transparent',
         borderRadius: borderRadiusLarge,
         errorColor: staticRed
     };
@@ -52,11 +64,11 @@ const chatLight = createTheme({
     name: 'Chat',
     common: commonLight,
     peers: {
-        Input: inputLight,
+        Input: chatInputLight,
         Empty: emptyLight,
         Select: selectLight,
         Avatar: avatarLight,
-        Badge: badgeLight,
+        Badge: chatBadgeLight,
         Button: buttonLight,
         Icon: iconLight,
         List: listLight,

package/es/locales/common/arDZ.js

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

package/es/locales/common/deDE.js

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

package/es/locales/common/enGB.js

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

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.1";
 export default _default;

package/es/version.js

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

package/lib/chat/index.d.ts

@@ -1,2 +1,7 @@
 export { default as UChat } from './src/Chat';
-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 { default as UChatListItems } from './src/ChatListItems';
+export { default as UChatMessages } from './src/ChatMessages';
+export type { ChatId, 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 { MessageStatus, ChatMessageType, ChatMarkType } from './src/interface';
+export type { ChatListItemsProps } from './src/ChatListItems';
+export type { ChatMessagesProps } from './src/ChatMessages';

package/lib/chat/index.js

@@ -3,6 +3,14 @@ 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.ChatMarkType = exports.ChatMessageType = exports.MessageStatus = 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; } });
+var interface_1 = require("./src/interface");
+Object.defineProperty(exports, "MessageStatus", { enumerable: true, get: function () { return interface_1.MessageStatus; } });
+Object.defineProperty(exports, "ChatMessageType", { enumerable: true, get: function () { return interface_1.ChatMessageType; } });
+Object.defineProperty(exports, "ChatMarkType", { enumerable: true, get: function () { return interface_1.ChatMarkType; } });

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;