react-native-srschat 0.1.13 ā 0.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/header.js +4 -2
- package/lib/commonjs/components/header.js.map +1 -1
- package/lib/commonjs/contexts/AppContext.js +6 -4
- package/lib/commonjs/contexts/AppContext.js.map +1 -1
- package/lib/commonjs/layout/chatWindow.js +58 -73
- package/lib/commonjs/layout/chatWindow.js.map +1 -1
- package/lib/module/components/header.js +4 -2
- package/lib/module/components/header.js.map +1 -1
- package/lib/module/contexts/AppContext.js +6 -4
- package/lib/module/contexts/AppContext.js.map +1 -1
- package/lib/module/layout/chatWindow.js +60 -75
- package/lib/module/layout/chatWindow.js.map +1 -1
- package/lib/typescript/contexts/AppContext.d.ts.map +1 -1
- package/lib/typescript/layout/chatWindow.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/components/header.js +2 -2
- package/src/contexts/AppContext.js +6 -4
- package/src/layout/chatWindow.js +97 -93
|
@@ -13,7 +13,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
const Header = () => {
|
|
15
15
|
const {
|
|
16
|
-
setShowModal
|
|
16
|
+
setShowModal,
|
|
17
|
+
setMessages,
|
|
18
|
+
defaultMessages
|
|
17
19
|
} = (0, _react.useContext)(_AppContext.AppContext);
|
|
18
20
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
19
21
|
style: styles.header
|
|
@@ -38,7 +40,7 @@ const Header = () => {
|
|
|
38
40
|
}), "beta"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
39
41
|
style: styles.iconsSection
|
|
40
42
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
41
|
-
onPress: () =>
|
|
43
|
+
onPress: () => setMessages(defaultMessages)
|
|
42
44
|
}, /*#__PURE__*/_react.default.createElement(_Ionicons.default, {
|
|
43
45
|
name: "trash",
|
|
44
46
|
size: 24,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AppContext","_Ionicons","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Header","setShowModal","useContext","AppContext","createElement","View","style","styles","header","section","Image","source","logo","titleContainer","titleWrapper","Text","title","betaText","icon","name","size","color","iconsSection","TouchableOpacity","onPress","exports","StyleSheet","create","flexDirection","alignItems","backgroundColor","padding","borderBottomWidth","borderBottomColor","flex","display","justifyContent","width","height","resizeMode","paddingLeft","paddingRight","fontSize","fontWeight","textAlign","position","top","right"],"sourceRoot":"../../../src","sources":["components/header.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA0D,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAEnD,MAAMW,MAAM,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AppContext","_Ionicons","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Header","setShowModal","setMessages","defaultMessages","useContext","AppContext","createElement","View","style","styles","header","section","Image","source","logo","titleContainer","titleWrapper","Text","title","betaText","icon","name","size","color","iconsSection","TouchableOpacity","onPress","exports","StyleSheet","create","flexDirection","alignItems","backgroundColor","padding","borderBottomWidth","borderBottomColor","flex","display","justifyContent","width","height","resizeMode","paddingLeft","paddingRight","fontSize","fontWeight","textAlign","position","top","right"],"sourceRoot":"../../../src","sources":["components/header.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA0D,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAEnD,MAAMW,MAAM,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC,YAAY;IAAEC,WAAW;IAAEC;EAAgB,CAAC,GAAG,IAAAC,iBAAU,EAACC,sBAAU,CAAC;EAE7E,oBACEhC,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAO,gBAEzBrC,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACE;EAAQ,gBAC1BtC,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAAoC,KAAK;IAACC,MAAM,EAAEtC,OAAO,CAAC,wBAAwB,CAAE;IAACiC,KAAK,EAAEC,MAAM,CAACK;EAAK,CAAE,CACnE,CAAC,eAGPzC,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACE,OAAO,EAAEF,MAAM,CAACM,cAAc;EAAE,gBACnD1C,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACO;EAAa,gBAC/B3C,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAAyC,IAAI;IAACT,KAAK,EAAEC,MAAM,CAACS;EAAM,GAAC,UAErB,CAAC,eACP7C,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAAyC,IAAI;IAACT,KAAK,EAAEC,MAAM,CAACU;EAAS,gBAAC9C,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC5B,SAAA,CAAAI,OAAQ;IAAC0B,KAAK,EAAEC,MAAM,CAACW,IAAK;IAACC,IAAI,EAAC,kBAAkB;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAS,CAAE,CAAC,QAAU,CACtH,CACF,CAAC,eAGPlD,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACe;EAAa,gBAC/BnD,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAAiD,gBAAgB;IAACC,OAAO,EAAEA,CAAA,KAAMxB,WAAW,CAACC,eAAe;EAAE,gBAC5D9B,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC5B,SAAA,CAAAI,OAAQ;IAACuC,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAM,CAAE,CAC/B,CAAC,eACnBlD,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC9B,YAAA,CAAAiD,gBAAgB;IAACC,OAAO,EAAEA,CAAA,KAAMzB,YAAY,CAAC,MAAM;EAAE,gBACpD5B,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC5B,SAAA,CAAAI,OAAQ;IAACuC,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAM,CAAE,CACtC,CACd,CACF,CAAC;AAEX,CAAC;AAACI,OAAA,CAAA3B,MAAA,GAAAA,MAAA;AAEF,MAAMS,MAAM,GAAGmB,uBAAU,CAACC,MAAM,CAAC;EAC/BnB,MAAM,EAAE;IACNoB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,SAAS;IAC1BC,OAAO,EAAE,EAAE;IACXC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAE;EACrB,CAAC;EACDxB,OAAO,EAAE;IACPyB,IAAI,EAAE,CAAC;IACPL,UAAU,EAAE;EACd,CAAC;EACDP,YAAY,EAAE;IACZY,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,MAAM;IACfP,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE;EAClB,CAAC;EACDxB,IAAI,EAAE;IACJyB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd,CAAC;EACDrB,IAAI,EAAE;IACJsB,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB,CAAC;EACD5B,cAAc,EAAE;IACdqB,IAAI,EAAE,CAAC,CAAE;EACX,CAAC;EACDpB,YAAY,EAAE;IACZe,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE;EAClB,CAAC;EACDpB,KAAK,EAAE;IACL0B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,QAAQ;IACpBtB,KAAK,EAAE,MAAM;IACbuB,SAAS,EAAE,QAAQ;IACnBhB,aAAa,EAAE;EACjB,CAAC;EACDX,QAAQ,EAAE;IACRyB,QAAQ,EAAE,EAAE;IACZrB,KAAK,EAAE,MAAM;IACbwB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC,EAAE;IACRC,KAAK,EAAE,CAAC;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -12,8 +12,7 @@ const AppProvider = ({
|
|
|
12
12
|
children
|
|
13
13
|
}) => {
|
|
14
14
|
const [showModal, setShowModal] = (0, _react.useState)("Icon");
|
|
15
|
-
const
|
|
16
|
-
const [messages, setMessages] = (0, _react.useState)([{
|
|
15
|
+
const defaultMessages = [{
|
|
17
16
|
type: "ai",
|
|
18
17
|
text: "Hi there š Iām Poseidon, your Heritage Pool+ AI Agent. I can help you during your online visit with Product and Account information. How can I help you today?"
|
|
19
18
|
}, {
|
|
@@ -22,7 +21,9 @@ const AppProvider = ({
|
|
|
22
21
|
}, {
|
|
23
22
|
type: "ai",
|
|
24
23
|
text: "Could you provide more details on the specific model or horsepower you are interested in for the Hayward Super Pump? We have various models with different features, such as variable speed settings and different horsepower ratings. Alternatively, I can offer you some recommendations right away to help you decide."
|
|
25
|
-
}]
|
|
24
|
+
}];
|
|
25
|
+
const [input, setInput] = (0, _react.useState)('');
|
|
26
|
+
const [messages, setMessages] = (0, _react.useState)(defaultMessages);
|
|
26
27
|
const handleSend = async () => {
|
|
27
28
|
if (!input.trim()) return;
|
|
28
29
|
const userMessage = input;
|
|
@@ -91,7 +92,8 @@ const AppProvider = ({
|
|
|
91
92
|
handleSend,
|
|
92
93
|
onSendMessage,
|
|
93
94
|
input,
|
|
94
|
-
setInput
|
|
95
|
+
setInput,
|
|
96
|
+
defaultMessages
|
|
95
97
|
}
|
|
96
98
|
}, children);
|
|
97
99
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AppContext","exports","createContext","AppProvider","children","showModal","setShowModal","useState","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AppContext","exports","createContext","AppProvider","children","showModal","setShowModal","useState","defaultMessages","type","text","input","setInput","messages","setMessages","handleSend","trim","userMessage","prev","response","onSendMessage","chunk","newMessages","lastMessage","length","error","console","message","onStream","words","split","word","Promise","resolve","setTimeout","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["contexts/AppContext.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,8 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _header = require("../components/header");
|
|
10
10
|
var _AppContext = require("../contexts/AppContext");
|
|
11
|
-
var _testing = require("../components/testing");
|
|
12
11
|
var _Ionicons = _interopRequireDefault(require("react-native-vector-icons/Ionicons"));
|
|
12
|
+
var _reactNativeKeyboardAwareScrollView = require("react-native-keyboard-aware-scroll-view");
|
|
13
|
+
var _testing = require("../components/testing");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -17,7 +18,7 @@ const theme = {
|
|
|
17
18
|
primaryColor: '#003764',
|
|
18
19
|
backgroundColor: '#f6f6f6',
|
|
19
20
|
textColor: '#000000',
|
|
20
|
-
inputBackgroundColor: '#
|
|
21
|
+
inputBackgroundColor: '#FFFFFF'
|
|
21
22
|
};
|
|
22
23
|
const ChatWindow = ({
|
|
23
24
|
onProductCardClick,
|
|
@@ -26,61 +27,55 @@ const ChatWindow = ({
|
|
|
26
27
|
const {
|
|
27
28
|
handleSend,
|
|
28
29
|
messages,
|
|
29
|
-
setMessages,
|
|
30
|
-
onSendMessage,
|
|
31
30
|
input,
|
|
32
31
|
setInput
|
|
33
32
|
} = (0, _react.useContext)(_AppContext.AppContext);
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}]);
|
|
43
|
-
} catch (error) {
|
|
44
|
-
console.error('Error refreshing chat:', error);
|
|
45
|
-
} finally {
|
|
46
|
-
setRefreshing(false);
|
|
33
|
+
const scrollViewRef = (0, _react.useRef)(null);
|
|
34
|
+
(0, _react.useEffect)(() => {
|
|
35
|
+
if (scrollViewRef.current) {
|
|
36
|
+
setTimeout(() => {
|
|
37
|
+
scrollViewRef.current.scrollToEnd({
|
|
38
|
+
animated: false
|
|
39
|
+
});
|
|
40
|
+
}, 100);
|
|
47
41
|
}
|
|
48
42
|
}, []);
|
|
49
|
-
const getMessageStyle = type => [styles.messageBubble, type === "user" ? styles.userMessage : styles.aiMessage, {
|
|
50
|
-
backgroundColor: type === "user" ? theme.primaryColor : '#E8E8E8'
|
|
51
|
-
}];
|
|
52
|
-
const getTextStyle = type => [styles.messageText, {
|
|
53
|
-
color: type === "user" ? '#fff' : theme.textColor
|
|
54
|
-
}];
|
|
55
43
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
56
44
|
style: styles.container
|
|
57
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
58
|
-
|
|
59
|
-
}, /*#__PURE__*/_react.default.createElement(_header.Header, null), /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
|
|
60
|
-
behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
|
|
61
|
-
style: styles.content,
|
|
62
|
-
keyboardVerticalOffset: _reactNative.Platform.OS === 'ios' ? 40 : 0
|
|
63
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
|
|
64
|
-
style: styles.messagesContainer,
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement(_header.Header, null), /*#__PURE__*/_react.default.createElement(_reactNativeKeyboardAwareScrollView.KeyboardAwareScrollView, {
|
|
46
|
+
ref: scrollViewRef,
|
|
65
47
|
contentContainerStyle: styles.messagesContent,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
48
|
+
enableOnAndroid: true,
|
|
49
|
+
contentInsetAdjustmentBehavior: "never",
|
|
50
|
+
automaticallyAdjustContentInsets: false,
|
|
51
|
+
contentInset: {
|
|
52
|
+
bottom: 0
|
|
53
|
+
},
|
|
54
|
+
keyboardShouldPersistTaps: "always",
|
|
55
|
+
showsVerticalScrollIndicator: false,
|
|
56
|
+
extraScrollHeight: 0,
|
|
57
|
+
onContentSizeChange: () => {
|
|
58
|
+
var _scrollViewRef$curren;
|
|
59
|
+
(_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 || _scrollViewRef$curren.scrollToEnd({
|
|
60
|
+
animated: true
|
|
61
|
+
});
|
|
62
|
+
}
|
|
73
63
|
}, messages.map((msg, i) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
74
64
|
key: i,
|
|
75
65
|
style: styles.messageWrapper
|
|
76
66
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
77
|
-
style: [
|
|
67
|
+
style: [styles.messageBubble, msg.type === 'user' ? styles.userMessage : styles.aiMessage]
|
|
78
68
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
79
|
-
style:
|
|
69
|
+
style: [styles.messageText, {
|
|
70
|
+
color: msg.type === 'user' ? '#fff' : theme.textColor
|
|
71
|
+
}]
|
|
80
72
|
}, msg.text))))), /*#__PURE__*/_react.default.createElement(_testing.Testing, {
|
|
81
73
|
onProductCardClick: onProductCardClick,
|
|
82
74
|
onAddToCartClick: onAddToCartClick
|
|
83
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNative.
|
|
75
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
|
|
76
|
+
behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
|
|
77
|
+
keyboardVerticalOffset: _reactNative.Platform.OS === 'ios' ? 80 : 60
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
84
79
|
style: styles.inputWrapper
|
|
85
80
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
86
81
|
style: styles.inputContainer
|
|
@@ -105,59 +100,38 @@ const ChatWindow = ({
|
|
|
105
100
|
name: "paper-plane-outline",
|
|
106
101
|
size: 24,
|
|
107
102
|
color: input.trim() ? theme.primaryColor : '#8E8E93'
|
|
108
|
-
}))))))
|
|
103
|
+
}))))));
|
|
109
104
|
};
|
|
110
105
|
exports.ChatWindow = ChatWindow;
|
|
111
106
|
const styles = _reactNative.StyleSheet.create({
|
|
112
107
|
container: {
|
|
113
108
|
flex: 1,
|
|
114
|
-
backgroundColor:
|
|
109
|
+
backgroundColor: theme.backgroundColor,
|
|
115
110
|
position: 'absolute',
|
|
116
111
|
zIndex: 1000,
|
|
117
112
|
left: 0,
|
|
118
113
|
right: 0,
|
|
119
114
|
bottom: 0,
|
|
120
115
|
top: 100,
|
|
121
|
-
pointerEvents: 'box-none'
|
|
122
|
-
},
|
|
123
|
-
chatWindow: {
|
|
124
|
-
zIndex: 1,
|
|
125
|
-
flex: 1,
|
|
116
|
+
pointerEvents: 'box-none',
|
|
126
117
|
borderTopWidth: 1,
|
|
127
118
|
borderTopColor: '#DDD',
|
|
128
119
|
borderTopLeftRadius: 16,
|
|
129
120
|
borderTopRightRadius: 16,
|
|
130
|
-
overflow: 'hidden'
|
|
131
|
-
backgroundColor: theme.backgroundColor
|
|
132
|
-
},
|
|
133
|
-
content: {
|
|
134
|
-
flex: 1
|
|
135
|
-
},
|
|
136
|
-
messagesContainer: {
|
|
137
|
-
flex: 1
|
|
121
|
+
overflow: 'hidden'
|
|
138
122
|
},
|
|
139
123
|
messagesContent: {
|
|
140
124
|
padding: 16,
|
|
141
|
-
|
|
125
|
+
justifyContent: 'flex-end'
|
|
142
126
|
},
|
|
143
127
|
messageWrapper: {
|
|
144
|
-
marginBottom:
|
|
128
|
+
marginBottom: 0
|
|
145
129
|
},
|
|
146
130
|
messageBubble: {
|
|
147
131
|
maxWidth: '90%',
|
|
148
132
|
padding: 12,
|
|
149
133
|
paddingHorizontal: 16,
|
|
150
|
-
borderRadius:
|
|
151
|
-
},
|
|
152
|
-
messageShadow: {
|
|
153
|
-
shadowColor: '#000',
|
|
154
|
-
shadowOffset: {
|
|
155
|
-
width: 0,
|
|
156
|
-
height: 1
|
|
157
|
-
},
|
|
158
|
-
shadowOpacity: 0.08,
|
|
159
|
-
shadowRadius: 2,
|
|
160
|
-
elevation: 2
|
|
134
|
+
borderRadius: 12
|
|
161
135
|
},
|
|
162
136
|
userMessage: {
|
|
163
137
|
alignSelf: 'flex-end',
|
|
@@ -165,7 +139,8 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
165
139
|
},
|
|
166
140
|
aiMessage: {
|
|
167
141
|
alignSelf: 'flex-start',
|
|
168
|
-
backgroundColor: '#
|
|
142
|
+
backgroundColor: '#FFFFFF',
|
|
143
|
+
width: '90%'
|
|
169
144
|
},
|
|
170
145
|
messageText: {
|
|
171
146
|
fontSize: 16,
|
|
@@ -173,11 +148,11 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
173
148
|
},
|
|
174
149
|
inputWrapper: {
|
|
175
150
|
backgroundColor: '#f6f6f6',
|
|
176
|
-
paddingHorizontal:
|
|
177
|
-
paddingVertical:
|
|
151
|
+
paddingHorizontal: 6,
|
|
152
|
+
paddingVertical: 6,
|
|
178
153
|
borderTopWidth: 1,
|
|
179
154
|
borderTopColor: 'rgba(0, 0, 0, 0.1)',
|
|
180
|
-
paddingBottom:
|
|
155
|
+
paddingBottom: 25
|
|
181
156
|
},
|
|
182
157
|
inputContainer: {
|
|
183
158
|
flexDirection: 'row',
|
|
@@ -203,6 +178,9 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
203
178
|
paddingHorizontal: 12,
|
|
204
179
|
color: '#000000'
|
|
205
180
|
},
|
|
181
|
+
inputButton: {
|
|
182
|
+
padding: 6
|
|
183
|
+
},
|
|
206
184
|
sendButton: {
|
|
207
185
|
padding: 6,
|
|
208
186
|
marginLeft: 'auto'
|
|
@@ -211,4 +189,11 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
211
189
|
opacity: 0.7
|
|
212
190
|
}
|
|
213
191
|
});
|
|
192
|
+
|
|
193
|
+
/*
|
|
194
|
+
<Testing
|
|
195
|
+
onProductCardClick={onProductCardClick}
|
|
196
|
+
onAddToCartClick={onAddToCartClick}
|
|
197
|
+
/>
|
|
198
|
+
*/
|
|
214
199
|
//# sourceMappingURL=chatWindow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_header","_AppContext","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_header","_AppContext","_Ionicons","_interopRequireDefault","_reactNativeKeyboardAwareScrollView","_testing","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","theme","primaryColor","backgroundColor","textColor","inputBackgroundColor","ChatWindow","onProductCardClick","onAddToCartClick","handleSend","messages","input","setInput","useContext","AppContext","scrollViewRef","useRef","useEffect","current","setTimeout","scrollToEnd","animated","createElement","View","style","styles","container","Header","KeyboardAwareScrollView","ref","contentContainerStyle","messagesContent","enableOnAndroid","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","contentInset","bottom","keyboardShouldPersistTaps","showsVerticalScrollIndicator","extraScrollHeight","onContentSizeChange","_scrollViewRef$curren","map","msg","key","messageWrapper","messageBubble","type","userMessage","aiMessage","Text","messageText","color","text","Testing","KeyboardAvoidingView","behavior","Platform","OS","undefined","keyboardVerticalOffset","inputWrapper","inputContainer","TextInput","value","onChangeText","placeholder","placeholderTextColor","multiline","TouchableOpacity","inputButton","name","size","sendButton","trim","disabledButton","onPress","disabled","exports","StyleSheet","create","flex","position","zIndex","left","right","top","pointerEvents","borderTopWidth","borderTopColor","borderTopLeftRadius","borderTopRightRadius","overflow","padding","justifyContent","marginBottom","maxWidth","paddingHorizontal","borderRadius","alignSelf","width","fontSize","lineHeight","paddingVertical","paddingBottom","flexDirection","alignItems","margin","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","marginLeft","opacity"],"sourceRoot":"../../../src","sources":["layout/chatWindow.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,9 @@ import { AppContext } from '../contexts/AppContext';
|
|
|
4
4
|
import Ionicons from 'react-native-vector-icons/Ionicons';
|
|
5
5
|
export const Header = () => {
|
|
6
6
|
const {
|
|
7
|
-
setShowModal
|
|
7
|
+
setShowModal,
|
|
8
|
+
setMessages,
|
|
9
|
+
defaultMessages
|
|
8
10
|
} = useContext(AppContext);
|
|
9
11
|
return /*#__PURE__*/React.createElement(View, {
|
|
10
12
|
style: styles.header
|
|
@@ -29,7 +31,7 @@ export const Header = () => {
|
|
|
29
31
|
}), "beta"))), /*#__PURE__*/React.createElement(View, {
|
|
30
32
|
style: styles.iconsSection
|
|
31
33
|
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
32
|
-
onPress: () =>
|
|
34
|
+
onPress: () => setMessages(defaultMessages)
|
|
33
35
|
}, /*#__PURE__*/React.createElement(Ionicons, {
|
|
34
36
|
name: "trash",
|
|
35
37
|
size: 24,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useContext","View","Text","TouchableOpacity","StyleSheet","Image","AppContext","Ionicons","Header","setShowModal","createElement","style","styles","header","section","source","require","logo","titleContainer","titleWrapper","title","betaText","icon","name","size","color","iconsSection","onPress","create","flexDirection","alignItems","backgroundColor","padding","borderBottomWidth","borderBottomColor","flex","display","justifyContent","width","height","resizeMode","paddingLeft","paddingRight","fontSize","fontWeight","textAlign","position","top","right"],"sourceRoot":"../../../src","sources":["components/header.js"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,KAAK,QAAQ,cAAc;AAC9E,SAASC,UAAU,QAAQ,wBAAwB;AACnD,OAAOC,QAAQ,MAAM,oCAAoC;AAEzD,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC;
|
|
1
|
+
{"version":3,"names":["React","useContext","View","Text","TouchableOpacity","StyleSheet","Image","AppContext","Ionicons","Header","setShowModal","setMessages","defaultMessages","createElement","style","styles","header","section","source","require","logo","titleContainer","titleWrapper","title","betaText","icon","name","size","color","iconsSection","onPress","create","flexDirection","alignItems","backgroundColor","padding","borderBottomWidth","borderBottomColor","flex","display","justifyContent","width","height","resizeMode","paddingLeft","paddingRight","fontSize","fontWeight","textAlign","position","top","right"],"sourceRoot":"../../../src","sources":["components/header.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,8 +4,7 @@ export const AppProvider = ({
|
|
|
4
4
|
children
|
|
5
5
|
}) => {
|
|
6
6
|
const [showModal, setShowModal] = useState("Icon");
|
|
7
|
-
const
|
|
8
|
-
const [messages, setMessages] = useState([{
|
|
7
|
+
const defaultMessages = [{
|
|
9
8
|
type: "ai",
|
|
10
9
|
text: "Hi there š Iām Poseidon, your Heritage Pool+ AI Agent. I can help you during your online visit with Product and Account information. How can I help you today?"
|
|
11
10
|
}, {
|
|
@@ -14,7 +13,9 @@ export const AppProvider = ({
|
|
|
14
13
|
}, {
|
|
15
14
|
type: "ai",
|
|
16
15
|
text: "Could you provide more details on the specific model or horsepower you are interested in for the Hayward Super Pump? We have various models with different features, such as variable speed settings and different horsepower ratings. Alternatively, I can offer you some recommendations right away to help you decide."
|
|
17
|
-
}]
|
|
16
|
+
}];
|
|
17
|
+
const [input, setInput] = useState('');
|
|
18
|
+
const [messages, setMessages] = useState(defaultMessages);
|
|
18
19
|
const handleSend = async () => {
|
|
19
20
|
if (!input.trim()) return;
|
|
20
21
|
const userMessage = input;
|
|
@@ -83,7 +84,8 @@ export const AppProvider = ({
|
|
|
83
84
|
handleSend,
|
|
84
85
|
onSendMessage,
|
|
85
86
|
input,
|
|
86
|
-
setInput
|
|
87
|
+
setInput,
|
|
88
|
+
defaultMessages
|
|
87
89
|
}
|
|
88
90
|
}, children);
|
|
89
91
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","useContext","useState","useEffect","AppContext","AppProvider","children","showModal","setShowModal","
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useState","useEffect","AppContext","AppProvider","children","showModal","setShowModal","defaultMessages","type","text","input","setInput","messages","setMessages","handleSend","trim","userMessage","prev","response","onSendMessage","chunk","newMessages","lastMessage","length","error","console","message","onStream","words","split","word","Promise","resolve","setTimeout","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["contexts/AppContext.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import React, { useState,
|
|
2
|
-
import {
|
|
1
|
+
import React, { useState, useEffect, useContext, useRef } from 'react';
|
|
2
|
+
import { Text, StyleSheet, View, TextInput, TouchableOpacity, Platform, KeyboardAvoidingView, Keyboard } from 'react-native';
|
|
3
3
|
import { Header } from '../components/header';
|
|
4
4
|
import { AppContext } from '../contexts/AppContext';
|
|
5
|
-
import { Testing } from '../components/testing';
|
|
6
5
|
import Ionicons from 'react-native-vector-icons/Ionicons';
|
|
6
|
+
import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
|
|
7
|
+
import { Testing } from '../components/testing';
|
|
7
8
|
const theme = {
|
|
8
9
|
primaryColor: '#003764',
|
|
9
10
|
backgroundColor: '#f6f6f6',
|
|
10
11
|
textColor: '#000000',
|
|
11
|
-
inputBackgroundColor: '#
|
|
12
|
+
inputBackgroundColor: '#FFFFFF'
|
|
12
13
|
};
|
|
13
14
|
export const ChatWindow = ({
|
|
14
15
|
onProductCardClick,
|
|
@@ -17,61 +18,55 @@ export const ChatWindow = ({
|
|
|
17
18
|
const {
|
|
18
19
|
handleSend,
|
|
19
20
|
messages,
|
|
20
|
-
setMessages,
|
|
21
|
-
onSendMessage,
|
|
22
21
|
input,
|
|
23
22
|
setInput
|
|
24
23
|
} = useContext(AppContext);
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}]);
|
|
34
|
-
} catch (error) {
|
|
35
|
-
console.error('Error refreshing chat:', error);
|
|
36
|
-
} finally {
|
|
37
|
-
setRefreshing(false);
|
|
24
|
+
const scrollViewRef = useRef(null);
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
if (scrollViewRef.current) {
|
|
27
|
+
setTimeout(() => {
|
|
28
|
+
scrollViewRef.current.scrollToEnd({
|
|
29
|
+
animated: false
|
|
30
|
+
});
|
|
31
|
+
}, 100);
|
|
38
32
|
}
|
|
39
33
|
}, []);
|
|
40
|
-
const getMessageStyle = type => [styles.messageBubble, type === "user" ? styles.userMessage : styles.aiMessage, {
|
|
41
|
-
backgroundColor: type === "user" ? theme.primaryColor : '#E8E8E8'
|
|
42
|
-
}];
|
|
43
|
-
const getTextStyle = type => [styles.messageText, {
|
|
44
|
-
color: type === "user" ? '#fff' : theme.textColor
|
|
45
|
-
}];
|
|
46
34
|
return /*#__PURE__*/React.createElement(View, {
|
|
47
35
|
style: styles.container
|
|
48
|
-
}, /*#__PURE__*/React.createElement(
|
|
49
|
-
|
|
50
|
-
}, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
|
|
51
|
-
behavior: Platform.OS === 'ios' ? 'padding' : 'height',
|
|
52
|
-
style: styles.content,
|
|
53
|
-
keyboardVerticalOffset: Platform.OS === 'ios' ? 40 : 0
|
|
54
|
-
}, /*#__PURE__*/React.createElement(ScrollView, {
|
|
55
|
-
style: styles.messagesContainer,
|
|
36
|
+
}, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(KeyboardAwareScrollView, {
|
|
37
|
+
ref: scrollViewRef,
|
|
56
38
|
contentContainerStyle: styles.messagesContent,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
39
|
+
enableOnAndroid: true,
|
|
40
|
+
contentInsetAdjustmentBehavior: "never",
|
|
41
|
+
automaticallyAdjustContentInsets: false,
|
|
42
|
+
contentInset: {
|
|
43
|
+
bottom: 0
|
|
44
|
+
},
|
|
45
|
+
keyboardShouldPersistTaps: "always",
|
|
46
|
+
showsVerticalScrollIndicator: false,
|
|
47
|
+
extraScrollHeight: 0,
|
|
48
|
+
onContentSizeChange: () => {
|
|
49
|
+
var _scrollViewRef$curren;
|
|
50
|
+
(_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 || _scrollViewRef$curren.scrollToEnd({
|
|
51
|
+
animated: true
|
|
52
|
+
});
|
|
53
|
+
}
|
|
64
54
|
}, messages.map((msg, i) => /*#__PURE__*/React.createElement(View, {
|
|
65
55
|
key: i,
|
|
66
56
|
style: styles.messageWrapper
|
|
67
57
|
}, /*#__PURE__*/React.createElement(View, {
|
|
68
|
-
style: [
|
|
58
|
+
style: [styles.messageBubble, msg.type === 'user' ? styles.userMessage : styles.aiMessage]
|
|
69
59
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
70
|
-
style:
|
|
60
|
+
style: [styles.messageText, {
|
|
61
|
+
color: msg.type === 'user' ? '#fff' : theme.textColor
|
|
62
|
+
}]
|
|
71
63
|
}, msg.text))))), /*#__PURE__*/React.createElement(Testing, {
|
|
72
64
|
onProductCardClick: onProductCardClick,
|
|
73
65
|
onAddToCartClick: onAddToCartClick
|
|
74
|
-
}), /*#__PURE__*/React.createElement(
|
|
66
|
+
}), /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
|
|
67
|
+
behavior: Platform.OS === 'ios' ? 'padding' : undefined,
|
|
68
|
+
keyboardVerticalOffset: Platform.OS === 'ios' ? 80 : 60
|
|
69
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
75
70
|
style: styles.inputWrapper
|
|
76
71
|
}, /*#__PURE__*/React.createElement(View, {
|
|
77
72
|
style: styles.inputContainer
|
|
@@ -96,58 +91,37 @@ export const ChatWindow = ({
|
|
|
96
91
|
name: "paper-plane-outline",
|
|
97
92
|
size: 24,
|
|
98
93
|
color: input.trim() ? theme.primaryColor : '#8E8E93'
|
|
99
|
-
}))))))
|
|
94
|
+
}))))));
|
|
100
95
|
};
|
|
101
96
|
const styles = StyleSheet.create({
|
|
102
97
|
container: {
|
|
103
98
|
flex: 1,
|
|
104
|
-
backgroundColor:
|
|
99
|
+
backgroundColor: theme.backgroundColor,
|
|
105
100
|
position: 'absolute',
|
|
106
101
|
zIndex: 1000,
|
|
107
102
|
left: 0,
|
|
108
103
|
right: 0,
|
|
109
104
|
bottom: 0,
|
|
110
105
|
top: 100,
|
|
111
|
-
pointerEvents: 'box-none'
|
|
112
|
-
},
|
|
113
|
-
chatWindow: {
|
|
114
|
-
zIndex: 1,
|
|
115
|
-
flex: 1,
|
|
106
|
+
pointerEvents: 'box-none',
|
|
116
107
|
borderTopWidth: 1,
|
|
117
108
|
borderTopColor: '#DDD',
|
|
118
109
|
borderTopLeftRadius: 16,
|
|
119
110
|
borderTopRightRadius: 16,
|
|
120
|
-
overflow: 'hidden'
|
|
121
|
-
backgroundColor: theme.backgroundColor
|
|
122
|
-
},
|
|
123
|
-
content: {
|
|
124
|
-
flex: 1
|
|
125
|
-
},
|
|
126
|
-
messagesContainer: {
|
|
127
|
-
flex: 1
|
|
111
|
+
overflow: 'hidden'
|
|
128
112
|
},
|
|
129
113
|
messagesContent: {
|
|
130
114
|
padding: 16,
|
|
131
|
-
|
|
115
|
+
justifyContent: 'flex-end'
|
|
132
116
|
},
|
|
133
117
|
messageWrapper: {
|
|
134
|
-
marginBottom:
|
|
118
|
+
marginBottom: 0
|
|
135
119
|
},
|
|
136
120
|
messageBubble: {
|
|
137
121
|
maxWidth: '90%',
|
|
138
122
|
padding: 12,
|
|
139
123
|
paddingHorizontal: 16,
|
|
140
|
-
borderRadius:
|
|
141
|
-
},
|
|
142
|
-
messageShadow: {
|
|
143
|
-
shadowColor: '#000',
|
|
144
|
-
shadowOffset: {
|
|
145
|
-
width: 0,
|
|
146
|
-
height: 1
|
|
147
|
-
},
|
|
148
|
-
shadowOpacity: 0.08,
|
|
149
|
-
shadowRadius: 2,
|
|
150
|
-
elevation: 2
|
|
124
|
+
borderRadius: 12
|
|
151
125
|
},
|
|
152
126
|
userMessage: {
|
|
153
127
|
alignSelf: 'flex-end',
|
|
@@ -155,7 +129,8 @@ const styles = StyleSheet.create({
|
|
|
155
129
|
},
|
|
156
130
|
aiMessage: {
|
|
157
131
|
alignSelf: 'flex-start',
|
|
158
|
-
backgroundColor: '#
|
|
132
|
+
backgroundColor: '#FFFFFF',
|
|
133
|
+
width: '90%'
|
|
159
134
|
},
|
|
160
135
|
messageText: {
|
|
161
136
|
fontSize: 16,
|
|
@@ -163,11 +138,11 @@ const styles = StyleSheet.create({
|
|
|
163
138
|
},
|
|
164
139
|
inputWrapper: {
|
|
165
140
|
backgroundColor: '#f6f6f6',
|
|
166
|
-
paddingHorizontal:
|
|
167
|
-
paddingVertical:
|
|
141
|
+
paddingHorizontal: 6,
|
|
142
|
+
paddingVertical: 6,
|
|
168
143
|
borderTopWidth: 1,
|
|
169
144
|
borderTopColor: 'rgba(0, 0, 0, 0.1)',
|
|
170
|
-
paddingBottom:
|
|
145
|
+
paddingBottom: 25
|
|
171
146
|
},
|
|
172
147
|
inputContainer: {
|
|
173
148
|
flexDirection: 'row',
|
|
@@ -193,6 +168,9 @@ const styles = StyleSheet.create({
|
|
|
193
168
|
paddingHorizontal: 12,
|
|
194
169
|
color: '#000000'
|
|
195
170
|
},
|
|
171
|
+
inputButton: {
|
|
172
|
+
padding: 6
|
|
173
|
+
},
|
|
196
174
|
sendButton: {
|
|
197
175
|
padding: 6,
|
|
198
176
|
marginLeft: 'auto'
|
|
@@ -201,4 +179,11 @@ const styles = StyleSheet.create({
|
|
|
201
179
|
opacity: 0.7
|
|
202
180
|
}
|
|
203
181
|
});
|
|
182
|
+
|
|
183
|
+
/*
|
|
184
|
+
<Testing
|
|
185
|
+
onProductCardClick={onProductCardClick}
|
|
186
|
+
onAddToCartClick={onAddToCartClick}
|
|
187
|
+
/>
|
|
188
|
+
*/
|
|
204
189
|
//# sourceMappingURL=chatWindow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","useContext","useRef","Text","StyleSheet","View","TextInput","TouchableOpacity","Platform","KeyboardAvoidingView","Keyboard","Header","AppContext","Ionicons","KeyboardAwareScrollView","Testing","theme","primaryColor","backgroundColor","textColor","inputBackgroundColor","ChatWindow","onProductCardClick","onAddToCartClick","handleSend","messages","input","setInput","scrollViewRef","current","setTimeout","scrollToEnd","animated","createElement","style","styles","container","ref","contentContainerStyle","messagesContent","enableOnAndroid","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","contentInset","bottom","keyboardShouldPersistTaps","showsVerticalScrollIndicator","extraScrollHeight","onContentSizeChange","_scrollViewRef$curren","map","msg","i","key","messageWrapper","messageBubble","type","userMessage","aiMessage","messageText","color","text","behavior","OS","undefined","keyboardVerticalOffset","inputWrapper","inputContainer","value","onChangeText","placeholder","placeholderTextColor","multiline","inputButton","name","size","sendButton","trim","disabledButton","onPress","disabled","create","flex","position","zIndex","left","right","top","pointerEvents","borderTopWidth","borderTopColor","borderTopLeftRadius","borderTopRightRadius","overflow","padding","justifyContent","marginBottom","maxWidth","paddingHorizontal","borderRadius","alignSelf","width","fontSize","lineHeight","paddingVertical","paddingBottom","flexDirection","alignItems","margin","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","marginLeft","opacity"],"sourceRoot":"../../../src","sources":["layout/chatWindow.js"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACtE,SACEC,IAAI,EACJC,UAAU,EACVC,IAAI,EACJC,SAAS,EACTC,gBAAgB,EAChBC,QAAQ,EACRC,oBAAoB,EACpBC,QAAQ,QACH,cAAc;AACrB,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,UAAU,QAAQ,wBAAwB;AACnD,OAAOC,QAAQ,MAAM,oCAAoC;AACzD,SAASC,uBAAuB,QAAQ,yCAAyC;AACjF,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,MAAMC,KAAK,GAAG;EACZC,YAAY,EAAE,SAAS;EACvBC,eAAe,EAAE,SAAS;EAC1BC,SAAS,EAAE,SAAS;EACpBC,oBAAoB,EAAE;AACxB,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,KAAK;EACtE,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAG1B,UAAU,CAACW,UAAU,CAAC;EACxE,MAAMgB,aAAa,GAAG1B,MAAM,CAAC,IAAI,CAAC;EAElCF,SAAS,CAAC,MAAM;IACd,IAAI4B,aAAa,CAACC,OAAO,EAAE;MACzBC,UAAU,CAAC,MAAM;QACfF,aAAa,CAACC,OAAO,CAACE,WAAW,CAAC;UAAEC,QAAQ,EAAE;QAAM,CAAC,CAAC;MACxD,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACElC,KAAA,CAAAmC,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BtC,KAAA,CAAAmC,aAAA,CAACtB,MAAM,MAAE,CAAC,eAGVb,KAAA,CAAAmC,aAAA,CAACnB,uBAAuB;IACtBuB,GAAG,EAAET,aAAc;IACnBU,qBAAqB,EAAEH,MAAM,CAACI,eAAgB;IAC9CC,eAAe;IACfC,8BAA8B,EAAC,OAAO;IACtCC,gCAAgC,EAAE,KAAM;IACxCC,YAAY,EAAE;MAAEC,MAAM,EAAE;IAAE,CAAE;IAC5BC,yBAAyB,EAAC,QAAQ;IAClCC,4BAA4B,EAAE,KAAM;IACpCC,iBAAiB,EAAE,CAAE;IACrBC,mBAAmB,EAAEA,CAAA,KAAM;MAAA,IAAAC,qBAAA;MACzB,CAAAA,qBAAA,GAAArB,aAAa,CAACC,OAAO,cAAAoB,qBAAA,eAArBA,qBAAA,CAAuBlB,WAAW,CAAC;QAAEC,QAAQ,EAAE;MAAK,CAAC,CAAC;IACxD;EAAE,GAEDP,QAAQ,CAACyB,GAAG,CAAC,CAACC,GAAG,EAAEC,CAAC,kBACnBtD,KAAA,CAAAmC,aAAA,CAAC5B,IAAI;IAACgD,GAAG,EAAED,CAAE;IAAClB,KAAK,EAAEC,MAAM,CAACmB;EAAe,gBACzCxD,KAAA,CAAAmC,aAAA,CAAC5B,IAAI;IACH6B,KAAK,EAAE,CACLC,MAAM,CAACoB,aAAa,EACpBJ,GAAG,CAACK,IAAI,KAAK,MAAM,GAAGrB,MAAM,CAACsB,WAAW,GAAGtB,MAAM,CAACuB,SAAS;EAC3D,gBAEF5D,KAAA,CAAAmC,aAAA,CAAC9B,IAAI;IACH+B,KAAK,EAAE,CACLC,MAAM,CAACwB,WAAW,EAClB;MAAEC,KAAK,EAAET,GAAG,CAACK,IAAI,KAAK,MAAM,GAAG,MAAM,GAAGxC,KAAK,CAACG;IAAU,CAAC;EACzD,GAEDgC,GAAG,CAACU,IACD,CACF,CACF,CACP,CACsB,CAAC,eAE1B/D,KAAA,CAAAmC,aAAA,CAAClB,OAAO;IACNO,kBAAkB,EAAEA,kBAAmB;IACvCC,gBAAgB,EAAEA;EAAiB,CACpC,CAAC,eACFzB,KAAA,CAAAmC,aAAA,CAACxB,oBAAoB;IACnBqD,QAAQ,EAAEtD,QAAQ,CAACuD,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGC,SAAU;IACxDC,sBAAsB,EAAEzD,QAAQ,CAACuD,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG;EAAG,gBAExDjE,KAAA,CAAAmC,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAEC,MAAM,CAAC+B;EAAa,gBAC/BpE,KAAA,CAAAmC,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAEC,MAAM,CAACgC;EAAe,gBACjCrE,KAAA,CAAAmC,aAAA,CAAC3B,SAAS;IACR4B,KAAK,EAAEC,MAAM,CAACT,KAAM;IACpB0C,KAAK,EAAE1C,KAAM;IACb2C,YAAY,EAAE1C,QAAS;IACvB2C,WAAW,EAAC,mBAAmB;IAC/BC,oBAAoB,EAAC,MAAM;IAC3BC,SAAS;EAAA,CACV,CAAC,eACF1E,KAAA,CAAAmC,aAAA,CAAC1B,gBAAgB;IAAC2B,KAAK,EAAEC,MAAM,CAACsC;EAAY,gBAC1C3E,KAAA,CAAAmC,aAAA,CAACpB,QAAQ;IAAC6D,IAAI,EAAC,aAAa;IAACC,IAAI,EAAE,EAAG;IAACf,KAAK,EAAC;EAAS,CAAE,CACxC,CAAC,eACnB9D,KAAA,CAAAmC,aAAA,CAAC1B,gBAAgB;IACf2B,KAAK,EAAE,CACLC,MAAM,CAACyC,UAAU,EACjB,CAAClD,KAAK,CAACmD,IAAI,CAAC,CAAC,IAAI1C,MAAM,CAAC2C,cAAc,CACtC;IACFC,OAAO,EAAEvD,UAAW;IACpBwD,QAAQ,EAAE,CAACtD,KAAK,CAACmD,IAAI,CAAC;EAAE,gBAExB/E,KAAA,CAAAmC,aAAA,CAACpB,QAAQ;IACP6D,IAAI,EAAC,qBAAqB;IAC1BC,IAAI,EAAE,EAAG;IACTf,KAAK,EAAElC,KAAK,CAACmD,IAAI,CAAC,CAAC,GAAG7D,KAAK,CAACC,YAAY,GAAG;EAAU,CACtD,CACe,CACd,CACF,CACc,CAClB,CAAC;AAEX,CAAC;AAED,MAAMkB,MAAM,GAAG/B,UAAU,CAAC6E,MAAM,CAAC;EAC/B7C,SAAS,EAAE;IACT8C,IAAI,EAAE,CAAC;IACPhE,eAAe,EAAEF,KAAK,CAACE,eAAe;IACtCiE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACR1C,MAAM,EAAE,CAAC;IACT2C,GAAG,EAAE,GAAG;IACRC,aAAa,EAAE,UAAU;IACzBC,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAE,MAAM;IACtBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,QAAQ,EAAE;EACZ,CAAC;EACDtD,eAAe,EAAE;IACfuD,OAAO,EAAE,EAAE;IACXC,cAAc,EAAE;EAClB,CAAC;EACDzC,cAAc,EAAE;IACd0C,YAAY,EAAE;EAChB,CAAC;EACDzC,aAAa,EAAE;IACb0C,QAAQ,EAAE,KAAK;IACfH,OAAO,EAAE,EAAE;IACXI,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE;EAChB,CAAC;EACD1C,WAAW,EAAE;IACX2C,SAAS,EAAE,UAAU;IACrBlF,eAAe,EAAEF,KAAK,CAACC;EACzB,CAAC;EACDyC,SAAS,EAAE;IACT0C,SAAS,EAAE,YAAY;IACvBlF,eAAe,EAAE,SAAS;IAC1BmF,KAAK,EAAE;EACT,CAAC;EACD1C,WAAW,EAAE;IACX2C,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDrC,YAAY,EAAE;IACZhD,eAAe,EAAE,SAAS;IAC1BgF,iBAAiB,EAAE,CAAC;IACpBM,eAAe,EAAE,CAAC;IAClBf,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAE,oBAAoB;IACpCe,aAAa,EAAE;EACjB,CAAC;EACDtC,cAAc,EAAE;IACduC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBT,iBAAiB,EAAE,CAAC;IACpBM,eAAe,EAAE,CAAC;IAClBtF,eAAe,EAAE,SAAS;IAC1BiF,YAAY,EAAE,EAAE;IAChBS,MAAM,EAAE,CAAC;IACTC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZT,KAAK,EAAE,CAAC;MACRU,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDxF,KAAK,EAAE;IACLwD,IAAI,EAAE,CAAC;IACPoB,QAAQ,EAAE,EAAE;IACZE,eAAe,EAAE,CAAC;IAClBN,iBAAiB,EAAE,EAAE;IACrBtC,KAAK,EAAE;EACT,CAAC;EACDa,WAAW,EAAE;IACXqB,OAAO,EAAE;EACX,CAAC;EACDlB,UAAU,EAAE;IACVkB,OAAO,EAAE,CAAC;IACVqB,UAAU,EAAE;EACd,CAAC;EACDrC,cAAc,EAAE;IACdsC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/AppContext.js"],"names":[],"mappings":"AAEA,4CAA0C;AAEnC;;
|
|
1
|
+
{"version":3,"file":"AppContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/AppContext.js"],"names":[],"mappings":"AAEA,4CAA0C;AAEnC;;sBAgFN;kBApFoE,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatWindow.d.ts","sourceRoot":"","sources":["../../../src/layout/chatWindow.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chatWindow.d.ts","sourceRoot":"","sources":["../../../src/layout/chatWindow.js"],"names":[],"mappings":"AAwBO;;;sBA4FN;kBApH8D,OAAO"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-srschat",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A modern, sophisticated chat interface for React Native",
|
|
6
6
|
"main": "lib/commonjs/index",
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
"homepage": "https://github.com/alxkai/react-native-srschat#readme",
|
|
61
61
|
"dependencies": {
|
|
62
62
|
"@babel/runtime": "^7.20.0",
|
|
63
|
+
"react-native-keyboard-aware-scroll-view": "^0.9.5",
|
|
63
64
|
"react-native-vector-icons": "^10.2.0"
|
|
64
65
|
},
|
|
65
66
|
"react-native-builder-bob": {
|
package/src/components/header.js
CHANGED
|
@@ -4,7 +4,7 @@ import { AppContext } from '../contexts/AppContext';
|
|
|
4
4
|
import Ionicons from 'react-native-vector-icons/Ionicons';
|
|
5
5
|
|
|
6
6
|
export const Header = () => {
|
|
7
|
-
const { setShowModal } = useContext(AppContext);
|
|
7
|
+
const { setShowModal, setMessages, defaultMessages } = useContext(AppContext);
|
|
8
8
|
|
|
9
9
|
return (
|
|
10
10
|
<View style={styles.header}>
|
|
@@ -25,7 +25,7 @@ export const Header = () => {
|
|
|
25
25
|
|
|
26
26
|
{/* Close button on the right */}
|
|
27
27
|
<View style={styles.iconsSection}>
|
|
28
|
-
<TouchableOpacity onPress={() =>
|
|
28
|
+
<TouchableOpacity onPress={() => setMessages(defaultMessages)}>
|
|
29
29
|
<Ionicons name="trash" size={24} color="gray" />
|
|
30
30
|
</TouchableOpacity>
|
|
31
31
|
<TouchableOpacity onPress={() => setShowModal("Icon")}>
|
|
@@ -6,12 +6,14 @@ export const AppProvider = ({ children }) => {
|
|
|
6
6
|
|
|
7
7
|
const [showModal, setShowModal] = useState("Icon");
|
|
8
8
|
|
|
9
|
-
const
|
|
10
|
-
const [messages, setMessages] = useState([
|
|
9
|
+
const defaultMessages = [
|
|
11
10
|
{type: "ai", text: "Hi there š Iām Poseidon, your Heritage Pool+ AI Agent. I can help you during your online visit with Product and Account information. How can I help you today?"},
|
|
12
11
|
{type: "user", text: "Do you carry Hayward super pumps?"},
|
|
13
12
|
{type: "ai", text: "Could you provide more details on the specific model or horsepower you are interested in for the Hayward Super Pump? We have various models with different features, such as variable speed settings and different horsepower ratings. Alternatively, I can offer you some recommendations right away to help you decide."},
|
|
14
|
-
]
|
|
13
|
+
]
|
|
14
|
+
|
|
15
|
+
const [input, setInput] = useState('');
|
|
16
|
+
const [messages, setMessages] = useState(defaultMessages);
|
|
15
17
|
|
|
16
18
|
const handleSend = async () => {
|
|
17
19
|
if (!input.trim()) return;
|
|
@@ -74,7 +76,7 @@ export const AppProvider = ({ children }) => {
|
|
|
74
76
|
|
|
75
77
|
return (
|
|
76
78
|
<AppContext.Provider
|
|
77
|
-
value={{ showModal, setShowModal, messages, setMessages, handleSend, onSendMessage, input, setInput
|
|
79
|
+
value={{ showModal, setShowModal, messages, setMessages, handleSend, onSendMessage, input, setInput, defaultMessages
|
|
78
80
|
}}
|
|
79
81
|
>
|
|
80
82
|
{children}
|
package/src/layout/chatWindow.js
CHANGED
|
@@ -1,82 +1,87 @@
|
|
|
1
|
-
import React, { useState,
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import React, { useState, useEffect, useContext, useRef } from 'react';
|
|
2
|
+
import {
|
|
3
|
+
Text,
|
|
4
|
+
StyleSheet,
|
|
5
|
+
View,
|
|
6
|
+
TextInput,
|
|
7
|
+
TouchableOpacity,
|
|
8
|
+
Platform,
|
|
9
|
+
KeyboardAvoidingView,
|
|
10
|
+
Keyboard
|
|
11
|
+
} from 'react-native';
|
|
4
12
|
import { Header } from '../components/header';
|
|
5
13
|
import { AppContext } from '../contexts/AppContext';
|
|
6
|
-
import { Testing } from '../components/testing';
|
|
7
14
|
import Ionicons from 'react-native-vector-icons/Ionicons';
|
|
15
|
+
import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
|
|
16
|
+
import { Testing } from '../components/testing';
|
|
8
17
|
|
|
9
18
|
const theme = {
|
|
10
19
|
primaryColor: '#003764',
|
|
11
20
|
backgroundColor: '#f6f6f6',
|
|
12
21
|
textColor: '#000000',
|
|
13
|
-
inputBackgroundColor: '#
|
|
22
|
+
inputBackgroundColor: '#FFFFFF',
|
|
14
23
|
};
|
|
15
24
|
|
|
16
25
|
export const ChatWindow = ({ onProductCardClick, onAddToCartClick }) => {
|
|
17
|
-
const { handleSend, messages,
|
|
18
|
-
|
|
19
|
-
const [refreshing, setRefreshing] = useState(false);
|
|
26
|
+
const { handleSend, messages, input, setInput } = useContext(AppContext);
|
|
27
|
+
const scrollViewRef = useRef(null);
|
|
20
28
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
} catch (error) {
|
|
27
|
-
console.error('Error refreshing chat:', error);
|
|
28
|
-
} finally {
|
|
29
|
-
setRefreshing(false);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
if (scrollViewRef.current) {
|
|
31
|
+
setTimeout(() => {
|
|
32
|
+
scrollViewRef.current.scrollToEnd({ animated: false });
|
|
33
|
+
}, 100);
|
|
30
34
|
}
|
|
31
|
-
}, []);
|
|
32
|
-
|
|
33
|
-
const getMessageStyle = (type) => [
|
|
34
|
-
styles.messageBubble,
|
|
35
|
-
type === "user" ? styles.userMessage : styles.aiMessage,
|
|
36
|
-
{ backgroundColor: type === "user" ? theme.primaryColor : '#E8E8E8' },
|
|
37
|
-
];
|
|
38
|
-
|
|
39
|
-
const getTextStyle = (type) => [
|
|
40
|
-
styles.messageText,
|
|
41
|
-
{ color: type === "user" ? '#fff' : theme.textColor },
|
|
42
|
-
];
|
|
43
|
-
|
|
35
|
+
}, []);
|
|
36
|
+
|
|
44
37
|
return (
|
|
45
38
|
<View style={styles.container}>
|
|
46
|
-
<
|
|
47
|
-
<Header />
|
|
39
|
+
<Header />
|
|
48
40
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
41
|
+
{/* Messages area */}
|
|
42
|
+
<KeyboardAwareScrollView
|
|
43
|
+
ref={scrollViewRef}
|
|
44
|
+
contentContainerStyle={styles.messagesContent}
|
|
45
|
+
enableOnAndroid
|
|
46
|
+
contentInsetAdjustmentBehavior="never"
|
|
47
|
+
automaticallyAdjustContentInsets={false}
|
|
48
|
+
contentInset={{ bottom: 0 }}
|
|
49
|
+
keyboardShouldPersistTaps="always"
|
|
50
|
+
showsVerticalScrollIndicator={false}
|
|
51
|
+
extraScrollHeight={0}
|
|
52
|
+
onContentSizeChange={() => {
|
|
53
|
+
scrollViewRef.current?.scrollToEnd({ animated: true });
|
|
54
|
+
}}
|
|
53
55
|
>
|
|
54
|
-
|
|
55
|
-
style={styles.
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
<Text style={getTextStyle(msg.type)}>{msg.text}</Text>
|
|
71
|
-
</View>
|
|
56
|
+
{messages.map((msg, i) => (
|
|
57
|
+
<View key={i} style={styles.messageWrapper}>
|
|
58
|
+
<View
|
|
59
|
+
style={[
|
|
60
|
+
styles.messageBubble,
|
|
61
|
+
msg.type === 'user' ? styles.userMessage : styles.aiMessage,
|
|
62
|
+
]}
|
|
63
|
+
>
|
|
64
|
+
<Text
|
|
65
|
+
style={[
|
|
66
|
+
styles.messageText,
|
|
67
|
+
{ color: msg.type === 'user' ? '#fff' : theme.textColor },
|
|
68
|
+
]}
|
|
69
|
+
>
|
|
70
|
+
{msg.text}
|
|
71
|
+
</Text>
|
|
72
72
|
</View>
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
73
|
+
</View>
|
|
74
|
+
))}
|
|
75
|
+
</KeyboardAwareScrollView>
|
|
76
|
+
|
|
77
|
+
<Testing
|
|
78
|
+
onProductCardClick={onProductCardClick}
|
|
79
|
+
onAddToCartClick={onAddToCartClick}
|
|
80
|
+
/>
|
|
81
|
+
<KeyboardAvoidingView
|
|
82
|
+
behavior={Platform.OS === 'ios' ? 'padding' : undefined}
|
|
83
|
+
keyboardVerticalOffset={Platform.OS === 'ios' ? 80 : 60}
|
|
84
|
+
>
|
|
80
85
|
<View style={styles.inputWrapper}>
|
|
81
86
|
<View style={styles.inputContainer}>
|
|
82
87
|
<TextInput
|
|
@@ -91,16 +96,22 @@ export const ChatWindow = ({ onProductCardClick, onAddToCartClick }) => {
|
|
|
91
96
|
<Ionicons name="mic-outline" size={24} color="#8E8E93" />
|
|
92
97
|
</TouchableOpacity>
|
|
93
98
|
<TouchableOpacity
|
|
94
|
-
style={[
|
|
99
|
+
style={[
|
|
100
|
+
styles.sendButton,
|
|
101
|
+
!input.trim() && styles.disabledButton,
|
|
102
|
+
]}
|
|
95
103
|
onPress={handleSend}
|
|
96
104
|
disabled={!input.trim()}
|
|
97
105
|
>
|
|
98
|
-
<Ionicons
|
|
106
|
+
<Ionicons
|
|
107
|
+
name="paper-plane-outline"
|
|
108
|
+
size={24}
|
|
109
|
+
color={input.trim() ? theme.primaryColor : '#8E8E93'}
|
|
110
|
+
/>
|
|
99
111
|
</TouchableOpacity>
|
|
100
112
|
</View>
|
|
101
113
|
</View>
|
|
102
114
|
</KeyboardAvoidingView>
|
|
103
|
-
</View>
|
|
104
115
|
</View>
|
|
105
116
|
);
|
|
106
117
|
};
|
|
@@ -108,50 +119,32 @@ export const ChatWindow = ({ onProductCardClick, onAddToCartClick }) => {
|
|
|
108
119
|
const styles = StyleSheet.create({
|
|
109
120
|
container: {
|
|
110
121
|
flex: 1,
|
|
111
|
-
backgroundColor:
|
|
122
|
+
backgroundColor: theme.backgroundColor,
|
|
112
123
|
position: 'absolute',
|
|
113
124
|
zIndex: 1000,
|
|
114
125
|
left: 0,
|
|
115
126
|
right: 0,
|
|
116
127
|
bottom: 0,
|
|
117
128
|
top: 100,
|
|
118
|
-
pointerEvents: 'box-none'
|
|
119
|
-
},
|
|
120
|
-
chatWindow: {
|
|
121
|
-
zIndex: 1,
|
|
122
|
-
flex: 1,
|
|
129
|
+
pointerEvents: 'box-none',
|
|
123
130
|
borderTopWidth: 1,
|
|
124
131
|
borderTopColor: '#DDD',
|
|
125
132
|
borderTopLeftRadius: 16,
|
|
126
|
-
borderTopRightRadius: 16,
|
|
127
|
-
overflow: 'hidden',
|
|
128
|
-
backgroundColor: theme.backgroundColor,
|
|
129
|
-
},
|
|
130
|
-
content: {
|
|
131
|
-
flex: 1,
|
|
132
|
-
},
|
|
133
|
-
messagesContainer: {
|
|
134
|
-
flex: 1,
|
|
133
|
+
borderTopRightRadius: 16,
|
|
134
|
+
overflow: 'hidden',
|
|
135
135
|
},
|
|
136
136
|
messagesContent: {
|
|
137
137
|
padding: 16,
|
|
138
|
-
|
|
138
|
+
justifyContent: 'flex-end'
|
|
139
139
|
},
|
|
140
140
|
messageWrapper: {
|
|
141
|
-
marginBottom:
|
|
141
|
+
marginBottom: 0,
|
|
142
142
|
},
|
|
143
143
|
messageBubble: {
|
|
144
144
|
maxWidth: '90%',
|
|
145
145
|
padding: 12,
|
|
146
146
|
paddingHorizontal: 16,
|
|
147
|
-
borderRadius:
|
|
148
|
-
},
|
|
149
|
-
messageShadow: {
|
|
150
|
-
shadowColor: '#000',
|
|
151
|
-
shadowOffset: { width: 0, height: 1 },
|
|
152
|
-
shadowOpacity: 0.08,
|
|
153
|
-
shadowRadius: 2,
|
|
154
|
-
elevation: 2,
|
|
147
|
+
borderRadius: 12,
|
|
155
148
|
},
|
|
156
149
|
userMessage: {
|
|
157
150
|
alignSelf: 'flex-end',
|
|
@@ -159,7 +152,8 @@ const styles = StyleSheet.create({
|
|
|
159
152
|
},
|
|
160
153
|
aiMessage: {
|
|
161
154
|
alignSelf: 'flex-start',
|
|
162
|
-
backgroundColor: '#
|
|
155
|
+
backgroundColor: '#FFFFFF',
|
|
156
|
+
width: '90%',
|
|
163
157
|
},
|
|
164
158
|
messageText: {
|
|
165
159
|
fontSize: 16,
|
|
@@ -167,11 +161,11 @@ const styles = StyleSheet.create({
|
|
|
167
161
|
},
|
|
168
162
|
inputWrapper: {
|
|
169
163
|
backgroundColor: '#f6f6f6',
|
|
170
|
-
paddingHorizontal:
|
|
171
|
-
paddingVertical:
|
|
164
|
+
paddingHorizontal: 6,
|
|
165
|
+
paddingVertical: 6,
|
|
172
166
|
borderTopWidth: 1,
|
|
173
167
|
borderTopColor: 'rgba(0, 0, 0, 0.1)',
|
|
174
|
-
paddingBottom:
|
|
168
|
+
paddingBottom: 25,
|
|
175
169
|
},
|
|
176
170
|
inputContainer: {
|
|
177
171
|
flexDirection: 'row',
|
|
@@ -197,6 +191,9 @@ const styles = StyleSheet.create({
|
|
|
197
191
|
paddingHorizontal: 12,
|
|
198
192
|
color: '#000000',
|
|
199
193
|
},
|
|
194
|
+
inputButton: {
|
|
195
|
+
padding: 6,
|
|
196
|
+
},
|
|
200
197
|
sendButton: {
|
|
201
198
|
padding: 6,
|
|
202
199
|
marginLeft: 'auto',
|
|
@@ -205,3 +202,10 @@ const styles = StyleSheet.create({
|
|
|
205
202
|
opacity: 0.7,
|
|
206
203
|
},
|
|
207
204
|
});
|
|
205
|
+
|
|
206
|
+
/*
|
|
207
|
+
<Testing
|
|
208
|
+
onProductCardClick={onProductCardClick}
|
|
209
|
+
onAddToCartClick={onAddToCartClick}
|
|
210
|
+
/>
|
|
211
|
+
*/
|