@empathyco/x-components 6.1.4 → 6.2.0
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/CHANGELOG.md +15 -0
- package/ai/index.js +0 -1
- package/core/index.js.map +1 -1
- package/docs/API-reference/api/x-components.aicarousel.md +24 -28
- package/docs/API-reference/api/x-components.aimutations.md +1 -58
- package/docs/API-reference/api/x-components.aimutations.setexcludedresultids.md +1 -1
- package/docs/API-reference/api/x-components.aistate.md +0 -55
- package/docs/API-reference/api/x-components.aixevents.md +3 -3
- package/docs/API-reference/api/{x-components.aixevents.userclickedaioverviewexpandbutton.md → x-components.aixevents.userclickedanaicarouseladd2cart.md} +3 -3
- package/docs/API-reference/api/{x-components.aixevents.userclickedanaioverviewresult.md → x-components.aixevents.userclickedanaicarouselresult.md} +3 -3
- package/docs/API-reference/api/x-components.hierarchicalfilter.md +2 -2
- package/docs/API-reference/api/x-components.md +0 -9
- package/docs/API-reference/api/x-components.simplefilter.md +2 -2
- package/docs/API-reference/api/x-components.snippetcallbacks.md +2 -2
- package/docs/API-reference/components/ai/x-components.ai-carousel.md +9 -7
- package/docs/API-reference/components/ai/x-components.ai-grouped-carousel.md +25 -0
- package/docs/API-reference/components/common/x-components.display-click-provider.md +1 -1
- package/js/components/display-click-provider.vue.js +3 -3
- package/js/components/display-click-provider.vue.js.map +1 -1
- package/js/components/icons/spinner.vue.js +2 -2
- package/js/index.js +0 -1
- package/js/index.js.map +1 -1
- package/js/x-modules/ai/components/ai-carousel.vue.js +121 -66
- package/js/x-modules/ai/components/ai-carousel.vue.js.map +1 -1
- package/js/x-modules/ai/components/ai-carousel.vue2.js +18 -17
- package/js/x-modules/ai/components/ai-carousel.vue2.js.map +1 -1
- package/js/x-modules/ai/components/ai-carousel.vue3.js +1 -1
- package/js/x-modules/ai/components/ai-grouped-carousel.vue.js +68 -0
- package/js/x-modules/ai/components/ai-grouped-carousel.vue.js.map +1 -0
- package/js/x-modules/ai/components/{ai-overview.vue2.js → ai-grouped-carousel.vue2.js} +24 -86
- package/js/x-modules/ai/components/ai-grouped-carousel.vue2.js.map +1 -0
- package/js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.js +2 -10
- package/js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.js.map +1 -1
- package/js/x-modules/ai/store/module.js +6 -18
- package/js/x-modules/ai/store/module.js.map +1 -1
- package/js/x-modules/tagging/wiring.js +2 -2
- package/js/x-modules/tagging/wiring.js.map +1 -1
- package/package.json +2 -3
- package/report/x-components.api.json +102 -709
- package/report/x-components.api.md +37 -128
- package/types/src/components/snippet-callbacks.vue.d.ts +2 -2
- package/types/src/x-modules/ai/components/ai-carousel.vue.d.ts +24 -28
- package/types/src/x-modules/ai/components/ai-carousel.vue.d.ts.map +1 -1
- package/types/src/x-modules/ai/components/ai-grouped-carousel.vue.d.ts +19 -0
- package/types/src/x-modules/ai/components/ai-grouped-carousel.vue.d.ts.map +1 -0
- package/types/src/x-modules/ai/components/index.d.ts +0 -1
- package/types/src/x-modules/ai/components/index.d.ts.map +1 -1
- package/types/src/x-modules/ai/events.types.d.ts +2 -2
- package/types/src/x-modules/ai/events.types.d.ts.map +1 -1
- package/types/src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.d.ts.map +1 -1
- package/types/src/x-modules/ai/store/module.d.ts.map +1 -1
- package/types/src/x-modules/ai/store/types.d.ts +6 -29
- package/types/src/x-modules/ai/store/types.d.ts.map +1 -1
- package/types/src/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts +2 -2
- package/types/src/x-modules/facets/components/filters/simple-filter.vue.d.ts +2 -2
- package/types/src/x-modules/tagging/wiring.d.ts +2 -2
- package/docs/API-reference/api/x-components.aimutations.setisnoresults.md +0 -13
- package/docs/API-reference/api/x-components.aimutations.setresponsetext.md +0 -13
- package/docs/API-reference/api/x-components.aimutations.setsuggestiontext.md +0 -13
- package/docs/API-reference/api/x-components.aioverview.md +0 -88
- package/docs/API-reference/api/x-components.aistate.isnoresults.md +0 -13
- package/docs/API-reference/api/x-components.aistate.responsetext.md +0 -13
- package/docs/API-reference/api/x-components.aistate.suggestiontext.md +0 -11
- package/docs/API-reference/components/ai/x-components.ai-overview.md +0 -96
- package/js/x-modules/ai/components/ai-overview.vue.js +0 -267
- package/js/x-modules/ai/components/ai-overview.vue.js.map +0 -1
- package/js/x-modules/ai/components/ai-overview.vue2.js.map +0 -1
- package/js/x-modules/ai/components/ai-overview.vue3.js +0 -7
- package/js/x-modules/ai/components/ai-overview.vue3.js.map +0 -1
- package/types/src/x-modules/ai/components/ai-overview.vue.d.ts +0 -81
- package/types/src/x-modules/ai/components/ai-overview.vue.d.ts.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,21 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [6.2.0](https://github.com/empathyco/x/compare/@empathyco/x-components@6.1.4...@empathyco/x-components@6.2.0) (2026-05-11)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* **ai:** extract ai-grouped-carousel component and refactor ai-carousel component
|
|
11
|
+
|
|
12
|
+
### Code Refactoring
|
|
13
|
+
|
|
14
|
+
* **ai-carousel:** simplify markup and remove redundant wrapper container
|
|
15
|
+
* **ai:** types
|
|
16
|
+
* clean up AI carousel props and simplify `excludeOptions` state handling
|
|
17
|
+
* remove `ai-overview` component, tests, and related integration
|
|
18
|
+
* remove unused AI module state properties, mutations, and related tests
|
|
19
|
+
|
|
20
|
+
|
|
6
21
|
## [6.1.4](https://github.com/empathyco/x/compare/@empathyco/x-components@6.1.3...@empathyco/x-components@6.1.4) (2026-05-11)
|
|
7
22
|
|
|
8
23
|
**Note:** Version bump only for package @empathyco/x-components
|
package/ai/index.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { default as AiCarousel } from '../js/x-modules/ai/components/ai-carousel.vue.js';
|
|
2
|
-
export { default as AiOverview } from '../js/x-modules/ai/components/ai-overview.vue.js';
|
|
3
2
|
export { fetchAndSaveAiSuggestionsSearch } from '../js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.js';
|
|
4
3
|
export { fetchAndSaveAiSuggestions } from '../js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.js';
|
|
5
4
|
export { saveOrigin as saveAiOrigin } from '../js/x-modules/ai/store/actions/save-origin.action.js';
|
package/core/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -8,21 +8,16 @@
|
|
|
8
8
|
|
|
9
9
|
```typescript
|
|
10
10
|
_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
11
|
-
title:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
type: StringConstructor;
|
|
19
|
-
};
|
|
20
|
-
slidingPanelButtonsClasses: {
|
|
21
|
-
type: StringConstructor;
|
|
11
|
+
title: StringConstructor;
|
|
12
|
+
slidingPanelClasses: StringConstructor;
|
|
13
|
+
slidingPanelContainerClasses: StringConstructor;
|
|
14
|
+
slidingPanelButtonsClasses: StringConstructor;
|
|
15
|
+
group: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
22
18
|
};
|
|
23
19
|
}>, {
|
|
24
20
|
emptyTaggingRequest: TaggingRequest;
|
|
25
|
-
isNoResults: import("vue").ComputedRef<boolean>;
|
|
26
21
|
isTitleOverflowing: import("vue").Ref<boolean, boolean>;
|
|
27
22
|
queries: import("vue").ComputedRef<import("@empathyco/x-types").AiSuggestionQuery[]>;
|
|
28
23
|
query: import("vue").ComputedRef<string>;
|
|
@@ -33,25 +28,26 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
|
33
28
|
titleRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
|
|
34
29
|
toggleTitleExpansion: () => void;
|
|
35
30
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
36
|
-
title:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
|
|
31
|
+
title: StringConstructor;
|
|
32
|
+
slidingPanelClasses: StringConstructor;
|
|
33
|
+
slidingPanelContainerClasses: StringConstructor;
|
|
34
|
+
slidingPanelButtonsClasses: StringConstructor;
|
|
35
|
+
group: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
}>> & Readonly<{}>, {
|
|
40
|
+
group: boolean;
|
|
41
|
+
}, {}, {
|
|
42
|
+
AIStarIcon: import("vue").DefineComponent<{}, {}, any>;
|
|
43
|
+
AiGroupedCarousel: import("vue").DefineComponent<{}, {}, any>;
|
|
44
|
+
ArrowRightIcon: import("vue").DefineComponent<{}, {}, any>;
|
|
45
|
+
BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
|
|
49
46
|
ChangeHeight: import("vue").DefineComponent<{}, {}, any>;
|
|
47
|
+
ChevronDownIcon: import("vue").DefineComponent<{}, {}, any>;
|
|
48
|
+
CollapseHeight: import("vue").DefineComponent<{}, {}, any>;
|
|
50
49
|
DisplayClickProvider: import("vue").DefineComponent<{}, {}, any>;
|
|
51
50
|
DisplayEmitter: import("vue").DefineComponent<{}, {}, any>;
|
|
52
|
-
CollapseHeight: import("vue").DefineComponent<{}, {}, any>;
|
|
53
|
-
AIStarIcon: import("vue").DefineComponent<{}, {}, any>;
|
|
54
|
-
ChevronDownIcon: import("vue").DefineComponent<{}, {}, any>;
|
|
55
51
|
SlidingPanel: import("vue").DefineComponent<{}, {}, any>;
|
|
56
52
|
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
|
|
57
53
|
```
|
|
@@ -89,26 +89,7 @@ Sets the related tags of the module.
|
|
|
89
89
|
|
|
90
90
|
</td><td>
|
|
91
91
|
|
|
92
|
-
Sets the result ids to exclude from the
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
</td></tr>
|
|
96
|
-
<tr><td>
|
|
97
|
-
|
|
98
|
-
[setIsNoResults](./x-components.aimutations.setisnoresults.md)
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
</td><td>
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
</td><td>
|
|
105
|
-
|
|
106
|
-
(isNoResults: boolean) => void
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
</td><td>
|
|
110
|
-
|
|
111
|
-
Sets the no results flag of the module.
|
|
92
|
+
Sets the result ids to exclude from the suggestion search response.
|
|
112
93
|
|
|
113
94
|
|
|
114
95
|
</td></tr>
|
|
@@ -168,25 +149,6 @@ Sets the extra params of the module.
|
|
|
168
149
|
Sets the queries from the streamed response.
|
|
169
150
|
|
|
170
151
|
|
|
171
|
-
</td></tr>
|
|
172
|
-
<tr><td>
|
|
173
|
-
|
|
174
|
-
[setResponseText](./x-components.aimutations.setresponsetext.md)
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
</td><td>
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
</td><td>
|
|
181
|
-
|
|
182
|
-
(responseText: string) => void
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
</td><td>
|
|
186
|
-
|
|
187
|
-
Sets the responseText from the streamed response.
|
|
188
|
-
|
|
189
|
-
|
|
190
152
|
</td></tr>
|
|
191
153
|
<tr><td>
|
|
192
154
|
|
|
@@ -282,25 +244,6 @@ Sets the status for the suggestions search response.
|
|
|
282
244
|
Sets the status for the suggestions response.
|
|
283
245
|
|
|
284
246
|
|
|
285
|
-
</td></tr>
|
|
286
|
-
<tr><td>
|
|
287
|
-
|
|
288
|
-
[setSuggestionText](./x-components.aimutations.setsuggestiontext.md)
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
</td><td>
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
</td><td>
|
|
295
|
-
|
|
296
|
-
(suggestionText: string) => void
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
</td><td>
|
|
300
|
-
|
|
301
|
-
Sets the suggestionText from the streamed response.
|
|
302
|
-
|
|
303
|
-
|
|
304
247
|
</td></tr>
|
|
305
248
|
<tr><td>
|
|
306
249
|
|
|
@@ -69,25 +69,6 @@ Description
|
|
|
69
69
|
</td><td>
|
|
70
70
|
|
|
71
71
|
|
|
72
|
-
</td></tr>
|
|
73
|
-
<tr><td>
|
|
74
|
-
|
|
75
|
-
[isNoResults](./x-components.aistate.isnoresults.md)
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
</td><td>
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
</td><td>
|
|
82
|
-
|
|
83
|
-
boolean
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
</td><td>
|
|
87
|
-
|
|
88
|
-
Flag to indicate that the AI response has no results
|
|
89
|
-
|
|
90
|
-
|
|
91
72
|
</td></tr>
|
|
92
73
|
<tr><td>
|
|
93
74
|
|
|
@@ -162,25 +143,6 @@ RelatedTag\[\]
|
|
|
162
143
|
The list of the related tags, related to the `query` property of the state.
|
|
163
144
|
|
|
164
145
|
|
|
165
|
-
</td></tr>
|
|
166
|
-
<tr><td>
|
|
167
|
-
|
|
168
|
-
[responseText](./x-components.aistate.responsetext.md)
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
</td><td>
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
</td><td>
|
|
175
|
-
|
|
176
|
-
string
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
</td><td>
|
|
180
|
-
|
|
181
|
-
The streamed field from suggestion response.
|
|
182
|
-
|
|
183
|
-
|
|
184
146
|
</td></tr>
|
|
185
147
|
<tr><td>
|
|
186
148
|
|
|
@@ -276,23 +238,6 @@ Status for the suggestions search response
|
|
|
276
238
|
Status for the suggestions response
|
|
277
239
|
|
|
278
240
|
|
|
279
|
-
</td></tr>
|
|
280
|
-
<tr><td>
|
|
281
|
-
|
|
282
|
-
[suggestionText](./x-components.aistate.suggestiontext.md)
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
</td><td>
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
</td><td>
|
|
289
|
-
|
|
290
|
-
string
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
</td><td>
|
|
294
|
-
|
|
295
|
-
|
|
296
241
|
</td></tr>
|
|
297
242
|
<tr><td>
|
|
298
243
|
|
|
@@ -105,7 +105,7 @@ AiSuggestionsSearchRequest \| null
|
|
|
105
105
|
</td></tr>
|
|
106
106
|
<tr><td>
|
|
107
107
|
|
|
108
|
-
[
|
|
108
|
+
[UserClickedAnAiCarouselAdd2Cart](./x-components.aixevents.userclickedanaicarouseladd2cart.md)
|
|
109
109
|
|
|
110
110
|
|
|
111
111
|
</td><td>
|
|
@@ -113,7 +113,7 @@ AiSuggestionsSearchRequest \| null
|
|
|
113
113
|
|
|
114
114
|
</td><td>
|
|
115
115
|
|
|
116
|
-
|
|
116
|
+
Result
|
|
117
117
|
|
|
118
118
|
|
|
119
119
|
</td><td>
|
|
@@ -122,7 +122,7 @@ boolean
|
|
|
122
122
|
</td></tr>
|
|
123
123
|
<tr><td>
|
|
124
124
|
|
|
125
|
-
[
|
|
125
|
+
[UserClickedAnAiCarouselResult](./x-components.aixevents.userclickedanaicarouselresult.md)
|
|
126
126
|
|
|
127
127
|
|
|
128
128
|
</td><td>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
2
|
|
|
3
|
-
[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [AiXEvents](./x-components.aixevents.md) > [
|
|
3
|
+
[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [AiXEvents](./x-components.aixevents.md) > [UserClickedAnAiCarouselAdd2Cart](./x-components.aixevents.userclickedanaicarouseladd2cart.md)
|
|
4
4
|
|
|
5
|
-
## AiXEvents.
|
|
5
|
+
## AiXEvents.UserClickedAnAiCarouselAdd2Cart property
|
|
6
6
|
|
|
7
7
|
**Signature:**
|
|
8
8
|
|
|
9
9
|
```typescript
|
|
10
|
-
|
|
10
|
+
UserClickedAnAiCarouselAdd2Cart: Result;
|
|
11
11
|
```
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
2
|
|
|
3
|
-
[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [AiXEvents](./x-components.aixevents.md) > [
|
|
3
|
+
[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [AiXEvents](./x-components.aixevents.md) > [UserClickedAnAiCarouselResult](./x-components.aixevents.userclickedanaicarouselresult.md)
|
|
4
4
|
|
|
5
|
-
## AiXEvents.
|
|
5
|
+
## AiXEvents.UserClickedAnAiCarouselResult property
|
|
6
6
|
|
|
7
7
|
**Signature:**
|
|
8
8
|
|
|
9
9
|
```typescript
|
|
10
|
-
|
|
10
|
+
UserClickedAnAiCarouselResult: Result;
|
|
11
11
|
```
|
|
@@ -198,8 +198,8 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
|
198
198
|
AiSuggestionsRequestUpdated?: import("@empathyco/x-types").AiSuggestionsRequest | null | undefined;
|
|
199
199
|
AiSuggestionsSearchRequestUpdated?: import("@empathyco/x-types").AiSuggestionsSearchRequest | null | undefined;
|
|
200
200
|
AiSuggestionsSearchChanged?: import("@empathyco/x-types").AiSuggestionSearch[] | undefined;
|
|
201
|
-
|
|
202
|
-
|
|
201
|
+
UserClickedAnAiCarouselResult?: import("@empathyco/x-types").Result | undefined;
|
|
202
|
+
UserClickedAnAiCarouselAdd2Cart?: import("@empathyco/x-types").Result | undefined;
|
|
203
203
|
AiComponentMounted?: void | undefined;
|
|
204
204
|
}>;
|
|
205
205
|
innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
|
|
@@ -3597,15 +3597,6 @@ Saves the selectedQueryPreview query into the history queries.
|
|
|
3597
3597
|
</td><td>
|
|
3598
3598
|
|
|
3599
3599
|
|
|
3600
|
-
</td></tr>
|
|
3601
|
-
<tr><td>
|
|
3602
|
-
|
|
3603
|
-
[AiOverview](./x-components.aioverview.md)
|
|
3604
|
-
|
|
3605
|
-
|
|
3606
|
-
</td><td>
|
|
3607
|
-
|
|
3608
|
-
|
|
3609
3600
|
</td></tr>
|
|
3610
3601
|
<tr><td>
|
|
3611
3602
|
|
|
@@ -195,8 +195,8 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
|
195
195
|
AiSuggestionsRequestUpdated?: import("@empathyco/x-types").AiSuggestionsRequest | null | undefined;
|
|
196
196
|
AiSuggestionsSearchRequestUpdated?: import("@empathyco/x-types").AiSuggestionsSearchRequest | null | undefined;
|
|
197
197
|
AiSuggestionsSearchChanged?: import("@empathyco/x-types").AiSuggestionSearch[] | undefined;
|
|
198
|
-
|
|
199
|
-
|
|
198
|
+
UserClickedAnAiCarouselResult?: import("@empathyco/x-types").Result | undefined;
|
|
199
|
+
UserClickedAnAiCarouselAdd2Cart?: import("@empathyco/x-types").Result | undefined;
|
|
200
200
|
AiComponentMounted?: void | undefined;
|
|
201
201
|
}>;
|
|
202
202
|
innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
|
|
@@ -185,8 +185,8 @@ _default: import("vue").DefineComponent<{}, {
|
|
|
185
185
|
AiSuggestionsRequestUpdated: (payload: import("@empathyco/x-types").AiSuggestionsRequest | null, metadata: WireMetadata) => unknown;
|
|
186
186
|
AiSuggestionsSearchRequestUpdated: (payload: import("@empathyco/x-types").AiSuggestionsSearchRequest | null, metadata: WireMetadata) => unknown;
|
|
187
187
|
AiSuggestionsSearchChanged: (payload: import("@empathyco/x-types").AiSuggestionSearch[], metadata: WireMetadata) => unknown;
|
|
188
|
-
|
|
189
|
-
|
|
188
|
+
UserClickedAnAiCarouselResult: (payload: import("@empathyco/x-types").Result, metadata: WireMetadata) => unknown;
|
|
189
|
+
UserClickedAnAiCarouselAdd2Cart: (payload: import("@empathyco/x-types").Result, metadata: WireMetadata) => unknown;
|
|
190
190
|
AiComponentMounted: (payload: undefined, metadata: WireMetadata) => unknown;
|
|
191
191
|
}>>;
|
|
192
192
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
|
|
@@ -8,21 +8,23 @@ title: AiCarousel
|
|
|
8
8
|
|
|
9
9
|
## Props
|
|
10
10
|
|
|
11
|
-
| Name | Description | Type
|
|
12
|
-
| ----------------------------------------- | ----------- |
|
|
13
|
-
| <code>title</code> | | <code>string</code>
|
|
14
|
-
| <code>slidingPanelClasses</code> | | <code>string</code>
|
|
15
|
-
| <code>slidingPanelContainerClasses</code> | | <code>string</code>
|
|
16
|
-
| <code>slidingPanelButtonsClasses</code> | | <code>string</code>
|
|
11
|
+
| Name | Description | Type | Default |
|
|
12
|
+
| ----------------------------------------- | ----------- | -------------------- | ----------------- |
|
|
13
|
+
| <code>title</code> | | <code>string</code> | <code></code> |
|
|
14
|
+
| <code>slidingPanelClasses</code> | | <code>string</code> | <code></code> |
|
|
15
|
+
| <code>slidingPanelContainerClasses</code> | | <code>string</code> | <code></code> |
|
|
16
|
+
| <code>slidingPanelButtonsClasses</code> | | <code>string</code> | <code></code> |
|
|
17
|
+
| <code>group</code> | | <code>boolean</code> | <code>true</code> |
|
|
17
18
|
|
|
18
19
|
## Slots
|
|
19
20
|
|
|
20
21
|
| Name | Description | Bindings<br />(name - type - description) |
|
|
21
22
|
| ---------------------------------------- | ---------------------- | ----------------------------------------- |
|
|
22
|
-
| <code>sliding-panel</code> | | <br /> |
|
|
23
23
|
| <code>sliding-panels-addons</code> | | |
|
|
24
24
|
| <code>sliding-panels-left-button</code> | | None |
|
|
25
25
|
| <code>sliding-panels-right-button</code> | | None |
|
|
26
26
|
| <code>result</code> | (required) result card | |
|
|
27
|
+
| <code>sliding-panel</code> | | |
|
|
28
|
+
| <code>suggestions-extra-content</code> | | None |
|
|
27
29
|
| <code>extra-content</code> | | None |
|
|
28
30
|
| <code>cta-button</code> | | None |
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
|
|
3
|
+
title: AiGroupedCarousel
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# AiGroupedCarousel
|
|
8
|
+
|
|
9
|
+
## Props
|
|
10
|
+
|
|
11
|
+
| Name | Description | Type | Default |
|
|
12
|
+
| ----------------------------------------- | ----------- | ------------------- | ------------- |
|
|
13
|
+
| <code>title</code> | | <code>string</code> | <code></code> |
|
|
14
|
+
| <code>slidingPanelClasses</code> | | <code>string</code> | <code></code> |
|
|
15
|
+
| <code>slidingPanelContainerClasses</code> | | <code>string</code> | <code></code> |
|
|
16
|
+
| <code>slidingPanelButtonsClasses</code> | | <code>string</code> | <code></code> |
|
|
17
|
+
|
|
18
|
+
## Slots
|
|
19
|
+
|
|
20
|
+
| Name | Description | Bindings<br />(name - type - description) |
|
|
21
|
+
| ---------------------------------------- | ---------------------- | ----------------------------------------- |
|
|
22
|
+
| <code>sliding-panels-addons</code> | | |
|
|
23
|
+
| <code>sliding-panels-left-button</code> | | None |
|
|
24
|
+
| <code>sliding-panels-right-button</code> | | None |
|
|
25
|
+
| <code>result</code> | (required) result card | |
|
|
@@ -24,7 +24,7 @@ The `DisplayClickProvider` component is used to provide context and event metada
|
|
|
24
24
|
|
|
25
25
|
```vue
|
|
26
26
|
<template>
|
|
27
|
-
<DisplayClickProvider :resultFeature="'
|
|
27
|
+
<DisplayClickProvider :resultFeature="'related_prompts'">
|
|
28
28
|
<ResultCard :result="result" />
|
|
29
29
|
</DisplayClickProvider>
|
|
30
30
|
</template>
|
|
@@ -46,11 +46,11 @@ var _sfc_main = defineComponent({
|
|
|
46
46
|
}));
|
|
47
47
|
const resultAddToCartExtraEventsMap = {
|
|
48
48
|
related_prompts: 'UserClickedARelatedPromptAdd2Cart',
|
|
49
|
-
|
|
49
|
+
ai_carousel: 'UserClickedAnAiCarouselAdd2Cart',
|
|
50
50
|
};
|
|
51
51
|
const resultClickExtraEventsMap = {
|
|
52
52
|
related_prompts: 'UserClickedARelatedPromptResult',
|
|
53
|
-
|
|
53
|
+
ai_carousel: 'UserClickedAnAiCarouselResult',
|
|
54
54
|
};
|
|
55
55
|
provide('resultAddToCartExtraEvents', [resultAddToCartExtraEventsMap[props.resultFeature]]);
|
|
56
56
|
provide('resultAddToCartExtraEventsMetadata', {
|
|
@@ -62,7 +62,7 @@ var _sfc_main = defineComponent({
|
|
|
62
62
|
]);
|
|
63
63
|
provide('resultLinkMetadataPerEvent', {
|
|
64
64
|
UserClickedARelatedPromptResult: displayClickMetadata.value,
|
|
65
|
-
|
|
65
|
+
UserClickedAnAiCarouselResult: displayClickMetadata.value,
|
|
66
66
|
UserClickedADisplayResult: displayClickMetadata.value,
|
|
67
67
|
...(props.ignoreResultClickEvent && {
|
|
68
68
|
UserClickedAResult: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"display-click-provider.vue.js","sources":["../../../src/components/display-click-provider.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { TaggingRequest } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\n\nimport type { ResultFeature } from '../types/index'\nimport type { DisplayWireMetadata } from '../wiring/index'\nimport { computed, defineComponent, provide } from 'vue'\nimport { use$x } from '../composables/index'\n\nexport default defineComponent({\n name: 'DisplayClickProvider',\n props: {\n resultFeature: {\n type: String as PropType<ResultFeature>,\n required: true,\n },\n ignoreResultClickEvent: {\n type: Boolean,\n default: false,\n },\n toolingDisplayTagging: {\n type: Object as PropType<TaggingRequest>,\n required: false,\n default: undefined,\n },\n toolingAdd2CartTagging: {\n type: Object as PropType<TaggingRequest>,\n required: false,\n default: undefined,\n },\n queryTagging: {\n type: Object as PropType<TaggingRequest>,\n required: false,\n default: undefined,\n },\n },\n setup(props, { slots }) {\n const x = use$x()\n\n const displayClickMetadata = computed<Partial<DisplayWireMetadata>>(() => ({\n displayOriginalQuery: x.query.search,\n feature: props.resultFeature,\n queryTagging: props.queryTagging,\n toolingTagging: props.toolingDisplayTagging,\n toolingAdd2CartTagging: props.toolingAdd2CartTagging,\n }))\n\n const resultAddToCartExtraEventsMap: Partial<Record<ResultFeature, string>> = {\n related_prompts: 'UserClickedARelatedPromptAdd2Cart',\n
|
|
1
|
+
{"version":3,"file":"display-click-provider.vue.js","sources":["../../../src/components/display-click-provider.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { TaggingRequest } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\n\nimport type { ResultFeature } from '../types/index'\nimport type { DisplayWireMetadata } from '../wiring/index'\nimport { computed, defineComponent, provide } from 'vue'\nimport { use$x } from '../composables/index'\n\nexport default defineComponent({\n name: 'DisplayClickProvider',\n props: {\n resultFeature: {\n type: String as PropType<ResultFeature>,\n required: true,\n },\n ignoreResultClickEvent: {\n type: Boolean,\n default: false,\n },\n toolingDisplayTagging: {\n type: Object as PropType<TaggingRequest>,\n required: false,\n default: undefined,\n },\n toolingAdd2CartTagging: {\n type: Object as PropType<TaggingRequest>,\n required: false,\n default: undefined,\n },\n queryTagging: {\n type: Object as PropType<TaggingRequest>,\n required: false,\n default: undefined,\n },\n },\n setup(props, { slots }) {\n const x = use$x()\n\n const displayClickMetadata = computed<Partial<DisplayWireMetadata>>(() => ({\n displayOriginalQuery: x.query.search,\n feature: props.resultFeature,\n queryTagging: props.queryTagging,\n toolingTagging: props.toolingDisplayTagging,\n toolingAdd2CartTagging: props.toolingAdd2CartTagging,\n }))\n\n const resultAddToCartExtraEventsMap: Partial<Record<ResultFeature, string>> = {\n related_prompts: 'UserClickedARelatedPromptAdd2Cart',\n ai_carousel: 'UserClickedAnAiCarouselAdd2Cart',\n }\n\n const resultClickExtraEventsMap: Partial<Record<ResultFeature, string>> = {\n related_prompts: 'UserClickedARelatedPromptResult',\n ai_carousel: 'UserClickedAnAiCarouselResult',\n }\n\n provide('resultAddToCartExtraEvents', [resultAddToCartExtraEventsMap[props.resultFeature]])\n provide('resultAddToCartExtraEventsMetadata', {\n toolingAdd2CartTagging: props.toolingAdd2CartTagging,\n })\n\n provide('resultClickExtraEvents', [\n resultClickExtraEventsMap[props.resultFeature],\n 'UserClickedADisplayResult',\n ])\n provide('resultLinkMetadataPerEvent', {\n UserClickedARelatedPromptResult: displayClickMetadata.value,\n UserClickedAnAiCarouselResult: displayClickMetadata.value,\n UserClickedADisplayResult: displayClickMetadata.value,\n ...(props.ignoreResultClickEvent && {\n UserClickedAResult: {\n ignoreInModules: ['tagging'],\n },\n }),\n })\n\n return () => slots.default?.()[0] ?? ''\n },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Usage\n\nThe `DisplayClickProvider` component is used to provide context and event metadata for display result clicks and add-to-cart actions. It should wrap the content that needs to access these events and metadata via Vue's provide/inject mechanism.\n\n### Basic example\n\n```vue\n<template>\n <DisplayClickProvider :resultFeature=\"'related_prompts'\">\n <ResultCard :result=\"result\" />\n </DisplayClickProvider>\n</template>\n\n<script setup>\nimport { DisplayClickProvider } from '@empathyco/x-components'\nimport ResultCard from './ResultCard.vue'\nconst result = {\n /* ...result data... */\n}\n</script>\n```\n\n### With tagging and ignoring result click event\n\n```vue\n<template>\n <DisplayClickProvider\n :resultFeature=\"'related_prompts'\"\n :toolingDisplayTagging=\"displayTagging\"\n :toolingAdd2CartTagging=\"add2CartTagging\"\n :queryTagging=\"queryTagging\"\n :ignoreResultClickEvent=\"true\"\n >\n <ResultCard :result=\"result\" />\n </DisplayClickProvider>\n</template>\n\n<script setup>\nimport { DisplayClickProvider } from '@empathyco/x-components'\nimport ResultCard from './ResultCard.vue'\nconst result = {\n /* ...result data... */\n}\nconst displayTagging = {\n /* ...tagging data... */\n}\nconst add2CartTagging = {\n /* ...tagging data... */\n}\nconst queryTagging = {\n /* ...tagging data... */\n}\n</script>\n```\n\n### Notes\n\n- The component uses Vue 3's provide/inject API and is intended for use in Vue 3 projects.\n- All props are reactive and can be updated dynamically.\n- The default slot is required and should contain the content that will use the provided context.\n</docs>\n"],"names":[],"mappings":";;;;;;;;;;AASA,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,sBAAsB;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,aAAa,EAAE;AACb,YAAA,IAAI,EAAE,MAAiC;AACvC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,sBAAsB,EAAE;AACtB,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD,QAAA,qBAAqB,EAAE;AACrB,YAAA,IAAI,EAAE,MAAkC;AACxC,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,sBAAsB,EAAE;AACtB,YAAA,IAAI,EAAE,MAAkC;AACxC,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAkC;AACxC,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAI,EAAG,EAAA;AACpB,QAAA,MAAM,CAAA,GAAI,KAAK,EAAC;AAEhB,QAAA,MAAM,oBAAmB,GAAI,QAAQ,CAA+B,OAAO;AACzE,YAAA,oBAAoB,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM;YACpC,OAAO,EAAE,KAAK,CAAC,aAAa;YAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,cAAc,EAAE,KAAK,CAAC,qBAAqB;YAC3C,sBAAsB,EAAE,KAAK,CAAC,sBAAsB;AACrD,SAAA,CAAC,CAAA;AAEF,QAAA,MAAM,6BAA6B,GAA2C;AAC5E,YAAA,eAAe,EAAE,mCAAmC;AACpD,YAAA,WAAW,EAAE,iCAAiC;SAChD;AAEA,QAAA,MAAM,yBAAyB,GAA2C;AACxE,YAAA,eAAe,EAAE,iCAAiC;AAClD,YAAA,WAAW,EAAE,+BAA+B;SAC9C;AAEA,QAAA,OAAO,CAAC,4BAA4B,EAAE,CAAC,6BAA6B,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAA;QAC1F,OAAO,CAAC,oCAAoC,EAAE;YAC5C,sBAAsB,EAAE,KAAK,CAAC,sBAAsB;AACrD,SAAA,CAAA;QAED,OAAO,CAAC,wBAAwB,EAAE;AAChC,YAAA,yBAAyB,CAAC,KAAK,CAAC,aAAa,CAAC;YAC9C,2BAA2B;AAC5B,SAAA,CAAA;QACD,OAAO,CAAC,4BAA4B,EAAE;YACpC,+BAA+B,EAAE,oBAAoB,CAAC,KAAK;YAC3D,6BAA6B,EAAE,oBAAoB,CAAC,KAAK;YACzD,yBAAyB,EAAE,oBAAoB,CAAC,KAAK;AACrD,YAAA,IAAI,KAAK,CAAC,sBAAqB,IAAK;AAClC,gBAAA,kBAAkB,EAAE;oBAClB,eAAe,EAAE,CAAC,SAAS,CAAC;AAC7B,iBAAA;aACF,CAAC;AACH,SAAA,CAAA;AAED,QAAA,OAAO,MAAM,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA,IAAK,EAAC;IACxC,CAAC;AACF,CAAA,CAAA;;;;"}
|
|
@@ -14,7 +14,7 @@ function _sfc_render(_ctx, _cache) {
|
|
|
14
14
|
createStaticVNode("<g><path d=\"M8 1.33301V3.99967\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M8 12V14.6667\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M3.28662 3.28613L5.17329 5.1728\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M10.8267 10.8271L12.7133 12.7138\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M1.33337 8H4.00004\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M12 8H14.6667\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M3.28662 12.7138L5.17329 10.8271\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M10.8267 5.1728L12.7133 3.28613\" stroke=\"currentColor\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></g>", 1)
|
|
15
15
|
]))]))
|
|
16
16
|
}
|
|
17
|
-
var
|
|
17
|
+
var spinner = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
|
|
18
18
|
|
|
19
|
-
export {
|
|
19
|
+
export { spinner as default };
|
|
20
20
|
//# sourceMappingURL=spinner.vue.js.map
|
package/js/index.js
CHANGED
|
@@ -201,7 +201,6 @@ export { BaseXPriorityQueue, BaseXPriorityQueueNode } from './x-bus/x-priority-q
|
|
|
201
201
|
export { BaseXAPI } from './x-installer/api/base-api.js';
|
|
202
202
|
export { XInstaller } from './x-installer/x-installer.js';
|
|
203
203
|
export { default as AiCarousel } from './x-modules/ai/components/ai-carousel.vue.js';
|
|
204
|
-
export { default as AiOverview } from './x-modules/ai/components/ai-overview.vue.js';
|
|
205
204
|
export { fetchAndSaveAiSuggestionsSearch } from './x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.js';
|
|
206
205
|
export { fetchAndSaveAiSuggestions } from './x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.js';
|
|
207
206
|
export { saveOrigin as saveAiOrigin } from './x-modules/ai/store/actions/save-origin.action.js';
|
package/js/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|