@vunex/support-chat 1.0.0

package/README.md

@@ -0,0 +1,62 @@
+# Инструкция по интеграции GIG Support Chat
+
+Этот модуль представляет собой автономный виджет чата техподдержки для Vue 3 приложений.
+
+## 1. Установка
+
+Если модуль находится в локальной папке:
+```bash
+npm install ./path/to/gig-support-chat
+```
+
+## 2. Инициализация (main.ts)
+
+```typescript
+import { createApp } from 'vue';
+import App from './App.vue';
+import GigSupportChat from '@gig/support-chat';
+import '@gig/support-chat/style.css';
+
+const app = createApp(App);
+
+app.use(GigSupportChat, {
+  config: {
+    // URL бэкенда техподдержки
+    apiUrl: 'https://support-api.digitaltaxtech.kz',
+    // Путь для сокетов (дефолтно /ws)
+    path: '/ws',
+    // Ключ системы, выдается администратором
+    apiKey: 'your_project_api_key',
+    // Уникальный ID текущего пользователя
+    uuid: 'user-unique-id',
+    // Данные для отображения оператору (необязательно)
+    metaUser: {
+      name: 'Иван Иванов',
+      phone: '+7 777 000 00 00',
+      role: 'CLIENT'
+    }
+  }
+});
+
+app.mount('#app');
+```
+
+## 3. Компонент (App.vue)
+
+Разместите компонент в корневом шаблоне вашего приложения:
+
+```html
+<template>
+  <div id="app">
+    <router-view />
+    <!-- Виджет чата появится в правом нижнем углу -->
+    <GigSupportChat />
+  </div>
+</template>
+```
+
+## 4. Особенности
+- **Изоляция стилей**: Все CSS классы начинаются с префикса `gig-`, что предотвращает конфликты с вашими стилями.
+- **Адаптивность**: Окно чата оптимизировано для десктопных и мобильных браузеров.
+- **Дизайн**: Современный интерфейс с эффектами глассморфизма и плавными анимациями.
+- **Зависимости**: Модуль сам управляет соединением через `socket.io-client`.

package/dist/components/ChatMessage.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    message: any;
+    currentUserId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    reply: (...args: any[]) => void;
+    "scroll-to": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReply?: ((...args: any[]) => any) | undefined;
+    "onScroll-to"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ChatWindow.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    messages: any[];
+    isConnected: boolean;
+    currentUserId: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    messagesContainer: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/GigSupportChat.vue.d.ts

@@ -0,0 +1,6 @@
+import { ChatConfig } from '../store/supportChat';
+type __VLS_Props = {
+    config: ChatConfig;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;