@stack-spot/ai-chat-widget 2.5.0 → 2.5.1
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 +7 -0
- package/dist/app-metadata.json +2 -2
- package/dist/components/form/DescribedRadioGroup.d.ts.map +1 -1
- package/dist/components/form/DescribedRadioGroup.js +8 -2
- package/dist/components/form/DescribedRadioGroup.js.map +1 -1
- package/package.json +1 -1
- package/src/app-metadata.json +2 -2
- package/src/components/form/DescribedRadioGroup.tsx +30 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.5.1](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget@v2.5.0...ai-chat-widget@v2.5.1) (2025-11-24)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* agent description ([#413](https://github.com/stack-spot/portal-ai-chat-widget/issues/413)) ([4ed568f](https://github.com/stack-spot/portal-ai-chat-widget/commit/4ed568f0f07e651a7e76f8a5c426c94fbb48d5fe))
|
|
9
|
+
|
|
3
10
|
## [2.5.0](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget@v2.4.2...ai-chat-widget@v2.5.0) (2025-11-24)
|
|
4
11
|
|
|
5
12
|
|
package/dist/app-metadata.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stack-spot/ai-chat-widget",
|
|
3
|
-
"version": "2.5.
|
|
4
|
-
"date": "Mon Nov 24 2025
|
|
3
|
+
"version": "2.5.1",
|
|
4
|
+
"date": "Mon Nov 24 2025 19:04:35 GMT+0000 (Coordinated Universal Time)",
|
|
5
5
|
"dependencies": [
|
|
6
6
|
{
|
|
7
7
|
"name": "@stack-spot/app-metadata",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescribedRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5D,UAAU,KAAK,CAAC,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb;;;;OAIG;IACH,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;KAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChH,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAQD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAC7G,aAAa,EAAE,WAAW,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"DescribedRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5D,UAAU,KAAK,CAAC,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb;;;;OAIG;IACH,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;KAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChH,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAQD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAC7G,aAAa,EAAE,WAAW,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,gIAiEvC"}
|
|
@@ -37,8 +37,9 @@ export function DescribedRadioGroup({ initialValue, options: opt, data, emptyDat
|
|
|
37
37
|
}, [opt]);
|
|
38
38
|
return options.length ? _jsxs(_Fragment, { children: [_jsxs(FieldGroup, { fullWidth: true, children: [_jsx(Icon, { icon: "Search" }), _jsx(Input, { type: "search", value: controls.filter, onChange: controls.setFilter })] }), _jsx(StyledDiv, { id: "agents-content", children: controls.options.length ?
|
|
39
39
|
_jsx(InfiniteScroll, { scrollableTarget: "agents-content", dataLength: controls.options.length, next: fetchNextPage ?? undefined, hasMore: hasNextPage ?? false, children: _jsx(RadioGroup, { options: controls.options, value: controls.value, onChange: controls.setValue, renderKey: controls.renderKey, className: "option-list", renderItem: (radio, o) => {
|
|
40
|
-
const
|
|
41
|
-
|
|
40
|
+
const item = data(o);
|
|
41
|
+
const { idOrSlug, listFavorites, onAddFavorite, onRemoveFavorite } = item;
|
|
42
|
+
return (_jsxs(Row, { className: controls.isUnfilteredButChecked(o) ? 'filtered-out' : '', children: [_jsx(ItemContent, { item: item, radio: radio }), onAddFavorite && _jsx(ButtonFavorite, { favorite: {
|
|
42
43
|
idOrSlug: idOrSlug,
|
|
43
44
|
listFavorites,
|
|
44
45
|
onAddFavorite: async (...args) => {
|
|
@@ -55,4 +56,9 @@ export function DescribedRadioGroup({ initialValue, options: opt, data, emptyDat
|
|
|
55
56
|
} }) })
|
|
56
57
|
: emptyResults })] }) : emptyDataset;
|
|
57
58
|
}
|
|
59
|
+
const ItemContent = ({ item, radio }) => {
|
|
60
|
+
const [expanded, setExpanded] = useState(false);
|
|
61
|
+
const { description, name, image } = item;
|
|
62
|
+
return _jsx(Accordion, { header: btn => _jsxs(_Fragment, { children: [radio, image && _jsx(ImageBox, { size: "xs", style: { fontSize: '16px' }, children: image }), _jsx(Text, { children: name }), btn] }), expanded: expanded, onChange: setExpanded, appearance: "card", children: expanded && _jsx(_Fragment, { children: typeof description === 'string' ? _jsx(Text, { appearance: "microtext1", color: "light.700", children: description }) : description }) });
|
|
63
|
+
};
|
|
58
64
|
//# sourceMappingURL=DescribedRadioGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescribedRadioGroup.js","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAC/H,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,cAAc,EAAY,MAAM,mBAAmB,CAAA;AAkB5D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAA;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAI,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAC7G,aAAa,EAAE,WAAW,EAAY;IACtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,QAAQ,GAAG,qBAAqB,CAAC;QACrC,YAAY;QACZ,OAAO;QACP,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;QACjG,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ;QAChC,QAAQ;KACT,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,KAAK,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS;YAAE,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IACjG,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;YAC3B,UAAU,CAAC,GAAG,CAAC,CAAA;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,8BACtB,MAAC,UAAU,IAAC,SAAS,mBACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,SAAS,GAAI,IAClE,EACb,KAAC,SAAS,IAAC,EAAE,EAAC,gBAAgB,YAC3B,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;oBACxB,KAAC,cAAc,IAAC,gBAAgB,EAAC,gBAAgB,EAC/C,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,EACnC,IAAI,EAAE,aAAoB,IAAI,SAAS,EACvC,OAAO,EAAE,WAAW,IAAI,KAAK,YAC7B,KAAC,UAAU,IACT,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,SAAS,EAAE,QAAQ,CAAC,SAAS,EAC7B,SAAS,EAAC,aAAa,EACvB,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gCACvB,MAAM,
|
|
1
|
+
{"version":3,"file":"DescribedRadioGroup.js","sourceRoot":"","sources":["../../../src/components/form/DescribedRadioGroup.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/app-metadata.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stack-spot/ai-chat-widget",
|
|
3
|
-
"version": "2.5.
|
|
4
|
-
"date": "Mon Nov 24 2025
|
|
3
|
+
"version": "2.5.1",
|
|
4
|
+
"date": "Mon Nov 24 2025 19:04:35 GMT+0000 (Coordinated Universal Time)",
|
|
5
5
|
"dependencies": [
|
|
6
6
|
{
|
|
7
7
|
"name": "@stack-spot/app-metadata",
|
|
@@ -73,19 +73,11 @@ export function DescribedRadioGroup<T>({ initialValue, options: opt, data, empty
|
|
|
73
73
|
renderKey={controls.renderKey}
|
|
74
74
|
className="option-list"
|
|
75
75
|
renderItem={(radio, o) => {
|
|
76
|
-
const
|
|
76
|
+
const item = data(o)
|
|
77
|
+
const { idOrSlug, listFavorites, onAddFavorite, onRemoveFavorite } = item
|
|
77
78
|
return (
|
|
78
79
|
<Row className={controls.isUnfilteredButChecked(o) ? 'filtered-out' : ''}>
|
|
79
|
-
<
|
|
80
|
-
header={btn => <>
|
|
81
|
-
{radio}
|
|
82
|
-
{image && <ImageBox size="xs" style={{ fontSize: '16px' }}>{image}</ImageBox>}
|
|
83
|
-
<Text>{name}</Text>{btn}</>
|
|
84
|
-
}
|
|
85
|
-
appearance="card"
|
|
86
|
-
>
|
|
87
|
-
{typeof description === 'string' ? <Text appearance="microtext1" color="light.700">{description}</Text> : description}
|
|
88
|
-
</Accordion>
|
|
80
|
+
<ItemContent item={item} radio={radio} />
|
|
89
81
|
{onAddFavorite && <ButtonFavorite favorite={{
|
|
90
82
|
idOrSlug: idOrSlug,
|
|
91
83
|
listFavorites,
|
|
@@ -101,11 +93,36 @@ export function DescribedRadioGroup<T>({ initialValue, options: opt, data, empty
|
|
|
101
93
|
},
|
|
102
94
|
}} />}
|
|
103
95
|
</Row>
|
|
104
|
-
)
|
|
105
|
-
}
|
|
96
|
+
)}
|
|
97
|
+
}
|
|
106
98
|
/>
|
|
107
99
|
</InfiniteScroll>
|
|
108
100
|
: emptyResults}
|
|
109
101
|
</StyledDiv>
|
|
110
102
|
</> : emptyDataset
|
|
111
103
|
}
|
|
104
|
+
|
|
105
|
+
interface ItemContentProps {
|
|
106
|
+
radio: React.ReactElement,
|
|
107
|
+
item: { name: string, description: React.ReactNode, image?: React.ReactElement } & Favorite<any>,
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
const ItemContent = ({ item, radio }: ItemContentProps) => {
|
|
111
|
+
const [expanded, setExpanded] = useState(false)
|
|
112
|
+
const { description, name, image } = item
|
|
113
|
+
|
|
114
|
+
return <Accordion
|
|
115
|
+
header={btn => <>
|
|
116
|
+
{radio}
|
|
117
|
+
{image && <ImageBox size="xs" style={{ fontSize: '16px' }}>{image}</ImageBox>}
|
|
118
|
+
<Text>{name}</Text>{btn}</>
|
|
119
|
+
}
|
|
120
|
+
expanded={expanded}
|
|
121
|
+
onChange={setExpanded}
|
|
122
|
+
appearance="card"
|
|
123
|
+
>
|
|
124
|
+
{expanded && <>
|
|
125
|
+
{typeof description === 'string' ? <Text appearance="microtext1" color="light.700">{description}</Text> : description}
|
|
126
|
+
</>}
|
|
127
|
+
</Accordion>
|
|
128
|
+
}
|