@atlaskit/smart-card 26.50.7 → 26.50.9
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 +13 -0
- package/dist/cjs/state/analytics/ufoExperiences.js +1 -1
- package/dist/cjs/state/hooks/use-ai-summary/index.js +2 -3
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/CardWithUrl/component.js +2 -1
- package/dist/cjs/view/EmbedCard/components/styled.js +8 -9
- package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js +4 -1
- package/dist/cjs/view/HoverCard/components/HoverCardContent.js +1 -1
- package/dist/cjs/view/HoverCard/components/views/resolved/index.js +10 -5
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/state/analytics/ufoExperiences.js +1 -1
- package/dist/es2019/state/hooks/use-ai-summary/index.js +2 -2
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/CardWithUrl/component.js +2 -1
- package/dist/es2019/view/EmbedCard/components/styled.js +3 -5
- package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js +4 -1
- package/dist/es2019/view/HoverCard/components/HoverCardContent.js +1 -1
- package/dist/es2019/view/HoverCard/components/views/resolved/index.js +10 -3
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/state/analytics/ufoExperiences.js +1 -1
- package/dist/esm/state/hooks/use-ai-summary/index.js +2 -3
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/CardWithUrl/component.js +2 -1
- package/dist/esm/view/EmbedCard/components/styled.js +8 -9
- package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js +4 -1
- package/dist/esm/view/HoverCard/components/HoverCardContent.js +1 -1
- package/dist/esm/view/HoverCard/components/views/resolved/index.js +10 -5
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/view/EmbedCard/components/styled.d.ts +1 -1
- package/dist/types/view/HoverCard/components/HoverCardContent.d.ts +3 -2
- package/dist/types-ts4.5/view/EmbedCard/components/styled.d.ts +1 -1
- package/dist/types-ts4.5/view/HoverCard/components/HoverCardContent.d.ts +3 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 26.50.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#82969](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82969) [`cae58d4129ff`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cae58d4129ff) - Display the AI Summary component only when there is summary content available
|
|
8
|
+
- [#83188](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83188) [`cd5d06cd3329`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cd5d06cd3329) - Minor adjustments to improve compatibility with React 18
|
|
9
|
+
|
|
10
|
+
## 26.50.8
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [#82741](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82741) [`2acb6d77c0a6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2acb6d77c0a6) - Update UFO experience type for Smart link AI summary
|
|
15
|
+
|
|
3
16
|
## 26.50.7
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -24,7 +24,7 @@ var aiExperience = {
|
|
|
24
24
|
component: 'smart-links'
|
|
25
25
|
},
|
|
26
26
|
type: _ufo.ExperienceTypes.Experience,
|
|
27
|
-
performanceType: _ufo.ExperiencePerformanceTypes.
|
|
27
|
+
performanceType: _ufo.ExperiencePerformanceTypes.InlineResult
|
|
28
28
|
};
|
|
29
29
|
var ufoExperiences = {
|
|
30
30
|
'smart-link-rendered': new _ufo.ConcurrentExperience('smart-link-rendered', renderExperience),
|
|
@@ -34,10 +34,9 @@ var useAISummary = exports.useAISummary = function useAISummary(props) {
|
|
|
34
34
|
fireEvent('operational.summary.success', {});
|
|
35
35
|
(0, _analytics.succeedUfoExperience)(EXPERIENCE_NAME, id);
|
|
36
36
|
}, [fireEvent]);
|
|
37
|
-
var onError = (0, _react.useCallback)(function (id) {
|
|
38
|
-
var reason = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
37
|
+
var onError = (0, _react.useCallback)(function (id, reason) {
|
|
39
38
|
fireEvent('operational.summary.failed', {
|
|
40
|
-
reason: reason
|
|
39
|
+
reason: reason || null
|
|
41
40
|
});
|
|
42
41
|
(0, _analytics.failUfoExperience)(EXPERIENCE_NAME, id);
|
|
43
42
|
}, [fireEvent]);
|
|
@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
22
22
|
var context = exports.context = {
|
|
23
23
|
componentName: 'smart-cards',
|
|
24
24
|
packageName: "@atlaskit/smart-card",
|
|
25
|
-
packageVersion: "26.50.
|
|
25
|
+
packageVersion: "26.50.9"
|
|
26
26
|
};
|
|
27
27
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
28
28
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -125,12 +125,13 @@ function Component(_ref) {
|
|
|
125
125
|
(0, _react.useEffect)(function () {
|
|
126
126
|
measure.mark(id, state.status);
|
|
127
127
|
if (state.status !== 'pending' && state.status !== 'resolving') {
|
|
128
|
+
var _state$error;
|
|
128
129
|
measure.create(id, state.status);
|
|
129
130
|
analytics.operational.instrument({
|
|
130
131
|
id: id,
|
|
131
132
|
status: state.status,
|
|
132
133
|
definitionId: definitionId,
|
|
133
|
-
extensionKey: extensionKey,
|
|
134
|
+
extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
|
|
134
135
|
resourceType: resourceType,
|
|
135
136
|
error: state.error
|
|
136
137
|
});
|
|
@@ -183,15 +183,14 @@ var Description = exports.Description = _styled.default.div({
|
|
|
183
183
|
var ResolvedViewIconWrapper = exports.ResolvedViewIconWrapper = _styled.default.div({
|
|
184
184
|
marginTop: "var(--ds-space-050, 4px)"
|
|
185
185
|
});
|
|
186
|
-
var Thumbnail = exports.Thumbnail = _styled.default.div(borderRadius, csssize(48), {
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
}
|
|
194
|
-
backgroundSize: 'cover'
|
|
186
|
+
var Thumbnail = exports.Thumbnail = _styled.default.div(borderRadius, csssize(48), function (props) {
|
|
187
|
+
return {
|
|
188
|
+
float: 'right',
|
|
189
|
+
margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
|
|
190
|
+
backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
|
|
191
|
+
backgroundImage: "url(".concat(props.src, ")"),
|
|
192
|
+
backgroundSize: 'cover'
|
|
193
|
+
};
|
|
195
194
|
});
|
|
196
195
|
var UsersWrapper = exports.UsersWrapper = _styled.default.div({
|
|
197
196
|
marginTop: "var(--ds-space-100, 8px)"
|
|
@@ -49,7 +49,9 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
|
|
|
49
49
|
_useAISummary$state = _useAISummary.state,
|
|
50
50
|
content = _useAISummary$state.content,
|
|
51
51
|
status = _useAISummary$state.status;
|
|
52
|
-
var showAISummary = status
|
|
52
|
+
var showAISummary = status === 'done' ||
|
|
53
|
+
// We want to display the AI Summary component only when there is content available during the loading process.
|
|
54
|
+
status === 'loading' && !!content;
|
|
53
55
|
var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
|
|
54
56
|
var isErroredOnMountRef = (0, _react.useRef)(status === 'error');
|
|
55
57
|
var _useState = (0, _react.useState)(false),
|
|
@@ -95,6 +97,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
|
|
|
95
97
|
}), status === 'done' && /*#__PURE__*/_react.default.createElement(_aiEventSummaryViewed.default, {
|
|
96
98
|
fromCache: isSummarisedOnMountRef.current
|
|
97
99
|
}), showAISummary && /*#__PURE__*/_react.default.createElement(_aiSummary.default, {
|
|
100
|
+
testId: "".concat(testId, "-ai-summary"),
|
|
98
101
|
minHeight: aiSummaryMinHeight,
|
|
99
102
|
content: content,
|
|
100
103
|
showIcon: isSummarisedOnMountRef.current
|
|
@@ -162,7 +162,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
|
|
|
162
162
|
actionOptions: actionOptions,
|
|
163
163
|
ui: _styled.flexibleUiOptions,
|
|
164
164
|
url: url,
|
|
165
|
-
children:
|
|
165
|
+
children: null,
|
|
166
166
|
analytics: analytics
|
|
167
167
|
};
|
|
168
168
|
var onClickStopPropagation = (0, _react2.useCallback)(function (e) {
|
|
@@ -64,12 +64,17 @@ var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
|
|
|
64
64
|
var bottomPrimary = _ref.bottomPrimary,
|
|
65
65
|
imagePreview = _ref.imagePreview,
|
|
66
66
|
url = _ref.url;
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
67
|
+
var _useAISummary = (0, _useAiSummary.useAISummary)({
|
|
68
|
+
url: url
|
|
69
|
+
}),
|
|
70
|
+
_useAISummary$state = _useAISummary.state,
|
|
71
|
+
status = _useAISummary$state.status,
|
|
72
|
+
content = _useAISummary$state.content;
|
|
73
|
+
var showData = status === 'ready' || status === 'error' ||
|
|
74
|
+
// Description & bottom metadata should only disappear when we start getting summary content
|
|
75
|
+
!content && status === 'loading';
|
|
72
76
|
return showData ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !imagePreview && /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
|
|
77
|
+
testId: 'connected-AI',
|
|
73
78
|
status: _constants.SmartLinkStatus.Resolved
|
|
74
79
|
}), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
|
|
75
80
|
primary: bottomPrimary,
|
|
@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
|
|
|
17
17
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
18
18
|
var PACKAGE_DATA = {
|
|
19
19
|
packageName: "@atlaskit/smart-card",
|
|
20
|
-
packageVersion: "26.50.
|
|
20
|
+
packageVersion: "26.50.9",
|
|
21
21
|
componentName: 'linkUrl'
|
|
22
22
|
};
|
|
23
23
|
var Link = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -18,7 +18,7 @@ const aiExperience = {
|
|
|
18
18
|
component: 'smart-links'
|
|
19
19
|
},
|
|
20
20
|
type: ExperienceTypes.Experience,
|
|
21
|
-
performanceType: ExperiencePerformanceTypes.
|
|
21
|
+
performanceType: ExperiencePerformanceTypes.InlineResult
|
|
22
22
|
};
|
|
23
23
|
const ufoExperiences = {
|
|
24
24
|
'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', renderExperience),
|
|
@@ -26,9 +26,9 @@ export const useAISummary = props => {
|
|
|
26
26
|
fireEvent('operational.summary.success', {});
|
|
27
27
|
succeedUfoExperience(EXPERIENCE_NAME, id);
|
|
28
28
|
}, [fireEvent]);
|
|
29
|
-
const onError = useCallback((id, reason
|
|
29
|
+
const onError = useCallback((id, reason) => {
|
|
30
30
|
fireEvent('operational.summary.failed', {
|
|
31
|
-
reason
|
|
31
|
+
reason: reason || null
|
|
32
32
|
});
|
|
33
33
|
failUfoExperience(EXPERIENCE_NAME, id);
|
|
34
34
|
}, [fireEvent]);
|
|
@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
|
|
|
4
4
|
export const context = {
|
|
5
5
|
componentName: 'smart-cards',
|
|
6
6
|
packageName: "@atlaskit/smart-card",
|
|
7
|
-
packageVersion: "26.50.
|
|
7
|
+
packageVersion: "26.50.9"
|
|
8
8
|
};
|
|
9
9
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -112,12 +112,13 @@ function Component({
|
|
|
112
112
|
useEffect(() => {
|
|
113
113
|
measure.mark(id, state.status);
|
|
114
114
|
if (state.status !== 'pending' && state.status !== 'resolving') {
|
|
115
|
+
var _state$error;
|
|
115
116
|
measure.create(id, state.status);
|
|
116
117
|
analytics.operational.instrument({
|
|
117
118
|
id,
|
|
118
119
|
status: state.status,
|
|
119
120
|
definitionId,
|
|
120
|
-
extensionKey,
|
|
121
|
+
extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
|
|
121
122
|
resourceType,
|
|
122
123
|
error: state.error
|
|
123
124
|
});
|
|
@@ -281,15 +281,13 @@ export const Description = styled.div({
|
|
|
281
281
|
export const ResolvedViewIconWrapper = styled.div({
|
|
282
282
|
marginTop: "var(--ds-space-050, 4px)"
|
|
283
283
|
});
|
|
284
|
-
export const Thumbnail = styled.div(borderRadius, csssize(48), {
|
|
284
|
+
export const Thumbnail = styled.div(borderRadius, csssize(48), props => ({
|
|
285
285
|
float: 'right',
|
|
286
286
|
margin: `${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"}`,
|
|
287
287
|
backgroundColor: `var(--ds-skeleton, ${colors.N30})`,
|
|
288
|
-
backgroundImage: `url(${
|
|
289
|
-
src
|
|
290
|
-
}) => src})`,
|
|
288
|
+
backgroundImage: `url(${props.src})`,
|
|
291
289
|
backgroundSize: 'cover'
|
|
292
|
-
});
|
|
290
|
+
}));
|
|
293
291
|
export const UsersWrapper = styled.div({
|
|
294
292
|
marginTop: "var(--ds-space-100, 8px)"
|
|
295
293
|
});
|
|
@@ -40,7 +40,9 @@ const AISummaryBlockResolvedView = props => {
|
|
|
40
40
|
} = useAISummary({
|
|
41
41
|
url
|
|
42
42
|
});
|
|
43
|
-
const showAISummary = status
|
|
43
|
+
const showAISummary = status === 'done' ||
|
|
44
|
+
// We want to display the AI Summary component only when there is content available during the loading process.
|
|
45
|
+
status === 'loading' && !!content;
|
|
44
46
|
const isSummarisedOnMountRef = useRef(status === 'done');
|
|
45
47
|
let isErroredOnMountRef = useRef(status === 'error');
|
|
46
48
|
const [showAISummaryErrorMessage, setShowAISummaryErrorMessage] = useState(false);
|
|
@@ -83,6 +85,7 @@ const AISummaryBlockResolvedView = props => {
|
|
|
83
85
|
}), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
|
|
84
86
|
fromCache: isSummarisedOnMountRef.current
|
|
85
87
|
}), showAISummary && /*#__PURE__*/React.createElement(AISummary, {
|
|
88
|
+
testId: `${testId}-ai-summary`,
|
|
86
89
|
minHeight: aiSummaryMinHeight,
|
|
87
90
|
content: content,
|
|
88
91
|
showIcon: isSummarisedOnMountRef.current
|
|
@@ -55,12 +55,19 @@ const ConnectedAIBlock = ({
|
|
|
55
55
|
imagePreview,
|
|
56
56
|
url
|
|
57
57
|
}) => {
|
|
58
|
-
const
|
|
58
|
+
const {
|
|
59
|
+
state: {
|
|
60
|
+
status,
|
|
61
|
+
content
|
|
62
|
+
}
|
|
63
|
+
} = useAISummary({
|
|
59
64
|
url
|
|
60
65
|
});
|
|
61
|
-
const
|
|
62
|
-
|
|
66
|
+
const showData = status === 'ready' || status === 'error' ||
|
|
67
|
+
// Description & bottom metadata should only disappear when we start getting summary content
|
|
68
|
+
!content && status === 'loading';
|
|
63
69
|
return showData ? /*#__PURE__*/React.createElement(React.Fragment, null, !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
|
|
70
|
+
testId: 'connected-AI',
|
|
64
71
|
status: SmartLinkStatus.Resolved
|
|
65
72
|
}), /*#__PURE__*/React.createElement(MetadataBlock, {
|
|
66
73
|
primary: bottomPrimary,
|
|
@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
|
|
|
7
7
|
import LinkWarningModal from './LinkWarningModal';
|
|
8
8
|
const PACKAGE_DATA = {
|
|
9
9
|
packageName: "@atlaskit/smart-card",
|
|
10
|
-
packageVersion: "26.50.
|
|
10
|
+
packageVersion: "26.50.9",
|
|
11
11
|
componentName: 'linkUrl'
|
|
12
12
|
};
|
|
13
13
|
const Link = withLinkClickedEvent('a');
|
|
@@ -18,7 +18,7 @@ var aiExperience = {
|
|
|
18
18
|
component: 'smart-links'
|
|
19
19
|
},
|
|
20
20
|
type: ExperienceTypes.Experience,
|
|
21
|
-
performanceType: ExperiencePerformanceTypes.
|
|
21
|
+
performanceType: ExperiencePerformanceTypes.InlineResult
|
|
22
22
|
};
|
|
23
23
|
var ufoExperiences = {
|
|
24
24
|
'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', renderExperience),
|
|
@@ -27,10 +27,9 @@ export var useAISummary = function useAISummary(props) {
|
|
|
27
27
|
fireEvent('operational.summary.success', {});
|
|
28
28
|
succeedUfoExperience(EXPERIENCE_NAME, id);
|
|
29
29
|
}, [fireEvent]);
|
|
30
|
-
var onError = useCallback(function (id) {
|
|
31
|
-
var reason = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
30
|
+
var onError = useCallback(function (id, reason) {
|
|
32
31
|
fireEvent('operational.summary.failed', {
|
|
33
|
-
reason: reason
|
|
32
|
+
reason: reason || null
|
|
34
33
|
});
|
|
35
34
|
failUfoExperience(EXPERIENCE_NAME, id);
|
|
36
35
|
}, [fireEvent]);
|
|
@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
|
|
|
15
15
|
export var context = {
|
|
16
16
|
componentName: 'smart-cards',
|
|
17
17
|
packageName: "@atlaskit/smart-card",
|
|
18
|
-
packageVersion: "26.50.
|
|
18
|
+
packageVersion: "26.50.9"
|
|
19
19
|
};
|
|
20
20
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
21
21
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -115,12 +115,13 @@ function Component(_ref) {
|
|
|
115
115
|
useEffect(function () {
|
|
116
116
|
measure.mark(id, state.status);
|
|
117
117
|
if (state.status !== 'pending' && state.status !== 'resolving') {
|
|
118
|
+
var _state$error;
|
|
118
119
|
measure.create(id, state.status);
|
|
119
120
|
analytics.operational.instrument({
|
|
120
121
|
id: id,
|
|
121
122
|
status: state.status,
|
|
122
123
|
definitionId: definitionId,
|
|
123
|
-
extensionKey: extensionKey,
|
|
124
|
+
extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
|
|
124
125
|
resourceType: resourceType,
|
|
125
126
|
error: state.error
|
|
126
127
|
});
|
|
@@ -173,15 +173,14 @@ export var Description = styled.div({
|
|
|
173
173
|
export var ResolvedViewIconWrapper = styled.div({
|
|
174
174
|
marginTop: "var(--ds-space-050, 4px)"
|
|
175
175
|
});
|
|
176
|
-
export var Thumbnail = styled.div(borderRadius, csssize(48), {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
}
|
|
184
|
-
backgroundSize: 'cover'
|
|
176
|
+
export var Thumbnail = styled.div(borderRadius, csssize(48), function (props) {
|
|
177
|
+
return {
|
|
178
|
+
float: 'right',
|
|
179
|
+
margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
|
|
180
|
+
backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
|
|
181
|
+
backgroundImage: "url(".concat(props.src, ")"),
|
|
182
|
+
backgroundSize: 'cover'
|
|
183
|
+
};
|
|
185
184
|
});
|
|
186
185
|
export var UsersWrapper = styled.div({
|
|
187
186
|
marginTop: "var(--ds-space-100, 8px)"
|
|
@@ -39,7 +39,9 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
|
|
|
39
39
|
_useAISummary$state = _useAISummary.state,
|
|
40
40
|
content = _useAISummary$state.content,
|
|
41
41
|
status = _useAISummary$state.status;
|
|
42
|
-
var showAISummary = status
|
|
42
|
+
var showAISummary = status === 'done' ||
|
|
43
|
+
// We want to display the AI Summary component only when there is content available during the loading process.
|
|
44
|
+
status === 'loading' && !!content;
|
|
43
45
|
var isSummarisedOnMountRef = useRef(status === 'done');
|
|
44
46
|
var isErroredOnMountRef = useRef(status === 'error');
|
|
45
47
|
var _useState = useState(false),
|
|
@@ -85,6 +87,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
|
|
|
85
87
|
}), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
|
|
86
88
|
fromCache: isSummarisedOnMountRef.current
|
|
87
89
|
}), showAISummary && /*#__PURE__*/React.createElement(AISummary, {
|
|
90
|
+
testId: "".concat(testId, "-ai-summary"),
|
|
88
91
|
minHeight: aiSummaryMinHeight,
|
|
89
92
|
content: content,
|
|
90
93
|
showIcon: isSummarisedOnMountRef.current
|
|
@@ -151,7 +151,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
|
|
|
151
151
|
actionOptions: actionOptions,
|
|
152
152
|
ui: flexibleUiOptions,
|
|
153
153
|
url: url,
|
|
154
|
-
children:
|
|
154
|
+
children: null,
|
|
155
155
|
analytics: analytics
|
|
156
156
|
};
|
|
157
157
|
var onClickStopPropagation = useCallback(function (e) {
|
|
@@ -55,12 +55,17 @@ var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
|
|
|
55
55
|
var bottomPrimary = _ref.bottomPrimary,
|
|
56
56
|
imagePreview = _ref.imagePreview,
|
|
57
57
|
url = _ref.url;
|
|
58
|
-
var
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
58
|
+
var _useAISummary = useAISummary({
|
|
59
|
+
url: url
|
|
60
|
+
}),
|
|
61
|
+
_useAISummary$state = _useAISummary.state,
|
|
62
|
+
status = _useAISummary$state.status,
|
|
63
|
+
content = _useAISummary$state.content;
|
|
64
|
+
var showData = status === 'ready' || status === 'error' ||
|
|
65
|
+
// Description & bottom metadata should only disappear when we start getting summary content
|
|
66
|
+
!content && status === 'loading';
|
|
63
67
|
return showData ? /*#__PURE__*/React.createElement(React.Fragment, null, !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
|
|
68
|
+
testId: 'connected-AI',
|
|
64
69
|
status: SmartLinkStatus.Resolved
|
|
65
70
|
}), /*#__PURE__*/React.createElement(MetadataBlock, {
|
|
66
71
|
primary: bottomPrimary,
|
|
@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
|
|
|
10
10
|
import LinkWarningModal from './LinkWarningModal';
|
|
11
11
|
var PACKAGE_DATA = {
|
|
12
12
|
packageName: "@atlaskit/smart-card",
|
|
13
|
-
packageVersion: "26.50.
|
|
13
|
+
packageVersion: "26.50.9",
|
|
14
14
|
componentName: 'linkUrl'
|
|
15
15
|
};
|
|
16
16
|
var Link = withLinkClickedEvent('a');
|
|
@@ -86,7 +86,7 @@ export interface ThumbnailProps {
|
|
|
86
86
|
export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
|
|
87
87
|
theme?: import("@emotion/react").Theme | undefined;
|
|
88
88
|
as?: import("react").ElementType<any> | undefined;
|
|
89
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
89
|
+
} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
90
90
|
export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
|
|
91
91
|
theme?: import("@emotion/react").Theme | undefined;
|
|
92
92
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { jsx } from '@emotion/react';
|
|
2
3
|
import { ActionItem } from '../../FlexibleCard/components/blocks/types';
|
|
3
4
|
import { HoverCardContentProps } from '../types';
|
|
4
5
|
export declare const hoverCardClassName = "smart-links-hover-preview";
|
|
5
6
|
export declare const getCopyAction: (url: string) => ActionItem;
|
|
6
|
-
declare const HoverCardContent:
|
|
7
|
+
declare const HoverCardContent: ({ id, analytics: _analytics, cardActions, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, }: HoverCardContentProps) => jsx.JSX.Element | null;
|
|
7
8
|
export default HoverCardContent;
|
|
@@ -86,7 +86,7 @@ export interface ThumbnailProps {
|
|
|
86
86
|
export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
|
|
87
87
|
theme?: import("@emotion/react").Theme | undefined;
|
|
88
88
|
as?: import("react").ElementType<any> | undefined;
|
|
89
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
89
|
+
} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
90
90
|
export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
|
|
91
91
|
theme?: import("@emotion/react").Theme | undefined;
|
|
92
92
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { jsx } from '@emotion/react';
|
|
2
3
|
import { ActionItem } from '../../FlexibleCard/components/blocks/types';
|
|
3
4
|
import { HoverCardContentProps } from '../types';
|
|
4
5
|
export declare const hoverCardClassName = "smart-links-hover-preview";
|
|
5
6
|
export declare const getCopyAction: (url: string) => ActionItem;
|
|
6
|
-
declare const HoverCardContent:
|
|
7
|
+
declare const HoverCardContent: ({ id, analytics: _analytics, cardActions, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, }: HoverCardContentProps) => jsx.JSX.Element | null;
|
|
7
8
|
export default HoverCardContent;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "26.50.
|
|
3
|
+
"version": "26.50.9",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@atlaskit/link-analytics": "^8.3.0",
|
|
44
44
|
"@atlaskit/link-client-extension": "^1.8.0",
|
|
45
45
|
"@atlaskit/link-extractors": "^1.2.0",
|
|
46
|
-
"@atlaskit/linking-common": "^5.
|
|
46
|
+
"@atlaskit/linking-common": "^5.6.0",
|
|
47
47
|
"@atlaskit/linking-types": "^8.7.0",
|
|
48
48
|
"@atlaskit/logo": "^13.15.0",
|
|
49
49
|
"@atlaskit/lozenge": "^11.6.0",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"uuid": "^3.1.0"
|
|
75
75
|
},
|
|
76
76
|
"peerDependencies": {
|
|
77
|
-
"@atlaskit/link-provider": "^1.
|
|
77
|
+
"@atlaskit/link-provider": "^1.9.0",
|
|
78
78
|
"react": "^16.8.0",
|
|
79
79
|
"react-dom": "^16.8.0",
|
|
80
80
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"@af/visual-regression": "*",
|
|
85
85
|
"@atlaskit/analytics-listeners": "^8.9.0",
|
|
86
86
|
"@atlaskit/css-reset": "^6.7.0",
|
|
87
|
-
"@atlaskit/link-test-helpers": "^
|
|
87
|
+
"@atlaskit/link-test-helpers": "^7.0.0",
|
|
88
88
|
"@atlaskit/media-test-helpers": "^33.0.0",
|
|
89
89
|
"@atlaskit/ssr": "*",
|
|
90
90
|
"@atlaskit/visual-regression": "*",
|