@blotoutio/providers-shop-gpt-sdk 1.11.1 → 1.11.3
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 -13
- package/index.js +29 -13
- package/index.mjs +29 -13
- 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
|
}),
|
|
@@ -1924,11 +1925,10 @@ class ProductItem extends r$2 {
|
|
|
1924
1925
|
</p>`;
|
|
1925
1926
|
}
|
|
1926
1927
|
redirect(url) {
|
|
1927
|
-
var _a;
|
|
1928
1928
|
if (!url) {
|
|
1929
1929
|
return;
|
|
1930
1930
|
}
|
|
1931
|
-
|
|
1931
|
+
open(url, '_self');
|
|
1932
1932
|
}
|
|
1933
1933
|
renderVariantTitles() {
|
|
1934
1934
|
if (this.product.hasOnlyDefaultVariant) {
|
|
@@ -3873,6 +3873,7 @@ class FeedbackDialog extends r$2 {
|
|
|
3873
3873
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
3874
3874
|
detail: {
|
|
3875
3875
|
messageId: this.messageId,
|
|
3876
|
+
queryMessageId: this.queryMessageId,
|
|
3876
3877
|
threadId: this.threadId,
|
|
3877
3878
|
feedback,
|
|
3878
3879
|
},
|
|
@@ -3945,6 +3946,10 @@ __decorate([
|
|
|
3945
3946
|
n({ type: String }),
|
|
3946
3947
|
__metadata("design:type", Object)
|
|
3947
3948
|
], FeedbackDialog.prototype, "messageId", void 0);
|
|
3949
|
+
__decorate([
|
|
3950
|
+
n({ type: String }),
|
|
3951
|
+
__metadata("design:type", Object)
|
|
3952
|
+
], FeedbackDialog.prototype, "queryMessageId", void 0);
|
|
3948
3953
|
__decorate([
|
|
3949
3954
|
n({ type: String }),
|
|
3950
3955
|
__metadata("design:type", Object)
|
|
@@ -4021,12 +4026,13 @@ class ChatSection extends r$2 {
|
|
|
4021
4026
|
}));
|
|
4022
4027
|
this.deleteThreadId = '';
|
|
4023
4028
|
}
|
|
4024
|
-
handleFeedback(rating, messageId, comment) {
|
|
4029
|
+
handleFeedback(rating, messageId, queryMessageId, comment) {
|
|
4025
4030
|
var _a, _b;
|
|
4026
4031
|
if (rating === 'bad') {
|
|
4027
4032
|
this.sendEvent('thumbsDown');
|
|
4028
4033
|
this.feedbackDetails = {
|
|
4029
4034
|
messageId,
|
|
4035
|
+
queryMessageId,
|
|
4030
4036
|
threadId: ((_a = this.thread) === null || _a === void 0 ? void 0 : _a.threadId) || '',
|
|
4031
4037
|
comment,
|
|
4032
4038
|
};
|
|
@@ -4036,6 +4042,7 @@ class ChatSection extends r$2 {
|
|
|
4036
4042
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
4037
4043
|
detail: {
|
|
4038
4044
|
messageId: messageId,
|
|
4045
|
+
queryMessageId: queryMessageId,
|
|
4039
4046
|
threadId: (_b = this.thread) === null || _b === void 0 ? void 0 : _b.threadId,
|
|
4040
4047
|
feedback: {
|
|
4041
4048
|
rating,
|
|
@@ -4053,8 +4060,9 @@ class ChatSection extends r$2 {
|
|
|
4053
4060
|
<div class="dot"></div>
|
|
4054
4061
|
</div>`;
|
|
4055
4062
|
}
|
|
4056
|
-
botMessage(message) {
|
|
4063
|
+
botMessage(message, index) {
|
|
4057
4064
|
var _a, _b, _c, _d, _e;
|
|
4065
|
+
const queryMessage = this.messages[index + 1];
|
|
4058
4066
|
return x `
|
|
4059
4067
|
<div class="message-wrapper">
|
|
4060
4068
|
<div class="message bot">
|
|
@@ -4085,11 +4093,11 @@ class ChatSection extends r$2 {
|
|
|
4085
4093
|
.viewType=${this.viewType}
|
|
4086
4094
|
></products-list>`
|
|
4087
4095
|
: E}
|
|
4088
|
-
${message.messageId
|
|
4096
|
+
${message.messageId && (queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId)
|
|
4089
4097
|
? x `<div class="bot-response-actions">
|
|
4090
4098
|
<button
|
|
4091
4099
|
type="button"
|
|
4092
|
-
@click=${this.handleFeedback.bind(this, 'good', message.messageId, (_b = message.feedback) === null || _b === void 0 ? void 0 : _b.comment)}
|
|
4100
|
+
@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
4101
|
>
|
|
4094
4102
|
${((_c = message.feedback) === null || _c === void 0 ? void 0 : _c.rating) === 'good'
|
|
4095
4103
|
? thumbsUpFilledBtn
|
|
@@ -4097,7 +4105,7 @@ class ChatSection extends r$2 {
|
|
|
4097
4105
|
</button>
|
|
4098
4106
|
<button
|
|
4099
4107
|
type="button"
|
|
4100
|
-
@click=${this.handleFeedback.bind(this, 'bad', message.messageId, (_d = message.feedback) === null || _d === void 0 ? void 0 : _d.comment)}
|
|
4108
|
+
@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
4109
|
>
|
|
4102
4110
|
${((_e = message.feedback) === null || _e === void 0 ? void 0 : _e.rating) === 'bad'
|
|
4103
4111
|
? thumbsDownFilledBtn
|
|
@@ -4143,9 +4151,9 @@ class ChatSection extends r$2 {
|
|
|
4143
4151
|
</div>
|
|
4144
4152
|
</div>`
|
|
4145
4153
|
: E}
|
|
4146
|
-
${o$1(this.messages, (message) => {
|
|
4154
|
+
${o$1(this.messages, (message, index) => {
|
|
4147
4155
|
if (message.sender === 'bot') {
|
|
4148
|
-
return this.botMessage(message);
|
|
4156
|
+
return this.botMessage(message, index);
|
|
4149
4157
|
}
|
|
4150
4158
|
return x ` <div class="message user">${message.message}</div> `;
|
|
4151
4159
|
})}
|
|
@@ -4537,6 +4545,7 @@ class ChatSection extends r$2 {
|
|
|
4537
4545
|
? x `
|
|
4538
4546
|
<feedback-dialog
|
|
4539
4547
|
.messageId=${this.feedbackDetails.messageId}
|
|
4548
|
+
.queryMessageId=${this.feedbackDetails.queryMessageId}
|
|
4540
4549
|
.threadId=${this.feedbackDetails.threadId}
|
|
4541
4550
|
.comment=${this.feedbackDetails.comment}
|
|
4542
4551
|
@submit-feedback=${() => {
|
|
@@ -5051,7 +5060,8 @@ class ShopGPT extends r$2 {
|
|
|
5051
5060
|
}
|
|
5052
5061
|
handleCompleteMessage(messageData) {
|
|
5053
5062
|
const latestMessage = this.messages[0];
|
|
5054
|
-
this.messages
|
|
5063
|
+
const latestQuery = this.messages[1];
|
|
5064
|
+
const messages = [
|
|
5055
5065
|
{
|
|
5056
5066
|
...latestMessage,
|
|
5057
5067
|
message: messageData.message || '',
|
|
@@ -5060,8 +5070,14 @@ class ShopGPT extends r$2 {
|
|
|
5060
5070
|
sender: 'bot',
|
|
5061
5071
|
isChunk: false,
|
|
5062
5072
|
},
|
|
5063
|
-
...this.messages.slice(1),
|
|
5064
5073
|
];
|
|
5074
|
+
if (latestQuery) {
|
|
5075
|
+
messages.push({
|
|
5076
|
+
...latestQuery,
|
|
5077
|
+
messageId: messageData.queryMessageId,
|
|
5078
|
+
});
|
|
5079
|
+
}
|
|
5080
|
+
this.messages = [...messages, ...this.messages.slice(latestQuery ? 2 : 1)];
|
|
5065
5081
|
}
|
|
5066
5082
|
handleProductsComplete(products, isMessageCompleted) {
|
|
5067
5083
|
if (!products || !isMessageCompleted) {
|
|
@@ -5137,7 +5153,7 @@ class ShopGPT extends r$2 {
|
|
|
5137
5153
|
submitFeedback(e) {
|
|
5138
5154
|
e.stopPropagation();
|
|
5139
5155
|
this.shopGPTAPI
|
|
5140
|
-
.saveFeedback(e.detail.messageId, e.detail.threadId, e.detail.feedback)
|
|
5156
|
+
.saveFeedback(e.detail.messageId, e.detail.queryMessageId, e.detail.threadId, e.detail.feedback)
|
|
5141
5157
|
.then(() => {
|
|
5142
5158
|
const messages = this.messages;
|
|
5143
5159
|
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
|
}),
|
|
@@ -1925,11 +1926,10 @@ var ProvidersShopGptSdk = (function () {
|
|
|
1925
1926
|
</p>`;
|
|
1926
1927
|
}
|
|
1927
1928
|
redirect(url) {
|
|
1928
|
-
var _a;
|
|
1929
1929
|
if (!url) {
|
|
1930
1930
|
return;
|
|
1931
1931
|
}
|
|
1932
|
-
|
|
1932
|
+
open(url, '_self');
|
|
1933
1933
|
}
|
|
1934
1934
|
renderVariantTitles() {
|
|
1935
1935
|
if (this.product.hasOnlyDefaultVariant) {
|
|
@@ -3874,6 +3874,7 @@ var ProvidersShopGptSdk = (function () {
|
|
|
3874
3874
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
3875
3875
|
detail: {
|
|
3876
3876
|
messageId: this.messageId,
|
|
3877
|
+
queryMessageId: this.queryMessageId,
|
|
3877
3878
|
threadId: this.threadId,
|
|
3878
3879
|
feedback,
|
|
3879
3880
|
},
|
|
@@ -3946,6 +3947,10 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
3946
3947
|
n({ type: String }),
|
|
3947
3948
|
__metadata("design:type", Object)
|
|
3948
3949
|
], FeedbackDialog.prototype, "messageId", void 0);
|
|
3950
|
+
__decorate([
|
|
3951
|
+
n({ type: String }),
|
|
3952
|
+
__metadata("design:type", Object)
|
|
3953
|
+
], FeedbackDialog.prototype, "queryMessageId", void 0);
|
|
3949
3954
|
__decorate([
|
|
3950
3955
|
n({ type: String }),
|
|
3951
3956
|
__metadata("design:type", Object)
|
|
@@ -4022,12 +4027,13 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4022
4027
|
}));
|
|
4023
4028
|
this.deleteThreadId = '';
|
|
4024
4029
|
}
|
|
4025
|
-
handleFeedback(rating, messageId, comment) {
|
|
4030
|
+
handleFeedback(rating, messageId, queryMessageId, comment) {
|
|
4026
4031
|
var _a, _b;
|
|
4027
4032
|
if (rating === 'bad') {
|
|
4028
4033
|
this.sendEvent('thumbsDown');
|
|
4029
4034
|
this.feedbackDetails = {
|
|
4030
4035
|
messageId,
|
|
4036
|
+
queryMessageId,
|
|
4031
4037
|
threadId: ((_a = this.thread) === null || _a === void 0 ? void 0 : _a.threadId) || '',
|
|
4032
4038
|
comment,
|
|
4033
4039
|
};
|
|
@@ -4037,6 +4043,7 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4037
4043
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
4038
4044
|
detail: {
|
|
4039
4045
|
messageId: messageId,
|
|
4046
|
+
queryMessageId: queryMessageId,
|
|
4040
4047
|
threadId: (_b = this.thread) === null || _b === void 0 ? void 0 : _b.threadId,
|
|
4041
4048
|
feedback: {
|
|
4042
4049
|
rating,
|
|
@@ -4054,8 +4061,9 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4054
4061
|
<div class="dot"></div>
|
|
4055
4062
|
</div>`;
|
|
4056
4063
|
}
|
|
4057
|
-
botMessage(message) {
|
|
4064
|
+
botMessage(message, index) {
|
|
4058
4065
|
var _a, _b, _c, _d, _e;
|
|
4066
|
+
const queryMessage = this.messages[index + 1];
|
|
4059
4067
|
return x `
|
|
4060
4068
|
<div class="message-wrapper">
|
|
4061
4069
|
<div class="message bot">
|
|
@@ -4086,11 +4094,11 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4086
4094
|
.viewType=${this.viewType}
|
|
4087
4095
|
></products-list>`
|
|
4088
4096
|
: E}
|
|
4089
|
-
${message.messageId
|
|
4097
|
+
${message.messageId && (queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId)
|
|
4090
4098
|
? x `<div class="bot-response-actions">
|
|
4091
4099
|
<button
|
|
4092
4100
|
type="button"
|
|
4093
|
-
@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)}
|
|
4094
4102
|
>
|
|
4095
4103
|
${((_c = message.feedback) === null || _c === void 0 ? void 0 : _c.rating) === 'good'
|
|
4096
4104
|
? thumbsUpFilledBtn
|
|
@@ -4098,7 +4106,7 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4098
4106
|
</button>
|
|
4099
4107
|
<button
|
|
4100
4108
|
type="button"
|
|
4101
|
-
@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)}
|
|
4102
4110
|
>
|
|
4103
4111
|
${((_e = message.feedback) === null || _e === void 0 ? void 0 : _e.rating) === 'bad'
|
|
4104
4112
|
? thumbsDownFilledBtn
|
|
@@ -4144,9 +4152,9 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4144
4152
|
</div>
|
|
4145
4153
|
</div>`
|
|
4146
4154
|
: E}
|
|
4147
|
-
${o$1(this.messages, (message) => {
|
|
4155
|
+
${o$1(this.messages, (message, index) => {
|
|
4148
4156
|
if (message.sender === 'bot') {
|
|
4149
|
-
return this.botMessage(message);
|
|
4157
|
+
return this.botMessage(message, index);
|
|
4150
4158
|
}
|
|
4151
4159
|
return x ` <div class="message user">${message.message}</div> `;
|
|
4152
4160
|
})}
|
|
@@ -4538,6 +4546,7 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
4538
4546
|
? x `
|
|
4539
4547
|
<feedback-dialog
|
|
4540
4548
|
.messageId=${this.feedbackDetails.messageId}
|
|
4549
|
+
.queryMessageId=${this.feedbackDetails.queryMessageId}
|
|
4541
4550
|
.threadId=${this.feedbackDetails.threadId}
|
|
4542
4551
|
.comment=${this.feedbackDetails.comment}
|
|
4543
4552
|
@submit-feedback=${() => {
|
|
@@ -5052,7 +5061,8 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
5052
5061
|
}
|
|
5053
5062
|
handleCompleteMessage(messageData) {
|
|
5054
5063
|
const latestMessage = this.messages[0];
|
|
5055
|
-
this.messages
|
|
5064
|
+
const latestQuery = this.messages[1];
|
|
5065
|
+
const messages = [
|
|
5056
5066
|
{
|
|
5057
5067
|
...latestMessage,
|
|
5058
5068
|
message: messageData.message || '',
|
|
@@ -5061,8 +5071,14 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
5061
5071
|
sender: 'bot',
|
|
5062
5072
|
isChunk: false,
|
|
5063
5073
|
},
|
|
5064
|
-
...this.messages.slice(1),
|
|
5065
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)];
|
|
5066
5082
|
}
|
|
5067
5083
|
handleProductsComplete(products, isMessageCompleted) {
|
|
5068
5084
|
if (!products || !isMessageCompleted) {
|
|
@@ -5138,7 +5154,7 @@ ${this.comment ? this.comment : E}</textarea
|
|
|
5138
5154
|
submitFeedback(e) {
|
|
5139
5155
|
e.stopPropagation();
|
|
5140
5156
|
this.shopGPTAPI
|
|
5141
|
-
.saveFeedback(e.detail.messageId, e.detail.threadId, e.detail.feedback)
|
|
5157
|
+
.saveFeedback(e.detail.messageId, e.detail.queryMessageId, e.detail.threadId, e.detail.feedback)
|
|
5142
5158
|
.then(() => {
|
|
5143
5159
|
const messages = this.messages;
|
|
5144
5160
|
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
|
}),
|
|
@@ -1922,11 +1923,10 @@ class ProductItem extends r$2 {
|
|
|
1922
1923
|
</p>`;
|
|
1923
1924
|
}
|
|
1924
1925
|
redirect(url) {
|
|
1925
|
-
var _a;
|
|
1926
1926
|
if (!url) {
|
|
1927
1927
|
return;
|
|
1928
1928
|
}
|
|
1929
|
-
|
|
1929
|
+
open(url, '_self');
|
|
1930
1930
|
}
|
|
1931
1931
|
renderVariantTitles() {
|
|
1932
1932
|
if (this.product.hasOnlyDefaultVariant) {
|
|
@@ -3871,6 +3871,7 @@ class FeedbackDialog extends r$2 {
|
|
|
3871
3871
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
3872
3872
|
detail: {
|
|
3873
3873
|
messageId: this.messageId,
|
|
3874
|
+
queryMessageId: this.queryMessageId,
|
|
3874
3875
|
threadId: this.threadId,
|
|
3875
3876
|
feedback,
|
|
3876
3877
|
},
|
|
@@ -3943,6 +3944,10 @@ __decorate([
|
|
|
3943
3944
|
n({ type: String }),
|
|
3944
3945
|
__metadata("design:type", Object)
|
|
3945
3946
|
], FeedbackDialog.prototype, "messageId", void 0);
|
|
3947
|
+
__decorate([
|
|
3948
|
+
n({ type: String }),
|
|
3949
|
+
__metadata("design:type", Object)
|
|
3950
|
+
], FeedbackDialog.prototype, "queryMessageId", void 0);
|
|
3946
3951
|
__decorate([
|
|
3947
3952
|
n({ type: String }),
|
|
3948
3953
|
__metadata("design:type", Object)
|
|
@@ -4019,12 +4024,13 @@ class ChatSection extends r$2 {
|
|
|
4019
4024
|
}));
|
|
4020
4025
|
this.deleteThreadId = '';
|
|
4021
4026
|
}
|
|
4022
|
-
handleFeedback(rating, messageId, comment) {
|
|
4027
|
+
handleFeedback(rating, messageId, queryMessageId, comment) {
|
|
4023
4028
|
var _a, _b;
|
|
4024
4029
|
if (rating === 'bad') {
|
|
4025
4030
|
this.sendEvent('thumbsDown');
|
|
4026
4031
|
this.feedbackDetails = {
|
|
4027
4032
|
messageId,
|
|
4033
|
+
queryMessageId,
|
|
4028
4034
|
threadId: ((_a = this.thread) === null || _a === void 0 ? void 0 : _a.threadId) || '',
|
|
4029
4035
|
comment,
|
|
4030
4036
|
};
|
|
@@ -4034,6 +4040,7 @@ class ChatSection extends r$2 {
|
|
|
4034
4040
|
this.dispatchEvent(new CustomEvent('submit-feedback', {
|
|
4035
4041
|
detail: {
|
|
4036
4042
|
messageId: messageId,
|
|
4043
|
+
queryMessageId: queryMessageId,
|
|
4037
4044
|
threadId: (_b = this.thread) === null || _b === void 0 ? void 0 : _b.threadId,
|
|
4038
4045
|
feedback: {
|
|
4039
4046
|
rating,
|
|
@@ -4051,8 +4058,9 @@ class ChatSection extends r$2 {
|
|
|
4051
4058
|
<div class="dot"></div>
|
|
4052
4059
|
</div>`;
|
|
4053
4060
|
}
|
|
4054
|
-
botMessage(message) {
|
|
4061
|
+
botMessage(message, index) {
|
|
4055
4062
|
var _a, _b, _c, _d, _e;
|
|
4063
|
+
const queryMessage = this.messages[index + 1];
|
|
4056
4064
|
return x `
|
|
4057
4065
|
<div class="message-wrapper">
|
|
4058
4066
|
<div class="message bot">
|
|
@@ -4083,11 +4091,11 @@ class ChatSection extends r$2 {
|
|
|
4083
4091
|
.viewType=${this.viewType}
|
|
4084
4092
|
></products-list>`
|
|
4085
4093
|
: E}
|
|
4086
|
-
${message.messageId
|
|
4094
|
+
${message.messageId && (queryMessage === null || queryMessage === void 0 ? void 0 : queryMessage.messageId)
|
|
4087
4095
|
? x `<div class="bot-response-actions">
|
|
4088
4096
|
<button
|
|
4089
4097
|
type="button"
|
|
4090
|
-
@click=${this.handleFeedback.bind(this, 'good', message.messageId, (_b = message.feedback) === null || _b === void 0 ? void 0 : _b.comment)}
|
|
4098
|
+
@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
4099
|
>
|
|
4092
4100
|
${((_c = message.feedback) === null || _c === void 0 ? void 0 : _c.rating) === 'good'
|
|
4093
4101
|
? thumbsUpFilledBtn
|
|
@@ -4095,7 +4103,7 @@ class ChatSection extends r$2 {
|
|
|
4095
4103
|
</button>
|
|
4096
4104
|
<button
|
|
4097
4105
|
type="button"
|
|
4098
|
-
@click=${this.handleFeedback.bind(this, 'bad', message.messageId, (_d = message.feedback) === null || _d === void 0 ? void 0 : _d.comment)}
|
|
4106
|
+
@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
4107
|
>
|
|
4100
4108
|
${((_e = message.feedback) === null || _e === void 0 ? void 0 : _e.rating) === 'bad'
|
|
4101
4109
|
? thumbsDownFilledBtn
|
|
@@ -4141,9 +4149,9 @@ class ChatSection extends r$2 {
|
|
|
4141
4149
|
</div>
|
|
4142
4150
|
</div>`
|
|
4143
4151
|
: E}
|
|
4144
|
-
${o$1(this.messages, (message) => {
|
|
4152
|
+
${o$1(this.messages, (message, index) => {
|
|
4145
4153
|
if (message.sender === 'bot') {
|
|
4146
|
-
return this.botMessage(message);
|
|
4154
|
+
return this.botMessage(message, index);
|
|
4147
4155
|
}
|
|
4148
4156
|
return x ` <div class="message user">${message.message}</div> `;
|
|
4149
4157
|
})}
|
|
@@ -4535,6 +4543,7 @@ class ChatSection extends r$2 {
|
|
|
4535
4543
|
? x `
|
|
4536
4544
|
<feedback-dialog
|
|
4537
4545
|
.messageId=${this.feedbackDetails.messageId}
|
|
4546
|
+
.queryMessageId=${this.feedbackDetails.queryMessageId}
|
|
4538
4547
|
.threadId=${this.feedbackDetails.threadId}
|
|
4539
4548
|
.comment=${this.feedbackDetails.comment}
|
|
4540
4549
|
@submit-feedback=${() => {
|
|
@@ -5049,7 +5058,8 @@ class ShopGPT extends r$2 {
|
|
|
5049
5058
|
}
|
|
5050
5059
|
handleCompleteMessage(messageData) {
|
|
5051
5060
|
const latestMessage = this.messages[0];
|
|
5052
|
-
this.messages
|
|
5061
|
+
const latestQuery = this.messages[1];
|
|
5062
|
+
const messages = [
|
|
5053
5063
|
{
|
|
5054
5064
|
...latestMessage,
|
|
5055
5065
|
message: messageData.message || '',
|
|
@@ -5058,8 +5068,14 @@ class ShopGPT extends r$2 {
|
|
|
5058
5068
|
sender: 'bot',
|
|
5059
5069
|
isChunk: false,
|
|
5060
5070
|
},
|
|
5061
|
-
...this.messages.slice(1),
|
|
5062
5071
|
];
|
|
5072
|
+
if (latestQuery) {
|
|
5073
|
+
messages.push({
|
|
5074
|
+
...latestQuery,
|
|
5075
|
+
messageId: messageData.queryMessageId,
|
|
5076
|
+
});
|
|
5077
|
+
}
|
|
5078
|
+
this.messages = [...messages, ...this.messages.slice(latestQuery ? 2 : 1)];
|
|
5063
5079
|
}
|
|
5064
5080
|
handleProductsComplete(products, isMessageCompleted) {
|
|
5065
5081
|
if (!products || !isMessageCompleted) {
|
|
@@ -5135,7 +5151,7 @@ class ShopGPT extends r$2 {
|
|
|
5135
5151
|
submitFeedback(e) {
|
|
5136
5152
|
e.stopPropagation();
|
|
5137
5153
|
this.shopGPTAPI
|
|
5138
|
-
.saveFeedback(e.detail.messageId, e.detail.threadId, e.detail.feedback)
|
|
5154
|
+
.saveFeedback(e.detail.messageId, e.detail.queryMessageId, e.detail.threadId, e.detail.feedback)
|
|
5139
5155
|
.then(() => {
|
|
5140
5156
|
const messages = this.messages;
|
|
5141
5157
|
const messageIndex = messages.findIndex(({ messageId }) => messageId === e.detail.messageId);
|