@webitel/ui-chats 26.8.3 → 26.8.5

package/types/locale/en/en.d.ts

@@ -7,6 +7,31 @@ declare const _default: {
                 textAreaPlaceholder: string;
             };
         };
+        v2: {
+            composer: {
+                placeholder: string;
+                attach: string;
+                emoji: string;
+                send: string;
+            };
+            history: {
+                today: string;
+                waitingForOperator: string;
+                deletedMessage: string;
+                unsupportedMessage: string;
+                download: string;
+            };
+            systemNotice: {
+                started: string;
+                joined: string;
+                accepted: string;
+                transferred: string;
+                left: string;
+                ended: string;
+                unknown: string;
+                system: string;
+            };
+        };
     };
 };
 export default _default;

package/types/locale/es/es.d.ts

@@ -7,6 +7,31 @@ declare const _default: {
                 textAreaPlaceholder: string;
             };
         };
+        v2: {
+            composer: {
+                placeholder: string;
+                attach: string;
+                emoji: string;
+                send: string;
+            };
+            history: {
+                today: string;
+                waitingForOperator: string;
+                deletedMessage: string;
+                unsupportedMessage: string;
+                download: string;
+            };
+            systemNotice: {
+                started: string;
+                joined: string;
+                accepted: string;
+                transferred: string;
+                left: string;
+                ended: string;
+                unknown: string;
+                system: string;
+            };
+        };
     };
 };
 export default _default;

package/types/locale/index.d.ts

@@ -17,6 +17,31 @@ export declare const messages: {
                     textAreaPlaceholder: string;
                 };
             };
+            v2: {
+                composer: {
+                    placeholder: string;
+                    attach: string;
+                    emoji: string;
+                    send: string;
+                };
+                history: {
+                    today: string;
+                    waitingForOperator: string;
+                    deletedMessage: string;
+                    unsupportedMessage: string;
+                    download: string;
+                };
+                systemNotice: {
+                    started: string;
+                    joined: string;
+                    accepted: string;
+                    transferred: string;
+                    left: string;
+                    ended: string;
+                    unknown: string;
+                    system: string;
+                };
+            };
         };
     };
     uk: {
@@ -28,6 +53,31 @@ export declare const messages: {
                     textAreaPlaceholder: string;
                 };
             };
+            v2: {
+                composer: {
+                    placeholder: string;
+                    attach: string;
+                    emoji: string;
+                    send: string;
+                };
+                history: {
+                    today: string;
+                    waitingForOperator: string;
+                    deletedMessage: string;
+                    unsupportedMessage: string;
+                    download: string;
+                };
+                systemNotice: {
+                    started: string;
+                    joined: string;
+                    accepted: string;
+                    transferred: string;
+                    left: string;
+                    ended: string;
+                    unknown: string;
+                    system: string;
+                };
+            };
         };
     };
     ru: {
@@ -39,6 +89,31 @@ export declare const messages: {
                     textAreaPlaceholder: string;
                 };
             };
+            v2: {
+                composer: {
+                    placeholder: string;
+                    attach: string;
+                    emoji: string;
+                    send: string;
+                };
+                history: {
+                    today: string;
+                    waitingForOperator: string;
+                    deletedMessage: string;
+                    unsupportedMessage: string;
+                    download: string;
+                };
+                systemNotice: {
+                    started: string;
+                    joined: string;
+                    accepted: string;
+                    transferred: string;
+                    left: string;
+                    ended: string;
+                    unknown: string;
+                    system: string;
+                };
+            };
         };
     };
     es: {
@@ -50,6 +125,31 @@ export declare const messages: {
                     textAreaPlaceholder: string;
                 };
             };
+            v2: {
+                composer: {
+                    placeholder: string;
+                    attach: string;
+                    emoji: string;
+                    send: string;
+                };
+                history: {
+                    today: string;
+                    waitingForOperator: string;
+                    deletedMessage: string;
+                    unsupportedMessage: string;
+                    download: string;
+                };
+                systemNotice: {
+                    started: string;
+                    joined: string;
+                    accepted: string;
+                    transferred: string;
+                    left: string;
+                    ended: string;
+                    unknown: string;
+                    system: string;
+                };
+            };
         };
     };
     kz: {
@@ -61,6 +161,31 @@ export declare const messages: {
                     textAreaPlaceholder: string;
                 };
             };
+            v2: {
+                composer: {
+                    placeholder: string;
+                    attach: string;
+                    emoji: string;
+                    send: string;
+                };
+                history: {
+                    today: string;
+                    waitingForOperator: string;
+                    deletedMessage: string;
+                    unsupportedMessage: string;
+                    download: string;
+                };
+                systemNotice: {
+                    started: string;
+                    joined: string;
+                    accepted: string;
+                    transferred: string;
+                    left: string;
+                    ended: string;
+                    unknown: string;
+                    system: string;
+                };
+            };
         };
     };
     pl: {
@@ -72,6 +197,31 @@ export declare const messages: {
                     textAreaPlaceholder: string;
                 };
             };
+            v2: {
+                composer: {
+                    placeholder: string;
+                    attach: string;
+                    emoji: string;
+                    send: string;
+                };
+                history: {
+                    today: string;
+                    waitingForOperator: string;
+                    deletedMessage: string;
+                    unsupportedMessage: string;
+                    download: string;
+                };
+                systemNotice: {
+                    started: string;
+                    joined: string;
+                    accepted: string;
+                    transferred: string;
+                    left: string;
+                    ended: string;
+                    unknown: string;
+                    system: string;
+                };
+            };
         };
     };
     ro: {
@@ -83,6 +233,31 @@ export declare const messages: {
                     textAreaPlaceholder: string;
                 };
             };
+            v2: {
+                composer: {
+                    placeholder: string;
+                    attach: string;
+                    emoji: string;
+                    send: string;
+                };
+                history: {
+                    today: string;
+                    waitingForOperator: string;
+                    deletedMessage: string;
+                    unsupportedMessage: string;
+                    download: string;
+                };
+                systemNotice: {
+                    started: string;
+                    joined: string;
+                    accepted: string;
+                    transferred: string;
+                    left: string;
+                    ended: string;
+                    unknown: string;
+                    system: string;
+                };
+            };
         };
     };
     uz: {
@@ -94,6 +269,31 @@ export declare const messages: {
                     textAreaPlaceholder: string;
                 };
             };
+            v2: {
+                composer: {
+                    placeholder: string;
+                    attach: string;
+                    emoji: string;
+                    send: string;
+                };
+                history: {
+                    today: string;
+                    waitingForOperator: string;
+                    deletedMessage: string;
+                    unsupportedMessage: string;
+                    download: string;
+                };
+                systemNotice: {
+                    started: string;
+                    joined: string;
+                    accepted: string;
+                    transferred: string;
+                    left: string;
+                    ended: string;
+                    unknown: string;
+                    system: string;
+                };
+            };
         };
     };
     vi: {
@@ -105,6 +305,31 @@ export declare const messages: {
                     textAreaPlaceholder: string;
                 };
             };
+            v2: {
+                composer: {
+                    placeholder: string;
+                    attach: string;
+                    emoji: string;
+                    send: string;
+                };
+                history: {
+                    today: string;
+                    waitingForOperator: string;
+                    deletedMessage: string;
+                    unsupportedMessage: string;
+                    download: string;
+                };
+                systemNotice: {
+                    started: string;
+                    joined: string;
+                    accepted: string;
+                    transferred: string;
+                    left: string;
+                    ended: string;
+                    unknown: string;
+                    system: string;
+                };
+            };
         };
     };
 };

package/types/locale/kz/kz.d.ts

@@ -7,6 +7,31 @@ declare const _default: {
                 textAreaPlaceholder: string;
             };
         };
+        v2: {
+            composer: {
+                placeholder: string;
+                attach: string;
+                emoji: string;
+                send: string;
+            };
+            history: {
+                today: string;
+                waitingForOperator: string;
+                deletedMessage: string;
+                unsupportedMessage: string;
+                download: string;
+            };
+            systemNotice: {
+                started: string;
+                joined: string;
+                accepted: string;
+                transferred: string;
+                left: string;
+                ended: string;
+                unknown: string;
+                system: string;
+            };
+        };
     };
 };
 export default _default;

package/types/locale/pl/pl.d.ts

@@ -7,6 +7,31 @@ declare const _default: {
                 textAreaPlaceholder: string;
             };
         };
+        v2: {
+            composer: {
+                placeholder: string;
+                attach: string;
+                emoji: string;
+                send: string;
+            };
+            history: {
+                today: string;
+                waitingForOperator: string;
+                deletedMessage: string;
+                unsupportedMessage: string;
+                download: string;
+            };
+            systemNotice: {
+                started: string;
+                joined: string;
+                accepted: string;
+                transferred: string;
+                left: string;
+                ended: string;
+                unknown: string;
+                system: string;
+            };
+        };
     };
 };
 export default _default;

package/types/locale/ro/ro.d.ts

@@ -7,6 +7,31 @@ declare const _default: {
                 textAreaPlaceholder: string;
             };
         };
+        v2: {
+            composer: {
+                placeholder: string;
+                attach: string;
+                emoji: string;
+                send: string;
+            };
+            history: {
+                today: string;
+                waitingForOperator: string;
+                deletedMessage: string;
+                unsupportedMessage: string;
+                download: string;
+            };
+            systemNotice: {
+                started: string;
+                joined: string;
+                accepted: string;
+                transferred: string;
+                left: string;
+                ended: string;
+                unknown: string;
+                system: string;
+            };
+        };
     };
 };
 export default _default;

package/types/locale/ru/ru.d.ts

@@ -7,6 +7,31 @@ declare const _default: {
                 textAreaPlaceholder: string;
             };
         };
+        v2: {
+            composer: {
+                placeholder: string;
+                attach: string;
+                emoji: string;
+                send: string;
+            };
+            history: {
+                today: string;
+                waitingForOperator: string;
+                deletedMessage: string;
+                unsupportedMessage: string;
+                download: string;
+            };
+            systemNotice: {
+                started: string;
+                joined: string;
+                accepted: string;
+                transferred: string;
+                left: string;
+                ended: string;
+                unknown: string;
+                system: string;
+            };
+        };
     };
 };
 export default _default;

package/types/locale/uk/uk.d.ts

@@ -7,6 +7,31 @@ declare const _default: {
                 textAreaPlaceholder: string;
             };
         };
+        v2: {
+            composer: {
+                placeholder: string;
+                attach: string;
+                emoji: string;
+                send: string;
+            };
+            history: {
+                today: string;
+                waitingForOperator: string;
+                deletedMessage: string;
+                unsupportedMessage: string;
+                download: string;
+            };
+            systemNotice: {
+                started: string;
+                joined: string;
+                accepted: string;
+                transferred: string;
+                left: string;
+                ended: string;
+                unknown: string;
+                system: string;
+            };
+        };
     };
 };
 export default _default;

package/types/locale/uz/uz.d.ts

@@ -7,6 +7,31 @@ declare const _default: {
                 textAreaPlaceholder: string;
             };
         };
+        v2: {
+            composer: {
+                placeholder: string;
+                attach: string;
+                emoji: string;
+                send: string;
+            };
+            history: {
+                today: string;
+                waitingForOperator: string;
+                deletedMessage: string;
+                unsupportedMessage: string;
+                download: string;
+            };
+            systemNotice: {
+                started: string;
+                joined: string;
+                accepted: string;
+                transferred: string;
+                left: string;
+                ended: string;
+                unknown: string;
+                system: string;
+            };
+        };
     };
 };
 export default _default;

package/types/locale/vi/vi.d.ts

@@ -7,6 +7,31 @@ declare const _default: {
                 textAreaPlaceholder: string;
             };
         };
+        v2: {
+            composer: {
+                placeholder: string;
+                attach: string;
+                emoji: string;
+                send: string;
+            };
+            history: {
+                today: string;
+                waitingForOperator: string;
+                deletedMessage: string;
+                unsupportedMessage: string;
+                download: string;
+            };
+            systemNotice: {
+                started: string;
+                joined: string;
+                accepted: string;
+                transferred: string;
+                left: string;
+                ended: string;
+                unknown: string;
+                system: string;
+            };
+        };
     };
 };
 export default _default;

package/types/{ui/messaging → shared}/composables/useChatScroll.d.ts

@@ -1,9 +1,19 @@
 import { type ComputedRef, type Ref } from 'vue';
-import type { ChatMessageType } from '../types/ChatMessage.types';
-export interface UseChatScrollOptions {
+export interface UseChatScrollOptions<TItem = unknown> {
     chatContainer: Ref<HTMLElement | null>;
     chatContent: Ref<HTMLElement | null>;
-    messages: Ref<ChatMessageType[]> | ComputedRef<ChatMessageType[]>;
+    messages: Ref<readonly TItem[]> | ComputedRef<readonly TItem[]>;
+    /**
+     * Whether a history item was sent by the viewer. The viewer's own new
+     * message always scrolls the history to the bottom.
+     * Defaults to v1's `item.member.self`.
+     */
+    isSelf?: (item: TItem) => boolean;
+    /**
+     * Class carried by every history row. The topmost row anchors the scroll
+     * position while older items are prepended.
+     */
+    itemClass?: string;
     chatId: ComputedRef<string>;
     isChatClosed: ComputedRef<boolean>;
     isLoading?: Ref<boolean> | ComputedRef<boolean>;
@@ -17,7 +27,7 @@ export interface UseChatScrollOptions {
      */
     onSeen?: () => void;
 }
-export declare const useChatScroll: ({ chatContainer, chatContent, messages, chatId, isChatClosed, isLoading, onBeforeStart, onSeen, }: UseChatScrollOptions) => {
+export declare const useChatScroll: <TItem = unknown>({ chatContainer, chatContent, messages, isSelf, itemClass, chatId, isChatClosed, isLoading, onBeforeStart, onSeen, }: UseChatScrollOptions<TItem>) => {
     showScrollToBottomBtn: Ref<boolean, boolean>;
     newUnseenMessagesCount: Ref<number, number>;
     scrollToBottom: (behavior?: ScrollBehavior) => void;

package/types/ui/index.d.ts

@@ -1,6 +1,6 @@
+export { useChatScroll } from '../shared/composables/useChatScroll';
+export { useObserveHeightUntilStable } from '../shared/composables/useObserveHeightUntilStable';
 export { ChatAction } from './chat-footer/modules/user-input/enums/ChatAction.enum';
-export { useChatScroll } from './messaging/composables/useChatScroll';
-export { useObserveHeightUntilStable } from './messaging/composables/useObserveHeightUntilStable';
 export { useChatMessageFile } from './messaging/modules/message/composables/useChatMessageFile';
 export { MessageAction } from './messaging/modules/message/enums/MessageAction.enum';
 export type { ChatMessageFile, ChatMessageType, } from './messaging/types/ChatMessage.types';

package/types/v2/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as ChatComposer } from './ui/chat-composer/chat-composer.vue';
+export { default as ChatHistory } from './ui/chat-history/chat-history.vue';
+export { default as ChatThread } from './ui/chat-thread/chat-thread.vue';

package/types/v2/locale/en.d.ts

@@ -0,0 +1,27 @@
+declare const en: {
+    composer: {
+        placeholder: string;
+        attach: string;
+        emoji: string;
+        send: string;
+    };
+    history: {
+        today: string;
+        waitingForOperator: string;
+        deletedMessage: string;
+        unsupportedMessage: string;
+        download: string;
+    };
+    systemNotice: {
+        started: string;
+        joined: string;
+        accepted: string;
+        transferred: string;
+        left: string;
+        ended: string;
+        unknown: string;
+        system: string;
+    };
+};
+export type ChatsV2Locale = typeof en;
+export default en;

package/types/v2/locale/es.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    composer: {
+        placeholder: string;
+        attach: string;
+        emoji: string;
+        send: string;
+    };
+    history: {
+        today: string;
+        waitingForOperator: string;
+        deletedMessage: string;
+        unsupportedMessage: string;
+        download: string;
+    };
+    systemNotice: {
+        started: string;
+        joined: string;
+        accepted: string;
+        transferred: string;
+        left: string;
+        ended: string;
+        unknown: string;
+        system: string;
+    };
+};
+export default _default;