@atlaskit/smart-card 19.1.22 → 19.1.25
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 +20 -0
- package/dist/cjs/state/actions/index.js +11 -4
- package/dist/cjs/state/analytics/useSmartLinkAnalytics.js +2 -1
- package/dist/cjs/utils/analytics/analytics.js +2 -2
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/view/HoverCard/components/hover-card-content.js +1 -1
- package/dist/cjs/view/InlineCard/Frame/styled.js +1 -1
- package/dist/es2019/state/actions/index.js +12 -6
- package/dist/es2019/state/analytics/useSmartLinkAnalytics.js +1 -1
- package/dist/es2019/utils/analytics/analytics.js +2 -2
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/view/HoverCard/components/hover-card-content.js +1 -1
- package/dist/es2019/view/InlineCard/Frame/styled.js +1 -1
- package/dist/esm/state/actions/index.js +12 -5
- package/dist/esm/state/analytics/useSmartLinkAnalytics.js +2 -1
- package/dist/esm/utils/analytics/analytics.js +2 -2
- package/dist/esm/version.json +1 -1
- package/dist/esm/view/HoverCard/components/hover-card-content.js +1 -1
- package/dist/esm/view/InlineCard/Frame/styled.js +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts +1 -1
- package/dist/types/state/hooks/useSmartLink.d.ts +1 -1
- package/dist/types/utils/analytics/analytics.d.ts +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 19.1.25
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`de8de71a806`](https://bitbucket.org/atlassian/atlassian-frontend/commits/de8de71a806) - Hover Preview: Fix Hover Preview analytics event details get applied to other Smart Links analytics
|
|
8
|
+
- [`ae023956743`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae023956743) - Smart Links Analytics types are exported to allow their usage from outside of the package
|
|
9
|
+
|
|
10
|
+
## 19.1.24
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`cd729a0a41b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cd729a0a41b) - [ux][ed-15030] Set the background color of smart cards properly in dark mode
|
|
15
|
+
|
|
16
|
+
## 19.1.23
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- [`f538640e3a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f538640e3a5) - fix: Previously the .reload() action would not propagate changes through to the smart-card state in some scenarios. This has been amended by making it an explicit Redux action.
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
3
23
|
## 19.1.22
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
|
@@ -92,6 +92,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
|
|
|
92
92
|
}
|
|
93
93
|
}, [hasData, status, dispatch, details]);
|
|
94
94
|
var handleResolvedLinkResponse = (0, _react.useCallback)(function (resourceUrl, response) {
|
|
95
|
+
var isReloading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
95
96
|
var hostname = new URL(resourceUrl).hostname;
|
|
96
97
|
var nextStatus = response ? (0, _helpers.getStatus)(response) : 'fatal'; // If we require authorization & do not have an authFlow available,
|
|
97
98
|
// throw an error and render as a normal blue link.
|
|
@@ -108,9 +109,15 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
|
|
|
108
109
|
} // Dispatch Analytics and resolved card action - including unauthorized states.
|
|
109
110
|
|
|
110
111
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
112
|
+
if (isReloading) {
|
|
113
|
+
dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RELOADING, {
|
|
114
|
+
url: resourceUrl
|
|
115
|
+
}, response));
|
|
116
|
+
} else {
|
|
117
|
+
dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
|
|
118
|
+
url: resourceUrl
|
|
119
|
+
}, response));
|
|
120
|
+
}
|
|
114
121
|
}, [dispatch, handleResolvedLinkError, hasAuthFlowSupported]);
|
|
115
122
|
var resolve = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
116
123
|
var resourceUrl,
|
|
@@ -129,7 +136,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
|
|
|
129
136
|
}
|
|
130
137
|
|
|
131
138
|
return _context.abrupt("return", connections.client.fetchData(resourceUrl).then(function (response) {
|
|
132
|
-
return handleResolvedLinkResponse(resourceUrl, response);
|
|
139
|
+
return handleResolvedLinkResponse(resourceUrl, response, isReloading);
|
|
133
140
|
}).catch(function (error) {
|
|
134
141
|
return handleResolvedLinkError(resourceUrl, error);
|
|
135
142
|
}));
|
|
@@ -92,7 +92,8 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
|
|
|
92
92
|
var location = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : defaultLocation;
|
|
93
93
|
var destinationProduct = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : extractedProduct;
|
|
94
94
|
var destinationSubproduct = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : extractedSubproduct;
|
|
95
|
-
|
|
95
|
+
var actionSubjectId = arguments.length > 9 ? arguments[9] : undefined;
|
|
96
|
+
return dispatchAnalytics((0, _analytics.uiCardClickedEvent)(id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId));
|
|
96
97
|
},
|
|
97
98
|
|
|
98
99
|
/**
|
|
@@ -235,11 +235,11 @@ var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(display,
|
|
|
235
235
|
|
|
236
236
|
exports.uiAuthAlternateAccountEvent = uiAuthAlternateAccountEvent;
|
|
237
237
|
|
|
238
|
-
var uiCardClickedEvent = function uiCardClickedEvent(id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct) {
|
|
238
|
+
var uiCardClickedEvent = function uiCardClickedEvent(id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId) {
|
|
239
239
|
return {
|
|
240
240
|
action: 'clicked',
|
|
241
241
|
actionSubject: 'smartLink',
|
|
242
|
-
actionSubjectId:
|
|
242
|
+
actionSubjectId: actionSubjectId,
|
|
243
243
|
eventType: 'ui',
|
|
244
244
|
attributes: _objectSpread(_objectSpread({}, context), {}, {
|
|
245
245
|
id: id,
|
package/dist/cjs/version.json
CHANGED
|
@@ -89,7 +89,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
|
|
|
89
89
|
}, [cardState.details]);
|
|
90
90
|
var onClick = (0, _react.useCallback)(function (event) {
|
|
91
91
|
var isModifierKeyPressed = (0, _utils2.isSpecialEvent)(event);
|
|
92
|
-
analytics.ui.cardClickedEvent(undefined, _utils.HOVER_CARD_ANALYTICS_DISPLAY, cardState.status, undefined, undefined, isModifierKeyPressed);
|
|
92
|
+
analytics.ui.cardClickedEvent(undefined, _utils.HOVER_CARD_ANALYTICS_DISPLAY, cardState.status, undefined, undefined, isModifierKeyPressed, undefined, undefined, undefined, 'titleGoToLink');
|
|
93
93
|
}, [cardState.status, analytics.ui]);
|
|
94
94
|
var titleActions = (0, _react.useMemo)(function () {
|
|
95
95
|
return [getOpenAction(url, analytics)];
|
|
@@ -78,7 +78,7 @@ var Wrapper = _styled.default.a(_templateObject || (_templateObject = (0, _tagge
|
|
|
78
78
|
}), function (props) {
|
|
79
79
|
return props.withoutBackground ? '' : (0, _components.themed)({
|
|
80
80
|
light: (0, _tokens.token)('elevation.surface.raised', 'white'),
|
|
81
|
-
dark: (0, _tokens.token)('elevation.surface.raised',
|
|
81
|
+
dark: (0, _tokens.token)('elevation.surface.raised', BACKGROUND_COLOR_DARK)
|
|
82
82
|
});
|
|
83
83
|
}, function (props) {
|
|
84
84
|
return props.withoutBackground ? '' : (0, _components.themed)({
|
|
@@ -2,7 +2,7 @@ import { useMemo, useCallback } from 'react';
|
|
|
2
2
|
import { auth } from '@atlaskit/outbound-auth-flow-client';
|
|
3
3
|
import { APIError } from '@atlaskit/linking-common';
|
|
4
4
|
import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
5
|
-
import { ACTION_PENDING, ACTION_RESOLVED, ACTION_ERROR, ACTION_ERROR_FALLBACK, cardAction } from '@atlaskit/linking-common';
|
|
5
|
+
import { ACTION_PENDING, ACTION_RESOLVED, ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, cardAction } from '@atlaskit/linking-common';
|
|
6
6
|
import { getDefinitionId, getByDefinitionId, getServices, getStatus, getExtensionKey } from '../helpers';
|
|
7
7
|
import { ERROR_MESSAGE_OAUTH, ERROR_MESSAGE_FATAL } from './constants';
|
|
8
8
|
import * as measure from '../../utils/performance';
|
|
@@ -65,7 +65,7 @@ export const useSmartCardActions = (id, url, analytics) => {
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
}, [hasData, status, dispatch, details]);
|
|
68
|
-
const handleResolvedLinkResponse = useCallback((resourceUrl, response) => {
|
|
68
|
+
const handleResolvedLinkResponse = useCallback((resourceUrl, response, isReloading = false) => {
|
|
69
69
|
const hostname = new URL(resourceUrl).hostname;
|
|
70
70
|
const nextStatus = response ? getStatus(response) : 'fatal'; // If we require authorization & do not have an authFlow available,
|
|
71
71
|
// throw an error and render as a normal blue link.
|
|
@@ -82,16 +82,22 @@ export const useSmartCardActions = (id, url, analytics) => {
|
|
|
82
82
|
} // Dispatch Analytics and resolved card action - including unauthorized states.
|
|
83
83
|
|
|
84
84
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
85
|
+
if (isReloading) {
|
|
86
|
+
dispatch(cardAction(ACTION_RELOADING, {
|
|
87
|
+
url: resourceUrl
|
|
88
|
+
}, response));
|
|
89
|
+
} else {
|
|
90
|
+
dispatch(cardAction(ACTION_RESOLVED, {
|
|
91
|
+
url: resourceUrl
|
|
92
|
+
}, response));
|
|
93
|
+
}
|
|
88
94
|
}, [dispatch, handleResolvedLinkError, hasAuthFlowSupported]);
|
|
89
95
|
const resolve = useCallback(async (resourceUrl = url, isReloading = false) => {
|
|
90
96
|
// Request JSON-LD data for the card from ORS, iff it has extended
|
|
91
97
|
// its cache lifespan OR there is no data for it currently. Once the data
|
|
92
98
|
// has come back asynchronously, dispatch the resolved action for the card.
|
|
93
99
|
if (isReloading || !hasData) {
|
|
94
|
-
return connections.client.fetchData(resourceUrl).then(response => handleResolvedLinkResponse(resourceUrl, response)).catch(error => handleResolvedLinkError(resourceUrl, error));
|
|
100
|
+
return connections.client.fetchData(resourceUrl).then(response => handleResolvedLinkResponse(resourceUrl, response, isReloading)).catch(error => handleResolvedLinkError(resourceUrl, error));
|
|
95
101
|
} else {
|
|
96
102
|
addMetadataToExperience('smart-link-rendered', id, {
|
|
97
103
|
cached: true
|
|
@@ -61,7 +61,7 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
|
|
|
61
61
|
* @param destinationProduct The product the Smart Link is linked to.
|
|
62
62
|
* @returns
|
|
63
63
|
*/
|
|
64
|
-
cardClickedEvent: (id = defaultId, display, status, definitionId = extractedDefinitionId, extensionKey = extractedExtensionKey, isModifierKeyPressed, location = defaultLocation, destinationProduct = extractedProduct, destinationSubproduct = extractedSubproduct) => dispatchAnalytics(uiCardClickedEvent(id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct)),
|
|
64
|
+
cardClickedEvent: (id = defaultId, display, status, definitionId = extractedDefinitionId, extensionKey = extractedExtensionKey, isModifierKeyPressed, location = defaultLocation, destinationProduct = extractedProduct, destinationSubproduct = extractedSubproduct, actionSubjectId) => dispatchAnalytics(uiCardClickedEvent(id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId)),
|
|
65
65
|
|
|
66
66
|
/**
|
|
67
67
|
* This fires an event that represents when a user clicks on a Smart Link action.
|
|
@@ -174,10 +174,10 @@ export const uiAuthAlternateAccountEvent = (display, definitionId, extensionKey)
|
|
|
174
174
|
display
|
|
175
175
|
}
|
|
176
176
|
});
|
|
177
|
-
export const uiCardClickedEvent = (id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct) => ({
|
|
177
|
+
export const uiCardClickedEvent = (id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId) => ({
|
|
178
178
|
action: 'clicked',
|
|
179
179
|
actionSubject: 'smartLink',
|
|
180
|
-
actionSubjectId
|
|
180
|
+
actionSubjectId,
|
|
181
181
|
eventType: 'ui',
|
|
182
182
|
attributes: { ...context,
|
|
183
183
|
id,
|
package/dist/es2019/version.json
CHANGED
|
@@ -54,7 +54,7 @@ const HoverCardContent = ({
|
|
|
54
54
|
const extensionKey = useMemo(() => getExtensionKey(cardState.details), [cardState.details]);
|
|
55
55
|
const onClick = useCallback(event => {
|
|
56
56
|
const isModifierKeyPressed = isSpecialEvent(event);
|
|
57
|
-
analytics.ui.cardClickedEvent(undefined, HOVER_CARD_ANALYTICS_DISPLAY, cardState.status, undefined, undefined, isModifierKeyPressed);
|
|
57
|
+
analytics.ui.cardClickedEvent(undefined, HOVER_CARD_ANALYTICS_DISPLAY, cardState.status, undefined, undefined, isModifierKeyPressed, undefined, undefined, undefined, 'titleGoToLink');
|
|
58
58
|
}, [cardState.status, analytics.ui]);
|
|
59
59
|
const titleActions = useMemo(() => [getOpenAction(url, analytics)], [url, analytics]);
|
|
60
60
|
const footerActions = useMemo(() => toFooterActions(cardActions), [cardActions]); //TODO: EDM-3224 deleted simulated and use real JsonLd
|
|
@@ -91,7 +91,7 @@ export const Wrapper = styled.a`
|
|
|
91
91
|
})};
|
|
92
92
|
background-color: ${props => props.withoutBackground ? '' : themed({
|
|
93
93
|
light: token('elevation.surface.raised', 'white'),
|
|
94
|
-
dark: token('elevation.surface.raised',
|
|
94
|
+
dark: token('elevation.surface.raised', BACKGROUND_COLOR_DARK)
|
|
95
95
|
})};
|
|
96
96
|
${props => props.withoutBackground ? '' : themed({
|
|
97
97
|
light: `box-shadow: ${token('elevation.shadow.raised', `0 1px 1px ${N50A}, 0 0 1px 1px ${N40A}`)};`,
|
|
@@ -4,7 +4,7 @@ import { useMemo, useCallback } from 'react';
|
|
|
4
4
|
import { auth } from '@atlaskit/outbound-auth-flow-client';
|
|
5
5
|
import { APIError } from '@atlaskit/linking-common';
|
|
6
6
|
import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
7
|
-
import { ACTION_PENDING, ACTION_RESOLVED, ACTION_ERROR, ACTION_ERROR_FALLBACK, cardAction } from '@atlaskit/linking-common';
|
|
7
|
+
import { ACTION_PENDING, ACTION_RESOLVED, ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, cardAction } from '@atlaskit/linking-common';
|
|
8
8
|
import { getDefinitionId, getByDefinitionId, getServices, getStatus, getExtensionKey } from '../helpers';
|
|
9
9
|
import { ERROR_MESSAGE_OAUTH, ERROR_MESSAGE_FATAL } from './constants';
|
|
10
10
|
import * as measure from '../../utils/performance';
|
|
@@ -67,6 +67,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
|
|
|
67
67
|
}
|
|
68
68
|
}, [hasData, status, dispatch, details]);
|
|
69
69
|
var handleResolvedLinkResponse = useCallback(function (resourceUrl, response) {
|
|
70
|
+
var isReloading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
70
71
|
var hostname = new URL(resourceUrl).hostname;
|
|
71
72
|
var nextStatus = response ? getStatus(response) : 'fatal'; // If we require authorization & do not have an authFlow available,
|
|
72
73
|
// throw an error and render as a normal blue link.
|
|
@@ -83,9 +84,15 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
|
|
|
83
84
|
} // Dispatch Analytics and resolved card action - including unauthorized states.
|
|
84
85
|
|
|
85
86
|
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
if (isReloading) {
|
|
88
|
+
dispatch(cardAction(ACTION_RELOADING, {
|
|
89
|
+
url: resourceUrl
|
|
90
|
+
}, response));
|
|
91
|
+
} else {
|
|
92
|
+
dispatch(cardAction(ACTION_RESOLVED, {
|
|
93
|
+
url: resourceUrl
|
|
94
|
+
}, response));
|
|
95
|
+
}
|
|
89
96
|
}, [dispatch, handleResolvedLinkError, hasAuthFlowSupported]);
|
|
90
97
|
var resolve = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
91
98
|
var resourceUrl,
|
|
@@ -104,7 +111,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
|
|
|
104
111
|
}
|
|
105
112
|
|
|
106
113
|
return _context.abrupt("return", connections.client.fetchData(resourceUrl).then(function (response) {
|
|
107
|
-
return handleResolvedLinkResponse(resourceUrl, response);
|
|
114
|
+
return handleResolvedLinkResponse(resourceUrl, response, isReloading);
|
|
108
115
|
}).catch(function (error) {
|
|
109
116
|
return handleResolvedLinkError(resourceUrl, error);
|
|
110
117
|
}));
|
|
@@ -80,7 +80,8 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchA
|
|
|
80
80
|
var location = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : defaultLocation;
|
|
81
81
|
var destinationProduct = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : extractedProduct;
|
|
82
82
|
var destinationSubproduct = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : extractedSubproduct;
|
|
83
|
-
|
|
83
|
+
var actionSubjectId = arguments.length > 9 ? arguments[9] : undefined;
|
|
84
|
+
return dispatchAnalytics(uiCardClickedEvent(id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId));
|
|
84
85
|
},
|
|
85
86
|
|
|
86
87
|
/**
|
|
@@ -187,11 +187,11 @@ export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(di
|
|
|
187
187
|
})
|
|
188
188
|
};
|
|
189
189
|
};
|
|
190
|
-
export var uiCardClickedEvent = function uiCardClickedEvent(id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct) {
|
|
190
|
+
export var uiCardClickedEvent = function uiCardClickedEvent(id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId) {
|
|
191
191
|
return {
|
|
192
192
|
action: 'clicked',
|
|
193
193
|
actionSubject: 'smartLink',
|
|
194
|
-
actionSubjectId:
|
|
194
|
+
actionSubjectId: actionSubjectId,
|
|
195
195
|
eventType: 'ui',
|
|
196
196
|
attributes: _objectSpread(_objectSpread({}, context), {}, {
|
|
197
197
|
id: id,
|
package/dist/esm/version.json
CHANGED
|
@@ -64,7 +64,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
|
|
|
64
64
|
}, [cardState.details]);
|
|
65
65
|
var onClick = useCallback(function (event) {
|
|
66
66
|
var isModifierKeyPressed = isSpecialEvent(event);
|
|
67
|
-
analytics.ui.cardClickedEvent(undefined, HOVER_CARD_ANALYTICS_DISPLAY, cardState.status, undefined, undefined, isModifierKeyPressed);
|
|
67
|
+
analytics.ui.cardClickedEvent(undefined, HOVER_CARD_ANALYTICS_DISPLAY, cardState.status, undefined, undefined, isModifierKeyPressed, undefined, undefined, undefined, 'titleGoToLink');
|
|
68
68
|
}, [cardState.status, analytics.ui]);
|
|
69
69
|
var titleActions = useMemo(function () {
|
|
70
70
|
return [getOpenAction(url, analytics)];
|
|
@@ -63,7 +63,7 @@ export var Wrapper = styled.a(_templateObject || (_templateObject = _taggedTempl
|
|
|
63
63
|
}), function (props) {
|
|
64
64
|
return props.withoutBackground ? '' : themed({
|
|
65
65
|
light: token('elevation.surface.raised', 'white'),
|
|
66
|
-
dark: token('elevation.surface.raised',
|
|
66
|
+
dark: token('elevation.surface.raised', BACKGROUND_COLOR_DARK)
|
|
67
67
|
});
|
|
68
68
|
}, function (props) {
|
|
69
69
|
return props.withoutBackground ? '' : themed({
|
package/dist/types/index.d.ts
CHANGED
|
@@ -19,3 +19,4 @@ export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/L
|
|
|
19
19
|
export { ActionName, ElementName, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, } from './constants';
|
|
20
20
|
export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, FooterBlock, } from './view/FlexibleCard/components/blocks';
|
|
21
21
|
export type { ActionItem, ElementItem, } from './view/FlexibleCard/components/blocks/types';
|
|
22
|
+
export type { AnalyticsAction, AnalyticsActionSubject, AnalyticsPayload, AnalyticsHandler, } from './utils/types';
|
|
@@ -45,7 +45,7 @@ export declare const useSmartLinkAnalytics: (url: string, dispatchAnalytics: Ana
|
|
|
45
45
|
* @param destinationProduct The product the Smart Link is linked to.
|
|
46
46
|
* @returns
|
|
47
47
|
*/
|
|
48
|
-
cardClickedEvent: (id: string | undefined, display: CardInnerAppearance, status: CardType, definitionId?: string | undefined, extensionKey?: string | undefined, isModifierKeyPressed?: boolean | undefined, location?: string | undefined, destinationProduct?: DestinationProduct | string | undefined, destinationSubproduct?: DestinationSubproduct | string | undefined) => void;
|
|
48
|
+
cardClickedEvent: (id: string | undefined, display: CardInnerAppearance, status: CardType, definitionId?: string | undefined, extensionKey?: string | undefined, isModifierKeyPressed?: boolean | undefined, location?: string | undefined, destinationProduct?: DestinationProduct | string | undefined, destinationSubproduct?: DestinationSubproduct | string | undefined, actionSubjectId?: string | undefined) => void;
|
|
49
49
|
/**
|
|
50
50
|
* This fires an event that represents when a user clicks on a Smart Link action.
|
|
51
51
|
* Note: This also starts the UFO smart-link-action-invocation experience.
|
|
@@ -12,7 +12,7 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
|
|
|
12
12
|
ui: {
|
|
13
13
|
authEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
|
|
14
14
|
authAlternateAccountEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
|
|
15
|
-
cardClickedEvent: (id: string | undefined, display: import("../../view/Card/types").CardInnerAppearance, status: import("@atlaskit/linking-common/types").CardType, definitionId?: string | undefined, extensionKey?: string | undefined, isModifierKeyPressed?: boolean | undefined, location?: string | undefined, destinationProduct?: string | undefined, destinationSubproduct?: string | undefined) => void;
|
|
15
|
+
cardClickedEvent: (id: string | undefined, display: import("../../view/Card/types").CardInnerAppearance, status: import("@atlaskit/linking-common/types").CardType, definitionId?: string | undefined, extensionKey?: string | undefined, isModifierKeyPressed?: boolean | undefined, location?: string | undefined, destinationProduct?: string | undefined, destinationSubproduct?: string | undefined, actionSubjectId?: string | undefined) => void;
|
|
16
16
|
actionClickedEvent: (id: string | undefined, extensionKey: string | undefined, actionType: string, display: import("../../view/Card/types").CardInnerAppearance, invokeType: import("../../model/invoke-opts").InvokeType) => void;
|
|
17
17
|
hoverCardOpenLinkClickedEvent: (previewDisplay: import("../../view/HoverCard/types").PreviewDisplay, definitionId?: string | undefined, extensionKey?: string | undefined, previewInvokeMethod?: import("../../view/HoverCard/types").PreviewInvokeMethod | undefined) => void;
|
|
18
18
|
closedAuthEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
|
|
@@ -23,7 +23,7 @@ export declare const connectFailedEvent: (definitionId?: string | undefined, ext
|
|
|
23
23
|
export declare const trackAppAccountConnected: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
|
|
24
24
|
export declare const uiAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
|
|
25
25
|
export declare const uiAuthAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
|
|
26
|
-
export declare const uiCardClickedEvent: (id: string, display: CardInnerAppearance, status: CardType, definitionId?: string | undefined, extensionKey?: string | undefined, isModifierKeyPressed?: boolean | undefined, location?: string | undefined, destinationProduct?: string | undefined, destinationSubproduct?: string | undefined) => AnalyticsPayload;
|
|
26
|
+
export declare const uiCardClickedEvent: (id: string, display: CardInnerAppearance, status: CardType, definitionId?: string | undefined, extensionKey?: string | undefined, isModifierKeyPressed?: boolean | undefined, location?: string | undefined, destinationProduct?: string | undefined, destinationSubproduct?: string | undefined, actionSubjectId?: string | undefined) => AnalyticsPayload;
|
|
27
27
|
export declare const uiActionClickedEvent: (id: string, actionType: string, extensionKey?: string | undefined, display?: CardInnerAppearance | undefined) => AnalyticsPayload;
|
|
28
28
|
export declare const uiClosedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
|
|
29
29
|
export declare const screenAuthPopupEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "19.1.
|
|
3
|
+
"version": "19.1.25",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@atlaskit/linking-common": "^1.1.0",
|
|
37
37
|
"@atlaskit/logo": "^13.7.0",
|
|
38
38
|
"@atlaskit/lozenge": "^11.1.0",
|
|
39
|
-
"@atlaskit/media-common": "^2.
|
|
39
|
+
"@atlaskit/media-common": "^2.15.0",
|
|
40
40
|
"@atlaskit/modal-dialog": "^12.2.0",
|
|
41
41
|
"@atlaskit/outbound-auth-flow-client": "^3.3.0",
|
|
42
42
|
"@atlaskit/popup": "^1.3.0",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"uuid": "^3.1.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
61
|
-
"@atlaskit/link-provider": "^1.0.
|
|
61
|
+
"@atlaskit/link-provider": "^1.0.4",
|
|
62
62
|
"react": "^16.8.0",
|
|
63
63
|
"react-dom": "^16.8.0",
|
|
64
64
|
"react-intl-next": "npm:react-intl@^5.18.1"
|