@blotoutio/providers-shop-gpt-sdk 1.11.0 → 1.11.2
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/index.cjs.js +29 -11
- package/index.js +29 -11
- package/index.mjs +29 -11
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -751,13 +751,14 @@ const createShopGPTAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId, st
|
|
|
751
751
|
throw new Error(`Failed to delete all chat threads - ${response.status}: ${await response.text()}`);
|
|
752
752
|
}
|
|
753
753
|
};
|
|
754
|
-
const saveFeedback = async (messageId, threadId, feedback) => {
|
|
754
|
+
const saveFeedback = async (messageId, queryMessageId, threadId, feedback) => {
|
|
755
755
|
const response = await fetchImpl(getURL('/feedback'), {
|
|
756
756
|
method: 'POST',
|
|
757
757
|
headers: getHeaders(),
|
|
758
758
|
credentials: 'include',
|
|
759
759
|
body: JSON.stringify({
|
|
760
760
|
messageId,
|
|
761
|
+
queryMessageId,
|
|
761
762
|
threadId,
|
|
762
763
|
feedback,
|
|
763
764
|
}),
|
|
@@ -3873,6 +3874,7 @@ class FeedbackDialog extends r$2 {
|
|
|
3873
3874
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
3874
3875
|
detail: {
|
|
3875
3876
|
messageId: this.messageId,
|
|
3877
|
+
queryMessageId: this.queryMessageId,
|
|
3876
3878
|
threadId: this.threadId,
|
|
3877
3879
|
feedback,
|
|
3878
3880
|
},
|
|
@@ -3945,6 +3947,10 @@ __decorate([
|
|
|
3945
3947
|
n({ type: String }),
|
|
3946
3948
|
__metadata("design:type", Object)
|
|
3947
3949
|
], FeedbackDialog.prototype, "messageId", void 0);
|
|
3950
|
+
__decorate([
|
|
3951
|
+
n({ type: String }),
|
|
3952
|
+
__metadata("design:type", Object)
|
|
3953
|
+
], FeedbackDialog.prototype, "queryMessageId", void 0);
|
|
3948
3954
|
__decorate([
|
|
3949
3955
|
n({ type: String }),
|
|
3950
3956
|
__metadata("design:type", Object)
|
|
@@ -4021,12 +4027,13 @@ class ChatSection extends r$2 {
|
|
|
4021
4027
|
}));
|
|
4022
4028
|
this.deleteThreadId = '';
|
|
4023
4029
|
}
|
|
4024
|
-
handleFeedback(rating, messageId, comment) {
|
|
4030
|
+
handleFeedback(rating, messageId, queryMessageId, comment) {
|
|
4025
4031
|
var _a, _b;
|
|
4026
4032
|
if (rating === 'bad') {
|
|
4027
4033
|
this.sendEvent('thumbsDown');
|
|
4028
4034
|
this.feedbackDetails = {
|
|
4029
4035
|
messageId,
|
|
4036
|
+
queryMessageId,
|
|
4030
4037
|
threadId: ((_a = this.thread) === null || _a === void 0 ? void 0 : _a.threadId) || '',
|
|
4031
4038
|
comment,
|
|
4032
4039
|
};
|
|
@@ -4036,6 +4043,7 @@ class ChatSection extends r$2 {
|
|
|
4036
4043
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
4037
4044
|
detail: {
|
|
4038
4045
|
messageId: messageId,
|
|
4046
|
+
queryMessageId: queryMessageId,
|
|
4039
4047
|
threadId: (_b = this.thread) === null || _b === void 0 ? void 0 : _b.threadId,
|
|
4040
4048
|
feedback: {
|
|
4041
4049
|
rating,
|
|
@@ -4053,8 +4061,9 @@ class ChatSection extends r$2 {
|
|
|
4053
4061
|
<div class="dot"></div>
|
|
4054
4062
|
</div>`;
|
|
4055
4063
|
}
|
|
4056
|
-
botMessage(message) {
|
|
4064
|
+
botMessage(message, index) {
|
|
4057
4065
|
var _a, _b, _c, _d, _e;
|
|
4066
|
+
const queryMessage = this.messages[index + 1];
|
|
4058
4067
|
return x `
|
|
4059
4068
|
<div class="message-wrapper">
|
|
4060
4069
|
<div class="message bot">
|
|
@@ -4085,11 +4094,11 @@ class ChatSection extends r$2 {
|
|
|
4085
4094
|
.viewType=${this.viewType}
|
|
4086
4095
|
></products-list>`
|
|
4087
4096
|
: E}
|
|
4088
|
-
${message.messageId
|
|
4097
|
+
${message.messageId && (queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId)
|
|
4089
4098
|
? x `<div class="bot-response-actions">
|
|
4090
4099
|
<button
|
|
4091
4100
|
type="button"
|
|
4092
|
-
@click=${this.handleFeedback.bind(this, 'good', message.messageId, (_b = message.feedback) === null || _b === void 0 ? void 0 : _b.comment)}
|
|
4101
|
+
@click=${this.handleFeedback.bind(this, 'good', message.messageId, queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId, (_b = message.feedback) === null || _b === void 0 ? void 0 : _b.comment)}
|
|
4093
4102
|
>
|
|
4094
4103
|
${((_c = message.feedback) === null || _c === void 0 ? void 0 : _c.rating) === 'good'
|
|
4095
4104
|
? thumbsUpFilledBtn
|
|
@@ -4097,7 +4106,7 @@ class ChatSection extends r$2 {
|
|
|
4097
4106
|
</button>
|
|
4098
4107
|
<button
|
|
4099
4108
|
type="button"
|
|
4100
|
-
@click=${this.handleFeedback.bind(this, 'bad', message.messageId, (_d = message.feedback) === null || _d === void 0 ? void 0 : _d.comment)}
|
|
4109
|
+
@click=${this.handleFeedback.bind(this, 'bad', message.messageId, queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId, (_d = message.feedback) === null || _d === void 0 ? void 0 : _d.comment)}
|
|
4101
4110
|
>
|
|
4102
4111
|
${((_e = message.feedback) === null || _e === void 0 ? void 0 : _e.rating) === 'bad'
|
|
4103
4112
|
? thumbsDownFilledBtn
|
|
@@ -4143,9 +4152,9 @@ class ChatSection extends r$2 {
|
|
|
4143
4152
|
</div>
|
|
4144
4153
|
</div>`
|
|
4145
4154
|
: E}
|
|
4146
|
-
${o$1(this.messages, (message) => {
|
|
4155
|
+
${o$1(this.messages, (message, index) => {
|
|
4147
4156
|
if (message.sender === 'bot') {
|
|
4148
|
-
return this.botMessage(message);
|
|
4157
|
+
return this.botMessage(message, index);
|
|
4149
4158
|
}
|
|
4150
4159
|
return x ` <div class="message user">${message.message}</div> `;
|
|
4151
4160
|
})}
|
|
@@ -4537,6 +4546,7 @@ class ChatSection extends r$2 {
|
|
|
4537
4546
|
? x `
|
|
4538
4547
|
<feedback-dialog
|
|
4539
4548
|
.messageId=${this.feedbackDetails.messageId}
|
|
4549
|
+
.queryMessageId=${this.feedbackDetails.queryMessageId}
|
|
4540
4550
|
.threadId=${this.feedbackDetails.threadId}
|
|
4541
4551
|
.comment=${this.feedbackDetails.comment}
|
|
4542
4552
|
@submit-feedback=${() => {
|
|
@@ -5051,7 +5061,8 @@ class ShopGPT extends r$2 {
|
|
|
5051
5061
|
}
|
|
5052
5062
|
handleCompleteMessage(messageData) {
|
|
5053
5063
|
const latestMessage = this.messages[0];
|
|
5054
|
-
this.messages
|
|
5064
|
+
const latestQuery = this.messages[1];
|
|
5065
|
+
const messages = [
|
|
5055
5066
|
{
|
|
5056
5067
|
...latestMessage,
|
|
5057
5068
|
message: messageData.message || '',
|
|
@@ -5060,8 +5071,14 @@ class ShopGPT extends r$2 {
|
|
|
5060
5071
|
sender: 'bot',
|
|
5061
5072
|
isChunk: false,
|
|
5062
5073
|
},
|
|
5063
|
-
...this.messages.slice(1),
|
|
5064
5074
|
];
|
|
5075
|
+
if (latestQuery) {
|
|
5076
|
+
messages.push({
|
|
5077
|
+
...latestQuery,
|
|
5078
|
+
messageId: messageData.queryMessageId,
|
|
5079
|
+
});
|
|
5080
|
+
}
|
|
5081
|
+
this.messages = [...messages, ...this.messages.slice(latestQuery ? 2 : 1)];
|
|
5065
5082
|
}
|
|
5066
5083
|
handleProductsComplete(products, isMessageCompleted) {
|
|
5067
5084
|
if (!products || !isMessageCompleted) {
|
|
@@ -5092,6 +5109,7 @@ class ShopGPT extends r$2 {
|
|
|
5092
5109
|
else if (eventName === 'MessageComplete') {
|
|
5093
5110
|
isMessageCompleted = true;
|
|
5094
5111
|
this.isStreaming = false;
|
|
5112
|
+
this.isTyping = false;
|
|
5095
5113
|
this.handleProductsComplete(products, isMessageCompleted);
|
|
5096
5114
|
this.handleCompleteMessage(data);
|
|
5097
5115
|
}
|
|
@@ -5136,7 +5154,7 @@ class ShopGPT extends r$2 {
|
|
|
5136
5154
|
submitFeedback(e) {
|
|
5137
5155
|
e.stopPropagation();
|
|
5138
5156
|
this.shopGPTAPI
|
|
5139
|
-
.saveFeedback(e.detail.messageId, e.detail.threadId, e.detail.feedback)
|
|
5157
|
+
.saveFeedback(e.detail.messageId, e.detail.queryMessageId, e.detail.threadId, e.detail.feedback)
|
|
5140
5158
|
.then(() => {
|
|
5141
5159
|
const messages = this.messages;
|
|
5142
5160
|
const messageIndex = messages.findIndex(({ messageId }) => messageId === e.detail.messageId);
|
package/index.js
CHANGED
|
@@ -752,13 +752,14 @@ var ProvidersShopGptSdk = (function () {
|
|
|
752
752
|
throw new Error(`Failed to delete all chat threads - ${response.status}: ${await response.text()}`);
|
|
753
753
|
}
|
|
754
754
|
};
|
|
755
|
-
const saveFeedback = async (messageId, threadId, feedback) => {
|
|
755
|
+
const saveFeedback = async (messageId, queryMessageId, threadId, feedback) => {
|
|
756
756
|
const response = await fetchImpl(getURL('/feedback'), {
|
|
757
757
|
method: 'POST',
|
|
758
758
|
headers: getHeaders(),
|
|
759
759
|
credentials: 'include',
|
|
760
760
|
body: JSON.stringify({
|
|
761
761
|
messageId,
|
|
762
|
+
queryMessageId,
|
|
762
763
|
threadId,
|
|
763
764
|
feedback,
|
|
764
765
|
}),
|
|
@@ -3874,6 +3875,7 @@ var ProvidersShopGptSdk = (function () {
|
|
|
3874
3875
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
3875
3876
|
detail: {
|
|
3876
3877
|
messageId: this.messageId,
|
|
3878
|
+
queryMessageId: this.queryMessageId,
|
|
3877
3879
|
threadId: this.threadId,
|
|
3878
3880
|
feedback,
|
|
3879
3881
|
},
|
|
@@ -3946,6 +3948,10 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
3946
3948
|
n({ type: String }),
|
|
3947
3949
|
__metadata("design:type", Object)
|
|
3948
3950
|
], FeedbackDialog.prototype, "messageId", void 0);
|
|
3951
|
+
__decorate([
|
|
3952
|
+
n({ type: String }),
|
|
3953
|
+
__metadata("design:type", Object)
|
|
3954
|
+
], FeedbackDialog.prototype, "queryMessageId", void 0);
|
|
3949
3955
|
__decorate([
|
|
3950
3956
|
n({ type: String }),
|
|
3951
3957
|
__metadata("design:type", Object)
|
|
@@ -4022,12 +4028,13 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4022
4028
|
}));
|
|
4023
4029
|
this.deleteThreadId = '';
|
|
4024
4030
|
}
|
|
4025
|
-
handleFeedback(rating, messageId, comment) {
|
|
4031
|
+
handleFeedback(rating, messageId, queryMessageId, comment) {
|
|
4026
4032
|
var _a, _b;
|
|
4027
4033
|
if (rating === 'bad') {
|
|
4028
4034
|
this.sendEvent('thumbsDown');
|
|
4029
4035
|
this.feedbackDetails = {
|
|
4030
4036
|
messageId,
|
|
4037
|
+
queryMessageId,
|
|
4031
4038
|
threadId: ((_a = this.thread) === null || _a === void 0 ? void 0 : _a.threadId) || '',
|
|
4032
4039
|
comment,
|
|
4033
4040
|
};
|
|
@@ -4037,6 +4044,7 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4037
4044
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
4038
4045
|
detail: {
|
|
4039
4046
|
messageId: messageId,
|
|
4047
|
+
queryMessageId: queryMessageId,
|
|
4040
4048
|
threadId: (_b = this.thread) === null || _b === void 0 ? void 0 : _b.threadId,
|
|
4041
4049
|
feedback: {
|
|
4042
4050
|
rating,
|
|
@@ -4054,8 +4062,9 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4054
4062
|
<div class="dot"></div>
|
|
4055
4063
|
</div>`;
|
|
4056
4064
|
}
|
|
4057
|
-
botMessage(message) {
|
|
4065
|
+
botMessage(message, index) {
|
|
4058
4066
|
var _a, _b, _c, _d, _e;
|
|
4067
|
+
const queryMessage = this.messages[index + 1];
|
|
4059
4068
|
return x `
|
|
4060
4069
|
<div class="message-wrapper">
|
|
4061
4070
|
<div class="message bot">
|
|
@@ -4086,11 +4095,11 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4086
4095
|
.viewType=${this.viewType}
|
|
4087
4096
|
></products-list>`
|
|
4088
4097
|
: E}
|
|
4089
|
-
${message.messageId
|
|
4098
|
+
${message.messageId && (queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId)
|
|
4090
4099
|
? x `<div class="bot-response-actions">
|
|
4091
4100
|
<button
|
|
4092
4101
|
type="button"
|
|
4093
|
-
@click=${this.handleFeedback.bind(this, 'good', message.messageId, (_b = message.feedback) === null || _b === void 0 ? void 0 : _b.comment)}
|
|
4102
|
+
@click=${this.handleFeedback.bind(this, 'good', message.messageId, queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId, (_b = message.feedback) === null || _b === void 0 ? void 0 : _b.comment)}
|
|
4094
4103
|
>
|
|
4095
4104
|
${((_c = message.feedback) === null || _c === void 0 ? void 0 : _c.rating) === 'good'
|
|
4096
4105
|
? thumbsUpFilledBtn
|
|
@@ -4098,7 +4107,7 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4098
4107
|
</button>
|
|
4099
4108
|
<button
|
|
4100
4109
|
type="button"
|
|
4101
|
-
@click=${this.handleFeedback.bind(this, 'bad', message.messageId, (_d = message.feedback) === null || _d === void 0 ? void 0 : _d.comment)}
|
|
4110
|
+
@click=${this.handleFeedback.bind(this, 'bad', message.messageId, queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId, (_d = message.feedback) === null || _d === void 0 ? void 0 : _d.comment)}
|
|
4102
4111
|
>
|
|
4103
4112
|
${((_e = message.feedback) === null || _e === void 0 ? void 0 : _e.rating) === 'bad'
|
|
4104
4113
|
? thumbsDownFilledBtn
|
|
@@ -4144,9 +4153,9 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4144
4153
|
</div>
|
|
4145
4154
|
</div>`
|
|
4146
4155
|
: E}
|
|
4147
|
-
${o$1(this.messages, (message) => {
|
|
4156
|
+
${o$1(this.messages, (message, index) => {
|
|
4148
4157
|
if (message.sender === 'bot') {
|
|
4149
|
-
return this.botMessage(message);
|
|
4158
|
+
return this.botMessage(message, index);
|
|
4150
4159
|
}
|
|
4151
4160
|
return x ` <div class="message user">${message.message}</div> `;
|
|
4152
4161
|
})}
|
|
@@ -4538,6 +4547,7 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4538
4547
|
? x `
|
|
4539
4548
|
<feedback-dialog
|
|
4540
4549
|
.messageId=${this.feedbackDetails.messageId}
|
|
4550
|
+
.queryMessageId=${this.feedbackDetails.queryMessageId}
|
|
4541
4551
|
.threadId=${this.feedbackDetails.threadId}
|
|
4542
4552
|
.comment=${this.feedbackDetails.comment}
|
|
4543
4553
|
@submit-feedback=${() => {
|
|
@@ -5052,7 +5062,8 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
5052
5062
|
}
|
|
5053
5063
|
handleCompleteMessage(messageData) {
|
|
5054
5064
|
const latestMessage = this.messages[0];
|
|
5055
|
-
this.messages
|
|
5065
|
+
const latestQuery = this.messages[1];
|
|
5066
|
+
const messages = [
|
|
5056
5067
|
{
|
|
5057
5068
|
...latestMessage,
|
|
5058
5069
|
message: messageData.message || '',
|
|
@@ -5061,8 +5072,14 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
5061
5072
|
sender: 'bot',
|
|
5062
5073
|
isChunk: false,
|
|
5063
5074
|
},
|
|
5064
|
-
...this.messages.slice(1),
|
|
5065
5075
|
];
|
|
5076
|
+
if (latestQuery) {
|
|
5077
|
+
messages.push({
|
|
5078
|
+
...latestQuery,
|
|
5079
|
+
messageId: messageData.queryMessageId,
|
|
5080
|
+
});
|
|
5081
|
+
}
|
|
5082
|
+
this.messages = [...messages, ...this.messages.slice(latestQuery ? 2 : 1)];
|
|
5066
5083
|
}
|
|
5067
5084
|
handleProductsComplete(products, isMessageCompleted) {
|
|
5068
5085
|
if (!products || !isMessageCompleted) {
|
|
@@ -5093,6 +5110,7 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
5093
5110
|
else if (eventName === 'MessageComplete') {
|
|
5094
5111
|
isMessageCompleted = true;
|
|
5095
5112
|
this.isStreaming = false;
|
|
5113
|
+
this.isTyping = false;
|
|
5096
5114
|
this.handleProductsComplete(products, isMessageCompleted);
|
|
5097
5115
|
this.handleCompleteMessage(data);
|
|
5098
5116
|
}
|
|
@@ -5137,7 +5155,7 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
5137
5155
|
submitFeedback(e) {
|
|
5138
5156
|
e.stopPropagation();
|
|
5139
5157
|
this.shopGPTAPI
|
|
5140
|
-
.saveFeedback(e.detail.messageId, e.detail.threadId, e.detail.feedback)
|
|
5158
|
+
.saveFeedback(e.detail.messageId, e.detail.queryMessageId, e.detail.threadId, e.detail.feedback)
|
|
5141
5159
|
.then(() => {
|
|
5142
5160
|
const messages = this.messages;
|
|
5143
5161
|
const messageIndex = messages.findIndex(({ messageId }) => messageId === e.detail.messageId);
|
package/index.mjs
CHANGED
|
@@ -749,13 +749,14 @@ const createShopGPTAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId, st
|
|
|
749
749
|
throw new Error(`Failed to delete all chat threads - ${response.status}: ${await response.text()}`);
|
|
750
750
|
}
|
|
751
751
|
};
|
|
752
|
-
const saveFeedback = async (messageId, threadId, feedback) => {
|
|
752
|
+
const saveFeedback = async (messageId, queryMessageId, threadId, feedback) => {
|
|
753
753
|
const response = await fetchImpl(getURL('/feedback'), {
|
|
754
754
|
method: 'POST',
|
|
755
755
|
headers: getHeaders(),
|
|
756
756
|
credentials: 'include',
|
|
757
757
|
body: JSON.stringify({
|
|
758
758
|
messageId,
|
|
759
|
+
queryMessageId,
|
|
759
760
|
threadId,
|
|
760
761
|
feedback,
|
|
761
762
|
}),
|
|
@@ -3871,6 +3872,7 @@ class FeedbackDialog extends r$2 {
|
|
|
3871
3872
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
3872
3873
|
detail: {
|
|
3873
3874
|
messageId: this.messageId,
|
|
3875
|
+
queryMessageId: this.queryMessageId,
|
|
3874
3876
|
threadId: this.threadId,
|
|
3875
3877
|
feedback,
|
|
3876
3878
|
},
|
|
@@ -3943,6 +3945,10 @@ __decorate([
|
|
|
3943
3945
|
n({ type: String }),
|
|
3944
3946
|
__metadata("design:type", Object)
|
|
3945
3947
|
], FeedbackDialog.prototype, "messageId", void 0);
|
|
3948
|
+
__decorate([
|
|
3949
|
+
n({ type: String }),
|
|
3950
|
+
__metadata("design:type", Object)
|
|
3951
|
+
], FeedbackDialog.prototype, "queryMessageId", void 0);
|
|
3946
3952
|
__decorate([
|
|
3947
3953
|
n({ type: String }),
|
|
3948
3954
|
__metadata("design:type", Object)
|
|
@@ -4019,12 +4025,13 @@ class ChatSection extends r$2 {
|
|
|
4019
4025
|
}));
|
|
4020
4026
|
this.deleteThreadId = '';
|
|
4021
4027
|
}
|
|
4022
|
-
handleFeedback(rating, messageId, comment) {
|
|
4028
|
+
handleFeedback(rating, messageId, queryMessageId, comment) {
|
|
4023
4029
|
var _a, _b;
|
|
4024
4030
|
if (rating === 'bad') {
|
|
4025
4031
|
this.sendEvent('thumbsDown');
|
|
4026
4032
|
this.feedbackDetails = {
|
|
4027
4033
|
messageId,
|
|
4034
|
+
queryMessageId,
|
|
4028
4035
|
threadId: ((_a = this.thread) === null || _a === void 0 ? void 0 : _a.threadId) || '',
|
|
4029
4036
|
comment,
|
|
4030
4037
|
};
|
|
@@ -4034,6 +4041,7 @@ class ChatSection extends r$2 {
|
|
|
4034
4041
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
4035
4042
|
detail: {
|
|
4036
4043
|
messageId: messageId,
|
|
4044
|
+
queryMessageId: queryMessageId,
|
|
4037
4045
|
threadId: (_b = this.thread) === null || _b === void 0 ? void 0 : _b.threadId,
|
|
4038
4046
|
feedback: {
|
|
4039
4047
|
rating,
|
|
@@ -4051,8 +4059,9 @@ class ChatSection extends r$2 {
|
|
|
4051
4059
|
<div class="dot"></div>
|
|
4052
4060
|
</div>`;
|
|
4053
4061
|
}
|
|
4054
|
-
botMessage(message) {
|
|
4062
|
+
botMessage(message, index) {
|
|
4055
4063
|
var _a, _b, _c, _d, _e;
|
|
4064
|
+
const queryMessage = this.messages[index + 1];
|
|
4056
4065
|
return x `
|
|
4057
4066
|
<div class="message-wrapper">
|
|
4058
4067
|
<div class="message bot">
|
|
@@ -4083,11 +4092,11 @@ class ChatSection extends r$2 {
|
|
|
4083
4092
|
.viewType=${this.viewType}
|
|
4084
4093
|
></products-list>`
|
|
4085
4094
|
: E}
|
|
4086
|
-
${message.messageId
|
|
4095
|
+
${message.messageId && (queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId)
|
|
4087
4096
|
? x `<div class="bot-response-actions">
|
|
4088
4097
|
<button
|
|
4089
4098
|
type="button"
|
|
4090
|
-
@click=${this.handleFeedback.bind(this, 'good', message.messageId, (_b = message.feedback) === null || _b === void 0 ? void 0 : _b.comment)}
|
|
4099
|
+
@click=${this.handleFeedback.bind(this, 'good', message.messageId, queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId, (_b = message.feedback) === null || _b === void 0 ? void 0 : _b.comment)}
|
|
4091
4100
|
>
|
|
4092
4101
|
${((_c = message.feedback) === null || _c === void 0 ? void 0 : _c.rating) === 'good'
|
|
4093
4102
|
? thumbsUpFilledBtn
|
|
@@ -4095,7 +4104,7 @@ class ChatSection extends r$2 {
|
|
|
4095
4104
|
</button>
|
|
4096
4105
|
<button
|
|
4097
4106
|
type="button"
|
|
4098
|
-
@click=${this.handleFeedback.bind(this, 'bad', message.messageId, (_d = message.feedback) === null || _d === void 0 ? void 0 : _d.comment)}
|
|
4107
|
+
@click=${this.handleFeedback.bind(this, 'bad', message.messageId, queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId, (_d = message.feedback) === null || _d === void 0 ? void 0 : _d.comment)}
|
|
4099
4108
|
>
|
|
4100
4109
|
${((_e = message.feedback) === null || _e === void 0 ? void 0 : _e.rating) === 'bad'
|
|
4101
4110
|
? thumbsDownFilledBtn
|
|
@@ -4141,9 +4150,9 @@ class ChatSection extends r$2 {
|
|
|
4141
4150
|
</div>
|
|
4142
4151
|
</div>`
|
|
4143
4152
|
: E}
|
|
4144
|
-
${o$1(this.messages, (message) => {
|
|
4153
|
+
${o$1(this.messages, (message, index) => {
|
|
4145
4154
|
if (message.sender === 'bot') {
|
|
4146
|
-
return this.botMessage(message);
|
|
4155
|
+
return this.botMessage(message, index);
|
|
4147
4156
|
}
|
|
4148
4157
|
return x ` <div class="message user">${message.message}</div> `;
|
|
4149
4158
|
})}
|
|
@@ -4535,6 +4544,7 @@ class ChatSection extends r$2 {
|
|
|
4535
4544
|
? x `
|
|
4536
4545
|
<feedback-dialog
|
|
4537
4546
|
.messageId=${this.feedbackDetails.messageId}
|
|
4547
|
+
.queryMessageId=${this.feedbackDetails.queryMessageId}
|
|
4538
4548
|
.threadId=${this.feedbackDetails.threadId}
|
|
4539
4549
|
.comment=${this.feedbackDetails.comment}
|
|
4540
4550
|
@submit-feedback=${() => {
|
|
@@ -5049,7 +5059,8 @@ class ShopGPT extends r$2 {
|
|
|
5049
5059
|
}
|
|
5050
5060
|
handleCompleteMessage(messageData) {
|
|
5051
5061
|
const latestMessage = this.messages[0];
|
|
5052
|
-
this.messages
|
|
5062
|
+
const latestQuery = this.messages[1];
|
|
5063
|
+
const messages = [
|
|
5053
5064
|
{
|
|
5054
5065
|
...latestMessage,
|
|
5055
5066
|
message: messageData.message || '',
|
|
@@ -5058,8 +5069,14 @@ class ShopGPT extends r$2 {
|
|
|
5058
5069
|
sender: 'bot',
|
|
5059
5070
|
isChunk: false,
|
|
5060
5071
|
},
|
|
5061
|
-
...this.messages.slice(1),
|
|
5062
5072
|
];
|
|
5073
|
+
if (latestQuery) {
|
|
5074
|
+
messages.push({
|
|
5075
|
+
...latestQuery,
|
|
5076
|
+
messageId: messageData.queryMessageId,
|
|
5077
|
+
});
|
|
5078
|
+
}
|
|
5079
|
+
this.messages = [...messages, ...this.messages.slice(latestQuery ? 2 : 1)];
|
|
5063
5080
|
}
|
|
5064
5081
|
handleProductsComplete(products, isMessageCompleted) {
|
|
5065
5082
|
if (!products || !isMessageCompleted) {
|
|
@@ -5090,6 +5107,7 @@ class ShopGPT extends r$2 {
|
|
|
5090
5107
|
else if (eventName === 'MessageComplete') {
|
|
5091
5108
|
isMessageCompleted = true;
|
|
5092
5109
|
this.isStreaming = false;
|
|
5110
|
+
this.isTyping = false;
|
|
5093
5111
|
this.handleProductsComplete(products, isMessageCompleted);
|
|
5094
5112
|
this.handleCompleteMessage(data);
|
|
5095
5113
|
}
|
|
@@ -5134,7 +5152,7 @@ class ShopGPT extends r$2 {
|
|
|
5134
5152
|
submitFeedback(e) {
|
|
5135
5153
|
e.stopPropagation();
|
|
5136
5154
|
this.shopGPTAPI
|
|
5137
|
-
.saveFeedback(e.detail.messageId, e.detail.threadId, e.detail.feedback)
|
|
5155
|
+
.saveFeedback(e.detail.messageId, e.detail.queryMessageId, e.detail.threadId, e.detail.feedback)
|
|
5138
5156
|
.then(() => {
|
|
5139
5157
|
const messages = this.messages;
|
|
5140
5158
|
const messageIndex = messages.findIndex(({ messageId }) => messageId === e.detail.messageId);
|