react-native-chatbot-ai 0.1.0 → 0.1.1

package/lib/module/components/chat/ChatEmpty.js

@@ -19,6 +19,11 @@ const ChatEmpty = () => {
   }, 200);
   return /*#__PURE__*/_jsxs(KContainer.ScrollView, {
     contentContainerStyle: styles.container,
+    style: {
+      transform: [{
+        scaleY: -1
+      }]
+    },
     children: [/*#__PURE__*/_jsx(KLabel.Text, {
       typo: "TextXLgMedium",
       center: true,
@@ -34,7 +39,7 @@ const ChatEmpty = () => {
         typo: "TextMdNormal",
         center: true,
         color: KColors.gray.normal,
-        children: 'Xem qua những gợi ý dành cho bạn:'
+        children: 'Những gợi ý dành cho bạn:'
       })]
     }), data?.suggestions?.map(item => /*#__PURE__*/_jsx(SuggestionItem, {
       item: item,

package/lib/module/components/chat/ChatEmpty.js.map

@@ -1 +1 @@
-{"version":3,"names":["KColors","KContainer","KLabel","KSpacingValue","StyleSheet","useFetchSuggestions","SuggestionItem","useSendMessage","debounce","jsx","_jsx","jsxs","_jsxs","ChatEmpty","data","onSendMessage","onPress","item","content","ScrollView","contentContainerStyle","styles","container","children","Text","typo","center","View","color","gray","normal","suggestions","map","onPressItem","suggestion_id","light","textAlign","create","flexGrow","justifyContent","alignItems","padding","gap"],"sourceRoot":"../../../../src","sources":["components/chat/ChatEmpty.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,aAAa,QAAQ,eAAe;AAC1E,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,mBAAmB,QAAQ,gDAA6C;AACjF,OAAOC,cAAc,MAAM,qBAAkB;AAC7C,SAASC,cAAc,QAAQ,uCAAoC;AACnE,OAAOC,QAAQ,MAAM,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvC,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC;EAAK,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACtC,MAAM;IAAEU;EAAc,CAAC,GAAGR,cAAc,CAAC,CAAC;EAE1C,MAAMS,OAAO,GAAGR,QAAQ,CAAES,IAAqB,IAAK;IAClDF,aAAa,CAACE,IAAI,CAACC,OAAO,CAAC;EAC7B,CAAC,EAAE,GAAG,CAAC;EAEP,oBACEN,KAAA,CAACX,UAAU,CAACkB,UAAU;IAACC,qBAAqB,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC7Db,IAAA,CAACR,MAAM,CAACsB,IAAI;MAACC,IAAI,EAAC,eAAe;MAACC,MAAM;MAAAH,QAAA,EACrC;IAA4B,CAClB,CAAC,eACdX,KAAA,CAACX,UAAU,CAAC0B,IAAI;MAACD,MAAM;MAAAH,QAAA,gBACrBb,IAAA,CAACR,MAAM,CAACsB,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,MAAM;QAACE,KAAK,EAAE5B,OAAO,CAAC6B,IAAI,CAACC,MAAO;QAAAP,QAAA,EAChE;MAA8C,CACpC,CAAC,eACdb,IAAA,CAACR,MAAM,CAACsB,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,MAAM;QAACE,KAAK,EAAE5B,OAAO,CAAC6B,IAAI,CAACC,MAAO;QAAAP,QAAA,EAChE;MAAmC,CACzB,CAAC;IAAA,CACC,CAAC,EACjBT,IAAI,EAAEiB,WAAW,EAAEC,GAAG,CAAEf,IAAqB,iBAC5CP,IAAA,CAACJ,cAAc;MAEbW,IAAI,EAAEA,IAAK;MACXgB,WAAW,EAAEjB;IAAQ,GAFhBC,IAAI,CAACiB,aAGX,CACF,CAAC,eACFxB,IAAA,CAACR,MAAM,CAACsB,IAAI;MACVC,IAAI,EAAC,cAAc;MACnBG,KAAK,EAAE5B,OAAO,CAAC6B,IAAI,CAACM,KAAM;MAC1BC,SAAS,EAAC,QAAQ;MAAAb,QAAA,EAGhB;IAAgG,CAEvF,CAAC;EAAA,CACO,CAAC;AAE5B,CAAC;AAED,eAAeV,SAAS;AAExB,MAAMQ,MAAM,GAAGjB,UAAU,CAACiC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAEtC,aAAa,CAAC,SAAS,CAAC;IACjCuC,GAAG,EAAEvC,aAAa,CAAC,QAAQ;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["KColors","KContainer","KLabel","KSpacingValue","StyleSheet","useFetchSuggestions","SuggestionItem","useSendMessage","debounce","jsx","_jsx","jsxs","_jsxs","ChatEmpty","data","onSendMessage","onPress","item","content","ScrollView","contentContainerStyle","styles","container","style","transform","scaleY","children","Text","typo","center","View","color","gray","normal","suggestions","map","onPressItem","suggestion_id","light","textAlign","create","flexGrow","justifyContent","alignItems","padding","gap"],"sourceRoot":"../../../../src","sources":["components/chat/ChatEmpty.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,aAAa,QAAQ,eAAe;AAC1E,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,mBAAmB,QAAQ,gDAA6C;AACjF,OAAOC,cAAc,MAAM,qBAAkB;AAC7C,SAASC,cAAc,QAAQ,uCAAoC;AACnE,OAAOC,QAAQ,MAAM,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvC,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC;EAAK,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACtC,MAAM;IAAEU;EAAc,CAAC,GAAGR,cAAc,CAAC,CAAC;EAE1C,MAAMS,OAAO,GAAGR,QAAQ,CAAES,IAAqB,IAAK;IAClDF,aAAa,CAACE,IAAI,CAACC,OAAO,CAAC;EAC7B,CAAC,EAAE,GAAG,CAAC;EAEP,oBACEN,KAAA,CAACX,UAAU,CAACkB,UAAU;IACpBC,qBAAqB,EAAEC,MAAM,CAACC,SAAU;IACxCC,KAAK,EAAE;MAAEC,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;MAAE,CAAC;IAAE,CAAE;IAAAC,QAAA,gBAEvChB,IAAA,CAACR,MAAM,CAACyB,IAAI;MAACC,IAAI,EAAC,eAAe;MAACC,MAAM;MAAAH,QAAA,EACrC;IAA4B,CAClB,CAAC,eACdd,KAAA,CAACX,UAAU,CAAC6B,IAAI;MAACD,MAAM;MAAAH,QAAA,gBACrBhB,IAAA,CAACR,MAAM,CAACyB,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,MAAM;QAACE,KAAK,EAAE/B,OAAO,CAACgC,IAAI,CAACC,MAAO;QAAAP,QAAA,EAChE;MAA8C,CACpC,CAAC,eACdhB,IAAA,CAACR,MAAM,CAACyB,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,MAAM;QAACE,KAAK,EAAE/B,OAAO,CAACgC,IAAI,CAACC,MAAO;QAAAP,QAAA,EAChE;MAA2B,CACjB,CAAC;IAAA,CACC,CAAC,EACjBZ,IAAI,EAAEoB,WAAW,EAAEC,GAAG,CAAElB,IAAqB,iBAC5CP,IAAA,CAACJ,cAAc;MAEbW,IAAI,EAAEA,IAAK;MACXmB,WAAW,EAAEpB;IAAQ,GAFhBC,IAAI,CAACoB,aAGX,CACF,CAAC,eACF3B,IAAA,CAACR,MAAM,CAACyB,IAAI;MACVC,IAAI,EAAC,cAAc;MACnBG,KAAK,EAAE/B,OAAO,CAACgC,IAAI,CAACM,KAAM;MAC1BC,SAAS,EAAC,QAAQ;MAAAb,QAAA,EAGhB;IAAgG,CAEvF,CAAC;EAAA,CACO,CAAC;AAE5B,CAAC;AAED,eAAeb,SAAS;AAExB,MAAMQ,MAAM,GAAGjB,UAAU,CAACoC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAEzC,aAAa,CAAC,SAAS,CAAC;IACjC0C,GAAG,EAAE1C,aAAa,CAAC,QAAQ;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/chat/ChatMessageList.js

@@ -1,19 +1,43 @@
 "use strict";
 
-import { FlatList, StyleSheet } from 'react-native';
+import { FlatList, StyleSheet, DeviceEventEmitter } from 'react-native';
 import ChatEmpty from "./ChatEmpty.js";
 import { useMessage } from "../../hooks/message/useMessage.js";
 import ChatItem from "./item/index.js";
 import { KSpacingValue } from '@droppii/libs';
+import { useCallback, useRef } from 'react';
+import { useEffect } from 'react';
+import { events } from "../../constants/events.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ChatMessageList = () => {
   const {
     messageState
   } = useMessage();
-  if (!messageState?.messages?.length) {
-    return /*#__PURE__*/_jsx(ChatEmpty, {});
-  }
+  const flatListRef = useRef(null);
+  const scrollOffsetRef = useRef(0);
+  const onScroll = useCallback(event => {
+    scrollOffsetRef.current = event?.nativeEvent?.contentOffset?.y;
+  }, []);
+  useEffect(() => {
+    const subExpandThinkingStep = DeviceEventEmitter.addListener(events.expandThinkingStep, isExpand => {
+      try {
+        const scrollToOffset = flatListRef.current?.scrollToOffset({
+          offset: scrollOffsetRef.current + (isExpand ? 60 : -60),
+          animated: true
+        });
+        setTimeout(() => {
+          scrollToOffset?.();
+        }, 100);
+      } catch (error) {
+        console.error(error);
+      }
+    });
+    return () => {
+      subExpandThinkingStep.remove();
+    };
+  }, []);
   return /*#__PURE__*/_jsx(FlatList, {
+    ref: flatListRef,
     data: messageState?.messages || [],
     renderItem: ({
       item,
@@ -24,7 +48,9 @@ const ChatMessageList = () => {
     }),
     keyExtractor: item => item.id,
     contentContainerStyle: styles.container,
-    inverted: true
+    inverted: true,
+    ListEmptyComponent: /*#__PURE__*/_jsx(ChatEmpty, {}),
+    onScroll: onScroll
   });
 };
 export default ChatMessageList;
@@ -32,7 +58,8 @@ const styles = StyleSheet.create({
   container: {
     flexGrow: 1,
     gap: KSpacingValue['0.5rem'],
-    paddingVertical: KSpacingValue['1rem']
+    paddingVertical: KSpacingValue['1rem'],
+    justifyContent: 'flex-end'
   }
 });
 //# sourceMappingURL=ChatMessageList.js.map

package/lib/module/components/chat/ChatMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["FlatList","StyleSheet","ChatEmpty","useMessage","ChatItem","KSpacingValue","jsx","_jsx","ChatMessageList","messageState","messages","length","data","renderItem","item","index","keyExtractor","id","contentContainerStyle","styles","container","inverted","create","flexGrow","gap","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/chat/ChatMessageList.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,OAAOC,SAAS,MAAM,gBAAa;AACnC,SAASC,UAAU,QAAQ,mCAAgC;AAC3D,OAAOC,QAAQ,MAAM,iBAAQ;AAC7B,SAASC,aAAa,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAAa,CAAC,GAAGN,UAAU,CAAC,CAAC;EAErC,IAAI,CAACM,YAAY,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACnC,oBAAOJ,IAAA,CAACL,SAAS,IAAE,CAAC;EACtB;EACA,oBACEK,IAAA,CAACP,QAAQ;IACPY,IAAI,EAAEH,YAAY,EAAEC,QAAQ,IAAI,EAAG;IACnCG,UAAU,EAAEA,CAAC;MAAEC,IAAI;MAAEC;IAA6C,CAAC,kBACjER,IAAA,CAACH,QAAQ;MAACU,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE,CACrC;IACFC,YAAY,EAAGF,IAAkB,IAAKA,IAAI,CAACG,EAAG;IAC9CC,qBAAqB,EAAEC,MAAM,CAACC,SAAU;IACxCC,QAAQ;EAAA,CACT,CAAC;AAEN,CAAC;AAED,eAAeb,eAAe;AAE9B,MAAMW,MAAM,GAAGlB,UAAU,CAACqB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,QAAQ,EAAE,CAAC;IACXC,GAAG,EAAEnB,aAAa,CAAC,QAAQ,CAAC;IAC5BoB,eAAe,EAAEpB,aAAa,CAAC,MAAM;EACvC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["FlatList","StyleSheet","DeviceEventEmitter","ChatEmpty","useMessage","ChatItem","KSpacingValue","useCallback","useRef","useEffect","events","jsx","_jsx","ChatMessageList","messageState","flatListRef","scrollOffsetRef","onScroll","event","current","nativeEvent","contentOffset","y","subExpandThinkingStep","addListener","expandThinkingStep","isExpand","scrollToOffset","offset","animated","setTimeout","error","console","remove","ref","data","messages","renderItem","item","index","keyExtractor","id","contentContainerStyle","styles","container","inverted","ListEmptyComponent","create","flexGrow","gap","paddingVertical","justifyContent"],"sourceRoot":"../../../../src","sources":["components/chat/ChatMessageList.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,kBAAkB,QAAQ,cAAc;AACvE,OAAOC,SAAS,MAAM,gBAAa;AACnC,SAASC,UAAU,QAAQ,mCAAgC;AAC3D,OAAOC,QAAQ,MAAM,iBAAQ;AAC7B,SAASC,aAAa,QAAQ,eAAe;AAE7C,SAASC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,MAAM,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAAa,CAAC,GAAGV,UAAU,CAAC,CAAC;EAErC,MAAMW,WAAW,GAAGP,MAAM,CAAM,IAAI,CAAC;EACrC,MAAMQ,eAAe,GAAGR,MAAM,CAAC,CAAC,CAAC;EAEjC,MAAMS,QAAQ,GAAGV,WAAW,CACzBW,KAAU,IAAK;IACdF,eAAe,CAACG,OAAO,GAAGD,KAAK,EAAEE,WAAW,EAAEC,aAAa,EAAEC,CAAC;EAChE,CAAC,EACD,EACF,CAAC;EAEDb,SAAS,CAAC,MAAM;IACd,MAAMc,qBAAqB,GAAGrB,kBAAkB,CAACsB,WAAW,CAC1Dd,MAAM,CAACe,kBAAkB,EACxBC,QAAiB,IAAK;MACrB,IAAI;QACF,MAAMC,cAAc,GAAGZ,WAAW,CAACI,OAAO,EAAEQ,cAAc,CAAC;UACzDC,MAAM,EAAEZ,eAAe,CAACG,OAAO,IAAIO,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;UACvDG,QAAQ,EAAE;QACZ,CAAC,CAAC;QACFC,UAAU,CAAC,MAAM;UACfH,cAAc,GAAG,CAAC;QACpB,CAAC,EAAE,GAAG,CAAC;MACT,CAAC,CAAC,OAAOI,KAAK,EAAE;QACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;MACtB;IACF,CACF,CAAC;IAED,OAAO,MAAM;MACXR,qBAAqB,CAACU,MAAM,CAAC,CAAC;IAChC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACErB,IAAA,CAACZ,QAAQ;IACPkC,GAAG,EAAEnB,WAAY;IACjBoB,IAAI,EAAErB,YAAY,EAAEsB,QAAQ,IAAI,EAAG;IACnCC,UAAU,EAAEA,CAAC;MAAEC,IAAI;MAAEC;IAA6C,CAAC,kBACjE3B,IAAA,CAACP,QAAQ;MAACiC,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE,CACrC;IACFC,YAAY,EAAGF,IAAkB,IAAKA,IAAI,CAACG,EAAG;IAC9CC,qBAAqB,EAAEC,MAAM,CAACC,SAAU;IACxCC,QAAQ;IACRC,kBAAkB,eAAElC,IAAA,CAACT,SAAS,IAAE,CAAE;IAClCc,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAED,eAAeJ,eAAe;AAE9B,MAAM8B,MAAM,GAAG1C,UAAU,CAAC8C,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,QAAQ,EAAE,CAAC;IACXC,GAAG,EAAE3C,aAAa,CAAC,QAAQ,CAAC;IAC5B4C,eAAe,EAAE5C,aAAa,CAAC,MAAM,CAAC;IACtC6C,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/chat/item/ChatAIAnswerMessageItem.js

@@ -4,7 +4,7 @@ import { KColors, KContainer, KLabel, KSpacingValue } from '@droppii/libs';
 import { StyleSheet } from 'react-native';
 import useStreamMessageStore from "../../../store/streamMessage.js";
 import { useEffect, useRef, useState } from 'react';
-import Markdown, { Renderer, MarkedTokenizer } from "react-native-marked";
+import Markdown, { Renderer, MarkedTokenizer } from 'react-native-marked';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 class CustomTokenizer extends MarkedTokenizer {}
 class CustomRenderer extends Renderer {
@@ -15,13 +15,14 @@ class CustomRenderer extends Renderer {
     const match = /^<!--\s*@component:product\(id:([\w-]+)\)\s*-->/.exec(text);
     return /*#__PURE__*/_jsx(KLabel.Text, {
       typo: "TextMdNormal",
-      children: match?.[1] || ""
+      children: match?.[1] || ''
     }, this.getKey());
   }
-  paragraph(children) {
+  paragraph(children, style) {
     return /*#__PURE__*/_jsx(KContainer.View, {
       background: KColors.white,
       paddingV: 0,
+      style: style,
       children: children
     }, this.getKey());
   }
@@ -46,11 +47,24 @@ class CustomRenderer extends Renderer {
 }
 const tokenizer = new CustomTokenizer();
 const renderer = new CustomRenderer();
+const markedStyles = {
+  paragraph: {
+    marginVertical: 5
+  },
+  blockquote: {
+    marginVertical: 5
+  },
+  li: {
+    marginVertical: 5,
+    justifyContent: 'center'
+  }
+};
 const ChatAIAnswerMessageItem = ({
   item,
   isLast = false
 }) => {
   const streamMessage = useStreamMessageStore(state => state.streamMessage?.[item.id]);
+  const isStreaming = useStreamMessageStore(state => state.isStreaming);
   const [display, setDisplay] = useState('');
   const indexRef = useRef(0);
   useEffect(() => {
@@ -65,11 +79,11 @@ const ChatAIAnswerMessageItem = ({
         clearInterval(interval);
         return;
       }
-      const chunkSize = 100;
+      const chunkSize = 50;
       const chunk = remaining.slice(0, chunkSize);
       setDisplay(prev => prev + chunk);
       indexRef.current += chunk.length;
-    }, 100);
+    }, 50);
     return () => clearInterval(interval);
   }, [streamMessage, item]);
   return /*#__PURE__*/_jsxs(KContainer.View, {
@@ -77,9 +91,13 @@ const ChatAIAnswerMessageItem = ({
     children: [/*#__PURE__*/_jsx(Markdown, {
       renderer: renderer,
       value: display,
-      tokenizer: tokenizer
+      tokenizer: tokenizer,
+      styles: markedStyles,
+      flatListProps: {
+        style: styles.flatList
+      }
     }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
-      visible: isLast && !streamMessage,
+      visible: isLast && !isStreaming,
       children: /*#__PURE__*/_jsx(KLabel.Text, {
         typo: "TextSmNormal",
         color: KColors.gray.light,
@@ -94,6 +112,9 @@ const styles = StyleSheet.create({
   container: {
     paddingHorizontal: KSpacingValue['1rem'],
     gap: KSpacingValue['0.5rem']
+  },
+  flatList: {
+    backgroundColor: KColors.transparent
   }
 });
 //# sourceMappingURL=ChatAIAnswerMessageItem.js.map

package/lib/module/components/chat/item/ChatAIAnswerMessageItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["KColors","KContainer","KLabel","KSpacingValue","StyleSheet","useStreamMessageStore","useEffect","useRef","useState","Markdown","Renderer","MarkedTokenizer","jsx","_jsx","jsxs","_jsxs","CustomTokenizer","CustomRenderer","constructor","html","text","match","exec","Text","typo","children","getKey","paragraph","View","background","white","paddingV","codespan","strong","tokenizer","renderer","ChatAIAnswerMessageItem","item","isLast","streamMessage","state","id","display","setDisplay","indexRef","current","content","interval","setInterval","remaining","slice","length","clearInterval","chunkSize","chunk","prev","style","styles","container","value","VisibleView","visible","color","gray","light","textAlign","create","paddingHorizontal","gap"],"sourceRoot":"../../../../../src","sources":["components/chat/item/ChatAIAnswerMessageItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["KColors","KContainer","KLabel","KSpacingValue","StyleSheet","useStreamMessageStore","useEffect","useRef","useState","Markdown","Renderer","MarkedTokenizer","jsx","_jsx","jsxs","_jsxs","CustomTokenizer","CustomRenderer","constructor","html","text","match","exec","Text","typo","children","getKey","paragraph","style","View","background","white","paddingV","codespan","strong","tokenizer","renderer","markedStyles","marginVertical","blockquote","li","justifyContent","ChatAIAnswerMessageItem","item","isLast","streamMessage","state","id","isStreaming","display","setDisplay","indexRef","current","content","interval","setInterval","remaining","slice","length","clearInterval","chunkSize","chunk","prev","styles","container","value","flatListProps","flatList","VisibleView","visible","color","gray","light","textAlign","create","paddingHorizontal","gap","backgroundColor","transparent"],"sourceRoot":"../../../../../src","sources":["components/chat/item/ChatAIAnswerMessageItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/chat/item/ChatAIThinkingMessageItem.js

@@ -1,13 +1,14 @@
 "use strict";
 
 import { KContainer, KLabel, KColors, KSpacingValue, KListItem, KImage } from '@droppii/libs';
-import { StyleSheet } from 'react-native';
+import { StyleSheet, DeviceEventEmitter } from 'react-native';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { IconThinkingStep } from "../../../assets/svgIcon/IconThinkingStep.js";
 import { IconChatArrow } from "../../../assets/svgIcon/IconChatArrow.js";
 import useStreamMessageStore from "../../../store/streamMessage.js";
-import Markdown, { Renderer } from "react-native-marked";
+import Markdown, { Renderer } from 'react-native-marked';
 import icons from "../../../assets/icons/index.js";
+import { events } from "../../../constants/events.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 class CustomRenderer extends Renderer {
   constructor() {
@@ -16,7 +17,7 @@ class CustomRenderer extends Renderer {
   paragraph(children, styles) {
     return /*#__PURE__*/_jsx(KContainer.View, {
       style: styles,
-      background: KColors.hexToRgba(KColors.gray.light, 0.1),
+      background: KColors.transparent,
       paddingV: 0,
       children: children
     }, this.getKey());
@@ -42,7 +43,7 @@ class CustomRenderer extends Renderer {
   image(uri, _alt, _style) {
     return /*#__PURE__*/_jsx(KImage.Thumbnail, {
       uri: uri,
-      resizeMode: "contain",
+      resizeMode: 'contain',
       size: 'lg'
     }, this.getKey());
   }
@@ -55,6 +56,9 @@ const ChatAIThinkingMessageItem = ({
   const streamMessage = useStreamMessageStore(state => state.streamMessage?.[item.id]);
   const [display, setDisplay] = useState('');
   const indexRef = useRef(0);
+  const onPressExpandThinkingStep = useCallback(expand => {
+    DeviceEventEmitter.emit(events.expandThinkingStep, expand);
+  }, []);
   const renderHeader = useCallback(() => {
     return /*#__PURE__*/_jsxs(KContainer.View, {
       style: styles.header,
@@ -77,7 +81,7 @@ const ChatAIThinkingMessageItem = ({
         clearInterval(interval);
         return;
       }
-      const chunkSize = 2;
+      const chunkSize = 5;
       const chunk = remaining.slice(0, chunkSize);
       setDisplay(prev => prev + chunk);
       indexRef.current += chunk.length;
@@ -90,13 +94,16 @@ const ChatAIThinkingMessageItem = ({
       children: [/*#__PURE__*/_jsx(KContainer.View, {
         style: styles.arrow,
         children: /*#__PURE__*/_jsx(IconChatArrow, {
-          fill: '#0077FF'
+          fill: KColors.gray.light
         })
       }), /*#__PURE__*/_jsx(KContainer.View, {
         style: styles.content,
         children: /*#__PURE__*/_jsx(Markdown, {
           renderer: renderer,
-          value: display
+          value: display,
+          flatListProps: {
+            style: styles.flatList
+          }
         })
       })]
     });
@@ -107,6 +114,7 @@ const ChatAIThinkingMessageItem = ({
       containerStyle: styles.container,
       headerStyle: styles.mHeader,
       defaultValue: true,
+      onChangeValue: onPressExpandThinkingStep,
       children: renderThinkingContent()
     }, item.id.toString()) : /*#__PURE__*/_jsxs(KContainer.View, {
       style: styles.containerLoading,
@@ -153,6 +161,9 @@ const styles = StyleSheet.create({
     transform: [{
       rotateY: '180deg'
     }]
+  },
+  flatList: {
+    backgroundColor: KColors.transparent
   }
 });
 //# sourceMappingURL=ChatAIThinkingMessageItem.js.map

package/lib/module/components/chat/item/ChatAIThinkingMessageItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["KContainer","KLabel","KColors","KSpacingValue","KListItem","KImage","StyleSheet","useCallback","useEffect","useRef","useState","IconThinkingStep","IconChatArrow","useStreamMessageStore","Markdown","Renderer","icons","jsx","_jsx","jsxs","_jsxs","CustomRenderer","constructor","paragraph","children","styles","View","style","background","hexToRgba","gray","light","paddingV","getKey","text","Text","typo","codespan","strong","image","uri","_alt","_style","Thumbnail","resizeMode","size","renderer","ChatAIThinkingMessageItem","item","isLast","streamMessage","state","id","display","setDisplay","indexRef","renderHeader","header","color","normal","current","content","interval","setInterval","remaining","slice","length","clearInterval","chunkSize","chunk","prev","renderThinkingContent","contentContainer","arrow","fill","value","metadata","status","Accordion","containerStyle","container","headerStyle","mHeader","defaultValue","toString","containerLoading","Base","icon_thinking_step","create","paddingHorizontal","borderBottomWidth","paddingVertical","gap","flexDirection","alignItems","marginBottom","maxWidth","backgroundColor","borderRadius","borderTopLeftRadius","transform","rotateY"],"sourceRoot":"../../../../../src","sources":["components/chat/item/ChatAIThinkingMessageItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["KContainer","KLabel","KColors","KSpacingValue","KListItem","KImage","StyleSheet","DeviceEventEmitter","useCallback","useEffect","useRef","useState","IconThinkingStep","IconChatArrow","useStreamMessageStore","Markdown","Renderer","icons","events","jsx","_jsx","jsxs","_jsxs","CustomRenderer","constructor","paragraph","children","styles","View","style","background","transparent","paddingV","getKey","text","Text","typo","codespan","strong","image","uri","_alt","_style","Thumbnail","resizeMode","size","renderer","ChatAIThinkingMessageItem","item","isLast","streamMessage","state","id","display","setDisplay","indexRef","onPressExpandThinkingStep","expand","emit","expandThinkingStep","renderHeader","header","color","gray","normal","current","content","interval","setInterval","remaining","slice","length","clearInterval","chunkSize","chunk","prev","renderThinkingContent","contentContainer","arrow","fill","light","value","flatListProps","flatList","metadata","status","Accordion","containerStyle","container","headerStyle","mHeader","defaultValue","onChangeValue","toString","containerLoading","Base","icon_thinking_step","create","paddingHorizontal","borderBottomWidth","paddingVertical","gap","flexDirection","alignItems","marginBottom","maxWidth","backgroundColor","hexToRgba","borderRadius","borderTopLeftRadius","transform","rotateY"],"sourceRoot":"../../../../../src","sources":["components/chat/item/ChatAIThinkingMessageItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/constants/events.js

@@ -3,6 +3,7 @@
 export const events = {
   updateOneMessage: 'update_one_message',
   updateMultipleMessage: 'update_multiple_message',
-  forceUpdateMessages: 'force_update_messages'
+  forceUpdateMessages: 'force_update_messages',
+  expandThinkingStep: 'expand_thinking_step'
 };
 //# sourceMappingURL=events.js.map

package/lib/module/constants/events.js.map

@@ -1 +1 @@
-{"version":3,"names":["events","updateOneMessage","updateMultipleMessage","forceUpdateMessages"],"sourceRoot":"../../../src","sources":["constants/events.ts"],"mappings":";;AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,gBAAgB,EAAE,oBAAoB;EACtCC,qBAAqB,EAAE,yBAAyB;EAChDC,mBAAmB,EAAE;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["events","updateOneMessage","updateMultipleMessage","forceUpdateMessages","expandThinkingStep"],"sourceRoot":"../../../src","sources":["constants/events.ts"],"mappings":";;AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,gBAAgB,EAAE,oBAAoB;EACtCC,qBAAqB,EAAE,yBAAyB;EAChDC,mBAAmB,EAAE,uBAAuB;EAC5CC,kBAAkB,EAAE;AACtB,CAAC","ignoreList":[]}

package/lib/typescript/src/assets/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/assets/icons/index.ts"],"names":[],"mappings":";;;AAAA,wBAEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/assets/icons/index.ts"],"names":[],"mappings":";;;AAAA,wBAEE"}

package/lib/typescript/src/components/chat/ChatEmpty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatEmpty.d.ts","sourceRoot":"","sources":["../../../../../src/components/chat/ChatEmpty.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,SAAS,+CAuCd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ChatEmpty.d.ts","sourceRoot":"","sources":["../../../../../src/components/chat/ChatEmpty.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,SAAS,+CA0Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/typescript/src/components/chat/ChatMessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageList.d.ts","sourceRoot":"","sources":["../../../../../src/components/chat/ChatMessageList.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,eAAe,+CAiBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ChatMessageList.d.ts","sourceRoot":"","sources":["../../../../../src/components/chat/ChatMessageList.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,eAAe,+CAkDpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/typescript/src/components/chat/item/ChatAIAnswerMessageItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatAIAnswerMessageItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/item/ChatAIAnswerMessageItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,UAAU,4BAA4B;IACpC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAuED,QAAA,MAAM,uBAAuB,GAAI,mBAG9B,4BAA4B,4CAgD9B,CAAC;AACF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ChatAIAnswerMessageItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/item/ChatAIAnswerMessageItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW9C,UAAU,4BAA4B;IACpC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAwED,QAAA,MAAM,uBAAuB,GAAI,mBAG9B,4BAA4B,4CAyD9B,CAAC;AACF,eAAe,uBAAuB,CAAC"}

package/lib/typescript/src/components/chat/item/ChatAIThinkingMessageItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatAIThinkingMessageItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/item/ChatAIThinkingMessageItem.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AASnD,UAAU,8BAA8B;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAmED,QAAA,MAAM,yBAAyB,GAAI,mBAGhC,8BAA8B,4CA4EhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ChatAIThinkingMessageItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/item/ChatAIThinkingMessageItem.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAUnD,UAAU,8BAA8B;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA0DD,QAAA,MAAM,yBAAyB,GAAI,mBAGhC,8BAA8B,4CAuFhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/lib/typescript/src/constants/events.d.ts

@@ -2,5 +2,6 @@ export declare const events: {
     updateOneMessage: string;
     updateMultipleMessage: string;
     forceUpdateMessages: string;
+    expandThinkingStep: string;
 };
 //# sourceMappingURL=events.d.ts.map

package/lib/typescript/src/constants/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../../src/constants/events.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;CAIlB,CAAC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../../src/constants/events.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC"}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "react-native-chatbot-ai",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React Native library for Chatbot AI",
-  "main": "./src/index.ts",
+  "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
       "source": "./src/index.ts",
       "types": "./lib/typescript/src/index.d.ts",
-      "default": "./src/index.ts"
+      "default": "./lib/module/index.js"
     },
     "./package.json": "./package.json"
   },
@@ -38,7 +38,7 @@
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "clean": "del-cli lib",
     "prepare": "bob build",
-    "release": "release-it --no-git --ci"
+    "release": "release-it --no-git --ci --no-increment"
   },
   "keywords": [
     "react-native",

package/src/assets/icons/index.ts

@@ -1,3 +1,3 @@
 export default {
   icon_thinking_step: require('./icon_thinking_step.gif'),
-}
+};

package/src/components/chat/ChatEmpty.tsx

@@ -15,7 +15,10 @@ const ChatEmpty = () => {
   }, 200);
 
   return (
-    <KContainer.ScrollView contentContainerStyle={styles.container}>
+    <KContainer.ScrollView
+      contentContainerStyle={styles.container}
+      style={{ transform: [{ scaleY: -1 }] }}
+    >
       <KLabel.Text typo="TextXLgMedium" center>
         {'Bạn cần hỗ trợ gì hôm nay?'}
       </KLabel.Text>
@@ -24,7 +27,7 @@ const ChatEmpty = () => {
           {'Hãy đặt câu hỏi hoặc chia sẻ vấn đề của bạn!'}
         </KLabel.Text>
         <KLabel.Text typo="TextMdNormal" center color={KColors.gray.normal}>
-          {'Xem qua những gợi ý dành cho bạn:'}
+          {'Những gợi ý dành cho bạn:'}
         </KLabel.Text>
       </KContainer.View>
       {data?.suggestions?.map((item: ISuggestionItem) => (

package/src/components/chat/ChatMessageList.tsx

@@ -1,18 +1,52 @@
-import { FlatList, StyleSheet } from 'react-native';
+import { FlatList, StyleSheet, DeviceEventEmitter } from 'react-native';
 import ChatEmpty from './ChatEmpty';
 import { useMessage } from '../../hooks/message/useMessage';
 import ChatItem from './item';
 import { KSpacingValue } from '@droppii/libs';
-import type { IMessageItem } from 'src/types';
+import type { IMessageItem } from '../../types';
+import { useCallback, useRef } from 'react';
+import { useEffect } from 'react';
+import { events } from '../../constants/events';
 
 const ChatMessageList = () => {
   const { messageState } = useMessage();
 
-  if (!messageState?.messages?.length) {
-    return <ChatEmpty />;
-  }
+  const flatListRef = useRef<any>(null);
+  const scrollOffsetRef = useRef(0);
+
+  const onScroll = useCallback(
+    (event: any) => {
+      scrollOffsetRef.current = event?.nativeEvent?.contentOffset?.y;
+    },
+    []
+  );
+
+  useEffect(() => {
+    const subExpandThinkingStep = DeviceEventEmitter.addListener(
+      events.expandThinkingStep,
+      (isExpand: boolean) => {
+        try {
+          const scrollToOffset = flatListRef.current?.scrollToOffset({
+            offset: scrollOffsetRef.current + (isExpand ? 60 : -60),
+            animated: true,
+          });
+          setTimeout(() => {
+            scrollToOffset?.();
+          }, 100);
+        } catch (error) {
+          console.error(error);
+        }
+      }
+    );
+
+    return () => {
+      subExpandThinkingStep.remove();
+    };
+  }, []);
+
   return (
     <FlatList
+      ref={flatListRef}
       data={messageState?.messages || []}
       renderItem={({ item, index }: { item: IMessageItem; index: number }) => (
         <ChatItem item={item} index={index} />
@@ -20,6 +54,8 @@ const ChatMessageList = () => {
       keyExtractor={(item: IMessageItem) => item.id}
       contentContainerStyle={styles.container}
       inverted
+      ListEmptyComponent={<ChatEmpty />}
+      onScroll={onScroll}
     />
   );
 };
@@ -31,5 +67,6 @@ const styles = StyleSheet.create({
     flexGrow: 1,
     gap: KSpacingValue['0.5rem'],
     paddingVertical: KSpacingValue['1rem'],
+    justifyContent: 'flex-end',
   },
 });

package/src/components/chat/item/ChatAIAnswerMessageItem.tsx

@@ -3,15 +3,19 @@ import { IMessageItem } from '../../../types';
 import { StyleSheet } from 'react-native';
 import useStreamMessageStore from '../../../store/streamMessage';
 import { ReactNode, useEffect, useRef, useState } from 'react';
-import Markdown, { Renderer, RendererInterface, MarkedTokenizer } from "react-native-marked";
+import Markdown, {
+  Renderer,
+  RendererInterface,
+  MarkedTokenizer,
+  MarkedStyles,
+} from 'react-native-marked';
 
 interface ChatAIAnswerMessageItemProps {
   item: IMessageItem;
   isLast?: boolean;
 }
 
-class CustomTokenizer extends MarkedTokenizer {
-}
+class CustomTokenizer extends MarkedTokenizer {}
 
 class CustomRenderer extends Renderer implements RendererInterface {
   constructor() {
@@ -21,21 +25,19 @@ class CustomRenderer extends Renderer implements RendererInterface {
   html(text: string): ReactNode {
     const match = /^<!--\s*@component:product\(id:([\w-]+)\)\s*-->/.exec(text);
     return (
-      <KLabel.Text
-        key={this.getKey()}
-        typo="TextMdNormal"
-      >
-        {match?.[1] || ""}
+      <KLabel.Text key={this.getKey()} typo="TextMdNormal">
+        {match?.[1] || ''}
       </KLabel.Text>
-    )
+    );
   }
 
-  paragraph(children: ReactNode[]): ReactNode {
+  paragraph(children: ReactNode[], style?: any): ReactNode {
     return (
       <KContainer.View
         key={this.getKey()}
         background={KColors.white}
         paddingV={0}
+        style={style}
       >
         {children}
       </KContainer.View>
@@ -44,41 +46,45 @@ class CustomRenderer extends Renderer implements RendererInterface {
 
   text(text: string | ReactNode[]): ReactNode {
     return (
-      <KLabel.Text
-        key={this.getKey()}
-        typo="TextMdNormal"
-      >
+      <KLabel.Text key={this.getKey()} typo="TextMdNormal">
         {text}
       </KLabel.Text>
-    )
+    );
   }
 
   codespan(text: string): ReactNode {
     return (
-      <KLabel.Text
-        key={this.getKey()}
-        typo="TextMdNormal"
-      >
+      <KLabel.Text key={this.getKey()} typo="TextMdNormal">
         {text}
       </KLabel.Text>
-    )
+    );
   }
 
   strong(children: string | ReactNode[]): ReactNode {
     return (
-      <KLabel.Text
-        key={this.getKey()}
-        typo="TextMdBold"
-      >
+      <KLabel.Text key={this.getKey()} typo="TextMdBold">
         {children}
       </KLabel.Text>
-    )
+    );
   }
 }
 
 const tokenizer = new CustomTokenizer();
 const renderer = new CustomRenderer();
 
+const markedStyles: MarkedStyles = {
+  paragraph: {
+    marginVertical: 5,
+  },
+  blockquote: {
+    marginVertical: 5,
+  },
+  li: {
+    marginVertical: 5,
+    justifyContent: 'center',
+  },
+};
+
 const ChatAIAnswerMessageItem = ({
   item,
   isLast = false,
@@ -86,6 +92,7 @@ const ChatAIAnswerMessageItem = ({
   const streamMessage = useStreamMessageStore(
     (state) => state.streamMessage?.[item.id]
   );
+  const isStreaming = useStreamMessageStore((state) => state.isStreaming);
 
   const [display, setDisplay] = useState('');
   const indexRef = useRef(0);
@@ -104,20 +111,28 @@ const ChatAIAnswerMessageItem = ({
         return;
       }
 
-      const chunkSize = 100;
+      const chunkSize = 50;
       const chunk = remaining.slice(0, chunkSize);
 
       setDisplay((prev) => prev + chunk);
       indexRef.current += chunk.length;
-    }, 100);
+    }, 50);
 
     return () => clearInterval(interval);
   }, [streamMessage, item]);
 
   return (
     <KContainer.View style={styles.container}>
-      <Markdown renderer={renderer} value={display} tokenizer={tokenizer} />
-      <KContainer.VisibleView visible={isLast && !streamMessage}>
+      <Markdown
+        renderer={renderer}
+        value={display}
+        tokenizer={tokenizer}
+        styles={markedStyles}
+        flatListProps={{
+          style: styles.flatList,
+        }}
+      />
+      <KContainer.VisibleView visible={isLast && !isStreaming}>
         <KLabel.Text
           typo="TextSmNormal"
           color={KColors.gray.light}
@@ -138,4 +153,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: KSpacingValue['1rem'],
     gap: KSpacingValue['0.5rem'],
   },
+  flatList: {
+    backgroundColor: KColors.transparent,
+  },
 });

package/src/components/chat/item/ChatAIThinkingMessageItem.tsx

@@ -7,13 +7,14 @@ import {
   KImage,
 } from '@droppii/libs';
 import type { IMessageItem } from '../../../types';
-import { StyleSheet } from 'react-native';
+import { StyleSheet, DeviceEventEmitter } from 'react-native';
 import { ReactNode, useCallback, useEffect, useRef, useState } from 'react';
 import { IconThinkingStep } from '../../../assets/svgIcon/IconThinkingStep';
 import { IconChatArrow } from '../../../assets/svgIcon/IconChatArrow';
 import useStreamMessageStore from '../../../store/streamMessage';
-import Markdown, { Renderer, RendererInterface } from "react-native-marked";
+import Markdown, { Renderer, RendererInterface } from 'react-native-marked';
 import icons from '../../../assets/icons';
+import { events } from '../../../constants/events';
 
 interface ChatAIThinkingMessageItemProps {
   item: IMessageItem;
@@ -30,7 +31,7 @@ class CustomRenderer extends Renderer implements RendererInterface {
       <KContainer.View
         key={this.getKey()}
         style={styles}
-        background={KColors.hexToRgba(KColors.gray.light, 0.1)}
+        background={KColors.transparent}
         paddingV={0}
       >
         {children}
@@ -40,35 +41,26 @@ class CustomRenderer extends Renderer implements RendererInterface {
 
   text(text: string | ReactNode[]): ReactNode {
     return (
-      <KLabel.Text
-        key={this.getKey()}
-        typo="TextSmNormal"
-      >
+      <KLabel.Text key={this.getKey()} typo="TextSmNormal">
         {text}
       </KLabel.Text>
-    )
+    );
   }
 
   codespan(text: string): ReactNode {
     return (
-      <KLabel.Text
-        key={this.getKey()}
-        typo="TextSmNormal"
-      >
+      <KLabel.Text key={this.getKey()} typo="TextSmNormal">
         {text}
       </KLabel.Text>
-    )
+    );
   }
 
   strong(children: string | ReactNode[]): ReactNode {
     return (
-      <KLabel.Text
-        key={this.getKey()}
-        typo="TextSmNormal"
-      >
+      <KLabel.Text key={this.getKey()} typo="TextSmNormal">
         {children}
       </KLabel.Text>
-    )
+    );
   }
 
   image(uri: string, _alt?: string, _style?: any): ReactNode {
@@ -76,7 +68,7 @@ class CustomRenderer extends Renderer implements RendererInterface {
       <KImage.Thumbnail
         key={this.getKey()}
         uri={uri}
-        resizeMode={"contain"}
+        resizeMode={'contain'}
         size={'lg'}
       />
     );
@@ -96,6 +88,10 @@ const ChatAIThinkingMessageItem = ({
   const [display, setDisplay] = useState('');
   const indexRef = useRef(0);
 
+  const onPressExpandThinkingStep = useCallback((expand: boolean) => {
+    DeviceEventEmitter.emit(events.expandThinkingStep, expand);
+  }, []);
+
   const renderHeader = useCallback(() => {
     return (
       <KContainer.View style={styles.header}>
@@ -121,7 +117,7 @@ const ChatAIThinkingMessageItem = ({
         return;
       }
 
-      const chunkSize = 2;
+      const chunkSize = 5;
       const chunk = remaining.slice(0, chunkSize);
 
       setDisplay((prev) => prev + chunk);
@@ -135,34 +131,41 @@ const ChatAIThinkingMessageItem = ({
     return (
       <KContainer.View style={styles.contentContainer}>
         <KContainer.View style={styles.arrow}>
-          <IconChatArrow fill={'#0077FF'} />
+          <IconChatArrow fill={KColors.gray.light} />
         </KContainer.View>
         <KContainer.View style={styles.content}>
-          <Markdown renderer={renderer} value={display} />
+          <Markdown
+            renderer={renderer}
+            value={display}
+            flatListProps={{
+              style: styles.flatList,
+            }}
+          />
         </KContainer.View>
       </KContainer.View>
-    )
+    );
   }, [display]);
+
   return (
     <KContainer.View>
-      {!isLast || streamMessage?.metadata?.status === 'done' ?
+      {!isLast || streamMessage?.metadata?.status === 'done' ? (
         <KListItem.Accordion
           header={renderHeader}
           key={item.id.toString()}
           containerStyle={styles.container}
           headerStyle={styles.mHeader}
           defaultValue={true}
+          onChangeValue={onPressExpandThinkingStep}
         >
           {renderThinkingContent()}
         </KListItem.Accordion>
-      :
-      <KContainer.View style={styles.containerLoading}>
-        {renderThinkingContent()}
-        {isLast && <KImage.Base size={42} uri={icons.icon_thinking_step} />}
-      </KContainer.View>
-      }
+      ) : (
+        <KContainer.View style={styles.containerLoading}>
+          {renderThinkingContent()}
+          {isLast && <KImage.Base size={42} uri={icons.icon_thinking_step} />}
+        </KContainer.View>
+      )}
     </KContainer.View>
-
   );
 };
 
@@ -202,4 +205,7 @@ const styles = StyleSheet.create({
   arrow: {
     transform: [{ rotateY: '180deg' }],
   },
+  flatList: {
+    backgroundColor: KColors.transparent,
+  },
 });

package/src/constants/events.ts

@@ -2,4 +2,5 @@ export const events = {
   updateOneMessage: 'update_one_message',
   updateMultipleMessage: 'update_multiple_message',
   forceUpdateMessages: 'force_update_messages',
+  expandThinkingStep: 'expand_thinking_step',
 };