@atlaskit/smart-card 38.9.0 → 38.9.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 +9 -0
- package/dist/cjs/extractors/common/context/index.js +2 -1
- package/dist/cjs/extractors/embed/index.js +4 -16
- package/dist/cjs/extractors/flexible/extract-link-title.js +2 -4
- package/dist/cjs/extractors/flexible/index.js +12 -14
- package/dist/cjs/extractors/inline/index.js +7 -18
- package/dist/cjs/state/hooks/use-resolve/index.js +1 -2
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/BlockCard/views/ForbiddenView.js +1 -1
- package/dist/cjs/view/BlockCard/views/NotFoundView.js +1 -1
- package/dist/cjs/view/BlockCard/views/UnauthorisedView.js +2 -3
- package/dist/cjs/view/FlexibleCard/utils.js +5 -8
- package/dist/cjs/view/HoverCard/components/ImagePreview.js +2 -15
- package/dist/cjs/view/HoverCard/components/views/forbidden/index.js +3 -4
- package/dist/cjs/view/HoverCard/components/views/unauthorised/index.js +2 -3
- package/dist/cjs/view/InlineCard/index.js +3 -5
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/extractors/common/context/index.js +2 -1
- package/dist/es2019/extractors/embed/index.js +6 -19
- package/dist/es2019/extractors/flexible/extract-link-title.js +3 -5
- package/dist/es2019/extractors/flexible/index.js +15 -15
- package/dist/es2019/extractors/inline/index.js +8 -22
- package/dist/es2019/state/hooks/use-resolve/index.js +1 -2
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/BlockCard/views/ForbiddenView.js +2 -2
- package/dist/es2019/view/BlockCard/views/NotFoundView.js +2 -2
- package/dist/es2019/view/BlockCard/views/UnauthorisedView.js +3 -4
- package/dist/es2019/view/FlexibleCard/utils.js +7 -8
- package/dist/es2019/view/HoverCard/components/ImagePreview.js +2 -15
- package/dist/es2019/view/HoverCard/components/views/forbidden/index.js +4 -5
- package/dist/es2019/view/HoverCard/components/views/unauthorised/index.js +3 -4
- package/dist/es2019/view/InlineCard/index.js +5 -7
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/extractors/common/context/index.js +2 -1
- package/dist/esm/extractors/embed/index.js +6 -18
- package/dist/esm/extractors/flexible/extract-link-title.js +3 -5
- package/dist/esm/extractors/flexible/index.js +15 -15
- package/dist/esm/extractors/inline/index.js +8 -21
- package/dist/esm/state/hooks/use-resolve/index.js +1 -2
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/BlockCard/views/ForbiddenView.js +2 -2
- package/dist/esm/view/BlockCard/views/NotFoundView.js +2 -2
- package/dist/esm/view/BlockCard/views/UnauthorisedView.js +3 -4
- package/dist/esm/view/FlexibleCard/utils.js +7 -8
- package/dist/esm/view/HoverCard/components/ImagePreview.js +2 -15
- package/dist/esm/view/HoverCard/components/views/forbidden/index.js +4 -5
- package/dist/esm/view/HoverCard/components/views/unauthorised/index.js +3 -4
- package/dist/esm/view/InlineCard/index.js +5 -7
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/view/Card/types.d.ts +1 -0
- package/dist/types-ts4.5/view/Card/types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ import * as React from 'react';
|
|
|
7
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
8
8
|
import { useCallback, useMemo } from 'react';
|
|
9
9
|
import { FormattedMessage } from 'react-intl-next';
|
|
10
|
-
import {
|
|
10
|
+
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
11
11
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
12
|
import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
|
|
13
13
|
import { messages } from '../../../messages';
|
|
@@ -27,14 +27,13 @@ var contentStyles = null;
|
|
|
27
27
|
* @see FlexibleCardProps
|
|
28
28
|
*/
|
|
29
29
|
var UnauthorisedView = function UnauthorisedView(_ref) {
|
|
30
|
-
var
|
|
30
|
+
var _extractSmartLinkProv;
|
|
31
31
|
var _ref$testId = _ref.testId,
|
|
32
32
|
testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
|
|
33
33
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
34
34
|
var cardState = props.cardState,
|
|
35
35
|
onAuthorize = props.onAuthorize;
|
|
36
|
-
var
|
|
37
|
-
var providerName = fg('smart_links_noun_support') ? (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
|
|
36
|
+
var providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
|
|
38
37
|
var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
|
|
39
38
|
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
40
39
|
fireEvent = _useAnalyticsEvents.fireEvent;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import {
|
|
2
|
+
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
4
|
import { InternalActionName, SmartLinkStatus } from '../../constants';
|
|
5
5
|
import { extractRequestAccessContextImproved } from '../../extractors/common/context';
|
|
6
6
|
import extractFlexibleUiContext from '../../extractors/flexible';
|
|
7
7
|
import extractLinkTitle from '../../extractors/flexible/extract-link-title';
|
|
8
|
-
import
|
|
8
|
+
import { extractSmartLinkPreviewImage } from '../../extractors/flexible/extract-preview';
|
|
9
9
|
import { extractErrorIcon } from '../../extractors/flexible/icon';
|
|
10
|
-
import
|
|
10
|
+
import { extractSmartLinkProviderIcon } from '../../extractors/flexible/icon/extract-provider-icon';
|
|
11
11
|
import { messages } from '../../messages';
|
|
12
12
|
import { handleOnClick } from '../../utils';
|
|
13
|
-
import {
|
|
13
|
+
import { getForbiddenJsonLd } from '../../utils/jsonld';
|
|
14
14
|
export var getContextByStatus = function getContextByStatus(params) {
|
|
15
15
|
var _ref = params !== null && params !== void 0 ? params : {},
|
|
16
16
|
onClick = _ref.onClick,
|
|
@@ -40,8 +40,8 @@ export var getContextByStatus = function getContextByStatus(params) {
|
|
|
40
40
|
title: fg('platform-linking-flexible-card-context') ? undefined : url,
|
|
41
41
|
linkIcon: extractErrorIcon(response, status),
|
|
42
42
|
linkTitle: fg('platform-linking-flexible-card-context') ? extractLinkTitle(status, url, response, onClick) : undefined,
|
|
43
|
-
preview:
|
|
44
|
-
provider:
|
|
43
|
+
preview: extractSmartLinkPreviewImage(response),
|
|
44
|
+
provider: extractSmartLinkProviderIcon(response),
|
|
45
45
|
actions: fg('platform-linking-flexible-card-unresolved-action') ? _defineProperty({}, InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)) : undefined
|
|
46
46
|
};
|
|
47
47
|
}
|
|
@@ -66,8 +66,7 @@ var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
|
|
|
66
66
|
};
|
|
67
67
|
export var getRetryOptions = function getRetryOptions(url, status, response, onAuthorize) {
|
|
68
68
|
var _response$meta, _access$action, _access$buttonDisable;
|
|
69
|
-
var
|
|
70
|
-
var provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(response) : extractProvider(data);
|
|
69
|
+
var provider = extractSmartLinkProvider(response);
|
|
71
70
|
var context = provider === null || provider === void 0 ? void 0 : provider.text;
|
|
72
71
|
var values = context ? {
|
|
73
72
|
context: context
|
|
@@ -4,7 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
import React, { useCallback, useRef, useState } from 'react';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
-
import
|
|
7
|
+
import { extractSmartLinkPreviewImage } from '../../../extractors/flexible/extract-preview';
|
|
8
8
|
import { PreviewBlock } from '../../FlexibleCard/components/blocks';
|
|
9
9
|
var ImagePreview = function ImagePreview(_ref) {
|
|
10
10
|
var fallbackElementHeight = _ref.fallbackElementHeight,
|
|
@@ -19,7 +19,6 @@ var ImagePreview = function ImagePreview(_ref) {
|
|
|
19
19
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
20
20
|
dynamicStyles = _useState4[0],
|
|
21
21
|
setDynamicStyles = _useState4[1];
|
|
22
|
-
var data = response === null || response === void 0 ? void 0 : response.data;
|
|
23
22
|
|
|
24
23
|
// Set Preview to a fixed height to enable transitions
|
|
25
24
|
var onPreviewRender = useCallback(function () {
|
|
@@ -49,19 +48,7 @@ var ImagePreview = function ImagePreview(_ref) {
|
|
|
49
48
|
var onPreviewTransitionEnd = useCallback(function () {
|
|
50
49
|
setShowPreview(false);
|
|
51
50
|
}, []);
|
|
52
|
-
|
|
53
|
-
return showPreview && extractSmartLinkPreviewImage(response) ? /*#__PURE__*/React.createElement(PreviewBlock, {
|
|
54
|
-
onError: onPreviewError,
|
|
55
|
-
ignoreContainerPadding: true,
|
|
56
|
-
onTransitionEnd: onPreviewTransitionEnd,
|
|
57
|
-
blockRef: previewBlockRef,
|
|
58
|
-
onRender: onPreviewRender
|
|
59
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
60
|
-
,
|
|
61
|
-
style: dynamicStyles
|
|
62
|
-
}) : null;
|
|
63
|
-
}
|
|
64
|
-
return showPreview && data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, {
|
|
51
|
+
return showPreview && extractSmartLinkPreviewImage(response) ? /*#__PURE__*/React.createElement(PreviewBlock, {
|
|
65
52
|
onError: onPreviewError,
|
|
66
53
|
ignoreContainerPadding: true,
|
|
67
54
|
onTransitionEnd: onPreviewTransitionEnd,
|
|
@@ -7,7 +7,7 @@ import { FormattedMessage } from 'react-intl-next';
|
|
|
7
7
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
8
8
|
import ButtonOld from '@atlaskit/button';
|
|
9
9
|
import Button from '@atlaskit/button/new';
|
|
10
|
-
import {
|
|
10
|
+
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
11
11
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
12
|
import { SmartLinkStatus } from '../../../../../constants';
|
|
13
13
|
import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
|
|
@@ -24,7 +24,7 @@ var connectButtonStyles = null;
|
|
|
24
24
|
var basePreviewStylesOld = null;
|
|
25
25
|
var basePreviewStyles = null;
|
|
26
26
|
var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
|
|
27
|
-
var _cardState$details,
|
|
27
|
+
var _cardState$details, _extractSmartLinkProv, _extractSmartLinkProv2, _extractRequestAccess;
|
|
28
28
|
var flexibleCardProps = _ref.flexibleCardProps,
|
|
29
29
|
_ref$testId = _ref.testId,
|
|
30
30
|
testId = _ref$testId === void 0 ? 'hover-card-forbidden-view' : _ref$testId;
|
|
@@ -32,9 +32,8 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
|
|
|
32
32
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
33
33
|
var cardState = flexibleCardProps.cardState,
|
|
34
34
|
url = flexibleCardProps.url;
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var product = fg('smart_links_noun_support') ? (_extractSmartLinkProv = (_extractSmartLinkProv2 = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text) !== null && _extractSmartLinkProv !== void 0 ? _extractSmartLinkProv : '' : (_extractProvider$text = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text) !== null && _extractProvider$text !== void 0 ? _extractProvider$text : '';
|
|
35
|
+
var meta = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.meta;
|
|
36
|
+
var product = (_extractSmartLinkProv = (_extractSmartLinkProv2 = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text) !== null && _extractSmartLinkProv !== void 0 ? _extractSmartLinkProv : '';
|
|
38
37
|
var hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
|
|
39
38
|
var _ref2 = (_extractRequestAccess = extractRequestAccessContextImproved({
|
|
40
39
|
jsonLd: meta,
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { useCallback, useMemo } from 'react';
|
|
7
7
|
import { FormattedMessage } from 'react-intl-next';
|
|
8
|
-
import {
|
|
8
|
+
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
10
|
import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
|
|
11
11
|
import { ActionName, CardDisplay } from '../../../../../constants';
|
|
@@ -24,7 +24,7 @@ var titleBlockStyles = null;
|
|
|
24
24
|
var mainTextStylesOld = null;
|
|
25
25
|
var mainTextStyles = null;
|
|
26
26
|
var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
|
|
27
|
-
var
|
|
27
|
+
var _extractSmartLinkProv;
|
|
28
28
|
var _ref$id = _ref.id,
|
|
29
29
|
id = _ref$id === void 0 ? '' : _ref$id,
|
|
30
30
|
flexibleCardProps = _ref.flexibleCardProps,
|
|
@@ -32,8 +32,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
|
|
|
32
32
|
testId = _ref$testId === void 0 ? 'hover-card-unauthorised-view' : _ref$testId,
|
|
33
33
|
url = _ref.url;
|
|
34
34
|
var cardState = flexibleCardProps.cardState;
|
|
35
|
-
var
|
|
36
|
-
var providerName = fg('smart_links_noun_support') ? (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
|
|
35
|
+
var providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
|
|
37
36
|
var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
|
|
38
37
|
var _useSmartCardActions = useSmartCardActions(id, url),
|
|
39
38
|
authorize = _useSmartCardActions.authorize;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
4
|
-
import {
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
+
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
6
5
|
import { SmartLinkStatus } from '../../constants';
|
|
7
6
|
import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
|
|
8
7
|
import { extractInlineProps } from '../../extractors/inline';
|
|
9
8
|
import { getExtensionKey } from '../../state/helpers';
|
|
10
|
-
import {
|
|
9
|
+
import { getForbiddenJsonLd } from '../../utils/jsonld';
|
|
11
10
|
import { CardLinkView } from '../LinkView';
|
|
12
11
|
import { InlineCardErroredView } from './ErroredView';
|
|
13
12
|
import { InlineCardForbiddenView } from './ForbiddenView';
|
|
@@ -39,7 +38,6 @@ export var InlineCard = function InlineCard(_ref) {
|
|
|
39
38
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
40
39
|
var status = cardState.status,
|
|
41
40
|
details = cardState.details;
|
|
42
|
-
var cardDetails = details && details.data || getEmptyJsonLd();
|
|
43
41
|
var extensionKey = getExtensionKey(details);
|
|
44
42
|
var testIdWithStatus = testId ? "".concat(testId, "-").concat(status, "-view") : undefined;
|
|
45
43
|
var resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(details, renderers, removeTextHighlightingFromTitle, false) : {};
|
|
@@ -91,7 +89,7 @@ export var InlineCard = function InlineCard(_ref) {
|
|
|
91
89
|
truncateInline: truncateInline
|
|
92
90
|
}));
|
|
93
91
|
case 'unauthorized':
|
|
94
|
-
var provider =
|
|
92
|
+
var provider = extractSmartLinkProvider(details);
|
|
95
93
|
return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
|
|
96
94
|
icon: provider && provider.icon,
|
|
97
95
|
context: provider && provider.text,
|
|
@@ -106,7 +104,7 @@ export var InlineCard = function InlineCard(_ref) {
|
|
|
106
104
|
truncateInline: truncateInline
|
|
107
105
|
});
|
|
108
106
|
case 'forbidden':
|
|
109
|
-
var providerForbidden =
|
|
107
|
+
var providerForbidden = extractSmartLinkProvider(details);
|
|
110
108
|
var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
|
|
111
109
|
var requestAccessContext = extractRequestAccessContextImproved({
|
|
112
110
|
jsonLd: cardMetadata,
|
|
@@ -127,7 +125,7 @@ export var InlineCard = function InlineCard(_ref) {
|
|
|
127
125
|
truncateInline: truncateInline
|
|
128
126
|
});
|
|
129
127
|
case 'not_found':
|
|
130
|
-
var providerNotFound =
|
|
128
|
+
var providerNotFound = extractSmartLinkProvider(details);
|
|
131
129
|
return /*#__PURE__*/React.createElement(InlineCardErroredView, {
|
|
132
130
|
url: url,
|
|
133
131
|
icon: providerNotFound && providerNotFound.icon,
|
|
@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
13
13
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
14
14
|
var PACKAGE_DATA = {
|
|
15
15
|
packageName: "@atlaskit/smart-card",
|
|
16
|
-
packageVersion: "38.9.
|
|
16
|
+
packageVersion: "38.9.1",
|
|
17
17
|
componentName: 'linkUrl'
|
|
18
18
|
};
|
|
19
19
|
var Anchor = withLinkClickedEvent('a');
|
|
@@ -170,6 +170,7 @@ export interface EmbedProps {
|
|
|
170
170
|
* Informs Smart Link of the device it is rendered in. Available values are `web` and `mobile`.
|
|
171
171
|
* It is used together with link response `data.preview["atlassian:supportedPlatforms"]`.
|
|
172
172
|
* To make embed content available on all supported urls, use `web`.
|
|
173
|
+
* @deprecated The support for platform prop will be removed and `web` used as default
|
|
173
174
|
*/
|
|
174
175
|
platform?: CardPlatform;
|
|
175
176
|
}
|
|
@@ -170,6 +170,7 @@ export interface EmbedProps {
|
|
|
170
170
|
* Informs Smart Link of the device it is rendered in. Available values are `web` and `mobile`.
|
|
171
171
|
* It is used together with link response `data.preview["atlassian:supportedPlatforms"]`.
|
|
172
172
|
* To make embed content available on all supported urls, use `web`.
|
|
173
|
+
* @deprecated The support for platform prop will be removed and `web` used as default
|
|
173
174
|
*/
|
|
174
175
|
platform?: CardPlatform;
|
|
175
176
|
}
|