vdb-ai-chat 1.0.7 → 1.0.8
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/dist/chat-widget.js +1 -1
- package/lib/commonjs/components/BetaNotice.js +13 -12
- package/lib/commonjs/components/BetaNotice.js.map +1 -1
- package/lib/commonjs/components/ChatInput.js +59 -49
- package/lib/commonjs/components/ChatInput.js.map +1 -1
- package/lib/commonjs/components/ChatWidget.js +72 -59
- package/lib/commonjs/components/ChatWidget.js.map +1 -1
- package/lib/commonjs/components/MessageBubble.js +67 -52
- package/lib/commonjs/components/MessageBubble.js.map +1 -1
- package/lib/commonjs/components/MessageMetaRow.js +50 -31
- package/lib/commonjs/components/MessageMetaRow.js.map +1 -1
- package/lib/commonjs/components/ProductsListView.js +232 -153
- package/lib/commonjs/components/ProductsListView.js.map +1 -1
- package/lib/commonjs/components/SuggestionsRow.js +27 -24
- package/lib/commonjs/components/SuggestionsRow.js.map +1 -1
- package/lib/commonjs/contexts/ThemeProvider.js +80 -0
- package/lib/commonjs/contexts/ThemeProvider.js.map +1 -0
- package/lib/commonjs/contexts/utils.js +142 -0
- package/lib/commonjs/contexts/utils.js.map +1 -0
- package/lib/module/components/BetaNotice.js +14 -13
- package/lib/module/components/BetaNotice.js.map +1 -1
- package/lib/module/components/ChatInput.js +61 -50
- package/lib/module/components/ChatInput.js.map +1 -1
- package/lib/module/components/ChatWidget.js +76 -61
- package/lib/module/components/ChatWidget.js.map +1 -1
- package/lib/module/components/MessageBubble.js +69 -52
- package/lib/module/components/MessageBubble.js.map +1 -1
- package/lib/module/components/MessageMetaRow.js +52 -32
- package/lib/module/components/MessageMetaRow.js.map +1 -1
- package/lib/module/components/ProductsListView.js +234 -154
- package/lib/module/components/ProductsListView.js.map +1 -1
- package/lib/module/components/SuggestionsRow.js +29 -25
- package/lib/module/components/SuggestionsRow.js.map +1 -1
- package/lib/module/contexts/ThemeProvider.js +75 -0
- package/lib/module/contexts/ThemeProvider.js.map +1 -0
- package/lib/module/contexts/utils.js +136 -0
- package/lib/module/contexts/utils.js.map +1 -0
- package/lib/typescript/components/BetaNotice.d.ts.map +1 -1
- package/lib/typescript/components/ChatInput.d.ts.map +1 -1
- package/lib/typescript/components/ChatWidget.d.ts.map +1 -1
- package/lib/typescript/components/MessageBubble.d.ts +1 -1
- package/lib/typescript/components/MessageBubble.d.ts.map +1 -1
- package/lib/typescript/components/MessageMetaRow.d.ts.map +1 -1
- package/lib/typescript/components/ProductsListView.d.ts.map +1 -1
- package/lib/typescript/components/SuggestionsRow.d.ts.map +1 -1
- package/lib/typescript/contexts/ThemeProvider.d.ts +7 -0
- package/lib/typescript/contexts/ThemeProvider.d.ts.map +1 -0
- package/lib/typescript/contexts/utils.d.ts +136 -0
- package/lib/typescript/contexts/utils.d.ts.map +1 -0
- package/package.json +6 -2
- package/src/components/BetaNotice.tsx +15 -13
- package/src/components/ChatInput.tsx +63 -62
- package/src/components/ChatWidget.tsx +238 -206
- package/src/components/MessageBubble.tsx +113 -74
- package/src/components/MessageMetaRow.tsx +80 -50
- package/src/components/ProductsListView.tsx +242 -183
- package/src/components/SuggestionsRow.tsx +40 -25
- package/src/contexts/ThemeProvider.tsx +87 -0
- package/src/contexts/utils.ts +135 -0
|
@@ -5,17 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.MessageBubble = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
8
|
var _SuggestionsRow = _interopRequireDefault(require("./SuggestionsRow"));
|
|
9
|
+
var _native = _interopRequireWildcard(require("styled-components/native"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
12
|
const MessageBubbleComponent = ({
|
|
13
13
|
message,
|
|
14
|
-
|
|
15
|
-
priceMode,
|
|
16
|
-
handleFeedbackAction,
|
|
17
|
-
onReloadResults,
|
|
18
|
-
reloading,
|
|
14
|
+
userTheme,
|
|
19
15
|
hasResults,
|
|
20
16
|
totalResults,
|
|
21
17
|
shownResults,
|
|
@@ -24,23 +20,21 @@ const MessageBubbleComponent = ({
|
|
|
24
20
|
isTyping
|
|
25
21
|
}) => {
|
|
26
22
|
const isUser = message.role === "user";
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}, message.text || "", message.role === "assistant" && hasResults && typeof totalResults === "number" ? ` Found ${Number(totalResults).toLocaleString()} diamonds (showing first ${shownResults})` : null), message.role === "assistant" && Array.isArray(message.suggestions) && message.suggestions.length > 0 && isLatest && !isTyping && !(message.search_payload && typeof message.search_payload === "object" && Object.keys(message.search_payload).length > 0) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
43
|
-
style: styles.suggestionsWrapper
|
|
23
|
+
const theme = (0, _native.useTheme)();
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(Container, {
|
|
25
|
+
theme: theme,
|
|
26
|
+
userTheme: userTheme,
|
|
27
|
+
isUser: isUser
|
|
28
|
+
}, /*#__PURE__*/_react.default.createElement(BubbleContainer, {
|
|
29
|
+
theme: theme,
|
|
30
|
+
userTheme: userTheme,
|
|
31
|
+
isUser: isUser
|
|
32
|
+
}, /*#__PURE__*/_react.default.createElement(MessageText, {
|
|
33
|
+
isUser: isUser,
|
|
34
|
+
userTheme: userTheme,
|
|
35
|
+
theme: theme
|
|
36
|
+
}, message.text || "", message.role === "assistant" && hasResults && typeof totalResults === "number" ? ` Found ${Number(totalResults).toLocaleString()} diamonds (showing first ${shownResults})` : null), message.role === "assistant" && Array.isArray(message.suggestions) && message.suggestions.length > 0 && isLatest && !isTyping && !(message.search_payload && typeof message.search_payload === "object" && Object.keys(message.search_payload).length > 0) && /*#__PURE__*/_react.default.createElement(SuggestionsWrapper, {
|
|
37
|
+
theme: theme
|
|
44
38
|
}, /*#__PURE__*/_react.default.createElement(_SuggestionsRow.default, {
|
|
45
39
|
suggestions: message.suggestions,
|
|
46
40
|
onSelect: v => onSuggestionSelect?.(v),
|
|
@@ -50,33 +44,54 @@ const MessageBubbleComponent = ({
|
|
|
50
44
|
|
|
51
45
|
// Memoize to prevent re-renders when parent re-renders
|
|
52
46
|
const MessageBubble = exports.MessageBubble = /*#__PURE__*/(0, _react.memo)(MessageBubbleComponent);
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
47
|
+
const Container = _native.default.View`
|
|
48
|
+
padding-horizontal: 8px;
|
|
49
|
+
margin-vertical: 0;
|
|
50
|
+
width: 100%;
|
|
51
|
+
${({
|
|
52
|
+
isUser
|
|
53
|
+
}) => isUser ? (0, _native.css)`
|
|
54
|
+
align-items: flex-end;
|
|
55
|
+
` : (0, _native.css)`
|
|
56
|
+
align-items: flex-start;
|
|
57
|
+
`}
|
|
58
|
+
`;
|
|
59
|
+
const BubbleContainer = _native.default.View`
|
|
60
|
+
max-width: 80%;
|
|
61
|
+
padding-horizontal: 12px;
|
|
62
|
+
padding-vertical: 8px;
|
|
63
|
+
background-color: ${({
|
|
64
|
+
userTheme,
|
|
65
|
+
theme,
|
|
66
|
+
isUser
|
|
67
|
+
}) => isUser ? theme["core-06"] || userTheme.userBubbleColor || "#EDEDF2" : theme["core-02"] || userTheme.botBubbleColor || "#EDEDF2"};
|
|
68
|
+
border-radius: ${({
|
|
69
|
+
userTheme
|
|
70
|
+
}) => userTheme.borderRadius || 8}px;
|
|
71
|
+
border-bottom-right-radius: ${({
|
|
72
|
+
isUser,
|
|
73
|
+
userTheme
|
|
74
|
+
}) => isUser ? 0 : userTheme.borderRadius}px;
|
|
75
|
+
border-bottom-left-radius: ${({
|
|
76
|
+
isUser,
|
|
77
|
+
userTheme
|
|
78
|
+
}) => isUser ? userTheme.borderRadius : 0}px;
|
|
79
|
+
`;
|
|
80
|
+
const MessageText = _native.default.Text`
|
|
81
|
+
color: ${({
|
|
82
|
+
userTheme,
|
|
83
|
+
theme,
|
|
84
|
+
isUser
|
|
85
|
+
}) => isUser ? theme["core-01"] || userTheme.userTextColor || "#FFFFFF" : theme["core-05"] || userTheme.botTextColor || "#000000"};
|
|
86
|
+
font-family: ${({
|
|
87
|
+
userTheme
|
|
88
|
+
}) => userTheme.fontFamily || "Roboto"};
|
|
89
|
+
font-size: ${({
|
|
90
|
+
userTheme
|
|
91
|
+
}) => userTheme.fontSize || 16}px;
|
|
92
|
+
line-height: 20px;
|
|
93
|
+
`;
|
|
94
|
+
const SuggestionsWrapper = _native.default.View`
|
|
95
|
+
margin-top: 8px;
|
|
96
|
+
`;
|
|
82
97
|
//# sourceMappingURL=MessageBubble.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_SuggestionsRow","_interopRequireDefault","_native","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MessageBubbleComponent","message","userTheme","hasResults","totalResults","shownResults","onSuggestionSelect","isLatest","isTyping","isUser","role","theme","useTheme","createElement","Container","BubbleContainer","MessageText","text","Number","toLocaleString","Array","isArray","suggestions","length","search_payload","keys","SuggestionsWrapper","onSelect","v","variant","MessageBubble","exports","memo","styled","View","css","userBubbleColor","botBubbleColor","borderRadius","Text","userTextColor","botTextColor","fontFamily","fontSize"],"sourceRoot":"../../../src","sources":["components/MessageBubble.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,8 @@ exports.default = exports.MessageMetaRow = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _utils = require("./utils");
|
|
10
|
+
var _native = _interopRequireWildcard(require("styled-components/native"));
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
13
|
let ImageComponent = _reactNative.Image;
|
|
12
14
|
if (_reactNative.Platform.OS !== "web") {
|
|
@@ -18,11 +20,9 @@ if (_reactNative.Platform.OS !== "web") {
|
|
|
18
20
|
const MessageMetaRow = ({
|
|
19
21
|
message,
|
|
20
22
|
priceMode,
|
|
21
|
-
handleFeedbackAction
|
|
22
|
-
onReloadResults,
|
|
23
|
-
reloading,
|
|
24
|
-
hasResults
|
|
23
|
+
handleFeedbackAction
|
|
25
24
|
}) => {
|
|
25
|
+
const theme = (0, _native.useTheme)();
|
|
26
26
|
const isUser = message.role === "user";
|
|
27
27
|
const [conversationId, setConversationId] = _react.default.useState(null);
|
|
28
28
|
_react.default.useEffect(() => {
|
|
@@ -38,12 +38,14 @@ const MessageMetaRow = ({
|
|
|
38
38
|
style: [styles.rowContainer, isUser ? styles.alignRight : styles.alignLeft]
|
|
39
39
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
40
40
|
style: styles.timeContainer
|
|
41
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
42
|
-
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement(TimeText, {
|
|
42
|
+
theme: theme
|
|
43
43
|
}, (0, _utils.formatToTime)(message.createdAt))), canFeedback ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
44
44
|
style: styles.likeDislikeContainer
|
|
45
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
46
|
-
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement(LikeButton, {
|
|
46
|
+
type: "like",
|
|
47
|
+
style: state => [state?.hovered && styles.borderButtonHover],
|
|
48
|
+
reaction: message.reaction,
|
|
47
49
|
onPress: () => handleFeedbackAction(_utils.FeedbackAction.LIKE, String(conversationId), message.id),
|
|
48
50
|
disabled: !canFeedback
|
|
49
51
|
}, /*#__PURE__*/_react.default.createElement(ImageComponent, {
|
|
@@ -54,10 +56,12 @@ const MessageMetaRow = ({
|
|
|
54
56
|
style: {
|
|
55
57
|
width: 20,
|
|
56
58
|
height: 20,
|
|
57
|
-
tintColor: message.reaction === _utils.FeedbackAction.LIKE ? "#00B140" : "#020001"
|
|
59
|
+
tintColor: message.reaction === _utils.FeedbackAction.LIKE ? theme["success-01"] || "#00B140" : theme["core-05"] || "#020001"
|
|
58
60
|
}
|
|
59
|
-
})), /*#__PURE__*/_react.default.createElement(
|
|
60
|
-
|
|
61
|
+
})), /*#__PURE__*/_react.default.createElement(LikeButton, {
|
|
62
|
+
type: "dislike",
|
|
63
|
+
style: state => [state?.hovered && styles.borderButtonHover],
|
|
64
|
+
reaction: message.reaction,
|
|
61
65
|
onPress: () => handleFeedbackAction(_utils.FeedbackAction.DISLIKE, String(conversationId), message.id),
|
|
62
66
|
disabled: !canFeedback
|
|
63
67
|
}, /*#__PURE__*/_react.default.createElement(ImageComponent, {
|
|
@@ -68,11 +72,45 @@ const MessageMetaRow = ({
|
|
|
68
72
|
style: {
|
|
69
73
|
width: 20,
|
|
70
74
|
height: 20,
|
|
71
|
-
tintColor: message.reaction === _utils.FeedbackAction.DISLIKE ? "#D0021B" : "#020001"
|
|
75
|
+
tintColor: message.reaction === _utils.FeedbackAction.DISLIKE ? theme["error-01"] || "#D0021B" : theme["core-05"] || "#020001"
|
|
72
76
|
}
|
|
73
77
|
}))) : null);
|
|
74
78
|
};
|
|
75
79
|
exports.MessageMetaRow = MessageMetaRow;
|
|
80
|
+
const LikeButton = _native.default.Pressable`
|
|
81
|
+
border-width: 1;
|
|
82
|
+
border-radius: 8px;
|
|
83
|
+
padding-horizontal: 4px;
|
|
84
|
+
padding-vertical: 4px;
|
|
85
|
+
${({
|
|
86
|
+
reaction,
|
|
87
|
+
type
|
|
88
|
+
}) => reaction === _utils.FeedbackAction.LIKE && type === "like" ? (0, _native.css)`
|
|
89
|
+
background-color: ${({
|
|
90
|
+
theme
|
|
91
|
+
}) => theme["success-02"] || "#DBFFE4"};
|
|
92
|
+
border-color: ${({
|
|
93
|
+
theme
|
|
94
|
+
}) => theme["success-01"] || "#00B140"};
|
|
95
|
+
` : reaction === _utils.FeedbackAction.DISLIKE && type === "dislike" ? (0, _native.css)`
|
|
96
|
+
background-color: ${({
|
|
97
|
+
theme
|
|
98
|
+
}) => theme["error-02"] || "#FFE2E0"};
|
|
99
|
+
border-color: ${({
|
|
100
|
+
theme
|
|
101
|
+
}) => theme["error-01"] || "#D0021B"};
|
|
102
|
+
` : (0, _native.css)`
|
|
103
|
+
border-color: ${({
|
|
104
|
+
theme
|
|
105
|
+
}) => theme["core-03"] || "#D5D5DC"};
|
|
106
|
+
`}
|
|
107
|
+
`;
|
|
108
|
+
const TimeText = _native.default.Text`
|
|
109
|
+
font-size: 12px;
|
|
110
|
+
color: ${({
|
|
111
|
+
theme
|
|
112
|
+
}) => theme["core-06"] || "#666"};
|
|
113
|
+
`;
|
|
76
114
|
const styles = _reactNative.StyleSheet.create({
|
|
77
115
|
rowContainer: {
|
|
78
116
|
flexDirection: "row",
|
|
@@ -96,27 +134,8 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
96
134
|
timeContainer: {
|
|
97
135
|
margin: 0
|
|
98
136
|
},
|
|
99
|
-
borderButton: {
|
|
100
|
-
borderWidth: 1,
|
|
101
|
-
borderColor: "#D5D5DC",
|
|
102
|
-
borderRadius: 8,
|
|
103
|
-
paddingHorizontal: 4,
|
|
104
|
-
paddingVertical: 4
|
|
105
|
-
},
|
|
106
137
|
borderButtonHover: {
|
|
107
138
|
backgroundColor: "#EDEDF2"
|
|
108
|
-
},
|
|
109
|
-
borderButtonLike: {
|
|
110
|
-
backgroundColor: "#DBFFE4",
|
|
111
|
-
borderColor: "#00B140"
|
|
112
|
-
},
|
|
113
|
-
borderButtonDislike: {
|
|
114
|
-
backgroundColor: "#FFE2E0",
|
|
115
|
-
borderColor: "#D0021B"
|
|
116
|
-
},
|
|
117
|
-
timeText: {
|
|
118
|
-
fontSize: 12,
|
|
119
|
-
color: "#666"
|
|
120
139
|
}
|
|
121
140
|
});
|
|
122
141
|
var _default = exports.default = MessageMetaRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","e","__esModule","default","ImageComponent","Image","Platform","OS","ExpoImage","MessageMetaRow","message","priceMode","handleFeedbackAction","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_native","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ImageComponent","Image","Platform","OS","ExpoImage","MessageMetaRow","message","priceMode","handleFeedbackAction","theme","useTheme","isUser","role","conversationId","setConversationId","React","useState","useEffect","fetchId","id","fetchConversationId","isValidMessageId","length","startsWith","canFeedback","isLoading","createElement","View","style","styles","rowContainer","alignRight","alignLeft","timeContainer","TimeText","formatToTime","createdAt","likeDislikeContainer","LikeButton","type","state","hovered","borderButtonHover","reaction","onPress","FeedbackAction","LIKE","String","disabled","source","uri","resizeMode","width","height","tintColor","DISLIKE","exports","styled","Pressable","css","Text","StyleSheet","create","flexDirection","justifyContent","alignItems","gap","marginHorizontal","marginTop","marginBottom","alignSelf","margin","backgroundColor","_default"],"sourceRoot":"../../../src","sources":["components/MessageMetaRow.tsx"],"mappings":"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","ignoreList":[]}
|