@satek-team-intern/chatbot-widget 0.11.0 → 0.11.2

package/dist/index.d.ts

@@ -1 +1,91 @@
+import { ChatWidgetProps as ChatWidgetProps_2 } from '../../types';
+import { FC } from 'react';
+
+/** Các loại định dạng tập tin được phép đính kèm từ thiết bị */
+declare type AttachmentType = 'image' | 'video' | 'audio' | 'file' | 'multiple';
+
+declare interface AuthInfo {
+    code?: string;
+    name: string;
+    avatar?: string;
+    phone?: string;
+    email?: string;
+}
+
+export declare const ChatWidget: FC<ChatWidgetProps_2>;
+
+export declare interface ChatWidgetProps {
+    scope?: WidgetScope;
+    title?: string;
+    workspace?: string;
+    logoUrl?: string;
+    primaryColor?: string;
+    auth: AuthInfo;
+    chatKey: string;
+    features?: WidgetFeature;
+    language?: LanguageOption;
+    initPosition?: PositionType;
+    disabledMembers?: string[];
+}
+
+/**
+ * Các phương thức truyền thông và ghi hình.
+ * - 'voice': Ghi âm và gửi tin nhắn thoại.
+ */
+declare type CommunicationFeature = 'voice';
+
+export declare function init(config: ChatWidgetProps): void;
+
+/** Các tùy chọn ngôn ngữ hiển thị trên giao diện */
+declare type LanguageOption = 'english' | 'vietnamese';
+
+/**
+ * Vị trí tính theo tọa độ
+ *
+ * - right: Khoảng cách từ mép phải của cửa sổ trình duyệt đến điểm đặt widget.
+ * - bottom: Khoảng cách từ mép dưới của cửa sổ trình duyệt đến điểm đặt widget.
+ */
+declare interface PositionType {
+    right: number;
+    bottom: number;
+}
+
+/**
+ * Chế độ vận hành của cửa sổ chat.
+ * - 'single': Chat 1-1.
+ * - 'group': Chế độ chat nhóm nhiều người tham gia.
+ */
+declare type WidgetChatMode = 'single' | 'group';
+
+/**
+ * Các tùy chọn can thiệp và mở rộng giao diện Widget.
+ * - 'change-color': Người dùng cuối có thể tự chọn màu chủ đạo (Primary Color).
+ * - 'change-theme': Người dùng cuối có thể chuyển đổi giữa các chủ đề (ví dụ: Sáng/Tối).
+ * - 'drag-and-drop': Hiển thị cấu hình toggle kéo thả để thay đổi vị trí của widget trên màn hình.
+ * - 'resize-window': Cho phép người dùng thay đổi kích thước cửa sổ chat bằng cách kéo thả cạnh cửa sổ.
+ */
+declare type WidgetCustomizationOptions = 'change-color' | 'change-theme' | 'drag-and-drop' | 'resize-window';
+
+declare interface WidgetFeature {
+    /** Danh sách các loại tập tin cho phép tải lên. Nếu có 'multiple', cho phép chọn nhiều file. */
+    attachments?: AttachmentType[];
+    /** Các tính năng tương tác trực tiếp bằng âm thanh và hình ảnh. */
+    communication?: CommunicationFeature[];
+    /**
+     * Xác định các hình thức hội thoại mà widget hỗ trợ.
+     * Nếu không truyền, mặc định là ['single']
+     */
+    chatModes?: WidgetChatMode[];
+    /** Các quyền tùy biến giao diện cho phép người dùng thực hiện. */
+    customizations?: WidgetCustomizationOptions[];
+}
+
+/**
+ * Phạm vi hoạt động (Ngữ cảnh môi trường) của Chat Widget.
+ *
+ * - `external`: Widget được nhúng vào các website bên ngoài (phục vụ khách vãng lai và admin).
+ * - `internal`: Widget chạy nội bộ trong hệ thống/app SaOne (phục vụ cho thành viên - member).
+ */
+declare type WidgetScope = 'external' | 'internal';
+
 export { }

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+import { ChatWidget } from './components';
+import { ChatWidgetProps } from './types';
+export { ChatWidget };
+export type { ChatWidgetProps };
+export declare function init(config: ChatWidgetProps): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@satek-team-intern/chatbot-widget",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "A widget chatbot can be integrated into any website, providing a seamless and interactive user experience. It is designed to be easily embedded and customizable, allowing businesses to engage with their customers effectively.",
   "author": "Satek Team",
   "license": "MIT",
@@ -18,17 +18,19 @@
   "publishConfig": {
     "access": "public"
   },
-  "types": "./dist/index.d.ts",
+  "types": "./dist/src/index.d.ts",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "npm run build:es && npm run build:umd",
+    "build:es": "cross-env VITE_TARGET_FORMAT=es vite build",
+    "build:umd": "cross-env VITE_TARGET_FORMAT=umd vite build",
     "lint": "eslint --fix",
     "prepare": "husky",
-    "prepublishOnly": "npm run lint && npm run build"
+    "prepublishOnly": "npm run lint && npx tsc --noEmit && npm run build"
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/src/index.d.ts",
       "import": "./dist/chatbot-widget.es.js",
       "require": "./dist/chatbot-widget.umd.js"
     }