react-native-chatbot-ai 0.1.19 → 0.1.22

package/src/store/messageActions.ts

@@ -0,0 +1,161 @@
+/**
+ * Message Actions Store
+ * Zustand store for managing message action states (feedback, audio, export, share)
+ */
+
+import { create } from 'zustand';
+import {
+  MessageActionsState,
+  MessageActionsActions,
+  AudioState,
+} from '../types/messageActions';
+
+type MessageActionsStore = MessageActionsState & MessageActionsActions;
+
+const useMessageActionsStore = create<MessageActionsStore>((set, get) => ({
+  // Initial State
+  feedbacks: {},
+  activeFeedbackList: null,
+  audioPlaybacks: {},
+  activeAudioMessageId: null,
+  pdfExports: {},
+  shareStates: {},
+
+  // Feedback Actions
+  setFeedback: (messageId, feedbackType, reason) => {
+    set((state) => ({
+      feedbacks: {
+        ...state.feedbacks,
+        [messageId]: {
+          messageId,
+          feedbackType,
+          reason,
+          timestamp: new Date().toISOString(),
+        },
+      },
+      activeFeedbackList: null, // Close list after selection
+    }));
+  },
+
+  setActiveFeedbackList: (messageId) => {
+    set({ activeFeedbackList: messageId });
+  },
+
+  getFeedback: (messageId) => {
+    return get().feedbacks[messageId];
+  },
+
+  // Audio Actions
+  setAudioState: (messageId, state, audioUrl) => {
+    set((prevState) => ({
+      audioPlaybacks: {
+        ...prevState.audioPlaybacks,
+        [messageId]: {
+          messageId,
+          state,
+          audioUrl,
+        },
+      },
+    }));
+  },
+
+  setActiveAudio: (messageId) => {
+    const currentActive = get().activeAudioMessageId;
+
+    // Stop previous audio if different message
+    if (currentActive && currentActive !== messageId) {
+      get().setAudioState(currentActive, AudioState.idle);
+    }
+
+    set({ activeAudioMessageId: messageId });
+  },
+
+  getAudioState: (messageId) => {
+    return get().audioPlaybacks[messageId];
+  },
+
+  stopAllAudio: () => {
+    const { audioPlaybacks } = get();
+    const updated = { ...audioPlaybacks };
+
+    Object.keys(updated).forEach((id) => {
+      if (updated[id]?.state === AudioState.playing) {
+        updated[id] = { ...updated[id]!, state: AudioState.idle };
+      }
+    });
+
+    set({ audioPlaybacks: updated, activeAudioMessageId: null });
+  },
+
+  // Export Actions
+  setPdfExportState: (messageId, state, pdfUrl, error) => {
+    set((prevState) => ({
+      pdfExports: {
+        ...prevState.pdfExports,
+        [messageId]: {
+          messageId,
+          state,
+          pdfUrl,
+          error,
+        },
+      },
+    }));
+  },
+
+  getPdfExport: (messageId) => {
+    return get().pdfExports[messageId];
+  },
+
+  // Share Actions
+  setShareState: (messageId, state) => {
+    set((prevState) => ({
+      shareStates: {
+        ...prevState.shareStates,
+        [messageId]: {
+          messageId,
+          text: '',
+          state,
+        },
+      },
+    }));
+  },
+
+  getShareState: (messageId) => {
+    return get().shareStates[messageId];
+  },
+
+  // Reset Actions
+  resetMessageActions: (messageId) => {
+    set((state) => {
+      const feedbacks = { ...state.feedbacks };
+      const audioPlaybacks = { ...state.audioPlaybacks };
+      const pdfExports = { ...state.pdfExports };
+      const shareStates = { ...state.shareStates };
+
+      delete feedbacks[messageId];
+      delete audioPlaybacks[messageId];
+      delete pdfExports[messageId];
+      delete shareStates[messageId];
+
+      return {
+        feedbacks,
+        audioPlaybacks,
+        pdfExports,
+        shareStates,
+      };
+    });
+  },
+
+  clearAllActions: () => {
+    set({
+      feedbacks: {},
+      activeFeedbackList: null,
+      audioPlaybacks: {},
+      activeAudioMessageId: null,
+      pdfExports: {},
+      shareStates: {},
+    });
+  },
+}));
+
+export default useMessageActionsStore;

package/src/store/session.ts

@@ -1,9 +1,11 @@
 import { create } from 'zustand';
-import { SessionStore } from '../types/chat';
+import { SessionLogType, SessionStore } from '../types/chat';
 
 const useSessionStore = create<SessionStore>((set) => ({
   sessionId: undefined,
-  setSessionId: (sessionId) => set({ sessionId }),
+  setSessionId: (sessionId, sessionLogType = SessionLogType.accessed) =>
+    set({ sessionId, sessionLogType }),
+  sessionLogType: SessionLogType.accessed,
 }));
 
 export default useSessionStore;

package/src/translation/index.ts

@@ -1,22 +1,30 @@
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import vi from './resources/vi';
+import i18n from './resources/i18n';
 
-if (!i18n.isInitialized) {
-  i18n.use(initReactI18next).init({
-    resources: {
-      vi: { chatbot: vi },
-    },
-    lng: 'vi', // default
-    fallbackLng: 'vi',
-    interpolation: { escapeValue: false },
-    ns: ['chatbot'],
-    defaultNS: 'chatbot',
-  });
-}
+export const replaceAll = (
+  target: string | undefined,
+  oldStr: string,
+  newStr: string
+) => {
+  return typeof target === 'string'
+    ? target?.replace(new RegExp(oldStr, 'g'), newStr) || newStr
+    : '';
+};
 
-//@ts-ignore
-const trans = (...args) => i18n.t(...args) as any;
+export const replaceMulti = (target: string | undefined, param: any) => {
+  if (typeof target !== 'string') {
+    return '';
+  }
+  let out = target;
+  for (const key in param) {
+    if (key) {
+      const textReplace = '{{' + key + '}}';
+      out = replaceAll(out, textReplace, String(param[key]));
+    }
+  }
+  return out;
+};
 
-export { i18n };
-export default trans;
+export const trans = (key: string, params?: Record<string, any>) => {
+  const text = i18n?.vi?.[key] || '';
+  return params ? replaceMulti(text, params) : text;
+};

package/src/translation/resources/i18n.ts

@@ -0,0 +1,45 @@
+const i18nKey: Record<string, string> = {
+  input_placeholder: 'Bạn muốn hỏi gì hôm nay?',
+  ai_answer_note:
+    'Lưu ý: Thông tin từ AI chỉ mang tính tham khảo, cần xác minh với chuyên gia hoặc nguồn uy tín.',
+  chat_empty_title: 'Bạn cần hỗ trợ gì hôm nay?',
+  chat_empty_description_1: 'Hãy đặt câu hỏi hoặc chia sẻ vấn đề của bạn!',
+  chat_empty_description_2: 'Những gợi ý dành cho bạn:',
+  photo_library: 'Thư viện ảnh',
+  camera: 'Chụp ảnh',
+
+  // Session options
+  session_options_title: 'Tuỳ chọn phiên chat',
+  session_rename: 'Đổi tên',
+  session_share: 'Chia sẻ',
+  session_delete: 'Xoá',
+
+  // Rename session
+  rename_session_title: 'Đổi tên phiên chat',
+  rename_session_placeholder: 'Nhập tên phiên chat',
+  rename_session_success: 'Đổi tên phiên chat thành công',
+  rename_session_cancel: 'Huỷ',
+  rename_session_confirm: 'Đổi tên',
+
+  // Share session
+  share_session_title: 'Chia sẻ phiên chat',
+  share_session_description:
+    'Để chia sẻ phiên chat "{sessionName}", vui lòng sao chép liên kết bên dưới và gửi đến người bạn muốn chia sẻ.',
+  share_session_link_label: 'Liên kết chia sẻ',
+  share_session_cancel: 'Huỷ',
+  share_session_confirm: 'Sao chép',
+  share_session_success:
+    'Đã sao chép liên kết của phiên chat. Vui lòng chia sẻ liên kết',
+
+  // Delete session
+  delete_session_title: 'Xoá phiên chat',
+  delete_session_description:
+    'Bạn có chắc chắn muốn xóa tất cả đoạn chat của phiên chat "{sessionName}"?',
+  delete_session_cancel: 'Không',
+  delete_session_confirm: 'Xoá',
+  delete_session_success: 'Đã xoá phiên chat thành công',
+};
+
+export default {
+  vi: i18nKey,
+};

package/src/types/chat.ts

@@ -13,6 +13,8 @@ export interface ChatContextType {
   pushLinkTo?: (url: string, resParams?: any) => void;
   openDrawer: () => void;
   closeDrawer: () => void;
+  chatbotUrl: string;
+  logGA: (event: string, params?: any) => void;
 }
 
 export interface ChatProviderProps {
@@ -25,11 +27,29 @@ export interface ChatProviderProps {
   onNavigateToProduct?: (product: any) => void;
   csTeamId?: string;
   pushLinkTo?: (url: string, resParams?: any) => void;
+  chatbotUrl: string;
+  logGA: (event: string, params?: any) => void;
+}
+
+export enum SessionLogType {
+  accessed = 'accessed',
+  newChatBtn = 'new_chat_btn',
+  oldChat = 'oldchat',
+}
+
+export enum SendActionLogType {
+  sendBtn = 'send_btn',
+  promptSuggestion = 'prompt_suggestion',
+  retry = 'retry',
 }
 
 export interface SessionStore {
   sessionId?: string;
-  setSessionId: (sessionId: string | undefined) => void;
+  setSessionId: (
+    sessionId: string | undefined,
+    sessionLogType?: SessionLogType
+  ) => void;
+  sessionLogType: SessionLogType;
 }
 
 export interface StreamMessageStore {

package/src/types/dto.ts

@@ -41,6 +41,8 @@ export interface IMessageItem {
   suggestions?: ISuggestionItem[];
   manual_retry_attempts: number | null;
   group_suggestion_id: string | null;
+  feedback_type?: 'LIKE' | 'DISLIKE' | null;
+  feedback_content?: string | null;
 }
 
 export interface SessionDetailResponse {
@@ -185,3 +187,15 @@ export interface IProductItem {
   vouchers: any[];
   warehouses: IWarehouseItem[];
 }
+
+// Message Actions API Types
+export interface SendFeedbackRequest {
+  message_id: string;
+  feedback_type: 'LIKE' | 'DISLIKE';
+  feedback_content: string;
+}
+
+export interface SendFeedbackResponse {
+  success: boolean;
+  message: string;
+}

package/src/types/index.ts

@@ -2,3 +2,4 @@ export * from './common';
 export * from './dto';
 export * from './chat';
 export * from './ui';
+export * from './messageActions';

package/src/types/messageActions.ts

@@ -0,0 +1,131 @@
+/**
+ * Message Actions Types
+ * Type definitions for message action features (Like, Dislike, Audio, Copy, Export PDF, Share)
+ */
+
+// Feedback Types
+export enum FeedbackType {
+  like = 'LIKE',
+  dislike = 'DISLIKE',
+}
+
+export enum LikeReason {
+  suitable_product = 'Đề xuất sản phẩm phù hợp',
+  easy_explanation = 'Giải thích dễ hiểu',
+  accurate_info = 'Thông tin chính xác, hữu ích',
+  complete_answer = 'Trả lời đầy đủ câu hỏi, yêu cầu',
+}
+
+export enum DislikeReason {
+  wrong_suggestion = 'Chưa đề xuất đúng nhu cầu',
+  hard_explanation = 'Giải thích khó hiểu',
+  inaccurate_info = 'Thông tin chưa chính xác, đầy đủ',
+  irrelevant_answer = 'Trả lời không liên quan',
+  want_different_answer = 'Tôi muốn nhận câu trả lời khác',
+}
+
+export interface MessageFeedback {
+  messageId: string;
+  feedbackType: FeedbackType;
+  reason: string;
+  timestamp: string;
+}
+
+// Audio Types
+export enum AudioState {
+  idle = 'idle',
+  loading = 'loading',
+  playing = 'playing',
+}
+
+export interface AudioPlayback {
+  messageId: string;
+  state: AudioState;
+  audioUrl?: string;
+}
+
+// Export Types
+export enum ExportState {
+  idle = 'idle',
+  loading = 'loading',
+  success = 'success',
+  error = 'error',
+}
+
+export interface PdfExport {
+  messageId: string;
+  state: ExportState;
+  pdfUrl?: string;
+  error?: string;
+}
+
+// Share Types
+export enum ShareState {
+  idle = 'idle',
+  loading = 'loading',
+  success = 'success',
+  error = 'error',
+}
+
+export interface ShareContent {
+  messageId: string;
+  text: string;
+  imageUrl?: string;
+  state: ShareState;
+}
+
+// Store State Interface
+export interface MessageActionsState {
+  // Feedback
+  feedbacks: Record<string, MessageFeedback>;
+  activeFeedbackList: string | null;
+
+  // Audio
+  audioPlaybacks: Record<string, AudioPlayback>;
+  activeAudioMessageId: string | null;
+
+  // Export
+  pdfExports: Record<string, PdfExport>;
+
+  // Share
+  shareStates: Record<string, ShareContent>;
+}
+
+// Store Actions Interface
+export interface MessageActionsActions {
+  // Feedback Actions
+  setFeedback: (
+    messageId: string,
+    feedbackType: FeedbackType,
+    reason: string
+  ) => void;
+  setActiveFeedbackList: (messageId: string | null) => void;
+  getFeedback: (messageId: string) => MessageFeedback | undefined;
+
+  // Audio Actions
+  setAudioState: (
+    messageId: string,
+    state: AudioState,
+    audioUrl?: string
+  ) => void;
+  setActiveAudio: (messageId: string | null) => void;
+  getAudioState: (messageId: string) => AudioPlayback | undefined;
+  stopAllAudio: () => void;
+
+  // Export Actions
+  setPdfExportState: (
+    messageId: string,
+    state: ExportState,
+    pdfUrl?: string,
+    error?: string
+  ) => void;
+  getPdfExport: (messageId: string) => PdfExport | undefined;
+
+  // Share Actions
+  setShareState: (messageId: string, state: ShareState) => void;
+  getShareState: (messageId: string) => ShareContent | undefined;
+
+  // Reset
+  resetMessageActions: (messageId: string) => void;
+  clearAllActions: () => void;
+}

package/src/types/ui.ts

@@ -1,5 +1,6 @@
 // @ts-ignore
-import { KToastBarProps } from '@droppii/libs';
+import { KBottomSheetProps, KPopupProps, KToastBarProps } from '@droppii/libs';
+import { JSX } from 'react';
 // @ts-ignore
 import { StyleProp, ViewStyle } from 'react-native';
 
@@ -10,3 +11,20 @@ export interface WithToastProps {
   ) => void;
   dismiss: () => void;
 }
+
+export interface KBottomSheetPropsEnhance extends KBottomSheetProps {
+  header: KBottomSheetProps['header'] & {
+    customRenderer?: (dismiss: () => void) => JSX.Element;
+  };
+}
+
+export interface WithBottomSheetProps {
+  open: (payload: KBottomSheetPropsEnhance) => void;
+  dismiss: () => void;
+}
+
+export interface WithPopupProps {
+  open: (payload: KPopupProps) => void;
+  dismiss: () => void;
+  dismissAll: () => void;
+}

package/src/utils/textCleaner.ts

@@ -0,0 +1,65 @@
+/**
+ * Text Cleaning Utilities
+ * Utilities for cleaning markdown, truncating text, and validating content
+ */
+
+/**
+ * Remove markdown formatting from text for cleaner copy/share
+ * @param text - Text with markdown formatting
+ * @returns Clean text without markdown
+ */
+export const cleanMarkdown = (text: string): string => {
+  return text
+    .replace(/\*\*(.*?)\*\*/g, '$1') // Bold
+    .replace(/\*(.*?)\*/g, '$1') // Italic
+    .replace(/`(.*?)`/g, '$1') // Inline code
+    .replace(/\[(.*?)\]\(.*?\)/g, '$1') // Links
+    .replace(/<!--.*?-->/g, '') // HTML comments
+    .replace(/^#{1,6}\s+/gm, '') // Headers
+    .replace(/^>\s+/gm, '') // Blockquotes
+    .replace(/^[-*+]\s+/gm, '') // List items
+    .trim();
+};
+
+/**
+ * Truncate text to specified length with suffix
+ * @param text - Text to truncate
+ * @param maxLength - Maximum length
+ * @param suffix - Suffix to add (default: '...')
+ * @returns Truncated text
+ */
+export const truncateText = (
+  text: string,
+  maxLength: number,
+  suffix = '...'
+): string => {
+  if (text.length <= maxLength) return text;
+  return text.substring(0, maxLength - suffix.length) + suffix;
+};
+
+/**
+ * Validate text content
+ * @param text - Text to validate
+ * @param minLength - Minimum length (default: 1)
+ * @param maxLength - Maximum length (default: 100000)
+ * @returns Validation result with error message if invalid
+ */
+export const validateContent = (
+  text: string,
+  minLength = 1,
+  maxLength = 100000
+): { valid: boolean; error?: string } => {
+  if (!text || text.trim().length === 0) {
+    return { valid: false, error: 'Nội dung trống' };
+  }
+
+  if (text.length < minLength) {
+    return { valid: false, error: 'Nội dung quá ngắn' };
+  }
+
+  if (text.length > maxLength) {
+    return { valid: false, error: 'Nội dung quá dài' };
+  }
+
+  return { valid: true };
+};

package/src/utils/ui.tsx

@@ -1,8 +1,9 @@
 // @ts-ignore
 import { StyleProp, ViewStyle } from 'react-native';
-import { toastRef } from '../constants';
+import { bottomSheetRef, popupRef, toastRef } from '../constants';
 // @ts-ignore
-import type { KToastBarProps } from '@droppii/libs';
+import type { KPopupProps, KToastBarProps } from '@droppii/libs';
+import { KBottomSheetPropsEnhance } from '../types';
 
 class UIUtils {
   toast = {
@@ -26,6 +27,32 @@ class UIUtils {
         toastRef.current?.open({ title: msg, theme: 'danger', stretch: true });
       return msg;
     },
+    showSuccess: (message: string) => {
+      toastRef.current?.open({
+        title: message,
+        theme: 'success',
+        stretch: true,
+      });
+    },
+  };
+  bottomSheet = {
+    open: (params: KBottomSheetPropsEnhance) => {
+      bottomSheetRef.current?.open(params);
+    },
+    dismiss: () => {
+      bottomSheetRef.current?.dismiss();
+    },
+  };
+  popup = {
+    open: (params: KPopupProps) => {
+      popupRef.current?.open(params);
+    },
+    dismiss: () => {
+      popupRef.current?.dismiss();
+    },
+    dismissAll: () => {
+      popupRef.current?.dismissAll();
+    },
   };
 }
 

package/lib/module/translation/resources/vi.js

@@ -1,12 +0,0 @@
-"use strict";
-
-export default {
-  input_placeholder: 'Bạn muốn hỏi gì hôm nay?',
-  ai_answer_note: 'Lưu ý: Thông tin từ AI chỉ mang tính tham khảo, cần xác minh với chuyên gia hoặc nguồn uy tín.',
-  chat_empty_title: 'Bạn cần hỗ trợ gì hôm nay?',
-  chat_empty_description_1: 'Hãy đặt câu hỏi hoặc chia sẻ vấn đề của bạn!',
-  chat_empty_description_2: 'Những gợi ý dành cho bạn:',
-  photo_library: 'Thư viện ảnh',
-  camera: 'Chụp ảnh'
-};
-//# sourceMappingURL=vi.js.map

package/lib/module/translation/resources/vi.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["input_placeholder","ai_answer_note","chat_empty_title","chat_empty_description_1","chat_empty_description_2","photo_library","camera"],"sourceRoot":"../../../../src","sources":["translation/resources/vi.ts"],"mappings":";;AAAA,eAAe;EACbA,iBAAiB,EAAE,0BAA0B;EAC7CC,cAAc,EACZ,gGAAgG;EAClGC,gBAAgB,EAAE,4BAA4B;EAC9CC,wBAAwB,EAAE,8CAA8C;EACxEC,wBAAwB,EAAE,2BAA2B;EACrDC,aAAa,EAAE,cAAc;EAC7BC,MAAM,EAAE;AACV,CAAC","ignoreList":[]}

package/lib/typescript/src/translation/resources/vi.d.ts

@@ -1,11 +0,0 @@
-declare const _default: {
-    input_placeholder: string;
-    ai_answer_note: string;
-    chat_empty_title: string;
-    chat_empty_description_1: string;
-    chat_empty_description_2: string;
-    photo_library: string;
-    camera: string;
-};
-export default _default;
-//# sourceMappingURL=vi.d.ts.map

package/lib/typescript/src/translation/resources/vi.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vi.d.ts","sourceRoot":"","sources":["../../../../../src/translation/resources/vi.ts"],"names":[],"mappings":";;;;;;;;;AAAA,wBASE"}

package/src/translation/resources/vi.ts

@@ -1,10 +0,0 @@
-export default {
-  input_placeholder: 'Bạn muốn hỏi gì hôm nay?',
-  ai_answer_note:
-    'Lưu ý: Thông tin từ AI chỉ mang tính tham khảo, cần xác minh với chuyên gia hoặc nguồn uy tín.',
-  chat_empty_title: 'Bạn cần hỗ trợ gì hôm nay?',
-  chat_empty_description_1: 'Hãy đặt câu hỏi hoặc chia sẻ vấn đề của bạn!',
-  chat_empty_description_2: 'Những gợi ý dành cho bạn:',
-  photo_library: 'Thư viện ảnh',
-  camera: 'Chụp ảnh',
-};