react-native-chatbot-ai 0.0.4 → 0.0.6

package/lib/module/assets/images/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export default {
+  bg_header: require('./bg_header.png')
+};
+//# sourceMappingURL=index.js.map

package/lib/module/assets/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["bg_header","require"],"sourceRoot":"../../../../src","sources":["assets/images/index.ts"],"mappings":";;AAAA,eAAe;EACbA,SAAS,EAAEC,OAAO,CAAC,iBAAiB;AACtC,CAAC","ignoreList":[]}

package/lib/module/assets/svgIcon/IconChatArrow.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconChatArrow = props => {
+  const {
+    width = 6,
+    height = 18,
+    fill = '#07F',
+    opacity = 0.1
+  } = props || {};
+  return /*#__PURE__*/_jsx(Svg, {
+    width: width,
+    height: height,
+    viewBox: "0 0 6 18",
+    fill: "none",
+    ...props,
+    children: /*#__PURE__*/_jsx(Path, {
+      d: "M4.024 0H0v18c.545-4.5 2.546-9.873 4.956-12.5C6.332 4 6.65 0 4.024 0z",
+      fill: fill,
+      fillOpacity: opacity
+    })
+  });
+};
+//# sourceMappingURL=IconChatArrow.js.map

package/lib/module/assets/svgIcon/IconChatArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","jsx","_jsx","IconChatArrow","props","width","height","fill","opacity","viewBox","children","d","fillOpacity"],"sourceRoot":"../../../../src","sources":["assets/svgIcon/IconChatArrow.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS7C,OAAO,MAAMC,aAAa,GAAIC,KAAY,IAAK;EAC7C,MAAM;IAAEC,KAAK,GAAG,CAAC;IAAEC,MAAM,GAAG,EAAE;IAAEC,IAAI,GAAG,MAAM;IAAEC,OAAO,GAAG;EAAI,CAAC,GAAGJ,KAAK,IAAI,CAAC,CAAC;EAC5E,oBACEF,IAAA,CAACH,GAAG;IAACM,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAACG,OAAO,EAAC,UAAU;IAACF,IAAI,EAAC,MAAM;IAAA,GAAKH,KAAK;IAAAM,QAAA,eACzER,IAAA,CAACF,IAAI;MACHW,CAAC,EAAC,uEAAuE;MACzEJ,IAAI,EAAEA,IAAK;MACXK,WAAW,EAAEJ;IAAQ,CACtB;EAAC,CACC,CAAC;AAEV,CAAC","ignoreList":[]}

package/lib/module/assets/svgIcon/IconThinkingStep.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import Svg, { G, Mask, Path } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const IconThinkingStep = props => {
+  const {
+    width = 24,
+    height = 24
+  } = props || {};
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...props,
+    children: [/*#__PURE__*/_jsx(Mask, {
+      id: "a",
+      maskUnits: "userSpaceOnUse",
+      x: -8,
+      y: -8,
+      width: 40,
+      height: 40,
+      children: /*#__PURE__*/_jsx(Path, {
+        d: "M32-8H-8v40h40V-8z",
+        fill: "#fff"
+      })
+    }), /*#__PURE__*/_jsxs(G, {
+      mask: "url(#a)",
+      children: [/*#__PURE__*/_jsx(Path, {
+        d: "M5.093 16.972a.976.976 0 01.815.064 8.75 8.75 0 004.37 1.151c4.74 0 8.583-3.692 8.583-8.25s-3.844-8.25-8.583-8.25c-4.739 0-8.583 3.692-8.583 8.25a7.96 7.96 0 001.003 3.877c.139.242.173.53.094.798l-.896 2.92a.344.344 0 00.445.424l2.752-.984z",
+        fill: "#D5DBDF"
+      }), /*#__PURE__*/_jsx(Path, {
+        d: "M6.164 8.563a1.376 1.376 0 11-.001 2.75 1.376 1.376 0 01.001-2.75zM10.289 8.563a1.376 1.376 0 11-.001 2.75 1.376 1.376 0 01.001-2.75zM14.414 8.563a1.376 1.376 0 11-.001 2.75 1.376 1.376 0 01.001-2.75z",
+        fill: "#fff"
+      }), /*#__PURE__*/_jsx(Path, {
+        d: "M18.9 21.099a.977.977 0 00-.813.064 8.76 8.76 0 01-4.371 1.15c-4.74 0-8.583-3.686-8.583-8.236 0-4.55 3.844-8.236 8.583-8.236 4.739 0 8.583 3.684 8.583 8.236a7.94 7.94 0 01-1.003 3.87c-.139.242-.173.53-.094.799l.894 2.912a.344.344 0 01-.445.424L18.9 21.1z",
+        fill: "#002BEB"
+      }), /*#__PURE__*/_jsx(Path, {
+        d: "M9.848 12.704a1.376 1.376 0 11-.281 2.737 1.376 1.376 0 01.281-2.737zM13.989 12.73a1.376 1.376 0 11-.281 2.737 1.376 1.376 0 01.28-2.736zM18.141 12.679a1.376 1.376 0 11-.281 2.737 1.376 1.376 0 01.281-2.737z",
+        fill: "#fff"
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=IconThinkingStep.js.map

package/lib/module/assets/svgIcon/IconThinkingStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","G","Mask","Path","jsx","_jsx","jsxs","_jsxs","IconThinkingStep","props","width","height","viewBox","fill","children","id","maskUnits","x","y","d","mask"],"sourceRoot":"../../../../src","sources":["assets/svgIcon/IconThinkingStep.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,CAAC,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOtD,OAAO,MAAMC,gBAAgB,GAAIC,KAAY,IAAK;EAChD,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,MAAM,GAAG;EAAG,CAAC,GAAGF,KAAK,IAAI,CAAC,CAAC;EAC/C,oBACEF,KAAA,CAACP,GAAG;IAACU,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAA,GAAKJ,KAAK;IAAAK,QAAA,gBAC1ET,IAAA,CAACH,IAAI;MAACa,EAAE,EAAC,GAAG;MAACC,SAAS,EAAC,gBAAgB;MAACC,CAAC,EAAE,CAAC,CAAE;MAACC,CAAC,EAAE,CAAC,CAAE;MAACR,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAAAG,QAAA,eAC1ET,IAAA,CAACF,IAAI;QAACgB,CAAC,EAAC,oBAAoB;QAACN,IAAI,EAAC;MAAM,CAAE;IAAC,CACvC,CAAC,eACPN,KAAA,CAACN,CAAC;MAACmB,IAAI,EAAC,SAAS;MAAAN,QAAA,gBACfT,IAAA,CAACF,IAAI;QACHgB,CAAC,EAAC,kPAAkP;QACpPN,IAAI,EAAC;MAAS,CACf,CAAC,eACFR,IAAA,CAACF,IAAI;QACHgB,CAAC,EAAC,0MAA0M;QAC5MN,IAAI,EAAC;MAAM,CACZ,CAAC,eACFR,IAAA,CAACF,IAAI;QACHgB,CAAC,EAAC,gQAAgQ;QAClQN,IAAI,EAAC;MAAS,CACf,CAAC,eACFR,IAAA,CAACF,IAAI;QACHgB,CAAC,EAAC,iNAAiN;QACnNN,IAAI,EAAC;MAAM,CACZ,CAAC;IAAA,CACD,CAAC;EAAA,CACD,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+import { KColors, KContainer, KLabel, KSpacingValue } from '@droppii/libs';
+import { StyleSheet } from 'react-native';
+import { useFetchSuggestions } from "../../hooks/suggestions/useFetchSuggestions.js";
+import SuggestionItem from "./SuggestionItem.js";
+import { useSendMessage } from "../../hooks/message/useSendMessage.js";
+import debounce from 'lodash/debounce';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ChatEmpty = () => {
+  const {
+    data
+  } = useFetchSuggestions();
+  const {
+    onSendMessage
+  } = useSendMessage();
+  const onPress = debounce(item => {
+    onSendMessage(item.content);
+  }, 200);
+  return /*#__PURE__*/_jsxs(KContainer.ScrollView, {
+    contentContainerStyle: styles.container,
+    children: [/*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextXLgMedium",
+      center: true,
+      children: 'Bạn cần hỗ trợ gì hôm nay?'
+    }), /*#__PURE__*/_jsxs(KContainer.View, {
+      center: true,
+      children: [/*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextMdNormal",
+        center: true,
+        color: KColors.gray.normal,
+        children: 'Hãy đặt câu hỏi hoặc chia sẻ vấn đề của bạn.'
+      }), /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextMdNormal",
+        center: true,
+        color: KColors.gray.normal,
+        children: 'Xem qua những gợi ý dành cho bạn:'
+      })]
+    }), data?.suggestions?.map(item => /*#__PURE__*/_jsx(SuggestionItem, {
+      item: item,
+      onPressItem: onPress
+    }, item.suggestion_id)), /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextSmNormal",
+      color: KColors.gray.light,
+      textAlign: "center",
+      children: '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.'
+    })]
+  });
+};
+export default ChatEmpty;
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: KSpacingValue['0.75rem'],
+    gap: KSpacingValue['0.5rem']
+  }
+});
+//# sourceMappingURL=ChatEmpty.js.map

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

@@ -0,0 +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;MAA0BW,IAAI,EAAEA,IAAK;MAACgB,WAAW,EAAEjB;IAAQ,GAArDC,IAAI,CAACiB,aAAkD,CAC7E,CAAC,eACFxB,IAAA,CAACR,MAAM,CAACsB,IAAI;MAACC,IAAI,EAAC,cAAc;MAACG,KAAK,EAAE5B,OAAO,CAAC6B,IAAI,CAACM,KAAM;MAACC,SAAS,EAAC,QAAQ;MAAAb,QAAA,EAE1E;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":[]}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+import { KButton, KColors, KContainer, KImage, KInput, KSpacingValue } from '@droppii/libs';
+import { useCallback, useState } from 'react';
+import { StyleSheet } from 'react-native';
+import debounce from 'lodash/debounce';
+import { useSendMessage } from "../../hooks/message/useSendMessage.js";
+import useStreamMessageStore from "../../store/streamMessage.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ChatFooter = () => {
+  const {
+    onSendMessage,
+    stopStream
+  } = useSendMessage();
+  const [message, setMessage] = useState('');
+  const isStreaming = useStreamMessageStore(state => state.isStreaming);
+  const debouncedMessage = debounce(message => {
+    setMessage(message);
+  }, 200);
+  const onPressSend = useCallback(() => {
+    if (isStreaming) {
+      stopStream();
+      return;
+    }
+    onSendMessage(message?.trim());
+    setMessage('');
+  }, [message, isStreaming]);
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(KInput.TextArea, {
+      paddingV: '0.25rem',
+      paddingH: '0.25rem',
+      placeholder: "B\u1EA1n mu\u1ED1n h\u1ECFi g\xEC h\xF4m nay?",
+      clearButtonMode: "hidden",
+      onChangeText: debouncedMessage,
+      value: message,
+      multiline: true,
+      style: styles.input
+    }), /*#__PURE__*/_jsxs(KContainer.View, {
+      style: styles.actions,
+      children: [/*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "image-o",
+        size: 24,
+        color: KColors.gray.dark
+      }), /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "paperclip-o",
+        size: 24,
+        color: KColors.gray.dark
+      }), /*#__PURE__*/_jsx(KContainer.View, {
+        flex: true
+      }), /*#__PURE__*/_jsx(KButton.Solid, {
+        kind: "primary",
+        icon: {
+          vectorName: isStreaming ? 'square-b' : 'send-b',
+          size: 20,
+          tintColor: KColors.white
+        },
+        onPress: onPressSend,
+        br: "round",
+        disabled: !isStreaming && message.trim() === ''
+      })]
+    })]
+  });
+};
+export default ChatFooter;
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.5rem'],
+    gap: KSpacingValue['0.5rem'],
+    borderWidth: 1,
+    borderColor: KColors.hexToRgba(KColors.black, 0.15),
+    borderBottomWidth: 0,
+    borderTopLeftRadius: KSpacingValue['1.25rem'],
+    borderTopRightRadius: KSpacingValue['1.25rem']
+  },
+  actions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: KSpacingValue['1rem']
+  },
+  sendButton: {
+    alignSelf: 'flex-end'
+  },
+  input: {
+    maxHeight: 100
+  }
+});
+//# sourceMappingURL=ChatFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["KButton","KColors","KContainer","KImage","KInput","KSpacingValue","useCallback","useState","StyleSheet","debounce","useSendMessage","useStreamMessageStore","jsx","_jsx","jsxs","_jsxs","ChatFooter","onSendMessage","stopStream","message","setMessage","isStreaming","state","debouncedMessage","onPressSend","trim","View","style","styles","container","children","TextArea","paddingV","paddingH","placeholder","clearButtonMode","onChangeText","value","multiline","input","actions","VectorIcons","name","size","color","gray","dark","flex","Solid","kind","icon","vectorName","tintColor","white","onPress","br","disabled","create","paddingHorizontal","paddingVertical","gap","borderWidth","borderColor","hexToRgba","black","borderBottomWidth","borderTopLeftRadius","borderTopRightRadius","flexDirection","alignItems","sendButton","alignSelf","maxHeight"],"sourceRoot":"../../../../src","sources":["components/chat/ChatFooter.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+import { KColors, KContainer, KImage, KLabel, KSpacingValue } from '@droppii/libs';
+import images from "../../assets/images/index.js";
+import { ImageBackground, StatusBar, StyleSheet } from 'react-native';
+import { useCallback } from 'react';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import useSessionStore from "../../store/session.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ChatHeader = () => {
+  const insets = useSafeAreaInsets();
+  const setSessionId = useSessionStore(state => state.setSessionId);
+  const onPressNewSession = () => {
+    setSessionId(undefined);
+  };
+  const renderStatusBar = useCallback(() => {
+    return /*#__PURE__*/_jsx(KContainer.View, {
+      height: insets.top,
+      background: "transparent",
+      children: /*#__PURE__*/_jsx(StatusBar, {
+        translucent: true
+      })
+    });
+  }, [insets.top]);
+  return /*#__PURE__*/_jsxs(ImageBackground, {
+    source: images.bg_header,
+    resizeMode: "cover",
+    children: [renderStatusBar(), /*#__PURE__*/_jsxs(KContainer.View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(KContainer.Touchable, {
+        style: styles.button,
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "menu-ai-o",
+          size: 24,
+          color: KColors.white
+        })
+      }), /*#__PURE__*/_jsx(KLabel.Text, {
+        flex: true,
+        typo: "TitleBlockMedium",
+        color: KColors.white,
+        children: 'Chatbot AI'
+      }), /*#__PURE__*/_jsx(KContainer.Touchable, {
+        style: styles.button,
+        onPress: onPressNewSession,
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "chat-dot-plus-o",
+          size: 24,
+          color: KColors.white
+        })
+      })]
+    })]
+  });
+};
+export default ChatHeader;
+const styles = StyleSheet.create({
+  header: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.5rem'],
+    flexDirection: 'row',
+    gap: KSpacingValue['0.5rem'],
+    alignItems: 'center'
+  },
+  button: {
+    width: 32,
+    height: 32,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=ChatHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["KColors","KContainer","KImage","KLabel","KSpacingValue","images","ImageBackground","StatusBar","StyleSheet","useCallback","useSafeAreaInsets","useSessionStore","jsx","_jsx","jsxs","_jsxs","ChatHeader","insets","setSessionId","state","onPressNewSession","undefined","renderStatusBar","View","height","top","background","children","translucent","source","bg_header","resizeMode","style","styles","header","Touchable","button","VectorIcons","name","size","color","white","Text","flex","typo","onPress","create","paddingHorizontal","paddingVertical","flexDirection","gap","alignItems","width","justifyContent"],"sourceRoot":"../../../../src","sources":["components/chat/ChatHeader.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,MAAM,EAAEC,aAAa,QAAQ,eAAe;AAClF,OAAOC,MAAM,MAAM,8BAAqB;AACxC,SAASC,eAAe,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AACrE,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,OAAOC,eAAe,MAAM,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElD,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAMC,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAClC,MAAMQ,YAAY,GAAGP,eAAe,CAACQ,KAAK,IAAIA,KAAK,CAACD,YAAY,CAAC;EAEjE,MAAME,iBAAiB,GAAGA,CAAA,KAAM;IAC9BF,YAAY,CAACG,SAAS,CAAC;EACzB,CAAC;EAED,MAAMC,eAAe,GAAGb,WAAW,CAAC,MAAM;IACxC,oBACEI,IAAA,CAACZ,UAAU,CAACsB,IAAI;MAACC,MAAM,EAAEP,MAAM,CAACQ,GAAI;MAACC,UAAU,EAAC,aAAa;MAAAC,QAAA,eAC3Dd,IAAA,CAACN,SAAS;QAACqB,WAAW;MAAA,CAAE;IAAC,CACV,CAAC;EAEtB,CAAC,EAAE,CAACX,MAAM,CAACQ,GAAG,CAAC,CAAC;EAChB,oBACEV,KAAA,CAACT,eAAe;IAACuB,MAAM,EAAExB,MAAM,CAACyB,SAAU;IAACC,UAAU,EAAC,OAAO;IAAAJ,QAAA,GAC1DL,eAAe,CAAC,CAAC,eAClBP,KAAA,CAACd,UAAU,CAACsB,IAAI;MAACS,KAAK,EAAEC,MAAM,CAACC,MAAO;MAAAP,QAAA,gBACpCd,IAAA,CAACZ,UAAU,CAACkC,SAAS;QAACH,KAAK,EAAEC,MAAM,CAACG,MAAO;QAAAT,QAAA,eACzCd,IAAA,CAACX,MAAM,CAACmC,WAAW;UAACC,IAAI,EAAC,WAAW;UAACC,IAAI,EAAE,EAAG;UAACC,KAAK,EAAExC,OAAO,CAACyC;QAAM,CAAE;MAAC,CACnD,CAAC,eACvB5B,IAAA,CAACV,MAAM,CAACuC,IAAI;QAACC,IAAI;QAACC,IAAI,EAAC,kBAAkB;QAACJ,KAAK,EAAExC,OAAO,CAACyC,KAAM;QAAAd,QAAA,EAC5D;MAAY,CACF,CAAC,eACdd,IAAA,CAACZ,UAAU,CAACkC,SAAS;QAACH,KAAK,EAAEC,MAAM,CAACG,MAAO;QAACS,OAAO,EAAEzB,iBAAkB;QAAAO,QAAA,eACrEd,IAAA,CAACX,MAAM,CAACmC,WAAW;UAACC,IAAI,EAAC,iBAAiB;UAACC,IAAI,EAAE,EAAG;UAACC,KAAK,EAAExC,OAAO,CAACyC;QAAM,CAAE;MAAC,CACzD,CAAC;IAAA,CACR,CAAC;EAAA,CACH,CAAC;AAEtB,CAAC;AAED,eAAezB,UAAU;AAEzB,MAAMiB,MAAM,GAAGzB,UAAU,CAACsC,MAAM,CAAC;EAC/BZ,MAAM,EAAE;IACNa,iBAAiB,EAAE3C,aAAa,CAAC,SAAS,CAAC;IAC3C4C,eAAe,EAAE5C,aAAa,CAAC,QAAQ,CAAC;IACxC6C,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE9C,aAAa,CAAC,QAAQ,CAAC;IAC5B+C,UAAU,EAAE;EACd,CAAC;EACDf,MAAM,EAAE;IACNgB,KAAK,EAAE,EAAE;IACT5B,MAAM,EAAE,EAAE;IACV6B,cAAc,EAAE,QAAQ;IACxBF,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+import { FlatList, StyleSheet } 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 { jsx as _jsx } from "react/jsx-runtime";
+const ChatMessageList = () => {
+  const {
+    messageState
+  } = useMessage();
+  if (!messageState?.messages?.length) {
+    return /*#__PURE__*/_jsx(ChatEmpty, {});
+  }
+  return /*#__PURE__*/_jsx(FlatList, {
+    data: messageState?.messages || [],
+    renderItem: ({
+      item,
+      index
+    }) => /*#__PURE__*/_jsx(ChatItem, {
+      item: item,
+      index: index
+    }),
+    keyExtractor: item => item.id,
+    contentContainerStyle: styles.container,
+    inverted: true
+  });
+};
+export default ChatMessageList;
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    gap: KSpacingValue['0.5rem'],
+    paddingVertical: KSpacingValue['1rem']
+  }
+});
+//# sourceMappingURL=ChatMessageList.js.map

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

@@ -0,0 +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,kBAAKR,IAAA,CAACH,QAAQ;MAACU,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAE;IAC/GC,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":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { KColors, KContainer, KImage, KLabel, KRadiusValue, KSpacingValue } from '@droppii/libs';
+import { SuggestionCategory } from "../../types/common.js";
+import { StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SuggestionItem = ({
+  item,
+  onPressItem
+}) => {
+  const icon = useMemo(() => {
+    switch (item.category) {
+      case SuggestionCategory.product:
+        return /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "shopping-basket-o",
+          size: 16,
+          color: KColors.palette.primary.w400
+        });
+      case SuggestionCategory.discount:
+        return /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "ticket-percent-o",
+          size: 16,
+          color: KColors.danger.normal
+        });
+      case SuggestionCategory.gift:
+        return /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "gift-o",
+          size: 16,
+          color: KColors.success.normal
+        });
+      case SuggestionCategory.health_advice:
+        return /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "heart-rate-o",
+          size: 16,
+          color: KColors.secondary.normal
+        });
+      case SuggestionCategory.content:
+        return /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "edit-o",
+          size: 16,
+          color: KColors.warning.normal
+        });
+      case SuggestionCategory.guide:
+        return /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "book",
+          size: 16,
+          color: KColors.palette.blue.w400
+        });
+      default:
+        return /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "edit-o",
+          size: 16,
+          color: KColors.warning.normal
+        });
+    }
+  }, [item.category]);
+  return /*#__PURE__*/_jsxs(KContainer.Touchable, {
+    style: styles.container,
+    onPress: () => onPressItem(item),
+    children: [icon, /*#__PURE__*/_jsx(KLabel.Text, {
+      flex: true,
+      typo: "TextNmNormal",
+      children: item?.content || ''
+    })]
+  });
+};
+export default SuggestionItem;
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: KSpacingValue['0.75rem'],
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: 6,
+    borderRadius: KRadiusValue['4x'],
+    backgroundColor: KColors.hexToRgba(KColors.gray.dark, 0.05)
+  }
+});
+//# sourceMappingURL=SuggestionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","KColors","KContainer","KImage","KLabel","KRadiusValue","KSpacingValue","SuggestionCategory","StyleSheet","jsx","_jsx","jsxs","_jsxs","SuggestionItem","item","onPressItem","icon","category","product","VectorIcons","name","size","color","palette","primary","w400","discount","danger","normal","gift","success","health_advice","secondary","content","warning","guide","blue","Touchable","style","styles","container","onPress","children","Text","flex","typo","create","flexDirection","alignItems","gap","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","hexToRgba","gray","dark"],"sourceRoot":"../../../../src","sources":["components/chat/SuggestionItem.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,24 @@
 "use strict";
 
-import { KContainer, KNavigation } from '@droppii/libs';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ChatBotAI = () => {
+import { KContainer } from '@droppii/libs';
+import ChatHeader from "./ChatHeader.js";
+import ChatMessageList from "./ChatMessageList.js";
+import ChatFooter from "./ChatFooter.js";
+import { KeyboardAvoidingView, Platform, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ChatBotAI = () => {
   return /*#__PURE__*/_jsx(KContainer.Page, {
-    children: /*#__PURE__*/_jsx(KNavigation.HeaderV2, {
-      title: "Chatbot AI"
+    children: /*#__PURE__*/_jsxs(KeyboardAvoidingView, {
+      style: styles.container,
+      behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+      children: [/*#__PURE__*/_jsx(ChatHeader, {}), /*#__PURE__*/_jsx(ChatMessageList, {}), /*#__PURE__*/_jsx(ChatFooter, {})]
     })
   });
 };
+export default ChatBotAI;
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["KContainer","KNavigation","jsx","_jsx","ChatBotAI","Page","children","HeaderV2","title"],"sourceRoot":"../../../../src","sources":["components/chat/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,oBACED,IAAA,CAACH,UAAU,CAACK,IAAI;IAAAC,QAAA,eACdH,IAAA,CAACF,WAAW,CAACM,QAAQ;MACnBC,KAAK,EAAC;IAAY,CACnB;EAAC,CACa,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["KContainer","ChatHeader","ChatMessageList","ChatFooter","KeyboardAvoidingView","Platform","StyleSheet","jsx","_jsx","jsxs","_jsxs","ChatBotAI","Page","children","style","styles","container","behavior","OS","undefined","create","flex"],"sourceRoot":"../../../../src","sources":["components/chat/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,eAAe;AAC1C,OAAOC,UAAU,MAAM,iBAAc;AACrC,OAAOC,eAAe,MAAM,sBAAmB;AAC/C,OAAOC,UAAU,MAAM,iBAAc;AACrC,SAASC,oBAAoB,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1E,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACtB,oBACEH,IAAA,CAACR,UAAU,CAACY,IAAI;IAAAC,QAAA,eACdH,KAAA,CAACN,oBAAoB;MACnBU,KAAK,EAAEC,MAAM,CAACC,SAAU;MACxBC,QAAQ,EAAEZ,QAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGC,SAAU;MAAAN,QAAA,gBAExDL,IAAA,CAACP,UAAU,IAAE,CAAC,eACdO,IAAA,CAACN,eAAe,IAAE,CAAC,eACnBM,IAAA,CAACL,UAAU,IAAE,CAAC;IAAA,CACM;EAAC,CACR,CAAC;AAEtB,CAAC;AAED,eAAeQ,SAAS;AAExB,MAAMI,MAAM,GAAGT,UAAU,CAACc,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IAAEK,IAAI,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+"use strict";
+
+import { KColors, KContainer, KLabel, KSpacingValue } from '@droppii/libs';
+import Markdown from 'react-native-markdown-display';
+import { StyleSheet } from 'react-native';
+import useStreamMessageStore from "../../../store/streamMessage.js";
+import { useEffect, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const markDownRules = {
+  body: (node, children, _, styles) => /*#__PURE__*/_jsx(KContainer.View, {
+    style: styles,
+    children: children
+  }, node.key),
+  paragraph: (node, children, _, styles) => /*#__PURE__*/_jsx(KLabel.Text, {
+    typo: "TextMdNormal",
+    style: styles,
+    color: KColors.black,
+    children: children
+  }, node.key),
+  span: (node, children, _, styles) => /*#__PURE__*/_jsx(KLabel.Text, {
+    typo: "TextMdNormal",
+    style: styles,
+    color: KColors.black,
+    children: children
+  }, node.key),
+  strong: (node, children, _, styles) => /*#__PURE__*/_jsx(KLabel.Text, {
+    typo: "TextMdBold",
+    style: styles,
+    color: KColors.black,
+    children: children
+  }, node.key)
+};
+const ChatAIAnswerMessageItem = ({
+  item,
+  isLast = false
+}) => {
+  const streamMessage = useStreamMessageStore(state => state.streamMessage?.[item.id]);
+  const [display, setDisplay] = useState('');
+  const indexRef = useRef(0);
+  useEffect(() => {
+    if (!streamMessage) {
+      indexRef.current = 0;
+      setDisplay(item.content);
+      return;
+    }
+    const interval = setInterval(() => {
+      const remaining = streamMessage.content.slice(indexRef.current);
+      if (remaining.length === 0) {
+        clearInterval(interval);
+        return;
+      }
+      const chunkSize = 10;
+      const chunk = remaining.slice(0, chunkSize);
+      setDisplay(prev => prev + chunk);
+      indexRef.current += chunk.length;
+    }, 20);
+    return () => clearInterval(interval);
+  }, [streamMessage, item]);
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Markdown, {
+      rules: markDownRules,
+      children: display
+    }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: isLast && !streamMessage,
+      children: /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextSmNormal",
+        color: KColors.gray.light,
+        textAlign: "center",
+        children: '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.'
+      })
+    })]
+  });
+};
+export default ChatAIAnswerMessageItem;
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: KSpacingValue['1rem'],
+    gap: KSpacingValue['0.5rem']
+  }
+});
+//# sourceMappingURL=ChatAIAnswerMessageItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["KColors","KContainer","KLabel","KSpacingValue","Markdown","StyleSheet","useStreamMessageStore","useEffect","useRef","useState","jsx","_jsx","jsxs","_jsxs","markDownRules","body","node","children","_","styles","View","style","key","paragraph","Text","typo","color","black","span","strong","ChatAIAnswerMessageItem","item","isLast","streamMessage","state","id","display","setDisplay","indexRef","current","content","interval","setInterval","remaining","slice","length","clearInterval","chunkSize","chunk","prev","container","rules","VisibleView","visible","gray","light","textAlign","create","paddingHorizontal","gap"],"sourceRoot":"../../../../../src","sources":["components/chat/item/ChatAIAnswerMessageItem.tsx"],"mappings":"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","ignoreList":[]}